.paso-miniclase[data-v-42f420a3] {
  max-width: 700px;
  margin: 0 auto;
}
.paso-header[data-v-42f420a3] {
  margin-bottom: 2rem;
}
.paso-tipo[data-v-42f420a3] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.paso-titulo[data-v-42f420a3] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}
.paso-contenido[data-v-42f420a3] {
  color: #E9D5FF;
  font-size: 1.05rem;
  line-height: 1.7;
}
.paso-contenido[data-v-42f420a3] p {
  margin-bottom: 1rem;
}
.paso-contenido[data-v-42f420a3] strong {
  color: #FFFFFF;
}
.paso-contenido[data-v-42f420a3] em {
  color: #8B5CF6;
  font-style: normal;
}

/* Soporte para KaTeX */
.paso-contenido[data-v-42f420a3] .katex {
  font-size: 1.1em;
  color: white;
}
.paso-contenido[data-v-42f420a3] .katex-display {
  margin: 1.5rem 0;
  text-align: center;
  font-size: 1.2em;
  overflow-x: auto;
}
.paso-contenido[data-v-42f420a3] .katex-display > .katex {
  display: inline-block;
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Listas */
.paso-contenido[data-v-42f420a3] ul,
.paso-contenido[data-v-42f420a3] ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}
.paso-contenido[data-v-42f420a3] li {
  margin-bottom: 0.5rem;
}

/* Código */
.paso-contenido[data-v-42f420a3] code {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.9em;
}

/* Cajas de información */
.paso-contenido[data-v-42f420a3] .info-box {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
}
.paso-contenido[data-v-42f420a3] .formula-box {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
  text-align: center;
}
.paso-contenido[data-v-42f420a3] .ejemplo-box {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  margin: 1rem 0;
}
.paso-footer[data-v-42f420a3] {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}
.btn-continuar[data-v-42f420a3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: #8B5CF6;
  border: 3px solid #6D28D9;
  border-radius: 0.75rem;
  box-shadow: 5px 5px 0px #5B21B6;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.btn-continuar[data-v-42f420a3]:hover {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0px #5B21B6;
}
.btn-continuar[data-v-42f420a3]:active {
  transform: translate(5px, 5px);
  box-shadow: 0px 0px 0px #5B21B6;
}
.btn-icono[data-v-42f420a3] {
  font-size: 1.25rem;
}
@media (max-width: 640px) {
.paso-titulo[data-v-42f420a3] {
    font-size: 1.4rem;
}
.paso-contenido[data-v-42f420a3] {
    font-size: 1rem;
}
.btn-continuar[data-v-42f420a3] {
    width: 100%;
    justify-content: center;
}
}

.paso-quiz[data-v-9251a355] {
  max-width: 700px;
  margin: 0 auto;
}
.paso-header[data-v-9251a355] {
  margin-bottom: 2rem;
}
.paso-tipo[data-v-9251a355] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #F59E0B;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.paso-titulo[data-v-9251a355] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.4;
}

/* Soporte para KaTeX en título */
.paso-titulo[data-v-9251a355] .katex {
  font-size: 1em;
  color: white;
}
.opciones[data-v-9251a355] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.opcion[data-v-9251a355] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 3px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  color: #E9D5FF;
  font-size: 1rem;
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.opcion[data-v-9251a355]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion.seleccionada[data-v-9251a355] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  box-shadow: 4px 4px 0px #5B21B6;
}
.opcion.correcta[data-v-9251a355] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  box-shadow: 4px 4px 0px #047857;
}
.opcion.incorrecta[data-v-9251a355] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  box-shadow: 4px 4px 0px #B91C1C;
}
.opcion[data-v-9251a355]:disabled {
  cursor: default;
}
.opcion-letra[data-v-9251a355] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion.correcta .opcion-letra[data-v-9251a355] {
  background: #10B981;
  border-color: #047857;
}
.opcion.incorrecta .opcion-letra[data-v-9251a355] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-texto[data-v-9251a355] {
  flex: 1;
}

/* Soporte para KaTeX en opciones */
.opcion-texto[data-v-9251a355] .katex {
  font-size: 1em;
  color: inherit;
}
.opcion-icono[data-v-9251a355] {
  font-size: 1.25rem;
  font-weight: 700;
}
.feedback[data-v-9251a355] {
  display: flex;
  gap: 1rem;
  padding: 1.25rem;
  background: rgba(239, 68, 68, 0.1);
  border: 3px solid #EF4444;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.feedback.correcto[data-v-9251a355] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.feedback-icono[data-v-9251a355] {
  font-size: 2rem;
}
.feedback-contenido[data-v-9251a355] {
  flex: 1;
}
.feedback-titulo[data-v-9251a355] {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.feedback-texto[data-v-9251a355] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Soporte para KaTeX en explicación */
.feedback-texto[data-v-9251a355] .katex {
  font-size: 1em;
  color: inherit;
}
.paso-footer[data-v-9251a355] {
  display: flex;
  justify-content: flex-end;
}
.btn-verificar[data-v-9251a355],
.btn-continuar[data-v-9251a355] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  border: 3px solid;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.btn-verificar[data-v-9251a355] {
  background: #F59E0B;
  border-color: #B45309;
  border-radius: 0.75rem;
  box-shadow: 5px 5px 0px #B45309;
  color: #FFFFFF;
}
.btn-verificar[data-v-9251a355]:hover:not(:disabled) {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0px #B45309;
}
.btn-verificar[data-v-9251a355]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-continuar[data-v-9251a355] {
  background: #10B981;
  border-color: #047857;
  border-radius: 0.75rem;
  box-shadow: 5px 5px 0px #047857;
  color: #FFFFFF;
}
.btn-continuar[data-v-9251a355]:hover {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0px #047857;
}
.btn-icono[data-v-9251a355] {
  font-size: 1.25rem;
}

/* Transitions */
.fade-enter-active[data-v-9251a355],
.fade-leave-active[data-v-9251a355] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-9251a355],
.fade-leave-to[data-v-9251a355] {
  opacity: 0;
}
@media (max-width: 640px) {
.paso-titulo[data-v-9251a355] {
    font-size: 1.25rem;
}
.opcion[data-v-9251a355] {
    padding: 0.875rem 1rem;
    font-size: 0.95rem;
}
.opcion-letra[data-v-9251a355] {
    width: 28px;
    height: 28px;
    font-size: 0.9rem;
}
.btn-verificar[data-v-9251a355],
  .btn-continuar[data-v-9251a355] {
    width: 100%;
    justify-content: center;
}
}

.paso-interactivo[data-v-3e2e46ce] {
  max-width: 800px;
  margin: 0 auto;
}
.paso-header[data-v-3e2e46ce] {
  margin-bottom: 2rem;
}
.paso-tipo[data-v-3e2e46ce] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.paso-titulo[data-v-3e2e46ce] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0 0 0.75rem 0;
}
.paso-instrucciones[data-v-3e2e46ce] {
  color: #E9D5FF;
  font-size: 1rem;
  margin: 0;
  line-height: 1.5;
}
.paso-contenido[data-v-3e2e46ce] {
  margin-bottom: 2rem;
}

/* Estilos comunes para interactivos */
.paso-contenido[data-v-3e2e46ce] .interactivo-container {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 1.5rem;
}

/* Sliders */
.paso-contenido[data-v-3e2e46ce] .slider-container {
  margin: 1.5rem 0;
}
.paso-contenido[data-v-3e2e46ce] .slider-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
}
.paso-contenido[data-v-3e2e46ce] .slider-value {
  color: #8B5CF6;
  font-weight: 700;
}
.paso-contenido[data-v-3e2e46ce] input[type="range"] {
  width: 100%;
  height: 8px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.paso-contenido[data-v-3e2e46ce] input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.paso-contenido[data-v-3e2e46ce] input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* SVG Containers */
.paso-contenido[data-v-3e2e46ce] .svg-container {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 1rem 0;
}
.paso-contenido[data-v-3e2e46ce] svg {
  max-width: 100%;
  height: auto;
}

/* Valores y resultados */
.paso-contenido[data-v-3e2e46ce] .resultado-box {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-top: 1rem;
  text-align: center;
}
.paso-contenido[data-v-3e2e46ce] .resultado-label {
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.paso-contenido[data-v-3e2e46ce] .resultado-valor {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 700;
}

/* Objetivo */
.paso-contenido[data-v-3e2e46ce] .objetivo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid #F59E0B;
  margin-top: 1rem;
}
.paso-contenido[data-v-3e2e46ce] .objetivo.logrado {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.paso-contenido[data-v-3e2e46ce] .objetivo-icono {
  font-size: 1.5rem;
}
.paso-contenido[data-v-3e2e46ce] .objetivo-texto {
  color: #E9D5FF;
  font-weight: 500;
}

/* Botones dentro del interactivo */
.paso-contenido[data-v-3e2e46ce] .btn-accion {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: 2px solid #6D28D9;
  box-shadow: 3px 3px 0px #5B21B6;
  color: #FFFFFF;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.paso-contenido[data-v-3e2e46ce] .btn-accion:hover {
  transform: translate(1px, 1px);
  box-shadow: 2px 2px 0px #5B21B6;
}
.paso-footer[data-v-3e2e46ce] {
  display: flex;
  justify-content: flex-end;
}
.btn-continuar[data-v-3e2e46ce] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: #4B5563;
  border: 3px solid #374151;
  border-radius: 0.75rem;
  box-shadow: 5px 5px 0px #374151;
  color: #9CA3AF;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: not-allowed;
  transition: all 0.15s ease;
  font-family: inherit;
}
.btn-continuar.habilitado[data-v-3e2e46ce] {
  background: #10B981;
  border-color: #047857;
  box-shadow: 5px 5px 0px #047857;
  color: #FFFFFF;
  cursor: pointer;
}
.btn-continuar.habilitado[data-v-3e2e46ce]:hover {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0px #047857;
}
.btn-icono[data-v-3e2e46ce] {
  font-size: 1.25rem;
}
@media (max-width: 640px) {
.paso-titulo[data-v-3e2e46ce] {
    font-size: 1.4rem;
}
.btn-continuar[data-v-3e2e46ce] {
    width: 100%;
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-9a299aaf] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.problema-card[data-v-9a299aaf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(239, 68, 68, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 1rem;
}
.problema-icono[data-v-9a299aaf] {
  font-size: 3rem;
}
.problema-nombre[data-v-9a299aaf] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.5rem;
}

/* Comparación */
.comparacion-section[data-v-9a299aaf] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-9a299aaf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-9a299aaf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-9a299aaf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.alergia[data-v-9a299aaf] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.comp-item.autoinmune[data-v-9a299aaf] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-icono[data-v-9a299aaf] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-9a299aaf] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.comp-target[data-v-9a299aaf] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
  line-height: 1.3;
}
.comp-ejemplo[data-v-9a299aaf] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Concepto hipersensibilidad */
.concepto-section[data-v-9a299aaf] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-titulo[data-v-9a299aaf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-contenido p[data-v-9a299aaf] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tipos-grid[data-v-9a299aaf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.tipo-item[data-v-9a299aaf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.tipo-item.tipo1[data-v-9a299aaf] {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.tipo-item.tipo2[data-v-9a299aaf] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-item.tipo3[data-v-9a299aaf] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tipo-item.tipo4[data-v-9a299aaf] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tipo-num[data-v-9a299aaf] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.tipo-nombre[data-v-9a299aaf] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-9a299aaf] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Problema section */
.problema-section[data-v-9a299aaf] {
  margin: 1.5rem 0;
}
.problema-titulo[data-v-9a299aaf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-lista[data-v-9a299aaf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema-item[data-v-9a299aaf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-9a299aaf] {
  font-size: 1.25rem;
}
.item-contenido[data-v-9a299aaf] {
  display: flex;
  flex-direction: column;
}
.item-nombre[data-v-9a299aaf] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.item-detalle[data-v-9a299aaf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-9a299aaf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9a299aaf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9a299aaf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9a299aaf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.problema-card[data-v-9a299aaf] {
    padding: 1.25rem 2rem;
}
.problema-icono[data-v-9a299aaf] {
    font-size: 3.5rem;
}
.comp-grid[data-v-9a299aaf] {
    gap: 0.75rem;
}
.comp-item[data-v-9a299aaf] {
    padding: 1rem;
}
.tipos-grid[data-v-9a299aaf] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-43069bf1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.alergia-card[data-v-43069bf1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(251, 191, 36, 0.5);
  border-radius: 1rem;
}
.alergia-icono[data-v-43069bf1] {
  font-size: 3rem;
}
.alergia-nombre[data-v-43069bf1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.5rem;
}

/* Proceso */
.proceso-section[data-v-43069bf1] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-43069bf1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-proceso[data-v-43069bf1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-proceso[data-v-43069bf1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-43069bf1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.paso-contenido[data-v-43069bf1] {
  display: flex;
  flex-direction: column;
}
.paso-nombre[data-v-43069bf1] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
}
.paso-detalle[data-v-43069bf1] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Células */
.celulas-section[data-v-43069bf1] {
  margin: 1.5rem 0;
}
.celulas-titulo[data-v-43069bf1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.celulas-grid[data-v-43069bf1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.celula-item[data-v-43069bf1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.cel-icono[data-v-43069bf1] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.cel-nombre[data-v-43069bf1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cel-funcion[data-v-43069bf1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Efectos */
.efectos-section[data-v-43069bf1] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-43069bf1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efectos-grid[data-v-43069bf1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.efecto-item[data-v-43069bf1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.efecto-icono[data-v-43069bf1] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.efecto-nombre[data-v-43069bf1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
}
.efecto-sintoma[data-v-43069bf1] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-43069bf1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-43069bf1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-43069bf1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ejemplo-tag[data-v-43069bf1] {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Alerta anafilaxia */
.alerta-section[data-v-43069bf1] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.alerta-header[data-v-43069bf1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.alerta-icono[data-v-43069bf1] {
  font-size: 1.25rem;
}
.alerta-titulo[data-v-43069bf1] {
  font-weight: 700;
  font-size: 1rem;
  color: #FCA5A5;
}
.alerta-texto[data-v-43069bf1] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.alerta-texto strong[data-v-43069bf1] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-43069bf1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-43069bf1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-43069bf1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-43069bf1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.alergia-card[data-v-43069bf1] {
    padding: 1.25rem 2rem;
}
.alergia-icono[data-v-43069bf1] {
    font-size: 3.5rem;
}
.celulas-grid[data-v-43069bf1], .efectos-grid[data-v-43069bf1] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-45d95c02] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.auto-card[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(190, 24, 93, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 1rem;
}
.auto-icono[data-v-45d95c02] {
  font-size: 3rem;
}
.auto-nombre[data-v-45d95c02] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-top: 0.5rem;
}

/* Tolerancia */
.tolerancia-section[data-v-45d95c02] {
  margin: 1.5rem 0;
}
.tolerancia-titulo[data-v-45d95c02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tolerancia-grid[data-v-45d95c02] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tolerancia-item[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tolerancia-item.normal[data-v-45d95c02] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tolerancia-item.falla[data-v-45d95c02] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tol-icono[data-v-45d95c02] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tol-nombre[data-v-45d95c02] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.tol-desc[data-v-45d95c02] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
  line-height: 1.3;
}

/* Mecanismos */
.mecanismos-section[data-v-45d95c02] {
  margin: 1.5rem 0;
}
.mec-titulo[data-v-45d95c02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mecanismos-lista[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mec-item[data-v-45d95c02] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.mec-icono[data-v-45d95c02] {
  font-size: 1.25rem;
}
.mec-contenido[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
}
.mec-nombre[data-v-45d95c02] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.mec-detalle[data-v-45d95c02] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Enfermedades */
.enfermedades-section[data-v-45d95c02] {
  margin: 1.5rem 0;
}
.enf-titulo[data-v-45d95c02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enf-grid[data-v-45d95c02] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.enf-item[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.enf-icono[data-v-45d95c02] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.enf-nombre[data-v-45d95c02] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.enf-target[data-v-45d95c02] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-top: 0.1rem;
}

/* Factores */
.factores-section[data-v-45d95c02] {
  margin: 1.5rem 0;
}
.fact-titulo[data-v-45d95c02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-45d95c02] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-item[data-v-45d95c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.fact-icono[data-v-45d95c02] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.fact-nombre[data-v-45d95c02] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fact-desc[data-v-45d95c02] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Tratamiento */
.tratamiento-section[data-v-45d95c02] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.trat-header[data-v-45d95c02] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.trat-icono[data-v-45d95c02] {
  font-size: 1.25rem;
}
.trat-titulo[data-v-45d95c02] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.trat-texto[data-v-45d95c02] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.trat-texto strong[data-v-45d95c02] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-45d95c02] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-45d95c02] {
  font-size: 1.25rem;
}
.tip-texto[data-v-45d95c02] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-45d95c02] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.auto-card[data-v-45d95c02] {
    padding: 1.25rem 2rem;
}
.auto-icono[data-v-45d95c02] {
    font-size: 3.5rem;
}
.enf-grid[data-v-45d95c02] {
    grid-template-columns: repeat(3, 1fr);
}
.factores-grid[data-v-45d95c02] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-67868d19] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-67868d19] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-67868d19] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-67868d19] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-67868d19] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-67868d19] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-67868d19] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-67868d19] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-67868d19] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-67868d19] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-67868d19] {
  text-align: center;
}
.condicion-actual[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.cond-icono[data-v-67868d19] {
  font-size: 2.5rem;
}
.cond-nombre[data-v-67868d19] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.cond-desc[data-v-67868d19] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-clasif[data-v-67868d19], .pregunta-rel[data-v-67868d19] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-tipo[data-v-67868d19] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 100px;
}
.opcion-tipo.alergia[data-v-67868d19] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-tipo.autoinmune[data-v-67868d19] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-tipo.seleccionado[data-v-67868d19] {
  transform: scale(1.05);
}
.opcion-tipo.seleccionado.alergia[data-v-67868d19] {
  background: rgba(251, 191, 36, 0.3);
  border-color: #F59E0B;
}
.opcion-tipo.seleccionado.autoinmune[data-v-67868d19] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-tipo.correcto[data-v-67868d19] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-67868d19] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-67868d19] {
  font-size: 1.75rem;
}
.opt-nombre[data-v-67868d19] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-container[data-v-67868d19] {
  text-align: center;
}
.ordenar-instruccion[data-v-67868d19] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pasos-disponibles[data-v-67868d19] {
  margin-bottom: 1rem;
}
.pasos-label[data-v-67868d19] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pasos-pool[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-draggable[data-v-67868d19] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.paso-draggable.seleccionado[data-v-67868d19] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.slots-orden[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.slot-orden[data-v-67868d19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-height: 44px;
}
.slot-orden.seleccionable[data-v-67868d19] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-67868d19 1s infinite;
}
@keyframes pulse-67868d19 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-orden.ocupado[data-v-67868d19] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-num[data-v-67868d19] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.slot-texto[data-v-67868d19] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.slot-placeholder[data-v-67868d19] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-67868d19] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-67868d19], .btn-reiniciar[data-v-67868d19] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-67868d19] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-67868d19] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Relacionar ===== */
.relacionar-container[data-v-67868d19] {
  text-align: center;
}
.enfermedad-actual[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.enf-icono[data-v-67868d19] {
  font-size: 2.5rem;
}
.enf-nombre[data-v-67868d19] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCA5A5;
}
.opciones-tejido[data-v-67868d19] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tejido[data-v-67868d19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-tejido.seleccionado[data-v-67868d19] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.opcion-tejido.correcto[data-v-67868d19] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tejido.incorrecto[data-v-67868d19] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.tej-icono[data-v-67868d19] {
  font-size: 1.5rem;
}
.tej-nombre[data-v-67868d19] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Elementos comunes */
.feedback-msg[data-v-67868d19] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-67868d19] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-67868d19] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-67868d19] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-67868d19] { font-size: 1.25rem;
}
.resultado-texto[data-v-67868d19] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-67868d19] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-67868d19] { flex: 1;
}
.nav-btn[data-v-67868d19] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-67868d19] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-67868d19] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-67868d19] { font-size: 1.75rem;
}
.completado-texto[data-v-67868d19] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-67868d19], .slide-leave-active[data-v-67868d19] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-67868d19] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-67868d19] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.pasos-pool[data-v-67868d19] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.paso-draggable[data-v-67868d19] {
    flex: 0 1 auto;
}
.opciones-tejido[data-v-67868d19] {
    gap: 0.75rem;
}
.opcion-tejido[data-v-67868d19] {
    padding: 0.75rem 1rem;
    min-width: 110px;
}
}

/* Intro */
.resumen-intro[data-v-155bf9a0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(239, 68, 68, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-155bf9a0] {
  font-size: 2rem;
}
.resumen-intro p[data-v-155bf9a0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-155bf9a0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-155bf9a0] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-155bf9a0] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-155bf9a0]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-155bf9a0] {
  grid-column: span 2;
}
.resumen-card.alerta[data-v-155bf9a0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-155bf9a0] {
    grid-column: span 1;
}
}
.card-header[data-v-155bf9a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-155bf9a0] {
  font-size: 1.25rem;
}
.card-titulo[data-v-155bf9a0] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-155bf9a0] {
  color: #E9D5FF;
}
.card-nota[data-v-155bf9a0] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Comparación visual */
.comparacion-visual[data-v-155bf9a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.comp-box[data-v-155bf9a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 120px;
}
.comp-box.alergia[data-v-155bf9a0] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.comp-box.autoinmune[data-v-155bf9a0] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.box-icono[data-v-155bf9a0] {
  font-size: 1.5rem;
}
.box-nombre[data-v-155bf9a0] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.box-target[data-v-155bf9a0] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.box-ejemplo[data-v-155bf9a0] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.vs[data-v-155bf9a0] {
  font-weight: 800;
  font-size: 1rem;
  color: #8B5CF6;
}

/* Proceso mini */
.proceso-mini[data-v-155bf9a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.paso-mini[data-v-155bf9a0] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.paso-mini.destacado[data-v-155bf9a0] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
  font-weight: 700;
}
.flecha[data-v-155bf9a0] {
  color: #8B5CF6;
}

/* Efectos mini */
.efectos-mini[data-v-155bf9a0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  justify-content: center;
}
.efecto-tag[data-v-155bf9a0] {
  padding: 0.25rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Enfermedades mini */
.enf-mini-grid[data-v-155bf9a0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.enf-mini[data-v-155bf9a0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.enf-mini[data-v-155bf9a0]:last-child {
  border-bottom: none;
}

/* Células resumen */
.celulas-resumen[data-v-155bf9a0] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.celula-grupo[data-v-155bf9a0] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.celula-grupo.alergia[data-v-155bf9a0] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.celula-grupo.autoinmune[data-v-155bf9a0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.grupo-titulo[data-v-155bf9a0] {
  display: block;
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  color: #FFFFFF;
}
.celula-item[data-v-155bf9a0] {
  display: block;
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.2rem;
}

/* Alerta card */
.alerta-texto[data-v-155bf9a0] {
  margin: 0;
  font-size: 0.85rem;
  color: #FCA5A5;
}
.alerta-tratamiento[data-v-155bf9a0] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.alerta-tratamiento strong[data-v-155bf9a0] {
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-155bf9a0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-155bf9a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-155bf9a0] {
  font-size: 1.25rem;
}
.tip-text[data-v-155bf9a0] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-155bf9a0] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-155bf9a0] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-155bf9a0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-155bf9a0 1s ease-in-out infinite;
}
@keyframes bounce-155bf9a0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-155bf9a0] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-155bf9a0] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.gametos-union[data-v-10a36172] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 2rem;
}
.gameto[data-v-10a36172] {
  animation: pulse-10a36172 2s ease-in-out infinite;
}
.gameto.esperma[data-v-10a36172] {
  color: #93C5FD;
}
.gameto.ovulo[data-v-10a36172] {
  color: #F9A8D4;
}
.union[data-v-10a36172] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 800;
}
.flecha[data-v-10a36172] {
  color: #8B5CF6;
  font-weight: 800;
}
.cigoto[data-v-10a36172] {
  animation: pulse-10a36172 2s ease-in-out infinite;
  animation-delay: 0.5s;
}
@keyframes pulse-10a36172 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-10a36172] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.fecundacion[data-v-10a36172] { color: #A78BFA;
}
strong.esperma[data-v-10a36172] { color: #93C5FD;
}
strong.ovulo[data-v-10a36172] { color: #F9A8D4;
}
strong.cigoto[data-v-10a36172] { color: #C4B5FD;
}

/* Proceso diagram */
.proceso-diagram[data-v-10a36172] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-10a36172] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.etapas-grid[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.etapa-card[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  width: 100%;
  max-width: 200px;
  text-align: center;
}
.etapa-icono[data-v-10a36172] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.etapa-nombre[data-v-10a36172] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-desc[data-v-10a36172] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.etapa-ubicacion[data-v-10a36172] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}
.flecha-etapa[data-v-10a36172] {
  color: #8B5CF6;
  font-size: 1.25rem;
  transform: rotate(90deg);
}

/* Características */
.caracteristicas-section[data-v-10a36172] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-10a36172] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-10a36172] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-10a36172] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.caract-label[data-v-10a36172] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.caract-texto[data-v-10a36172] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-10a36172] {
  color: #6EE7B7;
}

/* Ubicación */
.ubicacion-section[data-v-10a36172] {
  margin: 1.5rem 0;
}
.ubicacion-titulo[data-v-10a36172] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ubicacion-visual[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.anatomia-item[data-v-10a36172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid;
  width: 100%;
  max-width: 250px;
}
.anatomia-item.trompa[data-v-10a36172] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.anatomia-item.utero[data-v-10a36172] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.anatomia-nombre[data-v-10a36172] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.anatomia-evento[data-v-10a36172] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.anatomia-flecha[data-v-10a36172] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-10a36172] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-10a36172] {
  font-size: 1.25rem;
}
.tip-texto[data-v-10a36172] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-10a36172] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.gametos-union[data-v-10a36172] {
    font-size: 2.5rem;
}
.etapas-grid[data-v-10a36172] {
    flex-direction: row;
    justify-content: center;
}
.flecha-etapa[data-v-10a36172] {
    transform: rotate(0deg);
}
.etapa-card[data-v-10a36172] {
    flex: 1;
    max-width: 150px;
}
.caract-grid[data-v-10a36172] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado visual */
.encabezado-visual[data-v-6f0a5914] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-badge[data-v-6f0a5914] {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  background: #8B5CF6;
}
.proceso-resultado[data-v-6f0a5914] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.celula-origen[data-v-6f0a5914] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.flecha[data-v-6f0a5914] {
  color: #8B5CF6;
  font-weight: 800;
}
.celula-resultado[data-v-6f0a5914] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Colores temáticos */
strong.fecundacion[data-v-6f0a5914] { color: #A78BFA;
}
strong.cigoto[data-v-6f0a5914] { color: #6EE7B7;
}

/* Etapas section */
.etapas-section[data-v-6f0a5914] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-6f0a5914] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa-card[data-v-6f0a5914] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.etapa-card.capacitacion[data-v-6f0a5914] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.etapa-card.reaccion-acrosomica[data-v-6f0a5914] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.etapa-card.penetracion[data-v-6f0a5914] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.etapa-card.bloqueo[data-v-6f0a5914] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.etapa-card.fusion[data-v-6f0a5914] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.etapa-header[data-v-6f0a5914] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.etapa-num[data-v-6f0a5914] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.etapa-nombre[data-v-6f0a5914] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.etapa-destacado[data-v-6f0a5914] {
  margin-left: auto;
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.etapa-contenido[data-v-6f0a5914] {
  padding: 0.75rem;
}
.etapa-visual[data-v-6f0a5914] {
  margin-bottom: 0.5rem;
}
.esperma-diagram[data-v-6f0a5914] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.esperma-parte[data-v-6f0a5914] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.esperma-parte.acrosoma[data-v-6f0a5914] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.esperma-parte.enzimas[data-v-6f0a5914] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.esperma-flecha[data-v-6f0a5914] {
  color: #8B5CF6;
}
.etapa-eventos[data-v-6f0a5914] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.etapa-eventos li[data-v-6f0a5914] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.etapa-eventos strong[data-v-6f0a5914] {
  color: #FFFFFF;
}

/* Barreras visual */
.barreras-visual[data-v-6f0a5914] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.barrera[data-v-6f0a5914] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.75rem;
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
  border-radius: 0.25rem;
}
.barrera-nombre[data-v-6f0a5914] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.barrera-tipo[data-v-6f0a5914] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.barrera-flecha[data-v-6f0a5914] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Fusión visual */
.fusion-visual[data-v-6f0a5914] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.pronucleo[data-v-6f0a5914] {
  padding: 0.4rem 0.6rem;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
}
.pronucleo.masc[data-v-6f0a5914] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.pronucleo.fem[data-v-6f0a5914] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.fusion-simbolo[data-v-6f0a5914] {
  font-size: 1.1rem;
  color: #8B5CF6;
  font-weight: 800;
}
.fusion-flecha[data-v-6f0a5914] {
  font-size: 1.1rem;
  color: #8B5CF6;
}
.cigoto-resultado[data-v-6f0a5914] {
  font-size: 1.5rem;
}

/* Sexo section */
.sexo-section[data-v-6f0a5914] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sexo-titulo[data-v-6f0a5914] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.sexo-grid[data-v-6f0a5914] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.sexo-item[data-v-6f0a5914] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.sexo-cromosoma[data-v-6f0a5914] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sexo-resultado[data-v-6f0a5914] {
  font-size: 0.8rem;
  font-weight: 600;
}
.sexo-resultado.femenino[data-v-6f0a5914] {
  color: #F9A8D4;
}
.sexo-resultado.masculino[data-v-6f0a5914] {
  color: #93C5FD;
}
.sexo-nota[data-v-6f0a5914] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}
.sexo-nota strong[data-v-6f0a5914] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-6f0a5914] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6f0a5914] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6f0a5914] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6f0a5914] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-resultado[data-v-6f0a5914] {
    gap: 0.75rem;
    font-size: 1rem;
}
.etapa-eventos li[data-v-6f0a5914] {
    font-size: 0.85rem;
}
}

/* Encabezado visual */
.encabezado-visual[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-badge[data-v-7ad00007] {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  background: #8B5CF6;
}
.timeline-mini[data-v-7ad00007] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: center;
}
.time-item[data-v-7ad00007] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.time-flecha[data-v-7ad00007] {
  color: #8B5CF6;
  font-size: 0.75rem;
}

/* Colores temáticos */
strong.segmentacion[data-v-7ad00007] { color: #A78BFA;
}
strong.implantacion[data-v-7ad00007] { color: #6EE7B7;
}

/* Desarrollo section */
.desarrollo-section[data-v-7ad00007] {
  margin: 1.5rem 0;
}
.desarrollo-titulo[data-v-7ad00007] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa-desarrollo[data-v-7ad00007] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.etapa-desarrollo.destacada[data-v-7ad00007] {
  border-color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.etapa-tiempo[data-v-7ad00007] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
}
.etapa-info[data-v-7ad00007] {
  flex: 1;
}
.etapa-nombre[data-v-7ad00007] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.etapa-visual-celulas[data-v-7ad00007] {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.25rem;
}
.celula[data-v-7ad00007] {
  font-size: 0.9rem;
}
.etapa-desc[data-v-7ad00007] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Blastocisto visual */
.blastocisto-visual[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.5rem;
}
.blasto-parte[data-v-7ad00007] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.blasto-parte.trofo[data-v-7ad00007] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.blasto-parte.embrio[data-v-7ad00007] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.blasto-parte.cavidad[data-v-7ad00007] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.blasto-label[data-v-7ad00007] {
  font-weight: 700;
  color: #FFFFFF;
}
.blasto-funcion[data-v-7ad00007] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Implantación visual */
.implantacion-visual[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0.25rem;
  margin: 0.25rem 0;
}
.endo[data-v-7ad00007] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.2rem 0.5rem;
  background: rgba(236, 72, 153, 0.2);
  border-radius: 0.25rem;
  width: 100%;
  text-align: center;
}
.blasto-implanta[data-v-7ad00007] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Capas section */
.capas-section[data-v-7ad00007] {
  margin: 1.5rem 0;
}
.capas-titulo[data-v-7ad00007] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capas-grid[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.capa-item[data-v-7ad00007] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.capa-item.ectodermo[data-v-7ad00007] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.capa-item.mesodermo[data-v-7ad00007] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.capa-item.endodermo[data-v-7ad00007] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.capa-nombre[data-v-7ad00007] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
}
.capa-origen[data-v-7ad00007] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.capa-derivados[data-v-7ad00007] {
  margin: 0.3rem 0 0 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.capa-derivados li[data-v-7ad00007] {
  margin-bottom: 0.1rem;
}

/* Anexos section */
.anexos-section[data-v-7ad00007] {
  margin: 1.5rem 0;
}
.anexos-titulo[data-v-7ad00007] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.anexos-grid[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.anexo-item[data-v-7ad00007] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.anexo-icono[data-v-7ad00007] {
  font-size: 1.25rem;
}
.anexo-nombre[data-v-7ad00007] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 110px;
}
.anexo-funcion[data-v-7ad00007] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Trimestres section */
.trimestres-section[data-v-7ad00007] {
  margin: 1.5rem 0;
}
.trimestres-titulo[data-v-7ad00007] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.trimestres-grid[data-v-7ad00007] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.trimestre-item[data-v-7ad00007] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.trim-num[data-v-7ad00007] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 800;
  color: white;
}
.trim-semanas[data-v-7ad00007] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
}
.trim-eventos[data-v-7ad00007] {
  font-size: 0.75rem;
  color: #E9D5FF;
  flex: 1;
}

/* Tip */
.tip[data-v-7ad00007] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7ad00007] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7ad00007] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7ad00007] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.capas-grid[data-v-7ad00007] {
    flex-direction: row;
}
.capa-item[data-v-7ad00007] {
    flex: 1;
}
.anexos-grid[data-v-7ad00007] {
    flex-direction: row;
}
.anexo-item[data-v-7ad00007] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.anexo-nombre[data-v-7ad00007] {
    min-width: auto;
}
.trimestres-grid[data-v-7ad00007] {
    flex-direction: row;
}
.trimestre-item[data-v-7ad00007] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.trim-semanas[data-v-7ad00007] {
    min-width: auto;
}
}

.explorador[data-v-893d6bc9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-893d6bc9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-893d6bc9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-893d6bc9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-893d6bc9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-893d6bc9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-893d6bc9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-893d6bc9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-893d6bc9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-893d6bc9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Secuencia ===== */
.secuencia-container[data-v-893d6bc9] {
  text-align: center;
}
.evento-actual[data-v-893d6bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-893d6bc9] {
  font-size: 2.5rem;
}
.evento-nombre[data-v-893d6bc9] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.evento-desc[data-v-893d6bc9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-orden[data-v-893d6bc9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-tiempo[data-v-893d6bc9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-tiempo[data-v-893d6bc9] {
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.opcion-tiempo.seleccionada[data-v-893d6bc9] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-tiempo.correcto[data-v-893d6bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-tiempo.incorrecto[data-v-893d6bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Capas Germinales ===== */
.capas-container[data-v-893d6bc9] {
  text-align: center;
}
.estructura-actual[data-v-893d6bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.estructura-icono[data-v-893d6bc9] {
  font-size: 2rem;
}
.estructura-nombre[data-v-893d6bc9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-capa[data-v-893d6bc9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-capa[data-v-893d6bc9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-capa[data-v-893d6bc9] {
  padding: 0.75rem 0.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  color: #FFFFFF;
  transition: all 0.2s ease;
}
.opcion-capa.azul[data-v-893d6bc9] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-capa.amarillo[data-v-893d6bc9] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-capa.verde[data-v-893d6bc9] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-capa.seleccionada[data-v-893d6bc9] {
  transform: scale(1.02);
}
.opcion-capa.correcto[data-v-893d6bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-capa.incorrecto[data-v-893d6bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-893d6bc9] {
  text-align: center;
}
.timeline-desarrollo[data-v-893d6bc9] {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.timeline-etapa[data-v-893d6bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  min-width: 60px;
}
.timeline-etapa.activa[data-v-893d6bc9] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.timeline-etapa.completada[data-v-893d6bc9] {
  opacity: 0.6;
}
.etapa-emoji[data-v-893d6bc9] {
  font-size: 1.5rem;
}
.etapa-nombre-sim[data-v-893d6bc9] {
  font-size: 0.6rem;
  color: #E9D5FF;
  font-weight: 600;
}
.etapa-info-sim[data-v-893d6bc9] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.info-header[data-v-893d6bc9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.info-emoji[data-v-893d6bc9] {
  font-size: 1.5rem;
}
.info-texto[data-v-893d6bc9] {
  display: flex;
  flex-direction: column;
}
.info-nombre[data-v-893d6bc9] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.info-tiempo[data-v-893d6bc9] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.info-caracteristicas[data-v-893d6bc9] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.info-caracteristicas li[data-v-893d6bc9] {
  margin-bottom: 0.2rem;
}
.quiz-simulador[data-v-893d6bc9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-893d6bc9] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-893d6bc9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.quiz-opc[data-v-893d6bc9] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.quiz-opc.seleccionada[data-v-893d6bc9] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-893d6bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-893d6bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.contador[data-v-893d6bc9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-893d6bc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-893d6bc9] { font-size: 1.25rem;
}
.resultado-texto[data-v-893d6bc9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-893d6bc9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-893d6bc9] { flex: 1;
}
.nav-btn[data-v-893d6bc9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-893d6bc9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-893d6bc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-893d6bc9] { font-size: 1.75rem;
}
.completado-texto[data-v-893d6bc9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-893d6bc9], .slide-leave-active[data-v-893d6bc9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-893d6bc9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-893d6bc9] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tiempo[data-v-893d6bc9] {
    grid-template-columns: repeat(5, 1fr);
}
.quiz-opciones[data-v-893d6bc9] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado */
.resumen-header[data-v-9ee3d6f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-icono[data-v-9ee3d6f1] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-9ee3d6f1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Timeline */
.timeline-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.timeline-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-9ee3d6f1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.timeline-item[data-v-9ee3d6f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  width: 100%;
  max-width: 280px;
}
.timeline-item.destacado[data-v-9ee3d6f1] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.time-badge[data-v-9ee3d6f1] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
}
.time-evento[data-v-9ee3d6f1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  flex: 1;
}
.time-lugar[data-v-9ee3d6f1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.timeline-flecha[data-v-9ee3d6f1] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Puntos clave */
.puntos-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.puntos-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-grid[data-v-9ee3d6f1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-9ee3d6f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-9ee3d6f1] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.punto-texto[data-v-9ee3d6f1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-texto strong[data-v-9ee3d6f1] {
  color: #6EE7B7;
}

/* Tabla capas germinales */
.tabla-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-capas[data-v-9ee3d6f1] {
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-9ee3d6f1] {
  display: grid;
  grid-template-columns: 100px 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.tabla-header span[data-v-9ee3d6f1] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-9ee3d6f1] {
  display: grid;
  grid-template-columns: 100px 1fr;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.ecto[data-v-9ee3d6f1] {
  background: rgba(59, 130, 246, 0.1);
}
.tabla-row.meso[data-v-9ee3d6f1] {
  background: rgba(245, 158, 11, 0.1);
}
.tabla-row.endo[data-v-9ee3d6f1] {
  background: rgba(16, 185, 129, 0.1);
}
.capa-nombre[data-v-9ee3d6f1] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.capa-derivados[data-v-9ee3d6f1] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Anexos */
.anexos-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.anexos-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.anexos-grid[data-v-9ee3d6f1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.anexo-item[data-v-9ee3d6f1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.anexo-nombre[data-v-9ee3d6f1] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.anexo-funcion[data-v-9ee3d6f1] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-9ee3d6f1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-9ee3d6f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-9ee3d6f1] {
  font-size: 1rem;
}
.error-texto[data-v-9ee3d6f1] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Fórmula */
.formula-section[data-v-9ee3d6f1] {
  margin-bottom: 1.5rem;
}
.formula-titulo[data-v-9ee3d6f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-visual[data-v-9ee3d6f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-parte[data-v-9ee3d6f1] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.formula-parte.esperma[data-v-9ee3d6f1] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.formula-parte.ovulo[data-v-9ee3d6f1] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
  color: #F9A8D4;
}
.formula-parte.cigoto[data-v-9ee3d6f1] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.formula-signo[data-v-9ee3d6f1] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Tip final */
.tip-final[data-v-9ee3d6f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-9ee3d6f1] {
  font-size: 1.5rem;
}
.tip-texto[data-v-9ee3d6f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9ee3d6f1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.timeline-visual[data-v-9ee3d6f1] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.timeline-item[data-v-9ee3d6f1] {
    flex-direction: column;
    text-align: center;
    width: auto;
    max-width: none;
    min-width: 100px;
}
.time-badge[data-v-9ee3d6f1] {
    min-width: auto;
}
.time-lugar[data-v-9ee3d6f1] {
    margin-top: 0.1rem;
}
.timeline-flecha[data-v-9ee3d6f1] {
    transform: rotate(-90deg);
}
.tabla-header[data-v-9ee3d6f1] {
    grid-template-columns: 120px 1fr;
}
.tabla-row[data-v-9ee3d6f1] {
    grid-template-columns: 120px 1fr;
}
.capa-nombre[data-v-9ee3d6f1] {
    font-size: 0.8rem;
}
.capa-derivados[data-v-9ee3d6f1] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-0325cf8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.gametos-iconos[data-v-0325cf8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 2.5rem;
}
.gameto[data-v-0325cf8d] {
  animation: pulse-0325cf8d 2s ease-in-out infinite;
}
.gameto.esperma[data-v-0325cf8d] {
  color: #93C5FD;
}
.gameto.ovulo[data-v-0325cf8d] {
  color: #F9A8D4;
}
.union[data-v-0325cf8d] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}
@keyframes pulse-0325cf8d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-0325cf8d] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.gameto-text[data-v-0325cf8d] { color: #FCD34D;
}
strong.meiosis[data-v-0325cf8d] { color: #A78BFA;
}
strong.haploide[data-v-0325cf8d] { color: #6EE7B7;
}
strong.diploide[data-v-0325cf8d] { color: #93C5FD;
}

/* Proceso diagram */
.proceso-diagram[data-v-0325cf8d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-0325cf8d] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.tipos-grid[data-v-0325cf8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-0325cf8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.tipo-card.masculino[data-v-0325cf8d] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.tipo-card.femenino[data-v-0325cf8d] {
  background: rgba(236, 72, 153, 0.15);
  border-color: rgba(236, 72, 153, 0.5);
}
.tipo-icono[data-v-0325cf8d] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-0325cf8d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-resultado[data-v-0325cf8d] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.tipo-cantidad[data-v-0325cf8d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Características */
.caracteristicas-section[data-v-0325cf8d] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-0325cf8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-0325cf8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-0325cf8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-0325cf8d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-0325cf8d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-0325cf8d] {
  color: #6EE7B7;
}

/* Ubicación */
.ubicacion-section[data-v-0325cf8d] {
  margin: 1.5rem 0;
}
.ubicacion-titulo[data-v-0325cf8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ubicacion-grid[data-v-0325cf8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ubicacion-item[data-v-0325cf8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.ubicacion-item.masculino[data-v-0325cf8d] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.ubicacion-item.femenino[data-v-0325cf8d] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.ubicacion-organo[data-v-0325cf8d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ubicacion-estructura[data-v-0325cf8d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-0325cf8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-0325cf8d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0325cf8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0325cf8d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.gametos-iconos[data-v-0325cf8d] {
    font-size: 3.5rem;
}
.caract-grid[data-v-0325cf8d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado visual */
.encabezado-visual[data-v-61408f0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-badge[data-v-61408f0e] {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.proceso-badge.masculino[data-v-61408f0e] {
  background: #3B82F6;
}
.proceso-resultado[data-v-61408f0e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.celula-madre[data-v-61408f0e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}
.flecha[data-v-61408f0e] {
  color: #8B5CF6;
  font-weight: 800;
}
.celulas-hijas[data-v-61408f0e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Colores temáticos */
strong.esperma[data-v-61408f0e] { color: #93C5FD;
}
strong.continuo[data-v-61408f0e] { color: #6EE7B7;
}

/* Fases section */
.fases-section[data-v-61408f0e] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-61408f0e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-card[data-v-61408f0e] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-card.multiplicacion[data-v-61408f0e] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.fase-card.crecimiento[data-v-61408f0e] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.fase-card.maduracion[data-v-61408f0e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-card.diferenciacion[data-v-61408f0e] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.fase-header[data-v-61408f0e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-num[data-v-61408f0e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.fase-nombre[data-v-61408f0e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.fase-destacado[data-v-61408f0e] {
  margin-left: auto;
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.fase-contenido[data-v-61408f0e] {
  padding: 0.75rem;
}
.fase-visual[data-v-61408f0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
.cel[data-v-61408f0e] {
  transition: all 0.3s ease;
}
.cel.pequeña[data-v-61408f0e] {
  font-size: 1rem;
}
.cel.grande[data-v-61408f0e] {
  font-size: 1.75rem;
}
.flecha-mini[data-v-61408f0e] {
  color: #8B5CF6;
  font-size: 1rem;
}
.espermatozoide[data-v-61408f0e] {
  font-size: 1.25rem;
}
.fase-eventos[data-v-61408f0e] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.fase-eventos li[data-v-61408f0e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.fase-eventos strong[data-v-61408f0e] {
  color: #FFFFFF;
}

/* Meiosis visual */
.meiosis-visual[data-v-61408f0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.meiosis-paso[data-v-61408f0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.cel-label[data-v-61408f0e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.cel-doble[data-v-61408f0e], .cel-cuatro[data-v-61408f0e] {
  font-size: 1.25rem;
  letter-spacing: 0.25rem;
}
.division[data-v-61408f0e] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.25rem;
}
.flecha-abajo[data-v-61408f0e] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Estructura del espermatozoide */
.estructura-section[data-v-61408f0e] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-61408f0e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.espermatozoide-diagram[data-v-61408f0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.parte[data-v-61408f0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.parte.cabeza[data-v-61408f0e] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.parte.cuello[data-v-61408f0e] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.parte.cola[data-v-61408f0e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  flex: 1;
}
.parte-nombre[data-v-61408f0e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-info[data-v-61408f0e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-61408f0e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-61408f0e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-61408f0e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-61408f0e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-resultado[data-v-61408f0e] {
    gap: 0.75rem;
    font-size: 1rem;
}
.fase-eventos li[data-v-61408f0e] {
    font-size: 0.85rem;
}
.espermatozoide-diagram[data-v-61408f0e] {
    gap: 0.5rem;
}
.parte[data-v-61408f0e] {
    padding: 0.75rem;
}
}

/* Encabezado visual */
.encabezado-visual[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
}
.proceso-badge[data-v-eba42913] {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.proceso-badge.femenino[data-v-eba42913] {
  background: #EC4899;
}
.proceso-resultado[data-v-eba42913] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.celula-madre[data-v-eba42913] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #F9A8D4;
}
.flecha[data-v-eba42913] {
  color: #8B5CF6;
  font-weight: 800;
}
.celulas-hijas[data-v-eba42913] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Colores temáticos */
strong.ovulo[data-v-eba42913] { color: #F9A8D4;
}
strong.discontinuo[data-v-eba42913] { color: #FCD34D;
}
strong.detencion[data-v-eba42913] { color: #FCA5A5;
}

/* Fases section */
.fases-section[data-v-eba42913] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-eba42913] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-card[data-v-eba42913] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-card.multiplicacion[data-v-eba42913] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.fase-card.crecimiento[data-v-eba42913] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.fase-card.maduracion[data-v-eba42913] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-header[data-v-eba42913] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-num[data-v-eba42913] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.fase-nombre[data-v-eba42913] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.fase-tiempo[data-v-eba42913] {
  margin-left: auto;
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
}
.fase-contenido[data-v-eba42913] {
  padding: 0.75rem;
}
.fase-eventos[data-v-eba42913] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.fase-eventos li[data-v-eba42913] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.fase-eventos strong[data-v-eba42913] {
  color: #FFFFFF;
}

/* Meiosis visual */
.meiosis-visual[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.meiosis-paso[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cel-label[data-v-eba42913] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}
.division[data-v-eba42913] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.25rem;
}
.flecha-abajo[data-v-eba42913] {
  color: #8B5CF6;
  font-size: 1rem;
}
.resultado-desigual[data-v-eba42913], .resultado-final[data-v-eba42913] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.celula-grande[data-v-eba42913], .celula-pequeña[data-v-eba42913], .celulas-polares[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.cel-icono[data-v-eba42913] {
  font-size: 1.75rem;
}
.cel-icono-pequeño[data-v-eba42913] {
  font-size: 1rem;
  opacity: 0.6;
}
.cel-nombre[data-v-eba42913] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.mas[data-v-eba42913] {
  color: #8B5CF6;
  font-weight: 800;
  font-size: 0.9rem;
}
.polares-grupo[data-v-eba42913] {
  display: flex;
  gap: 0.1rem;
}
.polar[data-v-eba42913] {
  font-size: 0.9rem;
  opacity: 0.5;
}
.detencion-info[data-v-eba42913] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px dashed rgba(239, 68, 68, 0.4);
  border-radius: 0.4rem;
}
.detencion-badge[data-v-eba42913] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.detencion-texto[data-v-eba42913] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* División desigual */
.division-section[data-v-eba42913] {
  margin: 1.5rem 0;
}
.division-titulo[data-v-eba42913] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.division-contenido[data-v-eba42913] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.division-item[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.division-item.ovulo[data-v-eba42913] {
  background: rgba(236, 72, 153, 0.15);
  border-color: rgba(236, 72, 153, 0.5);
}
.division-item.polares[data-v-eba42913] {
  background: rgba(148, 163, 184, 0.15);
  border-color: rgba(148, 163, 184, 0.4);
}
.division-cel[data-v-eba42913] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.polares-grupo[data-v-eba42913] {
  margin-bottom: 0.25rem;
}
.polar-mini[data-v-eba42913] {
  font-size: 1rem;
  opacity: 0.5;
}
.division-nombre[data-v-eba42913] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.division-info[data-v-eba42913] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.division-razon[data-v-eba42913] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Tiempo section */
.tiempo-section[data-v-eba42913] {
  margin: 1.5rem 0;
}
.tiempo-titulo[data-v-eba42913] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tiempo-grid[data-v-eba42913] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.tiempo-item[data-v-eba42913] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.tiempo-etapa[data-v-eba42913] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.tiempo-evento[data-v-eba42913] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-eba42913] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-eba42913] {
  font-size: 1.25rem;
}
.tip-texto[data-v-eba42913] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eba42913] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tiempo-grid[data-v-eba42913] {
    grid-template-columns: repeat(4, 1fr);
}
.fase-eventos li[data-v-eba42913] {
    font-size: 0.85rem;
}
}

.explorador[data-v-5162e796] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5162e796] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5162e796] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5162e796] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5162e796] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5162e796] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5162e796] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5162e796] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5162e796] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5162e796] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Comparar procesos ===== */
.comparar-container[data-v-5162e796] {
  text-align: center;
}
.evento-actual[data-v-5162e796] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-5162e796] {
  font-size: 2rem;
}
.evento-texto[data-v-5162e796] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-tipo[data-v-5162e796] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-tipo[data-v-5162e796] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-5162e796] {
  padding: 0.75rem 0.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.8rem;
  color: #FFFFFF;
  transition: all 0.2s ease;
}
.opcion-tipo.azul[data-v-5162e796] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-tipo.rosa[data-v-5162e796] {
  background: rgba(236, 72, 153, 0.2);
  border-color: rgba(236, 72, 153, 0.4);
}
.opcion-tipo.seleccionada[data-v-5162e796] {
  transform: scale(1.02);
}
.opcion-tipo.correcto[data-v-5162e796] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-5162e796] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-5162e796] {
  text-align: center;
}
.selector-proceso[data-v-5162e796] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.proceso-btn[data-v-5162e796] {
  flex: 1;
  padding: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  color: #E9D5FF;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.proceso-btn.activo[data-v-5162e796] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.proceso-visual[data-v-5162e796] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow-x: auto;
}
.proceso-visual.esperma[data-v-5162e796] {
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.proceso-visual.ovulo[data-v-5162e796] {
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.etapa[data-v-5162e796] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.2);
}
.etapa[data-v-5162e796]:last-child {
  border-bottom: none;
}
.etapa-celulas[data-v-5162e796] {
  display: flex;
  gap: 0.25rem;
  min-width: 80px;
  justify-content: center;
}
.celula-sim[data-v-5162e796] {
  transition: all 0.3s ease;
}
.celula-sim.polar[data-v-5162e796] {
  opacity: 0.5;
}
.etapa-nombre[data-v-5162e796] {
  flex: 1;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}
.etapa-ploidia[data-v-5162e796] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 700;
  padding: 0.1rem 0.3rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.quiz-simulador[data-v-5162e796] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-5162e796] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-5162e796] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.quiz-opc[data-v-5162e796] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.quiz-opc.seleccionada[data-v-5162e796] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-5162e796] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-5162e796] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 3: Ordenar etapas ===== */
.ordenar-container[data-v-5162e796] {
  text-align: center;
}
.proceso-titulo-orden[data-v-5162e796] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.proceso-titulo-orden strong[data-v-5162e796] {
  color: #FCD34D;
}
.etapas-pool[data-v-5162e796] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.etapa-btn[data-v-5162e796] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.etapa-btn.seleccionada[data-v-5162e796] {
  background: #8B5CF6;
  border-color: #6D28D9;
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.slots-orden[data-v-5162e796] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem;
  margin-bottom: 1rem;
}
.slot-orden[data-v-5162e796] {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.seleccionable[data-v-5162e796] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-5162e796 1s infinite;
}
@keyframes pulse-5162e796 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-orden.ocupado[data-v-5162e796] {
  border-style: solid;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.slot-numero[data-v-5162e796] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
  font-weight: 700;
}
.slot-contenido[data-v-5162e796] {
  color: #FFFFFF;
  font-size: 0.6rem;
  font-weight: 600;
  text-align: center;
  padding: 0.25rem;
}

/* Botones de acción */
.botones-accion[data-v-5162e796] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.btn-verificar[data-v-5162e796], .btn-reiniciar[data-v-5162e796] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-5162e796] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-5162e796] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Elementos comunes */
.feedback-msg[data-v-5162e796] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-5162e796] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-5162e796] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-5162e796] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5162e796] { font-size: 1.25rem;
}
.resultado-texto[data-v-5162e796] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5162e796] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5162e796] { flex: 1;
}
.nav-btn[data-v-5162e796] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5162e796] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5162e796] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5162e796] { font-size: 1.75rem;
}
.completado-texto[data-v-5162e796] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5162e796], .slide-leave-active[data-v-5162e796] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5162e796] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5162e796] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slots-orden[data-v-5162e796] {
    gap: 0.5rem;
}
.slot-orden[data-v-5162e796] {
    height: 70px;
}
.slot-contenido[data-v-5162e796] {
    font-size: 0.7rem;
}
.quiz-opciones[data-v-5162e796] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado */
.resumen-header[data-v-131e344a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-icono[data-v-131e344a] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-131e344a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla comparativa */
.tabla-section[data-v-131e344a] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-131e344a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparativa[data-v-131e344a] {
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-131e344a] {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1.5fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 0.25rem;
}
.tabla-header span[data-v-131e344a] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-131e344a] {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1.5fr;
  padding: 0.4rem 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.destacada[data-v-131e344a] {
  background: rgba(245, 158, 11, 0.1);
}
.caracteristica[data-v-131e344a] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #E9D5FF;
  padding-left: 0.25rem;
}
.esperma[data-v-131e344a], .ovulo[data-v-131e344a] {
  font-size: 0.6rem;
  text-align: center;
  color: #C4B5FD;
}
.esperma.num[data-v-131e344a] {
  color: #93C5FD;
  font-weight: 800;
  font-size: 0.9rem;
}
.ovulo.num[data-v-131e344a] {
  color: #F9A8D4;
  font-weight: 800;
  font-size: 0.9rem;
}

/* Puntos clave */
.puntos-section[data-v-131e344a] {
  margin-bottom: 1.5rem;
}
.puntos-titulo[data-v-131e344a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-grid[data-v-131e344a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-131e344a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-131e344a] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.punto-texto[data-v-131e344a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-texto strong[data-v-131e344a] {
  color: #6EE7B7;
}

/* Diagrama dual */
.diagrama-section[data-v-131e344a] {
  margin-bottom: 1.5rem;
}
.diagrama-titulo[data-v-131e344a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-dual[data-v-131e344a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.flujo[data-v-131e344a] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.flujo.masculino[data-v-131e344a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.flujo.femenino[data-v-131e344a] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.flujo-titulo[data-v-131e344a] {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.flujo-pasos[data-v-131e344a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.flujo-paso[data-v-131e344a] {
  font-size: 0.55rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.2rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  width: 100%;
}
.flujo-paso.detencion[data-v-131e344a] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.flujo-flecha[data-v-131e344a] {
  font-size: 0.6rem;
  color: #8B5CF6;
}
.flujo-flecha.detencion[data-v-131e344a] {
  color: #FCA5A5;
}
.flujo-flecha small[data-v-131e344a] {
  font-size: 0.5rem;
  color: #C4B5FD;
}
.flujo-resultado[data-v-131e344a] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  padding: 0.25rem 0.3rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  width: 100%;
}

/* Errores comunes */
.errores-section[data-v-131e344a] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-131e344a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-131e344a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-131e344a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-131e344a] {
  font-size: 1rem;
}
.error-texto[data-v-131e344a] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Tip final */
.tip-final[data-v-131e344a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-131e344a] {
  font-size: 1.5rem;
}
.tip-texto[data-v-131e344a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-131e344a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header span[data-v-131e344a] {
    font-size: 0.75rem;
}
.caracteristica[data-v-131e344a] {
    font-size: 0.75rem;
}
.esperma[data-v-131e344a], .ovulo[data-v-131e344a] {
    font-size: 0.7rem;
}
.flujo-paso[data-v-131e344a] {
    font-size: 0.65rem;
}
.flujo-resultado[data-v-131e344a] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-4f5dc438] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.shield-card[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
}
.shield-icono[data-v-4f5dc438] {
  font-size: 3rem;
}
.shield-nombre[data-v-4f5dc438] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-top: 0.5rem;
  text-align: center;
}

/* Comparación */
.comparacion-section[data-v-4f5dc438] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-4f5dc438] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-4f5dc438] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.innata[data-v-4f5dc438] {
  background: rgba(107, 114, 128, 0.15);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.comp-item.adaptativa[data-v-4f5dc438] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-item.destacada[data-v-4f5dc438] {
  background: rgba(139, 92, 246, 0.25);
  border: 2px solid rgba(139, 92, 246, 0.6);
}
.comp-nombre[data-v-4f5dc438] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-desc[data-v-4f5dc438] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.comp-carac[data-v-4f5dc438] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Características */
.caracteristicas-section[data-v-4f5dc438] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-4f5dc438] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.carac-lista[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-4f5dc438] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-4f5dc438] {
  font-size: 1.25rem;
}
.carac-contenido[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
}
.carac-nombre[data-v-4f5dc438] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.carac-detalle[data-v-4f5dc438] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tipos de inmunidad */
.tipos-section[data-v-4f5dc438] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-4f5dc438] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-4f5dc438] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.humoral[data-v-4f5dc438] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.celular[data-v-4f5dc438] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-icono[data-v-4f5dc438] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-4f5dc438] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-4f5dc438] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.tipo-accion[data-v-4f5dc438] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Células */
.celulas-section[data-v-4f5dc438] {
  margin: 1.5rem 0;
}
.celulas-titulo[data-v-4f5dc438] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.celulas-grid[data-v-4f5dc438] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.celula[data-v-4f5dc438] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.cel-icono[data-v-4f5dc438] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.cel-nombre[data-v-4f5dc438] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cel-funcion[data-v-4f5dc438] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-4f5dc438] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4f5dc438] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4f5dc438] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4f5dc438] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.shield-card[data-v-4f5dc438] {
    padding: 1.25rem 2rem;
}
.shield-icono[data-v-4f5dc438] {
    font-size: 3.5rem;
}
.comp-grid[data-v-4f5dc438] {
    gap: 0.75rem;
}
.comp-item[data-v-4f5dc438] {
    padding: 1rem;
}
.celulas-grid[data-v-4f5dc438] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Origen section */
.origen-section[data-v-bcfde76e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.origen-titulo[data-v-bcfde76e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.origen-diagrama[data-v-bcfde76e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.origen-paso[data-v-bcfde76e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.origen-icono[data-v-bcfde76e] {
  font-size: 1.5rem;
}
.origen-texto[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.origen-detalle[data-v-bcfde76e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.origen-flecha[data-v-bcfde76e] {
  font-size: 1.25rem;
  color: #C4B5FD;
  transform: rotate(90deg);
}
.origen-destinos[data-v-bcfde76e] {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.destino[data-v-bcfde76e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.destino.linfb[data-v-bcfde76e] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.destino.linft[data-v-bcfde76e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.dest-icono[data-v-bcfde76e] {
  font-size: 1.25rem;
}
.dest-texto[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.dest-lugar[data-v-bcfde76e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Linfocito sections */
.linfocito-section[data-v-bcfde76e] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.linf-header[data-v-bcfde76e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.linf-header.linfb[data-v-bcfde76e] {
  background: rgba(59, 130, 246, 0.3);
}
.linf-header.linft[data-v-bcfde76e] {
  background: rgba(16, 185, 129, 0.3);
}
.linf-icono[data-v-bcfde76e] {
  font-size: 1.5rem;
}
.linf-titulo[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.linf-subtitulo[data-v-bcfde76e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}
.linf-body[data-v-bcfde76e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-top: none;
}
.linf-caracteristica[data-v-bcfde76e] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
  font-size: 0.85rem;
}
.carac-label[data-v-bcfde76e] {
  color: #C4B5FD;
  font-weight: 600;
  min-width: 80px;
}
.carac-valor[data-v-bcfde76e] {
  color: #E9D5FF;
}
.carac-valor strong[data-v-bcfde76e] {
  color: #6EE7B7;
}

/* Proceso B */
.linf-proceso[data-v-bcfde76e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.proceso-paso[data-v-bcfde76e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
}
.p-num[data-v-bcfde76e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
}
.p-texto[data-v-bcfde76e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tipos de T */
.tipos-t[data-v-bcfde76e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tipo-t[data-v-bcfde76e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.tipo-t.helper[data-v-bcfde76e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-t.citotoxico[data-v-bcfde76e] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tt-icono[data-v-bcfde76e] {
  font-size: 1.25rem;
}
.tt-info[data-v-bcfde76e] {
  display: flex;
  flex-direction: column;
}
.tt-nombre[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.tt-funcion[data-v-bcfde76e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tt-extra[data-v-bcfde76e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Memoria section */
.memoria-section[data-v-bcfde76e] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.mem-header[data-v-bcfde76e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.3);
}
.mem-icono[data-v-bcfde76e] {
  font-size: 1.5rem;
}
.mem-titulo[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.mem-body[data-v-bcfde76e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-top: none;
}
.mem-texto[data-v-bcfde76e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.mem-texto strong[data-v-bcfde76e] {
  color: #D8B4FE;
}
.mem-comparacion[data-v-bcfde76e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.mem-item[data-v-bcfde76e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.mem-item.primaria[data-v-bcfde76e] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.mem-item.secundaria[data-v-bcfde76e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.mem-tipo[data-v-bcfde76e] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.mem-tiempo[data-v-bcfde76e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-bcfde76e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bcfde76e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bcfde76e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bcfde76e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.origen-diagrama[data-v-bcfde76e] {
    flex-direction: row;
    justify-content: center;
}
.origen-flecha[data-v-bcfde76e] {
    transform: rotate(0deg);
}
.origen-destinos[data-v-bcfde76e] {
    width: auto;
}
.destino[data-v-bcfde76e] {
    min-width: 120px;
}
.linf-proceso[data-v-bcfde76e] {
    grid-template-columns: repeat(4, 1fr);
}
.proceso-paso[data-v-bcfde76e] {
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
}

/* Estructura section */
.estructura-section[data-v-9f0ef461] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.estr-titulo[data-v-9f0ef461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.anticuerpo-visual[data-v-9f0ef461] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.anticuerpo-forma[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.region-variable[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.3);
  border: 1px dashed rgba(59, 130, 246, 0.6);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
}
.var-label[data-v-9f0ef461] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #93C5FD;
}
.var-desc[data-v-9f0ef461] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.forma-y[data-v-9f0ef461] {
  font-size: 4rem;
  font-weight: 900;
  color: #C4B5FD;
  line-height: 1;
}
.region-constante[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px dashed rgba(16, 185, 129, 0.5);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.const-label[data-v-9f0ef461] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #6EE7B7;
}
.const-desc[data-v-9f0ef461] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.componentes-grid[data-v-9f0ef461] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.componente[data-v-9f0ef461] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.comp-icono[data-v-9f0ef461] {
  font-size: 1rem;
}
.comp-nombre[data-v-9f0ef461] {
  color: #E9D5FF;
}

/* Tipos de Ig */
.tipos-section[data-v-9f0ef461] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-9f0ef461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ig-card[data-v-9f0ef461] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.ig-header[data-v-9f0ef461] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.ig-card.igg .ig-header[data-v-9f0ef461] {
  background: rgba(59, 130, 246, 0.3);
}
.ig-card.iga .ig-header[data-v-9f0ef461] {
  background: rgba(16, 185, 129, 0.3);
}
.ig-card.igm .ig-header[data-v-9f0ef461] {
  background: rgba(245, 158, 11, 0.3);
}
.ig-card.ige .ig-header[data-v-9f0ef461] {
  background: rgba(239, 68, 68, 0.3);
}
.ig-nombre[data-v-9f0ef461] {
  font-weight: 800;
  font-size: 1rem;
  color: #FFFFFF;
}
.ig-porcentaje[data-v-9f0ef461] {
  font-size: 0.75rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
}
.ig-body[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-top: none;
}
.ig-funcion[data-v-9f0ef461] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ig-extra[data-v-9f0ef461] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Funciones */
.funciones-section[data-v-9f0ef461] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-9f0ef461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-9f0ef461] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.funcion-card[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.func-icono[data-v-9f0ef461] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.func-nombre[data-v-9f0ef461] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.func-desc[data-v-9f0ef461] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Diferencia section */
.diferencia-section[data-v-9f0ef461] {
  margin: 1.5rem 0;
}
.dif-titulo[data-v-9f0ef461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dif-grid[data-v-9f0ef461] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.dif-item[data-v-9f0ef461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dif-item.antigeno[data-v-9f0ef461] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.dif-item.anticuerpo[data-v-9f0ef461] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.dif-nombre[data-v-9f0ef461] {
  font-weight: 800;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.dif-desc[data-v-9f0ef461] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.dif-ejemplo[data-v-9f0ef461] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-9f0ef461] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9f0ef461] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9f0ef461] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9f0ef461] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-lista[data-v-9f0ef461] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.funciones-grid[data-v-9f0ef461] {
    grid-template-columns: repeat(4, 1fr);
}
.funcion-card[data-v-9f0ef461] {
    padding: 0.75rem;
}
}

/* Respuestas section */
.respuestas-section[data-v-61c71ffe] {
  margin: 1.5rem 0;
}
.resp-titulo[data-v-61c71ffe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Gráfico simplificado */
.grafico-respuesta[data-v-61c71ffe] {
  margin-bottom: 1rem;
}
.grafico-contenedor[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.eje-y[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.eje-label[data-v-61c71ffe] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.eje-alto[data-v-61c71ffe], .eje-bajo[data-v-61c71ffe] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.curvas[data-v-61c71ffe] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding: 0.5rem 0;
}
.curva[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.curva.primaria[data-v-61c71ffe] {
  background: rgba(107, 114, 128, 0.3);
  border: 2px solid rgba(107, 114, 128, 0.6);
  height: 40px;
}
.curva.secundaria[data-v-61c71ffe] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.6);
  height: 80px;
}
.curva-label[data-v-61c71ffe] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.eje-x[data-v-61c71ffe] {
  display: flex;
  justify-content: space-around;
  margin-top: 0.5rem;
}
.tiempo-label[data-v-61c71ffe] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación grid */
.comparacion-grid[data-v-61c71ffe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.resp-card[data-v-61c71ffe] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.resp-header[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.resp-card.primaria .resp-header[data-v-61c71ffe] {
  background: rgba(107, 114, 128, 0.3);
}
.resp-card.secundaria .resp-header[data-v-61c71ffe] {
  background: rgba(16, 185, 129, 0.3);
}
.resp-num[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.resp-nombre[data-v-61c71ffe] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.resp-body[data-v-61c71ffe] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-top: none;
}
.resp-item[data-v-61c71ffe] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  padding: 0.2rem 0;
}
.item-label[data-v-61c71ffe] {
  color: #C4B5FD;
}
.item-valor[data-v-61c71ffe] {
  color: #E9D5FF;
}
.item-valor strong[data-v-61c71ffe] {
  color: #6EE7B7;
}

/* Memoria section */
.memoria-section[data-v-61c71ffe] {
  margin: 1.5rem 0;
}
.mem-titulo[data-v-61c71ffe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.mem-intro[data-v-61c71ffe] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.mem-intro strong[data-v-61c71ffe] {
  color: #D8B4FE;
}
.celulas-memoria[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cel-mem[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.cel-icono[data-v-61c71ffe] {
  font-size: 1.5rem;
}
.cel-info[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
}
.cel-nombre[data-v-61c71ffe] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.cel-funcion[data-v-61c71ffe] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Vacunas section */
.vacunas-section[data-v-61c71ffe] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.vac-header[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.3);
}
.vac-icono[data-v-61c71ffe] {
  font-size: 1.5rem;
}
.vac-titulo[data-v-61c71ffe] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.vac-body[data-v-61c71ffe] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-top: none;
}
.vac-texto[data-v-61c71ffe] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.vac-texto strong[data-v-61c71ffe] {
  color: #93C5FD;
}
.vac-proceso[data-v-61c71ffe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.vac-paso[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
}
.vp-num[data-v-61c71ffe] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
}
.vp-texto[data-v-61c71ffe] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tipos de inmunidad */
.tipos-inmunidad[data-v-61c71ffe] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-61c71ffe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-61c71ffe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.activa[data-v-61c71ffe] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tipo-card.pasiva[data-v-61c71ffe] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tipo-nombre[data-v-61c71ffe] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-61c71ffe] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-61c71ffe] {
  display: flex;
  flex-direction: column;
  font-size: 0.65rem;
  margin-bottom: 0.25rem;
}
.ej-label[data-v-61c71ffe] {
  color: #C4B5FD;
}
.ej-texto[data-v-61c71ffe] {
  color: #E9D5FF;
}
.tipo-duracion[data-v-61c71ffe] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-61c71ffe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-61c71ffe] {
  font-size: 1.25rem;
}
.tip-texto[data-v-61c71ffe] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-61c71ffe] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vac-proceso[data-v-61c71ffe] {
    grid-template-columns: repeat(4, 1fr);
}
.vac-paso[data-v-61c71ffe] {
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
}

.explorador[data-v-a32cd3c0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a32cd3c0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a32cd3c0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a32cd3c0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a32cd3c0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a32cd3c0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a32cd3c0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a32cd3c0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a32cd3c0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a32cd3c0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar linfocitos ===== */
.clasificar-container[data-v-a32cd3c0] {
  text-align: center;
}
.funcion-actual[data-v-a32cd3c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.funcion-icono[data-v-a32cd3c0] {
  font-size: 1.5rem;
}
.funcion-texto[data-v-a32cd3c0] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-clasif[data-v-a32cd3c0], .pregunta-ig[data-v-a32cd3c0] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-linfocitos[data-v-a32cd3c0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-linfocito[data-v-a32cd3c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-linfocito.seleccionado[data-v-a32cd3c0] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.opcion-linfocito.correcto[data-v-a32cd3c0] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-linfocito.incorrecto[data-v-a32cd3c0] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-a32cd3c0] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-a32cd3c0] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Identificar anticuerpos ===== */
.anticuerpos-container[data-v-a32cd3c0] {
  text-align: center;
}
.caracteristica-actual[data-v-a32cd3c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.carac-icono[data-v-a32cd3c0] {
  font-size: 1.5rem;
}
.carac-texto[data-v-a32cd3c0] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-ig[data-v-a32cd3c0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-ig[data-v-a32cd3c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-ig.seleccionado[data-v-a32cd3c0] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.opcion-ig.correcto[data-v-a32cd3c0] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-ig.incorrecto[data-v-a32cd3c0] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.ig-nombre[data-v-a32cd3c0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Comparar respuestas ===== */
.comparar-container[data-v-a32cd3c0] {
  text-align: center;
}
.pregunta-resp[data-v-a32cd3c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.preg-icono[data-v-a32cd3c0] {
  font-size: 1.5rem;
}
.preg-texto[data-v-a32cd3c0] {
  font-size: 1rem;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-respuesta[data-v-a32cd3c0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-resp[data-v-a32cd3c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-resp.primaria[data-v-a32cd3c0] {
  background: rgba(107, 114, 128, 0.2);
  border-color: rgba(107, 114, 128, 0.5);
}
.opcion-resp.secundaria[data-v-a32cd3c0] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.opcion-resp.seleccionado[data-v-a32cd3c0] {
  transform: scale(1.05);
}
.opcion-resp.seleccionado.primaria[data-v-a32cd3c0] {
  background: rgba(107, 114, 128, 0.4);
  border-color: #6B7280;
}
.opcion-resp.seleccionado.secundaria[data-v-a32cd3c0] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-resp.correcto[data-v-a32cd3c0] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-resp.incorrecto[data-v-a32cd3c0] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.resp-icono[data-v-a32cd3c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.resp-nombre[data-v-a32cd3c0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Elementos comunes */
.contador[data-v-a32cd3c0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-a32cd3c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a32cd3c0] { font-size: 1.25rem;
}
.resultado-texto[data-v-a32cd3c0] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-a32cd3c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a32cd3c0] { flex: 1;
}
.nav-btn[data-v-a32cd3c0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a32cd3c0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a32cd3c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a32cd3c0] { font-size: 1.75rem;
}
.completado-texto[data-v-a32cd3c0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a32cd3c0], .slide-leave-active[data-v-a32cd3c0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a32cd3c0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a32cd3c0] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-linfocitos[data-v-a32cd3c0] {
    gap: 0.75rem;
}
.opcion-linfocito[data-v-a32cd3c0] {
    padding: 0.75rem 1rem;
    min-width: 110px;
}
.opciones-ig[data-v-a32cd3c0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Resumen header */
.resumen-header[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  text-align: center;
}
.resumen-icono[data-v-e82e5472] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.resumen-titulo[data-v-e82e5472] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

/* Puntos clave */
.puntos-clave[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-e82e5472] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.punto-icono[data-v-e82e5472] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  color: white;
}
.punto-contenido[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
}
.punto-titulo[data-v-e82e5472] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.punto-detalle[data-v-e82e5472] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Comparación PAES */
.comparacion-paes[data-v-e82e5472] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-e82e5472] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-comparacion[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-header[data-v-e82e5472] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.th-caracteristica[data-v-e82e5472] {
  color: #C4B5FD;
}
.th-primaria[data-v-e82e5472] {
  color: #9CA3AF;
  text-align: center;
}
.th-secundaria[data-v-e82e5472] {
  color: #6EE7B7;
  text-align: center;
}
.tabla-row[data-v-e82e5472] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.td-caracteristica[data-v-e82e5472] {
  color: #E9D5FF;
  font-weight: 600;
}
.td-primaria[data-v-e82e5472] {
  color: #9CA3AF;
  text-align: center;
}
.td-secundaria[data-v-e82e5472] {
  color: #6EE7B7;
  text-align: center;
}

/* Tips section */
.tips-section[data-v-e82e5472] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-e82e5472] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-e82e5472] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-e82e5472] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.tip-texto[data-v-e82e5472] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-e82e5472] {
  color: #FCD34D;
}

/* Esquema section */
.esquema-section[data-v-e82e5472] {
  margin: 1.5rem 0;
}
.esquema-titulo[data-v-e82e5472] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.esquema-contenido[data-v-e82e5472] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.rama[data-v-e82e5472] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.rama-header[data-v-e82e5472] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
}
.rama-header.humoral[data-v-e82e5472] {
  background: rgba(59, 130, 246, 0.3);
}
.rama-header.celular[data-v-e82e5472] {
  background: rgba(239, 68, 68, 0.3);
}
.rama-icono[data-v-e82e5472] {
  font-size: 1.1rem;
}
.rama-nombre[data-v-e82e5472] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.rama-body[data-v-e82e5472] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-top: none;
  font-size: 0.7rem;
}
.rama-celula[data-v-e82e5472] {
  color: #FFFFFF;
  font-weight: 600;
}
.rama-producto[data-v-e82e5472] {
  color: #C4B5FD;
}
.rama-ataca[data-v-e82e5472] {
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-e82e5472] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-e82e5472] {
  font-size: 1.5rem;
}
.final-texto[data-v-e82e5472] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-e82e5472] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-e82e5472], .tabla-row[data-v-e82e5472] {
    font-size: 0.85rem;
}
.tip-texto[data-v-e82e5472] {
    font-size: 0.85rem;
}
.rama-body[data-v-e82e5472] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-622553ab] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.shield-card[data-v-622553ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 1rem;
}
.shield-icono[data-v-622553ab] {
  font-size: 3rem;
}
.shield-nombre[data-v-622553ab] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-top: 0.5rem;
}

/* Comparación */
.comparacion-section[data-v-622553ab] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-622553ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-622553ab] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-622553ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.innata[data-v-622553ab] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-item.adaptativa[data-v-622553ab] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-nombre[data-v-622553ab] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-desc[data-v-622553ab] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.comp-carac[data-v-622553ab] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Características */
.caracteristicas-section[data-v-622553ab] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-622553ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.carac-lista[data-v-622553ab] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-622553ab] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-622553ab] {
  font-size: 1.25rem;
}
.carac-contenido[data-v-622553ab] {
  display: flex;
  flex-direction: column;
}
.carac-nombre[data-v-622553ab] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.carac-detalle[data-v-622553ab] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Componentes */
.componentes-section[data-v-622553ab] {
  margin: 1.5rem 0;
}
.componentes-grid[data-v-622553ab] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente[data-v-622553ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.componente .comp-icono[data-v-622553ab] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.componente .comp-nombre[data-v-622553ab] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.componente .comp-ej[data-v-622553ab] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-622553ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-622553ab] {
  font-size: 1.25rem;
}
.tip-texto[data-v-622553ab] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-622553ab] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.shield-card[data-v-622553ab] {
    padding: 1.25rem 2rem;
}
.shield-icono[data-v-622553ab] {
    font-size: 3.5rem;
}
.comp-grid[data-v-622553ab] {
    gap: 0.75rem;
}
.comp-item[data-v-622553ab] {
    padding: 1rem;
}
.componentes-grid[data-v-622553ab] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-078f861d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.barrera-icono[data-v-078f861d] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.intro-texto[data-v-078f861d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}
.intro-texto strong[data-v-078f861d] {
  color: #6EE7B7;
}

/* Barreras section */
.barreras-section[data-v-078f861d] {
  margin: 1.5rem 0;
}
.barreras-titulo[data-v-078f861d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Categorías de barreras */
.barrera-categoria[data-v-078f861d] {
  margin-bottom: 1rem;
}
.cat-header[data-v-078f861d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  font-weight: 700;
  font-size: 0.9rem;
}
.cat-header.fisicas[data-v-078f861d] {
  background: rgba(251, 191, 36, 0.2);
  color: #FCD34D;
}
.cat-header.quimicas[data-v-078f861d] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.cat-header.biologicas[data-v-078f861d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.cat-icono[data-v-078f861d] {
  font-size: 1.1rem;
}
.barreras-lista[data-v-078f861d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.5rem;
}
.barrera-item[data-v-078f861d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
}
.bar-icono[data-v-078f861d] {
  font-size: 1.1rem;
  min-width: 24px;
  text-align: center;
}
.bar-contenido[data-v-078f861d] {
  display: flex;
  flex-direction: column;
}
.bar-nombre[data-v-078f861d] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.bar-desc[data-v-078f861d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Resumen visual */
.resumen-barreras[data-v-078f861d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-078f861d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.cuerpo-barreras[data-v-078f861d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.zona[data-v-078f861d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.zona-icono[data-v-078f861d] {
  font-size: 1.25rem;
}
.zona-nombre[data-v-078f861d] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.zona-barrera[data-v-078f861d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-078f861d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-078f861d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-078f861d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-078f861d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuerpo-barreras[data-v-078f861d] {
    grid-template-columns: repeat(3, 1fr);
}
.zona[data-v-078f861d] {
    padding: 0.75rem;
}
.zona-icono[data-v-078f861d] {
    font-size: 1.5rem;
}
}

/* Texto destacado */
strong.inflamacion[data-v-881cc45a] {
  color: #FCA5A5;
}

/* Células section */
.celulas-section[data-v-881cc45a] {
  margin: 1.5rem 0;
}
.celulas-titulo[data-v-881cc45a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.celulas-intro[data-v-881cc45a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.celulas-intro strong[data-v-881cc45a] {
  color: #6EE7B7;
}
.celulas-grid[data-v-881cc45a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.celula-card[data-v-881cc45a] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.celula-header[data-v-881cc45a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.celula-header.macrofago[data-v-881cc45a] {
  background: rgba(59, 130, 246, 0.3);
}
.celula-header.neutrofilo[data-v-881cc45a] {
  background: rgba(156, 163, 175, 0.3);
}
.celula-icono[data-v-881cc45a] {
  font-size: 1.25rem;
}
.celula-nombre[data-v-881cc45a] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.celula-body[data-v-881cc45a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-top: none;
}
.celula-funcion[data-v-881cc45a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.celula-extra[data-v-881cc45a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Otras células */
.otras-celulas[data-v-881cc45a] {
  margin: 1.5rem 0;
}
.otras-titulo[data-v-881cc45a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otras-grid[data-v-881cc45a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.otra-celula[data-v-881cc45a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.otra-icono[data-v-881cc45a] {
  font-size: 1.25rem;
}
.otra-info[data-v-881cc45a] {
  display: flex;
  flex-direction: column;
}
.otra-nombre[data-v-881cc45a] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.otra-funcion[data-v-881cc45a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Inflamación */
.inflamacion-section[data-v-881cc45a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.infla-header[data-v-881cc45a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.infla-icono[data-v-881cc45a] {
  font-size: 1.5rem;
}
.infla-titulo[data-v-881cc45a] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FCA5A5;
}
.infla-intro[data-v-881cc45a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.infla-intro strong[data-v-881cc45a] {
  color: #FCA5A5;
}
.signos-grid[data-v-881cc45a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.signo[data-v-881cc45a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.signo-icono[data-v-881cc45a] {
  font-size: 1.25rem;
}
.signo-nombre[data-v-881cc45a] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.signo-causa[data-v-881cc45a] {
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Proceso */
.proceso-section[data-v-881cc45a] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-881cc45a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-881cc45a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-881cc45a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-881cc45a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.paso-texto[data-v-881cc45a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-881cc45a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-881cc45a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-881cc45a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-881cc45a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celulas-grid[data-v-881cc45a] {
    gap: 0.75rem;
}
.signos-grid[data-v-881cc45a] {
    grid-template-columns: repeat(4, 1fr);
}
.signo[data-v-881cc45a] {
    padding: 0.75rem;
}
.signo-icono[data-v-881cc45a] {
    font-size: 1.5rem;
}
}

.explorador[data-v-e5c2d733] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e5c2d733] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e5c2d733] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e5c2d733] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e5c2d733] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e5c2d733] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e5c2d733] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e5c2d733] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e5c2d733] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar barreras ===== */
.clasificar-container[data-v-e5c2d733] {
  text-align: center;
}
.elemento-actual[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.elem-icono[data-v-e5c2d733] {
  font-size: 2.5rem;
}
.elem-nombre[data-v-e5c2d733] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.elem-hint[data-v-e5c2d733] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-clasif[data-v-e5c2d733], .pregunta-celula[data-v-e5c2d733] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-tipo[data-v-e5c2d733] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-tipo.fisica[data-v-e5c2d733] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-tipo.quimica[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.opcion-tipo.biologica[data-v-e5c2d733] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-tipo.seleccionado[data-v-e5c2d733] {
  transform: scale(1.05);
}
.opcion-tipo.seleccionado.fisica[data-v-e5c2d733] {
  background: rgba(251, 191, 36, 0.3);
  border-color: #F59E0B;
}
.opcion-tipo.seleccionado.quimica[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-tipo.seleccionado.biologica[data-v-e5c2d733] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-tipo.correcto[data-v-e5c2d733] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-e5c2d733] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-e5c2d733] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-e5c2d733] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Identificar células ===== */
.celulas-container[data-v-e5c2d733] {
  text-align: center;
}
.funcion-actual[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.funcion-icono[data-v-e5c2d733] {
  font-size: 1.5rem;
}
.funcion-texto[data-v-e5c2d733] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-celulas[data-v-e5c2d733] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-celula[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-celula.seleccionado[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.opcion-celula.correcto[data-v-e5c2d733] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-celula.incorrecto[data-v-e5c2d733] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.cel-icono[data-v-e5c2d733] {
  font-size: 1.5rem;
}
.cel-nombre[data-v-e5c2d733] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-e5c2d733] {
  text-align: center;
}
.ordenar-instruccion[data-v-e5c2d733] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pasos-disponibles[data-v-e5c2d733] {
  margin-bottom: 1rem;
}
.pasos-label[data-v-e5c2d733] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pasos-pool[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-draggable[data-v-e5c2d733] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.paso-draggable.seleccionado[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.slots-orden[data-v-e5c2d733] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.slot-orden[data-v-e5c2d733] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-height: 44px;
}
.slot-orden.seleccionable[data-v-e5c2d733] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-e5c2d733 1s infinite;
}
@keyframes pulse-e5c2d733 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-orden.ocupado[data-v-e5c2d733] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-num[data-v-e5c2d733] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.slot-texto[data-v-e5c2d733] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.slot-placeholder[data-v-e5c2d733] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-e5c2d733] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-e5c2d733], .btn-reiniciar[data-v-e5c2d733] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-e5c2d733] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-e5c2d733] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Elementos comunes */
.feedback-msg[data-v-e5c2d733] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-e5c2d733] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-e5c2d733] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-e5c2d733] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e5c2d733] { font-size: 1.25rem;
}
.resultado-texto[data-v-e5c2d733] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e5c2d733] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e5c2d733] { flex: 1;
}
.nav-btn[data-v-e5c2d733] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e5c2d733] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e5c2d733] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e5c2d733] { font-size: 1.75rem;
}
.completado-texto[data-v-e5c2d733] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e5c2d733], .slide-leave-active[data-v-e5c2d733] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e5c2d733] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e5c2d733] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-e5c2d733], .opciones-celulas[data-v-e5c2d733] {
    gap: 0.75rem;
}
.opcion-tipo[data-v-e5c2d733], .opcion-celula[data-v-e5c2d733] {
    padding: 0.75rem 1rem;
    min-width: 100px;
}
.opt-icono[data-v-e5c2d733], .cel-icono[data-v-e5c2d733] {
    font-size: 1.75rem;
}
.pasos-pool[data-v-e5c2d733] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.paso-draggable[data-v-e5c2d733] {
    flex: 0 1 auto;
}
}

/* Resumen header */
.resumen-header[data-v-8e1df621] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  text-align: center;
}
.resumen-icono[data-v-8e1df621] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.resumen-titulo[data-v-8e1df621] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  margin: 0;
}

/* Puntos clave */
.puntos-clave[data-v-8e1df621] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-8e1df621] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.punto-icono[data-v-8e1df621] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  color: white;
}
.punto-contenido[data-v-8e1df621] {
  display: flex;
  flex-direction: column;
}
.punto-titulo[data-v-8e1df621] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.punto-detalle[data-v-8e1df621] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Comparación PAES */
.comparacion-paes[data-v-8e1df621] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-8e1df621] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-comparacion[data-v-8e1df621] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-header[data-v-8e1df621] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.th-caracteristica[data-v-8e1df621] {
  color: #C4B5FD;
}
.th-innata[data-v-8e1df621] {
  color: #6EE7B7;
  text-align: center;
}
.th-adaptativa[data-v-8e1df621] {
  color: #C4B5FD;
  text-align: center;
}
.tabla-row[data-v-8e1df621] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.td-caracteristica[data-v-8e1df621] {
  color: #E9D5FF;
  font-weight: 600;
}
.td-innata[data-v-8e1df621] {
  color: #6EE7B7;
  text-align: center;
}
.td-adaptativa[data-v-8e1df621] {
  color: #C4B5FD;
  text-align: center;
}

/* Tips section */
.tips-section[data-v-8e1df621] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-8e1df621] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-8e1df621] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-8e1df621] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-8e1df621] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.tip-texto[data-v-8e1df621] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-8e1df621] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-8e1df621] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-8e1df621] {
  font-size: 1.5rem;
}
.final-texto[data-v-8e1df621] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-8e1df621] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-8e1df621], .tabla-row[data-v-8e1df621] {
    font-size: 0.85rem;
}
.tip-texto[data-v-8e1df621] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-6d837e19] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.iconos-container[data-v-6d837e19] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.icono-metodo[data-v-6d837e19] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.75rem;
}
.icono-metodo.barrera[data-v-6d837e19] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.icono-metodo.hormonal[data-v-6d837e19] {
  background: rgba(236, 72, 153, 0.2);
  border: 2px solid rgba(236, 72, 153, 0.5);
}
.icono-metodo.definitivo[data-v-6d837e19] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}

/* Texto destacado */
strong.destaque[data-v-6d837e19] {
  color: #FCD34D;
}

/* Positivo/negativo */
strong.positivo[data-v-6d837e19] {
  color: #6EE7B7;
}
strong.negativo[data-v-6d837e19] {
  color: #FCA5A5;
}

/* Clasificación */
.clasificacion-section[data-v-6d837e19] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-6d837e19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-6d837e19] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.clasificacion-card[data-v-6d837e19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.clasificacion-card.barrera[data-v-6d837e19] {
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.clasificacion-card.hormonal[data-v-6d837e19] {
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.clasificacion-card.diu[data-v-6d837e19] {
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.clasificacion-card.definitivo[data-v-6d837e19] {
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.clasificacion-icono[data-v-6d837e19] {
  font-size: 1.5rem;
}
.clasificacion-nombre[data-v-6d837e19] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  text-align: center;
}
.clasificacion-desc[data-v-6d837e19] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.3;
}

/* Eficacia */
.eficacia-section[data-v-6d837e19] {
  margin: 1.5rem 0;
}
.eficacia-titulo[data-v-6d837e19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.eficacia-info[data-v-6d837e19] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.eficacia-info p[data-v-6d837e19] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.eficacia-info p strong[data-v-6d837e19] {
  color: #FCD34D;
}
.eficacia-escala[data-v-6d837e19] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.escala-item[data-v-6d837e19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.escala-item.alta[data-v-6d837e19] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.escala-item.media[data-v-6d837e19] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.escala-item.baja[data-v-6d837e19] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.escala-valor[data-v-6d837e19] {
  font-weight: 700;
  font-size: 0.9rem;
}
.escala-item.alta .escala-valor[data-v-6d837e19] { color: #6EE7B7;
}
.escala-item.media .escala-valor[data-v-6d837e19] { color: #FCD34D;
}
.escala-item.baja .escala-valor[data-v-6d837e19] { color: #FCA5A5;
}
.escala-label[data-v-6d837e19] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ITS Section */
.its-section[data-v-6d837e19] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.its-icono[data-v-6d837e19] {
  font-size: 1.5rem;
}
.its-contenido[data-v-6d837e19] {
  flex: 1;
}
.its-titulo[data-v-6d837e19] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.its-texto[data-v-6d837e19] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.its-texto strong[data-v-6d837e19] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-6d837e19] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6d837e19] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6d837e19] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6d837e19] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icono-metodo[data-v-6d837e19] {
    width: 70px;
    height: 70px;
    font-size: 2rem;
}
.iconos-container[data-v-6d837e19] {
    gap: 1.5rem;
}
.clasificacion-grid[data-v-6d837e19] {
    grid-template-columns: repeat(4, 1fr);
}
.clasificacion-nombre[data-v-6d837e19] {
    font-size: 0.85rem;
}
.clasificacion-desc[data-v-6d837e19] {
    font-size: 0.7rem;
}
}

/* Sección título */
.seccion-titulo[data-v-34c1fc62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin: 1rem 0 0.5rem 0;
}
.seccion-titulo.barrera[data-v-34c1fc62] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.seccion-titulo.hormonal[data-v-34c1fc62] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
  margin-top: 1.5rem;
}
.seccion-icono[data-v-34c1fc62] {
  font-size: 1.25rem;
}
.seccion-nombre[data-v-34c1fc62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.seccion-intro[data-v-34c1fc62] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.5rem 0 0.75rem 0;
}
.seccion-intro strong[data-v-34c1fc62] {
  color: #FCD34D;
}

/* Grid de métodos barrera */
.metodos-grid[data-v-34c1fc62] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-card[data-v-34c1fc62] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.metodo-header[data-v-34c1fc62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.metodo-header.barrera[data-v-34c1fc62] {
  background: rgba(59, 130, 246, 0.15);
}
.metodo-icono[data-v-34c1fc62] {
  font-size: 1.25rem;
}
.metodo-nombre[data-v-34c1fc62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.metodo-body[data-v-34c1fc62] {
  padding: 0.5rem 0.75rem;
}
.metodo-dato[data-v-34c1fc62] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.dato-label[data-v-34c1fc62] {
  color: #C4B5FD;
}
.dato-valor[data-v-34c1fc62] {
  font-weight: 600;
}
.dato-valor.alta[data-v-34c1fc62] { color: #6EE7B7;
}
.dato-valor.media[data-v-34c1fc62] { color: #FCD34D;
}
.dato-valor.si[data-v-34c1fc62] { color: #6EE7B7;
}
.dato-valor.no[data-v-34c1fc62] { color: #FCA5A5;
}
.metodo-mecanismo[data-v-34c1fc62] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  line-height: 1.3;
}

/* Mecanismo hormonal */
.mecanismo-hormonal[data-v-34c1fc62] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0.75rem 0;
}
.mecanismo-titulo[data-v-34c1fc62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.mecanismos-lista[data-v-34c1fc62] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.mecanismo-item[data-v-34c1fc62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mecanismo-num[data-v-34c1fc62] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(236, 72, 153, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #F9A8D4;
}
.mecanismo-texto[data-v-34c1fc62] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.mecanismo-texto strong[data-v-34c1fc62] {
  color: #F9A8D4;
}

/* Grid hormonales */
.hormonales-grid[data-v-34c1fc62] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.hormonal-card[data-v-34c1fc62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.5rem;
}
.hormonal-icono[data-v-34c1fc62] {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.hormonal-nombre[data-v-34c1fc62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.hormonal-desc[data-v-34c1fc62] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.hormonal-eficacia[data-v-34c1fc62] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-top: 0.2rem;
}

/* Advertencia */
.advertencia[data-v-34c1fc62] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.advertencia-icono[data-v-34c1fc62] {
  font-size: 1.25rem;
}
.advertencia-texto[data-v-34c1fc62] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.advertencia-texto strong[data-v-34c1fc62] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-34c1fc62] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-34c1fc62] {
  font-size: 1.25rem;
}
.tip-texto[data-v-34c1fc62] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-34c1fc62] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.metodos-grid[data-v-34c1fc62] {
    flex-direction: row;
}
.metodo-card[data-v-34c1fc62] {
    flex: 1;
}
.hormonales-grid[data-v-34c1fc62] {
    grid-template-columns: repeat(5, 1fr);
}
.mecanismos-lista[data-v-34c1fc62] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Sección título */
.seccion-titulo[data-v-358d9374] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin: 1rem 0 0.5rem 0;
}
.seccion-titulo.diu[data-v-358d9374] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.seccion-titulo.definitivo[data-v-358d9374] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  margin-top: 1.5rem;
}
.seccion-titulo.its[data-v-358d9374] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  margin-top: 1.5rem;
}
.seccion-icono[data-v-358d9374] {
  font-size: 1.25rem;
}
.seccion-nombre[data-v-358d9374] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.seccion-intro[data-v-358d9374] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.5rem 0 0.75rem 0;
}
.seccion-intro strong[data-v-358d9374] {
  color: #FCD34D;
}

/* DIU Grid */
.diu-grid[data-v-358d9374] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diu-card[data-v-358d9374] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.diu-header[data-v-358d9374] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.diu-header.cobre[data-v-358d9374] {
  background: rgba(245, 158, 11, 0.15);
}
.diu-header.hormonal[data-v-358d9374] {
  background: rgba(236, 72, 153, 0.15);
}
.diu-icono[data-v-358d9374] {
  font-size: 1.25rem;
}
.diu-nombre[data-v-358d9374] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.diu-body[data-v-358d9374] {
  padding: 0.5rem 0.75rem;
}
.diu-dato[data-v-358d9374] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.dato-label[data-v-358d9374] {
  color: #C4B5FD;
}
.dato-valor[data-v-358d9374] {
  font-weight: 600;
  color: #FFFFFF;
}
.dato-valor.alta[data-v-358d9374] {
  color: #6EE7B7;
}
.diu-mecanismo[data-v-358d9374] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.diu-mecanismo strong[data-v-358d9374] {
  color: #FCD34D;
}

/* Definitivos Grid */
.definitivos-grid[data-v-358d9374] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.definitivo-card[data-v-358d9374] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.definitivo-card.masc[data-v-358d9374] {
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.definitivo-card.fem[data-v-358d9374] {
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.definitivo-header[data-v-358d9374] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.definitivo-card.masc .definitivo-header[data-v-358d9374] {
  background: rgba(59, 130, 246, 0.15);
}
.definitivo-card.fem .definitivo-header[data-v-358d9374] {
  background: rgba(236, 72, 153, 0.15);
}
.definitivo-icono[data-v-358d9374] {
  font-size: 1.25rem;
  font-weight: 700;
}
.definitivo-card.masc .definitivo-icono[data-v-358d9374] {
  color: #93C5FD;
}
.definitivo-card.fem .definitivo-icono[data-v-358d9374] {
  color: #F9A8D4;
}
.definitivo-nombre[data-v-358d9374] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.definitivo-body[data-v-358d9374] {
  padding: 0.5rem 0.75rem;
}
.definitivo-descripcion[data-v-358d9374] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.definitivo-descripcion strong[data-v-358d9374] {
  color: #FCD34D;
}
.definitivo-efecto[data-v-358d9374] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.definitivo-eficacia[data-v-358d9374] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.definitivo-eficacia strong[data-v-358d9374] {
  color: #6EE7B7;
}

/* ITS Grid */
.its-grid[data-v-358d9374] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.its-card[data-v-358d9374] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.its-card.viral[data-v-358d9374] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.its-card.bacteriana[data-v-358d9374] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.its-tipo[data-v-358d9374] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.its-ejemplos[data-v-358d9374] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.its-ejemplos span[data-v-358d9374] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.its-nota[data-v-358d9374] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.4rem;
  font-style: italic;
}

/* Prevención ITS */
.prevencion-its[data-v-358d9374] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 0.75rem 0;
}
.prevencion-titulo[data-v-358d9374] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.prevencion-lista[data-v-358d9374] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.prevencion-item[data-v-358d9374] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.prevencion-item .check[data-v-358d9374] {
  color: #6EE7B7;
  font-weight: 700;
}
.prevencion-item strong[data-v-358d9374] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-358d9374] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-358d9374] {
  font-size: 1.25rem;
}
.tip-texto[data-v-358d9374] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-358d9374] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diu-grid[data-v-358d9374] {
    flex-direction: row;
}
.diu-card[data-v-358d9374] {
    flex: 1;
}
.definitivos-grid[data-v-358d9374] {
    flex-direction: row;
}
.definitivo-card[data-v-358d9374] {
    flex: 1;
}
.its-ejemplos[data-v-358d9374] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}
}

.explorador[data-v-69dbcc6d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-69dbcc6d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-69dbcc6d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-69dbcc6d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-69dbcc6d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-69dbcc6d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-69dbcc6d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-69dbcc6d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-69dbcc6d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-69dbcc6d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-69dbcc6d] {
  text-align: center;
}
.metodo-actual[data-v-69dbcc6d] {
  margin-bottom: 1rem;
}
.metodo-pregunta[data-v-69dbcc6d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.metodo-nombre-grande[data-v-69dbcc6d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.metodo-pista[data-v-69dbcc6d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.opciones-tipo[data-v-69dbcc6d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.opcion-tipo-btn[data-v-69dbcc6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-tipo-btn[data-v-69dbcc6d]:not(:disabled):hover {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-tipo-btn.seleccionado[data-v-69dbcc6d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo-btn.correcto[data-v-69dbcc6d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-tipo-btn.incorrecto[data-v-69dbcc6d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.tipo-icono[data-v-69dbcc6d] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-69dbcc6d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.clasificar-contador[data-v-69dbcc6d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Protección ITS ===== */
.its-container[data-v-69dbcc6d] {
  text-align: center;
}
.its-pregunta[data-v-69dbcc6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.its-icono[data-v-69dbcc6d] {
  font-size: 1.25rem;
}
.its-texto[data-v-69dbcc6d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.metodo-its-actual[data-v-69dbcc6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.metodo-its-icono[data-v-69dbcc6d] {
  font-size: 2.5rem;
}
.metodo-its-nombre[data-v-69dbcc6d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-its[data-v-69dbcc6d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.its-btn[data-v-69dbcc6d] {
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  font-size: 0.85rem;
}
.its-btn.si[data-v-69dbcc6d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.its-btn.no[data-v-69dbcc6d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.its-btn.seleccionado.si[data-v-69dbcc6d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.its-btn.seleccionado.no[data-v-69dbcc6d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.its-btn.correcto[data-v-69dbcc6d] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.its-btn.incorrecto[data-v-69dbcc6d] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.its-feedback[data-v-69dbcc6d] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.its-feedback.correcto[data-v-69dbcc6d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.its-contador[data-v-69dbcc6d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Mecanismo ===== */
.mecanismo-container[data-v-69dbcc6d] {
  text-align: center;
}
.mecanismo-pregunta[data-v-69dbcc6d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.mecanismo-pregunta strong[data-v-69dbcc6d] {
  color: #FCD34D;
}
.metodo-mecanismo-actual[data-v-69dbcc6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.metodo-mec-icono[data-v-69dbcc6d] {
  font-size: 2rem;
}
.metodo-mec-nombre[data-v-69dbcc6d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-mecanismo[data-v-69dbcc6d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mecanismo-btn[data-v-69dbcc6d] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  font-family: inherit;
}
.mecanismo-btn[data-v-69dbcc6d]:not(:disabled):hover {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.mecanismo-btn.seleccionado[data-v-69dbcc6d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.mecanismo-btn.correcto[data-v-69dbcc6d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.mecanismo-btn.incorrecto[data-v-69dbcc6d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.mecanismo-contador[data-v-69dbcc6d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-69dbcc6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-69dbcc6d] { font-size: 1.25rem;
}
.resultado-texto[data-v-69dbcc6d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-69dbcc6d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-69dbcc6d] { flex: 1;
}
.nav-btn[data-v-69dbcc6d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-69dbcc6d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-69dbcc6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-69dbcc6d] { font-size: 1.75rem;
}
.completado-texto[data-v-69dbcc6d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-69dbcc6d], .slide-leave-active[data-v-69dbcc6d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-69dbcc6d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-69dbcc6d] { opacity: 0; transform: translateX(-15px);
}

/* Resumen título */
.resumen-titulo[data-v-ca300ef7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Tabla resumen */
.tabla-resumen[data-v-ca300ef7] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.tabla-header[data-v-ca300ef7] {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 0.5fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-row[data-v-ca300ef7] {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 0.5fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  font-size: 0.7rem;
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  align-items: center;
}
.col-tipo[data-v-ca300ef7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tipo-icono[data-v-ca300ef7] {
  font-size: 0.9rem;
}
.tipo-nombre[data-v-ca300ef7] {
  font-weight: 600;
  color: #FFFFFF;
}
.col-ejemplos[data-v-ca300ef7] {
  color: #E9D5FF;
}
.col-eficacia[data-v-ca300ef7] {
  font-weight: 600;
  text-align: center;
}
.col-eficacia.alta[data-v-ca300ef7] { color: #6EE7B7;
}
.col-eficacia.media[data-v-ca300ef7] { color: #FCD34D;
}
.col-its[data-v-ca300ef7] {
  text-align: center;
  font-weight: 700;
}
.col-its.si[data-v-ca300ef7] { color: #6EE7B7;
}
.col-its.no[data-v-ca300ef7] { color: #FCA5A5;
}

/* Conceptos clave */
.conceptos-clave[data-v-ca300ef7] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-ca300ef7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.conceptos-lista[data-v-ca300ef7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-ca300ef7] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-ca300ef7] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.concepto-contenido[data-v-ca300ef7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-contenido strong[data-v-ca300ef7] {
  color: #FFFFFF;
}
.concepto-contenido strong.destacado[data-v-ca300ef7] {
  color: #FCD34D;
}

/* ITS Resumen */
.its-resumen[data-v-ca300ef7] {
  margin: 1.5rem 0;
}
.its-resumen-titulo[data-v-ca300ef7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.its-grid[data-v-ca300ef7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.its-item[data-v-ca300ef7] {
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.its-item.viral[data-v-ca300ef7] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.its-item.bacteriana[data-v-ca300ef7] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.its-item strong[data-v-ca300ef7] {
  color: #FFFFFF;
}

/* Doble protección */
.doble-proteccion[data-v-ca300ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.dp-icono[data-v-ca300ef7] {
  font-size: 1.25rem;
}
.dp-contenido[data-v-ca300ef7] {
  flex: 1;
}
.dp-titulo[data-v-ca300ef7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.dp-texto[data-v-ca300ef7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dp-texto strong[data-v-ca300ef7] {
  color: #93C5FD;
}

/* Estrategia PAES */
.estrategia-paes[data-v-ca300ef7] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.estrategia-titulo[data-v-ca300ef7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.estrategia-contenido[data-v-ca300ef7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.estrategia-item[data-v-ca300ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.estrategia-item .check[data-v-ca300ef7] {
  color: #6EE7B7;
  font-weight: 700;
}
.estrategia-item strong[data-v-ca300ef7] {
  color: #FCD34D;
}

/* Tip final */
.tip-final[data-v-ca300ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ca300ef7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ca300ef7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ca300ef7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-ca300ef7],
  .tabla-row[data-v-ca300ef7] {
    font-size: 0.8rem;
}
.conceptos-lista[data-v-ca300ef7] {
    gap: 0.75rem;
}
.concepto-item[data-v-ca300ef7] {
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-8053369e] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.virus-card[data-v-8053369e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 1rem;
}
.virus-icono[data-v-8053369e] {
  font-size: 3rem;
}
.virus-nombre[data-v-8053369e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-top: 0.5rem;
  text-align: center;
}

/* Diferencia VIH vs SIDA */
.diferencia-section[data-v-8053369e] {
  margin: 1.5rem 0;
}
.dif-titulo[data-v-8053369e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dif-grid[data-v-8053369e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dif-item[data-v-8053369e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dif-item.vih[data-v-8053369e] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.dif-item.sida[data-v-8053369e] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.dif-flecha[data-v-8053369e] {
  font-size: 1.25rem;
  color: #C4B5FD;
  flex-shrink: 0;
}
.dif-nombre[data-v-8053369e] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.dif-desc[data-v-8053369e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.dif-desc strong[data-v-8053369e] {
  color: #FCD34D;
}
.dif-detalle[data-v-8053369e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Estructura del virus */
.estructura-section[data-v-8053369e] {
  margin: 1.5rem 0;
}
.est-titulo[data-v-8053369e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-visual[data-v-8053369e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.virus-diagrama[data-v-8053369e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.capa[data-v-8053369e] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.capa.envoltura[data-v-8053369e] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.capa.capside[data-v-8053369e] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.capa.material[data-v-8053369e] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.capa-nombre[data-v-8053369e] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.capa-desc[data-v-8053369e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Célula diana */
.diana-section[data-v-8053369e] {
  margin: 1.5rem 0;
}
.diana-titulo[data-v-8053369e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diana-contenido[data-v-8053369e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.diana-info[data-v-8053369e] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.diana-icono[data-v-8053369e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.diana-texto[data-v-8053369e] {
  flex: 1;
}
.diana-texto p[data-v-8053369e] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.diana-texto p[data-v-8053369e]:last-child {
  margin-bottom: 0;
}
.diana-texto strong[data-v-8053369e] {
  color: #6EE7B7;
}
.conteo-normal[data-v-8053369e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.conteo-label[data-v-8053369e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.conteo-valor[data-v-8053369e] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Características */
.caracteristicas-section[data-v-8053369e] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-8053369e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.carac-lista[data-v-8053369e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-8053369e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-8053369e] {
  font-size: 1.25rem;
}
.carac-contenido[data-v-8053369e] {
  display: flex;
  flex-direction: column;
}
.carac-nombre[data-v-8053369e] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.carac-detalle[data-v-8053369e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-8053369e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8053369e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8053369e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8053369e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.virus-card[data-v-8053369e] {
    padding: 1.25rem 2rem;
}
.virus-icono[data-v-8053369e] {
    font-size: 3.5rem;
}
.dif-grid[data-v-8053369e] {
    gap: 0.75rem;
}
.dif-item[data-v-8053369e] {
    padding: 1rem;
}
.carac-lista[data-v-8053369e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Vías de transmisión */
.vias-section[data-v-df07490e] {
  margin: 1.5rem 0;
}
.vias-titulo[data-v-df07490e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.vias-lista[data-v-df07490e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.via-item[data-v-df07490e] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.via-header[data-v-df07490e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.via-item.sexual .via-header[data-v-df07490e] {
  background: rgba(239, 68, 68, 0.3);
}
.via-item.sanguinea .via-header[data-v-df07490e] {
  background: rgba(245, 158, 11, 0.3);
}
.via-item.vertical .via-header[data-v-df07490e] {
  background: rgba(139, 92, 246, 0.3);
}
.via-icono[data-v-df07490e] {
  font-size: 1.25rem;
}
.via-nombre[data-v-df07490e] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  flex: 1;
}
.via-porcentaje[data-v-df07490e] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.via-contenido[data-v-df07490e] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-top: none;
}
.via-contenido p[data-v-df07490e] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.via-detalle[data-v-df07490e] {
  color: #C4B5FD !important;
  font-size: 0.7rem !important;
  margin-top: 0.25rem;
}

/* NO se transmite */
.no-transmite-section[data-v-df07490e] {
  margin: 1.5rem 0;
}
.no-titulo[data-v-df07490e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.no-grid[data-v-df07490e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.no-item[data-v-df07490e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.no-icono[data-v-df07490e] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.no-texto[data-v-df07490e] {
  font-size: 0.65rem;
  color: #6EE7B7;
}

/* Factores de riesgo */
.factores-section[data-v-df07490e] {
  margin: 1.5rem 0;
}
.fact-titulo[data-v-df07490e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-lista[data-v-df07490e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.factor[data-v-df07490e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.factor-check[data-v-df07490e] {
  color: #FCD34D;
  font-weight: 700;
}
.factor-texto[data-v-df07490e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Prevención */
.prevencion-section[data-v-df07490e] {
  margin: 1.5rem 0;
}
.prev-header[data-v-df07490e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.prev-icono[data-v-df07490e] {
  font-size: 1.25rem;
}
.prev-titulo[data-v-df07490e] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.prev-grid[data-v-df07490e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.prev-item[data-v-df07490e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.prev-emoji[data-v-df07490e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.prev-nombre[data-v-df07490e] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.prev-desc[data-v-df07490e] {
  font-size: 0.65rem;
  color: #93C5FD;
}

/* Destacado I=I */
.destacado-section[data-v-df07490e] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.destacado-header[data-v-df07490e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.destacado-icono[data-v-df07490e] {
  font-size: 1.25rem;
}
.destacado-titulo[data-v-df07490e] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #6EE7B7;
}
.destacado-texto[data-v-df07490e] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.destacado-texto strong[data-v-df07490e] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-df07490e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-df07490e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-df07490e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-df07490e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.no-grid[data-v-df07490e] {
    grid-template-columns: repeat(6, 1fr);
}
.no-item[data-v-df07490e] {
    padding: 0.6rem 0.5rem;
}
.no-texto[data-v-df07490e] {
    font-size: 0.7rem;
}
.prev-grid[data-v-df07490e] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Timeline visual */
.timeline-section[data-v-b2a1d08e] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-b2a1d08e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-b2a1d08e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.timeline-grafico[data-v-b2a1d08e] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.grafico-labels[data-v-b2a1d08e] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.label-y[data-v-b2a1d08e] {
  font-weight: 700;
  color: #6EE7B7;
}
.grafico-barras[data-v-b2a1d08e] {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex: 1;
  height: 100px;
  padding-bottom: 0.5rem;
}
.barra[data-v-b2a1d08e] {
  flex: 1;
  border-radius: 0.25rem 0.25rem 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.25rem;
  min-height: 20px;
}
.barra.etapa1[data-v-b2a1d08e] {
  background: linear-gradient(to bottom, #6EE7B7, #10B981);
}
.barra.etapa2[data-v-b2a1d08e] {
  background: linear-gradient(to bottom, #FCD34D, #F59E0B);
}
.barra.etapa3[data-v-b2a1d08e] {
  background: linear-gradient(to bottom, #FCA5A5, #EF4444);
}
.barra-num[data-v-b2a1d08e] {
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.grafico-tiempo[data-v-b2a1d08e] {
  display: flex;
  justify-content: space-around;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  margin-left: 2rem;
}
.carga-viral-nota[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.25rem;
}
.nota-icono[data-v-b2a1d08e] {
  font-size: 0.9rem;
}
.nota-texto[data-v-b2a1d08e] {
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Etapas */
.etapas-section[data-v-b2a1d08e] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-b2a1d08e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa[data-v-b2a1d08e] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.etapa-header[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
}
.etapa-1 .etapa-header[data-v-b2a1d08e] {
  background: rgba(16, 185, 129, 0.3);
}
.etapa-2 .etapa-header[data-v-b2a1d08e] {
  background: rgba(245, 158, 11, 0.3);
}
.etapa-3 .etapa-header[data-v-b2a1d08e] {
  background: rgba(239, 68, 68, 0.3);
}
.etapa-numero[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.etapa-1 .etapa-numero[data-v-b2a1d08e] {
  background: #10B981;
}
.etapa-2 .etapa-numero[data-v-b2a1d08e] {
  background: #F59E0B;
}
.etapa-3 .etapa-numero[data-v-b2a1d08e] {
  background: #EF4444;
}
.etapa-info[data-v-b2a1d08e] {
  display: flex;
  flex-direction: column;
}
.etapa-nombre[data-v-b2a1d08e] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.etapa-tiempo[data-v-b2a1d08e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.etapa-body[data-v-b2a1d08e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-top: none;
}
.etapa-caracteristicas[data-v-b2a1d08e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.carac[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.carac-label[data-v-b2a1d08e] {
  color: #C4B5FD;
}
.carac-valor[data-v-b2a1d08e] {
  color: #E9D5FF;
  font-weight: 600;
}
.carac-valor.alto[data-v-b2a1d08e] {
  color: #FCA5A5;
}
.carac-valor.medio[data-v-b2a1d08e] {
  color: #FCD34D;
}
.carac-valor.critico[data-v-b2a1d08e] {
  color: #EF4444;
  font-weight: 700;
}
.etapa-sintomas[data-v-b2a1d08e] {
  margin-top: 0.5rem;
}
.sintomas-label[data-v-b2a1d08e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sintomas-lista[data-v-b2a1d08e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.25rem;
}
.sintoma[data-v-b2a1d08e] {
  font-size: 0.7rem;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.etapa-nota[data-v-b2a1d08e] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #93C5FD;
}
.etapa-nota.importante[data-v-b2a1d08e] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}
.etapa-nota strong[data-v-b2a1d08e] {
  color: inherit;
}
.etapa-descripcion[data-v-b2a1d08e] {
  margin: 0.5rem 0;
}
.etapa-descripcion p[data-v-b2a1d08e] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.etapa-descripcion strong[data-v-b2a1d08e] {
  color: #FCA5A5;
}

/* Infecciones oportunistas */
.oportunistas-grid[data-v-b2a1d08e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.oportunista[data-v-b2a1d08e] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.25rem;
}
.op-nombre[data-v-b2a1d08e] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.op-tipo[data-v-b2a1d08e] {
  font-size: 0.6rem;
  color: #FCA5A5;
}

/* Tratamiento */
.tratamiento-section[data-v-b2a1d08e] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.trat-header[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.3);
}
.trat-icono[data-v-b2a1d08e] {
  font-size: 1.5rem;
}
.trat-titulo[data-v-b2a1d08e] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.trat-body[data-v-b2a1d08e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-top: none;
}
.trat-info p[data-v-b2a1d08e] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.trat-info strong[data-v-b2a1d08e] {
  color: #93C5FD;
}
.trat-tipos[data-v-b2a1d08e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.trat-tipo[data-v-b2a1d08e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
  text-align: center;
}
.tipo-nombre[data-v-b2a1d08e] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #93C5FD;
}
.tipo-desc[data-v-b2a1d08e] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.trat-resultado[data-v-b2a1d08e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.res-icono[data-v-b2a1d08e] {
  font-size: 1rem;
  color: #6EE7B7;
  font-weight: 700;
}
.res-texto[data-v-b2a1d08e] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-b2a1d08e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b2a1d08e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b2a1d08e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b2a1d08e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-barras[data-v-b2a1d08e] {
    gap: 1rem;
    height: 120px;
}
.oportunistas-grid[data-v-b2a1d08e] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-bc136bc9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-bc136bc9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-bc136bc9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
  -webkit-tap-highlight-color: transparent;
}
.progreso-item.activo[data-v-bc136bc9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-bc136bc9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-bc136bc9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-bc136bc9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-bc136bc9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-bc136bc9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-bc136bc9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Vías de transmisión ===== */
.clasificar-container[data-v-bc136bc9] {
  text-align: center;
}
.situacion-actual[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.situacion-icono[data-v-bc136bc9] {
  font-size: 1.5rem;
}
.situacion-texto[data-v-bc136bc9] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-clasif[data-v-bc136bc9], .pregunta-etapa[data-v-bc136bc9] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-transmision[data-v-bc136bc9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-trans[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-trans.si[data-v-bc136bc9] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-trans.no[data-v-bc136bc9] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-trans.seleccionado[data-v-bc136bc9] {
  transform: scale(1.05);
}
.opcion-trans.seleccionado.si[data-v-bc136bc9] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-trans.seleccionado.no[data-v-bc136bc9] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-trans.correcto[data-v-bc136bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-trans.incorrecto[data-v-bc136bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-bc136bc9] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-bc136bc9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Etapas ===== */
.etapas-container[data-v-bc136bc9] {
  text-align: center;
}
.caracteristica-actual[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.carac-icono[data-v-bc136bc9] {
  font-size: 1.5rem;
}
.carac-texto[data-v-bc136bc9] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-etapas[data-v-bc136bc9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-etapa[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 100px;
}
.opcion-etapa.seleccionado[data-v-bc136bc9] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.opcion-etapa.correcto[data-v-bc136bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-etapa.incorrecto[data-v-bc136bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.etapa-num[data-v-bc136bc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.etapa-nombre[data-v-bc136bc9] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Conceptos ===== */
.conceptos-container[data-v-bc136bc9] {
  text-align: center;
}
.pregunta-concepto[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.preg-icono[data-v-bc136bc9] {
  font-size: 1.5rem;
}
.preg-texto[data-v-bc136bc9] {
  font-size: 0.95rem;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-concepto[data-v-bc136bc9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-concepto[data-v-bc136bc9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-concepto.seleccionado[data-v-bc136bc9] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-concepto.correcto[data-v-bc136bc9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-concepto.incorrecto[data-v-bc136bc9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Elementos comunes */
.contador[data-v-bc136bc9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-bc136bc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-bc136bc9] { font-size: 1.25rem;
}
.resultado-texto[data-v-bc136bc9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-bc136bc9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-bc136bc9] { flex: 1;
}
.nav-btn[data-v-bc136bc9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-bc136bc9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-bc136bc9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-bc136bc9] { font-size: 1.75rem;
}
.completado-texto[data-v-bc136bc9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-bc136bc9], .slide-leave-active[data-v-bc136bc9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-bc136bc9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-bc136bc9] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-etapas[data-v-bc136bc9] {
    gap: 0.75rem;
}
.opcion-etapa[data-v-bc136bc9] {
    padding: 0.75rem 1rem;
    min-width: 120px;
}
.opciones-concepto[data-v-bc136bc9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header del resumen */
.resumen-header[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-5e0e7889] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}

/* Concepto central */
.concepto-central[data-v-5e0e7889] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.concepto-contenido[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.item-icono[data-v-5e0e7889] {
  font-size: 1.25rem;
  min-width: 28px;
}
.item-texto[data-v-5e0e7889] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-5e0e7889] {
  color: #FCD34D;
}

/* Secciones */
.seccion[data-v-5e0e7889] {
  margin-bottom: 1.25rem;
}
.seccion-titulo[data-v-5e0e7889] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Grid de puntos */
.puntos-grid[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto[data-v-5e0e7889] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.punto-icono[data-v-5e0e7889] {
  font-size: 1rem;
  min-width: 24px;
}
.punto-texto[data-v-5e0e7889] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-5e0e7889] {
  color: #C4B5FD;
}

/* Dos columnas */
.dos-columnas[data-v-5e0e7889] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.columna[data-v-5e0e7889] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.col-header[data-v-5e0e7889] {
  padding: 0.4rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.col-header.negativo[data-v-5e0e7889] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.col-header.positivo[data-v-5e0e7889] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.col-lista[data-v-5e0e7889] {
  margin: 0;
  padding: 0.5rem 0.5rem 0.5rem 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.7rem;
  color: #E9D5FF;
}
.col-lista li[data-v-5e0e7889] {
  margin-bottom: 0.25rem;
}
.col-lista li[data-v-5e0e7889]:last-child {
  margin-bottom: 0;
}

/* Etapas resumen */
.etapas-resumen[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.etapa-mini[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.4rem;
  min-width: 80px;
  text-align: center;
  flex-shrink: 0;
}
.etapa-mini.etapa-1[data-v-5e0e7889] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.etapa-mini.etapa-2[data-v-5e0e7889] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.etapa-mini.etapa-3[data-v-5e0e7889] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.etapa-num[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
  margin-bottom: 0.15rem;
}
.etapa-1 .etapa-num[data-v-5e0e7889] { background: #10B981;
}
.etapa-2 .etapa-num[data-v-5e0e7889] { background: #F59E0B;
}
.etapa-3 .etapa-num[data-v-5e0e7889] { background: #EF4444;
}
.etapa-nombre[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 0.7rem;
  color: #FFFFFF;
}
.etapa-carac[data-v-5e0e7889] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.etapa-flecha[data-v-5e0e7889] {
  color: #8B5CF6;
  font-size: 0.9rem;
  flex-shrink: 0;
}

/* Tratamiento resumen */
.tratamiento-resumen[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.trat-item[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.trat-item.destacado[data-v-5e0e7889] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.trat-nombre[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.trat-desc[data-v-5e0e7889] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.trat-item.destacado .trat-nombre[data-v-5e0e7889] {
  color: #6EE7B7;
}

/* Fórmula clave */
.formula-clave[data-v-5e0e7889] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formula-contenido[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.formula-paso[data-v-5e0e7889] {
  padding: 0.25rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-flecha[data-v-5e0e7889] {
  color: #FCD34D;
  font-size: 0.8rem;
}

/* Tips PAES */
.tips-paes[data-v-5e0e7889] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-5e0e7889] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-5e0e7889] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
}
.tip-texto[data-v-5e0e7889] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-5e0e7889] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-5e0e7889] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-5e0e7889] {
  font-size: 1.75rem;
}
.final-texto[data-v-5e0e7889] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.puntos-grid[data-v-5e0e7889] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.etapas-resumen[data-v-5e0e7889] {
    justify-content: center;
}
.etapa-mini[data-v-5e0e7889] {
    min-width: 100px;
    padding: 0.5rem;
}
.etapa-nombre[data-v-5e0e7889] {
    font-size: 0.75rem;
}
.etapa-carac[data-v-5e0e7889] {
    font-size: 0.6rem;
}
}

/* Intro visual */
.intro-visual[data-v-bb48af1c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.simbolos-container[data-v-bb48af1c] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.simbolo[data-v-bb48af1c] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 700;
}
.simbolo.masculino[data-v-bb48af1c] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.simbolo.femenino[data-v-bb48af1c] {
  background: rgba(236, 72, 153, 0.2);
  border: 2px solid rgba(236, 72, 153, 0.5);
  color: #F9A8D4;
}
.simbolo-union[data-v-bb48af1c] {
  font-size: 1.5rem;
  color: #C4B5FD;
  font-weight: 700;
}

/* Texto destacado */
strong.destaque[data-v-bb48af1c] {
  color: #FCD34D;
}

/* Funciones */
.funciones-section[data-v-bb48af1c] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-bb48af1c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-bb48af1c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.funcion-card[data-v-bb48af1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.funcion-icono[data-v-bb48af1c] {
  font-size: 1.5rem;
}
.funcion-nombre[data-v-bb48af1c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
  text-align: center;
}
.funcion-desc[data-v-bb48af1c] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.3;
}
.funcion-desc strong[data-v-bb48af1c] {
  color: #C4B5FD;
}

/* Gametos */
.gametos-section[data-v-bb48af1c] {
  margin: 1.5rem 0;
}
.gametos-titulo[data-v-bb48af1c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.gametos-grid[data-v-bb48af1c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.gameto-card[data-v-bb48af1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.gameto-card.masc[data-v-bb48af1c] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.gameto-card.fem[data-v-bb48af1c] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.gameto-icono[data-v-bb48af1c] {
  font-size: 1.75rem;
}
.gameto-nombre[data-v-bb48af1c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.gameto-datos[data-v-bb48af1c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.25rem;
}
.dato[data-v-bb48af1c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.gametos-nota[data-v-bb48af1c] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.gametos-nota strong[data-v-bb48af1c] {
  color: #FCD34D;
}

/* Hormonas */
.hormonas-section[data-v-bb48af1c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.hormonas-icono[data-v-bb48af1c] {
  font-size: 1.5rem;
}
.hormonas-contenido[data-v-bb48af1c] {
  flex: 1;
}
.hormonas-titulo-int[data-v-bb48af1c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.hormonas-texto[data-v-bb48af1c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.hormonas-texto strong[data-v-bb48af1c] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-bb48af1c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bb48af1c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bb48af1c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bb48af1c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.simbolo[data-v-bb48af1c] {
    width: 70px;
    height: 70px;
    font-size: 2.5rem;
}
.simbolos-container[data-v-bb48af1c] {
    gap: 1.5rem;
}
.funciones-grid[data-v-bb48af1c] {
    grid-template-columns: repeat(4, 1fr);
}
.funcion-nombre[data-v-bb48af1c] {
    font-size: 0.8rem;
}
.funcion-desc[data-v-bb48af1c] {
    font-size: 0.7rem;
}
.gameto-card[data-v-bb48af1c] {
    padding: 1rem;
}
.gameto-icono[data-v-bb48af1c] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-aa7a9260] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-principal[data-v-aa7a9260] {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.icono-principal.masculino[data-v-aa7a9260] {
  background: rgba(59, 130, 246, 0.2);
  border: 3px solid rgba(59, 130, 246, 0.5);
}
.simbolo[data-v-aa7a9260] {
  font-size: 2.5rem;
  color: #93C5FD;
}

/* Texto destacado */
strong.esperma[data-v-aa7a9260] { color: #93C5FD;
}
strong.testosterona[data-v-aa7a9260] { color: #FCD34D;
}

/* Órganos */
.organos-section[data-v-aa7a9260] {
  margin: 1.5rem 0;
}
.organos-titulo[data-v-aa7a9260] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organo-card.principal[data-v-aa7a9260] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.organo-header[data-v-aa7a9260] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.organo-icono[data-v-aa7a9260] {
  font-size: 1.5rem;
}
.organo-nombre[data-v-aa7a9260] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  flex: 1;
}
.organo-tipo[data-v-aa7a9260] {
  padding: 0.15rem 0.4rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 700;
  color: #93C5FD;
}
.organo-funciones[data-v-aa7a9260] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.funcion-item[data-v-aa7a9260] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.check[data-v-aa7a9260] {
  color: #6EE7B7;
  font-weight: 700;
}
.funcion-item strong[data-v-aa7a9260] {
  color: #93C5FD;
}
.organo-nota[data-v-aa7a9260] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Grid de órganos mini */
.organos-grid[data-v-aa7a9260] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.organo-mini[data-v-aa7a9260] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.mini-icono[data-v-aa7a9260] {
  font-size: 1.25rem;
}
.mini-nombre[data-v-aa7a9260] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
  text-align: center;
}
.mini-funcion[data-v-aa7a9260] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.2;
}

/* Proceso - Espermatogénesis */
.proceso-section[data-v-aa7a9260] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-aa7a9260] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-flujo[data-v-aa7a9260] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.etapa[data-v-aa7a9260] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.etapa.final[data-v-aa7a9260] {
  border-color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.etapa-nombre[data-v-aa7a9260] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-info[data-v-aa7a9260] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.etapa.final .etapa-nombre[data-v-aa7a9260] {
  color: #6EE7B7;
}
.flecha[data-v-aa7a9260] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}
.proceso-datos[data-v-aa7a9260] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-item[data-v-aa7a9260] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Hormona */
.hormona-section[data-v-aa7a9260] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.hormona-icono[data-v-aa7a9260] {
  font-size: 1.5rem;
}
.hormona-contenido[data-v-aa7a9260] {
  flex: 1;
}
.hormona-titulo[data-v-aa7a9260] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.4rem;
}
.hormona-efectos[data-v-aa7a9260] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.efecto[data-v-aa7a9260] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-aa7a9260] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-aa7a9260] {
  font-size: 1.25rem;
}
.tip-texto[data-v-aa7a9260] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-aa7a9260] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.organos-grid[data-v-aa7a9260] {
    grid-template-columns: repeat(3, 1fr);
}
.proceso-flujo[data-v-aa7a9260] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.etapa[data-v-aa7a9260] {
    padding: 0.5rem 0.75rem;
}
.etapa-nombre[data-v-aa7a9260] {
    font-size: 0.75rem;
}
.proceso-datos[data-v-aa7a9260] {
    flex-direction: row;
    justify-content: space-between;
}
.hormona-efectos[data-v-aa7a9260] {
    gap: 0.4rem;
}
.efecto[data-v-aa7a9260] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-a653cf05] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-principal[data-v-a653cf05] {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.icono-principal.femenino[data-v-a653cf05] {
  background: rgba(236, 72, 153, 0.2);
  border: 3px solid rgba(236, 72, 153, 0.5);
}
.simbolo[data-v-a653cf05] {
  font-size: 2.5rem;
  color: #F9A8D4;
}

/* Texto destacado */
strong.ovulo[data-v-a653cf05] { color: #F9A8D4;
}
strong.estrogeno[data-v-a653cf05] { color: #F9A8D4;
}
strong.progesterona[data-v-a653cf05] { color: #FCD34D;
}

/* Órganos */
.organos-section[data-v-a653cf05] {
  margin: 1.5rem 0;
}
.organos-titulo[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organo-card.principal[data-v-a653cf05] {
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.organo-header[data-v-a653cf05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.organo-icono[data-v-a653cf05] {
  font-size: 1.5rem;
}
.organo-nombre[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  flex: 1;
}
.organo-tipo[data-v-a653cf05] {
  padding: 0.15rem 0.4rem;
  background: rgba(236, 72, 153, 0.3);
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 700;
  color: #F9A8D4;
}
.organo-funciones[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.funcion-item[data-v-a653cf05] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.check[data-v-a653cf05] {
  color: #6EE7B7;
  font-weight: 700;
}
.funcion-item strong[data-v-a653cf05] {
  color: #F9A8D4;
}
.organo-nota[data-v-a653cf05] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Grid de órganos mini */
.organos-grid[data-v-a653cf05] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.organo-mini[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.mini-icono[data-v-a653cf05] {
  font-size: 1.25rem;
}
.mini-nombre[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
  text-align: center;
}
.mini-funcion[data-v-a653cf05] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.2;
}
.mini-funcion strong[data-v-a653cf05] {
  color: #FCD34D;
}

/* Capas del útero */
.capas-section[data-v-a653cf05] {
  margin: 1.5rem 0;
}
.capas-titulo[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.capas-grid[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.capa-item[data-v-a653cf05] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.capa-item.destacada[data-v-a653cf05] {
  background: rgba(236, 72, 153, 0.15);
  border-color: rgba(236, 72, 153, 0.4);
}
.capa-nombre[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.capa-item.destacada .capa-nombre[data-v-a653cf05] {
  color: #F9A8D4;
}
.capa-desc[data-v-a653cf05] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Proceso - Ovogénesis */
.proceso-section[data-v-a653cf05] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-flujo[data-v-a653cf05] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.etapa[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.etapa.final[data-v-a653cf05] {
  border-color: #F9A8D4;
  background: rgba(236, 72, 153, 0.2);
}
.etapa-nombre[data-v-a653cf05] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-info[data-v-a653cf05] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.etapa.final .etapa-nombre[data-v-a653cf05] {
  color: #F9A8D4;
}
.flecha[data-v-a653cf05] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}
.proceso-nota[data-v-a653cf05] {
  font-size: 0.75rem;
  color: #FCD34D;
  text-align: center;
}

/* Hormonas */
.hormonas-section[data-v-a653cf05] {
  margin: 1.5rem 0;
}
.hormonas-titulo[data-v-a653cf05] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hormonas-grid[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.hormona-card[data-v-a653cf05] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.hormona-card.estrogenos[data-v-a653cf05] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.hormona-card.progesterona[data-v-a653cf05] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.hor-nombre[data-v-a653cf05] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.hormona-card.estrogenos .hor-nombre[data-v-a653cf05] { color: #F9A8D4;
}
.hormona-card.progesterona .hor-nombre[data-v-a653cf05] { color: #FCD34D;
}
.hor-origen[data-v-a653cf05] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.hor-efectos[data-v-a653cf05] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.hor-efecto[data-v-a653cf05] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a653cf05] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a653cf05] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a653cf05] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a653cf05] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-flujo[data-v-a653cf05] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.etapa[data-v-a653cf05] {
    padding: 0.5rem 0.75rem;
}
.etapa-nombre[data-v-a653cf05] {
    font-size: 0.75rem;
}
.hormonas-grid[data-v-a653cf05] {
    flex-direction: row;
}
.hormona-card[data-v-a653cf05] {
    flex: 1;
}
}

.explorador[data-v-254763e3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-254763e3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-254763e3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-254763e3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-254763e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-254763e3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-254763e3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-254763e3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-254763e3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-254763e3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar órganos ===== */
.organo-container[data-v-254763e3] {
  text-align: center;
}
.sistema-indicador[data-v-254763e3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 1.75rem;
  margin-bottom: 0.75rem;
}
.sistema-indicador.masculino[data-v-254763e3] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.sistema-indicador.femenino[data-v-254763e3] {
  background: rgba(236, 72, 153, 0.2);
  border: 2px solid rgba(236, 72, 153, 0.5);
  color: #F9A8D4;
}
.organo-pista[data-v-254763e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pista-icono[data-v-254763e3] {
  font-size: 1.5rem;
}
.pista-texto[data-v-254763e3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-organo[data-v-254763e3], .pregunta-efecto[data-v-254763e3], .pregunta-comparacion[data-v-254763e3] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-organo[data-v-254763e3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-254763e3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-254763e3]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-254763e3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-btn.correcto[data-v-254763e3] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-254763e3] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Hormona → Efecto ===== */
.hormona-container[data-v-254763e3] {
  text-align: center;
}
.hormona-actual[data-v-254763e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.hor-icono[data-v-254763e3] {
  font-size: 2rem;
}
.hor-nombre[data-v-254763e3] {
  font-size: 1.3rem;
  font-weight: 800;
}
.hor-nombre.testosterona[data-v-254763e3] { color: #FCD34D;
}
.hor-nombre.estrogenos[data-v-254763e3] { color: #F9A8D4;
}
.hor-nombre.progesterona[data-v-254763e3] { color: #FCD34D;
}
.hor-nombre.fsh[data-v-254763e3] { color: #93C5FD;
}
.hor-nombre.lh[data-v-254763e3] { color: #FCA5A5;
}
.hor-origen[data-v-254763e3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.opciones-efecto[data-v-254763e3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-efecto[data-v-254763e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-efecto[data-v-254763e3]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-efecto.seleccionado[data-v-254763e3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-efecto.correcto[data-v-254763e3] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-efecto.incorrecto[data-v-254763e3] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.efecto-icono[data-v-254763e3] {
  font-size: 1.25rem;
}
.efecto-texto[data-v-254763e3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
}
.opcion-efecto.correcto .efecto-texto[data-v-254763e3] { color: #6EE7B7;
}
.opcion-efecto.incorrecto .efecto-texto[data-v-254763e3] { color: #FCA5A5;
}

/* ===== DESAFÍO 3: Comparación ===== */
.comparacion-container[data-v-254763e3] {
  text-align: center;
}
.pregunta-comparacion[data-v-254763e3] {
  font-size: 0.95rem;
  line-height: 1.4;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.sistemas-opciones[data-v-254763e3] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.sistema-btn[data-v-254763e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
  flex: 1;
  max-width: 100px;
}
.sistema-btn.masculino[data-v-254763e3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.sistema-btn.femenino[data-v-254763e3] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.sistema-btn.ambos[data-v-254763e3] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.sistema-btn[data-v-254763e3]:hover:not(:disabled) {
  transform: scale(1.05);
}
.sistema-btn.seleccionado[data-v-254763e3] {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.sistema-btn.correcto[data-v-254763e3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.sistema-btn.incorrecto[data-v-254763e3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.sistema-simbolo[data-v-254763e3] {
  font-size: 1.5rem;
}
.sistema-btn.masculino .sistema-simbolo[data-v-254763e3] { color: #93C5FD;
}
.sistema-btn.femenino .sistema-simbolo[data-v-254763e3] { color: #F9A8D4;
}
.sistema-btn.ambos .sistema-simbolo[data-v-254763e3] { color: #C4B5FD;
}
.sistema-nombre[data-v-254763e3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.explicacion-correcta[data-v-254763e3] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  text-align: left;
}

/* Elementos comunes */
.feedback-msg[data-v-254763e3] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.contador[data-v-254763e3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-254763e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-254763e3] { font-size: 1.25rem;
}
.resultado-texto[data-v-254763e3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-254763e3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-254763e3] { flex: 1;
}
.nav-btn[data-v-254763e3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-254763e3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-254763e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-254763e3] { font-size: 1.75rem;
}
.completado-texto[data-v-254763e3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-254763e3], .slide-leave-active[data-v-254763e3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-254763e3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-254763e3] { opacity: 0; transform: translateX(-15px);
}

/* Header resumen */
.resumen-header[data-v-3cb834ac] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-3cb834ac] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-3cb834ac] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparación lado a lado */
.comparacion-section[data-v-3cb834ac] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.sistema-col[data-v-3cb834ac] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.sistema-col.masculino[data-v-3cb834ac] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.sistema-col.femenino[data-v-3cb834ac] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.col-header[data-v-3cb834ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.col-header .simbolo[data-v-3cb834ac] {
  font-size: 1.5rem;
}
.sistema-col.masculino .col-header .simbolo[data-v-3cb834ac] { color: #93C5FD;
}
.sistema-col.femenino .col-header .simbolo[data-v-3cb834ac] { color: #F9A8D4;
}
.col-header .nombre[data-v-3cb834ac] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.col-contenido[data-v-3cb834ac] {
  padding: 0.5rem;
}
.item[data-v-3cb834ac] {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.item[data-v-3cb834ac]:last-child {
  border-bottom: none;
}
.item-label[data-v-3cb834ac] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.item-valor[data-v-3cb834ac] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Puntos clave */
.claves-section[data-v-3cb834ac] {
  margin-bottom: 1.5rem;
}
.claves-titulo[data-v-3cb834ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.claves-lista[data-v-3cb834ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-3cb834ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid #8B5CF6;
}
.clave-num[data-v-3cb834ac] {
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.clave-texto[data-v-3cb834ac] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clave-texto strong[data-v-3cb834ac] {
  color: #FCD34D;
}

/* Células especializadas */
.celulas-section[data-v-3cb834ac] {
  margin-bottom: 1.5rem;
}
.celulas-titulo[data-v-3cb834ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.celulas-grid[data-v-3cb834ac] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.celula-item[data-v-3cb834ac] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.celula-item.masc[data-v-3cb834ac] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.celula-item.fem[data-v-3cb834ac] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.2);
}
.celula-nombre[data-v-3cb834ac] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.celula-funcion[data-v-3cb834ac] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Flujo de eventos */
.flujo-section[data-v-3cb834ac] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-titulo[data-v-3cb834ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.flujo-items[data-v-3cb834ac] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.flujo-item[data-v-3cb834ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  min-width: 70px;
}
.flujo-num[data-v-3cb834ac] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6EE7B7;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #064E3B;
  margin-bottom: 0.2rem;
}
.flujo-texto[data-v-3cb834ac] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.flujo-flecha[data-v-3cb834ac] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Mensaje final */
.mensaje-final[data-v-3cb834ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.final-icono[data-v-3cb834ac] {
  font-size: 1.75rem;
}
.final-texto[data-v-3cb834ac] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.final-texto strong[data-v-3cb834ac] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-section[data-v-3cb834ac] {
    gap: 1rem;
}
.col-header[data-v-3cb834ac] {
    flex-direction: row;
    gap: 0.5rem;
    justify-content: center;
}
.item[data-v-3cb834ac] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.flujo-items[data-v-3cb834ac] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.flujo-item[data-v-3cb834ac] {
    min-width: 80px;
    padding: 0.5rem;
}
.flujo-texto[data-v-3cb834ac] {
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-a6fbae92] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.trasplante-card[data-v-a6fbae92] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 1rem;
}
.trasplante-icono[data-v-a6fbae92] {
  font-size: 3rem;
}
.trasplante-nombre[data-v-a6fbae92] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-top: 0.5rem;
}

/* Tipos de trasplante */
.tipos-section[data-v-a6fbae92] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a6fbae92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-a6fbae92] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-a6fbae92] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-item.autotrasplante[data-v-a6fbae92] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tipo-item.isotrasplante[data-v-a6fbae92] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.tipo-item.alotrasplante[data-v-a6fbae92] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tipo-item.xenotrasplante[data-v-a6fbae92] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tipo-icono[data-v-a6fbae92] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-a6fbae92] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.tipo-desc[data-v-a6fbae92] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tipo-ej[data-v-a6fbae92] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Órganos */
.organos-section[data-v-a6fbae92] {
  margin: 1.5rem 0;
}
.organos-titulo[data-v-a6fbae92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organos-grid[data-v-a6fbae92] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.organo[data-v-a6fbae92] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.org-icono[data-v-a6fbae92] {
  font-size: 1.5rem;
}
.org-nombre[data-v-a6fbae92] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Sistema inmune */
.inmune-section[data-v-a6fbae92] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.inmune-titulo[data-v-a6fbae92] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.inmune-contenido p[data-v-a6fbae92] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
strong.negativo[data-v-a6fbae92] {
  color: #FCA5A5;
}
.inmune-visual[data-v-a6fbae92] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.vis-item[data-v-a6fbae92] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.vis-item.donante[data-v-a6fbae92] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.vis-item.receptor[data-v-a6fbae92] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.vis-item.rechazo[data-v-a6fbae92] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.vis-flecha[data-v-a6fbae92] {
  font-size: 1rem;
}

/* Tip */
.tip[data-v-a6fbae92] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a6fbae92] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a6fbae92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a6fbae92] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.trasplante-card[data-v-a6fbae92] {
    padding: 1.25rem 2rem;
}
.trasplante-icono[data-v-a6fbae92] {
    font-size: 3.5rem;
}
.tipos-grid[data-v-a6fbae92] {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}
.tipo-item[data-v-a6fbae92] {
    padding: 0.75rem;
}
.organos-grid[data-v-a6fbae92] {
    grid-template-columns: repeat(6, 1fr);
}
.inmune-visual[data-v-a6fbae92] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-99720b17] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.compat-card[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 1rem;
}
.compat-icono[data-v-99720b17] {
  font-size: 2.5rem;
}
.compat-texto[data-v-99720b17] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
  margin-top: 0.5rem;
}

/* MHC Section */
.mhc-section[data-v-99720b17] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.mhc-titulo[data-v-99720b17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mhc-explicacion p[data-v-99720b17] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0 0 1rem 0;
  line-height: 1.4;
}
.mhc-visual[data-v-99720b17] {
  display: flex;
  justify-content: center;
}
.celula-mhc[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.celula-cuerpo[data-v-99720b17] {
  width: 60px;
  height: 60px;
  background: rgba(139, 92, 246, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.celula-nucleo[data-v-99720b17] {
  font-size: 1.5rem;
}
.mhc-marcadores[data-v-99720b17] {
  display: flex;
  gap: 0.25rem;
}
.marcador[data-v-99720b17] {
  padding: 0.2rem 0.4rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.celula-label[data-v-99720b17] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Clases de MHC */
.clases-section[data-v-99720b17] {
  margin: 1.5rem 0;
}
.clases-titulo[data-v-99720b17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clases-grid[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clase-item[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.clase-item.clase1[data-v-99720b17] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.clase-item.clase2[data-v-99720b17] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.clase-nombre[data-v-99720b17] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.clase-ubicacion[data-v-99720b17] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.clase-funcion[data-v-99720b17] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.clase-genes[data-v-99720b17] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Pruebas */
.pruebas-section[data-v-99720b17] {
  margin: 1.5rem 0;
}
.pruebas-titulo[data-v-99720b17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pruebas-lista[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prueba-item[data-v-99720b17] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prueba-num[data-v-99720b17] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.prueba-contenido[data-v-99720b17] {
  display: flex;
  flex-direction: column;
}
.prueba-nombre[data-v-99720b17] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.prueba-desc[data-v-99720b17] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Compatibilidad visual */
.compatibilidad-visual[data-v-99720b17] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.compat-titulo[data-v-99720b17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.compat-comparacion[data-v-99720b17] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.compat-caso[data-v-99720b17] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.compat-caso.buena[data-v-99720b17] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.compat-caso.mala[data-v-99720b17] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.caso-icono[data-v-99720b17] {
  font-size: 1.5rem;
}
.caso-texto[data-v-99720b17] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.compat-nota[data-v-99720b17] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tip */
.tip[data-v-99720b17] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-99720b17] {
  font-size: 1.25rem;
}
.tip-texto[data-v-99720b17] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-99720b17] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.compat-card[data-v-99720b17] {
    padding: 1.25rem 2rem;
}
.compat-icono[data-v-99720b17] {
    font-size: 3rem;
}
.clases-grid[data-v-99720b17] {
    flex-direction: row;
}
.clase-item[data-v-99720b17] {
    flex: 1;
}
.celula-cuerpo[data-v-99720b17] {
    width: 80px;
    height: 80px;
}
.celula-nucleo[data-v-99720b17] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-f6ab2537] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.rechazo-card[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 1rem;
}
.rechazo-icono[data-v-f6ab2537] {
  font-size: 2.5rem;
}
.rechazo-texto[data-v-f6ab2537] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-top: 0.5rem;
}
strong.negativo[data-v-f6ab2537] {
  color: #FCA5A5;
}

/* Tipos de rechazo */
.tipos-section[data-v-f6ab2537] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-f6ab2537] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-rechazo[data-v-f6ab2537] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo-rechazo.hiperagudo[data-v-f6ab2537] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-rechazo.agudo[data-v-f6ab2537] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tipo-rechazo.cronico[data-v-f6ab2537] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tipo-header[data-v-f6ab2537] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-f6ab2537] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-f6ab2537] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.tipo-tiempo[data-v-f6ab2537] {
  font-size: 0.7rem;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
  margin-left: auto;
}
.tipo-detalle[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.tipo-causa[data-v-f6ab2537] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.tipo-mecanismo[data-v-f6ab2537] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Mecanismo */
.mecanismo-section[data-v-f6ab2537] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.mecanismo-titulo[data-v-f6ab2537] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.mecanismo-pasos[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.paso-mecanismo[data-v-f6ab2537] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  width: 100%;
}
.paso-num[data-v-f6ab2537] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.paso-texto[data-v-f6ab2537] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-flecha[data-v-f6ab2537] {
  font-size: 1rem;
  color: #8B5CF6;
}

/* Inmunosupresión */
.inmuno-section[data-v-f6ab2537] {
  margin: 1.5rem 0;
}
.inmuno-titulo[data-v-f6ab2537] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.inmuno-intro[data-v-f6ab2537] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.farmacos-grid[data-v-f6ab2537] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.farmaco[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.farmaco-icono[data-v-f6ab2537] {
  font-size: 1.25rem;
}
.farmaco-nombre[data-v-f6ab2537] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.farmaco-accion[data-v-f6ab2537] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Consecuencias */
.consecuencias-section[data-v-f6ab2537] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.consec-titulo[data-v-f6ab2537] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consec-grid[data-v-f6ab2537] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consec-item[data-v-f6ab2537] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.consec-item.negativo[data-v-f6ab2537] {
  background: rgba(239, 68, 68, 0.15);
}
.consec-item.positivo[data-v-f6ab2537] {
  background: rgba(16, 185, 129, 0.15);
}
.consec-icono[data-v-f6ab2537] {
  font-size: 1.2rem;
}
.consec-texto[data-v-f6ab2537] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-f6ab2537] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f6ab2537] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f6ab2537] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f6ab2537] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.rechazo-card[data-v-f6ab2537] {
    padding: 1.25rem 2rem;
}
.rechazo-icono[data-v-f6ab2537] {
    font-size: 3rem;
}
.farmacos-grid[data-v-f6ab2537] {
    grid-template-columns: repeat(4, 1fr);
}
.consec-grid[data-v-f6ab2537] {
    flex-direction: row;
    gap: 0.5rem;
}
.consec-item[data-v-f6ab2537] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

.explorador[data-v-0993b001] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0993b001] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0993b001] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0993b001] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0993b001] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0993b001] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0993b001] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0993b001] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0993b001] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0993b001] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar tipos ===== */
.clasificar-container[data-v-0993b001] {
  text-align: center;
}
.caso-actual[data-v-0993b001] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-0993b001] {
  font-size: 2rem;
}
.caso-texto[data-v-0993b001] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-clasif[data-v-0993b001], .pregunta-rechazo[data-v-0993b001] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-tipo[data-v-0993b001] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-0993b001] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo.seleccionado[data-v-0993b001] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.02);
}
.opcion-tipo.correcto[data-v-0993b001] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-0993b001] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-0993b001] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-0993b001] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Tipos de rechazo ===== */
.rechazo-container[data-v-0993b001] {
  text-align: center;
}
.escenario-actual[data-v-0993b001] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.escenario-icono[data-v-0993b001] {
  font-size: 1.5rem;
}
.escenario-texto[data-v-0993b001] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.escenario-tiempo[data-v-0993b001] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
}
.opciones-rechazo[data-v-0993b001] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-rechazo[data-v-0993b001] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-rechazo.seleccionado[data-v-0993b001] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-rechazo.correcto[data-v-0993b001] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-rechazo.incorrecto[data-v-0993b001] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.rec-icono[data-v-0993b001] {
  font-size: 1.25rem;
}
.rec-nombre[data-v-0993b001] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.rec-tiempo[data-v-0993b001] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Compatibilidad HLA ===== */
.compatibilidad-container[data-v-0993b001] {
  text-align: center;
}
.compat-explicacion[data-v-0993b001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.compat-info-icono[data-v-0993b001] {
  font-size: 1.2rem;
}
.compat-info-texto[data-v-0993b001] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.hla-comparacion[data-v-0993b001] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.hla-persona[data-v-0993b001] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
}
.hla-persona.donante[data-v-0993b001] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.hla-persona.receptor[data-v-0993b001] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.hla-titulo[data-v-0993b001] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.hla-marcadores[data-v-0993b001] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.hla-marcador[data-v-0993b001] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  transition: all 0.3s ease;
}
.hla-marcador.coincide[data-v-0993b001] {
  background: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
  border: 1px solid #10B981;
}
.hla-vs[data-v-0993b001] {
  font-weight: 800;
  font-size: 1rem;
  color: #8B5CF6;
}
.compat-pregunta[data-v-0993b001] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-0993b001] {
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-respuesta[data-v-0993b001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.hla-input[data-v-0993b001] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.hla-input.correcto[data-v-0993b001] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.hla-input.incorrecto[data-v-0993b001] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-hla[data-v-0993b001] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.hla-feedback[data-v-0993b001] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.hla-feedback.correcto[data-v-0993b001] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.compat-resultado[data-v-0993b001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.resultado-icono-grande[data-v-0993b001] {
  font-size: 1.5rem;
}
.resultado-label[data-v-0993b001] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Elementos comunes */
.contador[data-v-0993b001] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-0993b001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0993b001] { font-size: 1.25rem;
}
.resultado-texto[data-v-0993b001] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0993b001] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0993b001] { flex: 1;
}
.nav-btn[data-v-0993b001] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0993b001] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0993b001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0993b001] { font-size: 1.75rem;
}
.completado-texto[data-v-0993b001] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0993b001], .slide-leave-active[data-v-0993b001] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0993b001] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0993b001] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-0993b001] {
    grid-template-columns: repeat(4, 1fr);
}
.hla-comparacion[data-v-0993b001] {
    flex-direction: row;
    gap: 1rem;
}
.hla-persona[data-v-0993b001] {
    flex: 1;
}
.hla-vs[data-v-0993b001] {
    font-size: 1.25rem;
}
}

/* Header de resumen */
.resumen-header[data-v-300ca363] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-300ca363] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-300ca363] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-300ca363] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-300ca363] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-300ca363] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-300ca363] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-300ca363] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.concepto-texto[data-v-300ca363] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.concepto-texto strong[data-v-300ca363] {
  color: #6EE7B7;
}

/* Tabla */
.tabla-section[data-v-300ca363] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-300ca363] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-contenido[data-v-300ca363] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-300ca363] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.8fr;
  gap: 0.25rem;
}
.tabla-fila.header[data-v-300ca363] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-fila[data-v-300ca363]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.celda[data-v-300ca363] {
  padding: 0.5rem 0.4rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.celda.tipo[data-v-300ca363] {
  color: #FFFFFF;
}
.celda strong[data-v-300ca363] {
  color: #FFFFFF;
}
.celda.rechazo.verde[data-v-300ca363] {
  color: #6EE7B7;
}
.celda.rechazo.amarillo[data-v-300ca363] {
  color: #FCD34D;
}
.celda.rechazo.rojo[data-v-300ca363] {
  color: #FCA5A5;
}

/* Rechazo timeline */
.rechazo-section[data-v-300ca363] {
  margin-bottom: 1.5rem;
}
.rechazo-titulo[data-v-300ca363] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rechazo-timeline[data-v-300ca363] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.timeline-item[data-v-300ca363] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  text-align: center;
}
.timeline-item.hiperagudo[data-v-300ca363] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.timeline-item.agudo[data-v-300ca363] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-item.cronico[data-v-300ca363] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.time-icono[data-v-300ca363] {
  font-size: 1.25rem;
}
.time-nombre[data-v-300ca363] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.time-tiempo[data-v-300ca363] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.time-causa[data-v-300ca363] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.timeline-flecha[data-v-300ca363] {
  font-size: 1rem;
  color: #8B5CF6;
  transform: rotate(90deg);
}

/* PAES Tips */
.paes-section[data-v-300ca363] {
  margin-bottom: 1.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.paes-titulo[data-v-300ca363] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-lista[data-v-300ca363] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paes-item[data-v-300ca363] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paes-num[data-v-300ca363] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.paes-texto[data-v-300ca363] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paes-texto strong[data-v-300ca363] {
  color: #6EE7B7;
}

/* Mensaje final */
.final-msg[data-v-300ca363] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-300ca363] {
  font-size: 1.75rem;
}
.final-texto[data-v-300ca363] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-300ca363] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.rechazo-timeline[data-v-300ca363] {
    flex-direction: row;
    gap: 0.5rem;
}
.timeline-item[data-v-300ca363] {
    flex: 1;
    width: auto;
}
.timeline-flecha[data-v-300ca363] {
    transform: rotate(0deg);
}
.celda[data-v-300ca363] {
    font-size: 0.85rem;
    padding: 0.6rem;
}
}

/* Intro visual */
.intro-visual[data-v-ca84aa07] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.shield-card[data-v-ca84aa07] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 1rem;
}
.shield-icono[data-v-ca84aa07] {
  font-size: 3rem;
}
.shield-nombre[data-v-ca84aa07] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-top: 0.5rem;
  text-align: center;
}

/* Funcionamiento */
.funcionamiento-section[data-v-ca84aa07] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-ca84aa07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.func-pasos[data-v-ca84aa07] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.func-paso[data-v-ca84aa07] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-ca84aa07] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-ca84aa07] {
  display: flex;
  flex-direction: column;
}
.paso-nombre[data-v-ca84aa07] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.paso-desc[data-v-ca84aa07] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-ca84aa07] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-ca84aa07] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-ca84aa07] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.concepto-titulo[data-v-ca84aa07] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.concepto-texto[data-v-ca84aa07] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-ca84aa07] {
  color: #FFFFFF;
}

/* Beneficios */
.beneficios-section[data-v-ca84aa07] {
  margin: 1.5rem 0;
}
.benef-titulo[data-v-ca84aa07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.beneficios-grid[data-v-ca84aa07] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.beneficio[data-v-ca84aa07] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.benef-icono[data-v-ca84aa07] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.benef-nombre[data-v-ca84aa07] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-ca84aa07] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ca84aa07] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ca84aa07] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ca84aa07] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.shield-card[data-v-ca84aa07] {
    padding: 1.25rem 2rem;
}
.shield-icono[data-v-ca84aa07] {
    font-size: 3.5rem;
}
.beneficios-grid[data-v-ca84aa07] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Tipos de vacunas */
.tipos-section[data-v-f76ff8ee] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-f76ff8ee] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.atenuadas[data-v-f76ff8ee] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.inactivadas[data-v-f76ff8ee] {
  background: rgba(107, 114, 128, 0.1);
  border-color: rgba(107, 114, 128, 0.4);
}
.tipo-card.subunidades[data-v-f76ff8ee] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.arnym[data-v-f76ff8ee] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.tipo-header[data-v-f76ff8ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-f76ff8ee] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-f76ff8ee] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.tipo-contenido[data-v-f76ff8ee] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-desc[data-v-f76ff8ee] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tipo-desc strong[data-v-f76ff8ee] {
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-f76ff8ee] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.ejemplo-label[data-v-f76ff8ee] {
  color: #C4B5FD;
  font-weight: 600;
}
.ejemplo-texto[data-v-f76ff8ee] {
  color: #E9D5FF;
}
.tipo-carac[data-v-f76ff8ee] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 0.25rem;
}
.carac-item[data-v-f76ff8ee] {
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.carac-item.ventaja[data-v-f76ff8ee] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.carac-item.desventaja[data-v-f76ff8ee] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}

/* Tabla comparativa */
.comparativa-section[data-v-f76ff8ee] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-f76ff8ee] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-scroll[data-v-f76ff8ee] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-tipos[data-v-f76ff8ee] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  min-width: 300px;
}
.tabla-tipos th[data-v-f76ff8ee],
.tabla-tipos td[data-v-f76ff8ee] {
  padding: 0.5rem 0.4rem;
  text-align: left;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-tipos th[data-v-f76ff8ee] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  font-weight: 600;
}
.tabla-tipos td[data-v-f76ff8ee] {
  color: #E9D5FF;
}
.tabla-tipos td.alta[data-v-f76ff8ee] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-tipos td.media[data-v-f76ff8ee] {
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip[data-v-f76ff8ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f76ff8ee] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f76ff8ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f76ff8ee] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-section[data-v-f76ff8ee] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.tipo-card[data-v-f76ff8ee] {
    padding: 1rem;
}
.tabla-tipos[data-v-f76ff8ee] {
    font-size: 0.85rem;
}
}

/* Comparación principal */
.comparacion-section[data-v-cd3559e0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-inmunizacion[data-v-cd3559e0] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-inmunizacion.activa[data-v-cd3559e0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-inmunizacion.pasiva[data-v-cd3559e0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.inmun-header[data-v-cd3559e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.inmun-icono[data-v-cd3559e0] {
  font-size: 1.5rem;
}
.inmun-titulo[data-v-cd3559e0] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.inmun-def[data-v-cd3559e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.inmun-def strong[data-v-cd3559e0] {
  color: #FFFFFF;
}
.inmun-caracteristicas[data-v-cd3559e0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.carac[data-v-cd3559e0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.carac-label[data-v-cd3559e0] {
  color: #C4B5FD;
  font-weight: 600;
}
.carac-valor[data-v-cd3559e0] {
  color: #E9D5FF;
}
.carac-valor.duracion-larga[data-v-cd3559e0] {
  color: #6EE7B7;
  font-weight: 600;
}
.carac-valor.duracion-corta[data-v-cd3559e0] {
  color: #FCA5A5;
  font-weight: 600;
}
.carac-valor.memoria-si[data-v-cd3559e0] {
  color: #6EE7B7;
  font-weight: 600;
}
.carac-valor.memoria-no[data-v-cd3559e0] {
  color: #FCA5A5;
  font-weight: 600;
}
.inmun-subtipos[data-v-cd3559e0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.subtipo[data-v-cd3559e0] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.subtipo.natural[data-v-cd3559e0] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.subtipo.artificial[data-v-cd3559e0] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.subtipo-nombre[data-v-cd3559e0] {
  display: block;
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.subtipo-desc[data-v-cd3559e0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Diagrama */
.diagrama-section[data-v-cd3559e0] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-cd3559e0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-grid[data-v-cd3559e0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.diagrama-item[data-v-cd3559e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.diagrama-item.destacado[data-v-cd3559e0] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.diag-tipo[data-v-cd3559e0] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.diag-ejemplo[data-v-cd3559e0] {
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Ejemplos clínicos */
.ejemplos-section[data-v-cd3559e0] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-cd3559e0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-cd3559e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-clinico[data-v-cd3559e0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-cd3559e0] {
  font-size: 1.5rem;
}
.ej-contenido[data-v-cd3559e0] {
  display: flex;
  flex-direction: column;
}
.ej-nombre[data-v-cd3559e0] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.ej-tipo[data-v-cd3559e0] {
  font-size: 0.75rem;
}
.ej-tipo.pasiva[data-v-cd3559e0] {
  color: #93C5FD;
}
.ej-tipo.activa[data-v-cd3559e0] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-cd3559e0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-cd3559e0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cd3559e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cd3559e0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-section[data-v-cd3559e0] {
    flex-direction: row;
}
.tipo-inmunizacion[data-v-cd3559e0] {
    flex: 1;
}
.diagrama-grid[data-v-cd3559e0] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-1047d135] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1047d135] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1047d135] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1047d135] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1047d135] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1047d135] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1047d135] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1047d135] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1047d135] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1047d135] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Tipos de vacunas ===== */
.clasificar-container[data-v-1047d135] {
  text-align: center;
}
.vacuna-actual[data-v-1047d135] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.vacuna-icono[data-v-1047d135] {
  font-size: 1.5rem;
}
.vacuna-texto[data-v-1047d135] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-tipo[data-v-1047d135], .pregunta-inmun[data-v-1047d135] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-vacunas[data-v-1047d135] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-vacuna[data-v-1047d135] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-vacuna.seleccionado[data-v-1047d135] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.02);
}
.opcion-vacuna.correcto[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-vacuna.incorrecto[data-v-1047d135] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-1047d135] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-1047d135] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Activa vs Pasiva ===== */
.inmunizacion-container[data-v-1047d135] {
  text-align: center;
}
.situacion-actual[data-v-1047d135] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sit-icono[data-v-1047d135] {
  font-size: 1.5rem;
}
.sit-texto[data-v-1047d135] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-inmun[data-v-1047d135] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-inmun[data-v-1047d135] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-inmun.seleccionado[data-v-1047d135] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: scale(1.02);
}
.opcion-inmun.correcto[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-inmun.incorrecto[data-v-1047d135] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.inmun-nombre[data-v-1047d135] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Verdadero/Falso ===== */
.vf-container[data-v-1047d135] {
  text-align: center;
}
.afirmacion-actual[data-v-1047d135] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.afirm-icono[data-v-1047d135] {
  font-size: 1.5rem;
}
.afirm-texto[data-v-1047d135] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
  font-weight: 500;
}
.opciones-vf[data-v-1047d135] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-vf[data-v-1047d135] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-vf.verdadero[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-vf.falso[data-v-1047d135] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-vf.seleccionado[data-v-1047d135] {
  transform: scale(1.02);
}
.opcion-vf.seleccionado.verdadero[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-vf.seleccionado.falso[data-v-1047d135] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-vf.correcto[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-vf.incorrecto[data-v-1047d135] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.vf-icono[data-v-1047d135] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.2rem;
  color: #FFFFFF;
}
.vf-nombre[data-v-1047d135] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.explicacion-vf[data-v-1047d135] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  text-align: left;
  line-height: 1.4;
}
.explicacion-vf.correcto[data-v-1047d135] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Elementos comunes */
.contador[data-v-1047d135] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-1047d135] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1047d135] { font-size: 1.25rem;
}
.resultado-texto[data-v-1047d135] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1047d135] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1047d135] { flex: 1;
}
.nav-btn[data-v-1047d135] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1047d135] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1047d135] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1047d135] { font-size: 1.75rem;
}
.completado-texto[data-v-1047d135] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1047d135], .slide-leave-active[data-v-1047d135] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1047d135] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1047d135] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-vacunas[data-v-1047d135] {
    grid-template-columns: repeat(4, 1fr);
}
.opciones-inmun[data-v-1047d135] {
    grid-template-columns: repeat(4, 1fr);
}
.opcion-inmun[data-v-1047d135] {
    padding: 0.6rem 0.4rem;
}
.inmun-nombre[data-v-1047d135] {
    font-size: 0.75rem;
}
}

/* Resumen header */
.resumen-header[data-v-c581859b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-c581859b] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-c581859b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-c581859b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-item[data-v-c581859b] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-num[data-v-c581859b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.concepto-contenido[data-v-c581859b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.concepto-titulo[data-v-c581859b] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.concepto-desc[data-v-c581859b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-desc strong[data-v-c581859b] {
  color: #6EE7B7;
}

/* Tipos mini */
.tipos-mini[data-v-c581859b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.25rem;
}
.tipo-mini[data-v-c581859b] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.tipo-mini.atenuada[data-v-c581859b] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.tipo-mini.inactivada[data-v-c581859b] {
  background: rgba(107, 114, 128, 0.2);
  color: #D1D5DB;
}
.tipo-mini.subunidad[data-v-c581859b] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.tipo-mini.arnm[data-v-c581859b] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}

/* Comparación mini */
.comparacion-mini[data-v-c581859b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.25rem;
}
.comp-mini[data-v-c581859b] {
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.comp-mini.activa[data-v-c581859b] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.comp-mini.pasiva[data-v-c581859b] {
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3B82F6;
}
.comp-mini strong[data-v-c581859b] {
  color: #FFFFFF;
}

/* Tabla PAES */
.tabla-paes[data-v-c581859b] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-c581859b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-scroll[data-v-c581859b] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-contenido[data-v-c581859b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  min-width: 280px;
}
.tabla-contenido th[data-v-c581859b],
.tabla-contenido td[data-v-c581859b] {
  padding: 0.6rem 0.5rem;
  text-align: left;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-contenido th[data-v-c581859b] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  font-weight: 600;
}
.tabla-contenido td[data-v-c581859b] {
  color: #E9D5FF;
}
.tabla-contenido td.destacado[data-v-c581859b] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-weight: 600;
}

/* Tips */
.tips-section[data-v-c581859b] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-c581859b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c581859b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c581859b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.tip-icono[data-v-c581859b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-c581859b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c581859b] {
  color: #6EE7B7;
}

/* Pregunta frecuente */
.pregunta-frecuente[data-v-c581859b] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.preg-titulo[data-v-c581859b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.preg-contenido[data-v-c581859b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.preg-texto[data-v-c581859b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.4;
}
.preg-respuesta[data-v-c581859b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(245, 158, 11, 0.3);
}
.preg-respuesta strong[data-v-c581859b] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-c581859b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-c581859b] {
  font-size: 1.75rem;
}
.final-texto[data-v-c581859b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-mini[data-v-c581859b] {
    gap: 0.5rem;
}
.tipo-mini[data-v-c581859b] {
    font-size: 0.75rem;
}
.comparacion-mini[data-v-c581859b] {
    flex-direction: row;
}
.comp-mini[data-v-c581859b] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-670ec59b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.darwin-icono[data-v-670ec59b] {
  font-size: 3rem;
  animation: pulse-670ec59b 2s ease-in-out infinite;
}
@keyframes pulse-670ec59b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.darwin-titulo[data-v-670ec59b] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.cambio[data-v-670ec59b] { color: #F9A8D4;
}
strong.tiempo[data-v-670ec59b] { color: #93C5FD;
}
strong.diversidad[data-v-670ec59b] { color: #6EE7B7;
}
strong.beagle[data-v-670ec59b] { color: #FCD34D;
}
strong.galapagos[data-v-670ec59b] { color: #F9A8D4;
}
strong.adaptacion[data-v-670ec59b] { color: #6EE7B7;
}

/* Historia */
.historia-section[data-v-670ec59b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.historia-titulo[data-v-670ec59b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.historia-contenido p[data-v-670ec59b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}

/* Concepto diagram */
.concepto-diagram[data-v-670ec59b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-670ec59b] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.concepto-visual[data-v-670ec59b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.concepto-item[data-v-670ec59b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  width: 100%;
}
.concepto-item.resultado[data-v-670ec59b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.concepto-icono[data-v-670ec59b] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.concepto-texto[data-v-670ec59b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.concepto-texto strong[data-v-670ec59b] {
  color: #FFFFFF;
}
.concepto-item.resultado .concepto-texto strong[data-v-670ec59b] {
  color: #6EE7B7;
}
.flecha-vertical[data-v-670ec59b] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Características */
.caracteristicas-section[data-v-670ec59b] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-670ec59b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-670ec59b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-670ec59b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-670ec59b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-670ec59b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-670ec59b] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-670ec59b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-670ec59b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-670ec59b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-670ec59b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.darwin-icono[data-v-670ec59b] {
    font-size: 4rem;
}
.concepto-item[data-v-670ec59b] {
    padding: 0.75rem 1rem;
}
.concepto-texto[data-v-670ec59b] {
    font-size: 0.9rem;
}
.caract-grid[data-v-670ec59b] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.sn-icono[data-v-e3123d9f] {
  font-size: 3rem;
}
.sn-titulo[data-v-e3123d9f] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.sn[data-v-e3123d9f] { color: #F9A8D4;
}
strong.variacion[data-v-e3123d9f] { color: #93C5FD;
}
strong.aptitud[data-v-e3123d9f] { color: #6EE7B7;
}
strong.clara[data-v-e3123d9f] { color: #FCD34D;
}
strong.oscura[data-v-e3123d9f] { color: #A78BFA;
}

/* Condiciones */
.condiciones-section[data-v-e3123d9f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.condiciones-titulo[data-v-e3123d9f] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condiciones-lista[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion-item[data-v-e3123d9f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.condicion-num[data-v-e3123d9f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  color: white;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.condicion-contenido[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
}
.condicion-nombre[data-v-e3123d9f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.condicion-desc[data-v-e3123d9f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo polillas */
.ejemplo-section[data-v-e3123d9f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-e3123d9f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.ejemplo-visual[data-v-e3123d9f] {
  margin-bottom: 0.75rem;
}
.polillas-container[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.escenario[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.escenario-header[data-v-e3123d9f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.escenario-icono[data-v-e3123d9f] {
  font-size: 1.25rem;
}
.escenario-nombre[data-v-e3123d9f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.polillas-grupo[data-v-e3123d9f] {
  display: flex;
  gap: 0.25rem;
  font-size: 1.25rem;
}
.polilla[data-v-e3123d9f] {
  transition: all 0.2s;
}
.polilla.clara[data-v-e3123d9f] {
  filter: brightness(1.5) saturate(0.5);
}
.polilla.oscura[data-v-e3123d9f] {
  filter: brightness(0.6) saturate(0.3);
}
.polilla.rara[data-v-e3123d9f] {
  font-size: 0.9rem;
  opacity: 0.6;
}
.escenario-resultado[data-v-e3123d9f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.flecha-cambio[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
}
.flecha-icono[data-v-e3123d9f] {
  font-size: 1.5rem;
  color: #8B5CF6;
  transform: rotate(90deg);
}
.flecha-label[data-v-e3123d9f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.ejemplo-explicacion[data-v-e3123d9f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
  text-align: center;
}

/* Tipos de selección */
.tipos-section[data-v-e3123d9f] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-e3123d9f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-e3123d9f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tipo-item[data-v-e3123d9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-grafico[data-v-e3123d9f] {
  width: 50px;
  height: 30px;
  position: relative;
  margin-bottom: 0.25rem;
}
.tipo-grafico .curva[data-v-e3123d9f] {
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, transparent 0%, rgba(139, 92, 246, 0.5) 100%);
  border-radius: 50% 50% 0 0;
  position: absolute;
  bottom: 0;
}
.tipo-grafico.direccional .curva[data-v-e3123d9f] {
  border-radius: 0 50% 0 0;
  transform: skewX(-15deg);
}
.tipo-grafico.disruptiva .curva[data-v-e3123d9f] {
  background: linear-gradient(to right, 
    rgba(139, 92, 246, 0.5) 0%, 
    transparent 40%, 
    transparent 60%, 
    rgba(139, 92, 246, 0.5) 100%
  );
  border-radius: 50% 50% 0 0;
}
.flecha-sel[data-v-e3123d9f] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #6EE7B7;
  font-size: 0.7rem;
  font-weight: 700;
}
.tipo-grafico.direccional .flecha-sel[data-v-e3123d9f] {
  left: 75%;
}
.tipo-grafico.disruptiva .flecha-sel[data-v-e3123d9f] {
  width: 100%;
  left: 0;
  transform: none;
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
}
.tipo-nombre[data-v-e3123d9f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.tipo-desc[data-v-e3123d9f] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-e3123d9f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e3123d9f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e3123d9f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e3123d9f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.sn-icono[data-v-e3123d9f] {
    font-size: 4rem;
}
.polillas-container[data-v-e3123d9f] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.escenario[data-v-e3123d9f] {
    width: auto;
    min-width: 140px;
}
.flecha-icono[data-v-e3123d9f] {
    transform: none;
}
.tipo-item[data-v-e3123d9f] {
    padding: 0.75rem;
}
.tipo-grafico[data-v-e3123d9f] {
    width: 60px;
    height: 35px;
}
.tipo-nombre[data-v-e3123d9f] {
    font-size: 0.8rem;
}
.tipo-desc[data-v-e3123d9f] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.evidencias-icono[data-v-1636d5de] {
  font-size: 3rem;
}
.evidencias-titulo[data-v-1636d5de] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.evidencia[data-v-1636d5de] { color: #F9A8D4;
}
strong.ancestro[data-v-1636d5de] { color: #6EE7B7;
}

/* Sección de evidencias */
.evidencias-section[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}
.evidencia-card[data-v-1636d5de] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.evidencia-card.destacada[data-v-1636d5de] {
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.evidencia-header[data-v-1636d5de] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.evidencia-icono[data-v-1636d5de] {
  font-size: 1.25rem;
}
.evidencia-nombre[data-v-1636d5de] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.evidencia-contenido[data-v-1636d5de] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.evidencia-contenido p[data-v-1636d5de] {
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.evidencia-contenido strong[data-v-1636d5de] {
  color: #6EE7B7;
}
.evidencia-ejemplo[data-v-1636d5de] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.evidencia-nota[data-v-1636d5de] {
  display: block;
  font-size: 0.7rem;
  color: #93C5FD;
  margin-top: 0.5rem;
  text-align: center;
}

/* Ejemplo fósil */
.ejemplo-fosil[data-v-1636d5de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.fosil-item[data-v-1636d5de] {
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.fosil-item.transicion[data-v-1636d5de] {
  background: rgba(251, 191, 36, 0.2);
  color: #FCD34D;
  font-weight: 600;
}
.fosil-flecha[data-v-1636d5de] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Estructuras homólogas/análogas */
.estructuras-grid[data-v-1636d5de] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.estructura-tipo[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.estructura-titulo[data-v-1636d5de] {
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.15rem;
}
.estructura-titulo.homologas[data-v-1636d5de] {
  color: #6EE7B7;
}
.estructura-titulo.analogas[data-v-1636d5de] {
  color: #FCD34D;
}
.estructura-desc[data-v-1636d5de] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.estructura-ejemplos[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.65rem;
}

/* Embriones */
.embriones-visual[data-v-1636d5de] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.embrion[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.embrion-icono[data-v-1636d5de] {
  font-size: 1.25rem;
}
.embrion-label[data-v-1636d5de] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Biología molecular */
.molecular-visual[data-v-1636d5de] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.similitud-item[data-v-1636d5de] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.similitud-org[data-v-1636d5de] {
  font-size: 0.7rem;
  width: 100px;
  flex-shrink: 0;
}
.similitud-barra[data-v-1636d5de] {
  flex: 1;
  height: 12px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.similitud-fill[data-v-1636d5de] {
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 6px;
  transition: width 0.5s ease;
}
.similitud-valor[data-v-1636d5de] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  width: 35px;
  text-align: right;
}

/* Tip */
.tip[data-v-1636d5de] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1636d5de] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1636d5de] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1636d5de] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.evidencias-icono[data-v-1636d5de] {
    font-size: 4rem;
}
.evidencia-card[data-v-1636d5de] {
    padding: 1rem;
}
.evidencia-contenido[data-v-1636d5de] {
    font-size: 0.85rem;
}
.ejemplo-fosil[data-v-1636d5de] {
    gap: 0.5rem;
}
.fosil-item[data-v-1636d5de] {
    font-size: 0.85rem;
    padding: 0.3rem 0.6rem;
}
.estructura-titulo[data-v-1636d5de] {
    font-size: 0.9rem;
}
.estructura-desc[data-v-1636d5de] {
    font-size: 0.75rem;
}
.estructura-ejemplos[data-v-1636d5de] {
    font-size: 0.75rem;
}
.embriones-visual[data-v-1636d5de] {
    gap: 1rem;
}
.embrion-icono[data-v-1636d5de] {
    font-size: 1.5rem;
}
.similitud-org[data-v-1636d5de] {
    width: 140px;
    font-size: 0.8rem;
}
}

.explorador[data-v-53593709] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-53593709] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-53593709] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-53593709] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-53593709] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-53593709] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-53593709] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-53593709] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-53593709] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-53593709] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulación ===== */
.simulacion-container[data-v-53593709] {
  text-align: center;
}
.ambiente-info[data-v-53593709] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ambiente-icono[data-v-53593709] {
  font-size: 1.5rem;
}
.ambiente-nombre[data-v-53593709] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.poblacion-visual[data-v-53593709] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.generacion-label[data-v-53593709] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.organismos-grid[data-v-53593709] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  justify-items: center;
}
.organismo[data-v-53593709] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.organismo.eliminado[data-v-53593709] {
  opacity: 0.2;
  transform: scale(0.8);
}
.organismo.adaptado[data-v-53593709] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.organismo.no-adaptado[data-v-53593709]:not(.eliminado) {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.org-icono[data-v-53593709] {
  font-size: 1.25rem;
}
.org-color[data-v-53593709] {
  width: 16px;
  height: 6px;
  border-radius: 3px;
  margin-top: 0.15rem;
}
.estadisticas[data-v-53593709] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.stat[data-v-53593709] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.stat-label[data-v-53593709] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.stat-valor[data-v-53593709] {
  font-size: 1rem;
  font-weight: 700;
}
.stat-valor.claros[data-v-53593709] { color: #FCD34D;
}
.stat-valor.oscuros[data-v-53593709] { color: #A78BFA;
}
.controles-sim[data-v-53593709] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-seleccion[data-v-53593709], .btn-reproducir[data-v-53593709] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.btn-seleccion[data-v-53593709] {
  background: #8B5CF6;
  color: white;
}
.btn-seleccion[data-v-53593709]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-reproducir[data-v-53593709] {
  background: #10B981;
  color: white;
}
.pregunta-final[data-v-53593709] {
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-53593709] {
  display: block;
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.respuesta-btns[data-v-53593709] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.respuesta-btns button[data-v-53593709] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.respuesta-btns button.correcto[data-v-53593709] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.respuesta-btns button.incorrecto[data-v-53593709] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Estructuras ===== */
.estructuras-container[data-v-53593709] {
  text-align: center;
}
.estructura-pregunta[data-v-53593709] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.estructura-ejemplo[data-v-53593709] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.estructura-icono[data-v-53593709] {
  font-size: 2rem;
}
.estructura-vs[data-v-53593709] {
  font-size: 0.75rem;
  color: #8B5CF6;
  font-weight: 700;
}
.estructura-nombres[data-v-53593709] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.estructura-desc[data-v-53593709] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.opciones-estructura[data-v-53593709] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-est[data-v-53593709] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-est.seleccionada[data-v-53593709] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-est.correcto[data-v-53593709] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-est.incorrecto[data-v-53593709] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opcion-titulo[data-v-53593709] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opcion-desc[data-v-53593709] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Tipos de Selección ===== */
.seleccion-tipos-container[data-v-53593709] {
  text-align: center;
}
.caso-actual[data-v-53593709] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-53593709] {
  font-size: 2rem;
}
.caso-texto[data-v-53593709] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-seleccion[data-v-53593709] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-tipo[data-v-53593709] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-tipo.seleccionada[data-v-53593709] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-tipo.correcto[data-v-53593709] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-53593709] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.tipo-nombre[data-v-53593709] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-53593709] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Elementos comunes */
.contador[data-v-53593709] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-53593709] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-53593709] { font-size: 1.25rem;
}
.resultado-texto[data-v-53593709] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-53593709] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-53593709] { flex: 1;
}
.nav-btn[data-v-53593709] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-53593709] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-53593709] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-53593709] { font-size: 1.75rem;
}
.completado-texto[data-v-53593709] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-53593709], .slide-leave-active[data-v-53593709] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-53593709] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-53593709] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.organismos-grid[data-v-53593709] {
    grid-template-columns: repeat(8, 1fr);
}
.org-icono[data-v-53593709] {
    font-size: 1.5rem;
}
.opciones-seleccion[data-v-53593709] {
    flex-direction: row;
}
.opcion-tipo[data-v-53593709] {
    flex: 1;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-3b841428] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.especiacion-icono[data-v-3b841428] {
  font-size: 3rem;
}
.especiacion-titulo[data-v-3b841428] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.especiacion[data-v-3b841428] { color: #F9A8D4;
}
strong.nueva[data-v-3b841428] { color: #6EE7B7;
}

/* Tipos de especiación */
.tipos-section[data-v-3b841428] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-3b841428] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-3b841428] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-3b841428] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tipo-header[data-v-3b841428] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-3b841428] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-3b841428] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-visual[data-v-3b841428] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.poblacion-original[data-v-3b841428], .poblaciones-separadas[data-v-3b841428] {
  display: flex;
  gap: 0.25rem;
}
.pob-icono[data-v-3b841428] {
  font-size: 1rem;
}
.pob-icono.diferente[data-v-3b841428] {
  filter: hue-rotate(90deg);
}
.pob-icono.grupo1[data-v-3b841428] {
  color: #6EE7B7;
}
.pob-icono.grupo2[data-v-3b841428] {
  color: #F9A8D4;
}
.barrera-geo[data-v-3b841428] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.barrera-icono[data-v-3b841428] {
  font-size: 1.5rem;
}
.barrera-label[data-v-3b841428] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.flecha-cambio[data-v-3b841428] {
  font-size: 1rem;
  color: #8B5CF6;
}
.tipo-desc[data-v-3b841428] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.tipo-desc strong[data-v-3b841428] {
  color: #6EE7B7;
}
.tipo-ejemplo[data-v-3b841428] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.25rem;
}

/* Aislamiento reproductivo */
.aislamiento-section[data-v-3b841428] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.aislamiento-titulo[data-v-3b841428] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aislamiento-grid[data-v-3b841428] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.aislamiento-grupo[data-v-3b841428] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.grupo-titulo[data-v-3b841428] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
}
.grupo-titulo.precigoto[data-v-3b841428] {
  color: #93C5FD;
}
.grupo-titulo.postcigoto[data-v-3b841428] {
  color: #F9A8D4;
}
.grupo-desc[data-v-3b841428] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.mecanismos-lista[data-v-3b841428] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.mecanismos-lista li[data-v-3b841428] {
  margin-bottom: 0.25rem;
}
.mecanismos-lista strong[data-v-3b841428] {
  color: #FFFFFF;
}

/* Ejemplo híbrido */
.ejemplo-hibrido[data-v-3b841428] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.hibrido-header[data-v-3b841428] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hibrido-icono[data-v-3b841428] {
  font-size: 1.25rem;
}
.hibrido-titulo[data-v-3b841428] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.hibrido-visual[data-v-3b841428] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
}
.padre[data-v-3b841428] { color: #93C5FD;
}
.madre[data-v-3b841428] { color: #F9A8D4;
}
.cruz[data-v-3b841428], .igual[data-v-3b841428] { color: #8B5CF6; font-weight: 700;
}
.hibrido[data-v-3b841428] { color: #FCD34D; font-weight: 600;
}
.hibrido-explicacion[data-v-3b841428] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}
.hibrido-explicacion strong[data-v-3b841428] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-3b841428] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3b841428] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3b841428] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3b841428] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.especiacion-icono[data-v-3b841428] {
    font-size: 4rem;
}
.tipos-grid[data-v-3b841428] {
    grid-template-columns: repeat(2, 1fr);
}
.aislamiento-grid[data-v-3b841428] {
    grid-template-columns: repeat(2, 1fr);
}
.tipo-card[data-v-3b841428] {
    padding: 1rem;
}
.hibrido-visual[data-v-3b841428] {
    font-size: 0.9rem;
    gap: 0.5rem;
}
}

/* Header de resumen */
.resumen-header[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-ee468f5e] {
  font-size: 2rem;
}
.resumen-titulo[data-v-ee468f5e] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Conceptos section */
.conceptos-section[data-v-ee468f5e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-ee468f5e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-num[data-v-ee468f5e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  color: white;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.concepto-titulo[data-v-ee468f5e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-ee468f5e] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.definicion[data-v-ee468f5e] {
  display: block;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.puntos-clave[data-v-ee468f5e] {
  margin: 0;
  padding-left: 1rem;
}
.puntos-clave li[data-v-ee468f5e] {
  margin-bottom: 0.2rem;
}
.puntos-clave strong[data-v-ee468f5e] {
  color: #6EE7B7;
}

/* Tipos de selección mini */
.tipos-seleccion[data-v-ee468f5e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.tipo-mini[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tipo-label[data-v-ee468f5e] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.tipo-label.direccional[data-v-ee468f5e] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.tipo-label.estabilizadora[data-v-ee468f5e] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.tipo-label.disruptiva[data-v-ee468f5e] {
  background: rgba(249, 168, 212, 0.2);
  color: #F9A8D4;
}
.tipo-desc[data-v-ee468f5e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Evidencias mini */
.evidencias-mini[data-v-ee468f5e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.evidencia-item[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.ev-icono[data-v-ee468f5e] {
  font-size: 1rem;
}
.ev-nombre[data-v-ee468f5e] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Estructuras comparación */
.estructuras-comparacion[data-v-ee468f5e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.estructura-row[data-v-ee468f5e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.estructura-tipo[data-v-ee468f5e] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.estructura-tipo.homologa[data-v-ee468f5e] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.estructura-tipo.analoga[data-v-ee468f5e] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.estructura-def[data-v-ee468f5e] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.estructura-indica[data-v-ee468f5e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tips PAES */
.tips-paes[data-v-ee468f5e] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-ee468f5e] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-ee468f5e] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.tips-lista[data-v-ee468f5e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-ee468f5e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-ee468f5e] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-ee468f5e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Fórmula mental */
.formula-mental[data-v-ee468f5e] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.formula-header[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-ee468f5e] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-ee468f5e] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-visual[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.formula-paso[data-v-ee468f5e] {
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-paso.resultado[data-v-ee468f5e] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.formula-flecha[data-v-ee468f5e] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Mensaje final */
.mensaje-final[data-v-ee468f5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-ee468f5e] {
  font-size: 1.75rem;
}
.final-texto[data-v-ee468f5e] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-icono[data-v-ee468f5e] {
    font-size: 2.5rem;
}
.concepto-card[data-v-ee468f5e] {
    padding: 1rem;
}
.evidencias-mini[data-v-ee468f5e] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-visual[data-v-ee468f5e] {
    gap: 0.5rem;
}
.formula-paso[data-v-ee468f5e] {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-81c35771] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
}
.especie-icono[data-v-81c35771] {
  font-size: 2.5rem;
}
.flecha-diverge[data-v-81c35771] {
  font-size: 1.5rem;
  letter-spacing: 1rem;
  color: #8B5CF6;
}
.especies-nuevas[data-v-81c35771] {
  display: flex;
  gap: 2rem;
}
.especie-nueva[data-v-81c35771] {
  font-size: 2rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  border: 2px solid rgba(16, 185, 129, 0.4);
}

/* Colores temáticos */
strong.nueva[data-v-81c35771] { color: #6EE7B7;
}
strong.diversidad[data-v-81c35771] { color: #F9A8D4;
}
strong.reproduccion[data-v-81c35771] { color: #93C5FD;
}
strong.descendencia[data-v-81c35771] { color: #FCD34D;
}
strong.aislamiento[data-v-81c35771] { color: #FCA5A5;
}

/* Definición */
.definicion-section[data-v-81c35771] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.definicion-titulo[data-v-81c35771] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.definicion-contenido p[data-v-81c35771] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}

/* Proceso diagram */
.proceso-diagram[data-v-81c35771] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-81c35771] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.proceso-visual[data-v-81c35771] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.proceso-item[data-v-81c35771] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  width: 100%;
}
.proceso-item.resultado[data-v-81c35771] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.proceso-icono[data-v-81c35771] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.proceso-texto[data-v-81c35771] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.proceso-texto strong[data-v-81c35771] {
  color: #FFFFFF;
}
.proceso-item.resultado .proceso-texto strong[data-v-81c35771] {
  color: #6EE7B7;
}
.flecha-vertical[data-v-81c35771] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Requisito section */
.requisito-section[data-v-81c35771] {
  margin: 1.5rem 0;
}
.requisito-titulo[data-v-81c35771] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisito-grid[data-v-81c35771] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.requisito-item[data-v-81c35771] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.req-icono[data-v-81c35771] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.req-texto[data-v-81c35771] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.req-texto strong[data-v-81c35771] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-81c35771] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-81c35771] {
  font-size: 1.25rem;
}
.tip-texto[data-v-81c35771] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-81c35771] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.especie-icono[data-v-81c35771] {
    font-size: 3.5rem;
}
.especies-nuevas[data-v-81c35771] {
    gap: 3rem;
}
.especie-nueva[data-v-81c35771] {
    font-size: 2.5rem;
}
.proceso-item[data-v-81c35771] {
    padding: 0.75rem 1rem;
}
.proceso-texto[data-v-81c35771] {
    font-size: 0.9rem;
}
.requisito-grid[data-v-81c35771] {
    flex-direction: row;
}
.requisito-item[data-v-81c35771] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-5f538385] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
}
.barrera-icono[data-v-5f538385] {
  font-size: 3rem;
}
.barrera-titulo[data-v-5f538385] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.impiden[data-v-5f538385] { color: #FCA5A5;
}
strong.pre[data-v-5f538385] { color: #93C5FD;
}
strong.post[data-v-5f538385] { color: #F9A8D4;
}
strong.esteril[data-v-5f538385] { color: #FCA5A5;
}

/* Barreras section */
.barreras-section[data-v-5f538385] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.barreras-section.pre[data-v-5f538385] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.barreras-section.post[data-v-5f538385] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.barreras-header[data-v-5f538385] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
  text-align: center;
}
.barreras-icono[data-v-5f538385] {
  font-size: 1.5rem;
}
.barreras-titulo[data-v-5f538385] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.barreras-section.pre .barreras-titulo[data-v-5f538385] {
  color: #93C5FD;
}
.barreras-section.post .barreras-titulo[data-v-5f538385] {
  color: #F9A8D4;
}
.barreras-subtitulo[data-v-5f538385] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.barreras-grid[data-v-5f538385] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.barrera-item[data-v-5f538385] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.b-icono[data-v-5f538385] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.b-nombre[data-v-5f538385] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 80px;
}
.b-desc[data-v-5f538385] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Ejemplo */
.ejemplo-section[data-v-5f538385] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-5f538385] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  text-align: center;
}
.ejemplo-contenido[data-v-5f538385] {
  text-align: center;
}
.ejemplo-visual[data-v-5f538385] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.animal[data-v-5f538385] {
  font-size: 2rem;
}
.cruz[data-v-5f538385], .igual[data-v-5f538385] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.animal.hibrido[data-v-5f538385] {
  opacity: 0.6;
  filter: grayscale(0.5);
}
.ejemplo-texto[data-v-5f538385] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-5f538385] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5f538385] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5f538385] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5f538385] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.barreras-grid[data-v-5f538385] {
    grid-template-columns: repeat(2, 1fr);
}
.barrera-item[data-v-5f538385] {
    flex-direction: column;
    text-align: center;
    padding: 0.6rem;
}
.b-nombre[data-v-5f538385] {
    min-width: auto;
}
.b-icono[data-v-5f538385] {
    font-size: 1.5rem;
}
}

/* Colores temáticos */
strong.mecanismo[data-v-7bf08b8d] { color: #C4B5FD;
}
strong.alopatrica[data-v-7bf08b8d] { color: #93C5FD;
}
strong.simpatrica[data-v-7bf08b8d] { color: #F9A8D4;
}
strong.incompatible[data-v-7bf08b8d] { color: #FCA5A5;
}

/* Tipo section */
.tipo-section[data-v-7bf08b8d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-section.alopatrica[data-v-7bf08b8d] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.tipo-section.simpatrica[data-v-7bf08b8d] {
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
}
.tipo-header[data-v-7bf08b8d] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.tipo-titulo-row[data-v-7bf08b8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.tipo-icono[data-v-7bf08b8d] {
  font-size: 1.5rem;
}
.tipo-titulo[data-v-7bf08b8d] {
  font-weight: 800;
  font-size: 1.1rem;
}
.tipo-section.alopatrica .tipo-titulo[data-v-7bf08b8d] {
  color: #93C5FD;
}
.tipo-section.simpatrica .tipo-titulo[data-v-7bf08b8d] {
  color: #F9A8D4;
}
.tipo-def[data-v-7bf08b8d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Visual del proceso */
.tipo-visual[data-v-7bf08b8d] {
  margin: 0.75rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.visual-row[data-v-7bf08b8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: max-content;
}
.visual-item[data-v-7bf08b8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.visual-item.doble[data-v-7bf08b8d] {
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.visual-item.doble .v-label[data-v-7bf08b8d] {
  width: 100%;
}
.v-icono[data-v-7bf08b8d] {
  font-size: 1.25rem;
}
.v-label[data-v-7bf08b8d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.visual-flecha[data-v-7bf08b8d] {
  font-size: 1rem;
  color: #8B5CF6;
  font-weight: 700;
}
.tipo-contenido[data-v-7bf08b8d] {
  margin: 0.5rem 0;
}
.tipo-contenido p[data-v-7bf08b8d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.mecanismos-lista[data-v-7bf08b8d] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.mecanismos-lista li[data-v-7bf08b8d] {
  margin-bottom: 0.25rem;
}
.mecanismos-lista strong[data-v-7bf08b8d] {
  color: #F9A8D4;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-7bf08b8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.ej-icono[data-v-7bf08b8d] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ej-texto[data-v-7bf08b8d] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.ej-texto strong[data-v-7bf08b8d] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-7bf08b8d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-titulo[data-v-7bf08b8d] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.comp-tabla[data-v-7bf08b8d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comp-row[data-v-7bf08b8d] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-7bf08b8d] {
  font-weight: 700;
}
.comp-cell[data-v-7bf08b8d] {
  padding: 0.35rem 0.25rem;
  font-size: 0.7rem;
  text-align: center;
  color: #E9D5FF;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.comp-cell.label[data-v-7bf08b8d] {
  font-weight: 600;
  color: #C4B5FD;
  background: transparent;
  text-align: left;
}
.comp-cell.alo[data-v-7bf08b8d] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
}
.comp-cell.sim[data-v-7bf08b8d] {
  color: #F9A8D4;
  background: rgba(236, 72, 153, 0.2);
}

/* Tip */
.tip[data-v-7bf08b8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7bf08b8d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7bf08b8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7bf08b8d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-icono[data-v-7bf08b8d] {
    font-size: 2rem;
}
.v-icono[data-v-7bf08b8d] {
    font-size: 1.75rem;
}
.visual-row[data-v-7bf08b8d] {
    gap: 1rem;
}
.comp-cell[data-v-7bf08b8d] {
    font-size: 0.8rem;
    padding: 0.5rem;
}
}

.explorador[data-v-b56f7ad7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b56f7ad7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b56f7ad7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b56f7ad7] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b56f7ad7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b56f7ad7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b56f7ad7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b56f7ad7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b56f7ad7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b56f7ad7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulación ===== */
.simulacion-container[data-v-b56f7ad7] {
  text-align: center;
}
.sim-titulo[data-v-b56f7ad7] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.mapa-especiacion[data-v-b56f7ad7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.terreno[data-v-b56f7ad7] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
  min-height: 100px;
  margin-bottom: 0.75rem;
}
.poblacion[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  transition: all 0.5s ease;
}
.poblacion.divergiendo[data-v-b56f7ad7] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.organismos[data-v-b56f7ad7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.15rem;
}
.org[data-v-b56f7ad7] {
  font-size: 1.25rem;
  transition: color 0.5s ease;
}
.pob-label[data-v-b56f7ad7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.barrera[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0.3;
  transition: all 0.5s ease;
}
.barrera.activa[data-v-b56f7ad7] {
  opacity: 1;
  transform: scale(1.1);
}
.barrera-icono[data-v-b56f7ad7] {
  font-size: 2rem;
}
.barrera-label[data-v-b56f7ad7] {
  font-size: 0.6rem;
  color: #FCD34D;
}

/* Timeline */
.timeline[data-v-b56f7ad7] {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
}
.timeline-item[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.timeline-item.activa[data-v-b56f7ad7] {
  opacity: 1;
}
.t-dot[data-v-b56f7ad7] {
  width: 12px;
  height: 12px;
  background: rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  transition: background 0.3s ease;
}
.timeline-item.activa .t-dot[data-v-b56f7ad7] {
  background: #8B5CF6;
}
.t-label[data-v-b56f7ad7] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.controles-sim[data-v-b56f7ad7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-etapa[data-v-b56f7ad7], .btn-reset[data-v-b56f7ad7] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.btn-etapa[data-v-b56f7ad7] {
  background: #8B5CF6;
  color: white;
}
.btn-etapa[data-v-b56f7ad7]:disabled {
  background: #10B981;
  cursor: default;
}
.btn-reset[data-v-b56f7ad7] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.pregunta-sim[data-v-b56f7ad7] {
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-b56f7ad7] {
  display: block;
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.opciones-sim[data-v-b56f7ad7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.opcion-sim[data-v-b56f7ad7] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.opcion-sim.correcto[data-v-b56f7ad7] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-sim.incorrecto[data-v-b56f7ad7], .opcion-sim.incorrecto-alt[data-v-b56f7ad7] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Clasificar Barreras ===== */
.clasificar-container[data-v-b56f7ad7] {
  text-align: center;
}
.barrera-actual[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.barrera-icono-grande[data-v-b56f7ad7] {
  font-size: 2.5rem;
}
.barrera-nombre[data-v-b56f7ad7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.barrera-desc[data-v-b56f7ad7] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.opciones-barrera[data-v-b56f7ad7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-barrera[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-barrera.pre[data-v-b56f7ad7] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-barrera.post[data-v-b56f7ad7] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.opcion-barrera.seleccionada[data-v-b56f7ad7] {
  transform: scale(1.02);
}
.opcion-barrera.pre.seleccionada[data-v-b56f7ad7] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-barrera.post.seleccionada[data-v-b56f7ad7] {
  background: rgba(236, 72, 153, 0.3);
  border-color: #EC4899;
}
.opcion-barrera.correcto[data-v-b56f7ad7] {
  background: rgba(16, 185, 129, 0.4) !important;
  border-color: #10B981 !important;
}
.opcion-barrera.incorrecto[data-v-b56f7ad7] {
  background: rgba(239, 68, 68, 0.4) !important;
  border-color: #EF4444 !important;
}
.opcion-titulo[data-v-b56f7ad7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opcion-desc[data-v-b56f7ad7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Identificar tipo ===== */
.identificar-container[data-v-b56f7ad7] {
  text-align: center;
}
.caso-especiacion[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-b56f7ad7] {
  font-size: 2.5rem;
}
.caso-titulo[data-v-b56f7ad7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-descripcion[data-v-b56f7ad7] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.opciones-tipo[data-v-b56f7ad7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-tipo[data-v-b56f7ad7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo.alo[data-v-b56f7ad7] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-tipo.sim[data-v-b56f7ad7] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.opcion-tipo.seleccionada[data-v-b56f7ad7] {
  transform: scale(1.02);
}
.opcion-tipo.alo.seleccionada[data-v-b56f7ad7] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-tipo.sim.seleccionada[data-v-b56f7ad7] {
  background: rgba(236, 72, 153, 0.3);
  border-color: #EC4899;
}
.opcion-tipo.correcto[data-v-b56f7ad7] {
  background: rgba(16, 185, 129, 0.4) !important;
  border-color: #10B981 !important;
}
.opcion-tipo.incorrecto[data-v-b56f7ad7] {
  background: rgba(239, 68, 68, 0.4) !important;
  border-color: #EF4444 !important;
}
.tipo-icono[data-v-b56f7ad7] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-b56f7ad7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-b56f7ad7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Elementos comunes */
.contador[data-v-b56f7ad7] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-b56f7ad7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b56f7ad7] { font-size: 1.25rem;
}
.resultado-texto[data-v-b56f7ad7] { 
  color: #6EE7B7; 
  font-weight: 600; 
  font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-b56f7ad7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b56f7ad7] { flex: 1;
}
.nav-btn[data-v-b56f7ad7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b56f7ad7] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b56f7ad7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b56f7ad7] { font-size: 1.75rem;
}
.completado-texto[data-v-b56f7ad7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b56f7ad7], .slide-leave-active[data-v-b56f7ad7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b56f7ad7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b56f7ad7] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.terreno[data-v-b56f7ad7] {
    gap: 1.5rem;
}
.org[data-v-b56f7ad7] {
    font-size: 1.5rem;
}
.barrera-icono[data-v-b56f7ad7] {
    font-size: 3rem;
}
.barrera-icono-grande[data-v-b56f7ad7], .caso-icono[data-v-b56f7ad7] {
    font-size: 3rem;
}
}

/* Header resumen */
.resumen-header[data-v-9ee93118] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-9ee93118] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-9ee93118] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Concepto central */
.concepto-central[data-v-9ee93118] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  text-align: center;
}
.concepto-titulo[data-v-9ee93118] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.concepto-central p[data-v-9ee93118] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.4;
}
strong.clave[data-v-9ee93118] {
  color: #FCD34D;
}

/* Tipos resumen */
.tipos-resumen[data-v-9ee93118] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-card[data-v-9ee93118] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.tipo-card.alo[data-v-9ee93118] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.sim[data-v-9ee93118] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.tipo-header[data-v-9ee93118] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-9ee93118] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-9ee93118] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-card.alo .tipo-nombre[data-v-9ee93118] { color: #93C5FD;
}
.tipo-card.sim .tipo-nombre[data-v-9ee93118] { color: #F9A8D4;
}
.tipo-puntos[data-v-9ee93118] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tipo-puntos li[data-v-9ee93118] {
  margin-bottom: 0.15rem;
}
.tipo-puntos strong[data-v-9ee93118] {
  color: #FFFFFF;
}

/* Barreras resumen */
.barreras-resumen[data-v-9ee93118] {
  margin-bottom: 1rem;
}
.barreras-titulo[data-v-9ee93118] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.barreras-grid[data-v-9ee93118] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.barrera-tipo[data-v-9ee93118] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.barrera-tipo.pre[data-v-9ee93118] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.barrera-tipo.post[data-v-9ee93118] {
  background: rgba(236, 72, 153, 0.15);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.b-titulo[data-v-9ee93118] {
  font-weight: 700;
  font-size: 0.85rem;
  display: block;
}
.barrera-tipo.pre .b-titulo[data-v-9ee93118] { color: #93C5FD;
}
.barrera-tipo.post .b-titulo[data-v-9ee93118] { color: #F9A8D4;
}
.b-desc[data-v-9ee93118] {
  font-size: 0.7rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.b-ejemplos[data-v-9ee93118] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Claves section */
.claves-section[data-v-9ee93118] {
  margin-bottom: 1rem;
}
.claves-titulo[data-v-9ee93118] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.claves-lista[data-v-9ee93118] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.clave-item[data-v-9ee93118] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.clave-num[data-v-9ee93118] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.clave-texto[data-v-9ee93118] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.clave-texto strong[data-v-9ee93118] {
  color: #6EE7B7;
}

/* Diagrama final */
.diagrama-final[data-v-9ee93118] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.diag-titulo[data-v-9ee93118] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.diag-flow[data-v-9ee93118] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.diag-paso[data-v-9ee93118] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.diag-paso.resultado[data-v-9ee93118] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-icono[data-v-9ee93118] {
  font-size: 1rem;
}
.paso-texto[data-v-9ee93118] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.diag-paso.resultado .paso-texto[data-v-9ee93118] {
  color: #6EE7B7;
}
.diag-flecha[data-v-9ee93118] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tip final */
.tip-final[data-v-9ee93118] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9ee93118] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9ee93118] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9ee93118] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-9ee93118] {
    grid-template-columns: repeat(2, 1fr);
}
.barreras-grid[data-v-9ee93118] {
    grid-template-columns: repeat(2, 1fr);
}
.diag-flow[data-v-9ee93118] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.diag-paso[data-v-9ee93118] {
    padding: 0.5rem 0.75rem;
}
.paso-icono[data-v-9ee93118] {
    font-size: 1.25rem;
}
.paso-texto[data-v-9ee93118] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-887af790] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.evidencias-icono[data-v-887af790] {
  font-size: 3rem;
  animation: pulse-887af790 2s ease-in-out infinite;
}
@keyframes pulse-887af790 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.evidencias-titulo[data-v-887af790] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.evidencia[data-v-887af790] { color: #F9A8D4;
}
strong.ancestro[data-v-887af790] { color: #6EE7B7;
}
strong.conclusion[data-v-887af790] { color: #FCD34D;
}

/* Concepto diagram */
.concepto-diagram[data-v-887af790] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-887af790] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.evidencias-grid[data-v-887af790] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.evidencia-item[data-v-887af790] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.evidencia-item.destacado[data-v-887af790] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.evidencia-emoji[data-v-887af790] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.evidencia-nombre[data-v-887af790] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.evidencia-item.destacado .evidencia-nombre[data-v-887af790] {
  color: #6EE7B7;
}
.evidencia-desc[data-v-887af790] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Convergencia */
.convergencia-section[data-v-887af790] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.convergencia-titulo[data-v-887af790] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.convergencia-contenido p[data-v-887af790] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}
.convergencia-contenido strong[data-v-887af790] {
  color: #FFFFFF;
}
.convergencia-visual[data-v-887af790] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.conv-item[data-v-887af790] {
  font-size: 0.65rem;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.conv-flecha[data-v-887af790] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}
.conv-resultado[data-v-887af790] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-887af790] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-887af790] {
  font-size: 1.25rem;
}
.tip-texto[data-v-887af790] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-887af790] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.evidencias-icono[data-v-887af790] {
    font-size: 4rem;
}
.evidencias-grid[data-v-887af790] {
    grid-template-columns: repeat(4, 1fr);
}
.evidencia-item[data-v-887af790] {
    padding: 0.75rem;
}
.evidencia-emoji[data-v-887af790] {
    font-size: 1.75rem;
}
.evidencia-nombre[data-v-887af790] {
    font-size: 0.85rem;
}
.evidencia-desc[data-v-887af790] {
    font-size: 0.7rem;
}
.conv-item[data-v-887af790] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-dad59b4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-dad59b4f] {
  font-size: 3rem;
}
.intro-titulo[data-v-dad59b4f] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.fosil[data-v-dad59b4f] { color: #FCD34D;
}
strong.cambio[data-v-dad59b4f] { color: #F9A8D4;
}
strong.biogeo[data-v-dad59b4f] { color: #93C5FD;
}
strong.deriva[data-v-dad59b4f] { color: #6EE7B7;
}

/* Secciones */
.evidencia-section[data-v-dad59b4f] {
  margin: 1rem 0;
}
.seccion-header[data-v-dad59b4f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-icono[data-v-dad59b4f] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-dad59b4f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.evidencia-section p[data-v-dad59b4f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}

/* Transición card */
.transicion-card[data-v-dad59b4f] {
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.transicion-titulo[data-v-dad59b4f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.transicion-card p[data-v-dad59b4f] {
  margin: 0 0 0.5rem 0;
}
.transicion-card strong[data-v-dad59b4f] {
  color: #FFFFFF;
}
.transicion-ejemplos[data-v-dad59b4f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.transicion-ejemplo[data-v-dad59b4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.transicion-linea[data-v-dad59b4f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.org-icono[data-v-dad59b4f] {
  font-size: 1.25rem;
}
.org-flecha[data-v-dad59b4f] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}
.org-transicion[data-v-dad59b4f] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  color: #6EE7B7;
}
.transicion-desc[data-v-dad59b4f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Datación */
.datacion-info[data-v-dad59b4f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.datacion-icono[data-v-dad59b4f] {
  font-size: 1rem;
}
.datacion-texto[data-v-dad59b4f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.datacion-texto strong[data-v-dad59b4f] {
  color: #FFFFFF;
}

/* Biogeografía card */
.biogeografia-card[data-v-dad59b4f] {
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.biogeo-titulo[data-v-dad59b4f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.biogeo-visual[data-v-dad59b4f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.isla[data-v-dad59b4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.2rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.isla-icono[data-v-dad59b4f] {
  font-size: 1.25rem;
}
.isla-nombre[data-v-dad59b4f] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.isla-pinzon[data-v-dad59b4f] {
  font-size: 0.65rem;
  color: #FFFFFF;
  font-weight: 600;
}
.isla-dieta[data-v-dad59b4f] {
  font-size: 0.55rem;
  color: #6EE7B7;
}
.biogeo-explicacion[data-v-dad59b4f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.biogeo-explicacion strong[data-v-dad59b4f] {
  color: #6EE7B7;
}

/* Fauna similar */
.fauna-similar[data-v-dad59b4f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.fauna-icono[data-v-dad59b4f] {
  font-size: 1.25rem;
}
.fauna-texto[data-v-dad59b4f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.fauna-texto strong[data-v-dad59b4f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-dad59b4f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-dad59b4f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dad59b4f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dad59b4f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-dad59b4f] {
    font-size: 4rem;
}
.transicion-ejemplos[data-v-dad59b4f] {
    flex-direction: row;
    justify-content: center;
}
.transicion-ejemplo[data-v-dad59b4f] {
    flex: 1;
    max-width: 200px;
}
.biogeo-visual[data-v-dad59b4f] {
    gap: 0.5rem;
}
.isla[data-v-dad59b4f] {
    padding: 0.5rem;
}
.isla-icono[data-v-dad59b4f] {
    font-size: 1.5rem;
}
.isla-nombre[data-v-dad59b4f] {
    font-size: 0.7rem;
}
.isla-pinzon[data-v-dad59b4f] {
    font-size: 0.75rem;
}
.isla-dieta[data-v-dad59b4f] {
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-e36f68dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-iconos[data-v-e36f68dc] {
  display: flex;
  gap: 0.5rem;
}
.intro-icono[data-v-e36f68dc] {
  font-size: 2.5rem;
}
.intro-titulo[data-v-e36f68dc] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.anatomia[data-v-e36f68dc] { color: #F9A8D4;
}
strong.adn[data-v-e36f68dc] { color: #6EE7B7;
}
strong.ancestro[data-v-e36f68dc] { color: #FCD34D;
}

/* Secciones */
.evidencia-section[data-v-e36f68dc] {
  margin: 1rem 0;
}
.evidencia-section.destacada[data-v-e36f68dc] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.seccion-header[data-v-e36f68dc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-icono[data-v-e36f68dc] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-e36f68dc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.evidencia-section p[data-v-e36f68dc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}

/* Estructuras grid */
.estructuras-grid[data-v-e36f68dc] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.estructura-card[data-v-e36f68dc] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.estructura-card.homologa[data-v-e36f68dc] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.estructura-card.analoga[data-v-e36f68dc] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.estructura-titulo[data-v-e36f68dc] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.estructura-card.homologa .estructura-titulo[data-v-e36f68dc] {
  color: #6EE7B7;
}
.estructura-card.analoga .estructura-titulo[data-v-e36f68dc] {
  color: #FCD34D;
}
.estructura-def[data-v-e36f68dc] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.estructura-def strong[data-v-e36f68dc] {
  color: #FFFFFF;
}
.estructura-visual[data-v-e36f68dc] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.estructura-item[data-v-e36f68dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  min-width: 60px;
}
.est-icono[data-v-e36f68dc] {
  font-size: 1.25rem;
}
.est-nombre[data-v-e36f68dc] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}
.estructura-nota[data-v-e36f68dc] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}
.estructura-nota strong[data-v-e36f68dc] {
  color: #6EE7B7;
}
.estructura-card.analoga .estructura-nota strong[data-v-e36f68dc] {
  color: #FCD34D;
}

/* Vestigial card */
.vestigial-card[data-v-e36f68dc] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.vestigial-titulo[data-v-e36f68dc] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}
.vestigial-card p[data-v-e36f68dc] {
  margin: 0 0 0.5rem 0;
  font-size: 0.75rem;
}
.vestigial-card p strong[data-v-e36f68dc] {
  color: #FFFFFF;
}
.vestigial-ejemplos[data-v-e36f68dc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vestigial-item[data-v-e36f68dc] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
}
.vestigial-icono[data-v-e36f68dc] {
  font-size: 1rem;
}
.vestigial-texto[data-v-e36f68dc] {
  color: #E9D5FF;
}

/* Molecular card */
.molecular-card[data-v-e36f68dc] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.molecular-titulo[data-v-e36f68dc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
}
.similitud-lista[data-v-e36f68dc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.similitud-item[data-v-e36f68dc] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.similitud-org[data-v-e36f68dc] {
  font-size: 0.7rem;
  width: 80px;
  flex-shrink: 0;
  color: #E9D5FF;
}
.similitud-barra[data-v-e36f68dc] {
  flex: 1;
  height: 12px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.similitud-fill[data-v-e36f68dc] {
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 6px;
  transition: width 0.5s ease;
}
.similitud-valor[data-v-e36f68dc] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  width: 35px;
  text-align: right;
}
.molecular-conclusion[data-v-e36f68dc] {
  font-size: 0.75rem;
  text-align: center;
  margin: 0.5rem 0 0 0 !important;
}
.molecular-conclusion strong[data-v-e36f68dc] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-e36f68dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e36f68dc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e36f68dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e36f68dc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-e36f68dc] {
    font-size: 3rem;
}
.estructuras-grid[data-v-e36f68dc] {
    grid-template-columns: repeat(2, 1fr);
}
.estructura-item[data-v-e36f68dc] {
    padding: 0.4rem;
    min-width: 70px;
}
.est-icono[data-v-e36f68dc] {
    font-size: 1.5rem;
}
.est-nombre[data-v-e36f68dc] {
    font-size: 0.65rem;
}
.similitud-org[data-v-e36f68dc] {
    width: 100px;
    font-size: 0.8rem;
}
.vestigial-ejemplos[data-v-e36f68dc] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.vestigial-item[data-v-e36f68dc] {
    padding: 0.3rem 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
}

.explorador[data-v-50f9376e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-50f9376e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-50f9376e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-50f9376e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-50f9376e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-50f9376e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-50f9376e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-50f9376e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-50f9376e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-50f9376e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar estructuras ===== */
.clasificar-container[data-v-50f9376e] {
  text-align: center;
}
.estructura-pregunta[data-v-50f9376e] {
  margin-bottom: 1rem;
}
.estructura-visual[data-v-50f9376e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.estructura-emoji[data-v-50f9376e] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.estructura-nombre[data-v-50f9376e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.estructura-desc[data-v-50f9376e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.clasificar-opciones[data-v-50f9376e] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-50f9376e] {
  flex: 1;
  max-width: 140px;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.2s ease;
}
.opcion-btn.homologa[data-v-50f9376e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-btn.analoga[data-v-50f9376e] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-btn.seleccionado[data-v-50f9376e] {
  transform: scale(1.05);
}
.opcion-btn.homologa.seleccionado[data-v-50f9376e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.analoga.seleccionado[data-v-50f9376e] {
  border-color: #F59E0B;
  background: rgba(251, 191, 36, 0.3);
}
.opcion-btn.correcto[data-v-50f9376e] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.opcion-btn.incorrecto[data-v-50f9376e] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.opcion-icono[data-v-50f9376e] {
  font-size: 1.25rem;
  font-weight: 700;
}
.opcion-btn.homologa .opcion-icono[data-v-50f9376e] { color: #6EE7B7;
}
.opcion-btn.analoga .opcion-icono[data-v-50f9376e] { color: #FCD34D;
}
.opcion-btn.correcto .opcion-icono[data-v-50f9376e],
.opcion-btn.incorrecto .opcion-icono[data-v-50f9376e] { color: white;
}
.opcion-texto[data-v-50f9376e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opcion-desc[data-v-50f9376e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.opcion-btn.correcto .opcion-texto[data-v-50f9376e],
.opcion-btn.correcto .opcion-desc[data-v-50f9376e],
.opcion-btn.incorrecto .opcion-texto[data-v-50f9376e],
.opcion-btn.incorrecto .opcion-desc[data-v-50f9376e] { color: white;
}

/* ===== DESAFÍO 2: Parentesco ===== */
.parentesco-container[data-v-50f9376e] {
  text-align: center;
}
.parentesco-instruccion[data-v-50f9376e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ref-icono[data-v-50f9376e] {
  font-size: 1.5rem;
}
.ref-texto[data-v-50f9376e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ref-texto strong[data-v-50f9376e] {
  color: #6EE7B7;
}
.numeros-label[data-v-50f9376e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.organismos-pool[data-v-50f9376e] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.organismo-btn[data-v-50f9376e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-width: 60px;
  transition: all 0.2s ease;
}
.organismo-btn.seleccionado[data-v-50f9376e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  transform: scale(1.1);
}
.org-emoji[data-v-50f9376e] {
  font-size: 1.5rem;
}
.org-nombre[data-v-50f9376e] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.slots-parentesco[data-v-50f9376e] {
  margin-bottom: 1rem;
}
.slot-label[data-v-50f9376e] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.slots-row[data-v-50f9376e] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.slot-parentesco[data-v-50f9376e] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-parentesco.seleccionable[data-v-50f9376e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-50f9376e 1s infinite;
}
@keyframes pulse-50f9376e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-parentesco.ocupado[data-v-50f9376e] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-num[data-v-50f9376e] {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.slot-org[data-v-50f9376e] {
  font-size: 1.5rem;
}

/* Botones de acción */
.botones-accion[data-v-50f9376e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-50f9376e], .btn-reiniciar[data-v-50f9376e] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-50f9376e] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-50f9376e] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Tipo de evidencia ===== */
.evidencia-container[data-v-50f9376e] {
  text-align: center;
}
.evidencia-pregunta[data-v-50f9376e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.evidencia-emoji[data-v-50f9376e] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.evidencia-texto[data-v-50f9376e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.evidencia-opciones[data-v-50f9376e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evidencia-btn[data-v-50f9376e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.evidencia-btn.seleccionado[data-v-50f9376e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.evidencia-btn.correcto[data-v-50f9376e] {
  background: #10B981;
  border-color: #047857;
}
.evidencia-btn.incorrecto[data-v-50f9376e] {
  background: #EF4444;
  border-color: #B91C1C;
}
.ev-icono[data-v-50f9376e] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.ev-nombre[data-v-50f9376e] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.evidencia-btn.correcto .ev-nombre[data-v-50f9376e],
.evidencia-btn.incorrecto .ev-nombre[data-v-50f9376e] { color: white;
}

/* Feedback */
.feedback[data-v-50f9376e] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.feedback.correcto[data-v-50f9376e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-50f9376e] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}

/* Contador */
.contador[data-v-50f9376e] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-50f9376e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-50f9376e] { font-size: 1.25rem;
}
.resultado-texto[data-v-50f9376e] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-50f9376e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-50f9376e] { flex: 1;
}
.nav-btn[data-v-50f9376e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-50f9376e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-50f9376e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-50f9376e] { font-size: 1.75rem;
}
.completado-texto[data-v-50f9376e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-50f9376e], .slide-leave-active[data-v-50f9376e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-50f9376e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-50f9376e] { opacity: 0; transform: translateX(-15px);
}

/* Intro visual */
.intro-visual[data-v-053a8272] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-053a8272] {
  font-size: 3rem;
}
.intro-titulo[data-v-053a8272] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Secciones */
.resumen-section[data-v-053a8272],
.similitud-section[data-v-053a8272],
.claves-section[data-v-053a8272],
.comparacion-section[data-v-053a8272] {
  margin: 1rem 0;
}
.resumen-titulo[data-v-053a8272],
.similitud-titulo[data-v-053a8272],
.claves-titulo[data-v-053a8272],
.comparacion-titulo[data-v-053a8272] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Evidencias resumen */
.evidencias-resumen[data-v-053a8272] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.evidencia-card[data-v-053a8272] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.evidencia-card.destacada[data-v-053a8272] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.ev-header[data-v-053a8272] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.ev-icono[data-v-053a8272] {
  font-size: 1.1rem;
}
.ev-nombre[data-v-053a8272] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.evidencia-card.destacada .ev-nombre[data-v-053a8272] {
  color: #6EE7B7;
}
.ev-puntos[data-v-053a8272] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ev-puntos li[data-v-053a8272] {
  margin-bottom: 0.15rem;
}
.ev-puntos strong[data-v-053a8272] {
  color: #FFFFFF;
}
.ev-puntos strong.homologa[data-v-053a8272] {
  color: #6EE7B7;
}
.ev-puntos strong.analoga[data-v-053a8272] {
  color: #FCD34D;
}

/* Similitud */
.similitud-section[data-v-053a8272] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.similitud-tabla[data-v-053a8272] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.similitud-fila[data-v-053a8272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.sim-org[data-v-053a8272] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.sim-valor[data-v-053a8272] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Claves */
.claves-section[data-v-053a8272] {
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.claves-lista[data-v-053a8272] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-053a8272] {
  display: flex;
  gap: 0.5rem;
}
.clave-num[data-v-053a8272] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCD34D;
  color: #1F2937;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.clave-texto[data-v-053a8272] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clave-texto strong[data-v-053a8272] {
  color: #FFFFFF;
}

/* Comparación */
.comparacion-grid[data-v-053a8272] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-col[data-v-053a8272] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-col.homologa[data-v-053a8272] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-col.analoga[data-v-053a8272] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.comp-header[data-v-053a8272] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.comp-col.homologa .comp-header[data-v-053a8272] {
  color: #6EE7B7;
}
.comp-col.analoga .comp-header[data-v-053a8272] {
  color: #FCD34D;
}
.comp-ejemplo[data-v-053a8272] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.4rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.comp-conclusion[data-v-053a8272] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.comp-col.homologa .comp-conclusion[data-v-053a8272] {
  color: #6EE7B7;
}
.comp-col.analoga .comp-conclusion[data-v-053a8272] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-053a8272] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-053a8272] {
  font-size: 1.25rem;
}
.tip-texto[data-v-053a8272] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-053a8272] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-053a8272] {
    font-size: 4rem;
}
.evidencias-resumen[data-v-053a8272] {
    grid-template-columns: repeat(2, 1fr);
}
.evidencia-card[data-v-053a8272] {
    padding: 0.75rem;
}
.ev-puntos[data-v-053a8272] {
    font-size: 0.8rem;
}
.similitud-fila[data-v-053a8272] {
    padding: 0.4rem 0.75rem;
}
.clave-texto[data-v-053a8272] {
    font-size: 0.85rem;
}
.comp-col[data-v-053a8272] {
    padding: 0.75rem;
}
.comp-ejemplo[data-v-053a8272] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-49b6e194] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.sangre-icono[data-v-49b6e194] {
  font-size: 3rem;
  animation: pulse-49b6e194 2s ease-in-out infinite;
}
@keyframes pulse-49b6e194 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.sangre-titulo[data-v-49b6e194] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
}

/* Colores temáticos */
strong.antigeno[data-v-49b6e194] { color: #F87171;
}
strong.anticuerpo[data-v-49b6e194] { color: #60A5FA;
}
strong.codominancia[data-v-49b6e194] { color: #FBBF24;
}

/* Concepto diagram */
.concepto-diagram[data-v-49b6e194] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-49b6e194] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.concepto-grid[data-v-49b6e194] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.componente-item[data-v-49b6e194] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.componente-icono[data-v-49b6e194] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.globulo-rojo[data-v-49b6e194] {
  color: #EF4444;
  font-size: 2.5rem;
}
.anticuerpo-icon[data-v-49b6e194] {
  color: #60A5FA;
  font-size: 2rem;
  font-weight: 900;
}
.componente-nombre[data-v-49b6e194] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.componente-desc[data-v-49b6e194] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.componente-desc strong[data-v-49b6e194] {
  color: inherit;
}
.componente-desc strong.antigeno[data-v-49b6e194] { color: #F87171;
}

/* Sistemas principales */
.sistemas-section[data-v-49b6e194] {
  margin: 1.5rem 0;
}
.sistemas-titulo[data-v-49b6e194] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sistemas-grid[data-v-49b6e194] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.sistema-item[data-v-49b6e194] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.sistema-item.abo[data-v-49b6e194] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.sistema-item.rh[data-v-49b6e194] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.sistema-nombre[data-v-49b6e194] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sistema-tipos[data-v-49b6e194] {
  font-size: 1.1rem;
  font-weight: 800;
  margin: 0.25rem 0;
}
.sistema-item.abo .sistema-tipos[data-v-49b6e194] { color: #FCA5A5;
}
.sistema-item.rh .sistema-tipos[data-v-49b6e194] { color: #93C5FD;
}
.sistema-desc[data-v-49b6e194] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Genética */
.genetica-section[data-v-49b6e194] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.genetica-titulo[data-v-49b6e194] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.genetica-contenido p[data-v-49b6e194] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}
.alelos-grid[data-v-49b6e194] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.alelo-item[data-v-49b6e194] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 60px;
}
.alelo-item.dominante[data-v-49b6e194] {
  background: rgba(251, 191, 36, 0.2);
  border: 2px solid rgba(251, 191, 36, 0.5);
}
.alelo-item.recesivo[data-v-49b6e194] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.alelo-letra[data-v-49b6e194] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.alelo-tipo[data-v-49b6e194] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tip */
.tip[data-v-49b6e194] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-49b6e194] {
  font-size: 1.25rem;
}
.tip-texto[data-v-49b6e194] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-49b6e194] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.sangre-icono[data-v-49b6e194] {
    font-size: 4rem;
}
.concepto-grid[data-v-49b6e194] {
    gap: 1rem;
}
.componente-item[data-v-49b6e194] {
    padding: 1rem;
}
.alelos-grid[data-v-49b6e194] {
    gap: 1rem;
}
.alelo-item[data-v-49b6e194] {
    padding: 0.75rem 1rem;
    min-width: 80px;
}
}

/* Colores temáticos para grupos */
.letra-a[data-v-7c697f18] { color: #F87171;
}
.letra-b[data-v-7c697f18] { color: #60A5FA;
}
.letra-ab[data-v-7c697f18] { color: #C084FC;
}
.letra-o[data-v-7c697f18] { color: #34D399;
}
strong.antigeno[data-v-7c697f18] { color: #F87171;
}
strong.anticuerpo[data-v-7c697f18] { color: #60A5FA;
}
strong.peligro[data-v-7c697f18] { color: #FBBF24;
}

/* Tabla de grupos */
.tabla-section[data-v-7c697f18] {
  margin: 1rem 0 1.5rem;
}
.tabla-titulo[data-v-7c697f18] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grupos-tabla[data-v-7c697f18] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-7c697f18] {
  display: grid;
  grid-template-columns: 50px 1fr 70px 80px;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.tabla-row[data-v-7c697f18] {
  display: grid;
  grid-template-columns: 50px 1fr 70px 80px;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  align-items: center;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.75rem;
  text-align: center;
}
.col-grupo strong[data-v-7c697f18] {
  font-size: 1.1rem;
}
.col-genotipo[data-v-7c697f18] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.7rem;
}
.antigeno-a[data-v-7c697f18], .ag-a[data-v-7c697f18] { 
  color: #F87171; 
  font-weight: 700;
}
.antigeno-b[data-v-7c697f18], .ag-b[data-v-7c697f18] { 
  color: #60A5FA; 
  font-weight: 700;
}
.anti-a[data-v-7c697f18] { color: #F87171; font-size: 0.65rem;
}
.anti-b[data-v-7c697f18] { color: #60A5FA; font-size: 0.65rem;
}
.ninguno[data-v-7c697f18] { color: #9CA3AF; font-size: 0.65rem;
}

/* Visualización de glóbulos */
.visual-section[data-v-7c697f18] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-7c697f18] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.globulos-visual[data-v-7c697f18] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.globulo-item[data-v-7c697f18] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.globulo[data-v-7c697f18] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  position: relative;
  flex-wrap: wrap;
}
.globulo.grupo-a-visual[data-v-7c697f18] {
  background: radial-gradient(circle, #EF4444 60%, #B91C1C);
  border: 2px solid #F87171;
}
.globulo.grupo-b-visual[data-v-7c697f18] {
  background: radial-gradient(circle, #3B82F6 60%, #1D4ED8);
  border: 2px solid #60A5FA;
}
.globulo.grupo-ab-visual[data-v-7c697f18] {
  background: radial-gradient(circle, #8B5CF6 60%, #6D28D9);
  border: 2px solid #A78BFA;
}
.globulo.grupo-o-visual[data-v-7c697f18] {
  background: radial-gradient(circle, #10B981 60%, #047857);
  border: 2px solid #34D399;
}
.globulo .ag[data-v-7c697f18] {
  font-size: 0.7rem;
  font-weight: 800;
  color: white;
}
.globulo .ag-a[data-v-7c697f18], .globulo .ag-b[data-v-7c697f18] {
  font-size: 0.7rem;
  font-weight: 800;
  color: white;
}
.globulo .sin-ag[data-v-7c697f18] {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
}
.globulo-label[data-v-7c697f18] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Compatibilidad */
.compatibilidad-section[data-v-7c697f18] {
  margin: 1.5rem 0;
}
.compat-titulo[data-v-7c697f18] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.compat-grid[data-v-7c697f18] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.compat-item[data-v-7c697f18] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  text-align: center;
}
.compat-item.receptor[data-v-7c697f18] {
  background: rgba(192, 132, 252, 0.15);
  border: 2px solid rgba(192, 132, 252, 0.4);
}
.compat-item.donante[data-v-7c697f18] {
  background: rgba(52, 211, 153, 0.15);
  border: 2px solid rgba(52, 211, 153, 0.4);
}
.compat-icono[data-v-7c697f18] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.compat-rol[data-v-7c697f18] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.compat-grupo[data-v-7c697f18] {
  font-size: 1.5rem;
  font-weight: 900;
  margin: 0.25rem 0;
}
.compat-razon[data-v-7c697f18] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Regla */
.regla-section[data-v-7c697f18] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.5rem;
}
.regla-titulo[data-v-7c697f18] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.regla-texto[data-v-7c697f18] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-7c697f18] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7c697f18] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7c697f18] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7c697f18] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-7c697f18] {
    grid-template-columns: 60px 1fr 100px 120px;
    font-size: 0.75rem;
}
.tabla-row[data-v-7c697f18] {
    grid-template-columns: 60px 1fr 100px 120px;
    font-size: 0.85rem;
}
.col-genotipo[data-v-7c697f18] {
    font-size: 0.8rem;
}
.globulos-visual[data-v-7c697f18] {
    gap: 1rem;
}
.globulo[data-v-7c697f18] {
    width: 60px;
    height: 60px;
}
.globulo .ag[data-v-7c697f18], .globulo .ag-a[data-v-7c697f18], .globulo .ag-b[data-v-7c697f18] {
    font-size: 0.85rem;
}
.globulo-label[data-v-7c697f18] {
    font-size: 0.75rem;
}
.compat-grid[data-v-7c697f18] {
    gap: 1rem;
}
}

/* Colores temáticos */
strong.positivo[data-v-6f1629eb], .positivo[data-v-6f1629eb] { color: #6EE7B7;
}
strong.negativo[data-v-6f1629eb], .negativo[data-v-6f1629eb] { color: #FCA5A5;
}
strong.enfermedad[data-v-6f1629eb] { color: #FBBF24;
}
strong.donante-universal[data-v-6f1629eb] { color: #34D399;
}

/* Intro */
.intro-section[data-v-6f1629eb] {
  margin-bottom: 1.5rem;
}
.intro-visual[data-v-6f1629eb] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.rh-plus[data-v-6f1629eb], .rh-minus[data-v-6f1629eb] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 900;
}
.rh-plus[data-v-6f1629eb] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.rh-minus[data-v-6f1629eb] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}

/* Genética Rh */
.genetica-rh[data-v-6f1629eb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.genetica-titulo[data-v-6f1629eb] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.genetica-grid[data-v-6f1629eb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.genotipo-item[data-v-6f1629eb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.genotipo-item.positivo[data-v-6f1629eb] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.genotipo-item.negativo[data-v-6f1629eb] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.genotipo-formula[data-v-6f1629eb] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.genotipo-result[data-v-6f1629eb] {
  font-size: 1.3rem;
  font-weight: 900;
  margin: 0.25rem 0;
}
.genotipo-item.positivo .genotipo-result[data-v-6f1629eb] { color: #6EE7B7;
}
.genotipo-item.negativo .genotipo-result[data-v-6f1629eb] { color: #FCA5A5;
}
.genotipo-desc[data-v-6f1629eb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Frecuencia */
.frecuencia-section[data-v-6f1629eb] {
  margin: 1.5rem 0;
}
.frecuencia-titulo[data-v-6f1629eb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frecuencia-barra[data-v-6f1629eb] {
  display: flex;
  height: 40px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.barra-positivo[data-v-6f1629eb] {
  flex: 85;
  background: linear-gradient(135deg, #10B981, #047857);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.barra-negativo[data-v-6f1629eb] {
  flex: 15;
  background: linear-gradient(135deg, #EF4444, #B91C1C);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.barra-porcentaje[data-v-6f1629eb] {
  font-size: 0.85rem;
  font-weight: 800;
  color: white;
}
.barra-label[data-v-6f1629eb] {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.9);
}
.frecuencia-nota[data-v-6f1629eb] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Eritroblastosis */
.eritroblastosis-section[data-v-6f1629eb] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.75rem;
}
.eritro-titulo[data-v-6f1629eb] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.eritro-contenido[data-v-6f1629eb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.eritro-caso[data-v-6f1629eb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.eritro-padres[data-v-6f1629eb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.madre[data-v-6f1629eb], .padre[data-v-6f1629eb] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.madre.negativo[data-v-6f1629eb] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #EF4444;
}
.padre.positivo[data-v-6f1629eb] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
}
.eritro-x[data-v-6f1629eb] {
  font-size: 1.2rem;
  color: #C4B5FD;
}
.eritro-flecha[data-v-6f1629eb] {
  font-size: 1.2rem;
  color: #8B5CF6;
}
.feto-rh[data-v-6f1629eb] {
  padding: 0.3rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}
.eritro-explicacion p[data-v-6f1629eb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.eritro-nombre[data-v-6f1629eb] {
  font-weight: 600;
}

/* Prevención */
.prevencion-section[data-v-6f1629eb] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.prevencion-titulo[data-v-6f1629eb] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.prevencion-texto[data-v-6f1629eb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.prevencion-texto strong[data-v-6f1629eb] {
  color: #6EE7B7;
}

/* Combinación */
.combinacion-section[data-v-6f1629eb] {
  margin: 1.5rem 0;
}
.comb-titulo[data-v-6f1629eb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grupos-completos[data-v-6f1629eb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.grupo-badge[data-v-6f1629eb] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 800;
  min-width: 40px;
  text-align: center;
}
.grupo-badge.a-pos[data-v-6f1629eb] { background: rgba(239, 68, 68, 0.3); border: 1px solid #EF4444; color: #FCA5A5;
}
.grupo-badge.a-neg[data-v-6f1629eb] { background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.5); color: #FCA5A5;
}
.grupo-badge.b-pos[data-v-6f1629eb] { background: rgba(59, 130, 246, 0.3); border: 1px solid #3B82F6; color: #93C5FD;
}
.grupo-badge.b-neg[data-v-6f1629eb] { background: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.5); color: #93C5FD;
}
.grupo-badge.ab-pos[data-v-6f1629eb] { background: rgba(139, 92, 246, 0.3); border: 1px solid #8B5CF6; color: #C4B5FD;
}
.grupo-badge.ab-neg[data-v-6f1629eb] { background: rgba(139, 92, 246, 0.15); border: 1px solid rgba(139, 92, 246, 0.5); color: #C4B5FD;
}
.grupo-badge.o-pos[data-v-6f1629eb] { background: rgba(16, 185, 129, 0.3); border: 1px solid #10B981; color: #6EE7B7;
}
.grupo-badge.o-neg[data-v-6f1629eb] { background: rgba(16, 185, 129, 0.5); border: 2px solid #10B981; color: #FFFFFF;
}
.comb-nota[data-v-6f1629eb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin-top: 0.75rem;
}

/* Tip */
.tip[data-v-6f1629eb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6f1629eb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6f1629eb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6f1629eb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-6f1629eb] {
    gap: 2rem;
}
.rh-plus[data-v-6f1629eb], .rh-minus[data-v-6f1629eb] {
    font-size: 2rem;
    padding: 0.75rem 1.5rem;
}
.genetica-grid[data-v-6f1629eb] {
    gap: 1.5rem;
}
.grupos-completos[data-v-6f1629eb] {
    gap: 0.6rem;
}
.grupo-badge[data-v-6f1629eb] {
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    min-width: 50px;
}
}

.explorador[data-v-68e6f74a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-68e6f74a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-68e6f74a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-68e6f74a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-68e6f74a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-68e6f74a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-68e6f74a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-68e6f74a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-68e6f74a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-68e6f74a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Colores de grupos */
.grupo-a[data-v-68e6f74a] { color: #F87171;
}
.grupo-b[data-v-68e6f74a] { color: #60A5FA;
}
.grupo-ab[data-v-68e6f74a] { color: #C084FC;
}
.grupo-o[data-v-68e6f74a] { color: #34D399;
}

/* ===== DESAFÍO 1: Genotipos ===== */
.genotipo-container[data-v-68e6f74a] {
  text-align: center;
}
.grupo-mostrar[data-v-68e6f74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.grupo-icono[data-v-68e6f74a] {
  font-size: 2.5rem;
}
.grupo-tipo[data-v-68e6f74a] {
  font-size: 1.5rem;
  font-weight: 900;
}
.pregunta-genotipo[data-v-68e6f74a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-genotipo[data-v-68e6f74a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-btn[data-v-68e6f74a] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn.seleccionada[data-v-68e6f74a] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-68e6f74a] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-btn.incorrecto[data-v-68e6f74a] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Punnett ===== */
.punnett-container[data-v-68e6f74a] {
  text-align: center;
}
.cruce-info[data-v-68e6f74a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.cruce-padres[data-v-68e6f74a] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.cruce-genotipos[data-v-68e6f74a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.punnett-grid[data-v-68e6f74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.punnett-header[data-v-68e6f74a], .punnett-row[data-v-68e6f74a] {
  display: flex;
}
.corner-cell[data-v-68e6f74a] {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.header-cell[data-v-68e6f74a] {
  width: 55px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.lateral-cell[data-v-68e6f74a] {
  width: 35px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.punnett-cell[data-v-68e6f74a] {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell.completado[data-v-68e6f74a] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.punnett-cell.incorrecto[data-v-68e6f74a] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.cell-input[data-v-68e6f74a] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: inherit;
}
.cell-input[data-v-68e6f74a]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.cell-input[data-v-68e6f74a]:focus {
  outline: none;
}
.punnett-hint[data-v-68e6f74a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Transfusiones ===== */
.transfusion-container[data-v-68e6f74a] {
  text-align: center;
}
.transfusion-escenario[data-v-68e6f74a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.paciente[data-v-68e6f74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.paciente-icono[data-v-68e6f74a] {
  font-size: 2rem;
}
.paciente-label[data-v-68e6f74a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paciente-grupo[data-v-68e6f74a] {
  font-size: 1.8rem;
  font-weight: 900;
}
.pregunta-transfusion[data-v-68e6f74a] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pregunta-transfusion strong[data-v-68e6f74a] {
  font-size: 1rem;
}
.opciones-transfusion[data-v-68e6f74a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.transfusion-btn[data-v-68e6f74a] {
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
}
.transfusion-btn.si[data-v-68e6f74a] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.transfusion-btn.no[data-v-68e6f74a] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.transfusion-btn.seleccionada[data-v-68e6f74a] {
  transform: scale(1.02);
}
.transfusion-btn.si.seleccionada[data-v-68e6f74a] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.transfusion-btn.no.seleccionada[data-v-68e6f74a] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.transfusion-btn.correcto[data-v-68e6f74a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.transfusion-btn.incorrecto[data-v-68e6f74a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.feedback-transfusion[data-v-68e6f74a] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-transfusion.correcto[data-v-68e6f74a] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Elementos comunes */
.contador[data-v-68e6f74a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-68e6f74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-68e6f74a] { font-size: 1.25rem;
}
.resultado-texto[data-v-68e6f74a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-68e6f74a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-68e6f74a] { flex: 1;
}
.nav-btn[data-v-68e6f74a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-68e6f74a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-68e6f74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-68e6f74a] { font-size: 1.75rem;
}
.completado-texto[data-v-68e6f74a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-68e6f74a], .slide-leave-active[data-v-68e6f74a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-68e6f74a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-68e6f74a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-genotipo[data-v-68e6f74a] {
    grid-template-columns: repeat(4, 1fr);
}
.punnett-cell[data-v-68e6f74a], .header-cell[data-v-68e6f74a] {
    width: 65px;
}
.punnett-cell[data-v-68e6f74a], .lateral-cell[data-v-68e6f74a] {
    height: 65px;
}
.header-cell[data-v-68e6f74a] {
    height: 40px;
}
.corner-cell[data-v-68e6f74a] {
    width: 40px;
    height: 40px;
}
.lateral-cell[data-v-68e6f74a] {
    width: 40px;
}
}

/* Header */
.resumen-header[data-v-9ddf19b0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-9ddf19b0] {
  font-size: 3rem;
}
.resumen-subtitulo[data-v-9ddf19b0] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Colores temáticos */
strong.positivo[data-v-9ddf19b0] { color: #6EE7B7;
}
strong.negativo[data-v-9ddf19b0] { color: #FCA5A5;
}
strong.donante[data-v-9ddf19b0] { color: #34D399;
}
strong.receptor[data-v-9ddf19b0] { color: #C084FC;
}

/* Conceptos */
.conceptos-section[data-v-9ddf19b0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-9ddf19b0] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-numero[data-v-9ddf19b0] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 800;
  color: white;
}
.concepto-contenido h4[data-v-9ddf19b0] {
  margin: 0 0 0.25rem 0;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido p[data-v-9ddf19b0] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.genotipos-mini[data-v-9ddf19b0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.25rem;
}
.gen-item[data-v-9ddf19b0] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.gen-item.a[data-v-9ddf19b0] { background: rgba(248, 113, 113, 0.2); color: #F87171;
}
.gen-item.b[data-v-9ddf19b0] { background: rgba(96, 165, 250, 0.2); color: #60A5FA;
}
.gen-item.ab[data-v-9ddf19b0] { background: rgba(192, 132, 252, 0.2); color: #C084FC;
}
.gen-item.o[data-v-9ddf19b0] { background: rgba(52, 211, 153, 0.2); color: #34D399;
}

/* Compatibilidad */
.compatibilidad-resumen[data-v-9ddf19b0] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.compat-titulo[data-v-9ddf19b0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.compat-tabla[data-v-9ddf19b0] {
  font-size: 0.8rem;
}
.compat-header[data-v-9ddf19b0] {
  display: grid;
  grid-template-columns: 50px 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.compat-row[data-v-9ddf19b0] {
  display: grid;
  grid-template-columns: 50px 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  text-align: center;
  color: #E9D5FF;
}
.col-tipo[data-v-9ddf19b0] {
  font-weight: 800;
}
.tipo-o[data-v-9ddf19b0] { color: #34D399;
}
.tipo-a[data-v-9ddf19b0] { color: #F87171;
}
.tipo-b[data-v-9ddf19b0] { color: #60A5FA;
}
.tipo-ab[data-v-9ddf19b0] { color: #C084FC;
}

/* Errores comunes */
.errores-section[data-v-9ddf19b0] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-9ddf19b0] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.error-item[data-v-9ddf19b0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.error-icono[data-v-9ddf19b0] {
  color: #EF4444;
  font-weight: 800;
  font-size: 0.9rem;
  min-width: 16px;
}
.error-texto[data-v-9ddf19b0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.error-texto strong[data-v-9ddf19b0] {
  color: #FCD34D;
}

/* Tips PAES */
.tips-paes[data-v-9ddf19b0] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-9ddf19b0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-grid[data-v-9ddf19b0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9ddf19b0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-9ddf19b0] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.tip-text[data-v-9ddf19b0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-9ddf19b0] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-9ddf19b0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-9ddf19b0] {
  font-size: 2rem;
}
.final-contenido[data-v-9ddf19b0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-9ddf19b0] {
  font-size: 1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.final-texto[data-v-9ddf19b0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-9ddf19b0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
.compat-header[data-v-9ddf19b0], .compat-row[data-v-9ddf19b0] {
    grid-template-columns: 60px 1fr 1fr;
    font-size: 0.9rem;
}
.genotipos-mini[data-v-9ddf19b0] {
    gap: 0.5rem;
}
.gen-item[data-v-9ddf19b0] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.cromosoma-icono[data-v-95b8909a] {
  font-size: 3rem;
  animation: pulse-95b8909a 2s ease-in-out infinite;
}
@keyframes pulse-95b8909a {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-95b8909a] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.sexo[data-v-95b8909a] { color: #F9A8D4;
}
strong.masc[data-v-95b8909a] { color: #93C5FD;
}
strong.fem[data-v-95b8909a] { color: #F9A8D4;
}
strong.x-color[data-v-95b8909a] { color: #F9A8D4;
}
strong.y-color[data-v-95b8909a] { color: #93C5FD;
}

/* Cromosomas section */
.cromosomas-section[data-v-95b8909a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cromosomas-titulo[data-v-95b8909a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.cromosomas-visual[data-v-95b8909a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.cariotipo-item[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.cromosomas-par[data-v-95b8909a] {
  display: flex;
  gap: 0.25rem;
  align-items: flex-end;
}
.cromosoma[data-v-95b8909a] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border-radius: 0.25rem;
}
.cromosoma.x-grande[data-v-95b8909a] {
  width: 32px;
  height: 48px;
  background: linear-gradient(180deg, rgba(249, 168, 212, 0.3), rgba(249, 168, 212, 0.5));
  border: 2px solid #F9A8D4;
  color: #F9A8D4;
  font-size: 1.2rem;
}
.cromosoma.y-pequeno[data-v-95b8909a] {
  width: 24px;
  height: 32px;
  background: linear-gradient(180deg, rgba(147, 197, 253, 0.3), rgba(147, 197, 253, 0.5));
  border: 2px solid #93C5FD;
  color: #93C5FD;
  font-size: 1rem;
}
.cariotipo-label[data-v-95b8909a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cariotipo-info[data-v-95b8909a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.separador-vs[data-v-95b8909a] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
  padding: 0 0.5rem;
}

/* Diferencia section */
.diferencia-section[data-v-95b8909a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diferencia-titulo[data-v-95b8909a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.diferencia-contenido[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.diferencia-item[data-v-95b8909a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.diferencia-icono.cromosoma-mini[data-v-95b8909a] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border-radius: 0.25rem;
  font-size: 0.9rem;
}
.diferencia-icono.cromosoma-mini.x-grande[data-v-95b8909a] {
  width: 28px;
  height: 36px;
  background: rgba(249, 168, 212, 0.3);
  border: 2px solid #F9A8D4;
  color: #F9A8D4;
}
.diferencia-icono.cromosoma-mini.y-pequeno[data-v-95b8909a] {
  width: 22px;
  height: 28px;
  background: rgba(147, 197, 253, 0.3);
  border: 2px solid #93C5FD;
  color: #93C5FD;
}
.diferencia-texto[data-v-95b8909a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.diferencia-texto strong[data-v-95b8909a] {
  color: #FFFFFF;
}
.diferencia-explicacion[data-v-95b8909a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.5;
}

/* Herencia section */
.herencia-section[data-v-95b8909a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.herencia-titulo[data-v-95b8909a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.herencia-diagrama[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.herencia-padres[data-v-95b8909a] {
  display: flex;
  gap: 2rem;
  justify-content: center;
}
.padre-item[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.padre-icono[data-v-95b8909a] {
  font-size: 2rem;
}
.padre-label[data-v-95b8909a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.padre-cromosomas[data-v-95b8909a] {
  display: flex;
  gap: 0.15rem;
  align-items: flex-end;
}
.cromosoma-sm[data-v-95b8909a] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border-radius: 0.15rem;
  font-size: 0.7rem;
}
.cromosoma-sm.x[data-v-95b8909a] {
  width: 20px;
  height: 28px;
  background: rgba(249, 168, 212, 0.3);
  border: 2px solid #F9A8D4;
  color: #F9A8D4;
}
.cromosoma-sm.y[data-v-95b8909a] {
  width: 16px;
  height: 20px;
  background: rgba(147, 197, 253, 0.3);
  border: 2px solid #93C5FD;
  color: #93C5FD;
}
.herencia-flecha[data-v-95b8909a] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.herencia-hijos[data-v-95b8909a] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}
.hijo-item[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.hijo-cromosomas[data-v-95b8909a] {
  display: flex;
  gap: 0.15rem;
  align-items: flex-end;
}
.hijo-label[data-v-95b8909a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.hijo-origen[data-v-95b8909a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Conceptos section */
.conceptos-section[data-v-95b8909a] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-95b8909a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-95b8909a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-item[data-v-95b8909a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-icono[data-v-95b8909a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.concepto-nombre[data-v-95b8909a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.concepto-desc[data-v-95b8909a] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}

/* Tip */
.tip[data-v-95b8909a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-95b8909a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-95b8909a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-95b8909a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cromosoma-icono[data-v-95b8909a] {
    font-size: 4rem;
}
.cromosomas-visual[data-v-95b8909a] {
    gap: 2rem;
}
.cromosoma.x-grande[data-v-95b8909a] {
    width: 40px;
    height: 60px;
    font-size: 1.5rem;
}
.cromosoma.y-pequeno[data-v-95b8909a] {
    width: 30px;
    height: 40px;
    font-size: 1.2rem;
}
.diferencia-contenido[data-v-95b8909a] {
    flex-direction: row;
    gap: 1.5rem;
}
.herencia-padres[data-v-95b8909a] {
    gap: 4rem;
}
.herencia-hijos[data-v-95b8909a] {
    gap: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.hemofilia-icono[data-v-5d6e4d35] {
  font-size: 3rem;
}
.hemofilia-titulo[data-v-5d6e4d35] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.enfermedad[data-v-5d6e4d35] { color: #FCA5A5;
}
strong.sintoma[data-v-5d6e4d35] { color: #FCD34D;
}
strong.x-color[data-v-5d6e4d35] { color: #F9A8D4;
}
strong.recesivo[data-v-5d6e4d35] { color: #93C5FD;
}

/* Genes section */
.genes-section[data-v-5d6e4d35] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.genes-titulo[data-v-5d6e4d35] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.genes-grid[data-v-5d6e4d35] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.gen-item[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.gen-item.normal[data-v-5d6e4d35] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.gen-item.afectado[data-v-5d6e4d35] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.gen-alelo[data-v-5d6e4d35] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: serif;
}
.gen-alelo sup[data-v-5d6e4d35] {
  font-size: 0.8rem;
}
.gen-desc[data-v-5d6e4d35] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.gen-fenotipo[data-v-5d6e4d35] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.gen-item.normal .gen-fenotipo[data-v-5d6e4d35] {
  color: #6EE7B7;
}
.gen-item.afectado .gen-fenotipo[data-v-5d6e4d35] {
  color: #FCA5A5;
}

/* Genotipos section */
.genotipos-section[data-v-5d6e4d35] {
  margin: 1.5rem 0;
}
.genotipos-titulo[data-v-5d6e4d35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.genotipos-grupo[data-v-5d6e4d35] {
  margin-bottom: 0.75rem;
}
.grupo-header[data-v-5d6e4d35] {
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.grupo-header.fem[data-v-5d6e4d35] {
  background: rgba(249, 168, 212, 0.2);
  color: #F9A8D4;
}
.grupo-header.masc[data-v-5d6e4d35] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.genotipos-lista[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0 0 0.4rem 0.4rem;
}
.genotipo-item[data-v-5d6e4d35] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  flex-wrap: wrap;
}
.genotipo-cromosomas[data-v-5d6e4d35] {
  display: flex;
  gap: 0.15rem;
  align-items: flex-end;
}
.cromosoma[data-v-5d6e4d35] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 0.15rem;
  padding: 0.2rem 0.3rem;
  font-family: serif;
}
.cromosoma sup[data-v-5d6e4d35] {
  font-size: 0.55rem;
}
.cromosoma.x-normal[data-v-5d6e4d35] {
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  color: #6EE7B7;
}
.cromosoma.x-afectado[data-v-5d6e4d35] {
  background: rgba(239, 68, 68, 0.3);
  border: 1px solid #EF4444;
  color: #FCA5A5;
}
.cromosoma.y[data-v-5d6e4d35] {
  background: rgba(147, 197, 253, 0.3);
  border: 1px solid #93C5FD;
  color: #93C5FD;
}
.genotipo-tipo[data-v-5d6e4d35] {
  font-size: 0.75rem;
  color: #E9D5FF;
  flex: 1;
}
.genotipo-fenotipo[data-v-5d6e4d35] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
}
.normal-tag[data-v-5d6e4d35] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.portadora-tag[data-v-5d6e4d35] {
  background: rgba(251, 191, 36, 0.2);
  color: #FCD34D;
}
.afectada-tag[data-v-5d6e4d35] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Cruce section */
.cruce-section[data-v-5d6e4d35] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cruce-titulo[data-v-5d6e4d35] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  font-size: 1rem;
}
.cruce-descripcion[data-v-5d6e4d35] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.punnett-container[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.punnett-padres[data-v-5d6e4d35] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: serif;
}
.padre-genot[data-v-5d6e4d35] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.padre-genot sup[data-v-5d6e4d35] {
  font-size: 0.7rem;
}
.padre-x[data-v-5d6e4d35] {
  color: #8B5CF6;
  font-weight: 700;
}
.punnett-grid[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
}
.punnett-header[data-v-5d6e4d35], .punnett-row[data-v-5d6e4d35] {
  display: flex;
}
.punnett-corner[data-v-5d6e4d35] {
  width: 40px;
  height: 32px;
  background: rgba(139, 92, 246, 0.1);
}
.punnett-header-cell[data-v-5d6e4d35] {
  width: 65px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(147, 197, 253, 0.2);
  border: 1px solid rgba(147, 197, 253, 0.4);
  font-weight: 700;
  font-family: serif;
  color: #93C5FD;
  font-size: 0.9rem;
}
.punnett-lateral[data-v-5d6e4d35] {
  width: 40px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(249, 168, 212, 0.2);
  border: 1px solid rgba(249, 168, 212, 0.4);
  font-weight: 700;
  font-family: serif;
  color: #F9A8D4;
  font-size: 0.9rem;
}
.punnett-cell[data-v-5d6e4d35] {
  width: 65px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
  font-weight: 700;
  font-family: serif;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.punnett-cell.normal[data-v-5d6e4d35] {
  background: rgba(16, 185, 129, 0.15);
}
.punnett-cell.portadora[data-v-5d6e4d35] {
  background: rgba(251, 191, 36, 0.15);
}
.punnett-cell.afectado[data-v-5d6e4d35] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.punnett-cell sup[data-v-5d6e4d35], .punnett-header-cell sup[data-v-5d6e4d35], .punnett-lateral sup[data-v-5d6e4d35] {
  font-size: 0.6rem;
}
.cruce-resultados[data-v-5d6e4d35] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-top: 1rem;
}
.resultado-item[data-v-5d6e4d35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.resultado-porcentaje[data-v-5d6e4d35] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-porcentaje.afectado[data-v-5d6e4d35] {
  color: #FCA5A5;
}
.resultado-desc[data-v-5d6e4d35] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.resultado-desc.portadora[data-v-5d6e4d35] {
  color: #FCD34D;
}
.resultado-desc.afectado[data-v-5d6e4d35] {
  color: #FCA5A5;
}

/* Historia */
.historia-section[data-v-5d6e4d35] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.historia-titulo[data-v-5d6e4d35] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.historia-texto[data-v-5d6e4d35] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}
.historia-texto strong[data-v-5d6e4d35] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-5d6e4d35] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5d6e4d35] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5d6e4d35] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5d6e4d35] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.hemofilia-icono[data-v-5d6e4d35] {
    font-size: 4rem;
}
.genes-grid[data-v-5d6e4d35] {
    gap: 1rem;
}
.gen-alelo[data-v-5d6e4d35] {
    font-size: 1.8rem;
}
.genotipo-item[data-v-5d6e4d35] {
    flex-wrap: nowrap;
}
.cruce-resultados[data-v-5d6e4d35] {
    grid-template-columns: repeat(4, 1fr);
}
.punnett-cell[data-v-5d6e4d35], .punnett-header-cell[data-v-5d6e4d35] {
    width: 80px;
}
.punnett-cell[data-v-5d6e4d35] {
    height: 55px;
    font-size: 0.95rem;
}
}

/* Intro visual */
.intro-visual[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.daltonismo-icono[data-v-72cfe035] {
  font-size: 3rem;
}
.daltonismo-titulo[data-v-72cfe035] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.enfermedad[data-v-72cfe035] { color: #FCA5A5;
}
strong.sintoma[data-v-72cfe035] { color: #FCD34D;
}
strong.x-color[data-v-72cfe035] { color: #F9A8D4;
}
strong.rojo[data-v-72cfe035] { color: #FCA5A5;
}
strong.verde[data-v-72cfe035] { color: #6EE7B7;
}

/* Vision section */
.vision-section[data-v-72cfe035] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.vision-titulo[data-v-72cfe035] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.vision-comparacion[data-v-72cfe035] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.vision-item[data-v-72cfe035] {
  text-align: center;
}
.vision-label[data-v-72cfe035] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.colores-grid[data-v-72cfe035] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.color-box[data-v-72cfe035] {
  width: 28px;
  height: 28px;
  border-radius: 0.25rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.vision-explicacion[data-v-72cfe035] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0;
  text-align: center;
  line-height: 1.4;
}

/* Genes section */
.genes-section[data-v-72cfe035] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.genes-titulo[data-v-72cfe035] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.genes-grid[data-v-72cfe035] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.gen-item[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.gen-item.normal[data-v-72cfe035] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.gen-item.afectado[data-v-72cfe035] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.gen-alelo[data-v-72cfe035] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: serif;
}
.gen-alelo sup[data-v-72cfe035] {
  font-size: 0.8rem;
}
.gen-desc[data-v-72cfe035] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.gen-fenotipo[data-v-72cfe035] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.gen-item.normal .gen-fenotipo[data-v-72cfe035] {
  color: #6EE7B7;
}
.gen-item.afectado .gen-fenotipo[data-v-72cfe035] {
  color: #FCA5A5;
}

/* Frecuencias section */
.frecuencias-section[data-v-72cfe035] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.frecuencias-titulo[data-v-72cfe035] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frecuencias-grid[data-v-72cfe035] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.frecuencia-item[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.frecuencia-item.masc[data-v-72cfe035] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.frecuencia-item.fem[data-v-72cfe035] {
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.4);
}
.frecuencia-icono[data-v-72cfe035] {
  font-size: 1.5rem;
}
.frecuencia-valor[data-v-72cfe035] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FFFFFF;
}
.frecuencia-label[data-v-72cfe035] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.frecuencia-explicacion[data-v-72cfe035] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.frecuencia-explicacion strong[data-v-72cfe035] {
  color: #FCD34D;
}
.frecuencia-explicacion sup[data-v-72cfe035] {
  font-size: 0.6rem;
}

/* Cruce section */
.cruce-section[data-v-72cfe035] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cruce-titulo[data-v-72cfe035] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  font-size: 1rem;
}
.cruce-descripcion[data-v-72cfe035] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.punnett-container[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.punnett-padres[data-v-72cfe035] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: serif;
}
.padre-genot[data-v-72cfe035] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.padre-genot sup[data-v-72cfe035] {
  font-size: 0.7rem;
}
.padre-x[data-v-72cfe035] {
  color: #8B5CF6;
  font-weight: 700;
}
.punnett-grid[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
}
.punnett-header[data-v-72cfe035], .punnett-row[data-v-72cfe035] {
  display: flex;
}
.punnett-corner[data-v-72cfe035] {
  width: 40px;
  height: 32px;
  background: rgba(139, 92, 246, 0.1);
}
.punnett-header-cell[data-v-72cfe035] {
  width: 65px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(147, 197, 253, 0.2);
  border: 1px solid rgba(147, 197, 253, 0.4);
  font-weight: 700;
  font-family: serif;
  color: #93C5FD;
  font-size: 0.9rem;
}
.punnett-lateral[data-v-72cfe035] {
  width: 40px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(249, 168, 212, 0.2);
  border: 1px solid rgba(249, 168, 212, 0.4);
  font-weight: 700;
  font-family: serif;
  color: #F9A8D4;
  font-size: 0.9rem;
}
.punnett-cell[data-v-72cfe035] {
  width: 65px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
  font-weight: 700;
  font-family: serif;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.punnett-cell.normal[data-v-72cfe035] {
  background: rgba(16, 185, 129, 0.15);
}
.punnett-cell.portadora[data-v-72cfe035] {
  background: rgba(251, 191, 36, 0.15);
}
.punnett-cell.afectado[data-v-72cfe035] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.punnett-cell sup[data-v-72cfe035], .punnett-header-cell sup[data-v-72cfe035], .punnett-lateral sup[data-v-72cfe035] {
  font-size: 0.6rem;
}
.cruce-resultados[data-v-72cfe035] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-top: 1rem;
}
.resultado-item[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.resultado-porcentaje[data-v-72cfe035] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-porcentaje.afectado[data-v-72cfe035] {
  color: #FCA5A5;
}
.resultado-desc[data-v-72cfe035] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.resultado-detalle[data-v-72cfe035] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación section */
.comparacion-section[data-v-72cfe035] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-72cfe035] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-72cfe035] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comparacion-item[data-v-72cfe035] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comparacion-icono[data-v-72cfe035] {
  font-size: 1.75rem;
}
.comparacion-nombre[data-v-72cfe035] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.comparacion-detalle[data-v-72cfe035] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.comparacion-explicacion[data-v-72cfe035] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  text-align: center;
  line-height: 1.5;
}
.comparacion-explicacion strong[data-v-72cfe035] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-72cfe035] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-72cfe035] {
  font-size: 1.25rem;
}
.tip-texto[data-v-72cfe035] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-72cfe035] {
  color: #6EE7B7;
}
.tip-texto sup[data-v-72cfe035] {
  font-size: 0.6rem;
}

/* Desktop */
@media (min-width: 640px) {
.daltonismo-icono[data-v-72cfe035] {
    font-size: 4rem;
}
.color-box[data-v-72cfe035] {
    width: 36px;
    height: 36px;
}
.gen-alelo[data-v-72cfe035] {
    font-size: 1.8rem;
}
.punnett-cell[data-v-72cfe035], .punnett-header-cell[data-v-72cfe035] {
    width: 80px;
}
.punnett-cell[data-v-72cfe035] {
    height: 55px;
    font-size: 0.95rem;
}
}

.explorador[data-v-458bb79b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-458bb79b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-458bb79b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-458bb79b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-458bb79b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-458bb79b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-458bb79b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-458bb79b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-458bb79b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-458bb79b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar genotipos ===== */
.identificar-container[data-v-458bb79b] {
  text-align: center;
}
.caso-actual[data-v-458bb79b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.caso-icono[data-v-458bb79b] {
  font-size: 2.5rem;
}
.caso-texto[data-v-458bb79b] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-genotipo[data-v-458bb79b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-btn[data-v-458bb79b] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: serif;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-458bb79b] sup {
  font-size: 0.65rem;
}
.opcion-btn.seleccionada[data-v-458bb79b] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-458bb79b] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-btn.incorrecto[data-v-458bb79b] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Cuadro de Punnett ===== */
.punnett-interactivo[data-v-458bb79b] {
  text-align: center;
}
.cruce-info[data-v-458bb79b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.cruce-padres[data-v-458bb79b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
}
.cruce-padres[data-v-458bb79b] sup {
  font-size: 0.7rem;
}
.cruce-desc[data-v-458bb79b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.punnett-grid-interactivo[data-v-458bb79b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.punnett-header-int[data-v-458bb79b], .punnett-row-int[data-v-458bb79b] {
  display: flex;
}
.corner-cell[data-v-458bb79b] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.header-cell[data-v-458bb79b] {
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
  font-family: serif;
}
.header-cell[data-v-458bb79b] sup {
  font-size: 0.6rem;
}
.lateral-cell[data-v-458bb79b] {
  width: 40px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
  font-family: serif;
}
.lateral-cell[data-v-458bb79b] sup {
  font-size: 0.6rem;
}
.punnett-cell-int[data-v-458bb79b] {
  width: 60px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell-int.completado[data-v-458bb79b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.punnett-cell-int.incorrecto[data-v-458bb79b] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.cell-input[data-v-458bb79b] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: inherit;
  text-transform: uppercase;
}
.cell-input[data-v-458bb79b]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.cell-input[data-v-458bb79b]:focus {
  outline: none;
}
.punnett-hint[data-v-458bb79b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Probabilidades ===== */
.probabilidad-container[data-v-458bb79b] {
  text-align: center;
}
.problema-actual[data-v-458bb79b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-458bb79b] {
  font-size: 1.75rem;
}
.problema-texto[data-v-458bb79b] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}
.problema-texto[data-v-458bb79b] strong {
  color: #FCD34D;
}
.opciones-probabilidad[data-v-458bb79b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.probabilidad-btn[data-v-458bb79b] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.probabilidad-btn.seleccionada[data-v-458bb79b] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.probabilidad-btn.correcto[data-v-458bb79b] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.probabilidad-btn.incorrecto[data-v-458bb79b] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}
.explicacion-box[data-v-458bb79b] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.explicacion-texto[data-v-458bb79b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.explicacion-texto[data-v-458bb79b] strong {
  color: #6EE7B7;
}
.explicacion-texto[data-v-458bb79b] sup {
  font-size: 0.6rem;
}

/* Elementos comunes */
.contador[data-v-458bb79b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-458bb79b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-458bb79b] { font-size: 1.25rem;
}
.resultado-texto[data-v-458bb79b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-458bb79b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-458bb79b] { flex: 1;
}
.nav-btn[data-v-458bb79b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-458bb79b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-458bb79b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-458bb79b] { font-size: 1.75rem;
}
.completado-texto[data-v-458bb79b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-458bb79b], .slide-leave-active[data-v-458bb79b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-458bb79b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-458bb79b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-genotipo[data-v-458bb79b] {
    grid-template-columns: repeat(4, 1fr);
}
.punnett-cell-int[data-v-458bb79b], .header-cell[data-v-458bb79b] {
    width: 75px;
}
.punnett-cell-int[data-v-458bb79b], .lateral-cell[data-v-458bb79b] {
    height: 60px;
}
.header-cell[data-v-458bb79b] {
    height: 45px;
}
.corner-cell[data-v-458bb79b] {
    width: 45px;
    height: 45px;
}
.lateral-cell[data-v-458bb79b] {
    width: 45px;
}
.opciones-probabilidad[data-v-458bb79b] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-34cb3f63] {
  font-size: 3rem;
}
.resumen-titulo[data-v-34cb3f63] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.fem[data-v-34cb3f63] { color: #F9A8D4;
}
strong.masc[data-v-34cb3f63] { color: #93C5FD;
}

/* Conceptos section */
.conceptos-section[data-v-34cb3f63] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-34cb3f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-34cb3f63] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.concepto-card[data-v-34cb3f63] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.concepto-header[data-v-34cb3f63] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-34cb3f63] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-34cb3f63] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-lista[data-v-34cb3f63] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.concepto-lista strong[data-v-34cb3f63] {
  color: #6EE7B7;
}

/* Enfermedades section */
.enfermedades-section[data-v-34cb3f63] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.enfermedades-titulo[data-v-34cb3f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-enfermedades[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-header[data-v-34cb3f63], .tabla-row[data-v-34cb3f63] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.tabla-header[data-v-34cb3f63] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-row[data-v-34cb3f63] {
  background: rgba(0, 0, 0, 0.15);
  font-size: 0.8rem;
  color: #E9D5FF;
  align-items: center;
}
.col-enfermedad[data-v-34cb3f63] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.enfermedad-icono[data-v-34cb3f63] {
  font-size: 1rem;
}
.col-gen[data-v-34cb3f63] {
  font-family: serif;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.col-gen sup[data-v-34cb3f63] {
  font-size: 0.55rem;
}
.col-frecuencia[data-v-34cb3f63] {
  text-align: center;
  color: #FCD34D;
  font-weight: 600;
}

/* Patrones section */
.patrones-section[data-v-34cb3f63] {
  margin: 1.5rem 0;
}
.patrones-titulo[data-v-34cb3f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.patrones-grid[data-v-34cb3f63] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.patron-card[data-v-34cb3f63] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.patron-header[data-v-34cb3f63] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.patron-formula[data-v-34cb3f63] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
  margin-bottom: 0.5rem;
}
.patron-formula sup[data-v-34cb3f63] {
  font-size: 0.6rem;
}
.patron-resultados[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.patron-item[data-v-34cb3f63] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
}
.patron-item.afectado[data-v-34cb3f63] {
  background: rgba(239, 68, 68, 0.1);
}

/* Reglas section */
.reglas-section[data-v-34cb3f63] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-34cb3f63] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.reglas-grid[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-34cb3f63] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(251, 191, 36, 0.05);
  border-radius: 0.4rem;
}
.regla-numero[data-v-34cb3f63] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #F59E0B;
  color: #000;
  font-weight: 800;
  border-radius: 50%;
  font-size: 0.85rem;
}
.regla-contenido[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.regla-contenido strong[data-v-34cb3f63] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.regla-detalle[data-v-34cb3f63] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.regla-detalle sup[data-v-34cb3f63] {
  font-size: 0.55rem;
}

/* Arbol section */
.arbol-section[data-v-34cb3f63] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.arbol-titulo[data-v-34cb3f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.arbol-tips[data-v-34cb3f63] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.arbol-tip[data-v-34cb3f63] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.arbol-icono[data-v-34cb3f63] {
  font-size: 1.1rem;
}
.arbol-texto[data-v-34cb3f63] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.arbol-texto strong[data-v-34cb3f63] {
  color: #6EE7B7;
}

/* Tip final */
.tip-final[data-v-34cb3f63] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-34cb3f63] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-34cb3f63] {
  flex: 1;
}
.tip-contenido strong[data-v-34cb3f63] {
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-lista[data-v-34cb3f63] {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-icono[data-v-34cb3f63] {
    font-size: 4rem;
}
.conceptos-grid[data-v-34cb3f63] {
    grid-template-columns: repeat(2, 1fr);
}
.patrones-grid[data-v-34cb3f63] {
    grid-template-columns: repeat(2, 1fr);
}
.reglas-grid[data-v-34cb3f63] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-58de5b87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.evolucion-iconos[data-v-58de5b87] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.icono[data-v-58de5b87] {
  font-size: 2rem;
}
.flecha[data-v-58de5b87] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}
.intro-titulo[data-v-58de5b87] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.cambio[data-v-58de5b87] { color: #F9A8D4;
}
strong.diversidad[data-v-58de5b87] { color: #6EE7B7;
}
strong.positivo[data-v-58de5b87] { color: #6EE7B7;
}
strong.negativo[data-v-58de5b87] { color: #FCA5A5;
}

/* Mecanismos section */
.mecanismos-section[data-v-58de5b87] {
  margin: 1.5rem 0;
}
.mecanismos-titulo[data-v-58de5b87] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mecanismos-grid[data-v-58de5b87] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.mecanismo-card[data-v-58de5b87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.mecanismo-card.mutacion[data-v-58de5b87] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.mecanismo-card.seleccion[data-v-58de5b87] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.mecanismo-card.deriva[data-v-58de5b87] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.mecanismo-card.flujo[data-v-58de5b87] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.mecanismo-icono[data-v-58de5b87] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.mecanismo-nombre[data-v-58de5b87] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mecanismo-desc[data-v-58de5b87] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Frecuencia alélica */
.frecuencia-section[data-v-58de5b87] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.frecuencia-titulo[data-v-58de5b87] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frecuencia-visual[data-v-58de5b87] {
  text-align: center;
}
.poblacion-ejemplo[data-v-58de5b87] {
  margin-bottom: 0.75rem;
}
.alelos-container[data-v-58de5b87] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.alelo[data-v-58de5b87] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
}
.alelo.a-grande[data-v-58de5b87] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.alelo.a-pequeno[data-v-58de5b87] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.frecuencia-calculo[data-v-58de5b87] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.calculo-item[data-v-58de5b87] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.calculo-item strong[data-v-58de5b87] {
  color: #FCD34D;
}
.frecuencia-explicacion[data-v-58de5b87] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Hardy-Weinberg */
.hardy-section[data-v-58de5b87] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.hardy-titulo[data-v-58de5b87] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.hardy-intro[data-v-58de5b87] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem 0;
}
.condiciones-grid[data-v-58de5b87] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.condicion[data-v-58de5b87] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.cond-icono[data-v-58de5b87] {
  font-size: 0.85rem;
}
.hardy-conclusion[data-v-58de5b87] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-58de5b87] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-58de5b87] {
  font-size: 1.25rem;
}
.tip-texto[data-v-58de5b87] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-58de5b87] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-58de5b87] {
    font-size: 2.5rem;
}
.mecanismos-grid[data-v-58de5b87] {
    grid-template-columns: repeat(4, 1fr);
}
.alelo[data-v-58de5b87] {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
}
.condiciones-grid[data-v-58de5b87] {
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-04bddd38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mutacion-icono[data-v-04bddd38] {
  font-size: 3rem;
  animation: pulse-04bddd38 2s ease-in-out infinite;
}
@keyframes pulse-04bddd38 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.mutacion-titulo[data-v-04bddd38] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.cambio[data-v-04bddd38] { color: #F9A8D4;
}
strong.importante[data-v-04bddd38] { color: #FCD34D;
}
strong.aleatorio[data-v-04bddd38] { color: #93C5FD;
}

/* Tipos de mutaciones */
.tipos-section[data-v-04bddd38] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-04bddd38] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-04bddd38] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-04bddd38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-04bddd38] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.tipo-nombre[data-v-04bddd38] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-04bddd38] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.tipo-ejemplo[data-v-04bddd38] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
  font-size: 0.7rem;
}
.antes[data-v-04bddd38] { color: #FCA5A5;
}
.flecha[data-v-04bddd38] { color: #8B5CF6;
}
.despues[data-v-04bddd38] { color: #6EE7B7;
}

/* Efectos */
.efectos-section[data-v-04bddd38] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.efectos-titulo[data-v-04bddd38] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efectos-visual[data-v-04bddd38] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efecto-item[data-v-04bddd38] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.efecto-item.neutro[data-v-04bddd38] {
  background: rgba(156, 163, 175, 0.15);
  border: 1px solid rgba(156, 163, 175, 0.4);
}
.efecto-item.perjudicial[data-v-04bddd38] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.efecto-item.beneficioso[data-v-04bddd38] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.efecto-icono[data-v-04bddd38] {
  font-size: 1.25rem;
}
.efecto-info[data-v-04bddd38] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.efecto-nombre[data-v-04bddd38] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.efecto-desc[data-v-04bddd38] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.efecto-porciento[data-v-04bddd38] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Concepto importante */
.concepto-section[data-v-04bddd38] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.concepto-titulo[data-v-04bddd38] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.concepto-contenido p[data-v-04bddd38] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.concepto-ejemplo[data-v-04bddd38] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-incorrecto[data-v-04bddd38], .ejemplo-correcto[data-v-04bddd38] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.ejemplo-incorrecto[data-v-04bddd38] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ejemplo-correcto[data-v-04bddd38] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.marca[data-v-04bddd38] {
  font-weight: 700;
  font-size: 0.9rem;
}
.ejemplo-incorrecto .marca[data-v-04bddd38] { color: #FCA5A5;
}
.ejemplo-correcto .marca[data-v-04bddd38] { color: #6EE7B7;
}
.texto[data-v-04bddd38] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Agentes mutagénicos */
.agentes-section[data-v-04bddd38] {
  margin: 1.5rem 0;
}
.agentes-titulo[data-v-04bddd38] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.agentes-grid[data-v-04bddd38] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.agente[data-v-04bddd38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.agente-icono[data-v-04bddd38] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.agente-nombre[data-v-04bddd38] {
  font-size: 0.6rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-04bddd38] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-04bddd38] {
  font-size: 1.25rem;
}
.tip-texto[data-v-04bddd38] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-04bddd38] {
  color: #6EE7B7;
}
.tip-texto strong.importante[data-v-04bddd38] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.mutacion-icono[data-v-04bddd38] {
    font-size: 4rem;
}
.tipos-grid[data-v-04bddd38] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-04bddd38] {
    padding: 0.75rem 0.5rem;
}
.efectos-visual[data-v-04bddd38] {
    flex-direction: row;
    justify-content: center;
}
.efecto-item[data-v-04bddd38] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.efecto-info[data-v-04bddd38] {
    align-items: center;
}
.agentes-grid[data-v-04bddd38] {
    gap: 0.6rem;
}
.agente-nombre[data-v-04bddd38] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mecanismos-iconos[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.icono[data-v-f161ab2b] {
  font-size: 2.5rem;
}
.separador[data-v-f161ab2b] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.intro-titulo[data-v-f161ab2b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.aleatorio[data-v-f161ab2b] { color: #93C5FD;
}
strong.deriva[data-v-f161ab2b] { color: #A78BFA;
}
strong.flujo[data-v-f161ab2b] { color: #60A5FA;
}
strong.importante[data-v-f161ab2b] { color: #FCD34D;
}
strong.negativo[data-v-f161ab2b] { color: #FCA5A5;
}

/* Secciones de mecanismos */
.mecanismo-section[data-v-f161ab2b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.deriva-section[data-v-f161ab2b] {
  background: rgba(167, 139, 250, 0.1);
  border: 2px solid rgba(167, 139, 250, 0.3);
}
.flujo-section[data-v-f161ab2b] {
  background: rgba(96, 165, 250, 0.1);
  border: 2px solid rgba(96, 165, 250, 0.3);
}
.mecanismo-header[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mecanismo-header .mecanismo-icono[data-v-f161ab2b] {
  font-size: 1.5rem;
}
.mecanismo-header .mecanismo-nombre[data-v-f161ab2b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mecanismo-def[data-v-f161ab2b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}

/* Ejemplos de deriva */
.ejemplos-deriva[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-deriva[data-v-f161ab2b] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-header[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.3rem;
}
.ejemplo-header .ejemplo-icono[data-v-f161ab2b] {
  font-size: 1.25rem;
}
.ejemplo-header .ejemplo-nombre[data-v-f161ab2b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.ejemplo-desc[data-v-f161ab2b] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}
.ejemplo-visual[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.poblacion[data-v-f161ab2b] {
  display: flex;
  gap: 0.25rem;
  padding: 0.3rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.3rem;
}
.individuo[data-v-f161ab2b] {
  font-size: 0.9rem;
}
.individuo.a[data-v-f161ab2b] { color: #6EE7B7;
}
.individuo.b[data-v-f161ab2b] { color: #FCA5A5;
}
.individuo.c[data-v-f161ab2b] { color: #93C5FD;
}
.flecha-migracion[data-v-f161ab2b], .flecha-catastrofe[data-v-f161ab2b] {
  font-size: 1rem;
  color: #8B5CF6;
}

/* Flujo genético visual */
.flujo-visual[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.poblacion.pob-a[data-v-f161ab2b], .poblacion.pob-b[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.pob-label[data-v-f161ab2b] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.pob-alelos[data-v-f161ab2b] {
  display: flex;
  gap: 0.25rem;
}
.alelo[data-v-f161ab2b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.alelo.tipo-a[data-v-f161ab2b] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.alelo.tipo-b[data-v-f161ab2b] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.flujo-flechas[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.flecha-flujo[data-v-f161ab2b] {
  font-size: 0.75rem;
  color: #8B5CF6;
}

/* Efectos del flujo */
.efectos-flujo[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.5rem;
}
.efecto[data-v-f161ab2b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.efecto-icono[data-v-f161ab2b] {
  font-size: 0.9rem;
}
.efecto-texto[data-v-f161ab2b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Comparación */
.comparacion-section[data-v-f161ab2b] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-f161ab2b] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.comparacion-tabla[data-v-f161ab2b] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.fila[data-v-f161ab2b] {
  display: grid;
  grid-template-columns: 80px 1fr 1fr;
  gap: 0.3rem;
}
.celda[data-v-f161ab2b] {
  padding: 0.4rem;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}
.fila.header .celda[data-v-f161ab2b] {
  font-weight: 700;
  color: #FFFFFF;
}
.celda.label[data-v-f161ab2b] {
  background: rgba(0, 0, 0, 0.2);
  color: #C4B5FD;
  font-weight: 600;
}
.celda.deriva-col[data-v-f161ab2b] {
  background: rgba(167, 139, 250, 0.2);
  color: #E9D5FF;
}
.celda.flujo-col[data-v-f161ab2b] {
  background: rgba(96, 165, 250, 0.2);
  color: #E9D5FF;
}
.fila.header .deriva-col[data-v-f161ab2b] {
  color: #A78BFA;
}
.fila.header .flujo-col[data-v-f161ab2b] {
  color: #60A5FA;
}

/* Tip */
.tip[data-v-f161ab2b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f161ab2b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f161ab2b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f161ab2b] {
  color: #6EE7B7;
}
.tip-texto strong.deriva[data-v-f161ab2b] {
  color: #A78BFA;
}
.tip-texto strong.flujo[data-v-f161ab2b] {
  color: #60A5FA;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-f161ab2b] {
    font-size: 3rem;
}
.ejemplos-deriva[data-v-f161ab2b] {
    flex-direction: row;
}
.ejemplo-deriva[data-v-f161ab2b] {
    flex: 1;
}
.efectos-flujo[data-v-f161ab2b] {
    flex-direction: row;
    justify-content: center;
}
.efecto[data-v-f161ab2b] {
    flex: 0 0 auto;
}
.fila[data-v-f161ab2b] {
    grid-template-columns: 100px 1fr 1fr;
}
.celda[data-v-f161ab2b] {
    font-size: 0.85rem;
    padding: 0.5rem;
}
}

.explorador[data-v-4ec614e8] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4ec614e8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4ec614e8] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4ec614e8] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4ec614e8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4ec614e8] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4ec614e8] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4ec614e8] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4ec614e8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4ec614e8] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Deriva Génica ===== */
.deriva-container[data-v-4ec614e8] {
  text-align: center;
}
.poblacion-info[data-v-4ec614e8] {
  margin-bottom: 0.75rem;
}
.info-label[data-v-4ec614e8] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.tamano-btns[data-v-4ec614e8] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.tamano-btns button[data-v-4ec614e8] {
  padding: 0.4rem 0.6rem;
  font-size: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.tamano-btns button.activo[data-v-4ec614e8] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.generacion-visual[data-v-4ec614e8] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.gen-label[data-v-4ec614e8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.alelos-pool[data-v-4ec614e8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.alelo-chip[data-v-4ec614e8] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.alelo-chip.A[data-v-4ec614e8] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.alelo-chip.a[data-v-4ec614e8] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.frecuencias[data-v-4ec614e8] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.freq[data-v-4ec614e8] {
  font-size: 0.85rem;
  font-weight: 600;
}
.freq.a-grande[data-v-4ec614e8] { color: #6EE7B7;
}
.freq.a-pequeno[data-v-4ec614e8] { color: #FCA5A5;
}
.btn-generacion[data-v-4ec614e8] {
  padding: 0.6rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.btn-generacion[data-v-4ec614e8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pregunta-deriva[data-v-4ec614e8] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-4ec614e8] {
  display: block;
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.opciones-deriva[data-v-4ec614e8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.opciones-deriva button[data-v-4ec614e8] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8rem;
}
.opciones-deriva button.correcto[data-v-4ec614e8] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opciones-deriva button.incorrecto[data-v-4ec614e8] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Identificar Mecanismo ===== */
.identificar-container[data-v-4ec614e8] {
  text-align: center;
}
.escenario-actual[data-v-4ec614e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.escenario-icono[data-v-4ec614e8] {
  font-size: 2rem;
}
.escenario-texto[data-v-4ec614e8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.mecanismos-opciones[data-v-4ec614e8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-mecanismo[data-v-4ec614e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-mecanismo.seleccionada[data-v-4ec614e8] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-mecanismo.correcto[data-v-4ec614e8] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-mecanismo.incorrecto[data-v-4ec614e8] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.mec-icono[data-v-4ec614e8] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.mec-nombre[data-v-4ec614e8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Efecto Frecuencia ===== */
.frecuencia-container[data-v-4ec614e8] {
  text-align: center;
}
.situacion-actual[data-v-4ec614e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.situacion-icono[data-v-4ec614e8] {
  font-size: 2rem;
}
.situacion-texto[data-v-4ec614e8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-frecuencia[data-v-4ec614e8] {
  margin-bottom: 0.5rem;
}
.pregunta[data-v-4ec614e8] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
}
.opciones-frecuencia[data-v-4ec614e8] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.opcion-freq[data-v-4ec614e8] {
  padding: 0.6rem 0.8rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.opcion-freq.sube[data-v-4ec614e8] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-freq.baja[data-v-4ec614e8] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-freq.variable[data-v-4ec614e8] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.opcion-freq.seleccionada[data-v-4ec614e8] {
  transform: scale(1.05);
}
.opcion-freq.correcto[data-v-4ec614e8] {
  background: rgba(16, 185, 129, 0.5) !important;
  border-color: #10B981 !important;
  color: white !important;
}
.opcion-freq.incorrecto[data-v-4ec614e8] {
  background: rgba(239, 68, 68, 0.5) !important;
  border-color: #EF4444 !important;
  color: white !important;
}

/* Elementos comunes */
.contador[data-v-4ec614e8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-4ec614e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4ec614e8] { font-size: 1.25rem;
}
.resultado-texto[data-v-4ec614e8] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-4ec614e8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4ec614e8] { flex: 1;
}
.nav-btn[data-v-4ec614e8] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4ec614e8] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4ec614e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4ec614e8] { font-size: 1.75rem;
}
.completado-texto[data-v-4ec614e8] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4ec614e8], .slide-leave-active[data-v-4ec614e8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4ec614e8] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4ec614e8] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.mecanismos-opciones[data-v-4ec614e8] {
    grid-template-columns: repeat(4, 1fr);
}
.opciones-frecuencia[data-v-4ec614e8] {
    gap: 0.6rem;
}
.opcion-freq[data-v-4ec614e8] {
    padding: 0.75rem 1rem;
}
}

/* Intro */
.resumen-intro[data-v-04a74540] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-04a74540] {
  font-size: 2rem;
}
.resumen-intro p[data-v-04a74540] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-04a74540] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-04a74540] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-04a74540] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-04a74540]:hover {
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-04a74540] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-04a74540] {
    grid-column: span 1;
}
}
.card-header[data-v-04a74540] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-04a74540] {
  font-size: 1.1rem;
}
.card-titulo[data-v-04a74540] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-04a74540] {
  color: #E9D5FF;
}

/* Mecanismos resumen */
.mecanismos-resumen[data-v-04a74540] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.mecanismos-resumen[data-v-04a74540] {
    grid-template-columns: repeat(4, 1fr);
}
}
.mec-item[data-v-04a74540] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.mec-item.mutacion[data-v-04a74540] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.mec-item.seleccion[data-v-04a74540] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mec-item.deriva[data-v-04a74540] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.mec-item.flujo[data-v-04a74540] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.mec-icono[data-v-04a74540] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.mec-info[data-v-04a74540] {
  display: flex;
  flex-direction: column;
}
.mec-nombre[data-v-04a74540] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mec-desc[data-v-04a74540] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Puntos clave */
.puntos-clave[data-v-04a74540] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  line-height: 1.5;
}
.puntos-clave li[data-v-04a74540] {
  margin-bottom: 0.25rem;
}
.puntos-clave strong[data-v-04a74540] {
  color: #6EE7B7;
}

/* Hardy-Weinberg */
.hw-explicacion[data-v-04a74540] {
  margin: 0 0 0.4rem 0;
  font-size: 0.8rem;
}
.hw-condiciones[data-v-04a74540] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.4rem;
}
.hw-cond[data-v-04a74540] {
  font-size: 0.65rem;
  padding: 0.15rem 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
  color: #C4B5FD;
}
.hw-conclusion[data-v-04a74540] {
  margin: 0;
  font-size: 0.8rem;
}
.hw-conclusion .verde[data-v-04a74540] {
  color: #6EE7B7;
}

/* Comparación mini */
.comparacion-mini[data-v-04a74540] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.comp-grupo[data-v-04a74540] {
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.comp-grupo.adaptativo[data-v-04a74540] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-grupo.no-adaptativo[data-v-04a74540] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-label[data-v-04a74540] {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.2rem;
}
.comp-item[data-v-04a74540] {
  display: block;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-04a74540] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-04a74540] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-04a74540] {
  font-size: 1.1rem;
}
.tip-text[data-v-04a74540] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.85rem;
}
.tip-text strong[data-v-04a74540] {
  color: #FCD34D;
}
.tip-text strong.amarillo[data-v-04a74540] {
  color: #FCD34D;
}
.tip-text strong.violeta[data-v-04a74540] {
  color: #A78BFA;
}
.tip-text strong.azul[data-v-04a74540] {
  color: #60A5FA;
}

/* Celebración */
.celebracion[data-v-04a74540] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-04a74540] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-04a74540 1s ease-in-out infinite;
}
@keyframes bounce-04a74540 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-04a74540] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.25rem;
}
.celebracion-siguiente[data-v-04a74540] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-11c2c19f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mendel-icono[data-v-11c2c19f] {
  font-size: 3rem;
  animation: pulse-11c2c19f 2s ease-in-out infinite;
}
@keyframes pulse-11c2c19f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.mendel-titulo[data-v-11c2c19f] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.ley[data-v-11c2c19f] { color: #F9A8D4;
}
strong.alelos[data-v-11c2c19f] { color: #93C5FD;
}
strong.separacion[data-v-11c2c19f] { color: #6EE7B7;
}
strong.ejemplo[data-v-11c2c19f] { color: #FCD34D;
}

/* Concepto diagram */
.concepto-diagram[data-v-11c2c19f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-11c2c19f] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.concepto-visual[data-v-11c2c19f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.individuo-padre[data-v-11c2c19f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.individuo-icono[data-v-11c2c19f] {
  font-size: 2.5rem;
}
.individuo-label[data-v-11c2c19f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.alelos-par[data-v-11c2c19f] {
  display: flex;
  gap: 0.25rem;
}
.alelo[data-v-11c2c19f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 800;
}
.alelo.dom[data-v-11c2c19f] {
  background: rgba(251, 191, 36, 0.3);
  border: 2px solid #F59E0B;
  color: #FCD34D;
}
.alelo.rec[data-v-11c2c19f] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.flecha-proceso[data-v-11c2c19f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-icono[data-v-11c2c19f] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 800;
}
.flecha-label[data-v-11c2c19f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.gametos-resultantes[data-v-11c2c19f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.gametos-grid[data-v-11c2c19f] {
  display: flex;
  gap: 0.5rem;
}
.gameto[data-v-11c2c19f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 50%;
}
.gametos-label[data-v-11c2c19f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.gametos-info[data-v-11c2c19f] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Historia */
.historia-section[data-v-11c2c19f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.historia-titulo[data-v-11c2c19f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.historia-contenido p[data-v-11c2c19f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}

/* Características */
.caracteristicas-section[data-v-11c2c19f] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-11c2c19f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-11c2c19f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-11c2c19f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-11c2c19f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-11c2c19f] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-11c2c19f] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-11c2c19f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-11c2c19f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-11c2c19f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-11c2c19f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mendel-icono[data-v-11c2c19f] {
    font-size: 4rem;
}
.concepto-visual[data-v-11c2c19f] {
    gap: 1.5rem;
}
.individuo-icono[data-v-11c2c19f] {
    font-size: 3rem;
}
.caract-grid[data-v-11c2c19f] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores temáticos */
strong.importante[data-v-e4220238] { color: #FFFFFF;
}
strong.gen[data-v-e4220238] { color: #A78BFA;
}
strong.alelo[data-v-e4220238] { color: #93C5FD;
}

/* Sección de término */
.termino-section[data-v-e4220238] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.termino-section.destacado[data-v-e4220238] {
  border-color: rgba(251, 191, 36, 0.5);
  background: rgba(251, 191, 36, 0.05);
}
.termino-header[data-v-e4220238] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.termino-icono[data-v-e4220238] {
  font-size: 1.25rem;
}
.termino-nombre[data-v-e4220238] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.termino-contenido p[data-v-e4220238] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}

/* Ejemplo visual Gen/Alelos */
.ejemplo-visual[data-v-e4220238] {
  display: flex;
  justify-content: center;
}
.gen-ejemplo[data-v-e4220238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.gen-label[data-v-e4220238] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.alelos-ejemplo[data-v-e4220238] {
  display: flex;
  gap: 0.75rem;
}
.alelo-box[data-v-e4220238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.alelo-box.dom[data-v-e4220238] {
  background: rgba(251, 191, 36, 0.2);
  border: 2px solid rgba(251, 191, 36, 0.5);
}
.alelo-box.rec[data-v-e4220238] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.alelo-box .letra[data-v-e4220238] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.alelo-box .desc[data-v-e4220238] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Dominancia grid */
.dominancia-grid[data-v-e4220238] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dominancia-item[data-v-e4220238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dominancia-item.dominante[data-v-e4220238] {
  background: rgba(251, 191, 36, 0.15);
  border: 2px solid rgba(251, 191, 36, 0.4);
}
.dominancia-item.recesivo[data-v-e4220238] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.dom-letra[data-v-e4220238] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dom-nombre[data-v-e4220238] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.dom-desc[data-v-e4220238] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.dom-nota[data-v-e4220238] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
  margin-top: 0.25rem;
}

/* Genotipo/Fenotipo grid */
.genofenotipo-grid[data-v-e4220238] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.geno-item[data-v-e4220238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.geno-titulo[data-v-e4220238] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.geno-formula[data-v-e4220238] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.geno-desc[data-v-e4220238] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.geno-nota[data-v-e4220238] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-style: italic;
  margin-top: 0.25rem;
}

/* Cigoto grid */
.cigoto-grid[data-v-e4220238] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
}
.cigoto-item[data-v-e4220238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cigoto-item.homocigoto-dom[data-v-e4220238] {
  background: rgba(251, 191, 36, 0.2);
  border: 2px solid rgba(251, 191, 36, 0.5);
}
.cigoto-item.heterocigoto[data-v-e4220238] {
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.5);
}
.cigoto-item.homocigoto-rec[data-v-e4220238] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.cigoto-alelos[data-v-e4220238] {
  display: flex;
  gap: 0.15rem;
  margin-bottom: 0.25rem;
}
.cigoto-alelos .alelo[data-v-e4220238] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
.cigoto-alelos .alelo.dom-het[data-v-e4220238] {
  background: rgba(251, 191, 36, 0.4);
}
.cigoto-alelos .alelo.rec-het[data-v-e4220238] {
  background: rgba(59, 130, 246, 0.4);
}
.cigoto-nombre[data-v-e4220238] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}
.cigoto-fenotipo[data-v-e4220238] {
  font-size: 0.55rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tip */
.tip[data-v-e4220238] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e4220238] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e4220238] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e4220238] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cigoto-grid[data-v-e4220238] {
    gap: 0.5rem;
}
.cigoto-nombre[data-v-e4220238] {
    font-size: 0.7rem;
}
.cigoto-fenotipo[data-v-e4220238] {
    font-size: 0.65rem;
}
.cigoto-alelos .alelo[data-v-e4220238] {
    width: 28px;
    height: 28px;
    font-size: 1rem;
}
}

/* Colores temáticos */
strong.herramienta[data-v-78ac571c] { color: #F9A8D4;
}

/* Sección de cruce */
.cruce-section[data-v-78ac571c] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cruce-titulo[data-v-78ac571c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.cruce-descripcion[data-v-78ac571c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 1rem;
}

/* Cuadro de Punnett */
.punnett-container[data-v-78ac571c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.punnett-header[data-v-78ac571c] {
  display: flex;
  gap: 0;
}
.header-vacio[data-v-78ac571c] {
  width: 45px;
  height: 35px;
}
.gameto-header[data-v-78ac571c] {
  width: 55px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 800;
  border-radius: 0.5rem 0.5rem 0 0;
}
.gameto-header.dom[data-v-78ac571c] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.gameto-header.rec[data-v-78ac571c] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.punnett-row[data-v-78ac571c] {
  display: flex;
  gap: 0;
}
.gameto-lateral[data-v-78ac571c] {
  width: 45px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 800;
  border-radius: 0.5rem 0 0 0.5rem;
}
.gameto-lateral.dom[data-v-78ac571c] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.gameto-lateral.rec[data-v-78ac571c] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.punnett-cell[data-v-78ac571c] {
  width: 55px;
  height: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell.homocigoto-dom[data-v-78ac571c] {
  background: rgba(251, 191, 36, 0.25);
}
.punnett-cell.heterocigoto[data-v-78ac571c] {
  background: rgba(168, 85, 247, 0.25);
}
.punnett-cell.homocigoto-rec[data-v-78ac571c] {
  background: rgba(16, 185, 129, 0.25);
}
.punnett-cell .genotipo[data-v-78ac571c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punnett-cell .fenotipo[data-v-78ac571c] {
  font-size: 1rem;
}

/* Proporciones */
.proporciones-section[data-v-78ac571c] {
  margin-top: 1rem;
}
.proporcion-titulo[data-v-78ac571c] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.proporciones-grid[data-v-78ac571c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.proporcion-item[data-v-78ac571c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.proporcion-item.genotipica[data-v-78ac571c] {
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.proporcion-item.fenotipica[data-v-78ac571c] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.proporcion-label[data-v-78ac571c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.proporcion-detalles[data-v-78ac571c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.proporcion-dato[data-v-78ac571c] {
  font-size: 0.7rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.proporcion-dato strong[data-v-78ac571c] {
  color: #FCD34D;
}
.proporcion-ratio[data-v-78ac571c] {
  font-size: 1rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Pasos */
.pasos-section[data-v-78ac571c] {
  margin: 1rem 0;
}
.pasos-titulo[data-v-78ac571c] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pasos-grid[data-v-78ac571c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.paso-item[data-v-78ac571c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.paso-num[data-v-78ac571c] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-texto[data-v-78ac571c] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paso-texto strong[data-v-78ac571c] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-78ac571c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-78ac571c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-78ac571c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-78ac571c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.punnett-cell[data-v-78ac571c] {
    width: 70px;
    height: 70px;
}
.gameto-header[data-v-78ac571c] {
    width: 70px;
    height: 40px;
}
.gameto-lateral[data-v-78ac571c] {
    width: 50px;
    height: 70px;
}
.header-vacio[data-v-78ac571c] {
    width: 50px;
    height: 40px;
}
.pasos-grid[data-v-78ac571c] {
    grid-template-columns: repeat(4, 1fr);
}
.paso-texto[data-v-78ac571c] {
    font-size: 0.75rem;
}
}

.explorador[data-v-e4312437] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e4312437] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e4312437] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e4312437] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e4312437] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e4312437] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e4312437] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e4312437] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e4312437] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e4312437] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar genotipos ===== */
.identificar-container[data-v-e4312437] {
  text-align: center;
}
.genotipo-mostrar[data-v-e4312437] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.genotipo-alelos[data-v-e4312437] {
  display: flex;
  gap: 0.5rem;
}
.alelo-visual[data-v-e4312437] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 1.8rem;
  font-weight: 800;
}
.alelo-visual.dom[data-v-e4312437] {
  background: rgba(251, 191, 36, 0.3);
  border: 3px solid #F59E0B;
  color: #FCD34D;
}
.alelo-visual.rec[data-v-e4312437] {
  background: rgba(59, 130, 246, 0.3);
  border: 3px solid #3B82F6;
  color: #93C5FD;
}
.genotipo-label[data-v-e4312437] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-genotipo[data-v-e4312437] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-e4312437] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn.seleccionada[data-v-e4312437] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-e4312437] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-btn.incorrecto[data-v-e4312437] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Cuadro de Punnett ===== */
.punnett-interactivo[data-v-e4312437] {
  text-align: center;
}
.cruce-info[data-v-e4312437] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.cruce-padres[data-v-e4312437] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.cruce-desc[data-v-e4312437] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.punnett-grid-interactivo[data-v-e4312437] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.punnett-header-int[data-v-e4312437], .punnett-row-int[data-v-e4312437] {
  display: flex;
}
.corner-cell[data-v-e4312437] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.header-cell[data-v-e4312437] {
  width: 55px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.lateral-cell[data-v-e4312437] {
  width: 40px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.punnett-cell-int[data-v-e4312437] {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell-int.completado[data-v-e4312437] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.punnett-cell-int.incorrecto[data-v-e4312437] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.cell-input[data-v-e4312437] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: inherit;
}
.cell-input[data-v-e4312437]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.cell-input[data-v-e4312437]:focus {
  outline: none;
}
.punnett-hint[data-v-e4312437] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Proporciones ===== */
.proporciones-container[data-v-e4312437] {
  text-align: center;
}
.problema-actual[data-v-e4312437] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-e4312437] {
  font-size: 1.75rem;
}
.problema-texto[data-v-e4312437] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.cruce-visual[data-v-e4312437] {
  margin-bottom: 0.75rem;
}
.cruce-formula[data-v-e4312437] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FCD34D;
}
.opciones-proporcion[data-v-e4312437] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.proporcion-btn[data-v-e4312437] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.proporcion-btn.seleccionada[data-v-e4312437] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.proporcion-btn.correcto[data-v-e4312437] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.proporcion-btn.incorrecto[data-v-e4312437] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.contador[data-v-e4312437] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-e4312437] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e4312437] { font-size: 1.25rem;
}
.resultado-texto[data-v-e4312437] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e4312437] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e4312437] { flex: 1;
}
.nav-btn[data-v-e4312437] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e4312437] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e4312437] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e4312437] { font-size: 1.75rem;
}
.completado-texto[data-v-e4312437] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e4312437], .slide-leave-active[data-v-e4312437] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e4312437] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e4312437] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-genotipo[data-v-e4312437] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.opcion-btn[data-v-e4312437] {
    flex: 0 1 auto;
}
.alelo-visual[data-v-e4312437] {
    width: 60px;
    height: 60px;
    font-size: 2rem;
}
.punnett-cell-int[data-v-e4312437], .header-cell[data-v-e4312437] {
    width: 65px;
}
.punnett-cell-int[data-v-e4312437], .lateral-cell[data-v-e4312437] {
    height: 65px;
}
.header-cell[data-v-e4312437] {
    height: 45px;
}
.corner-cell[data-v-e4312437] {
    width: 45px;
    height: 45px;
}
.lateral-cell[data-v-e4312437] {
    width: 45px;
}
.opciones-proporcion[data-v-e4312437] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header de resumen */
.resumen-header[data-v-56916cbd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-56916cbd] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-56916cbd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Grid de conceptos */
.conceptos-grid[data-v-56916cbd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-card[data-v-56916cbd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-icono[data-v-56916cbd] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.concepto-nombre[data-v-56916cbd] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.concepto-desc[data-v-56916cbd] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Proporciones */
.proporciones-resumen[data-v-56916cbd] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.proporciones-titulo[data-v-56916cbd] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.proporciones-tabla[data-v-56916cbd] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.proporcion-fila[data-v-56916cbd] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  text-align: center;
}
.proporcion-fila.header[data-v-56916cbd] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.proporcion-fila[data-v-56916cbd]:not(.header) {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.35rem 0;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.col-cruce[data-v-56916cbd] {
  font-weight: 600;
}
.col-feno.destacado[data-v-56916cbd] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Punnett miniatura */
.punnett-mini-section[data-v-56916cbd] {
  margin: 1rem 0;
}
.punnett-mini-titulo[data-v-56916cbd] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.punnett-mini[data-v-56916cbd] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pm-header[data-v-56916cbd], .pm-row[data-v-56916cbd] {
  display: flex;
}
.pm-corner[data-v-56916cbd] {
  width: 30px;
  height: 25px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pm-top[data-v-56916cbd] {
  width: 40px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.pm-side[data-v-56916cbd] {
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.pm-cell[data-v-56916cbd] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.pm-cell.dom[data-v-56916cbd] {
  background: rgba(251, 191, 36, 0.2);
}
.pm-cell.het[data-v-56916cbd] {
  background: rgba(168, 85, 247, 0.2);
}
.pm-cell.rec[data-v-56916cbd] {
  background: rgba(16, 185, 129, 0.2);
}

/* Tips PAES */
.tips-paes[data-v-56916cbd] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tips-titulo[data-v-56916cbd] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-56916cbd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-56916cbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-56916cbd] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-56916cbd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-56916cbd] {
  color: #6EE7B7;
}

/* Conexión */
.conexion-section[data-v-56916cbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.conexion-icono[data-v-56916cbd] {
  font-size: 1.25rem;
}
.conexion-texto[data-v-56916cbd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.conexion-texto strong[data-v-56916cbd] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-56916cbd] {
    grid-template-columns: repeat(4, 1fr);
}
.concepto-card[data-v-56916cbd] {
    padding: 0.75rem 0.5rem;
}
.concepto-nombre[data-v-56916cbd] {
    font-size: 0.8rem;
}
.concepto-desc[data-v-56916cbd] {
    font-size: 0.7rem;
}
.pm-cell[data-v-56916cbd] {
    width: 50px;
    height: 50px;
    font-size: 0.85rem;
}
.pm-top[data-v-56916cbd] {
    width: 50px;
    height: 30px;
    font-size: 1rem;
}
.pm-side[data-v-56916cbd] {
    width: 35px;
    height: 50px;
    font-size: 1rem;
}
.pm-corner[data-v-56916cbd] {
    width: 35px;
    height: 30px;
}
}

/* Intro visual */
.intro-visual[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mendel-icono[data-v-00d30d2d] {
  font-size: 2.5rem;
  animation: pulse-00d30d2d 2s ease-in-out infinite;
}
@keyframes pulse-00d30d2d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.mendel-titulo[data-v-00d30d2d] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
}

/* Colores temáticos */
strong.ley[data-v-00d30d2d] { color: #F9A8D4;
}
strong.alelos[data-v-00d30d2d] { color: #93C5FD;
}
strong.separacion[data-v-00d30d2d] { color: #6EE7B7;
}

/* Concepto diagram */
.concepto-diagram[data-v-00d30d2d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-00d30d2d] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.concepto-visual[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.concepto-visual[data-v-00d30d2d] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
}
.individuo-padre[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.individuo-icono[data-v-00d30d2d] {
  font-size: 2rem;
}
.individuo-label[data-v-00d30d2d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.genes-par[data-v-00d30d2d] {
  display: flex;
  gap: 0.5rem;
}
.gen-box[data-v-00d30d2d] {
  display: flex;
  gap: 0.15rem;
  padding: 0.25rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.alelo[data-v-00d30d2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 800;
}
.alelo.dom[data-v-00d30d2d] {
  background: rgba(251, 191, 36, 0.3);
  border: 2px solid #F59E0B;
  color: #FCD34D;
}
.alelo.rec[data-v-00d30d2d] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.alelo.dom2[data-v-00d30d2d] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.alelo.rec2[data-v-00d30d2d] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.flecha-proceso[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-icono[data-v-00d30d2d] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}
.flecha-label[data-v-00d30d2d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.gametos-resultantes[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.gametos-grid-4[data-v-00d30d2d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.gameto[data-v-00d30d2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.35rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.4rem;
}
.alelo-mini[data-v-00d30d2d] {
  font-size: 0.75rem;
  font-weight: 800;
}
.alelo-mini.dom[data-v-00d30d2d] { color: #FCD34D;
}
.alelo-mini.rec[data-v-00d30d2d] { color: #93C5FD;
}
.alelo-mini.dom2[data-v-00d30d2d] { color: #6EE7B7;
}
.alelo-mini.rec2[data-v-00d30d2d] { color: #FCA5A5;
}
.gametos-label[data-v-00d30d2d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.gametos-info[data-v-00d30d2d] {
  font-size: 0.65rem;
  color: #6EE7B7;
}

/* Diferencia */
.diferencia-section[data-v-00d30d2d] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-00d30d2d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.diferencia-grid[data-v-00d30d2d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ley-card[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ley-card.primera[data-v-00d30d2d] {
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.4);
}
.ley-card.segunda[data-v-00d30d2d] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.ley-num[data-v-00d30d2d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.ley-nombre[data-v-00d30d2d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.15rem 0;
}
.ley-desc[data-v-00d30d2d] {
  font-size: 0.65rem;
  color: #E9D5FF;
  line-height: 1.2;
}
.ley-desc strong[data-v-00d30d2d] {
  color: #6EE7B7;
}

/* Condición */
.condicion-section[data-v-00d30d2d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.condicion-icono[data-v-00d30d2d] {
  font-size: 1.25rem;
}
.condicion-contenido[data-v-00d30d2d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.condicion-titulo[data-v-00d30d2d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.condicion-texto[data-v-00d30d2d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.condicion-texto strong[data-v-00d30d2d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-00d30d2d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-00d30d2d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-00d30d2d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-00d30d2d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mendel-icono[data-v-00d30d2d] {
    font-size: 3.5rem;
}
.alelo[data-v-00d30d2d] {
    width: 32px;
    height: 32px;
    font-size: 1rem;
}
.gametos-grid-4[data-v-00d30d2d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores temáticos */
strong.dihibrido[data-v-32c9e3c9] { color: #F9A8D4;
}

/* Ejemplo de Mendel */
.ejemplo-mendel[data-v-32c9e3c9] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-32c9e3c9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.caracteres-grid[data-v-32c9e3c9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracter-card[data-v-32c9e3c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.caracter-icono[data-v-32c9e3c9] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.caracter-nombre[data-v-32c9e3c9] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.alelos-info[data-v-32c9e3c9] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.alelo-tag[data-v-32c9e3c9] {
  font-size: 0.6rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.alelo-tag.dom[data-v-32c9e3c9] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.alelo-tag.rec[data-v-32c9e3c9] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.alelo-tag.dom2[data-v-32c9e3c9] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.alelo-tag.rec2[data-v-32c9e3c9] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Secciones de cruce */
.cruce-section[data-v-32c9e3c9] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cruce-titulo[data-v-32c9e3c9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.cruce-visual[data-v-32c9e3c9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.progenitor[data-v-32c9e3c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.prog-fenotipo[data-v-32c9e3c9] {
  font-size: 1.25rem;
}
.prog-genotipo[data-v-32c9e3c9] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}
.prog-genotipo.destacado[data-v-32c9e3c9] {
  font-size: 1.2rem;
  color: #F9A8D4;
}
.prog-desc[data-v-32c9e3c9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.cruce-x[data-v-32c9e3c9] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.cruce-section.f1xf1[data-v-32c9e3c9] {
  background: rgba(249, 168, 212, 0.1);
  border-color: rgba(249, 168, 212, 0.3);
}
.gametos-ambos[data-v-32c9e3c9] {
  margin-top: 0.5rem;
  text-align: center;
}
.gametos-label[data-v-32c9e3c9] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.gametos-lista[data-v-32c9e3c9] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
}
.gameto-mini[data-v-32c9e3c9] {
  padding: 0.25rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Generaciones */
.generacion-section[data-v-32c9e3c9] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.generacion-section.f1[data-v-32c9e3c9] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.generacion-section.f2[data-v-32c9e3c9] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.gen-titulo[data-v-32c9e3c9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.gen-resultado[data-v-32c9e3c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.gen-fenotipo[data-v-32c9e3c9] {
  font-size: 1.5rem;
}
.gen-genotipo[data-v-32c9e3c9] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #F9A8D4;
}
.gen-desc[data-v-32c9e3c9] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.gen-nota[data-v-32c9e3c9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fenotipos F2 */
.fenotipos-grid[data-v-32c9e3c9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.fenotipo-item[data-v-32c9e3c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.fen-icono[data-v-32c9e3c9] {
  font-size: 1.1rem;
  margin-bottom: 0.15rem;
}
.fen-nombre[data-v-32c9e3c9] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.15rem;
}
.fen-proporcion[data-v-32c9e3c9] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-32c9e3c9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-32c9e3c9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-32c9e3c9] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-32c9e3c9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fenotipos-grid[data-v-32c9e3c9] {
    grid-template-columns: repeat(4, 1fr);
}
.fenotipo-item[data-v-32c9e3c9] {
    padding: 0.6rem 0.4rem;
}
.fen-nombre[data-v-32c9e3c9] {
    font-size: 0.65rem;
}
.prog-fenotipo[data-v-32c9e3c9] {
    font-size: 1.5rem;
}
}

/* Colores temáticos */
strong.dihibrido[data-v-82123310] { color: #F9A8D4;
}

/* Cuadro de Punnett */
.punnett-section[data-v-82123310] {
  margin: 1rem 0;
}
.punnett-titulo[data-v-82123310] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.punnett-scroll[data-v-82123310] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
}
.punnett-container[data-v-82123310] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: fit-content;
  margin: 0 auto;
}
.punnett-header[data-v-82123310], .punnett-row[data-v-82123310] {
  display: flex;
}
.corner-cell[data-v-82123310] {
  width: 35px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.gameto-header[data-v-82123310] {
  width: 48px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.gameto-lateral[data-v-82123310] {
  width: 35px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.punnett-cell[data-v-82123310] {
  width: 48px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  color: #FFFFFF;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell.tipo1[data-v-82123310] {
  background: rgba(251, 191, 36, 0.25);
}
.punnett-cell.tipo2[data-v-82123310] {
  background: rgba(59, 130, 246, 0.25);
}
.punnett-cell.tipo3[data-v-82123310] {
  background: rgba(16, 185, 129, 0.25);
}
.punnett-cell.tipo4[data-v-82123310] {
  background: rgba(239, 68, 68, 0.25);
}

/* Leyenda */
.leyenda-section[data-v-82123310] {
  margin: 1rem 0;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.leyenda-titulo[data-v-82123310] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.leyenda-grid[data-v-82123310] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.leyenda-item[data-v-82123310] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem;
  border-radius: 0.3rem;
}
.leyenda-item.tipo1[data-v-82123310] { background: rgba(251, 191, 36, 0.15);
}
.leyenda-item.tipo2[data-v-82123310] { background: rgba(59, 130, 246, 0.15);
}
.leyenda-item.tipo3[data-v-82123310] { background: rgba(16, 185, 129, 0.15);
}
.leyenda-item.tipo4[data-v-82123310] { background: rgba(239, 68, 68, 0.15);
}
.leyenda-color[data-v-82123310] {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.tipo1 .leyenda-color[data-v-82123310] { background: rgba(251, 191, 36, 0.5);
}
.tipo2 .leyenda-color[data-v-82123310] { background: rgba(59, 130, 246, 0.5);
}
.tipo3 .leyenda-color[data-v-82123310] { background: rgba(16, 185, 129, 0.5);
}
.tipo4 .leyenda-color[data-v-82123310] { background: rgba(239, 68, 68, 0.5);
}
.leyenda-texto[data-v-82123310] {
  font-size: 0.7rem;
  color: #E9D5FF;
  flex: 1;
}
.leyenda-fenotipo[data-v-82123310] {
  font-size: 0.85rem;
}

/* Análisis */
.analisis-section[data-v-82123310] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.analisis-titulo[data-v-82123310] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.analisis-contenido p[data-v-82123310] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem;
  line-height: 1.4;
}
.analisis-grid[data-v-82123310] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.analisis-item[data-v-82123310] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.analisis-gen[data-v-82123310] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.analisis-resultado[data-v-82123310] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.analisis-resultado strong[data-v-82123310] {
  color: #6EE7B7;
}
.analisis-conclusion[data-v-82123310] {
  font-size: 0.8rem;
  color: #6EE7B7;
  text-align: center;
  font-weight: 600;
  margin: 0;
}

/* Proporciones resumen */
.proporciones-resumen[data-v-82123310] {
  margin: 1rem 0;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.prop-titulo[data-v-82123310] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.prop-grid[data-v-82123310] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.prop-item[data-v-82123310] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.prop-item.destacado[data-v-82123310] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.prop-tipo[data-v-82123310] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
}
.prop-valor[data-v-82123310] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.prop-item.destacado .prop-valor[data-v-82123310] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-82123310] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-82123310] {
  font-size: 1.25rem;
}
.tip-texto[data-v-82123310] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-82123310] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.punnett-cell[data-v-82123310] {
    width: 58px;
    height: 48px;
    font-size: 0.65rem;
}
.gameto-header[data-v-82123310] {
    width: 58px;
    height: 35px;
    font-size: 0.8rem;
}
.gameto-lateral[data-v-82123310] {
    width: 40px;
    height: 48px;
    font-size: 0.8rem;
}
.corner-cell[data-v-82123310] {
    width: 40px;
    height: 35px;
    font-size: 0.6rem;
}
.leyenda-grid[data-v-82123310] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-c04baeaa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c04baeaa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c04baeaa] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c04baeaa] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c04baeaa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c04baeaa] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c04baeaa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c04baeaa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c04baeaa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c04baeaa] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Gametos ===== */
.gametos-container[data-v-c04baeaa] {
  text-align: center;
}
.genotipo-dado[data-v-c04baeaa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.genotipo-label[data-v-c04baeaa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.genotipo-visual[data-v-c04baeaa] {
  display: flex;
  gap: 0.25rem;
}
.alelo[data-v-c04baeaa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 800;
}
.alelo.dom[data-v-c04baeaa] {
  background: rgba(251, 191, 36, 0.3);
  border: 2px solid #F59E0B;
  color: #FCD34D;
}
.alelo.rec[data-v-c04baeaa] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.alelo.dom2[data-v-c04baeaa] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.alelo.rec2[data-v-c04baeaa] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.genotipo-texto[data-v-c04baeaa] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #F9A8D4;
}
.gametos-pregunta[data-v-c04baeaa] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-c04baeaa] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.gametos-inputs[data-v-c04baeaa] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.gameto-input-box[data-v-c04baeaa] {
  position: relative;
}
.gameto-input[data-v-c04baeaa] {
  width: 100%;
  padding: 0.6rem 0.3rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-family: inherit;
  text-transform: capitalize;
}
.gameto-input[data-v-c04baeaa]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.gameto-input-box.correcto .gameto-input[data-v-c04baeaa] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.gameto-input-box.incorrecto .gameto-input[data-v-c04baeaa] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.15);
}
.gametos-hint[data-v-c04baeaa] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Cuadro de Punnett ===== */
.punnett-interactivo[data-v-c04baeaa] {
  text-align: center;
}
.cruce-info[data-v-c04baeaa] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.cruce-padres[data-v-c04baeaa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F9A8D4;
}
.cruce-desc[data-v-c04baeaa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.punnett-scroll[data-v-c04baeaa] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.5rem;
}
.punnett-grid-mini[data-v-c04baeaa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: fit-content;
  margin: 0 auto;
}
.punnett-header-mini[data-v-c04baeaa], .punnett-row-mini[data-v-c04baeaa] {
  display: flex;
}
.corner-cell-mini[data-v-c04baeaa] {
  width: 32px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.header-cell-mini[data-v-c04baeaa] {
  width: 50px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.lateral-cell-mini[data-v-c04baeaa] {
  width: 32px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.punnett-cell-mini[data-v-c04baeaa] {
  width: 50px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.punnett-cell-mini.fija[data-v-c04baeaa] {
  background: rgba(139, 92, 246, 0.15);
}
.punnett-cell-mini.interactiva[data-v-c04baeaa] {
  background: rgba(0, 0, 0, 0.3);
}
.punnett-cell-mini.correcto[data-v-c04baeaa] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.punnett-cell-mini.incorrecto[data-v-c04baeaa] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.cell-texto[data-v-c04baeaa] {
  font-size: 0.55rem;
  font-weight: 700;
  color: #E9D5FF;
}
.cell-input-mini[data-v-c04baeaa] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 0.55rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: inherit;
}
.cell-input-mini[data-v-c04baeaa]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.cell-input-mini[data-v-c04baeaa]:focus {
  outline: none;
}
.punnett-hint[data-v-c04baeaa] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
  margin: 0.5rem 0;
}

/* ===== DESAFÍO 3: Proporciones ===== */
.proporciones-container[data-v-c04baeaa] {
  text-align: center;
}
.problema-actual[data-v-c04baeaa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-c04baeaa] {
  font-size: 1.5rem;
}
.problema-texto[data-v-c04baeaa] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.cruce-visual[data-v-c04baeaa] {
  margin-bottom: 0.75rem;
}
.cruce-formula[data-v-c04baeaa] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
}
.opciones-proporcion[data-v-c04baeaa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.proporcion-btn[data-v-c04baeaa] {
  padding: 0.65rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.proporcion-btn.seleccionada[data-v-c04baeaa] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.proporcion-btn.correcto[data-v-c04baeaa] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.proporcion-btn.incorrecto[data-v-c04baeaa] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.contador[data-v-c04baeaa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-c04baeaa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c04baeaa] { font-size: 1.25rem;
}
.resultado-texto[data-v-c04baeaa] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-c04baeaa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c04baeaa] { flex: 1;
}
.nav-btn[data-v-c04baeaa] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c04baeaa] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c04baeaa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c04baeaa] { font-size: 1.75rem;
}
.completado-texto[data-v-c04baeaa] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c04baeaa], .slide-leave-active[data-v-c04baeaa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c04baeaa] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c04baeaa] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.gametos-inputs[data-v-c04baeaa] {
    max-width: 300px;
    margin: 0 auto 0.5rem;
}
.gameto-input[data-v-c04baeaa] {
    padding: 0.75rem 0.5rem;
    font-size: 1.2rem;
}
.punnett-cell-mini[data-v-c04baeaa] {
    width: 60px;
    height: 44px;
}
.header-cell-mini[data-v-c04baeaa] {
    width: 60px;
    height: 30px;
    font-size: 0.75rem;
}
.lateral-cell-mini[data-v-c04baeaa] {
    width: 36px;
    height: 44px;
    font-size: 0.75rem;
}
.corner-cell-mini[data-v-c04baeaa] {
    width: 36px;
    height: 30px;
    font-size: 0.55rem;
}
.cell-texto[data-v-c04baeaa], .cell-input-mini[data-v-c04baeaa] {
    font-size: 0.65rem;
}
.opciones-proporcion[data-v-c04baeaa] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header de resumen */
.resumen-header[data-v-303f3df0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-303f3df0] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-303f3df0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Grid de conceptos */
.conceptos-grid[data-v-303f3df0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-card[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.35rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-card.destacado[data-v-303f3df0] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.concepto-icono[data-v-303f3df0] {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}
.concepto-nombre[data-v-303f3df0] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.concepto-desc[data-v-303f3df0] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.concepto-card.destacado .concepto-desc[data-v-303f3df0] {
  color: #6EE7B7;
}

/* Proporciones */
.proporciones-section[data-v-303f3df0] {
  margin: 1rem 0;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-titulo[data-v-303f3df0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.prop-tabla[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.prop-row[data-v-303f3df0] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.25rem;
  text-align: center;
  padding: 0.3rem;
  border-radius: 0.25rem;
}
.prop-row.header[data-v-303f3df0] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #C4B5FD;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding-bottom: 0.35rem;
}
.prop-row[data-v-303f3df0]:not(.header) {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.prop-row.tipo1[data-v-303f3df0] { background: rgba(251, 191, 36, 0.15);
}
.prop-row.tipo2[data-v-303f3df0] { background: rgba(59, 130, 246, 0.15);
}
.prop-row.tipo3[data-v-303f3df0] { background: rgba(16, 185, 129, 0.15);
}
.prop-row.tipo4[data-v-303f3df0] { background: rgba(239, 68, 68, 0.15);
}
.col.destacado[data-v-303f3df0] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
}

/* Atajo de cálculo */
.atajo-section[data-v-303f3df0] {
  margin: 1rem 0;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.atajo-titulo[data-v-303f3df0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.4rem;
}
.atajo-contenido p[data-v-303f3df0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0 0 0.4rem;
}
.atajo-ejemplos[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ejemplo-calc[data-v-303f3df0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.ejemplo-fenotipo[data-v-303f3df0] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #F9A8D4;
  min-width: 50px;
}
.ejemplo-formula[data-v-303f3df0] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.ejemplo-formula strong[data-v-303f3df0] {
  color: #6EE7B7;
}

/* Punnett miniatura */
.punnett-mini-section[data-v-303f3df0] {
  margin: 1rem 0;
}
.punnett-mini-titulo[data-v-303f3df0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.punnett-mini-container[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.punnett-mini[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
}
.pm-header[data-v-303f3df0], .pm-row[data-v-303f3df0] {
  display: flex;
}
.pm-corner[data-v-303f3df0] {
  width: 22px;
  height: 18px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pm-top[data-v-303f3df0] {
  width: 26px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  font-weight: 800;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.pm-side[data-v-303f3df0] {
  width: 22px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.pm-cell[data-v-303f3df0] {
  width: 26px;
  height: 26px;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.pm-cell.tipo1[data-v-303f3df0] { background: rgba(251, 191, 36, 0.3);
}
.pm-cell.tipo2[data-v-303f3df0] { background: rgba(59, 130, 246, 0.3);
}
.pm-cell.tipo3[data-v-303f3df0] { background: rgba(16, 185, 129, 0.3);
}
.pm-cell.tipo4[data-v-303f3df0] { background: rgba(239, 68, 68, 0.3);
}
.punnett-leyenda[data-v-303f3df0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.leyenda-item[data-v-303f3df0] {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.2rem 0.35rem;
  border-radius: 0.2rem;
}
.leyenda-item.tipo1[data-v-303f3df0] { background: rgba(251, 191, 36, 0.2); color: #FCD34D;
}
.leyenda-item.tipo2[data-v-303f3df0] { background: rgba(59, 130, 246, 0.2); color: #93C5FD;
}
.leyenda-item.tipo3[data-v-303f3df0] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.leyenda-item.tipo4[data-v-303f3df0] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-303f3df0] {
  margin: 1rem 0;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tips-titulo[data-v-303f3df0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.4rem;
}
.tips-lista[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tip-item[data-v-303f3df0] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.tip-num[data-v-303f3df0] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-303f3df0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-303f3df0] {
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-303f3df0] {
  margin-top: 1rem;
}
.comp-titulo[data-v-303f3df0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.comp-grid[data-v-303f3df0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-card[data-v-303f3df0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-card.destacada[data-v-303f3df0] {
  background: rgba(249, 168, 212, 0.1);
  border-color: rgba(249, 168, 212, 0.4);
}
.comp-num[data-v-303f3df0] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
}
.comp-nombre[data-v-303f3df0] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.1rem 0;
}
.comp-proporcion[data-v-303f3df0] {
  font-size: 1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.comp-cruce[data-v-303f3df0] {
  font-size: 0.65rem;
  color: #F9A8D4;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-303f3df0] {
    grid-template-columns: repeat(4, 1fr);
}
.concepto-card[data-v-303f3df0] {
    padding: 0.6rem 0.4rem;
}
.concepto-nombre[data-v-303f3df0] {
    font-size: 0.75rem;
}
.concepto-desc[data-v-303f3df0] {
    font-size: 0.65rem;
}
.pm-cell[data-v-303f3df0] {
    width: 32px;
    height: 32px;
}
.pm-top[data-v-303f3df0] {
    width: 32px;
    height: 22px;
    font-size: 0.55rem;
}
.pm-side[data-v-303f3df0] {
    width: 26px;
    height: 32px;
    font-size: 0.55rem;
}
.pm-corner[data-v-303f3df0] {
    width: 26px;
    height: 22px;
}
.atajo-ejemplos[data-v-303f3df0] {
    flex-direction: row;
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-91646e22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-91646e22] {
  font-size: 3rem;
  animation: pulse-91646e22 2s ease-in-out infinite;
}
@keyframes pulse-91646e22 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-91646e22] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.dom[data-v-91646e22] { color: #FCD34D;
}
strong.rec[data-v-91646e22] { color: #93C5FD;
}
strong.especial[data-v-91646e22] { color: #F9A8D4;
}
strong.di[data-v-91646e22] { color: #A78BFA;
}
strong.abo[data-v-91646e22] { color: #EF4444;
}

/* Comparativo */
.comparativo-section[data-v-91646e22] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparativo-titulo[data-v-91646e22] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-91646e22] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-91646e22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.dominancia-completa[data-v-91646e22] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.tipo-card.dominancia-incompleta[data-v-91646e22] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.4);
}
.tipo-card.codominancia[data-v-91646e22] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-icono[data-v-91646e22] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-91646e22] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-91646e22] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-ejemplo[data-v-91646e22] {
  font-size: 0.7rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
  font-style: italic;
}

/* Flores */
.flores-section[data-v-91646e22] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
  border-radius: 0.5rem;
}
.flores-titulo[data-v-91646e22] {
  font-weight: 700;
  color: #A78BFA;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.flores-visual[data-v-91646e22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.flor-item[data-v-91646e22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.flor-item.resultado[data-v-91646e22] {
  border: 2px solid #A78BFA;
}
.flor-icono[data-v-91646e22] {
  font-size: 1.5rem;
}
.flor-icono.rojo[data-v-91646e22] { filter: hue-rotate(0deg);
}
.flor-icono.blanco[data-v-91646e22] { filter: grayscale(100%) brightness(1.5);
}
.flor-icono.rosado[data-v-91646e22] { filter: hue-rotate(300deg) saturate(0.7);
}
.flor-geno[data-v-91646e22] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flor-feno[data-v-91646e22] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.flor-cruz[data-v-91646e22] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #8B5CF6;
}
.flores-explicacion[data-v-91646e22] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
  line-height: 1.4;
}

/* Alelos múltiples */
.alelos-multiples-section[data-v-91646e22] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.am-titulo[data-v-91646e22] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.am-contenido p[data-v-91646e22] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}
.am-visual[data-v-91646e22] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.alelo-multiple[data-v-91646e22] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: rgba(239, 68, 68, 0.25);
  border: 2px solid #EF4444;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-91646e22] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-91646e22] {
  font-size: 1.25rem;
}
.tip-texto[data-v-91646e22] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-91646e22] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-91646e22] {
    font-size: 4rem;
}
.tipos-grid[data-v-91646e22] {
    flex-direction: row;
}
.tipo-card[data-v-91646e22] {
    flex: 1;
    padding: 0.75rem;
}
.flor-icono[data-v-91646e22] {
    font-size: 2rem;
}
.alelo-multiple[data-v-91646e22] {
    width: 55px;
    height: 55px;
    font-size: 1.1rem;
}
}

/* Intro visual */
.intro-visual[data-v-5df730a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-5df730a4] {
  font-size: 3rem;
  animation: pulse-5df730a4 2s ease-in-out infinite;
}
@keyframes pulse-5df730a4 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-5df730a4] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.intro-sub[data-v-5df730a4] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Colores temáticos */
strong.cod[data-v-5df730a4] { color: #F9A8D4;
}
strong.dom[data-v-5df730a4] { color: #FCD34D;
}
strong.sangre[data-v-5df730a4] { color: #EF4444;
}
strong.expresion[data-v-5df730a4] { color: #6EE7B7;
}

/* Definición */
.definicion-box[data-v-5df730a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(249, 168, 212, 0.1);
  border: 2px solid rgba(249, 168, 212, 0.4);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.def-icono[data-v-5df730a4] {
  font-size: 1.25rem;
}
.def-texto[data-v-5df730a4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-5df730a4] {
  color: #F9A8D4;
}
.def-texto strong.expresion[data-v-5df730a4] {
  color: #6EE7B7;
}

/* Sistema ABO */
.abo-section[data-v-5df730a4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.abo-titulo[data-v-5df730a4] {
  font-weight: 700;
  color: #FCA5A5;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.abo-explicacion[data-v-5df730a4] {
  margin-bottom: 0.75rem;
}
.abo-explicacion p[data-v-5df730a4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin: 0;
}

/* Tabla ABO */
.tabla-abo[data-v-5df730a4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-titulo[data-v-5df730a4] {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
}
.tabla-header[data-v-5df730a4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.4rem;
}
.tabla-row[data-v-5df730a4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.4rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.tipo-a[data-v-5df730a4] { background: rgba(251, 191, 36, 0.1);
}
.tabla-row.tipo-b[data-v-5df730a4] { background: rgba(59, 130, 246, 0.1);
}
.tabla-row.tipo-ab[data-v-5df730a4] { background: rgba(167, 139, 250, 0.15);
}
.tabla-row.tipo-o[data-v-5df730a4] { background: rgba(16, 185, 129, 0.1);
}
.col-geno[data-v-5df730a4], .col-feno[data-v-5df730a4] {
  text-align: center;
}
.col-feno.destacado[data-v-5df730a4], .col-geno.destacado[data-v-5df730a4] {
  color: #F9A8D4;
  font-weight: 700;
}

/* Visualización codominancia */
.cod-visual-section[data-v-5df730a4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
  border-radius: 0.5rem;
}
.cod-visual-titulo[data-v-5df730a4] {
  font-weight: 700;
  color: #A78BFA;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.cod-visual[data-v-5df730a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.globulo[data-v-5df730a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.globulo-icono[data-v-5df730a4] {
  font-size: 3rem;
  position: relative;
}
.antigenos[data-v-5df730a4] {
  display: flex;
  gap: 0.5rem;
}
.antigeno[data-v-5df730a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 800;
  color: white;
}
.antigeno.a[data-v-5df730a4] {
  background: #F59E0B;
}
.antigeno.b[data-v-5df730a4] {
  background: #3B82F6;
}
.globulo-label[data-v-5df730a4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.cod-explicacion[data-v-5df730a4] {
  text-align: center;
}
.cod-explicacion p[data-v-5df730a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}

/* Punnett */
.punnett-section[data-v-5df730a4] {
  margin: 1.5rem 0;
  text-align: center;
}
.punnett-titulo[data-v-5df730a4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
.punnett-sub[data-v-5df730a4] {
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.punnett-mini[data-v-5df730a4] {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.pm-header[data-v-5df730a4], .pm-row[data-v-5df730a4] {
  display: flex;
}
.pm-corner[data-v-5df730a4] {
  width: 35px;
  height: 28px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pm-top[data-v-5df730a4] {
  width: 50px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.pm-side[data-v-5df730a4] {
  width: 35px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.pm-cell[data-v-5df730a4] {
  width: 50px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.pm-cell.ab[data-v-5df730a4] { background: rgba(167, 139, 250, 0.3);
}
.pm-cell.a[data-v-5df730a4] { background: rgba(251, 191, 36, 0.2);
}
.pm-cell.b[data-v-5df730a4] { background: rgba(59, 130, 246, 0.2);
}
.pm-cell.o[data-v-5df730a4] { background: rgba(16, 185, 129, 0.2);
}
.punnett-resultado[data-v-5df730a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-a-texto[data-v-5df730a4] { color: #FCD34D;
}
.tipo-b-texto[data-v-5df730a4] { color: #93C5FD;
}
.tipo-ab-texto[data-v-5df730a4] { color: #A78BFA;
}
.tipo-o-texto[data-v-5df730a4] { color: #6EE7B7;
}

/* Tip */
.tip[data-v-5df730a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5df730a4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5df730a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5df730a4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-5df730a4] {
    font-size: 4rem;
}
.cod-visual[data-v-5df730a4] {
    flex-direction: row;
    gap: 1.5rem;
}
.globulo-icono[data-v-5df730a4] {
    font-size: 4rem;
}
.antigeno[data-v-5df730a4] {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
}
.pm-cell[data-v-5df730a4] {
    width: 60px;
    height: 50px;
    font-size: 0.75rem;
}
.pm-top[data-v-5df730a4] {
    width: 60px;
    height: 32px;
    font-size: 0.85rem;
}
.pm-side[data-v-5df730a4] {
    width: 40px;
    height: 50px;
    font-size: 0.85rem;
}
.pm-corner[data-v-5df730a4] {
    width: 40px;
    height: 32px;
}
}

/* Intro visual */
.intro-visual[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-699b581a] {
  font-size: 3rem;
  animation: pulse-699b581a 2s ease-in-out infinite;
}
@keyframes pulse-699b581a {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-titulo[data-v-699b581a] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.intro-sub[data-v-699b581a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Colores temáticos */
strong.di[data-v-699b581a] { color: #A78BFA;
}
strong.intermedio[data-v-699b581a] { color: #F9A8D4;
}

/* Definición */
.definicion-box[data-v-699b581a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(167, 139, 250, 0.1);
  border: 2px solid rgba(167, 139, 250, 0.4);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.def-icono[data-v-699b581a] {
  font-size: 1.25rem;
}
.def-texto[data-v-699b581a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-699b581a] {
  color: #A78BFA;
}
.def-texto strong.intermedio[data-v-699b581a] {
  color: #F9A8D4;
}

/* Comparación */
.comparacion-section[data-v-699b581a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-699b581a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-grid[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.comp-item.codominancia[data-v-699b581a] {
  background: rgba(249, 168, 212, 0.1);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.comp-item.dominancia-inc[data-v-699b581a] {
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.comp-nombre[data-v-699b581a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-visual[data-v-699b581a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.punto[data-v-699b581a] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.punto.rojo[data-v-699b581a] { background: #EF4444;
}
.punto.blanco[data-v-699b581a] { background: #FFFFFF;
}
.punto.rosado[data-v-699b581a] { background: #F9A8D4;
}
.punto.small[data-v-699b581a] {
  width: 14px;
  height: 14px;
}
.punto-combo[data-v-699b581a] {
  display: flex;
  gap: 2px;
}
.comp-mas[data-v-699b581a], .comp-igual[data-v-699b581a] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.comp-desc[data-v-699b581a] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Flores */
.flores-section[data-v-699b581a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(249, 168, 212, 0.1);
  border: 1px solid rgba(249, 168, 212, 0.3);
  border-radius: 0.5rem;
}
.flores-titulo[data-v-699b581a] {
  font-weight: 700;
  color: #F9A8D4;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.flores-grid[data-v-699b581a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flor-card[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 60px;
}
.flor-card.resultado[data-v-699b581a] {
  border: 2px solid #A78BFA;
}
.flor-icono[data-v-699b581a] {
  font-size: 1.5rem;
}
.flor-icono.rojo[data-v-699b581a] { filter: hue-rotate(0deg);
}
.flor-icono.blanco[data-v-699b581a] { filter: grayscale(100%) brightness(1.5);
}
.flor-icono.rosado[data-v-699b581a] { filter: hue-rotate(300deg) saturate(0.7);
}
.flor-geno[data-v-699b581a] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flor-feno[data-v-699b581a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.flores-nota[data-v-699b581a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}

/* Punnett */
.punnett-section[data-v-699b581a] {
  margin: 1.5rem 0;
  text-align: center;
}
.punnett-titulo[data-v-699b581a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
  font-size: 0.95rem;
}
.punnett-sub[data-v-699b581a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.punnett-mini[data-v-699b581a] {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.pm-header[data-v-699b581a], .pm-row[data-v-699b581a] {
  display: flex;
}
.pm-corner[data-v-699b581a] {
  width: 30px;
  height: 25px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pm-top[data-v-699b581a] {
  width: 45px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.pm-side[data-v-699b581a] {
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.pm-cell[data-v-699b581a] {
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.pm-cell.rojo[data-v-699b581a] { background: rgba(239, 68, 68, 0.3);
}
.pm-cell.rosado[data-v-699b581a] { background: rgba(249, 168, 212, 0.3);
}
.pm-cell.blanco[data-v-699b581a] { background: rgba(255, 255, 255, 0.15);
}
.punnett-resultado[data-v-699b581a] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.resultado-titulo[data-v-699b581a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.resultado-proporcion[data-v-699b581a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.res-item.rojo[data-v-699b581a] { color: #FCA5A5;
}
.res-item.rosado[data-v-699b581a] { color: #F9A8D4;
}
.res-item.blanco[data-v-699b581a] { color: #E9D5FF;
}
.res-sep[data-v-699b581a] { color: #8B5CF6;
}

/* Proporción clave */
.proporcion-clave[data-v-699b581a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
}
.prop-header[data-v-699b581a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-icono[data-v-699b581a] {
  font-size: 1.25rem;
}
.prop-titulo[data-v-699b581a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.prop-grid[data-v-699b581a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-item[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-item.destacado[data-v-699b581a] {
  border: 2px solid #A78BFA;
}
.prop-tipo[data-v-699b581a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.prop-valor[data-v-699b581a] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.prop-nota[data-v-699b581a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
  line-height: 1.4;
}
.prop-nota strong[data-v-699b581a] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-699b581a] {
  margin: 1rem 0;
}
.ejemplos-titulo[data-v-699b581a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-699b581a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-699b581a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-icono[data-v-699b581a] {
  font-size: 1.25rem;
}
.ej-texto[data-v-699b581a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-texto strong[data-v-699b581a] {
  color: #A78BFA;
}

/* Tip */
.tip[data-v-699b581a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-699b581a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-699b581a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-699b581a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-699b581a] {
    font-size: 4rem;
}
.comparacion-grid[data-v-699b581a] {
    flex-direction: row;
}
.comp-item[data-v-699b581a] {
    flex: 1;
}
.punto[data-v-699b581a] {
    width: 28px;
    height: 28px;
}
.flor-card[data-v-699b581a] {
    min-width: 80px;
    padding: 0.5rem;
}
.flor-icono[data-v-699b581a] {
    font-size: 2rem;
}
.pm-cell[data-v-699b581a] {
    width: 55px;
    height: 45px;
    font-size: 0.75rem;
}
.pm-top[data-v-699b581a] {
    width: 55px;
    height: 30px;
}
.pm-side[data-v-699b581a] {
    width: 35px;
    height: 45px;
}
.pm-corner[data-v-699b581a] {
    width: 35px;
    height: 30px;
}
}

.explorador[data-v-2493240f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2493240f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2493240f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2493240f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2493240f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2493240f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2493240f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2493240f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2493240f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2493240f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-container[data-v-2493240f] {
  text-align: center;
}
.cruce-visual[data-v-2493240f] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.padres-row[data-v-2493240f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.padre-item[data-v-2493240f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.padre-icono[data-v-2493240f] {
  font-size: 2rem;
}
.padre-icono.rojo[data-v-2493240f] { filter: hue-rotate(0deg);
}
.padre-icono.blanco[data-v-2493240f] { filter: grayscale(100%) brightness(1.5);
}
.padre-icono.tipo-a[data-v-2493240f] {
}
.padre-icono.tipo-b[data-v-2493240f] {
}
.padre-icono.tipo-ab[data-v-2493240f] {
}
.padre-icono.negro[data-v-2493240f] { filter: brightness(0.3);
}
.padre-geno[data-v-2493240f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cruz-simbolo[data-v-2493240f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}
.flecha-resultado[data-v-2493240f] {
  font-size: 1.5rem;
  color: #8B5CF6;
  margin: 0.5rem 0;
}
.hijo-resultado[data-v-2493240f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.hijo-icono[data-v-2493240f] {
  font-size: 2.5rem;
}
.hijo-icono.rosado[data-v-2493240f] { filter: hue-rotate(300deg) saturate(0.7);
}
.hijo-icono.tipo-ab[data-v-2493240f] {
}
.hijo-icono.gris[data-v-2493240f] { filter: grayscale(70%);
}
.hijo-geno[data-v-2493240f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #F9A8D4;
}
.pregunta-texto[data-v-2493240f] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-tipo[data-v-2493240f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-btn[data-v-2493240f] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.tipo-btn.seleccionado[data-v-2493240f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.tipo-btn.correcto[data-v-2493240f] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.tipo-btn.incorrecto[data-v-2493240f] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 2: Grupos sanguíneos ===== */
.sangre-container[data-v-2493240f] {
  text-align: center;
}
.sangre-pregunta[data-v-2493240f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sangre-icono[data-v-2493240f] {
  font-size: 1.75rem;
}
.sangre-texto[data-v-2493240f] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.cruce-sangre[data-v-2493240f] {
  margin-bottom: 0.75rem;
}
.sangre-cruce[data-v-2493240f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.4rem 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 0.4rem;
}
.opciones-sangre[data-v-2493240f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.sangre-btn[data-v-2493240f] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.sangre-btn.seleccionado[data-v-2493240f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.sangre-btn.correcto[data-v-2493240f] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.sangre-btn.incorrecto[data-v-2493240f] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* ===== DESAFÍO 3: Cuadro de Punnett ===== */
.punnett-container[data-v-2493240f] {
  text-align: center;
}
.punnett-info[data-v-2493240f] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.75rem;
}
.punnett-titulo-int[data-v-2493240f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punnett-geno[data-v-2493240f] {
  font-size: 0.8rem;
  color: #F9A8D4;
}
.punnett-grid-interactivo[data-v-2493240f] {
  display: inline-flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.pg-header[data-v-2493240f], .pg-row[data-v-2493240f] {
  display: flex;
}
.pg-corner[data-v-2493240f] {
  width: 35px;
  height: 28px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pg-top[data-v-2493240f] {
  width: 55px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #F9A8D4;
  background: rgba(249, 168, 212, 0.15);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.pg-side[data-v-2493240f] {
  width: 35px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.pg-cell[data-v-2493240f] {
  width: 55px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.pg-cell.completado[data-v-2493240f] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.pg-cell.incorrecto[data-v-2493240f] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.cell-input[data-v-2493240f] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: inherit;
}
.cell-input[data-v-2493240f]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.cell-input[data-v-2493240f]:focus {
  outline: none;
}
.punnett-hint[data-v-2493240f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.contador[data-v-2493240f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-2493240f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2493240f] { font-size: 1.25rem;
}
.resultado-texto[data-v-2493240f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2493240f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2493240f] { flex: 1;
}
.nav-btn[data-v-2493240f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2493240f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2493240f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2493240f] { font-size: 1.75rem;
}
.completado-texto[data-v-2493240f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2493240f], .slide-leave-active[data-v-2493240f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2493240f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2493240f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-2493240f] {
    flex-direction: row;
    justify-content: center;
}
.tipo-btn[data-v-2493240f] {
    flex: 0 1 auto;
}
.padre-icono[data-v-2493240f] {
    font-size: 2.5rem;
}
.hijo-icono[data-v-2493240f] {
    font-size: 3rem;
}
.pg-cell[data-v-2493240f] {
    width: 65px;
    height: 55px;
}
.pg-top[data-v-2493240f] {
    width: 65px;
    height: 32px;
}
.pg-side[data-v-2493240f] {
    width: 40px;
    height: 55px;
}
.pg-corner[data-v-2493240f] {
    width: 40px;
    height: 32px;
}
}

/* Header de resumen */
.resumen-header[data-v-0f7d0b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-0f7d0b0e] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-0f7d0b0e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Grid de conceptos */
.conceptos-grid[data-v-0f7d0b0e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-card[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-card.codominancia[data-v-0f7d0b0e] {
  background: rgba(249, 168, 212, 0.15);
  border: 2px solid rgba(249, 168, 212, 0.4);
}
.concepto-card.dominancia-inc[data-v-0f7d0b0e] {
  background: rgba(167, 139, 250, 0.15);
  border: 2px solid rgba(167, 139, 250, 0.4);
}
.concepto-card.alelos-mult[data-v-0f7d0b0e] {
  background: rgba(251, 191, 36, 0.15);
  border: 2px solid rgba(251, 191, 36, 0.4);
}
.concepto-card.abo[data-v-0f7d0b0e] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.concepto-icono[data-v-0f7d0b0e] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.concepto-nombre[data-v-0f7d0b0e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.concepto-desc[data-v-0f7d0b0e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Comparación */
.comparacion-section[data-v-0f7d0b0e] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comparacion-titulo[data-v-0f7d0b0e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.comparacion-tabla[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comp-row[data-v-0f7d0b0e] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  gap: 0.25rem;
  text-align: center;
  padding: 0.35rem;
  border-radius: 0.25rem;
}
.comp-row.header[data-v-0f7d0b0e] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
}
.comp-row.completa[data-v-0f7d0b0e] {
  background: rgba(251, 191, 36, 0.1);
}
.comp-row.incompleta[data-v-0f7d0b0e] {
  background: rgba(167, 139, 250, 0.1);
}
.comp-row.codominancia[data-v-0f7d0b0e] {
  background: rgba(249, 168, 212, 0.1);
}
.comp-row[data-v-0f7d0b0e]:not(.header) {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.col-tipo[data-v-0f7d0b0e] {
  font-weight: 600;
}
.col-prop.destacado[data-v-0f7d0b0e] {
  color: #6EE7B7;
  font-weight: 700;
}

/* ABO resumen */
.abo-resumen[data-v-0f7d0b0e] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.abo-titulo[data-v-0f7d0b0e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  text-align: center;
  margin-bottom: 0.5rem;
}
.abo-grid[data-v-0f7d0b0e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.abo-item[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.abo-item.destacado[data-v-0f7d0b0e] {
  border: 2px solid #F9A8D4;
}
.abo-grupo[data-v-0f7d0b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 800;
  color: white;
}
.abo-grupo.a[data-v-0f7d0b0e] { background: #F59E0B;
}
.abo-grupo.b[data-v-0f7d0b0e] { background: #3B82F6;
}
.abo-grupo.ab[data-v-0f7d0b0e] { background: linear-gradient(135deg, #F59E0B 50%, #3B82F6 50%);
}
.abo-grupo.o[data-v-0f7d0b0e] { background: #10B981;
}
.abo-geno[data-v-0f7d0b0e] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.abo-nota[data-v-0f7d0b0e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.3;
}
.abo-nota strong[data-v-0f7d0b0e] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-0f7d0b0e] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tips-titulo[data-v-0f7d0b0e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-0f7d0b0e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-0f7d0b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-0f7d0b0e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-0f7d0b0e] {
  color: #6EE7B7;
}

/* Diferencia visual */
.diferencia-visual[data-v-0f7d0b0e] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.dif-titulo[data-v-0f7d0b0e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.dif-grid[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-0f7d0b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dif-nombre[data-v-0f7d0b0e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.dif-visual[data-v-0f7d0b0e] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.cuadro[data-v-0f7d0b0e] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.cuadro.rojo[data-v-0f7d0b0e] { background: #EF4444;
}
.cuadro.blanco[data-v-0f7d0b0e] { background: #FFFFFF;
}
.cuadro.rosado[data-v-0f7d0b0e] { background: #F9A8D4;
}
.cuadro-combo[data-v-0f7d0b0e] {
  display: flex;
  gap: 2px;
}
.cuadro-mini[data-v-0f7d0b0e] {
  width: 12px;
  height: 24px;
  border-radius: 2px;
}
.cuadro-mini.rojo[data-v-0f7d0b0e] { background: #EF4444;
}
.cuadro-mini.blanco[data-v-0f7d0b0e] { background: #FFFFFF;
}
.mas[data-v-0f7d0b0e], .igual[data-v-0f7d0b0e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
}
.dif-desc[data-v-0f7d0b0e] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Conexión */
.conexion-section[data-v-0f7d0b0e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.conexion-icono[data-v-0f7d0b0e] {
  font-size: 1.25rem;
}
.conexion-texto[data-v-0f7d0b0e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.conexion-texto strong[data-v-0f7d0b0e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-0f7d0b0e] {
    grid-template-columns: repeat(4, 1fr);
}
.concepto-card[data-v-0f7d0b0e] {
    padding: 0.75rem 0.5rem;
}
.concepto-nombre[data-v-0f7d0b0e] {
    font-size: 0.8rem;
}
.concepto-desc[data-v-0f7d0b0e] {
    font-size: 0.7rem;
}
.dif-grid[data-v-0f7d0b0e] {
    flex-direction: row;
}
.dif-item[data-v-0f7d0b0e] {
    flex: 1;
}
.cuadro[data-v-0f7d0b0e] {
    width: 28px;
    height: 28px;
}
.cuadro-mini[data-v-0f7d0b0e] {
    width: 14px;
    height: 28px;
}
}

/* Introducción visual - Flujo de energía */
.intro-visual[data-v-2b0bab2a] {
  margin: 1rem 0 1.5rem;
}
.energia-flujo[data-v-2b0bab2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.fuente-energia[data-v-2b0bab2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.energia-icono[data-v-2b0bab2a] {
  font-size: 2rem;
}
.energia-label[data-v-2b0bab2a] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.flecha-energia[data-v-2b0bab2a] {
  font-size: 1.5rem;
  color: #8B5CF6;
  animation: pulsar-2b0bab2a 1.5s ease-in-out infinite;
}
@keyframes pulsar-2b0bab2a {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.organismo[data-v-2b0bab2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.organismo.autotrofo[data-v-2b0bab2a] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.organismo.heterotrofo[data-v-2b0bab2a] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.org-icono[data-v-2b0bab2a] {
  font-size: 1.5rem;
}
.org-label[data-v-2b0bab2a] {
  font-size: 0.7rem;
  font-weight: 600;
}
.organismo.autotrofo .org-label[data-v-2b0bab2a] {
  color: #6EE7B7;
}
.organismo.heterotrofo .org-label[data-v-2b0bab2a] {
  color: #FCA5A5;
}

/* Texto inline */
strong.positivo[data-v-2b0bab2a] {
  color: #6EE7B7;
}
strong.negativo[data-v-2b0bab2a] {
  color: #FCA5A5;
}

/* Clasificación */
.clasificacion-section[data-v-2b0bab2a] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-2b0bab2a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-2b0bab2a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-2b0bab2a] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.autotrofo[data-v-2b0bab2a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.heterotrofo[data-v-2b0bab2a] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-header[data-v-2b0bab2a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-2b0bab2a] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-2b0bab2a] {
  font-weight: 800;
  font-size: 1.1rem;
}
.tipo-card.autotrofo .tipo-nombre[data-v-2b0bab2a] {
  color: #6EE7B7;
}
.tipo-card.heterotrofo .tipo-nombre[data-v-2b0bab2a] {
  color: #FCA5A5;
}
.tipo-desc[data-v-2b0bab2a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.tipo-desc strong[data-v-2b0bab2a] {
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-2b0bab2a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ejemplo[data-v-2b0bab2a] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Flujo de energía section */
.flujo-section[data-v-2b0bab2a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-header[data-v-2b0bab2a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flujo-icono[data-v-2b0bab2a] {
  font-size: 1.5rem;
}
.flujo-titulo[data-v-2b0bab2a] {
  font-weight: 800;
  color: #C4B5FD;
  font-size: 1rem;
}
.flujo-explicacion p[data-v-2b0bab2a] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.flujo-explicacion p[data-v-2b0bab2a]:last-child {
  margin-bottom: 0;
}

/* Tip */
.tip[data-v-2b0bab2a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-2b0bab2a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2b0bab2a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2b0bab2a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.energia-flujo[data-v-2b0bab2a] {
    gap: 1rem;
    padding: 1.5rem;
    flex-wrap: nowrap;
}
.energia-icono[data-v-2b0bab2a] {
    font-size: 2.5rem;
}
.org-icono[data-v-2b0bab2a] {
    font-size: 2rem;
}
.clasificacion-grid[data-v-2b0bab2a] {
    flex-direction: row;
}
.tipo-card[data-v-2b0bab2a] {
    flex: 1;
}
}

/* Visualización de fotosíntesis */
.fotosintesis-visual[data-v-92cd6adb] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.proceso-foto[data-v-92cd6adb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: max-content;
}
.ingredientes[data-v-92cd6adb], .productos[data-v-92cd6adb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.ingrediente[data-v-92cd6adb], .producto[data-v-92cd6adb] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.ing-icono[data-v-92cd6adb], .prod-icono[data-v-92cd6adb] {
  font-size: 1rem;
}
.ing-nombre[data-v-92cd6adb], .prod-nombre[data-v-92cd6adb] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.flecha-proceso[data-v-92cd6adb] {
  font-size: 1.25rem;
  color: #6EE7B7;
  animation: pulsar-92cd6adb 1.5s ease-in-out infinite;
}
@keyframes pulsar-92cd6adb {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.planta-central[data-v-92cd6adb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.planta-icono[data-v-92cd6adb] {
  font-size: 2rem;
}
.planta-label[data-v-92cd6adb] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 700;
}

/* Texto inline */
strong.positivo[data-v-92cd6adb] {
  color: #6EE7B7;
}

/* Tipos de autótrofos */
.tipos-section[data-v-92cd6adb] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-92cd6adb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-92cd6adb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-auto-card[data-v-92cd6adb] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-auto-card.foto[data-v-92cd6adb] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-auto-card.quimio[data-v-92cd6adb] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.auto-header[data-v-92cd6adb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.auto-icono[data-v-92cd6adb] {
  font-size: 1.25rem;
}
.auto-nombre[data-v-92cd6adb] {
  font-weight: 700;
  font-size: 0.95rem;
}
.tipo-auto-card.foto .auto-nombre[data-v-92cd6adb] {
  color: #FCD34D;
}
.tipo-auto-card.quimio .auto-nombre[data-v-92cd6adb] {
  color: #C4B5FD;
}
.auto-desc[data-v-92cd6adb] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}
.auto-desc strong[data-v-92cd6adb] {
  color: #FFFFFF;
}
.auto-proceso[data-v-92cd6adb] {
  display: flex;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.proceso-label[data-v-92cd6adb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.proceso-nombre[data-v-92cd6adb] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.auto-ejemplos[data-v-92cd6adb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.ej[data-v-92cd6adb] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Importancia ecológica */
.importancia-section[data-v-92cd6adb] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.imp-header[data-v-92cd6adb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.imp-icono[data-v-92cd6adb] {
  font-size: 1.25rem;
}
.imp-titulo[data-v-92cd6adb] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.imp-lista[data-v-92cd6adb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.imp-item[data-v-92cd6adb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.item-check[data-v-92cd6adb] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.item-texto[data-v-92cd6adb] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.item-texto strong[data-v-92cd6adb] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-92cd6adb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-92cd6adb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-92cd6adb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-92cd6adb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-foto[data-v-92cd6adb] {
    gap: 1rem;
}
.ingrediente[data-v-92cd6adb], .producto[data-v-92cd6adb] {
    padding: 0.5rem 0.75rem;
}
.ing-icono[data-v-92cd6adb], .prod-icono[data-v-92cd6adb] {
    font-size: 1.25rem;
}
.ing-nombre[data-v-92cd6adb], .prod-nombre[data-v-92cd6adb] {
    font-size: 0.85rem;
}
.tipos-grid[data-v-92cd6adb] {
    flex-direction: row;
}
.tipo-auto-card[data-v-92cd6adb] {
    flex: 1;
}
}

/* Cadena alimentaria visual */
.cadena-visual[data-v-74e833b3] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.cadena-container[data-v-74e833b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.nivel[data-v-74e833b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.nivel.productor[data-v-74e833b3] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.nivel.consumidor1[data-v-74e833b3] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.nivel.consumidor2[data-v-74e833b3] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}
.nivel.consumidor3[data-v-74e833b3] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.nivel.descomponedor[data-v-74e833b3] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
.nivel-icono[data-v-74e833b3] {
  font-size: 1.25rem;
}
.nivel-label[data-v-74e833b3] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #E9D5FF;
  text-align: center;
}
.flecha-cadena[data-v-74e833b3] {
  font-size: 1rem;
  color: #8B5CF6;
  animation: pulsar-74e833b3 1.5s ease-in-out infinite;
}
@keyframes pulsar-74e833b3 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.descomponedor-row[data-v-74e833b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.desc-flecha[data-v-74e833b3] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Texto inline */
strong.negativo[data-v-74e833b3] {
  color: #FCA5A5;
}

/* Clasificación de heterótrofos */
.clasificacion-section[data-v-74e833b3] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-74e833b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-74e833b3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-het-card[data-v-74e833b3] {
  padding: 0.6rem;
  border-radius: 0.6rem;
  border: 2px solid;
}
.tipo-het-card.herbivoro[data-v-74e833b3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-het-card.carnivoro[data-v-74e833b3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-het-card.omnivoro[data-v-74e833b3] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-het-card.descomponedor[data-v-74e833b3] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.het-header[data-v-74e833b3] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.25rem;
}
.het-icono[data-v-74e833b3] {
  font-size: 1.1rem;
}
.het-nombre[data-v-74e833b3] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tipo-het-card.herbivoro .het-nombre[data-v-74e833b3] { color: #6EE7B7;
}
.tipo-het-card.carnivoro .het-nombre[data-v-74e833b3] { color: #FCA5A5;
}
.tipo-het-card.omnivoro .het-nombre[data-v-74e833b3] { color: #FCD34D;
}
.tipo-het-card.descomponedor .het-nombre[data-v-74e833b3] { color: #C4B5FD;
}
.het-desc[data-v-74e833b3] {
  color: #E9D5FF;
  font-size: 0.75rem;
  margin-bottom: 0.2rem;
}
.het-desc strong[data-v-74e833b3] {
  color: #FFFFFF;
}
.het-nivel[data-v-74e833b3] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
  font-style: italic;
}
.het-ejemplos[data-v-74e833b3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.ej[data-v-74e833b3] {
  padding: 0.15rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Niveles tróficos */
.niveles-section[data-v-74e833b3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.niv-header[data-v-74e833b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.niv-icono[data-v-74e833b3] {
  font-size: 1.25rem;
}
.niv-titulo[data-v-74e833b3] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.niv-explicacion[data-v-74e833b3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.niv-item[data-v-74e833b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.niv-num[data-v-74e833b3] {
  min-width: 28px;
  padding: 0.15rem 0.35rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
}
.niv-texto[data-v-74e833b3] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.niv-texto strong[data-v-74e833b3] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-74e833b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-74e833b3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-74e833b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-74e833b3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.cadena-container[data-v-74e833b3] {
    gap: 0.5rem;
    flex-wrap: nowrap;
}
.nivel[data-v-74e833b3] {
    padding: 0.5rem 0.75rem;
}
.nivel-icono[data-v-74e833b3] {
    font-size: 1.5rem;
}
.nivel-label[data-v-74e833b3] {
    font-size: 0.7rem;
}
.tipos-grid[data-v-74e833b3] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-het-card[data-v-74e833b3] {
    padding: 0.75rem;
}
}

.explorador[data-v-1e30ed06] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1e30ed06] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1e30ed06] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1e30ed06] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1e30ed06] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1e30ed06] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1e30ed06] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1e30ed06] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1e30ed06] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1e30ed06] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar organismos ===== */
.clasificar-container[data-v-1e30ed06] {
  text-align: center;
}
.organismo-actual[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.org-icono-grande[data-v-1e30ed06] {
  font-size: 3rem;
}
.org-nombre[data-v-1e30ed06] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.org-pista[data-v-1e30ed06] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.pregunta-clasificar[data-v-1e30ed06] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-clasificar[data-v-1e30ed06] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo.autotrofo[data-v-1e30ed06] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-tipo.heterotrofo[data-v-1e30ed06] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-tipo.seleccionado.autotrofo[data-v-1e30ed06] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-tipo.seleccionado.heterotrofo[data-v-1e30ed06] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-tipo.correcto[data-v-1e30ed06] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-1e30ed06] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-1e30ed06] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-1e30ed06] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.opt-desc[data-v-1e30ed06] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Cadena alimentaria ===== */
.cadena-container[data-v-1e30ed06] {
  text-align: center;
}
.instruccion-cadena[data-v-1e30ed06] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.organismos-disponibles[data-v-1e30ed06] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.org-btn[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 60px;
}
.org-btn.seleccionado[data-v-1e30ed06] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.05);
}
.org-emoji[data-v-1e30ed06] {
  font-size: 1.5rem;
}
.org-label-small[data-v-1e30ed06] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.cadena-slots[data-v-1e30ed06] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.slot-wrapper[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.slot-nivel[data-v-1e30ed06] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 600;
}
.slot-cadena[data-v-1e30ed06] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-cadena.ocupado[data-v-1e30ed06] {
  border-style: solid;
  background: rgba(139, 92, 246, 0.2);
}
.slot-cadena.seleccionable[data-v-1e30ed06] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-1e30ed06 1s infinite;
}
@keyframes pulse-1e30ed06 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-placeholder[data-v-1e30ed06] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.25rem;
}
.slot-org[data-v-1e30ed06] {
  font-size: 1.5rem;
}
.flecha-slot[data-v-1e30ed06] {
  font-size: 1rem;
  color: #8B5CF6;
  margin-top: 0.5rem;
}
.botones-cadena[data-v-1e30ed06] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.btn-verificar[data-v-1e30ed06] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-reiniciar[data-v-1e30ed06] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-cadena[data-v-1e30ed06] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.feedback-cadena.error[data-v-1e30ed06] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Flujo de energía ===== */
.energia-container[data-v-1e30ed06] {
  text-align: center;
}
.situacion-energia[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sit-icono[data-v-1e30ed06] {
  font-size: 2.5rem;
}
.sit-texto[data-v-1e30ed06] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-energia[data-v-1e30ed06] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-energia[data-v-1e30ed06] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-energia[data-v-1e30ed06]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-energia.seleccionado[data-v-1e30ed06] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-energia.correcto[data-v-1e30ed06] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-energia.incorrecto[data-v-1e30ed06] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.explicacion-energia[data-v-1e30ed06] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  text-align: left;
}

/* Elementos comunes */
.contador[data-v-1e30ed06] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-1e30ed06] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1e30ed06] { font-size: 1.25rem;
}
.resultado-texto[data-v-1e30ed06] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1e30ed06] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1e30ed06] { flex: 1;
}
.nav-btn[data-v-1e30ed06] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1e30ed06] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1e30ed06] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1e30ed06] { font-size: 1.75rem;
}
.completado-texto[data-v-1e30ed06] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1e30ed06], .slide-leave-active[data-v-1e30ed06] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1e30ed06] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1e30ed06] { opacity: 0; transform: translateX(-15px);
}

/* Desktop adjustments */
@media (min-width: 640px) {
.opciones-energia[data-v-1e30ed06] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.slot-cadena[data-v-1e30ed06] {
    width: 60px;
    height: 60px;
}
.org-btn[data-v-1e30ed06] {
    min-width: 70px;
    padding: 0.6rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-07aff1e6] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.flujo-energia[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.energia-sol[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.sol-icono[data-v-07aff1e6] {
  font-size: 2.5rem;
}
.sol-label[data-v-07aff1e6] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.flecha-principal[data-v-07aff1e6] {
  font-size: 1.5rem;
  color: #FCD34D;
  animation: pulsar-07aff1e6 1.5s ease-in-out infinite;
}
@keyframes pulsar-07aff1e6 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.niveles-resumen[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
}
.nivel-res[data-v-07aff1e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
  width: 100%;
  max-width: 280px;
}
.nivel-res.productor[data-v-07aff1e6] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.nivel-res.consumidor[data-v-07aff1e6] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}
.nivel-res.descomponedor[data-v-07aff1e6] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
.niv-icono[data-v-07aff1e6] {
  font-size: 1.25rem;
  min-width: 40px;
  text-align: center;
}
.niv-nombre[data-v-07aff1e6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.niv-tipo[data-v-07aff1e6] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha-nivel[data-v-07aff1e6] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Conceptos clave */
.conceptos-section[data-v-07aff1e6] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-07aff1e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-card[data-v-07aff1e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-emoji[data-v-07aff1e6] {
  font-size: 1.25rem;
  min-width: 28px;
}
.concepto-info[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.concepto-nombre[data-v-07aff1e6] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.concepto-def[data-v-07aff1e6] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.concepto-def strong[data-v-07aff1e6] {
  color: #FFFFFF;
}

/* Comparación final */
.comparacion-final[data-v-07aff1e6] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comp-header[data-v-07aff1e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comp-tabla[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.comp-row[data-v-07aff1e6] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0.35rem;
  font-size: 0.7rem;
}
.comp-row.header[data-v-07aff1e6] {
  font-weight: 700;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-col[data-v-07aff1e6] {
  padding: 0.3rem 0.4rem;
  color: #E9D5FF;
}
.comp-row.header .comp-col[data-v-07aff1e6] {
  color: #FFFFFF;
}
.comp-col.auto[data-v-07aff1e6] {
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.25rem;
  color: #6EE7B7;
  text-align: center;
}
.comp-col.hetero[data-v-07aff1e6] {
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.25rem;
  color: #FCA5A5;
  text-align: center;
}

/* Tips PAES */
.tips-paes[data-v-07aff1e6] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-07aff1e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-07aff1e6] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-07aff1e6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.tips-lista[data-v-07aff1e6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-07aff1e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-07aff1e6] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.tip-texto[data-v-07aff1e6] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-07aff1e6] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-07aff1e6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-07aff1e6] {
  font-size: 2rem;
}
.final-texto[data-v-07aff1e6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.nivel-res[data-v-07aff1e6] {
    max-width: 320px;
}
.conceptos-grid[data-v-07aff1e6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.comp-row[data-v-07aff1e6] {
    font-size: 0.8rem;
}
}

/* Introducción visual */
.intro-visual[data-v-4e8dd6e7] {
  margin: 1rem 0 1.5rem;
}
.bioacum-visual[data-v-4e8dd6e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.organismo-nivel[data-v-4e8dd6e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.organismo-nivel.activo[data-v-4e8dd6e7] {
  transform: scale(1.1);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.nivel-icono[data-v-4e8dd6e7] {
  font-size: 1.5rem;
}
.nivel-conc[data-v-4e8dd6e7] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.nivel-conc.alerta[data-v-4e8dd6e7] {
  color: #FCA5A5;
}
.flecha-nivel[data-v-4e8dd6e7] {
  font-size: 1rem;
  color: #8B5CF6;
}
.visual-caption[data-v-4e8dd6e7] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0;
}

/* Texto inline */
strong.positivo[data-v-4e8dd6e7] {
  color: #6EE7B7;
}
strong.negativo[data-v-4e8dd6e7] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-4e8dd6e7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-4e8dd6e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-4e8dd6e7] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-4e8dd6e7] {
  font-weight: 700;
  color: #FCD34D;
}
.concepto-contenido p[data-v-4e8dd6e7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Proceso section */
.proceso-section[data-v-4e8dd6e7] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-4e8dd6e7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pasos-proceso[data-v-4e8dd6e7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-4e8dd6e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-4e8dd6e7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-4e8dd6e7] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
}
.paso-icono[data-v-4e8dd6e7] {
  font-size: 1rem;
}
.paso-texto[data-v-4e8dd6e7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos section */
.ejemplos-section[data-v-4e8dd6e7] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-4e8dd6e7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-4e8dd6e7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-4e8dd6e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-4e8dd6e7] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.ej-nombre[data-v-4e8dd6e7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
}
.ej-tipo[data-v-4e8dd6e7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-4e8dd6e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4e8dd6e7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4e8dd6e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4e8dd6e7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.bioacum-visual[data-v-4e8dd6e7] {
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 1.25rem;
}
.organismo-nivel[data-v-4e8dd6e7] {
    padding: 0.75rem 1rem;
}
.nivel-icono[data-v-4e8dd6e7] {
    font-size: 2rem;
}
.nivel-conc[data-v-4e8dd6e7] {
    font-size: 0.9rem;
}
.ejemplos-grid[data-v-4e8dd6e7] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-4e8dd6e7] {
    padding: 0.75rem;
}
}

/* Definición box */
.definicion-box[data-v-7e4f0c7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-7e4f0c7f] {
  font-size: 1.5rem;
}
.def-contenido[data-v-7e4f0c7f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.def-termino[data-v-7e4f0c7f] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.def-texto[data-v-7e4f0c7f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Texto inline */
strong.positivo[data-v-7e4f0c7f] {
  color: #6EE7B7;
}
strong.negativo[data-v-7e4f0c7f] {
  color: #FCA5A5;
}

/* Pirámide section */
.piramide-section[data-v-7e4f0c7f] {
  margin: 1.5rem 0;
}
.piramide-titulo[data-v-7e4f0c7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.piramide-container[data-v-7e4f0c7f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.piramide-nivel[data-v-7e4f0c7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.piramide-nivel.n0[data-v-7e4f0c7f] {
  width: 90%;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.piramide-nivel.n1[data-v-7e4f0c7f] {
  width: 80%;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.piramide-nivel.n2[data-v-7e4f0c7f] {
  width: 65%;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.piramide-nivel.n3[data-v-7e4f0c7f] {
  width: 50%;
  background: rgba(249, 115, 22, 0.2);
  border: 1px solid rgba(249, 115, 22, 0.4);
}
.piramide-nivel.n4[data-v-7e4f0c7f] {
  width: 35%;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.pir-icono[data-v-7e4f0c7f] {
  font-size: 1.25rem;
}
.pir-info[data-v-7e4f0c7f] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.pir-nombre[data-v-7e4f0c7f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.pir-conc[data-v-7e4f0c7f] {
  font-size: 0.8rem;
  font-weight: 700;
}
.pir-conc.inicial[data-v-7e4f0c7f] { color: #6EE7B7;
}
.pir-conc.bajo[data-v-7e4f0c7f] { color: #93C5FD;
}
.pir-conc.medio[data-v-7e4f0c7f] { color: #FCD34D;
}
.pir-conc.warning[data-v-7e4f0c7f] { color: #FB923C;
}
.pir-conc.alerta[data-v-7e4f0c7f] { color: #FCA5A5;
}
.piramide-agua[data-v-7e4f0c7f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0.3rem 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px dashed rgba(59, 130, 246, 0.4);
  border-radius: 0.3rem;
}
.agua-icono[data-v-7e4f0c7f] {
  font-size: 0.9rem;
}
.agua-texto[data-v-7e4f0c7f] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.piramide-nota[data-v-7e4f0c7f] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0;
}

/* Por qué section */
.porque-section[data-v-7e4f0c7f] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-7e4f0c7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.razones-grid[data-v-7e4f0c7f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.razon[data-v-7e4f0c7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.razon-icono[data-v-7e4f0c7f] {
  font-size: 1.25rem;
}
.razon-contenido[data-v-7e4f0c7f] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.razon-titulo[data-v-7e4f0c7f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.razon-texto[data-v-7e4f0c7f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Diferencia box */
.diferencia-box[data-v-7e4f0c7f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.dif-header[data-v-7e4f0c7f] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.dif-titulo[data-v-7e4f0c7f] {
  font-weight: 700;
  color: #FCD34D;
}
.dif-comparacion[data-v-7e4f0c7f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.dif-item[data-v-7e4f0c7f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dif-termino[data-v-7e4f0c7f] {
  font-size: 0.8rem;
  font-weight: 700;
}
.dif-termino.bio[data-v-7e4f0c7f] { color: #6EE7B7;
}
.dif-termino.mag[data-v-7e4f0c7f] { color: #FCA5A5;
}
.dif-desc[data-v-7e4f0c7f] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}
.dif-ejemplo[data-v-7e4f0c7f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dif-vs[data-v-7e4f0c7f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
  padding: 0 0.25rem;
}

/* Tip */
.tip[data-v-7e4f0c7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7e4f0c7f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7e4f0c7f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7e4f0c7f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.piramide-nivel[data-v-7e4f0c7f] {
    padding: 0.5rem 1rem;
}
.pir-icono[data-v-7e4f0c7f] {
    font-size: 1.5rem;
}
.pir-nombre[data-v-7e4f0c7f] {
    font-size: 0.8rem;
}
.pir-conc[data-v-7e4f0c7f] {
    font-size: 0.9rem;
}
.razones-grid[data-v-7e4f0c7f] {
    flex-direction: row;
}
.razon[data-v-7e4f0c7f] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.razon-icono[data-v-7e4f0c7f] {
    font-size: 1.5rem;
}
.dif-comparacion[data-v-7e4f0c7f] {
    gap: 1rem;
}
.dif-termino[data-v-7e4f0c7f] {
    font-size: 0.9rem;
}
.dif-desc[data-v-7e4f0c7f] {
    font-size: 0.85rem;
}
}

/* Texto inline */
strong.positivo[data-v-ea1b79a6] {
  color: #6EE7B7;
}
strong.negativo[data-v-ea1b79a6] {
  color: #FCA5A5;
}

/* Caso box */
.caso-box[data-v-ea1b79a6] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.caso-header[data-v-ea1b79a6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  flex-wrap: wrap;
}
.caso-header.ddt[data-v-ea1b79a6] {
  background: rgba(239, 68, 68, 0.2);
  border-bottom: 1px solid rgba(239, 68, 68, 0.3);
}
.caso-header.mercurio[data-v-ea1b79a6] {
  background: rgba(156, 163, 175, 0.2);
  border-bottom: 1px solid rgba(156, 163, 175, 0.3);
}
.caso-header.plasticos[data-v-ea1b79a6] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 1px solid rgba(59, 130, 246, 0.3);
}
.caso-icono[data-v-ea1b79a6] {
  font-size: 1.25rem;
}
.caso-titulo[data-v-ea1b79a6] {
  font-weight: 700;
  color: #FFFFFF;
  flex: 1;
  font-size: 0.95rem;
}
.caso-fecha[data-v-ea1b79a6] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 9999px;
  color: #C4B5FD;
}
.caso-contenido[data-v-ea1b79a6] {
  padding: 0.75rem;
}

/* Cadena visual */
.caso-cadena[data-v-ea1b79a6] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.cadena-item[data-v-ea1b79a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.item-icono[data-v-ea1b79a6] {
  font-size: 1rem;
}
.item-texto[data-v-ea1b79a6] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}
.cadena-flecha[data-v-ea1b79a6] {
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Efecto y solución */
.caso-efecto[data-v-ea1b79a6], .caso-solucion[data-v-ea1b79a6] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-top: 0.4rem;
}
.caso-efecto[data-v-ea1b79a6] {
  background: rgba(239, 68, 68, 0.1);
}
.caso-solucion[data-v-ea1b79a6] {
  background: rgba(16, 185, 129, 0.1);
}
.efecto-icono[data-v-ea1b79a6], .solucion-icono[data-v-ea1b79a6] {
  font-size: 1rem;
}
.efecto-texto[data-v-ea1b79a6], .solucion-texto[data-v-ea1b79a6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mercurio info */
.mercurio-info[data-v-ea1b79a6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.merc-fuentes[data-v-ea1b79a6], .merc-proceso[data-v-ea1b79a6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.merc-label[data-v-ea1b79a6] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.merc-items[data-v-ea1b79a6] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.merc-item[data-v-ea1b79a6] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.merc-desc[data-v-ea1b79a6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Peces riesgo */
.peces-riesgo[data-v-ea1b79a6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pez-grupo[data-v-ea1b79a6] {
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.pez-grupo.alto[data-v-ea1b79a6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.pez-grupo.bajo[data-v-ea1b79a6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.pez-titulo[data-v-ea1b79a6] {
  font-size: 0.75rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
}
.pez-titulo.negativo[data-v-ea1b79a6] { color: #FCA5A5;
}
.pez-titulo.positivo[data-v-ea1b79a6] { color: #6EE7B7;
}
.peces-lista[data-v-ea1b79a6] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.peces-lista span[data-v-ea1b79a6] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Plásticos visual */
.plastico-visual[data-v-ea1b79a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.plastico-nivel[data-v-ea1b79a6] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.plas-icono[data-v-ea1b79a6] {
  font-size: 1rem;
}
.plas-texto[data-v-ea1b79a6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.plastico-flecha[data-v-ea1b79a6] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.plastico-nota[data-v-ea1b79a6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin: 0;
}

/* Tip */
.tip[data-v-ea1b79a6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ea1b79a6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ea1b79a6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ea1b79a6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caso-cadena[data-v-ea1b79a6] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.cadena-item[data-v-ea1b79a6] {
    padding: 0.5rem 0.6rem;
}
.item-icono[data-v-ea1b79a6] {
    font-size: 1.25rem;
}
.item-texto[data-v-ea1b79a6] {
    font-size: 0.7rem;
}
.mercurio-info[data-v-ea1b79a6] {
    flex-direction: row;
    justify-content: space-between;
}
.peces-lista[data-v-ea1b79a6] {
    flex-direction: row;
    gap: 0.5rem;
}
.plastico-visual[data-v-ea1b79a6] {
    flex-direction: row;
    gap: 0.5rem;
}
.plastico-flecha[data-v-ea1b79a6] {
    transform: rotate(-90deg);
}
}

.explorador[data-v-17da2df9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-17da2df9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-17da2df9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-17da2df9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-17da2df9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-17da2df9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-17da2df9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-17da2df9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-17da2df9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-17da2df9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulación ===== */
.simulacion-container[data-v-17da2df9] {
  text-align: center;
}
.sim-intro[data-v-17da2df9] {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.negativo[data-v-17da2df9] {
  color: #FCA5A5;
}
.cadena-simulacion[data-v-17da2df9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0;
}
.nivel-sim[data-v-17da2df9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  min-width: 180px;
}
.nivel-sim.agua[data-v-17da2df9] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.nivel-sim.productor[data-v-17da2df9] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nivel-sim.primario[data-v-17da2df9] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.nivel-sim.secundario[data-v-17da2df9] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.nivel-sim.terciario[data-v-17da2df9] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.sim-icono[data-v-17da2df9] {
  font-size: 1.5rem;
}
.sim-nombre[data-v-17da2df9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  flex: 1;
  text-align: left;
}
.sim-valor[data-v-17da2df9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.sim-valor.alerta[data-v-17da2df9] {
  color: #FCA5A5;
}
.flecha-magnifica[data-v-17da2df9] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.factor[data-v-17da2df9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.flecha[data-v-17da2df9] {
  color: #8B5CF6;
  font-size: 1rem;
}
.pregunta-sim[data-v-17da2df9] {
  margin: 1rem 0;
}
.pregunta-texto[data-v-17da2df9] {
  display: block;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-wrapper[data-v-17da2df9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.sim-input[data-v-17da2df9] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-input.correcto[data-v-17da2df9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.sim-input.incorrecto[data-v-17da2df9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-17da2df9] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar-sim[data-v-17da2df9] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.sim-hint[data-v-17da2df9] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.sim-contador[data-v-17da2df9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Identificar ===== */
.identificar-container[data-v-17da2df9] {
  text-align: center;
}
.ident-pregunta[data-v-17da2df9] {
  margin: 0 0 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.cadena-visual[data-v-17da2df9] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.org-item[data-v-17da2df9] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.org-icono[data-v-17da2df9] {
  font-size: 1.25rem;
}
.org-nombre[data-v-17da2df9] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.org-flecha[data-v-17da2df9] {
  color: #8B5CF6;
  font-size: 0.8rem;
  margin: 0 0.1rem;
}
.opciones-ident[data-v-17da2df9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-btn[data-v-17da2df9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn.correcto[data-v-17da2df9] {
  background: #10B981;
  border-color: #047857;
}
.opcion-btn.incorrecto[data-v-17da2df9] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-17da2df9] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-17da2df9] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.opcion-btn.correcto .opcion-texto[data-v-17da2df9],
.opcion-btn.incorrecto .opcion-texto[data-v-17da2df9] {
  color: white;
}
.ident-contador[data-v-17da2df9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Clasificar ===== */
.clasificar-container[data-v-17da2df9] {
  text-align: center;
}
.clas-pregunta[data-v-17da2df9] {
  margin: 0 0 1rem 0;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.contaminante-actual[data-v-17da2df9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.cont-icono[data-v-17da2df9] {
  font-size: 2.5rem;
}
.cont-nombre[data-v-17da2df9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.cont-desc[data-v-17da2df9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.opciones-clas[data-v-17da2df9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.clas-btn[data-v-17da2df9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
}
.clas-btn.si[data-v-17da2df9] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.clas-btn.no[data-v-17da2df9] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.clas-btn.seleccionado[data-v-17da2df9] {
  transform: scale(1.02);
}
.clas-btn.correcto[data-v-17da2df9] {
  background: #10B981;
  border-color: #047857;
}
.clas-btn.incorrecto[data-v-17da2df9] {
  background: #EF4444;
  border-color: #B91C1C;
}
.clas-icono[data-v-17da2df9] {
  font-size: 1.5rem;
  font-weight: 700;
}
.clas-btn.si .clas-icono[data-v-17da2df9] { color: #6EE7B7;
}
.clas-btn.no .clas-icono[data-v-17da2df9] { color: #FCA5A5;
}
.clas-btn.correcto .clas-icono[data-v-17da2df9],
.clas-btn.incorrecto .clas-icono[data-v-17da2df9] { color: white;
}
.clas-texto[data-v-17da2df9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.clas-btn.correcto .clas-texto[data-v-17da2df9],
.clas-btn.incorrecto .clas-texto[data-v-17da2df9] { color: white;
}
.clas-feedback[data-v-17da2df9] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.clas-contador[data-v-17da2df9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-17da2df9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-17da2df9] { font-size: 1.25rem;
}
.resultado-texto[data-v-17da2df9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-17da2df9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-17da2df9] { flex: 1;
}
.nav-btn[data-v-17da2df9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-17da2df9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-17da2df9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-17da2df9] { font-size: 1.75rem;
}
.completado-texto[data-v-17da2df9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-17da2df9], .slide-leave-active[data-v-17da2df9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-17da2df9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-17da2df9] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-ident[data-v-17da2df9] {
    grid-template-columns: repeat(4, 1fr);
}
.cadena-visual[data-v-17da2df9] {
    flex-wrap: nowrap;
}
}

/* Secciones */
.resumen-section[data-v-ff4d757b],
.caracteristicas-section[data-v-ff4d757b],
.ejemplos-section[data-v-ff4d757b],
.regla-section[data-v-ff4d757b],
.paes-section[data-v-ff4d757b],
.tips-section[data-v-ff4d757b] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-ff4d757b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Texto inline */
strong.positivo[data-v-ff4d757b] {
  color: #6EE7B7;
}
strong.negativo[data-v-ff4d757b] {
  color: #FCA5A5;
}

/* Conceptos grid */
.conceptos-grid[data-v-ff4d757b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-ff4d757b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-ff4d757b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.concepto-header.bio[data-v-ff4d757b] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-header.mag[data-v-ff4d757b] {
  background: rgba(239, 68, 68, 0.2);
  border-bottom: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-icono[data-v-ff4d757b] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-ff4d757b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-body[data-v-ff4d757b] {
  padding: 0.75rem;
}
.concepto-body p[data-v-ff4d757b] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-clave[data-v-ff4d757b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* Características grid */
.caract-grid[data-v-ff4d757b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-ff4d757b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-ff4d757b] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-ff4d757b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.caract-desc[data-v-ff4d757b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos tabla */
.ejemplos-tabla[data-v-ff4d757b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ejemplo-row[data-v-ff4d757b] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
}
.ejemplo-row.header[data-v-ff4d757b] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-row[data-v-ff4d757b]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ej-col[data-v-ff4d757b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ej-col.nombre[data-v-ff4d757b] {
  font-weight: 700;
  color: #FCA5A5;
}
.ej-col.efecto[data-v-ff4d757b] {
  color: #C4B5FD;
}

/* Regla box */
.regla-box[data-v-ff4d757b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regla-icono[data-v-ff4d757b] {
  font-size: 1.5rem;
}
.regla-contenido[data-v-ff4d757b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.regla-titulo[data-v-ff4d757b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.regla-formula[data-v-ff4d757b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.regla-nota[data-v-ff4d757b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* PAES section */
.paes-header[data-v-ff4d757b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paes-badge[data-v-ff4d757b] {
  padding: 0.2rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paes-titulo[data-v-ff4d757b] {
  font-weight: 700;
  color: #FFFFFF;
}
.paes-pregunta[data-v-ff4d757b] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.75rem;
}
.paes-respuesta[data-v-ff4d757b] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tips lista */
.tips-lista[data-v-ff4d757b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-ff4d757b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-ff4d757b] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-ff4d757b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-ff4d757b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-ff4d757b] {
  font-size: 1.5rem;
}
.final-texto[data-v-ff4d757b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-ff4d757b] {
    flex-direction: row;
}
.concepto-card[data-v-ff4d757b] {
    flex: 1;
}
.caract-item[data-v-ff4d757b] {
    padding: 0.75rem;
}
.caract-icono[data-v-ff4d757b] {
    font-size: 1.5rem;
}
.caract-texto[data-v-ff4d757b] {
    font-size: 0.85rem;
}
.ejemplo-row[data-v-ff4d757b] {
    padding: 0.6rem 0.75rem;
}
.ej-col[data-v-ff4d757b] {
    font-size: 0.85rem;
}
}

/* Introducción visual */
.intro-visual[data-v-402ab272] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.biodiversidad-visual[data-v-402ab272] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.capa[data-v-402ab272] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.capa.genes[data-v-402ab272] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.capa.especies[data-v-402ab272] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.capa.ecosistemas[data-v-402ab272] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.capa-icono[data-v-402ab272] {
  font-size: 1.5rem;
}
.bio-label[data-v-402ab272] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Definición */
.definicion[data-v-402ab272] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.def-header[data-v-402ab272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-402ab272] {
  font-size: 1.25rem;
}
.def-titulo[data-v-402ab272] {
  font-weight: 700;
  color: #C4B5FD;
}
.def-texto[data-v-402ab272] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Niveles preview */
.niveles-preview[data-v-402ab272] {
  margin: 1.5rem 0;
}
.niveles-titulo[data-v-402ab272] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.niveles-grid[data-v-402ab272] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.nivel-card[data-v-402ab272] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.nivel-card.genetica[data-v-402ab272] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nivel-card.especies[data-v-402ab272] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nivel-card.ecosistemas[data-v-402ab272] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nivel-icono[data-v-402ab272] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.nivel-nombre[data-v-402ab272] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-desc[data-v-402ab272] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo Chile */
.ejemplo-chile[data-v-402ab272] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.chile-header[data-v-402ab272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chile-icono[data-v-402ab272] {
  font-size: 1.25rem;
}
.chile-titulo[data-v-402ab272] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.chile-datos[data-v-402ab272] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-402ab272] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  text-align: center;
}
.dato-valor[data-v-402ab272] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.dato-label[data-v-402ab272] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.chile-ejemplos[data-v-402ab272] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1.75rem;
}

/* Tip */
.tip[data-v-402ab272] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-402ab272] {
  font-size: 1.25rem;
}
.tip-texto[data-v-402ab272] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-402ab272] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.capa-icono[data-v-402ab272] {
    font-size: 2rem;
}
.nivel-icono[data-v-402ab272] {
    font-size: 1.75rem;
}
.nivel-nombre[data-v-402ab272] {
    font-size: 0.85rem;
}
.nivel-desc[data-v-402ab272] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-7e3838c1] {
  margin: 1rem 0 1.5rem;
}
.jerarquia-visual[data-v-7e3838c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.nivel-visual[data-v-7e3838c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 200px;
  justify-content: center;
}
.nivel-visual.gen[data-v-7e3838c1] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.nivel-visual.esp[data-v-7e3838c1] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.nivel-visual.eco[data-v-7e3838c1] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.nivel-emoji[data-v-7e3838c1] {
  font-size: 1.25rem;
}
.nivel-texto[data-v-7e3838c1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flecha-down[data-v-7e3838c1] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Nivel sections */
.nivel-section[data-v-7e3838c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.nivel-section.genetica[data-v-7e3838c1] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.nivel-section.especies[data-v-7e3838c1] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.nivel-section.ecosistemas[data-v-7e3838c1] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.nivel-header[data-v-7e3838c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.nivel-icono[data-v-7e3838c1] {
  font-size: 1.25rem;
}
.nivel-titulo[data-v-7e3838c1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.nivel-definicion[data-v-7e3838c1] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.nivel-ejemplo[data-v-7e3838c1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-visual[data-v-7e3838c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.perros-ejemplo[data-v-7e3838c1], .comunidad-ejemplo[data-v-7e3838c1] {
  display: flex;
  gap: 0.4rem;
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.ejemplo-label[data-v-7e3838c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-importancia[data-v-7e3838c1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.4rem;
}
.imp-icono[data-v-7e3838c1] {
  font-size: 0.9rem;
}
.imp-texto[data-v-7e3838c1] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.medicion-info[data-v-7e3838c1] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.med-label[data-v-7e3838c1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.med-items[data-v-7e3838c1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.med-items strong[data-v-7e3838c1] {
  color: #6EE7B7;
}

/* Ecosistemas grid */
.ecosistemas-grid[data-v-7e3838c1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.eco-item[data-v-7e3838c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.eco-icono[data-v-7e3838c1] {
  font-size: 1.25rem;
}
.eco-nombre[data-v-7e3838c1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Relación box */
.relacion-box[data-v-7e3838c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-header[data-v-7e3838c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.rel-icono[data-v-7e3838c1] {
  font-size: 1.25rem;
}
.rel-titulo[data-v-7e3838c1] {
  font-weight: 700;
  color: #C4B5FD;
}
.relacion-texto[data-v-7e3838c1] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.relacion-texto strong[data-v-7e3838c1] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-7e3838c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7e3838c1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7e3838c1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7e3838c1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.perros-ejemplo[data-v-7e3838c1], .comunidad-ejemplo[data-v-7e3838c1] {
    font-size: 1.75rem;
}
.ecosistemas-grid[data-v-7e3838c1] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-ddd26061] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.servicios-circulo[data-v-ddd26061] {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 0.75rem;
}
.servicio-item[data-v-ddd26061] {
  position: absolute;
  font-size: 1.75rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 50%;
}
.servicio-item.alimento[data-v-ddd26061] { top: 0; left: 50%; transform: translateX(-50%);
}
.servicio-item.oxigeno[data-v-ddd26061] { top: 50%; right: 0; transform: translateY(-50%);
}
.servicio-item.agua[data-v-ddd26061] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.servicio-item.medicina[data-v-ddd26061] { top: 50%; left: 0; transform: translateY(-50%);
}
.centro-bio[data-v-ddd26061] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.5rem;
}
.intro-texto[data-v-ddd26061] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Servicios section */
.servicios-section[data-v-ddd26061] {
  margin: 1.5rem 0;
}
.servicios-titulo[data-v-ddd26061] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.servicio-card[data-v-ddd26061] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.servicio-card.provision[data-v-ddd26061] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.servicio-card.regulacion[data-v-ddd26061] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.servicio-card.cultural[data-v-ddd26061] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.servicio-card.soporte[data-v-ddd26061] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.serv-header[data-v-ddd26061] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.serv-icono[data-v-ddd26061] {
  font-size: 1.1rem;
}
.serv-nombre[data-v-ddd26061] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.serv-ejemplos[data-v-ddd26061] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ej-item[data-v-ddd26061] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Amenazas section */
.amenazas-section[data-v-ddd26061] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.amenazas-titulo[data-v-ddd26061] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.amenazas-grid[data-v-ddd26061] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.amenaza-item[data-v-ddd26061] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.amenaza-item[data-v-ddd26061]:last-child {
  grid-column: span 2;
  max-width: 50%;
  justify-self: center;
}
.am-icono[data-v-ddd26061] {
  font-size: 1.25rem;
}
.am-nombre[data-v-ddd26061] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.am-impact[data-v-ddd26061] {
  font-size: 0.65rem;
  color: #FCA5A5;
}

/* Conservación section */
.conservacion-section[data-v-ddd26061] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.conservacion-header[data-v-ddd26061] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cons-icono[data-v-ddd26061] {
  font-size: 1.25rem;
}
.cons-titulo[data-v-ddd26061] {
  font-weight: 700;
  color: #6EE7B7;
}
.conservacion-tipos[data-v-ddd26061] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cons-tipo[data-v-ddd26061] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-ddd26061] {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.tipo-desc[data-v-ddd26061] {
  display: block;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.4rem;
}
.tipo-ejemplos[data-v-ddd26061] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.tipo-ejemplos span[data-v-ddd26061] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}

/* Datos section */
.datos-section[data-v-ddd26061] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.dato-impactante[data-v-ddd26061] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.5rem;
  text-align: center;
}
.dato-num[data-v-ddd26061] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.dato-texto[data-v-ddd26061] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-ddd26061] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ddd26061] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ddd26061] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ddd26061] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.servicios-circulo[data-v-ddd26061] {
    width: 180px;
    height: 180px;
}
.servicio-item[data-v-ddd26061] {
    font-size: 2rem;
    width: 50px;
    height: 50px;
}
.conservacion-tipos[data-v-ddd26061] {
    flex-direction: row;
}
.cons-tipo[data-v-ddd26061] {
    flex: 1;
}
.datos-section[data-v-ddd26061] {
    flex-direction: row;
}
.dato-impactante[data-v-ddd26061] {
    flex: 1;
}
.amenaza-item[data-v-ddd26061]:last-child {
    grid-column: span 1;
    max-width: 100%;
}
.amenazas-grid[data-v-ddd26061] {
    grid-template-columns: repeat(3, 1fr);
}
}

.explorador[data-v-cf22825d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-cf22825d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-cf22825d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-cf22825d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-cf22825d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-cf22825d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cf22825d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cf22825d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-cf22825d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-cf22825d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar nivel ===== */
.clasificar-container[data-v-cf22825d] {
  text-align: center;
}
.escenario-clasificar[data-v-cf22825d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-icono-grande[data-v-cf22825d] {
  font-size: 3rem;
  display: block;
  margin-bottom: 0.5rem;
}
.escenario-texto[data-v-cf22825d] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clasificar-pregunta[data-v-cf22825d] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opciones-nivel[data-v-cf22825d] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.opcion-nivel[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  flex: 1;
  min-width: 90px;
  max-width: 110px;
  border: 2px solid;
}
.opcion-nivel.genetica[data-v-cf22825d] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-nivel.especies[data-v-cf22825d] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-nivel.ecosistemas[data-v-cf22825d] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-nivel.correcto[data-v-cf22825d] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.opcion-nivel.incorrecto[data-v-cf22825d] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.opcion-icono[data-v-cf22825d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.opcion-texto[data-v-cf22825d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasificar-contador[data-v-cf22825d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Amenazas ===== */
.amenazas-container[data-v-cf22825d] {
  text-align: center;
}
.amenazas-pregunta[data-v-cf22825d] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.amenaza-actual[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.amenaza-icono-grande[data-v-cf22825d] {
  font-size: 2.5rem;
  margin-bottom: 0.25rem;
}
.amenaza-nombre[data-v-cf22825d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.consecuencias-opciones[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia-btn[data-v-cf22825d] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.consecuencia-btn.correcto[data-v-cf22825d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.consecuencia-btn.incorrecto[data-v-cf22825d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.amenazas-contador[data-v-cf22825d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Pirámide ===== */
.piramide-container[data-v-cf22825d] {
  text-align: center;
}
.piramide-instruccion[data-v-cf22825d] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.niveles-disponibles[data-v-cf22825d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.nivel-draggable[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.nivel-draggable.seleccionado[data-v-cf22825d] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
  border-color: #8B5CF6;
}
.nivel-icono[data-v-cf22825d] {
  font-size: 1.25rem;
}
.nivel-nombre[data-v-cf22825d] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.piramide-slots[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.piramide-slot[data-v-cf22825d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  padding: 0.5rem;
}
.piramide-slot.nivel0[data-v-cf22825d] { width: 100px;
}
.piramide-slot.nivel1[data-v-cf22825d] { width: 140px;
}
.piramide-slot.nivel2[data-v-cf22825d] { width: 180px;
}
.piramide-slot.seleccionable[data-v-cf22825d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-cf22825d 1s infinite;
}
@keyframes pulse-cf22825d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.piramide-slot.ocupado[data-v-cf22825d] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.slot-label[data-v-cf22825d] {
  font-size: 0.6rem;
  color: #8B5CF6;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.slot-contenido[data-v-cf22825d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.slot-icono[data-v-cf22825d] {
  font-size: 1.25rem;
}
.slot-nombre[data-v-cf22825d] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.slot-placeholder[data-v-cf22825d] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.25rem;
}
.botones-accion[data-v-cf22825d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar[data-v-cf22825d], .btn-reiniciar[data-v-cf22825d] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-cf22825d] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-cf22825d] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Feedback error */
.feedback-error[data-v-cf22825d] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

/* Resultado correcto */
.resultado-correcto[data-v-cf22825d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cf22825d] { font-size: 1.25rem;
}
.resultado-texto[data-v-cf22825d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-cf22825d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-cf22825d] { flex: 1;
}
.nav-btn[data-v-cf22825d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-cf22825d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-cf22825d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cf22825d] { font-size: 1.75rem;
}
.completado-texto[data-v-cf22825d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cf22825d], .slide-leave-active[data-v-cf22825d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cf22825d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cf22825d] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-c4912995] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-c4912995] {
  font-size: 2rem;
}
.resumen-intro p[data-v-c4912995] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-c4912995] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-c4912995] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-c4912995] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-c4912995]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-c4912995] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-c4912995] {
    grid-column: span 1;
}
}
.card-header[data-v-c4912995] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-c4912995] {
  font-size: 1.25rem;
}
.card-titulo[data-v-c4912995] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-c4912995] {
  color: #E9D5FF;
}
.card-texto[data-v-c4912995] {
  margin: 0;
  font-size: 0.9rem;
}
.card-nota[data-v-c4912995] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Niveles resumen */
.niveles-resumen[data-v-c4912995] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.nivel-res[data-v-c4912995] {
  flex: 1;
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.nivel-res.genetica[data-v-c4912995] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nivel-res.especies[data-v-c4912995] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nivel-res.ecosistemas[data-v-c4912995] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nivel-icono[data-v-c4912995] {
  font-size: 1.25rem;
}
.nivel-nombre[data-v-c4912995] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-desc[data-v-c4912995] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Servicios mini */
.servicios-mini[data-v-c4912995] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
}
.serv-item[data-v-c4912995] {
  font-size: 0.75rem;
  padding: 0.25rem 0.4rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.25rem;
  color: #6EE7B7;
}

/* Amenazas mini */
.amenazas-mini[data-v-c4912995] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.am-item[data-v-c4912995] {
  font-size: 0.75rem;
  color: #FCA5A5;
}

/* Conservación resumen */
.conservacion-resumen[data-v-c4912995] {
  display: flex;
  gap: 0.75rem;
}
.cons-tipo-res[data-v-c4912995] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cons-tipo-res.in-situ[data-v-c4912995] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cons-tipo-res.ex-situ[data-v-c4912995] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.cons-nombre[data-v-c4912995] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.cons-desc[data-v-c4912995] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.cons-ej[data-v-c4912995] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Conexión visual */
.conexion-visual[data-v-c4912995] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.conexion-item[data-v-c4912995] {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.conexion-flecha[data-v-c4912995] {
  color: #8B5CF6;
  font-weight: 700;
}
.conexion-nota[data-v-c4912995] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tips finales */
.tips-finales[data-v-c4912995] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-c4912995] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-c4912995] {
  font-size: 1.25rem;
}
.tip-text[data-v-c4912995] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-c4912995] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-c4912995] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-c4912995] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-c4912995 1s ease-in-out infinite;
}
@keyframes bounce-c4912995 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-c4912995] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-c4912995] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Introducción visual */
.intro-visual[data-v-e32243fe] {
  margin: 1rem 0 1.5rem;
}
.cadena-simple[data-v-e32243fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.organismo[data-v-e32243fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.org-icono[data-v-e32243fe] {
  font-size: 1.5rem;
}
.org-nombre[data-v-e32243fe] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.flecha[data-v-e32243fe] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Texto inline */
strong.positivo[data-v-e32243fe] {
  color: #6EE7B7;
}
strong.negativo[data-v-e32243fe] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-e32243fe] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-e32243fe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-e32243fe] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-e32243fe] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-contenido p[data-v-e32243fe] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Relaciones section */
.relaciones-section[data-v-e32243fe] {
  margin: 1.5rem 0;
}
.relaciones-titulo[data-v-e32243fe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.relaciones-grid[data-v-e32243fe] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.relacion[data-v-e32243fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.rel-icono[data-v-e32243fe] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.rel-tipo[data-v-e32243fe] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rel-desc[data-v-e32243fe] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Flujo de energía */
.flujo-section[data-v-e32243fe] {
  margin: 1.5rem 0;
}
.flujo-titulo[data-v-e32243fe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.flujo-visual[data-v-e32243fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.flujo-item[data-v-e32243fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
}
.flujo-item.sol[data-v-e32243fe] {
  background: rgba(245, 158, 11, 0.2);
}
.flujo-item.planta[data-v-e32243fe] {
  background: rgba(16, 185, 129, 0.2);
}
.flujo-item.animal[data-v-e32243fe] {
  background: rgba(59, 130, 246, 0.2);
}
.flujo-item.carnivoro[data-v-e32243fe] {
  background: rgba(239, 68, 68, 0.2);
}
.flujo-icono[data-v-e32243fe] {
  font-size: 1.25rem;
}
.flujo-texto[data-v-e32243fe] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.flujo-flecha[data-v-e32243fe] {
  color: #FCD34D;
  font-size: 1rem;
}
.flujo-nota[data-v-e32243fe] {
  margin: 0.75rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-e32243fe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e32243fe] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e32243fe] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e32243fe] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.cadena-simple[data-v-e32243fe] {
    flex-wrap: nowrap;
    gap: 0.75rem;
    padding: 1.25rem;
}
.organismo[data-v-e32243fe] {
    padding: 0.75rem 1rem;
}
.org-icono[data-v-e32243fe] {
    font-size: 2rem;
}
.org-nombre[data-v-e32243fe] {
    font-size: 0.8rem;
}
.flujo-visual[data-v-e32243fe] {
    flex-wrap: nowrap;
    gap: 0.5rem;
    padding: 1rem;
}
.flujo-icono[data-v-e32243fe] {
    font-size: 1.5rem;
}
.flujo-texto[data-v-e32243fe] {
    font-size: 0.75rem;
}
}

/* Pirámide visual */
.piramide-section[data-v-9a48069a] {
  margin: 1rem 0 1.5rem;
}
.piramide-titulo[data-v-9a48069a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.piramide[data-v-9a48069a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.nivel[data-v-9a48069a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.nivel-4[data-v-9a48069a] {
  width: 60%;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.nivel-3[data-v-9a48069a] {
  width: 75%;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.nivel-2[data-v-9a48069a] {
  width: 90%;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.nivel-1[data-v-9a48069a] {
  width: 100%;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nivel-icono[data-v-9a48069a] {
  font-size: 1.25rem;
}
.nivel-info[data-v-9a48069a] {
  display: flex;
  flex-direction: column;
}
.nivel-nombre[data-v-9a48069a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-ejemplo[data-v-9a48069a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-9a48069a] {
  color: #6EE7B7;
}
strong.negativo[data-v-9a48069a] {
  color: #FCA5A5;
}

/* Niveles detalle */
.niveles-detalle[data-v-9a48069a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.nivel-card[data-v-9a48069a] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.nivel-card.productores[data-v-9a48069a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nivel-card.consumidor-1[data-v-9a48069a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nivel-card.consumidor-2[data-v-9a48069a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nivel-card.consumidor-3[data-v-9a48069a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.card-header[data-v-9a48069a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-9a48069a] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9a48069a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido p[data-v-9a48069a] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplos[data-v-9a48069a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ejemplo[data-v-9a48069a] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Descomponedores */
.descomponedores-section[data-v-9a48069a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.descomp-header[data-v-9a48069a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.descomp-icono[data-v-9a48069a] {
  font-size: 1.25rem;
}
.descomp-titulo[data-v-9a48069a] {
  font-weight: 700;
  color: #C4B5FD;
}
.descomp-contenido p[data-v-9a48069a] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-9a48069a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9a48069a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9a48069a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9a48069a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.nivel[data-v-9a48069a] {
    padding: 0.6rem 1rem;
}
.nivel-icono[data-v-9a48069a] {
    font-size: 1.5rem;
}
.nivel-nombre[data-v-9a48069a] {
    font-size: 0.85rem;
}
.nivel-ejemplo[data-v-9a48069a] {
    font-size: 0.75rem;
}
.niveles-detalle[data-v-9a48069a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Regla del 10% */
.regla-10-section[data-v-e9ac1ec3] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-e9ac1ec3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.regla-visual[data-v-e9ac1ec3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.energia-nivel[data-v-e9ac1ec3] {
  width: var(--width);
  min-width: 120px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  justify-content: center;
}
.energia-icono[data-v-e9ac1ec3] {
  font-size: 1.2rem;
}
.energia-valor[data-v-e9ac1ec3] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.energia-label[data-v-e9ac1ec3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.perdida-flecha[data-v-e9ac1ec3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.15rem 0;
}
.perdida-texto[data-v-e9ac1ec3] {
  font-size: 0.65rem;
  color: #FCA5A5;
}
.flecha-abajo[data-v-e9ac1ec3] {
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Texto inline */
strong.positivo[data-v-e9ac1ec3] {
  color: #6EE7B7;
}
strong.negativo[data-v-e9ac1ec3] {
  color: #FCA5A5;
}

/* Destino energía */
.destino-section[data-v-e9ac1ec3] {
  margin: 1.5rem 0;
}
.destino-titulo[data-v-e9ac1ec3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.destino-grid[data-v-e9ac1ec3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.destino-item[data-v-e9ac1ec3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.destino-item.principal[data-v-e9ac1ec3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.destino-item.positivo-item[data-v-e9ac1ec3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.dest-porcentaje[data-v-e9ac1ec3] {
  font-size: 1rem;
  font-weight: 800;
}
.dest-porcentaje.negativo[data-v-e9ac1ec3] {
  color: #FCA5A5;
}
.dest-porcentaje.positivo[data-v-e9ac1ec3] {
  color: #6EE7B7;
}
.dest-icono[data-v-e9ac1ec3] {
  font-size: 1.25rem;
  margin: 0.2rem 0;
}
.dest-nombre[data-v-e9ac1ec3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.dest-desc[data-v-e9ac1ec3] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Consecuencia */
.consecuencia-section[data-v-e9ac1ec3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.consec-header[data-v-e9ac1ec3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.consec-icono[data-v-e9ac1ec3] {
  font-size: 1.25rem;
}
.consec-titulo[data-v-e9ac1ec3] {
  font-weight: 700;
  color: #FCD34D;
}
.consec-contenido p[data-v-e9ac1ec3] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.consec-ejemplo[data-v-e9ac1ec3] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-label[data-v-e9ac1ec3] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.ej-texto[data-v-e9ac1ec3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  display: block;
  margin-top: 0.25rem;
}

/* Biomasa */
.biomasa-section[data-v-e9ac1ec3] {
  margin: 1.5rem 0;
}
.biomasa-titulo[data-v-e9ac1ec3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.biomasa-visual[data-v-e9ac1ec3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.biomasa-barra[data-v-e9ac1ec3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.barra-label[data-v-e9ac1ec3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 75px;
}
.barra[data-v-e9ac1ec3] {
  height: 20px;
  border-radius: 0.3rem;
}
.productores .barra[data-v-e9ac1ec3] {
  background: linear-gradient(90deg, #10B981, #6EE7B7);
}
.herbivoros .barra[data-v-e9ac1ec3] {
  background: linear-gradient(90deg, #3B82F6, #93C5FD);
}
.carnivoros .barra[data-v-e9ac1ec3] {
  background: linear-gradient(90deg, #EF4444, #FCA5A5);
}
.barra-iconos[data-v-e9ac1ec3] {
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-e9ac1ec3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e9ac1ec3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e9ac1ec3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e9ac1ec3] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.energia-nivel[data-v-e9ac1ec3] {
    padding: 0.5rem 1rem;
}
.energia-icono[data-v-e9ac1ec3] {
    font-size: 1.4rem;
}
.energia-valor[data-v-e9ac1ec3] {
    font-size: 1rem;
}
.destino-item[data-v-e9ac1ec3] {
    padding: 0.75rem 0.5rem;
}
.dest-icono[data-v-e9ac1ec3] {
    font-size: 1.5rem;
}
.dest-nombre[data-v-e9ac1ec3] {
    font-size: 0.8rem;
}
}

/* Comparación */
.comparacion-section[data-v-c5459bb1] {
  margin: 1rem 0 1.5rem;
}
.comparacion-titulo[data-v-c5459bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-grid[data-v-c5459bb1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-c5459bb1] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.tipo-card.cadena[data-v-c5459bb1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.trama[data-v-c5459bb1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-c5459bb1] {
  margin-bottom: 0.5rem;
}
.tipo-nombre[data-v-c5459bb1] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.tipo-visual[data-v-c5459bb1] {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.cadena-visual[data-v-c5459bb1] {
  gap: 0.25rem;
}
.trama-visual[data-v-c5459bb1] {
  flex-direction: column;
  gap: 0.1rem;
  font-size: 1rem;
}
.trama-row[data-v-c5459bb1] {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
}
.trama-center[data-v-c5459bb1] {
  display: flex;
  justify-content: center;
  gap: 0.15rem;
}
.flecha[data-v-c5459bb1], .flecha-down[data-v-c5459bb1], .flecha-up[data-v-c5459bb1] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.tipo-desc[data-v-c5459bb1] {
  margin: 0.5rem 0 0;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-c5459bb1] {
  color: #6EE7B7;
}
strong.negativo[data-v-c5459bb1] {
  color: #FCA5A5;
}

/* Ejemplo trama */
.ejemplo-trama[data-v-c5459bb1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-c5459bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.trama-container[data-v-c5459bb1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.trama-nivel[data-v-c5459bb1] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.organismo-trama[data-v-c5459bb1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  min-width: 55px;
}
.organismo-trama.apex[data-v-c5459bb1] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.organismo-trama.carnivoro[data-v-c5459bb1] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.organismo-trama.herbivoro[data-v-c5459bb1] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.organismo-trama.productor[data-v-c5459bb1] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.org-icono[data-v-c5459bb1] {
  font-size: 1.1rem;
}
.org-nombre[data-v-c5459bb1] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.flechas-nivel[data-v-c5459bb1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.flecha-trama[data-v-c5459bb1] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.flechas-nivel.cruzadas[data-v-c5459bb1] {
  gap: 0.5rem;
}
.flechas-nivel.base[data-v-c5459bb1] {
  gap: 1.5rem;
}

/* Importancia */
.importancia-section[data-v-c5459bb1] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-c5459bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.importancia-grid[data-v-c5459bb1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.imp-item[data-v-c5459bb1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.imp-item.warning[data-v-c5459bb1] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.imp-icono[data-v-c5459bb1] {
  font-size: 1.25rem;
}
.imp-contenido[data-v-c5459bb1] {
  display: flex;
  flex-direction: column;
}
.imp-nombre[data-v-c5459bb1] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.imp-desc[data-v-c5459bb1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Especie clave */
.especie-clave[data-v-c5459bb1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.clave-header[data-v-c5459bb1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.clave-icono[data-v-c5459bb1] {
  font-size: 1.25rem;
}
.clave-titulo[data-v-c5459bb1] {
  font-weight: 700;
  color: #C4B5FD;
}
.especie-clave p[data-v-c5459bb1] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clave-ejemplo[data-v-c5459bb1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-icono[data-v-c5459bb1] {
  font-size: 1.5rem;
}
.ej-texto[data-v-c5459bb1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ej-texto strong[data-v-c5459bb1] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-c5459bb1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c5459bb1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c5459bb1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c5459bb1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-visual[data-v-c5459bb1] {
    font-size: 1.5rem;
    min-height: 80px;
}
.organismo-trama[data-v-c5459bb1] {
    min-width: 70px;
    padding: 0.4rem 0.6rem;
}
.org-icono[data-v-c5459bb1] {
    font-size: 1.3rem;
}
.org-nombre[data-v-c5459bb1] {
    font-size: 0.7rem;
}
.importancia-grid[data-v-c5459bb1] {
    flex-direction: row;
}
.imp-item[data-v-c5459bb1] {
    flex: 1;
}
}

.explorador[data-v-dbaf8c75] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dbaf8c75] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dbaf8c75] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dbaf8c75] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dbaf8c75] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dbaf8c75] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dbaf8c75] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dbaf8c75] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dbaf8c75] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dbaf8c75] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Construir cadena ===== */
.cadena-constructor[data-v-dbaf8c75] {
  text-align: center;
}
.constructor-pregunta[data-v-dbaf8c75] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.organismos-disponibles[data-v-dbaf8c75] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.organismo-btn[data-v-dbaf8c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.organismo-btn.seleccionado[data-v-dbaf8c75] {
  transform: scale(1.05);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.org-icono[data-v-dbaf8c75] {
  font-size: 1.5rem;
}
.org-nombre[data-v-dbaf8c75] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.cadena-slots[data-v-dbaf8c75] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.slot-cadena[data-v-dbaf8c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  min-width: 55px;
  min-height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  position: relative;
}
.slot-cadena.seleccionable[data-v-dbaf8c75] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-cadena.ocupado[data-v-dbaf8c75] {
  border-style: solid;
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.slot-icono[data-v-dbaf8c75] {
  font-size: 1.25rem;
}
.slot-nombre[data-v-dbaf8c75] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.slot-placeholder[data-v-dbaf8c75] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
  font-weight: 700;
}
.slot-flecha[data-v-dbaf8c75] {
  position: absolute;
  right: -15px;
  color: #8B5CF6;
  font-size: 1rem;
}
.niveles-guia[data-v-dbaf8c75] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.guia-item[data-v-dbaf8c75] {
  font-size: 0.65rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.botones-accion[data-v-dbaf8c75] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar[data-v-dbaf8c75], .btn-reiniciar[data-v-dbaf8c75] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-dbaf8c75] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-dbaf8c75] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Identificar niveles ===== */
.nivel-identificar[data-v-dbaf8c75] {
  text-align: center;
}
.nivel-pregunta[data-v-dbaf8c75] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.cadena-ejemplo[data-v-dbaf8c75] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cadena-item[data-v-dbaf8c75] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.cadena-icono[data-v-dbaf8c75] {
  font-size: 1.25rem;
}
.cadena-nombre[data-v-dbaf8c75] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.cadena-flecha[data-v-dbaf8c75] {
  color: #8B5CF6;
  font-size: 0.9rem;
  margin: 0 0.1rem;
}
.nivel-actual[data-v-dbaf8c75] {
  margin: 1rem 0;
}
.nivel-organismo[data-v-dbaf8c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.nivel-org-icono[data-v-dbaf8c75] {
  font-size: 2.5rem;
}
.nivel-org-nombre[data-v-dbaf8c75] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-hint[data-v-dbaf8c75] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.opciones-nivel[data-v-dbaf8c75] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.opcion-btn[data-v-dbaf8c75] {
  padding: 0.6rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #93C5FD;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8rem;
  transition: all 0.2s ease;
}
.opcion-btn.correcto[data-v-dbaf8c75] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-dbaf8c75] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.nivel-contador[data-v-dbaf8c75] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Energía ===== */
.energia-calculo[data-v-dbaf8c75] {
  text-align: center;
}
.energia-pregunta[data-v-dbaf8c75] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.energia-visual[data-v-dbaf8c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  margin: 1rem 0;
}
.energia-nivel[data-v-dbaf8c75] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
}
.energia-nivel.productor[data-v-dbaf8c75] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.energia-nivel.consumidor[data-v-dbaf8c75] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.en-icono[data-v-dbaf8c75] {
  font-size: 1.5rem;
}
.en-valor[data-v-dbaf8c75] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.en-valor-pregunta[data-v-dbaf8c75] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.en-label[data-v-dbaf8c75] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.energia-flecha[data-v-dbaf8c75] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-texto[data-v-dbaf8c75] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}
.flecha-icono[data-v-dbaf8c75] {
  color: #8B5CF6;
  font-size: 1rem;
}
.energia-input-section[data-v-dbaf8c75] {
  margin: 1rem 0;
}
.input-label[data-v-dbaf8c75] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-wrapper[data-v-dbaf8c75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.energia-input[data-v-dbaf8c75] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.energia-input.correcto[data-v-dbaf8c75] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.energia-input.incorrecto[data-v-dbaf8c75] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-dbaf8c75] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar-energia[data-v-dbaf8c75] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.energia-hint[data-v-dbaf8c75] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.energia-contador[data-v-dbaf8c75] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-dbaf8c75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dbaf8c75] { font-size: 1.25rem;
}
.resultado-texto[data-v-dbaf8c75] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dbaf8c75] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dbaf8c75] { flex: 1;
}
.nav-btn[data-v-dbaf8c75] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dbaf8c75] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dbaf8c75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dbaf8c75] { font-size: 1.75rem;
}
.completado-texto[data-v-dbaf8c75] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dbaf8c75], .slide-leave-active[data-v-dbaf8c75] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dbaf8c75] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-dbaf8c75] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.cadena-slots[data-v-dbaf8c75] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.slot-cadena[data-v-dbaf8c75] {
    min-width: 70px;
}
.slot-flecha[data-v-dbaf8c75] {
    right: -18px;
}
.opciones-nivel[data-v-dbaf8c75] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.resumen-intro[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f4dc7001] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f4dc7001] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f4dc7001] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-f4dc7001] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f4dc7001] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f4dc7001]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-f4dc7001] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-f4dc7001] {
    grid-column: span 1;
}
}
.card-header[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-f4dc7001] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f4dc7001] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f4dc7001] {
  color: #E9D5FF;
}
.card-nota[data-v-f4dc7001] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Cadena visual */
.cadena-visual[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.flecha[data-v-f4dc7001] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Niveles lista */
.niveles-lista[data-v-f4dc7001] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.nivel-item[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.nivel-item.n1[data-v-f4dc7001] { background: rgba(16, 185, 129, 0.2);
}
.nivel-item.n2[data-v-f4dc7001] { background: rgba(59, 130, 246, 0.2);
}
.nivel-item.n3[data-v-f4dc7001] { background: rgba(245, 158, 11, 0.2);
}
.nivel-item.n4[data-v-f4dc7001] { background: rgba(239, 68, 68, 0.2);
}
.nivel-num[data-v-f4dc7001] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  min-width: 28px;
}
.nivel-texto[data-v-f4dc7001] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Regla visual */
.regla-visual[data-v-f4dc7001] {
  padding: 0.5rem;
}
.energia-barra[data-v-f4dc7001] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.barra-item[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0.5rem;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.1));
  border-radius: 0.3rem;
  min-width: 80px;
}
.barra-valor[data-v-f4dc7001] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.barra-label[data-v-f4dc7001] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Trama mini */
.trama-mini[data-v-f4dc7001] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.trama-row[data-v-f4dc7001] {
  color: #E9D5FF;
}

/* Destino lista */
.destino-lista[data-v-f4dc7001] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.destino-item[data-v-f4dc7001] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.destino-item.perdida[data-v-f4dc7001] {
  background: rgba(239, 68, 68, 0.1);
}
.destino-item.ganancia[data-v-f4dc7001] {
  background: rgba(16, 185, 129, 0.1);
}
.dest-valor[data-v-f4dc7001] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 45px;
}
.perdida .dest-valor[data-v-f4dc7001] { color: #FCA5A5;
}
.ganancia .dest-valor[data-v-f4dc7001] { color: #6EE7B7;
}
.dest-texto[data-v-f4dc7001] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Descomponedores */
.descomp-info[data-v-f4dc7001] {
  text-align: center;
}
.descomp-iconos[data-v-f4dc7001] {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.descomp-texto[data-v-f4dc7001] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
strong.positivo[data-v-f4dc7001] {
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-f4dc7001] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f4dc7001] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f4dc7001] {
  font-size: 1.25rem;
}
.tip-text[data-v-f4dc7001] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-f4dc7001] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f4dc7001] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f4dc7001] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f4dc7001 1s ease-in-out infinite;
}
@keyframes bounce-f4dc7001 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f4dc7001] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f4dc7001] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Introducción visual */
.intro-visual[data-v-587960ed] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.clima-visual[data-v-587960ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(245, 158, 11, 0.1));
  border-radius: 1rem;
}
.tierra-container[data-v-587960ed] {
  position: relative;
  display: flex;
  align-items: center;
}
.tierra[data-v-587960ed] {
  font-size: 4rem;
}
.calor-ondas[data-v-587960ed] {
  position: absolute;
  right: -20px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.onda[data-v-587960ed] {
  color: #EF4444;
  font-size: 1rem;
  font-weight: bold;
  animation: ondular-587960ed 1.5s ease-in-out infinite;
}
.onda-1[data-v-587960ed] { animation-delay: 0s;
}
.onda-2[data-v-587960ed] { animation-delay: 0.3s;
}
.onda-3[data-v-587960ed] { animation-delay: 0.6s;
}
@keyframes ondular-587960ed {
0%, 100% { opacity: 0.3; transform: translateX(0);
}
50% { opacity: 1; transform: translateX(5px);
}
}
.temp-indicador[data-v-587960ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.temp-flecha[data-v-587960ed] {
  font-size: 1.5rem;
  color: #EF4444;
  animation: subir-587960ed 1s ease-in-out infinite;
}
@keyframes subir-587960ed {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.temp-texto[data-v-587960ed] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.intro-label[data-v-587960ed] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Diferencia clima vs tiempo */
.diferencia-section[data-v-587960ed] {
  margin: 1.5rem 0;
}
.dif-titulo[data-v-587960ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.dif-grid[data-v-587960ed] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.dif-card[data-v-587960ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dif-card.tiempo[data-v-587960ed] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.dif-card.clima[data-v-587960ed] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.dif-icono[data-v-587960ed] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.dif-nombre[data-v-587960ed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dif-desc[data-v-587960ed] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.dif-ejemplo[data-v-587960ed] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Causa principal */
.causa-section[data-v-587960ed] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.causa-header[data-v-587960ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.causa-icono[data-v-587960ed] {
  font-size: 1.25rem;
}
.causa-titulo[data-v-587960ed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.gases-grid[data-v-587960ed] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.gas-item[data-v-587960ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  text-align: center;
}
.gas-formula[data-v-587960ed] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCA5A5;
  font-family: monospace;
}
.gas-nombre[data-v-587960ed] {
  font-size: 0.6rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.gas-fuente[data-v-587960ed] {
  font-size: 0.55rem;
  color: #C4B5FD;
}

/* Datos clave */
.datos-clave[data-v-587960ed] {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato[data-v-587960ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 0.4rem;
}
.dato-icono[data-v-587960ed] {
  font-size: 1rem;
}
.dato-texto[data-v-587960ed] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.dato-texto strong[data-v-587960ed] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-587960ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-587960ed] {
  font-size: 1.25rem;
}
.tip-texto[data-v-587960ed] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-587960ed] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tierra[data-v-587960ed] {
    font-size: 5rem;
}
.temp-texto[data-v-587960ed] {
    font-size: 2rem;
}
.gas-formula[data-v-587960ed] {
    font-size: 1.2rem;
}
.gas-nombre[data-v-587960ed] {
    font-size: 0.7rem;
}
.gas-fuente[data-v-587960ed] {
    font-size: 0.65rem;
}
}

/* Visualización invernadero */
.invernadero-visual[data-v-c1f80b7e] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, rgba(245, 158, 11, 0.1) 50%, rgba(16, 185, 129, 0.1) 100%);
  border-radius: 1rem;
}
.invernadero-titulo[data-v-c1f80b7e] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.invernadero-diagrama[data-v-c1f80b7e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.capa-atmosfera[data-v-c1f80b7e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
}
.atmosfera-label[data-v-c1f80b7e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.gases-capa[data-v-c1f80b7e] {
  display: flex;
  gap: 0.5rem;
}
.gas-burbuja[data-v-c1f80b7e] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.flujos-energia[data-v-c1f80b7e] {
  display: flex;
  justify-content: space-around;
  padding: 0.75rem 0;
}
.flujo[data-v-c1f80b7e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flujo-icono[data-v-c1f80b7e] {
  font-size: 1.5rem;
}
.flujo-flecha[data-v-c1f80b7e] {
  font-size: 1.25rem;
  font-weight: bold;
}
.flujo.solar .flujo-flecha[data-v-c1f80b7e] {
  color: #FCD34D;
}
.flujo.infrarroja .flujo-flecha[data-v-c1f80b7e] {
  color: #EF4444;
}
.flujo-flecha.atrapado[data-v-c1f80b7e] {
  animation: atrapar-c1f80b7e 1s ease-in-out infinite;
}
@keyframes atrapar-c1f80b7e {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5; transform: scale(1.1);
}
}
.flujo-desc[data-v-c1f80b7e] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.superficie-tierra[data-v-c1f80b7e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.tierra-emoji[data-v-c1f80b7e] {
  font-size: 1.75rem;
}
.superficie-label[data-v-c1f80b7e] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Texto con clases de color */
strong.natural[data-v-c1f80b7e] {
  color: #6EE7B7;
}
strong.negativo[data-v-c1f80b7e] {
  color: #FCA5A5;
}

/* Proceso paso a paso */
.proceso-section[data-v-c1f80b7e] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-c1f80b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.proceso-pasos[data-v-c1f80b7e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.proceso-paso[data-v-c1f80b7e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-c1f80b7e] {
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-c1f80b7e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paso-texto strong[data-v-c1f80b7e] {
  color: #FCD34D;
}

/* Comparación Natural vs Intensificado */
.comparacion-section[data-v-c1f80b7e] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-c1f80b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-grid[data-v-c1f80b7e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-card[data-v-c1f80b7e] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-card.natural[data-v-c1f80b7e] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-card.intensificado[data-v-c1f80b7e] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-icono[data-v-c1f80b7e] {
  font-size: 1.25rem;
  text-align: center;
}
.comp-nombre[data-v-c1f80b7e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin: 0.25rem 0 0.5rem;
}
.comp-lista[data-v-c1f80b7e] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.comp-lista li[data-v-c1f80b7e] {
  margin-bottom: 0.15rem;
}

/* Tabla GEI */
.gei-section[data-v-c1f80b7e] {
  margin: 1.5rem 0;
}
.gei-titulo[data-v-c1f80b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.gei-tabla[data-v-c1f80b7e] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.gei-fila[data-v-c1f80b7e] {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
}
.gei-fila.header[data-v-c1f80b7e] {
  background: rgba(139, 92, 246, 0.3);
}
.gei-fila[data-v-c1f80b7e]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
}
.gei-fila[data-v-c1f80b7e]:not(.header):nth-child(odd) {
  background: rgba(0, 0, 0, 0.3);
}
.gei-col[data-v-c1f80b7e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.gei-col.gas[data-v-c1f80b7e] {
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.gei-fila.header .gei-col[data-v-c1f80b7e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.gei-nota[data-v-c1f80b7e] {
  margin: 0.5rem 0 0;
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-c1f80b7e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c1f80b7e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c1f80b7e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1f80b7e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.flujo-desc[data-v-c1f80b7e] {
    font-size: 0.75rem;
}
.comp-lista[data-v-c1f80b7e] {
    font-size: 0.8rem;
}
.gei-col[data-v-c1f80b7e] {
    font-size: 0.85rem;
}
}

/* Impacto visual */
.impacto-visual[data-v-bfd7153f] {
  margin: 1rem 0 1.5rem;
}
.impacto-grid[data-v-bfd7153f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.impacto-item[data-v-bfd7153f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.imp-icono[data-v-bfd7153f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.imp-valor[data-v-bfd7153f] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCA5A5;
}
.imp-label[data-v-bfd7153f] {
  font-size: 0.6rem;
  color: #E9D5FF;
}

/* Consecuencias por categoría */
.consecuencias-section[data-v-bfd7153f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.categoria-card[data-v-bfd7153f] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.categoria-card.fisico[data-v-bfd7153f] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.categoria-card.extremo[data-v-bfd7153f] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.categoria-card.biodiversidad[data-v-bfd7153f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cat-header[data-v-bfd7153f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cat-icono[data-v-bfd7153f] {
  font-size: 1.25rem;
}
.cat-titulo[data-v-bfd7153f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.efectos-lista[data-v-bfd7153f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.efecto[data-v-bfd7153f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.efecto-icono[data-v-bfd7153f] {
  font-size: 1.1rem;
  min-width: 24px;
  text-align: center;
}
.efecto-contenido[data-v-bfd7153f] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.efecto-nombre[data-v-bfd7153f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.efecto-desc[data-v-bfd7153f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Chile section */
.chile-section[data-v-bfd7153f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.chile-header[data-v-bfd7153f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.chile-icono[data-v-bfd7153f] {
  font-size: 1.25rem;
}
.chile-titulo[data-v-bfd7153f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.chile-efectos[data-v-bfd7153f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.chile-efecto[data-v-bfd7153f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.ce-icono[data-v-bfd7153f] {
  font-size: 1rem;
}
.ce-texto[data-v-bfd7153f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-bfd7153f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bfd7153f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bfd7153f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bfd7153f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.impacto-item[data-v-bfd7153f] {
    padding: 1rem;
}
.imp-valor[data-v-bfd7153f] {
    font-size: 1.3rem;
}
.imp-label[data-v-bfd7153f] {
    font-size: 0.7rem;
}
.efecto-nombre[data-v-bfd7153f] {
    font-size: 0.85rem;
}
.efecto-desc[data-v-bfd7153f] {
    font-size: 0.75rem;
}
.ce-texto[data-v-bfd7153f] {
    font-size: 0.8rem;
}
}

.explorador[data-v-4c4b7846] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4c4b7846] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4c4b7846] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4c4b7846] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4c4b7846] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4c4b7846] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4c4b7846] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4c4b7846] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4c4b7846] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4c4b7846] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-4c4b7846] {
  text-align: center;
}
.elemento-clasificar[data-v-4c4b7846] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-icono[data-v-4c4b7846] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.elemento-texto[data-v-4c4b7846] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clasificar-pregunta[data-v-4c4b7846] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opciones-causa[data-v-4c4b7846] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.opcion-btn[data-v-4c4b7846] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
  flex: 1;
  max-width: 140px;
}
.opcion-btn.causa[data-v-4c4b7846] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-btn.consecuencia[data-v-4c4b7846] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-btn.correcto[data-v-4c4b7846] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.opcion-btn.incorrecto[data-v-4c4b7846] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.opcion-icono[data-v-4c4b7846] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.opcion-texto[data-v-4c4b7846] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasificar-contador[data-v-4c4b7846] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: GEI ===== */
.gei-container[data-v-4c4b7846] {
  text-align: center;
}
.gei-pregunta[data-v-4c4b7846] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.gas-actual[data-v-4c4b7846] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.gas-formula-grande[data-v-4c4b7846] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
}
.gas-nombre-grande[data-v-4c4b7846] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fuentes-opciones[data-v-4c4b7846] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fuente-btn[data-v-4c4b7846] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.fuente-btn.correcto[data-v-4c4b7846] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.fuente-btn.incorrecto[data-v-4c4b7846] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.fuente-icono[data-v-4c4b7846] {
  font-size: 1.25rem;
}
.fuente-texto[data-v-4c4b7846] {
  font-size: 0.85rem;
}
.gei-contador[data-v-4c4b7846] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-4c4b7846] {
  text-align: center;
}
.sim-instruccion[data-v-4c4b7846] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.termometro-visual[data-v-4c4b7846] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.termo-contenedor[data-v-4c4b7846] {
  display: flex;
  gap: 0.25rem;
}
.termo-fondo[data-v-4c4b7846] {
  width: 30px;
  height: 120px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.termo-relleno[data-v-4c4b7846] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #10B981, #FCD34D, #EF4444);
  border-radius: 0 0 12px 12px;
  transition: height 0.3s ease;
}
.termo-escala[data-v-4c4b7846] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 120px;
}
.escala-marca[data-v-4c4b7846] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.temp-actual[data-v-4c4b7846] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.temp-valor[data-v-4c4b7846] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  transition: color 0.3s ease;
}
.temp-valor.peligro[data-v-4c4b7846] {
  color: #EF4444;
}
.temp-label[data-v-4c4b7846] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.co2-control[data-v-4c4b7846] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.co2-label[data-v-4c4b7846] {
  display: block;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.co2-slider[data-v-4c4b7846] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(to right, #10B981, #FCD34D, #EF4444);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.co2-slider[data-v-4c4b7846]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.co2-slider[data-v-4c4b7846]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.co2-valores[data-v-4c4b7846] {
  margin-top: 0.5rem;
}
.co2-valor-actual[data-v-4c4b7846] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.co2-referencias[data-v-4c4b7846] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.ref[data-v-4c4b7846] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.efectos-temperatura[data-v-4c4b7846] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.efecto-temp[data-v-4c4b7846] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  opacity: 0.4;
  transition: all 0.3s ease;
}
.efecto-temp.activo[data-v-4c4b7846] {
  opacity: 1;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.et-icono[data-v-4c4b7846] {
  font-size: 1rem;
}
.et-texto[data-v-4c4b7846] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.btn-completar[data-v-4c4b7846] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback error */
.feedback-error[data-v-4c4b7846] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

/* Resultado correcto */
.resultado-correcto[data-v-4c4b7846] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4c4b7846] { font-size: 1.25rem;
}
.resultado-texto[data-v-4c4b7846] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-4c4b7846] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4c4b7846] { flex: 1;
}
.nav-btn[data-v-4c4b7846] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4c4b7846] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4c4b7846] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4c4b7846] { font-size: 1.75rem;
}
.completado-texto[data-v-4c4b7846] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4c4b7846], .slide-leave-active[data-v-4c4b7846] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4c4b7846] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4c4b7846] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.et-texto[data-v-4c4b7846] {
    font-size: 0.75rem;
}
}

/* Intro */
.intro-section[data-v-03a841b1] {
  margin-bottom: 1.5rem;
}
.intro-section p[data-v-03a841b1] {
  margin: 0;
  line-height: 1.5;
}
strong.mitigar[data-v-03a841b1] {
  color: #6EE7B7;
}
strong.adaptar[data-v-03a841b1] {
  color: #93C5FD;
}

/* Estrategias grid */
.estrategias-grid[data-v-03a841b1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.estrategia-card[data-v-03a841b1] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.estrategia-card.mitigacion[data-v-03a841b1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.estrategia-card.adaptacion[data-v-03a841b1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.est-header[data-v-03a841b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.est-icono[data-v-03a841b1] {
  font-size: 1.5rem;
}
.est-titulo[data-v-03a841b1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.est-definicion[data-v-03a841b1] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.mitigacion .est-definicion strong[data-v-03a841b1] {
  color: #6EE7B7;
}
.adaptacion .est-definicion strong[data-v-03a841b1] {
  color: #93C5FD;
}
.est-ejemplos[data-v-03a841b1] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.ejemplo-item[data-v-03a841b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.ej-icono[data-v-03a841b1] {
  font-size: 1rem;
}
.ej-texto[data-v-03a841b1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.est-meta[data-v-03a841b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.meta-icono[data-v-03a841b1] {
  font-size: 1rem;
}
.meta-texto[data-v-03a841b1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Acuerdos internacionales */
.acuerdos-section[data-v-03a841b1] {
  margin-bottom: 1.5rem;
}
.acuerdos-titulo[data-v-03a841b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.acuerdo-card[data-v-03a841b1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.acuerdo-header[data-v-03a841b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.acuerdo-icono[data-v-03a841b1] {
  font-size: 1.25rem;
}
.acuerdo-nombre[data-v-03a841b1] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.acuerdo-puntos[data-v-03a841b1] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.punto[data-v-03a841b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-num[data-v-03a841b1] {
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.punto-texto[data-v-03a841b1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.punto-texto strong[data-v-03a841b1] {
  color: #FCD34D;
}
.acuerdo-dato[data-v-03a841b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.dato-icono[data-v-03a841b1] {
  font-size: 1rem;
}
.dato-texto[data-v-03a841b1] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Acciones individuales */
.acciones-section[data-v-03a841b1] {
  margin-bottom: 1.5rem;
}
.acciones-titulo[data-v-03a841b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.acciones-grid[data-v-03a841b1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.accion-item[data-v-03a841b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.accion-icono[data-v-03a841b1] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.accion-texto[data-v-03a841b1] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-03a841b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-03a841b1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-03a841b1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-03a841b1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.estrategias-grid[data-v-03a841b1] {
    flex-direction: row;
}
.estrategia-card[data-v-03a841b1] {
    flex: 1;
}
.ej-texto[data-v-03a841b1] {
    font-size: 0.8rem;
}
.accion-item[data-v-03a841b1] {
    padding: 0.75rem;
}
.accion-texto[data-v-03a841b1] {
    font-size: 0.8rem;
}
}

/* Intro */
.resumen-intro[data-v-9e863148] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9e863148] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9e863148] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-9e863148] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-9e863148] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-9e863148] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-9e863148]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-9e863148] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-9e863148] {
    grid-column: span 1;
}
}
.card-header[data-v-9e863148] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-9e863148] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9e863148] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-9e863148] {
  color: #E9D5FF;
}
.card-texto[data-v-9e863148] {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.card-texto strong[data-v-9e863148] {
  color: #FCD34D;
}
.card-dato[data-v-9e863148] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.4rem;
}
.dato-label[data-v-9e863148] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-9e863148] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
}
.card-nota[data-v-9e863148] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Dos tipos */
.dos-tipos[data-v-9e863148] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo[data-v-9e863148] {
  flex: 1;
  padding: 0.4rem;
  border-radius: 0.4rem;
  text-align: center;
}
.tipo.natural[data-v-9e863148] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo.intensificado[data-v-9e863148] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-label[data-v-9e863148] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-9e863148] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* GEI resumen */
.gei-resumen[data-v-9e863148] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.gei-item[data-v-9e863148] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  flex: 1;
}
.gei-formula[data-v-9e863148] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCA5A5;
  font-family: monospace;
}
.gei-fuente[data-v-9e863148] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}

/* Consecuencias grid */
.cons-grid[data-v-9e863148] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
@media (max-width: 640px) {
.cons-grid[data-v-9e863148] {
    grid-template-columns: repeat(2, 1fr);
}
}
.cons-item[data-v-9e863148] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.cons-icono[data-v-9e863148] {
  font-size: 1.25rem;
}
.cons-texto[data-v-9e863148] {
  font-size: 0.6rem;
  color: #E9D5FF;
}

/* Estrategias resumen */
.estrategias-resumen[data-v-9e863148] {
  display: flex;
  gap: 0.5rem;
}
.est-box[data-v-9e863148] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.est-box.mitigar[data-v-9e863148] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.est-box.adaptar[data-v-9e863148] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.est-nombre[data-v-9e863148] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.est-desc[data-v-9e863148] {
  display: block;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.est-ejemplo[data-v-9e863148] {
  display: block;
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* París */
.paris-meta[data-v-9e863148] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.paris-objetivo[data-v-9e863148] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paris-temp[data-v-9e863148] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-9e863148] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-9e863148] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-9e863148] {
  font-size: 1.25rem;
}
.tip-text[data-v-9e863148] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-9e863148] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9e863148] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-9e863148] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-9e863148 1s ease-in-out infinite;
}
@keyframes bounce-9e863148 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9e863148] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-9e863148] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Introducción visual */
.intro-visual[data-v-9e42c0b9] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.conservacion-visual[data-v-9e42c0b9] {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(59, 130, 246, 0.15));
  border-radius: 1rem;
}
.ecosistema-protegido[data-v-9e42c0b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.icono-grande[data-v-9e42c0b9] {
  font-size: 3rem;
}
.elementos-protegidos[data-v-9e42c0b9] {
  display: flex;
  gap: 0.5rem;
  font-size: 1.5rem;
}
.visual-label[data-v-9e42c0b9] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Importancia */
.importancia-section[data-v-9e42c0b9] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-9e42c0b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razones-grid[data-v-9e42c0b9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.razon[data-v-9e42c0b9] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  align-items: flex-start;
}
.razon-icono[data-v-9e42c0b9] {
  font-size: 1.25rem;
}
.razon-contenido[data-v-9e42c0b9] {
  display: flex;
  flex-direction: column;
}
.razon-nombre[data-v-9e42c0b9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.razon-desc[data-v-9e42c0b9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Estrategias */
.estrategias-section[data-v-9e42c0b9] {
  margin: 1.5rem 0;
}
.estrategias-lista[data-v-9e42c0b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia[data-v-9e42c0b9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.estrategia-num[data-v-9e42c0b9] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.85rem;
}
.estrategia-info[data-v-9e42c0b9] {
  display: flex;
  flex-direction: column;
}
.estrategia-nombre[data-v-9e42c0b9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.estrategia-desc[data-v-9e42c0b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo Chile */
.ejemplo-chile[data-v-9e42c0b9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.chile-header[data-v-9e42c0b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chile-icono[data-v-9e42c0b9] {
  font-size: 1.25rem;
}
.chile-titulo[data-v-9e42c0b9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.chile-datos[data-v-9e42c0b9] {
  display: flex;
  gap: 1rem;
}
.dato[data-v-9e42c0b9] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
  text-align: center;
}
.dato-valor[data-v-9e42c0b9] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.dato-label[data-v-9e42c0b9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-9e42c0b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9e42c0b9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9e42c0b9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9e42c0b9] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.icono-grande[data-v-9e42c0b9] {
    font-size: 3.5rem;
}
.elementos-protegidos[data-v-9e42c0b9] {
    font-size: 1.75rem;
}
.razon-nombre[data-v-9e42c0b9] {
    font-size: 0.85rem;
}
.razon-desc[data-v-9e42c0b9] {
    font-size: 0.75rem;
}
}

/* Introducción visual */
.intro-visual[data-v-fbb064e1] {
  margin: 1rem 0 1.5rem;
}
.areas-visual[data-v-fbb064e1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 1rem;
}
.area[data-v-fbb064e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.area.parque[data-v-fbb064e1] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.area.reserva[data-v-fbb064e1] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.area.santuario[data-v-fbb064e1] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.area-icono[data-v-fbb064e1] {
  font-size: 1.75rem;
}
.area-nombre[data-v-fbb064e1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* SNASPE */
.snaspe-section[data-v-fbb064e1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.snaspe-header[data-v-fbb064e1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.snaspe-icono[data-v-fbb064e1] {
  font-size: 1.5rem;
}
.snaspe-titulo[data-v-fbb064e1] {
  display: flex;
  flex-direction: column;
}
.snaspe-titulo strong[data-v-fbb064e1] {
  font-size: 1rem;
  color: #C4B5FD;
}
.snaspe-desc[data-v-fbb064e1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Sección título */
.section-titulo[data-v-fbb064e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Categorías */
.categorias-section[data-v-fbb064e1] {
  margin: 1.5rem 0;
}
.categoria[data-v-fbb064e1] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.categoria.parque-nacional[data-v-fbb064e1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.categoria.reserva-nacional[data-v-fbb064e1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.categoria.monumento-natural[data-v-fbb064e1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.categoria-header[data-v-fbb064e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.categoria-icono[data-v-fbb064e1] {
  font-size: 1.25rem;
}
.categoria-nombre[data-v-fbb064e1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.categoria-lista[data-v-fbb064e1] {
  margin: 0;
  padding-left: 1.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.categoria-lista li[data-v-fbb064e1] {
  margin-bottom: 0.25rem;
}

/* Comparación */
.comparacion-section[data-v-fbb064e1] {
  margin: 1.5rem 0;
}
.barra-proteccion[data-v-fbb064e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.nivel[data-v-fbb064e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
}
.nivel-icono[data-v-fbb064e1] {
  font-size: 1.25rem;
}
.nivel-texto[data-v-fbb064e1] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #E9D5FF;
}
.nivel.alto .nivel-texto[data-v-fbb064e1] {
  color: #6EE7B7;
}
.nivel.medio .nivel-texto[data-v-fbb064e1] {
  color: #93C5FD;
}
.nivel.especifico .nivel-texto[data-v-fbb064e1] {
  color: #FCD34D;
}
.flecha[data-v-fbb064e1] {
  color: #8B5CF6;
  font-size: 1rem;
}
.barra-labels[data-v-fbb064e1] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-fbb064e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fbb064e1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fbb064e1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fbb064e1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.area-icono[data-v-fbb064e1] {
    font-size: 2rem;
}
.area-nombre[data-v-fbb064e1] {
    font-size: 0.85rem;
}
.categoria-lista[data-v-fbb064e1] {
    font-size: 0.85rem;
}
}

/* Introducción visual */
.intro-visual[data-v-8603ea89] {
  margin: 1rem 0 1.5rem;
}
.balance-visual[data-v-8603ea89] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.lado-uso[data-v-8603ea89], .lado-conservacion[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.lado-icono[data-v-8603ea89] {
  font-size: 1.75rem;
}
.lado-texto[data-v-8603ea89] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.balance-centro[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.balance-icono[data-v-8603ea89] {
  font-size: 2rem;
}
.balance-label[data-v-8603ea89] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Sección título */
.section-titulo[data-v-8603ea89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Principios */
.principios-section[data-v-8603ea89] {
  margin: 1.5rem 0;
}
.principios-grid[data-v-8603ea89] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.principio[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.principio.economico[data-v-8603ea89] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.principio.social[data-v-8603ea89] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.principio.ambiental[data-v-8603ea89] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.principio-icono[data-v-8603ea89] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.principio-info[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
}
.principio-nombre[data-v-8603ea89] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.principio-desc[data-v-8603ea89] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-8603ea89] {
  margin: 1.5rem 0;
}
.ejemplos-lista[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo[data-v-8603ea89] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-8603ea89] {
  font-size: 1.25rem;
}
.ejemplo-info[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
}
.ejemplo-nombre[data-v-8603ea89] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-desc[data-v-8603ea89] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Restauración */
.restauracion-section[data-v-8603ea89] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.restauracion-section .section-titulo[data-v-8603ea89] {
  margin-bottom: 0.5rem;
}
.restauracion-intro[data-v-8603ea89] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.restauracion-proceso[data-v-8603ea89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.proceso-paso[data-v-8603ea89] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-8603ea89] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.75rem;
}
.paso-info[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
}
.paso-nombre[data-v-8603ea89] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-desc[data-v-8603ea89] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.proceso-flecha[data-v-8603ea89] {
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Ejemplo Chile */
.ejemplo-chile[data-v-8603ea89] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.chile-header[data-v-8603ea89] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.chile-icono[data-v-8603ea89] {
  font-size: 1.25rem;
}
.chile-titulo[data-v-8603ea89] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.chile-caso[data-v-8603ea89] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.caso-nombre[data-v-8603ea89] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}
.caso-desc[data-v-8603ea89] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-8603ea89] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8603ea89] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8603ea89] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8603ea89] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.lado-icono[data-v-8603ea89] {
    font-size: 2rem;
}
.lado-texto[data-v-8603ea89] {
    font-size: 0.8rem;
}
.principio-nombre[data-v-8603ea89] {
    font-size: 0.85rem;
}
.principio-desc[data-v-8603ea89] {
    font-size: 0.75rem;
}
}

.explorador[data-v-b8fab5ff] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b8fab5ff] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b8fab5ff] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b8fab5ff] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b8fab5ff] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b8fab5ff] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b8fab5ff] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b8fab5ff] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b8fab5ff] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b8fab5ff] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar área ===== */
.clasificar-container[data-v-b8fab5ff] {
  text-align: center;
}
.escenario-clasificar[data-v-b8fab5ff] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-icono-grande[data-v-b8fab5ff] {
  font-size: 3rem;
  display: block;
  margin-bottom: 0.5rem;
}
.escenario-texto[data-v-b8fab5ff] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clasificar-pregunta[data-v-b8fab5ff] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opciones-area[data-v-b8fab5ff] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.opcion-area[data-v-b8fab5ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  flex: 1;
  min-width: 90px;
  max-width: 110px;
  border: 2px solid;
}
.opcion-area.parque[data-v-b8fab5ff] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-area.reserva[data-v-b8fab5ff] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-area.monumento[data-v-b8fab5ff] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-area.correcto[data-v-b8fab5ff] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.opcion-area.incorrecto[data-v-b8fab5ff] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.opcion-icono[data-v-b8fab5ff] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.opcion-texto[data-v-b8fab5ff] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.clasificar-contador[data-v-b8fab5ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Sustentable ===== */
.sustentable-container[data-v-b8fab5ff] {
  text-align: center;
}
.practica-actual[data-v-b8fab5ff] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.practica-icono-grande[data-v-b8fab5ff] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.practica-texto[data-v-b8fab5ff] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.sustentable-pregunta[data-v-b8fab5ff] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opciones-sustentable[data-v-b8fab5ff] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-sust[data-v-b8fab5ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
  flex: 1;
  max-width: 140px;
}
.opcion-sust.si[data-v-b8fab5ff] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-sust.no[data-v-b8fab5ff] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-sust.correcto[data-v-b8fab5ff] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.opcion-sust.incorrecto[data-v-b8fab5ff] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.sust-icono[data-v-b8fab5ff] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.sust-texto[data-v-b8fab5ff] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sustentable-contador[data-v-b8fab5ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Restauración ===== */
.restauracion-container[data-v-b8fab5ff] {
  text-align: center;
}
.restauracion-instruccion[data-v-b8fab5ff] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.pasos-disponibles[data-v-b8fab5ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.paso-draggable[data-v-b8fab5ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.paso-draggable.seleccionado[data-v-b8fab5ff] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
  border-color: #8B5CF6;
}
.paso-icono[data-v-b8fab5ff] {
  font-size: 1.25rem;
}
.paso-nombre[data-v-b8fab5ff] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.slots-restauracion[data-v-b8fab5ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.slot-restauracion[data-v-b8fab5ff] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 50px;
}
.slot-restauracion.seleccionable[data-v-b8fab5ff] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-b8fab5ff 1s infinite;
}
@keyframes pulse-b8fab5ff {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-restauracion.ocupado[data-v-b8fab5ff] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.6);
  background: rgba(16, 185, 129, 0.15);
}
.slot-numero[data-v-b8fab5ff] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.85rem;
}
.slot-contenido[data-v-b8fab5ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slot-icono[data-v-b8fab5ff] {
  font-size: 1.25rem;
}
.slot-nombre[data-v-b8fab5ff] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.slot-placeholder[data-v-b8fab5ff] {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}
.botones-accion[data-v-b8fab5ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar[data-v-b8fab5ff], .btn-reiniciar[data-v-b8fab5ff] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-b8fab5ff] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-b8fab5ff] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Feedback error */
.feedback-error[data-v-b8fab5ff] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

/* Resultado correcto */
.resultado-correcto[data-v-b8fab5ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b8fab5ff] { font-size: 1.25rem;
}
.resultado-texto[data-v-b8fab5ff] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-b8fab5ff] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b8fab5ff] { flex: 1;
}
.nav-btn[data-v-b8fab5ff] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b8fab5ff] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b8fab5ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b8fab5ff] { font-size: 1.75rem;
}
.completado-texto[data-v-b8fab5ff] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b8fab5ff], .slide-leave-active[data-v-b8fab5ff] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b8fab5ff] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b8fab5ff] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-d673b5c9] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-d673b5c9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-d673b5c9] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-principal p[data-v-d673b5c9] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Secciones resumen */
.seccion-resumen[data-v-d673b5c9] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.seccion-header[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-d673b5c9] {
  font-size: 1.25rem;
}
.seccion-nombre[data-v-d673b5c9] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Áreas protegidas */
.areas-resumen[data-v-d673b5c9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.area-card[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.area-card.parque[data-v-d673b5c9] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.area-card.reserva[data-v-d673b5c9] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.area-card.monumento[data-v-d673b5c9] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.area-icono[data-v-d673b5c9] {
  font-size: 1.25rem;
}
.area-info[data-v-d673b5c9] {
  display: flex;
  flex-direction: column;
}
.area-nombre[data-v-d673b5c9] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.area-clave[data-v-d673b5c9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Pilares sustentabilidad */
.pilares-resumen[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pilar[data-v-d673b5c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 70px;
}
.pilar.economico[data-v-d673b5c9] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.pilar.social[data-v-d673b5c9] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.pilar.ambiental[data-v-d673b5c9] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.pilar-icono[data-v-d673b5c9] {
  font-size: 1.25rem;
}
.pilar-nombre[data-v-d673b5c9] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.equilibrio-label[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
  color: #C4B5FD;
}
.equilibrio-icono[data-v-d673b5c9] {
  font-size: 1rem;
}
.equilibrio-texto[data-v-d673b5c9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Restauración pasos */
.restauracion-pasos[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.paso-restauracion[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.3rem;
}
.paso-num[data-v-d673b5c9] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.7rem;
}
.paso-nombre[data-v-d673b5c9] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.paso-flecha[data-v-d673b5c9] {
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Tips PAES */
.tips-paes[data-v-d673b5c9] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tips-icono[data-v-d673b5c9] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-d673b5c9] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.tips-lista[data-v-d673b5c9] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tips-lista li[data-v-d673b5c9] {
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.tip-key[data-v-d673b5c9] {
  color: #FCD34D;
}

/* Felicitación */
.felicitacion[data-v-d673b5c9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.felicitacion-icono[data-v-d673b5c9] {
  font-size: 2rem;
}
.felicitacion-texto[data-v-d673b5c9] {
  display: flex;
  flex-direction: column;
}
.felicitacion-texto strong[data-v-d673b5c9] {
  font-size: 1rem;
  color: #6EE7B7;
}
.felicitacion-texto span[data-v-d673b5c9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.areas-resumen[data-v-d673b5c9] {
    flex-direction: row;
    gap: 0.5rem;
}
.area-card[data-v-d673b5c9] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.area-info[data-v-d673b5c9] {
    align-items: center;
}
}

/* Introducción visual */
.intro-visual[data-v-7a18444a] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.poblacion-visual[data-v-7a18444a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.generaciones[data-v-7a18444a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.gen[data-v-7a18444a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}
.organismo[data-v-7a18444a] {
  font-size: 1.25rem;
  transition: all 0.3s ease;
}
.flecha-gen[data-v-7a18444a] {
  color: #8B5CF6;
  font-size: 1rem;
}
.tiempo-label[data-v-7a18444a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Texto inline */
strong.positivo[data-v-7a18444a] {
  color: #6EE7B7;
}
strong.negativo[data-v-7a18444a] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-7a18444a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-7a18444a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-7a18444a] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-7a18444a] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-contenido[data-v-7a18444a] {
  text-align: center;
}
.formula-box[data-v-7a18444a] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula[data-v-7a18444a] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.formula-leyenda[data-v-7a18444a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.ley-item[data-v-7a18444a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Tipos de crecimiento */
.tipos-section[data-v-7a18444a] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-7a18444a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-7a18444a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-item[data-v-7a18444a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-item.exponencial[data-v-7a18444a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-item.logistico[data-v-7a18444a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-header[data-v-7a18444a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-7a18444a] {
  font-size: 1rem;
}
.tipo-nombre[data-v-7a18444a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-grafico[data-v-7a18444a] {
  height: 50px;
  margin-bottom: 0.5rem;
}
.grafico-svg[data-v-7a18444a] {
  width: 100%;
  height: 100%;
}
.tipo-desc[data-v-7a18444a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Factores */
.factores-section[data-v-7a18444a] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-7a18444a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.factores-lista[data-v-7a18444a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.factor-item[data-v-7a18444a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-icono[data-v-7a18444a] {
  font-size: 1rem;
}
.factor-texto[data-v-7a18444a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-7a18444a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7a18444a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7a18444a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7a18444a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.organismo[data-v-7a18444a] {
    font-size: 1.5rem;
}
.generaciones[data-v-7a18444a] {
    padding: 1rem;
}
.gen[data-v-7a18444a] {
    gap: 0.5rem;
}
.tipos-grid[data-v-7a18444a] {
    gap: 1rem;
}
.tipo-grafico[data-v-7a18444a] {
    height: 60px;
}
.factores-lista[data-v-7a18444a] {
    gap: 0.5rem;
}
.factor-texto[data-v-7a18444a] {
    font-size: 0.8rem;
}
}

/* Curva visual */
.curva-visual[data-v-c026d08a] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.curva-container[data-v-c026d08a] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  text-align: center;
}
.curva-svg[data-v-c026d08a] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.curva-nombre[data-v-c026d08a] {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.curva-nombre strong[data-v-c026d08a] {
  font-size: 1.1rem;
}

/* Texto inline */
strong.positivo[data-v-c026d08a] {
  color: #6EE7B7;
}
strong.negativo[data-v-c026d08a] {
  color: #FCA5A5;
}

/* Fórmula */
.formula-section[data-v-c026d08a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-c026d08a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-contenido[data-v-c026d08a] {
  text-align: center;
}
.formula-principal[data-v-c026d08a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-box[data-v-c026d08a] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula[data-v-c026d08a] {
  font-size: 1.3rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.formula-simplificada[data-v-c026d08a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-alt[data-v-c026d08a] {
  font-family: monospace;
}
.formula-leyenda[data-v-c026d08a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.ley-item[data-v-c026d08a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.15rem 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Característica */
.caracteristica-box[data-v-c026d08a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.caract-header[data-v-c026d08a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caract-icono[data-v-c026d08a] {
  font-size: 1.1rem;
}
.caract-titulo[data-v-c026d08a] {
  font-weight: 700;
  color: #C4B5FD;
}
.caract-contenido p[data-v-c026d08a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Ejemplos */
.ejemplos-section[data-v-c026d08a] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c026d08a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-c026d08a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ejemplo-item[data-v-c026d08a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-c026d08a] {
  font-size: 1.25rem;
}
.ejemplo-texto[data-v-c026d08a] {
  display: flex;
  flex-direction: column;
}
.ejemplo-texto strong[data-v-c026d08a] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.ejemplo-desc[data-v-c026d08a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Advertencia */
.advertencia[data-v-c026d08a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.adv-icono[data-v-c026d08a] {
  font-size: 1.25rem;
}
.adv-texto[data-v-c026d08a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-c026d08a] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-c026d08a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c026d08a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c026d08a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c026d08a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.curva-svg[data-v-c026d08a] {
    max-width: 280px;
}
.formula-principal[data-v-c026d08a] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}
.formula-box[data-v-c026d08a] {
    padding: 0.75rem 1rem;
}
.ejemplos-grid[data-v-c026d08a] {
    gap: 0.75rem;
}
.ejemplo-item[data-v-c026d08a] {
    padding: 0.75rem;
}
.ejemplo-texto strong[data-v-c026d08a] {
    font-size: 0.85rem;
}
.ejemplo-desc[data-v-c026d08a] {
    font-size: 0.75rem;
}
}

/* Curva visual */
.curva-visual[data-v-a1c1ceff] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.curva-container[data-v-a1c1ceff] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  text-align: center;
}
.curva-svg[data-v-a1c1ceff] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.curva-nombre[data-v-a1c1ceff] {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #93C5FD;
}
.curva-nombre strong[data-v-a1c1ceff] {
  font-size: 1.1rem;
}

/* Texto inline */
strong.positivo[data-v-a1c1ceff] {
  color: #6EE7B7;
}
strong.negativo[data-v-a1c1ceff] {
  color: #FCA5A5;
}

/* Capacidad de carga */
.k-section[data-v-a1c1ceff] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.k-header[data-v-a1c1ceff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.k-icono[data-v-a1c1ceff] {
  font-size: 1.25rem;
}
.k-titulo[data-v-a1c1ceff] {
  font-weight: 700;
  color: #FCD34D;
}
.k-contenido p[data-v-a1c1ceff] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.k-formula-box[data-v-a1c1ceff] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.k-formula[data-v-a1c1ceff] {
  font-size: 1rem;
  font-weight: 600;
  font-family: monospace;
  color: #FFFFFF;
}

/* Fases */
.fases-section[data-v-a1c1ceff] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-a1c1ceff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.fases-lista[data-v-a1c1ceff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fase-item[data-v-a1c1ceff] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.fase-item.fase-1[data-v-a1c1ceff] {
  background: rgba(139, 92, 246, 0.15);
  border-left: 3px solid #8B5CF6;
}
.fase-item.fase-2[data-v-a1c1ceff] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.fase-item.fase-3[data-v-a1c1ceff] {
  background: rgba(245, 158, 11, 0.15);
  border-left: 3px solid #F59E0B;
}
.fase-num[data-v-a1c1ceff] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.fase-contenido[data-v-a1c1ceff] {
  display: flex;
  flex-direction: column;
}
.fase-contenido strong[data-v-a1c1ceff] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fase-desc[data-v-a1c1ceff] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-a1c1ceff] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a1c1ceff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-a1c1ceff] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-a1c1ceff] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.comp-item.exp[data-v-a1c1ceff] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-item.log[data-v-a1c1ceff] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-header[data-v-a1c1ceff] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.comp-icono[data-v-a1c1ceff] {
  font-size: 1rem;
}
.comp-nombre[data-v-a1c1ceff] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-lista[data-v-a1c1ceff] {
  margin: 0;
  padding-left: 1rem;
  list-style: none;
}
.comp-lista li[data-v-a1c1ceff] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.2rem 0;
  position: relative;
}
.comp-lista li[data-v-a1c1ceff]::before {
  content: '•';
  position: absolute;
  left: -0.75rem;
  color: #8B5CF6;
}

/* Tip */
.tip[data-v-a1c1ceff] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a1c1ceff] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a1c1ceff] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a1c1ceff] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.curva-svg[data-v-a1c1ceff] {
    max-width: 300px;
}
.k-formula[data-v-a1c1ceff] {
    font-size: 1.1rem;
}
.fases-lista[data-v-a1c1ceff] {
    flex-direction: row;
}
.fase-item[data-v-a1c1ceff] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.comparacion-grid[data-v-a1c1ceff] {
    gap: 1rem;
}
.comp-item[data-v-a1c1ceff] {
    padding: 0.75rem;
}
.comp-lista li[data-v-a1c1ceff] {
    font-size: 0.8rem;
}
}

.explorador[data-v-8e61760a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8e61760a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8e61760a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8e61760a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8e61760a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8e61760a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8e61760a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8e61760a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8e61760a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8e61760a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-crecimiento[data-v-8e61760a] {
  text-align: center;
}
.sim-panel[data-v-8e61760a] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.sim-control[data-v-8e61760a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.control-label[data-v-8e61760a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  min-width: 110px;
  text-align: left;
}
.slider[data-v-8e61760a] {
  flex: 1;
  height: 6px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
}
.slider[data-v-8e61760a]::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-8e61760a] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 35px;
  color: #FFFFFF;
}
.control-valor.positivo[data-v-8e61760a] { color: #6EE7B7;
}
.control-valor.amarillo[data-v-8e61760a] { color: #FCD34D;
}
.grafico-comparativo[data-v-8e61760a] {
  margin-bottom: 1rem;
}
.grafico-titulo[data-v-8e61760a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.grafico-area[data-v-8e61760a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.grafico-svg[data-v-8e61760a] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.grafico-leyenda[data-v-8e61760a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}
.leyenda-item[data-v-8e61760a] {
  font-size: 0.75rem;
}
.leyenda-item.exp[data-v-8e61760a] { color: #6EE7B7;
}
.leyenda-item.log[data-v-8e61760a] { color: #93C5FD;
}
.sim-desafio-texto[data-v-8e61760a] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.pregunta-sim[data-v-8e61760a] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Identificar curva ===== */
.identificar-curva[data-v-8e61760a] {
  text-align: center;
}
.curva-mostrada[data-v-8e61760a] {
  margin-bottom: 1rem;
}
.curva-pregunta-svg[data-v-8e61760a] {
  width: 100%;
  max-width: 200px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.curva-pista[data-v-8e61760a] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.opciones-curva[data-v-8e61760a] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.opcion-curva-btn[data-v-8e61760a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-curva-btn.seleccionado[data-v-8e61760a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-curva-btn.correcto[data-v-8e61760a] {
  background: #10B981;
  border-color: #047857;
}
.opcion-curva-btn.incorrecto[data-v-8e61760a] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-8e61760a] {
  font-size: 1.25rem;
}
.opcion-nombre[data-v-8e61760a] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Calcular K ===== */
.calcular-k[data-v-8e61760a] {
  text-align: center;
}
.escenario-k[data-v-8e61760a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.escenario-header[data-v-8e61760a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.escenario-icono[data-v-8e61760a] {
  font-size: 1.5rem;
}
.escenario-titulo[data-v-8e61760a] {
  font-weight: 700;
  color: #FFFFFF;
}
.escenario-datos[data-v-8e61760a] {
  text-align: left;
}
.escenario-desc[data-v-8e61760a] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.datos-grid[data-v-8e61760a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dato-item[data-v-8e61760a] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.3rem;
}
.dato-label[data-v-8e61760a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dato-valor[data-v-8e61760a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-k[data-v-8e61760a] {
  margin: 1rem 0;
}
.pregunta-texto[data-v-8e61760a] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}
.input-respuesta-k[data-v-8e61760a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.k-input[data-v-8e61760a] {
  width: 100px;
  height: 44px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.k-input.correcto[data-v-8e61760a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.k-input.incorrecto[data-v-8e61760a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-k[data-v-8e61760a] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Botones y feedback */
.btn-verificar[data-v-8e61760a] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-8e61760a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-8e61760a] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.feedback-correcto[data-v-8e61760a] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 0.8rem;
}
.contador[data-v-8e61760a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-8e61760a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8e61760a] { font-size: 1.25rem;
}
.resultado-texto[data-v-8e61760a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8e61760a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8e61760a] { flex: 1;
}
.nav-btn[data-v-8e61760a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8e61760a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8e61760a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8e61760a] { font-size: 1.75rem;
}
.completado-texto[data-v-8e61760a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8e61760a], .slide-leave-active[data-v-8e61760a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8e61760a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8e61760a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.sim-panel[data-v-8e61760a] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.sim-control[data-v-8e61760a] {
    flex: 0 0 auto;
    width: auto;
}
.grafico-svg[data-v-8e61760a] {
    max-width: 320px;
}
.opciones-curva[data-v-8e61760a] {
    gap: 0.75rem;
}
.opcion-curva-btn[data-v-8e61760a] {
    min-width: 110px;
    padding: 0.6rem 0.75rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-2ab3ac6a] {
  margin: 1rem 0 1.5rem;
}
.curvas-comparacion[data-v-2ab3ac6a] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.curvas-svg[data-v-2ab3ac6a] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.curvas-leyenda[data-v-2ab3ac6a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}
.leyenda-item[data-v-2ab3ac6a] {
  font-size: 0.8rem;
  font-weight: 600;
}
.leyenda-item.exp[data-v-2ab3ac6a] { color: #6EE7B7;
}
.leyenda-item.log[data-v-2ab3ac6a] { color: #93C5FD;
}

/* Texto inline */
strong.positivo[data-v-2ab3ac6a] { color: #6EE7B7;
}
strong.negativo[data-v-2ab3ac6a] { color: #FCA5A5;
}
strong.amarillo[data-v-2ab3ac6a] { color: #FCD34D;
}

/* Conceptos */
.conceptos-section[data-v-2ab3ac6a] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-2ab3ac6a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.conceptos-grid[data-v-2ab3ac6a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.concepto-card[data-v-2ab3ac6a] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.concepto-card[data-v-2ab3ac6a]:first-child {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-card[data-v-2ab3ac6a]:last-child {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.card-header[data-v-2ab3ac6a] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.card-icono[data-v-2ab3ac6a] {
  font-size: 1rem;
}
.card-titulo[data-v-2ab3ac6a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-lista[data-v-2ab3ac6a] {
  margin: 0;
  padding-left: 1rem;
  list-style: none;
}
.card-lista li[data-v-2ab3ac6a] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.2rem 0;
  position: relative;
}
.card-lista li[data-v-2ab3ac6a]::before {
  content: '•';
  position: absolute;
  left: -0.75rem;
  color: #8B5CF6;
}

/* Capacidad de carga */
.k-resumen[data-v-2ab3ac6a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.k-header[data-v-2ab3ac6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.k-icono[data-v-2ab3ac6a] {
  font-size: 1.25rem;
}
.k-titulo[data-v-2ab3ac6a] {
  font-weight: 700;
  color: #FCD34D;
}
.k-definicion[data-v-2ab3ac6a] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.k-efectos[data-v-2ab3ac6a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.efecto-item[data-v-2ab3ac6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.efecto-cond[data-v-2ab3ac6a] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
  min-width: 60px;
}
.efecto-resultado[data-v-2ab3ac6a] {
  font-size: 0.8rem;
  font-weight: 600;
}
.efecto-resultado.positivo[data-v-2ab3ac6a] { color: #6EE7B7;
}
.efecto-resultado.neutro[data-v-2ab3ac6a] { color: #FCD34D;
}
.efecto-resultado.negativo[data-v-2ab3ac6a] { color: #FCA5A5;
}

/* Fórmulas */
.formulas-section[data-v-2ab3ac6a] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-2ab3ac6a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-2ab3ac6a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.formula-item[data-v-2ab3ac6a] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-nombre[data-v-2ab3ac6a] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-2ab3ac6a] {
  font-size: 0.75rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-2ab3ac6a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-2ab3ac6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-2ab3ac6a] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-2ab3ac6a] {
  font-weight: 700;
  color: #6EE7B7;
}
.tips-lista[data-v-2ab3ac6a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-2ab3ac6a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-2ab3ac6a] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-2ab3ac6a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-2ab3ac6a] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-2ab3ac6a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-2ab3ac6a] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-2ab3ac6a] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.curvas-svg[data-v-2ab3ac6a] {
    max-width: 300px;
}
.conceptos-grid[data-v-2ab3ac6a] {
    gap: 1rem;
}
.concepto-card[data-v-2ab3ac6a] {
    padding: 0.75rem;
}
.card-titulo[data-v-2ab3ac6a] {
    font-size: 0.85rem;
}
.card-lista li[data-v-2ab3ac6a] {
    font-size: 0.8rem;
}
.k-efectos[data-v-2ab3ac6a] {
    flex-direction: row;
    justify-content: space-around;
}
.efecto-item[data-v-2ab3ac6a] {
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.formulas-grid[data-v-2ab3ac6a] {
    gap: 0.75rem;
}
.formula-item[data-v-2ab3ac6a] {
    padding: 0.75rem;
}
.formula-expr[data-v-2ab3ac6a] {
    font-size: 0.85rem;
}
}

/* Introducción visual */
.intro-visual[data-v-83bfde1f] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.poblacion-visual[data-v-83bfde1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.poblacion-container[data-v-83bfde1f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  max-width: 200px;
}
.organismo[data-v-83bfde1f] {
  font-size: 1.5rem;
  transition: all 0.3s ease;
}
.organismo.naciendo[data-v-83bfde1f] {
  animation: pulse-83bfde1f 1s ease-in-out infinite;
}
.organismo.muriendo[data-v-83bfde1f] {
  opacity: 0.5;
}
@keyframes pulse-83bfde1f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}
.flechas-dinamica[data-v-83bfde1f] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.flecha-entrada[data-v-83bfde1f] {
  color: #6EE7B7;
  font-weight: 600;
}
.flecha-salida[data-v-83bfde1f] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Texto inline */
strong.positivo[data-v-83bfde1f] {
  color: #6EE7B7;
}
strong.negativo[data-v-83bfde1f] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-83bfde1f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-83bfde1f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-83bfde1f] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-83bfde1f] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-contenido p[data-v-83bfde1f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Factores */
.factores-section[data-v-83bfde1f] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-83bfde1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.factores-grid[data-v-83bfde1f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.factor-item[data-v-83bfde1f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.factor-item.aumentan[data-v-83bfde1f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.factor-item.disminuyen[data-v-83bfde1f] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.factor-header[data-v-83bfde1f] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.factor-icono[data-v-83bfde1f] {
  font-size: 1rem;
}
.factor-nombre[data-v-83bfde1f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.factor-lista[data-v-83bfde1f] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.factor-elem[data-v-83bfde1f] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.elem-icono[data-v-83bfde1f] {
  font-size: 0.9rem;
}
.elem-texto[data-v-83bfde1f] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ecuación */
.ecuacion-section[data-v-83bfde1f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-83bfde1f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ecuacion-contenido[data-v-83bfde1f] {
  text-align: center;
}
.ecuacion-formula[data-v-83bfde1f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-family: monospace;
}
.ecuacion-formula .var[data-v-83bfde1f] {
  color: #C4B5FD;
}
.ecuacion-formula .factor-pos[data-v-83bfde1f] {
  color: #6EE7B7;
}
.ecuacion-formula .factor-neg[data-v-83bfde1f] {
  color: #FCA5A5;
}
.ecuacion-leyenda[data-v-83bfde1f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.ley-item[data-v-83bfde1f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-83bfde1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-83bfde1f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-83bfde1f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-83bfde1f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.poblacion-container[data-v-83bfde1f] {
    max-width: 280px;
    padding: 1.5rem;
}
.organismo[data-v-83bfde1f] {
    font-size: 1.75rem;
}
.flechas-dinamica[data-v-83bfde1f] {
    font-size: 0.85rem;
    gap: 2rem;
}
.factores-grid[data-v-83bfde1f] {
    gap: 1rem;
}
.factor-item[data-v-83bfde1f] {
    padding: 1rem;
}
.ecuacion-formula[data-v-83bfde1f] {
    font-size: 1.25rem;
}
}

/* Comparativo visual */
.comparativo-visual[data-v-5f21cd5f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.tasa-card[data-v-5f21cd5f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  flex: 1;
  max-width: 140px;
}
.tasa-card.natalidad[data-v-5f21cd5f] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tasa-card.mortalidad[data-v-5f21cd5f] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.tasa-icono[data-v-5f21cd5f] {
  font-size: 2rem;
}
.tasa-nombre[data-v-5f21cd5f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tasa-def[data-v-5f21cd5f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.25rem;
}
.vs-separador[data-v-5f21cd5f] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Texto inline */
strong.positivo[data-v-5f21cd5f], .positivo[data-v-5f21cd5f] {
  color: #6EE7B7;
}
strong.negativo[data-v-5f21cd5f], .negativo[data-v-5f21cd5f] {
  color: #FCA5A5;
}

/* Sección de tasa */
.seccion-tasa[data-v-5f21cd5f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.seccion-tasa.natalidad-section[data-v-5f21cd5f] {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.seccion-tasa.mortalidad-section[data-v-5f21cd5f] {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.seccion-header[data-v-5f21cd5f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-icono[data-v-5f21cd5f] {
  font-size: 1.1rem;
}
.seccion-titulo[data-v-5f21cd5f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.seccion-contenido p[data-v-5f21cd5f] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.formula-box[data-v-5f21cd5f] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-5f21cd5f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.var[data-v-5f21cd5f] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 1.1rem;
}
.fraccion[data-v-5f21cd5f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-5f21cd5f] {
  border-bottom: 1px solid #8B5CF6;
  padding-bottom: 0.2rem;
  font-size: 0.75rem;
}
.denominador[data-v-5f21cd5f] {
  padding-top: 0.2rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.ejemplo-mini[data-v-5f21cd5f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ej-label[data-v-5f21cd5f] {
  font-weight: 600;
  color: #FCD34D;
}
.ej-texto[data-v-5f21cd5f] {
  display: block;
  margin-top: 0.25rem;
  line-height: 1.4;
}

/* Crecimiento */
.crecimiento-section[data-v-5f21cd5f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.crec-titulo[data-v-5f21cd5f] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.crec-contenido[data-v-5f21cd5f] {
  text-align: center;
}
.crec-formula[data-v-5f21cd5f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.var-grande[data-v-5f21cd5f] {
  color: #FCD34D;
  font-size: 1.4rem;
}
.crec-interpretacion[data-v-5f21cd5f] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.interp-caso[data-v-5f21cd5f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.interp-caso.positivo-bg[data-v-5f21cd5f] {
  background: rgba(16, 185, 129, 0.2);
}
.interp-caso.neutro-bg[data-v-5f21cd5f] {
  background: rgba(245, 158, 11, 0.2);
}
.interp-caso.negativo-bg[data-v-5f21cd5f] {
  background: rgba(239, 68, 68, 0.2);
}
.caso-cond[data-v-5f21cd5f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: monospace;
}
.caso-result[data-v-5f21cd5f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo aplicado */
.ejemplo-aplicado[data-v-5f21cd5f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ej-titulo[data-v-5f21cd5f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.ej-datos[data-v-5f21cd5f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-5f21cd5f] {
  display: flex;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
}
.dato-label[data-v-5f21cd5f] {
  color: #C4B5FD;
}
.dato-valor[data-v-5f21cd5f] {
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.positivo[data-v-5f21cd5f] {
  color: #6EE7B7;
}
.dato-valor.negativo[data-v-5f21cd5f] {
  color: #FCA5A5;
}
.ej-calculo[data-v-5f21cd5f] {
  text-align: center;
}
.calc-paso[data-v-5f21cd5f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  font-family: monospace;
}
.calc-conclusion[data-v-5f21cd5f] {
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}

/* Tip */
.tip[data-v-5f21cd5f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5f21cd5f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5f21cd5f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5f21cd5f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tasa-card[data-v-5f21cd5f] {
    max-width: 160px;
    padding: 1rem;
}
.tasa-icono[data-v-5f21cd5f] {
    font-size: 2.5rem;
}
.tasa-nombre[data-v-5f21cd5f] {
    font-size: 0.95rem;
}
.crec-interpretacion[data-v-5f21cd5f] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.interp-caso[data-v-5f21cd5f] {
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    max-width: 150px;
}
.ej-datos[data-v-5f21cd5f] {
    justify-content: center;
}
}

/* Densidad visual */
.densidad-visual[data-v-33992aed] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.densidad-ejemplo[data-v-33992aed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.densidad-area[data-v-33992aed] {
  width: 80px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
}
.densidad-area .org[data-v-33992aed] {
  font-size: 1rem;
}
.densidad-label[data-v-33992aed] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-33992aed] {
  color: #6EE7B7;
}
strong.negativo[data-v-33992aed] {
  color: #FCA5A5;
}

/* Concepto densidad */
.concepto-densidad[data-v-33992aed] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-33992aed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-33992aed] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-33992aed] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-densidad p[data-v-33992aed] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.formula-box[data-v-33992aed] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-33992aed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.var[data-v-33992aed] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.1rem;
}
.fraccion[data-v-33992aed] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-33992aed] {
  border-bottom: 1px solid #8B5CF6;
  padding-bottom: 0.2rem;
  font-size: 0.75rem;
}
.denominador[data-v-33992aed] {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.unidades[data-v-33992aed] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
}
.unidad-label[data-v-33992aed] {
  color: #C4B5FD;
}
.unidad-item[data-v-33992aed] {
  padding: 0.2rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Distribución */
.distribucion-section[data-v-33992aed] {
  margin: 1.5rem 0;
}
.dist-titulo[data-v-33992aed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.dist-intro[data-v-33992aed] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.patrones-grid[data-v-33992aed] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.patron-card[data-v-33992aed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.patron-visual[data-v-33992aed] {
  width: 60px;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  position: relative;
}
.patron-visual .punto[data-v-33992aed] {
  font-size: 0.9rem;
  color: #8B5CF6;
  font-weight: 900;
}

/* Uniforme - grid regular */
.patron-visual.uniforme[data-v-33992aed] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
  padding: 0.3rem;
}

/* Agrupada - grupos */
.patron-visual.agrupada[data-v-33992aed] {
  flex-direction: column;
  gap: 0.15rem;
}
.patron-visual.agrupada .grupo[data-v-33992aed] {
  display: flex;
  gap: 0;
}

/* Aleatoria - posiciones random */
.patron-visual.aleatoria[data-v-33992aed] {
  position: relative;
}
.patron-visual.aleatoria .punto[data-v-33992aed] {
  position: absolute;
}
.patron-visual.aleatoria .p1[data-v-33992aed] { top: 10%; left: 60%;
}
.patron-visual.aleatoria .p2[data-v-33992aed] { top: 30%; left: 20%;
}
.patron-visual.aleatoria .p3[data-v-33992aed] { top: 55%; left: 75%;
}
.patron-visual.aleatoria .p4[data-v-33992aed] { top: 70%; left: 35%;
}
.patron-visual.aleatoria .p5[data-v-33992aed] { top: 20%; left: 85%;
}
.patron-visual.aleatoria .p6[data-v-33992aed] { top: 80%; left: 10%;
}
.patron-nombre[data-v-33992aed] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.patron-desc[data-v-33992aed] {
  font-size: 0.6rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.patron-causa[data-v-33992aed] {
  font-size: 0.55rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.causa-label[data-v-33992aed] {
  color: #FCD34D;
}
.patron-ejemplo[data-v-33992aed] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-top: 0.3rem;
  font-size: 0.55rem;
  color: #93C5FD;
}
.ej-icono[data-v-33992aed] {
  font-size: 0.9rem;
}

/* Relación */
.relacion-section[data-v-33992aed] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-33992aed] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.efectos-grid[data-v-33992aed] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.efecto-item[data-v-33992aed] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.efecto-icono[data-v-33992aed] {
  font-size: 1rem;
}
.efecto-texto[data-v-33992aed] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-33992aed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-33992aed] {
  font-size: 1.25rem;
}
.tip-texto[data-v-33992aed] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-33992aed] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.densidad-area[data-v-33992aed] {
    width: 100px;
    height: 100px;
}
.densidad-area .org[data-v-33992aed] {
    font-size: 1.25rem;
}
.patrones-grid[data-v-33992aed] {
    gap: 0.75rem;
}
.patron-card[data-v-33992aed] {
    padding: 0.75rem 0.5rem;
}
.patron-visual[data-v-33992aed] {
    width: 80px;
    height: 80px;
}
.patron-nombre[data-v-33992aed] {
    font-size: 0.85rem;
}
.patron-desc[data-v-33992aed] {
    font-size: 0.7rem;
}
.patron-causa[data-v-33992aed] {
    font-size: 0.65rem;
}
.patron-ejemplo[data-v-33992aed] {
    font-size: 0.65rem;
}
.efectos-grid[data-v-33992aed] {
    gap: 0.6rem;
}
.efecto-texto[data-v-33992aed] {
    font-size: 0.8rem;
}
}

.explorador[data-v-06727afd] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-06727afd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-06727afd] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-06727afd] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-06727afd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-06727afd] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-06727afd] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-06727afd] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-06727afd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-06727afd] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular tasa ===== */
.calculadora-tasas[data-v-06727afd] {
  text-align: center;
}
.escenario-datos[data-v-06727afd] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.escenario-header[data-v-06727afd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.escenario-icono[data-v-06727afd] {
  font-size: 1.5rem;
}
.escenario-titulo[data-v-06727afd] {
  font-weight: 700;
  color: #FFFFFF;
}
.datos-poblacion[data-v-06727afd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.dato-item[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.dato-label[data-v-06727afd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-06727afd] {
  font-size: 1.1rem;
  font-weight: 700;
}
.dato-valor.positivo[data-v-06727afd] {
  color: #6EE7B7;
}
.dato-valor.negativo[data-v-06727afd] {
  color: #FCA5A5;
}
.input-respuesta[data-v-06727afd] {
  margin: 1rem 0;
}
.input-label[data-v-06727afd] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-grupo[data-v-06727afd] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.btn-signo[data-v-06727afd] {
  width: 44px;
  height: 44px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-06727afd] {
  color: #FCA5A5;
}
.tasa-input[data-v-06727afd] {
  width: 80px;
  height: 44px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.tasa-input.correcto[data-v-06727afd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.tasa-input.incorrecto[data-v-06727afd] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-06727afd] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-06727afd]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Identificar patrón ===== */
.identificar-patron[data-v-06727afd] {
  text-align: center;
}
.patron-mostrado[data-v-06727afd] {
  margin-bottom: 1rem;
}
.patron-visual-grande[data-v-06727afd] {
  width: 150px;
  height: 150px;
  margin: 0 auto 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-uniforme[data-v-06727afd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1rem;
}
.grid-uniforme .punto[data-v-06727afd] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.grupos-agrupada[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.grupo-item[data-v-06727afd] {
  color: #8B5CF6;
  font-size: 0.9rem;
  letter-spacing: 0;
}
.grupo-item.g1[data-v-06727afd] { margin-left: 20px;
}
.grupo-item.g2[data-v-06727afd] { margin-left: -30px;
}
.grupo-item.g3[data-v-06727afd] { margin-left: 10px;
}
.puntos-aleatorios[data-v-06727afd] {
  position: relative;
  width: 100%;
  height: 100%;
}
.punto-ale[data-v-06727afd] {
  position: absolute;
  color: #8B5CF6;
  font-size: 1.25rem;
}
.punto-ale.p1[data-v-06727afd] { top: 15%; left: 55%;
}
.punto-ale.p2[data-v-06727afd] { top: 35%; left: 20%;
}
.punto-ale.p3[data-v-06727afd] { top: 60%; left: 70%;
}
.punto-ale.p4[data-v-06727afd] { top: 75%; left: 30%;
}
.punto-ale.p5[data-v-06727afd] { top: 25%; left: 80%;
}
.punto-ale.p6[data-v-06727afd] { top: 85%; left: 55%;
}
.patron-pista[data-v-06727afd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.opciones-patron[data-v-06727afd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.opcion-patron-btn[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-patron-btn.seleccionado[data-v-06727afd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-patron-btn.correcto[data-v-06727afd] {
  background: #10B981;
  border-color: #047857;
}
.opcion-patron-btn.incorrecto[data-v-06727afd] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-06727afd] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.opcion-nombre[data-v-06727afd] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-poblacion[data-v-06727afd] {
  text-align: center;
}
.sim-header[data-v-06727afd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.sim-icono[data-v-06727afd] {
  font-size: 1.5rem;
}
.sim-titulo[data-v-06727afd] {
  font-weight: 700;
  color: #FFFFFF;
}
.sim-controles[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-06727afd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.control-label[data-v-06727afd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 90px;
  text-align: left;
}
.slider[data-v-06727afd] {
  flex: 1;
  height: 6px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
}
.slider[data-v-06727afd]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-06727afd] {
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 40px;
}
.control-valor.positivo[data-v-06727afd] {
  color: #6EE7B7;
}
.control-valor.negativo[data-v-06727afd] {
  color: #FCA5A5;
}
.sim-resultado[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.resultado-calculo[data-v-06727afd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.calc-label[data-v-06727afd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.calc-valor[data-v-06727afd] {
  font-size: 1.25rem;
  font-weight: 700;
}
.calc-valor.positivo[data-v-06727afd] { color: #6EE7B7;
}
.calc-valor.negativo[data-v-06727afd] { color: #FCA5A5;
}
.calc-valor.neutro[data-v-06727afd] { color: #FCD34D;
}
.resultado-interpretacion[data-v-06727afd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.interp-icono[data-v-06727afd] {
  font-size: 1.25rem;
}
.interp-texto[data-v-06727afd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.grafico-poblacion[data-v-06727afd] {
  margin-bottom: 1rem;
}
.grafico-titulo[data-v-06727afd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.barras-container[data-v-06727afd] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.4rem;
  height: 100px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.barra-anio[data-v-06727afd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35px;
  height: 100%;
  position: relative;
}
.barra[data-v-06727afd] {
  width: 100%;
  background: #8B5CF6;
  border-radius: 0.25rem 0.25rem 0 0;
  position: absolute;
  bottom: 20px;
  transition: height 0.3s ease;
}
.barra.creciendo[data-v-06727afd] { background: #10B981;
}
.barra.decreciendo[data-v-06727afd] { background: #EF4444;
}
.barra-label[data-v-06727afd] {
  position: absolute;
  bottom: 0;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.barra-valor[data-v-06727afd] {
  position: absolute;
  top: 0;
  font-size: 0.55rem;
  color: #E9D5FF;
  font-weight: 600;
}
.sim-desafio[data-v-06727afd] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.desafio-pregunta[data-v-06727afd] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Feedback */
.feedback-error[data-v-06727afd] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.feedback-correcto[data-v-06727afd] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Contador */
.contador[data-v-06727afd] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-06727afd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-06727afd] { font-size: 1.25rem;
}
.resultado-texto[data-v-06727afd] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-06727afd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-06727afd] { flex: 1;
}
.nav-btn[data-v-06727afd] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-06727afd] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-06727afd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-06727afd] { font-size: 1.75rem;
}
.completado-texto[data-v-06727afd] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-06727afd], .slide-leave-active[data-v-06727afd] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-06727afd] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-06727afd] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.datos-poblacion[data-v-06727afd] {
    gap: 2rem;
}
.patron-visual-grande[data-v-06727afd] {
    width: 180px;
    height: 180px;
}
.opciones-patron[data-v-06727afd] {
    gap: 0.75rem;
}
.opcion-patron-btn[data-v-06727afd] {
    min-width: 100px;
    padding: 0.75rem 1rem;
}
.sim-controles[data-v-06727afd] {
    flex-direction: row;
    justify-content: center;
}
.control-item[data-v-06727afd] {
    flex: 1;
    max-width: 200px;
}
.barras-container[data-v-06727afd] {
    gap: 0.75rem;
}
.barra-anio[data-v-06727afd] {
    width: 45px;
}
}

/* Texto inline */
strong.positivo[data-v-5b6991c2], .positivo[data-v-5b6991c2] {
  color: #6EE7B7;
}
strong.negativo[data-v-5b6991c2], .negativo[data-v-5b6991c2] {
  color: #FCA5A5;
}

/* Concepto central */
.concepto-central[data-v-5b6991c2] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.central-icono[data-v-5b6991c2] {
  font-size: 2rem;
  flex-shrink: 0;
}
.central-texto[data-v-5b6991c2] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Factores resumen */
.factores-resumen[data-v-5b6991c2] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.factores-formula[data-v-5b6991c2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.factor-pos[data-v-5b6991c2] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}
.factor-neg[data-v-5b6991c2] {
  color: #FCA5A5;
  font-weight: 600;
  font-size: 0.85rem;
}
.vs[data-v-5b6991c2] {
  color: #8B5CF6;
  font-weight: 700;
}
.factores-grid[data-v-5b6991c2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.factor-col[data-v-5b6991c2] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.factor-col.aumentan[data-v-5b6991c2] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.factor-col.disminuyen[data-v-5b6991c2] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.factor-item[data-v-5b6991c2] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.f-icono[data-v-5b6991c2] {
  font-size: 1rem;
}
.f-nombre[data-v-5b6991c2] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Fórmulas */
.formulas-resumen[data-v-5b6991c2] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-card[data-v-5b6991c2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.4rem;
}
.formula-nombre[data-v-5b6991c2] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-ecuacion[data-v-5b6991c2] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.var[data-v-5b6991c2] {
  color: #FCD34D;
}
.frac[data-v-5b6991c2] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.num[data-v-5b6991c2] {
  border-bottom: 1px solid #8B5CF6;
  padding-bottom: 0.1rem;
  font-size: 0.75rem;
}
.den[data-v-5b6991c2] {
  padding-top: 0.1rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Interpretación de r */
.interpretacion-resumen[data-v-5b6991c2] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.interp-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.interp-grid[data-v-5b6991c2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.interp-caso[data-v-5b6991c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.interp-caso.positivo[data-v-5b6991c2] {
  background: rgba(16, 185, 129, 0.2);
}
.interp-caso.neutro[data-v-5b6991c2] {
  background: rgba(245, 158, 11, 0.2);
}
.interp-caso.negativo[data-v-5b6991c2] {
  background: rgba(239, 68, 68, 0.2);
}
.caso-valor[data-v-5b6991c2] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: monospace;
}
.caso-icono[data-v-5b6991c2] {
  font-size: 1.25rem;
  margin: 0.2rem 0;
}
.caso-texto[data-v-5b6991c2] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Distribución */
.distribucion-resumen[data-v-5b6991c2] {
  margin: 1.5rem 0;
}
.dist-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.dist-grid[data-v-5b6991c2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.dist-tipo[data-v-5b6991c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dist-tipo.destacado[data-v-5b6991c2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.dist-visual[data-v-5b6991c2] {
  font-size: 0.6rem;
  color: #8B5CF6;
  letter-spacing: -0.05rem;
  line-height: 1.1;
  margin-bottom: 0.3rem;
  font-family: monospace;
}
.dist-nombre[data-v-5b6991c2] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dist-causa[data-v-5b6991c2] {
  font-size: 0.55rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-5b6991c2] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-5b6991c2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-5b6991c2] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.tip-numero[data-v-5b6991c2] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-contenido[data-v-5b6991c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-5b6991c2] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-5b6991c2] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.ejemplo-contenido[data-v-5b6991c2] {
  text-align: center;
}
.ejemplo-pregunta[data-v-5b6991c2] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-solucion[data-v-5b6991c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.sol-paso[data-v-5b6991c2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-resultado[data-v-5b6991c2] {
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.4rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}

/* Mensaje final */
.mensaje-final[data-v-5b6991c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-5b6991c2] {
  font-size: 1.5rem;
}
.final-texto[data-v-5b6991c2] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-central[data-v-5b6991c2] {
    align-items: center;
}
.central-icono[data-v-5b6991c2] {
    font-size: 2.5rem;
}
.factores-grid[data-v-5b6991c2] {
    gap: 0.75rem;
}
.interp-grid[data-v-5b6991c2] {
    gap: 0.75rem;
}
.interp-caso[data-v-5b6991c2] {
    padding: 0.75rem;
}
.caso-valor[data-v-5b6991c2] {
    font-size: 0.8rem;
}
.caso-icono[data-v-5b6991c2] {
    font-size: 1.5rem;
}
.dist-grid[data-v-5b6991c2] {
    gap: 0.75rem;
}
.dist-tipo[data-v-5b6991c2] {
    padding: 0.75rem 0.5rem;
}
.dist-visual[data-v-5b6991c2] {
    font-size: 0.7rem;
}
.dist-nombre[data-v-5b6991c2] {
    font-size: 0.8rem;
}
}

/* Introducción visual */
.intro-visual[data-v-8c9a6a34] {
  margin: 1rem 0 1.5rem;
}
.comunidad-simple[data-v-8c9a6a34] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.especies-grupo[data-v-8c9a6a34] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.especie[data-v-8c9a6a34] {
  font-size: 1.75rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.habitat-label[data-v-8c9a6a34] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.3rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
}

/* Concepto clave */
.concepto-clave[data-v-8c9a6a34] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-8c9a6a34] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-8c9a6a34] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-8c9a6a34] {
  font-weight: 700;
  color: #C4B5FD;
}
.comparacion[data-v-8c9a6a34] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-8c9a6a34] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-label[data-v-8c9a6a34] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.comp-desc[data-v-8c9a6a34] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-ejemplo[data-v-8c9a6a34] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Propiedades section */
.propiedades-section[data-v-8c9a6a34] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-8c9a6a34] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.propiedades-grid[data-v-8c9a6a34] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad-card[data-v-8c9a6a34] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-icono[data-v-8c9a6a34] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-8c9a6a34] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.prop-desc[data-v-8c9a6a34] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-8c9a6a34] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-8c9a6a34] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.niveles-comunidad[data-v-8c9a6a34] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.nivel[data-v-8c9a6a34] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.nivel-icono[data-v-8c9a6a34] {
  font-size: 1rem;
}
.nivel-label[data-v-8c9a6a34] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-8c9a6a34] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8c9a6a34] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8c9a6a34] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8c9a6a34] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.especies-grupo[data-v-8c9a6a34] {
    gap: 0.75rem;
}
.especie[data-v-8c9a6a34] {
    font-size: 2rem;
    padding: 0.5rem;
}
.propiedades-grid[data-v-8c9a6a34] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-e335e180] {
  margin: 1rem 0 1.5rem;
}
.diversidad-visual[data-v-e335e180] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comunidad-a[data-v-e335e180], .comunidad-b[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
}
.comunidad-label[data-v-e335e180] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.especies-row[data-v-e335e180] {
  display: flex;
  gap: 0.2rem;
  font-size: 1.25rem;
}
.diversidad-baja[data-v-e335e180] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}
.diversidad-alta[data-v-e335e180] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.vs[data-v-e335e180] {
  font-size: 0.8rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Definición box */
.definicion-box[data-v-e335e180] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.def-header[data-v-e335e180] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-e335e180] {
  font-size: 1.25rem;
}
.def-titulo[data-v-e335e180] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 1rem;
}
.definicion-box p[data-v-e335e180] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.factores-grid[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-nombre[data-v-e335e180] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.factor-desc[data-v-e335e180] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-e335e180] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-e335e180] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comunidades-ejemplo[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comunidad-ej[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ej-label[data-v-e335e180] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.barras[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.barra-especie[data-v-e335e180] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.barra-icon[data-v-e335e180] {
  font-size: 1rem;
  min-width: 24px;
}
.barra[data-v-e335e180] {
  height: 12px;
  background: linear-gradient(90deg, #EF4444, #F59E0B);
  border-radius: 2px;
  min-width: 4px;
}
.barra.alta[data-v-e335e180] {
  background: linear-gradient(90deg, #10B981, #6EE7B7);
}
.barra-num[data-v-e335e180] {
  font-size: 0.7rem;
  color: #C4B5FD;
  min-width: 20px;
}
.diversidad-resultado[data-v-e335e180] {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.diversidad-resultado.bajo[data-v-e335e180] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
}
.diversidad-resultado.alto[data-v-e335e180] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
}
.ejemplo-explicacion[data-v-e335e180] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Dominancia section */
.dominancia-section[data-v-e335e180] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.dominancia-header[data-v-e335e180] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dom-icono[data-v-e335e180] {
  font-size: 1.25rem;
}
.dom-titulo[data-v-e335e180] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.dominancia-section p[data-v-e335e180] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.dominancia-tipos[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dom-tipo[data-v-e335e180] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tipo-label[data-v-e335e180] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-e335e180] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-e335e180] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e335e180] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e335e180] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e335e180] {
  color: #6EE7B7;
}
.tip-texto strong.negativo[data-v-e335e180] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.comunidades-ejemplo[data-v-e335e180] {
    flex-direction: row;
}
.comunidad-ej[data-v-e335e180] {
    flex: 1;
}
.especies-row[data-v-e335e180] {
    font-size: 1.5rem;
}
.factores-grid[data-v-e335e180] {
    flex-direction: row;
}
.factor[data-v-e335e180] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-68229412] {
  margin: 1rem 0 1.5rem;
}
.sucesion-timeline[data-v-68229412] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.etapa[data-v-68229412] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-width: 50px;
}
.etapa-icono[data-v-68229412] {
  font-size: 1.5rem;
}
.etapa-label[data-v-68229412] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.flecha[data-v-68229412] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}

/* Tipos section */
.tipos-section[data-v-68229412] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-68229412] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-68229412] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-68229412] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-card.primaria[data-v-68229412] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.tipo-card.secundaria[data-v-68229412] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-68229412] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-68229412] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-68229412] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-contenido p[data-v-68229412] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tipo-ejemplos[data-v-68229412] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tipo-tiempo[data-v-68229412] {
  display: inline-block;
  font-size: 0.75rem;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* Etapas section */
.etapas-section[data-v-68229412] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-68229412] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapas-lista[data-v-68229412] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.etapa-detalle[data-v-68229412] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.etapa-num[data-v-68229412] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: linear-gradient(135deg, #8B5CF6, #10B981);
  border-radius: 50%;
  color: white;
  font-weight: 700;
  font-size: 0.85rem;
}
.etapa-info[data-v-68229412] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
}
.etapa-nombre[data-v-68229412] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-desc[data-v-68229412] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.etapa-ejemplo[data-v-68229412] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Clímax box */
.climax-box[data-v-68229412] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.climax-header[data-v-68229412] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.climax-icono[data-v-68229412] {
  font-size: 1.25rem;
}
.climax-titulo[data-v-68229412] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.climax-contenido p[data-v-68229412] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.climax-caracteristicas[data-v-68229412] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.caract[data-v-68229412] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.caract-check[data-v-68229412] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tip */
.tip[data-v-68229412] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-68229412] {
  font-size: 1.25rem;
}
.tip-texto[data-v-68229412] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-68229412] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-68229412] {
    flex-direction: row;
}
.tipo-card[data-v-68229412] {
    flex: 1;
}
.sucesion-timeline[data-v-68229412] {
    gap: 0.75rem;
}
.etapa-icono[data-v-68229412] {
    font-size: 2rem;
}
.etapa-label[data-v-68229412] {
    font-size: 0.75rem;
}
}

.explorador[data-v-5c10ecef] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5c10ecef] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5c10ecef] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5c10ecef] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5c10ecef] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5c10ecef] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5c10ecef] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5c10ecef] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5c10ecef] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5c10ecef] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Diversidad ===== */
.diversidad-container[data-v-5c10ecef] {
  text-align: center;
}
.diversidad-pregunta[data-v-5c10ecef] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.comunidades-comparar[data-v-5c10ecef] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.comunidad-opcion[data-v-5c10ecef] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.comunidad-opcion.seleccionado[data-v-5c10ecef] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.comunidad-opcion.correcto[data-v-5c10ecef] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.comunidad-opcion.incorrecto[data-v-5c10ecef] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.com-label[data-v-5c10ecef] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.especies-visuales[data-v-5c10ecef] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.especie-visual[data-v-5c10ecef] {
  display: flex;
  align-items: center;
}
.mas[data-v-5c10ecef] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-left: 0.1rem;
}
.com-stats[data-v-5c10ecef] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.dominancia[data-v-5c10ecef] {
  color: #FCD34D;
}
.diversidad-contador[data-v-5c10ecef] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Sucesión ===== */
.sucesion-container[data-v-5c10ecef] {
  text-align: center;
}
.sucesion-pregunta[data-v-5c10ecef] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.etapas-disponibles[data-v-5c10ecef] {
  margin-bottom: 1rem;
}
.etapas-label[data-v-5c10ecef] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.etapas-pool[data-v-5c10ecef] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.etapa-draggable[data-v-5c10ecef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 70px;
}
.etapa-draggable.seleccionado[data-v-5c10ecef] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
  border-color: #10B981;
}
.etapa-icono[data-v-5c10ecef] {
  font-size: 1.25rem;
}
.etapa-nombre[data-v-5c10ecef] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.slots-sucesion[data-v-5c10ecef] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 1rem;
  overflow-x: auto;
  padding: 0.5rem;
}
.slot-sucesion[data-v-5c10ecef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 65px;
  min-width: 65px;
  min-height: 70px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  padding: 0.4rem;
}
.slot-sucesion.seleccionable[data-v-5c10ecef] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  animation: pulse-5c10ecef 1s infinite;
}
@keyframes pulse-5c10ecef {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}
.slot-sucesion.ocupado[data-v-5c10ecef] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.slot-num[data-v-5c10ecef] {
  font-size: 0.6rem;
  color: #8B5CF6;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.slot-contenido[data-v-5c10ecef] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slot-icono[data-v-5c10ecef] {
  font-size: 1.1rem;
}
.slot-nombre[data-v-5c10ecef] {
  font-size: 0.55rem;
  color: #E9D5FF;
  text-align: center;
}
.slot-placeholder[data-v-5c10ecef] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
}
.botones-accion[data-v-5c10ecef] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar[data-v-5c10ecef], .btn-reiniciar[data-v-5c10ecef] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-5c10ecef] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-5c10ecef] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.sucesion-contador[data-v-5c10ecef] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Tipo sucesión ===== */
.tipo-sucesion-container[data-v-5c10ecef] {
  text-align: center;
}
.escenario-sucesion[data-v-5c10ecef] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-visual[data-v-5c10ecef] {
  margin-bottom: 0.5rem;
}
.escenario-icono-grande[data-v-5c10ecef] {
  font-size: 3rem;
}
.escenario-descripcion[data-v-5c10ecef] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tipo-pregunta[data-v-5c10ecef] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opciones-tipo-sucesion[data-v-5c10ecef] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.opcion-sucesion[data-v-5c10ecef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  flex: 1;
  max-width: 140px;
}
.opcion-sucesion.correcto[data-v-5c10ecef] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.opcion-sucesion.incorrecto[data-v-5c10ecef] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.opcion-icono[data-v-5c10ecef] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.opcion-texto[data-v-5c10ecef] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opcion-hint[data-v-5c10ecef] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.tipo-contador[data-v-5c10ecef] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Feedback error */
.feedback-error[data-v-5c10ecef] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}

/* Resultado correcto */
.resultado-correcto[data-v-5c10ecef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5c10ecef] { font-size: 1.25rem;
}
.resultado-texto[data-v-5c10ecef] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5c10ecef] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5c10ecef] { flex: 1;
}
.nav-btn[data-v-5c10ecef] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5c10ecef] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5c10ecef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5c10ecef] { font-size: 1.75rem;
}
.completado-texto[data-v-5c10ecef] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5c10ecef], .slide-leave-active[data-v-5c10ecef] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5c10ecef] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5c10ecef] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.comunidades-comparar[data-v-5c10ecef] {
    flex-direction: row;
}
.comunidad-opcion[data-v-5c10ecef] {
    flex: 1;
}
}

/* Resumen visual */
.resumen-visual[data-v-fed6c946] {
  margin: 1rem 0 1.5rem;
}
.resumen-titulo[data-v-fed6c946] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-resumen[data-v-fed6c946] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-row[data-v-fed6c946] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  gap: 0.75rem;
}
.concepto-row.comunidad[data-v-fed6c946] { background: rgba(139, 92, 246, 0.15); border-left: 3px solid #8B5CF6;
}
.concepto-row.diversidad[data-v-fed6c946] { background: rgba(16, 185, 129, 0.15); border-left: 3px solid #10B981;
}
.concepto-row.dominancia[data-v-fed6c946] { background: rgba(245, 158, 11, 0.15); border-left: 3px solid #F59E0B;
}
.concepto-row.sucesion[data-v-fed6c946] { background: rgba(59, 130, 246, 0.15); border-left: 3px solid #3B82F6;
}
.concepto-nombre[data-v-fed6c946] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 85px;
}
.concepto-desc[data-v-fed6c946] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}

/* Tabla comparativa */
.comparativa-section[data-v-fed6c946] {
  margin: 1.5rem 0;
}
.comparativa-titulo[data-v-fed6c946] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-sucesion[data-v-fed6c946] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-fed6c946] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.col-vacia[data-v-fed6c946] {
  /* empty */
}
.col-header[data-v-fed6c946] {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}
.col-header.primaria[data-v-fed6c946] { color: #C4B5FD;
}
.col-header.secundaria[data-v-fed6c946] { color: #FCD34D;
}
.tabla-row[data-v-fed6c946] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row[data-v-fed6c946]:last-child {
  border-bottom: none;
}
.row-label[data-v-fed6c946] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.col-valor[data-v-fed6c946] {
  font-size: 0.7rem;
  text-align: center;
  color: #E9D5FF;
}
.col-valor.primaria[data-v-fed6c946] { color: #C4B5FD;
}
.col-valor.secundaria[data-v-fed6c946] { color: #FCD34D;
}

/* Claves PAES */
.claves-paes[data-v-fed6c946] {
  margin: 1.5rem 0;
}
.claves-titulo[data-v-fed6c946] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clave-item[data-v-fed6c946] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.clave-num[data-v-fed6c946] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
}
.clave-contenido[data-v-fed6c946] {
  flex: 1;
}
.clave-contenido strong[data-v-fed6c946] {
  color: #FCD34D;
  font-size: 0.85rem;
}
.clave-contenido p[data-v-fed6c946] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clave-contenido strong.positivo[data-v-fed6c946] { color: #6EE7B7;
}
.clave-contenido strong.negativo[data-v-fed6c946] { color: #FCA5A5;
}

/* Etapas resumen */
.etapas-resumen[data-v-fed6c946] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.etapas-titulo[data-v-fed6c946] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.timeline-horizontal[data-v-fed6c946] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.timeline-etapa[data-v-fed6c946] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.timeline-etapa.climax[data-v-fed6c946] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.timeline-etapa .etapa-icono[data-v-fed6c946] {
  font-size: 1.25rem;
}
.timeline-etapa .etapa-nombre[data-v-fed6c946] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.timeline-etapa.climax .etapa-nombre[data-v-fed6c946] {
  color: #6EE7B7;
}
.timeline-flecha[data-v-fed6c946] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}
.timeline-indicadores[data-v-fed6c946] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.indicador[data-v-fed6c946] {
  font-size: 0.7rem;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* Recuerda box */
.recuerda-box[data-v-fed6c946] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.recuerda-icono[data-v-fed6c946] {
  font-size: 1.5rem;
}
.recuerda-contenido[data-v-fed6c946] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.recuerda-contenido strong[data-v-fed6c946] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-nombre[data-v-fed6c946] {
    min-width: 100px;
}
.timeline-etapa[data-v-fed6c946] {
    min-width: 90px;
    padding: 0.75rem;
}
.timeline-etapa .etapa-icono[data-v-fed6c946] {
    font-size: 1.5rem;
}
}

/* Introducción visual - Fotosíntesis simple */
.intro-visual[data-v-f568b5a3] {
  margin: 1rem 0 1.5rem;
}
.fotosintesis-simple[data-v-f568b5a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.entrada[data-v-f568b5a3], .salida[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.elemento[data-v-f568b5a3] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.elemento.producto[data-v-f568b5a3] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.3);
}
.elem-icono[data-v-f568b5a3] {
  font-size: 1rem;
}
.elem-nombre[data-v-f568b5a3] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.flecha-central[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.planta-icono[data-v-f568b5a3] {
  font-size: 2rem;
}
.flecha[data-v-f568b5a3] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Texto inline */
strong.positivo[data-v-f568b5a3] {
  color: #6EE7B7;
}
strong.negativo[data-v-f568b5a3] {
  color: #FCA5A5;
}

/* Ecuación */
.ecuacion-section[data-v-f568b5a3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-f568b5a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ecuacion-formula[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
}
.ecuacion-lado[data-v-f568b5a3] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
}
.molecula[data-v-f568b5a3] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.molecula.co2[data-v-f568b5a3] {
  background: rgba(156, 163, 175, 0.2);
  color: #D1D5DB;
}
.molecula.h2o[data-v-f568b5a3] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.molecula.glucosa[data-v-f568b5a3] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.molecula.o2[data-v-f568b5a3] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.signo[data-v-f568b5a3] {
  color: #C4B5FD;
  font-weight: 700;
}
.ecuacion-centro[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.luz-indicador[data-v-f568b5a3] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.flecha-ecuacion[data-v-f568b5a3] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.ecuacion-nombres[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ubicación */
.ubicacion-section[data-v-f568b5a3] {
  margin: 1.5rem 0;
}
.ubicacion-header[data-v-f568b5a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ubicacion-icono[data-v-f568b5a3] {
  font-size: 1.25rem;
}
.ubicacion-titulo[data-v-f568b5a3] {
  font-weight: 700;
  color: #FFFFFF;
}
.ubicacion-contenido[data-v-f568b5a3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.celula-visual[data-v-f568b5a3] {
  display: flex;
  justify-content: center;
}
.celula[data-v-f568b5a3] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  text-align: center;
}
.celula-label[data-v-f568b5a3] {
  display: block;
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.cloroplastos[data-v-f568b5a3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.cloroplasto[data-v-f568b5a3] {
  width: 30px;
  height: 20px;
  background: linear-gradient(135deg, #10B981, #047857);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cloro-icono[data-v-f568b5a3] {
  font-size: 0.6rem;
}
.ubicacion-contenido p[data-v-f568b5a3] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Importancia */
.importancia-section[data-v-f568b5a3] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-f568b5a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.importancia-grid[data-v-f568b5a3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-f568b5a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.imp-icono[data-v-f568b5a3] {
  font-size: 1.25rem;
}
.imp-texto[data-v-f568b5a3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.imp-texto strong[data-v-f568b5a3] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-f568b5a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f568b5a3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f568b5a3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f568b5a3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.fotosintesis-simple[data-v-f568b5a3] {
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 1.5rem;
}
.entrada[data-v-f568b5a3], .salida[data-v-f568b5a3] {
    flex-direction: row;
    gap: 0.5rem;
}
.ecuacion-formula[data-v-f568b5a3] {
    flex-direction: row;
    gap: 1rem;
}
.ecuacion-nombres[data-v-f568b5a3] {
    flex-direction: row;
    gap: 0.5rem;
}
.ubicacion-contenido[data-v-f568b5a3] {
    flex-direction: row;
    align-items: center;
}
.celula-visual[data-v-f568b5a3] {
    flex-shrink: 0;
}
}

/* Diagrama del cloroplasto */
.cloroplasto-diagram[data-v-7337addf] {
  margin: 1rem 0 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.cloroplasto-visual[data-v-7337addf] {
  width: 100%;
  max-width: 280px;
}
.membrana-externa[data-v-7337addf] {
  padding: 6px;
  background: linear-gradient(135deg, #059669, #047857);
  border-radius: 50%;
  aspect-ratio: 2 / 1;
}
.membrana-interna[data-v-7337addf] {
  width: 100%;
  height: 100%;
  padding: 4px;
  background: linear-gradient(135deg, #10B981, #059669);
  border-radius: 50%;
}
.estroma[data-v-7337addf] {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #A7F3D0, #6EE7B7);
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.estroma-label[data-v-7337addf] {
  position: absolute;
  bottom: 8px;
  font-size: 0.6rem;
  color: #047857;
  font-weight: 700;
}
.grana-container[data-v-7337addf] {
  display: flex;
  gap: 0.75rem;
}
.granum[data-v-7337addf] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tilacoide[data-v-7337addf] {
  width: 35px;
  height: 8px;
  background: linear-gradient(to bottom, #047857, #065F46);
  border-radius: 4px;
}
.tilacoide-intergranal[data-v-7337addf] {
  position: absolute;
  width: 40px;
  height: 3px;
  background: #047857;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
}
.leyenda-cloroplasto[data-v-7337addf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.leyenda-item[data-v-7337addf] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.leyenda-color[data-v-7337addf] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.leyenda-color.membrana[data-v-7337addf] {
  background: linear-gradient(135deg, #059669, #047857);
}
.leyenda-color.estroma-color[data-v-7337addf] {
  background: #6EE7B7;
}
.leyenda-color.tilacoide-color[data-v-7337addf] {
  background: #047857;
}
.leyenda-texto[data-v-7337addf] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-7337addf] {
  color: #6EE7B7;
}
strong.clorofila[data-v-7337addf] {
  color: #6EE7B7;
}
strong.luminica[data-v-7337addf] {
  color: #FCD34D;
}
strong.oscura[data-v-7337addf] {
  color: #93C5FD;
}

/* Partes del cloroplasto */
.partes-section[data-v-7337addf] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-7337addf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.partes-grid[data-v-7337addf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte-card[data-v-7337addf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.membrana-card[data-v-7337addf] {
  background: rgba(5, 150, 105, 0.1);
  border-color: rgba(5, 150, 105, 0.3);
}
.tilacoide-card[data-v-7337addf] {
  background: rgba(4, 120, 87, 0.1);
  border-color: rgba(4, 120, 87, 0.3);
}
.estroma-card[data-v-7337addf] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.3);
}
.parte-header[data-v-7337addf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.parte-icono[data-v-7337addf] {
  font-size: 1.2rem;
}
.parte-nombre[data-v-7337addf] {
  font-weight: 700;
  color: #6EE7B7;
}
.parte-desc[data-v-7337addf] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fases ubicación */
.fases-ubicacion[data-v-7337addf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.fases-titulo[data-v-7337addf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.fases-grid[data-v-7337addf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.fase-ubicacion[data-v-7337addf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.fase-ubicacion.luminica[data-v-7337addf] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.fase-ubicacion.oscura[data-v-7337addf] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.fase-lugar[data-v-7337addf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}
.lugar-icono[data-v-7337addf] {
  font-size: 1.25rem;
}
.lugar-nombre[data-v-7337addf] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.fase-nombre-box[data-v-7337addf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.fase-emoji[data-v-7337addf] {
  font-size: 1.5rem;
}
.fase-ubicacion.luminica .fase-label[data-v-7337addf] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 0.8rem;
}
.fase-ubicacion.oscura .fase-label[data-v-7337addf] {
  color: #93C5FD;
  font-weight: 700;
  font-size: 0.8rem;
}
.fase-productos[data-v-7337addf] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fase-productos li[data-v-7337addf] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.15rem 0;
}

/* Clorofila */
.clorofila-section[data-v-7337addf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.clorofila-header[data-v-7337addf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.clorofila-icono[data-v-7337addf] {
  font-size: 1.25rem;
}
.clorofila-titulo[data-v-7337addf] {
  font-weight: 700;
  color: #6EE7B7;
}
.clorofila-desc[data-v-7337addf] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.espectro-visual[data-v-7337addf] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.espectro-bar[data-v-7337addf] {
  display: flex;
  border-radius: 0.4rem;
  overflow: hidden;
}
.espectro-bar span[data-v-7337addf] {
  flex: 1;
  text-align: center;
  padding: 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.absorcion.alta[data-v-7337addf] {
  background: rgba(139, 92, 246, 0.4);
  color: #FFFFFF;
}
.absorcion.alta[data-v-7337addf]:first-child {
  background: rgba(59, 130, 246, 0.4);
}
.absorcion.alta[data-v-7337addf]:last-child {
  background: rgba(239, 68, 68, 0.4);
}
.reflexion[data-v-7337addf] {
  background: rgba(16, 185, 129, 0.4);
  color: #FFFFFF;
}
.espectro-leyenda[data-v-7337addf] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7337addf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7337addf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7337addf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7337addf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.cloroplasto-visual[data-v-7337addf] {
    max-width: 350px;
}
.partes-grid[data-v-7337addf] {
    flex-direction: row;
}
.parte-card[data-v-7337addf] {
    flex: 1;
}
.tilacoide[data-v-7337addf] {
    width: 45px;
    height: 10px;
}
}

/* Header de fase */
.fase-header[data-v-cfbc4e1f] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fase-header.luminica[data-v-cfbc4e1f] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(251, 191, 36, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.fase-icono[data-v-cfbc4e1f] {
  font-size: 2.5rem;
}
.fase-info[data-v-cfbc4e1f] {
  display: flex;
  flex-direction: column;
}
.fase-nombre[data-v-cfbc4e1f] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.fase-lugar[data-v-cfbc4e1f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto inline */
strong.luminica[data-v-cfbc4e1f] {
  color: #FCD34D;
}
strong.clorofila[data-v-cfbc4e1f] {
  color: #6EE7B7;
}
strong.positivo[data-v-cfbc4e1f] {
  color: #6EE7B7;
}
strong.energia[data-v-cfbc4e1f] {
  color: #FCD34D;
}

/* Proceso paso a paso */
.proceso-section[data-v-cfbc4e1f] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-cfbc4e1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pasos-proceso[data-v-cfbc4e1f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-cfbc4e1f] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
  border-radius: 0 0.5rem 0.5rem 0;
}
.paso-numero[data-v-cfbc4e1f] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: #000;
  font-weight: 800;
  border-radius: 50%;
  font-size: 0.85rem;
}
.paso-contenido[data-v-cfbc4e1f] {
  flex: 1;
}
.paso-titulo[data-v-cfbc4e1f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
.paso-contenido p[data-v-cfbc4e1f] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Fotosistemas */
.fotosistemas-section[data-v-cfbc4e1f] {
  margin: 1.5rem 0;
}
.fotosistemas-titulo[data-v-cfbc4e1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.fotosistemas-grid[data-v-cfbc4e1f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.fotosistema[data-v-cfbc4e1f] {
  flex: 1;
  min-width: 130px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.fotosistema.ps2[data-v-cfbc4e1f] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.fotosistema.ps1[data-v-cfbc4e1f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.ps-header[data-v-cfbc4e1f] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.ps-nombre[data-v-cfbc4e1f] {
  font-weight: 700;
  font-size: 0.85rem;
}
.fotosistema.ps2 .ps-nombre[data-v-cfbc4e1f] {
  color: #93C5FD;
}
.fotosistema.ps1 .ps-nombre[data-v-cfbc4e1f] {
  color: #C4B5FD;
}
.ps-longitud[data-v-cfbc4e1f] {
  font-size: 0.7rem;
  color: #A5B4FC;
}
.ps-funcion[data-v-cfbc4e1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ps-icono[data-v-cfbc4e1f] {
  font-size: 1rem;
}
.flecha-ps[data-v-cfbc4e1f] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Balance */
.balance-section[data-v-cfbc4e1f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.balance-titulo[data-v-cfbc4e1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.balance-ecuacion[data-v-cfbc4e1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.balance-entrada[data-v-cfbc4e1f], .balance-salida[data-v-cfbc4e1f] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.balance-item[data-v-cfbc4e1f] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
}
.balance-item.entrada[data-v-cfbc4e1f] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.balance-item.salida[data-v-cfbc4e1f] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.item-icono[data-v-cfbc4e1f] {
  font-size: 0.9rem;
}
.item-nombre[data-v-cfbc4e1f] {
  color: #E9D5FF;
  font-weight: 600;
}
.balance-flecha[data-v-cfbc4e1f] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Dato importante */
.dato-importante[data-v-cfbc4e1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.dato-icono[data-v-cfbc4e1f] {
  font-size: 1.5rem;
}
.dato-contenido strong[data-v-cfbc4e1f] {
  color: #6EE7B7;
  display: block;
  margin-bottom: 0.25rem;
}
.dato-contenido p[data-v-cfbc4e1f] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-cfbc4e1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-cfbc4e1f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cfbc4e1f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cfbc4e1f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.fase-header[data-v-cfbc4e1f] {
    padding: 1.25rem;
}
.fase-icono[data-v-cfbc4e1f] {
    font-size: 3rem;
}
.paso-item[data-v-cfbc4e1f] {
    padding: 1rem;
}
.fotosistemas-grid[data-v-cfbc4e1f] {
    flex-wrap: nowrap;
}
.balance-ecuacion[data-v-cfbc4e1f] {
    flex-wrap: nowrap;
}
.balance-entrada[data-v-cfbc4e1f], .balance-salida[data-v-cfbc4e1f] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Header de fase */
.fase-header[data-v-acf00788] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fase-header.oscura[data-v-acf00788] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(99, 102, 241, 0.1));
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.fase-icono[data-v-acf00788] {
  font-size: 2.5rem;
}
.fase-info[data-v-acf00788] {
  display: flex;
  flex-direction: column;
}
.fase-nombre[data-v-acf00788] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #93C5FD;
}
.fase-lugar[data-v-acf00788] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto inline */
strong.oscura[data-v-acf00788] {
  color: #93C5FD;
}
strong.enzima[data-v-acf00788] {
  color: #C4B5FD;
}
strong.energia[data-v-acf00788] {
  color: #FCD34D;
}

/* Aclaración */
.aclaracion[data-v-acf00788] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.aclaracion-icono[data-v-acf00788] {
  font-size: 1.25rem;
}
.aclaracion-texto[data-v-acf00788] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.aclaracion-texto strong[data-v-acf00788] {
  color: #FCD34D;
}

/* Ciclo de Calvin */
.ciclo-section[data-v-acf00788] {
  margin: 1.5rem 0;
}
.ciclo-titulo[data-v-acf00788] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ciclo-visual[data-v-acf00788] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.ciclo-paso[data-v-acf00788] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  width: 100%;
}
.ciclo-numero[data-v-acf00788] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: #FFFFFF;
  font-weight: 800;
  border-radius: 50%;
  font-size: 0.85rem;
}
.ciclo-contenido[data-v-acf00788] {
  flex: 1;
}
.ciclo-nombre[data-v-acf00788] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
.ciclo-contenido p[data-v-acf00788] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.ciclo-flecha[data-v-acf00788] {
  font-size: 1.25rem;
  color: #3B82F6;
}

/* Producto final */
.producto-section[data-v-acf00788] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.producto-header[data-v-acf00788] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.producto-icono[data-v-acf00788] {
  font-size: 1.5rem;
}
.producto-titulo[data-v-acf00788] {
  font-weight: 700;
  color: #6EE7B7;
}
.producto-contenido[data-v-acf00788] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.glucosa-visual[data-v-acf00788] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.glucosa-formula[data-v-acf00788] {
  font-family: 'Courier New', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.glucosa-nombre[data-v-acf00788] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.producto-contenido p[data-v-acf00788] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Requerimientos */
.requerimientos-section[data-v-acf00788] {
  margin: 1.5rem 0;
}
.requerimientos-titulo[data-v-acf00788] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.requerimientos-grid[data-v-acf00788] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.req-item[data-v-acf00788] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.req-icono[data-v-acf00788] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.req-nombre[data-v-acf00788] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.req-origen[data-v-acf00788] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Conexión entre fases */
.conexion-section[data-v-acf00788] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-acf00788] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.conexion-visual[data-v-acf00788] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.fase-box[data-v-acf00788] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.fase-box.luminica[data-v-acf00788] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.fase-box.oscura[data-v-acf00788] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.fase-label[data-v-acf00788] {
  font-size: 0.75rem;
  font-weight: 700;
}
.fase-box.luminica .fase-label[data-v-acf00788] {
  color: #FCD34D;
}
.fase-box.oscura .fase-label[data-v-acf00788] {
  color: #93C5FD;
}
.fase-productos[data-v-acf00788] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.flecha-conexion[data-v-acf00788] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.conexion-texto[data-v-acf00788] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-acf00788] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-acf00788] {
  font-size: 1.25rem;
}
.tip-texto[data-v-acf00788] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-acf00788] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.fase-header[data-v-acf00788] {
    padding: 1.25rem;
}
.fase-icono[data-v-acf00788] {
    font-size: 3rem;
}
.producto-contenido[data-v-acf00788] {
    flex-direction: row;
    align-items: center;
}
.glucosa-visual[data-v-acf00788] {
    min-width: 120px;
}
.requerimientos-grid[data-v-acf00788] {
    grid-template-columns: repeat(4, 1fr);
}
.conexion-visual[data-v-acf00788] {
    flex-wrap: nowrap;
}
}

.explorador[data-v-3ad42b71] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3ad42b71] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3ad42b71] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3ad42b71] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3ad42b71] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3ad42b71] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3ad42b71] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3ad42b71] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3ad42b71] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3ad42b71] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ecuación ===== */
.ecuacion-container[data-v-3ad42b71] {
  text-align: center;
}
.ecuacion-pregunta[data-v-3ad42b71] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.elementos-disponibles[data-v-3ad42b71] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.elemento-btn[data-v-3ad42b71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.elemento-btn.seleccionado[data-v-3ad42b71] {
  transform: scale(1.05);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.elem-icono[data-v-3ad42b71] {
  font-size: 1.25rem;
}
.elem-texto[data-v-3ad42b71] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.ecuacion-slots[data-v-3ad42b71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.lado-izquierdo[data-v-3ad42b71], .lado-derecho[data-v-3ad42b71] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.slot-ecuacion[data-v-3ad42b71] {
  width: 60px;
  height: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
}
.slot-ecuacion.seleccionable[data-v-3ad42b71] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-ecuacion.ocupado[data-v-3ad42b71] {
  border-style: solid;
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.slot-icono[data-v-3ad42b71] {
  font-size: 1rem;
}
.slot-texto[data-v-3ad42b71] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.slot-placeholder[data-v-3ad42b71] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
}
.signo[data-v-3ad42b71] {
  color: #C4B5FD;
  font-weight: 700;
  font-size: 1.2rem;
}
.flecha-ecuacion[data-v-3ad42b71] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.botones-accion[data-v-3ad42b71] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-3ad42b71], .btn-reiniciar[data-v-3ad42b71] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-3ad42b71] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-3ad42b71] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Fases ===== */
.fases-container[data-v-3ad42b71] {
  text-align: center;
}
.fases-pregunta[data-v-3ad42b71] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.cloroplasto-interactivo[data-v-3ad42b71] {
  margin: 1rem 0;
}
.cloro-estructura[data-v-3ad42b71] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 250px;
  margin: 0 auto;
}
.zona-tilacoide[data-v-3ad42b71], .zona-estroma[data-v-3ad42b71] {
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.zona-tilacoide[data-v-3ad42b71] {
  background: rgba(4, 120, 87, 0.2);
  border: 2px solid rgba(4, 120, 87, 0.4);
}
.zona-estroma[data-v-3ad42b71] {
  background: rgba(110, 231, 183, 0.1);
  border: 2px solid rgba(110, 231, 183, 0.3);
}
.zona-tilacoide.seleccionado[data-v-3ad42b71], .zona-estroma.seleccionado[data-v-3ad42b71] {
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.zona-tilacoide.correcto[data-v-3ad42b71], .zona-estroma.correcto[data-v-3ad42b71] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.zona-tilacoide.incorrecto[data-v-3ad42b71], .zona-estroma.incorrecto[data-v-3ad42b71] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.zona-label[data-v-3ad42b71] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.zona-fase[data-v-3ad42b71] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.fases-opciones[data-v-3ad42b71] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.fase-btn[data-v-3ad42b71] {
  padding: 0.6rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.fase-btn.luminica[data-v-3ad42b71] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.fase-btn.oscura[data-v-3ad42b71] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.fase-btn.usada[data-v-3ad42b71] {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Productos ===== */
.productos-container[data-v-3ad42b71] {
  text-align: center;
}
.productos-pregunta[data-v-3ad42b71] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.producto-actual[data-v-3ad42b71] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.producto-item[data-v-3ad42b71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 2rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.producto-icono[data-v-3ad42b71] {
  font-size: 2rem;
}
.producto-nombre[data-v-3ad42b71] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-fase[data-v-3ad42b71] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.opcion-btn[data-v-3ad42b71] {
  padding: 0.75rem 1.25rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.opcion-btn.luminica[data-v-3ad42b71] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-btn.oscura[data-v-3ad42b71] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.correcto[data-v-3ad42b71] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-3ad42b71] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-3ad42b71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3ad42b71] { font-size: 1.25rem;
}
.resultado-texto[data-v-3ad42b71] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-3ad42b71] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3ad42b71] { flex: 1;
}
.nav-btn[data-v-3ad42b71] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3ad42b71] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3ad42b71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3ad42b71] { font-size: 1.75rem;
}
.completado-texto[data-v-3ad42b71] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3ad42b71], .slide-leave-active[data-v-3ad42b71] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3ad42b71] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3ad42b71] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-slots[data-v-3ad42b71] {
    flex-direction: row;
    gap: 0.75rem;
}
.slot-ecuacion[data-v-3ad42b71] {
    width: 70px;
    height: 60px;
}
}

/* Intro */
.resumen-intro[data-v-390320bb] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-390320bb] {
  font-size: 2rem;
}
.resumen-intro p[data-v-390320bb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid - Mobile first */
.resumen-cards[data-v-390320bb] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 640px) {
.resumen-cards[data-v-390320bb] {
    grid-template-columns: 1fr 1fr;
}
}
.resumen-card[data-v-390320bb] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-390320bb]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-390320bb] {
  grid-column: span 1;
}
@media (min-width: 640px) {
.resumen-card.wide[data-v-390320bb] {
    grid-column: span 2;
}
}
.resumen-card.luminica[data-v-390320bb] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.05);
}
.resumen-card.oscura[data-v-390320bb] {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.05);
}
.resumen-card.conexion[data-v-390320bb] {
  border-color: rgba(139, 92, 246, 0.4);
}
.card-header[data-v-390320bb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-390320bb] {
  font-size: 1.25rem;
}
.card-titulo[data-v-390320bb] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-390320bb] {
  color: #E9D5FF;
}
.card-nota[data-v-390320bb] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ecuación resumen */
.ecuacion-resumen[data-v-390320bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-family: 'Courier New', monospace;
  font-weight: 700;
}
.molecula.reactivo[data-v-390320bb] {
  color: #93C5FD;
}
.molecula.producto[data-v-390320bb] {
  color: #6EE7B7;
}
.flecha[data-v-390320bb] {
  color: #FCD34D;
}

/* Cloroplasto mini */
.cloro-mini[data-v-390320bb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cloro-parte[data-v-390320bb] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.parte-nombre[data-v-390320bb] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.parte-funcion[data-v-390320bb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fase resumen */
.fase-resumen[data-v-390320bb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fase-donde[data-v-390320bb] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fase-proceso[data-v-390320bb] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}
.entrada[data-v-390320bb] {
  color: #93C5FD;
}
.flecha-mini[data-v-390320bb] {
  color: #8B5CF6;
}
.salida[data-v-390320bb] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Conexión visual */
.conexion-visual[data-v-390320bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.fase-mini[data-v-390320bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.fase-mini.luminica[data-v-390320bb] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.fase-mini.oscura[data-v-390320bb] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.fase-mini .productos[data-v-390320bb] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.flecha-conexion[data-v-390320bb] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Importancia lista */
.importancia-lista[data-v-390320bb] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.imp-item[data-v-390320bb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-390320bb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-390320bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-390320bb] {
  font-size: 1.25rem;
}
.tip-text[data-v-390320bb] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-390320bb] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-390320bb] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-390320bb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-390320bb 1s ease-in-out infinite;
}
@keyframes bounce-390320bb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-390320bb] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-390320bb] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Introducción visual */
.intro-visual[data-v-666c25a7] {
  margin: 1rem 0 1.5rem;
}
.impacto-visual[data-v-666c25a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.ecosistema-antes[data-v-666c25a7],
.ecosistema-despues[data-v-666c25a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.ecosistema-antes[data-v-666c25a7] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ecosistema-despues[data-v-666c25a7] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.eco-icono[data-v-666c25a7] {
  font-size: 1.5rem;
}
.eco-icono.degradado[data-v-666c25a7] {
  opacity: 0.8;
}
.eco-label[data-v-666c25a7] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}
.eco-label.negativo[data-v-666c25a7] {
  color: #FCA5A5;
}
.factor-humano[data-v-666c25a7] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.factor-humano.activo[data-v-666c25a7] {
  transform: scale(1.1);
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.5);
}
.factor-icono[data-v-666c25a7] {
  font-size: 1.5rem;
}
.flecha-impacto[data-v-666c25a7] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Texto inline */
strong.positivo[data-v-666c25a7] {
  color: #6EE7B7;
}
strong.negativo[data-v-666c25a7] {
  color: #FCA5A5;
}

/* Tipos section */
.tipos-section[data-v-666c25a7] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-666c25a7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-666c25a7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-666c25a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-666c25a7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-666c25a7] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
}
.tipo-desc[data-v-666c25a7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Consecuencias section */
.consecuencias-section[data-v-666c25a7] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-666c25a7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.consecuencias-lista[data-v-666c25a7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia-item[data-v-666c25a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cons-icono[data-v-666c25a7] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.cons-texto[data-v-666c25a7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-666c25a7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-666c25a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-666c25a7] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-666c25a7] {
  font-weight: 700;
  color: #FCD34D;
}
.concepto-contenido p[data-v-666c25a7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-666c25a7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-666c25a7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-666c25a7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-666c25a7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.impacto-visual[data-v-666c25a7] {
    flex-wrap: nowrap;
    gap: 0.75rem;
    padding: 1.25rem;
}
.eco-icono[data-v-666c25a7] {
    font-size: 2rem;
}
.eco-label[data-v-666c25a7] {
    font-size: 0.75rem;
}
.tipos-grid[data-v-666c25a7] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-666c25a7] {
    padding: 0.75rem;
}
.tipo-icono[data-v-666c25a7] {
    font-size: 1.75rem;
}
}

/* Visual deforestación */
.deforest-visual[data-v-d30c1b26] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.bosque-antes[data-v-d30c1b26],
.bosque-despues[data-v-d30c1b26] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  max-width: 100px;
}
.bosque-antes[data-v-d30c1b26] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.bosque-despues[data-v-d30c1b26] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
}
.arbol[data-v-d30c1b26] {
  font-size: 1.25rem;
}
.tocon[data-v-d30c1b26] {
  font-size: 1rem;
  opacity: 0.7;
}
.arbol-solo[data-v-d30c1b26] {
  font-size: 1rem;
  opacity: 0.5;
}

/* Texto inline */
strong.positivo[data-v-d30c1b26] {
  color: #6EE7B7;
}
strong.negativo[data-v-d30c1b26] {
  color: #FCA5A5;
}

/* Causas section */
.causas-section[data-v-d30c1b26] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-d30c1b26] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.causas-grid[data-v-d30c1b26] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.causa-item[data-v-d30c1b26] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.causa-icono[data-v-d30c1b26] {
  font-size: 1.25rem;
}
.causa-nombre[data-v-d30c1b26] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.causa-pct[data-v-d30c1b26] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Consecuencias section */
.consecuencias-section[data-v-d30c1b26] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-d30c1b26] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.consecuencias-lista[data-v-d30c1b26] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia[data-v-d30c1b26] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.cons-icono[data-v-d30c1b26] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.cons-texto[data-v-d30c1b26] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Separador */
.separador[data-v-d30c1b26] {
  height: 2px;
  background: linear-gradient(to right, transparent, rgba(139, 92, 246, 0.5), transparent);
  margin: 1.5rem 0;
}

/* Sobreexplotación section */
.sobreexplot-section[data-v-d30c1b26] {
  margin: 1rem 0;
}
.sobreexplot-titulo[data-v-d30c1b26] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplos-sobreexplot[data-v-d30c1b26] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}
.ejemplo-item[data-v-d30c1b26] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-d30c1b26] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.ejemplo-contenido[data-v-d30c1b26] {
  display: flex;
  flex-direction: column;
}
.ejemplo-nombre[data-v-d30c1b26] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
}
.ejemplo-desc[data-v-d30c1b26] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-d30c1b26] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-d30c1b26] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-d30c1b26] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-d30c1b26] {
  font-weight: 700;
  color: #93C5FD;
}
.concepto-contenido p[data-v-d30c1b26] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-d30c1b26] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d30c1b26] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d30c1b26] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d30c1b26] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.deforest-visual[data-v-d30c1b26] {
    gap: 2rem;
    padding: 1.5rem;
}
.bosque-antes[data-v-d30c1b26],
  .bosque-despues[data-v-d30c1b26] {
    max-width: 120px;
}
.arbol[data-v-d30c1b26] {
    font-size: 1.5rem;
}
.causas-grid[data-v-d30c1b26] {
    grid-template-columns: repeat(4, 1fr);
}
.causa-item[data-v-d30c1b26] {
    padding: 0.75rem;
}
.causa-icono[data-v-d30c1b26] {
    font-size: 1.5rem;
}
}

/* Visual de contaminación */
.contam-visual[data-v-c2f98a7c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.contam-tipo[data-v-c2f98a7c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.contam-tipo.activo[data-v-c2f98a7c] {
  transform: scale(1.1);
  border-color: #8B5CF6;
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
}
.contam-icono[data-v-c2f98a7c] {
  font-size: 1.75rem;
}
.contam-label[data-v-c2f98a7c] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Texto inline */
strong.positivo[data-v-c2f98a7c] {
  color: #6EE7B7;
}
strong.negativo[data-v-c2f98a7c] {
  color: #FCA5A5;
}

/* Tipo section */
.tipo-section[data-v-c2f98a7c] {
  margin: 1.25rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-header[data-v-c2f98a7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.aire[data-v-c2f98a7c] {
  background: rgba(156, 163, 175, 0.2);
  border-bottom: 1px solid rgba(156, 163, 175, 0.3);
}
.tipo-header.agua[data-v-c2f98a7c] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-header.suelo[data-v-c2f98a7c] {
  background: rgba(161, 98, 7, 0.2);
  border-bottom: 1px solid rgba(161, 98, 7, 0.3);
}
.tipo-icono[data-v-c2f98a7c] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-c2f98a7c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-contenido[data-v-c2f98a7c] {
  padding: 0.75rem;
}

/* Contaminantes lista */
.contaminantes-lista[data-v-c2f98a7c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.contaminante[data-v-c2f98a7c] {
  display: grid;
  grid-template-columns: 50px 1fr auto;
  gap: 0.5rem;
  align-items: center;
  padding: 0.4rem;
  background: rgba(156, 163, 175, 0.1);
  border-radius: 0.4rem;
}
.cont-formula[data-v-c2f98a7c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.cont-nombre[data-v-c2f98a7c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.cont-efecto[data-v-c2f98a7c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: right;
}

/* Fuentes grid */
.fuentes-grid[data-v-c2f98a7c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.fuente-item[data-v-c2f98a7c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.4rem;
}
.fuente-icono[data-v-c2f98a7c] {
  font-size: 1.25rem;
}
.fuente-nombre[data-v-c2f98a7c] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
}
.fuente-desc[data-v-c2f98a7c] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Proceso especial (Eutrofización) */
.proceso-especial[data-v-c2f98a7c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.proceso-header[data-v-c2f98a7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.proceso-icono[data-v-c2f98a7c] {
  font-size: 1.25rem;
}
.proceso-titulo[data-v-c2f98a7c] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.proceso-pasos[data-v-c2f98a7c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-eutro[data-v-c2f98a7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-eutro.final[data-v-c2f98a7c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.paso-num[data-v-c2f98a7c] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-eutro.final .paso-num[data-v-c2f98a7c] {
  background: #EF4444;
}
.paso-texto[data-v-c2f98a7c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Efectos suelo */
.efectos-suelo[data-v-c2f98a7c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.efecto-item[data-v-c2f98a7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(161, 98, 7, 0.1);
  border-radius: 0.4rem;
}
.efecto-icono[data-v-c2f98a7c] {
  font-size: 1rem;
  flex-shrink: 0;
}
.efecto-texto[data-v-c2f98a7c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-c2f98a7c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c2f98a7c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c2f98a7c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c2f98a7c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.contam-visual[data-v-c2f98a7c] {
    gap: 1.5rem;
}
.contam-tipo[data-v-c2f98a7c] {
    padding: 1rem 1.5rem;
}
.contam-icono[data-v-c2f98a7c] {
    font-size: 2rem;
}
.contaminante[data-v-c2f98a7c] {
    grid-template-columns: 60px 1fr auto;
    padding: 0.5rem;
}
.cont-formula[data-v-c2f98a7c] {
    font-size: 0.95rem;
}
.cont-nombre[data-v-c2f98a7c] {
    font-size: 0.85rem;
}
}

.explorador[data-v-d83e89e9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d83e89e9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d83e89e9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d83e89e9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d83e89e9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d83e89e9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d83e89e9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d83e89e9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d83e89e9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d83e89e9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulación deforestación ===== */
.simulacion-deforest[data-v-d83e89e9] {
  text-align: center;
}
.sim-intro[data-v-d83e89e9] {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.positivo[data-v-d83e89e9] {
  color: #6EE7B7;
}
strong.negativo[data-v-d83e89e9] {
  color: #FCA5A5;
}
.bosque-visual[data-v-d83e89e9] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.bosque-arboles[data-v-d83e89e9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.arbol-sim[data-v-d83e89e9] {
  font-size: 1.5rem;
  transition: all 0.3s ease;
}
.arbol-sim.talado[data-v-d83e89e9] {
  opacity: 0.4;
  filter: grayscale(50%);
}
.bosque-stats[data-v-d83e89e9] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.stat[data-v-d83e89e9] {
  display: flex;
  flex-direction: column;
}
.stat-label[data-v-d83e89e9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.stat-value[data-v-d83e89e9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.stat-value.alerta[data-v-d83e89e9] {
  color: #FCA5A5;
}
.pregunta-sim[data-v-d83e89e9] {
  margin: 1rem 0;
}
.pregunta-texto[data-v-d83e89e9] {
  display: block;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-wrapper[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.sim-input[data-v-d83e89e9] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-input.correcto[data-v-d83e89e9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.sim-input.incorrecto[data-v-d83e89e9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-d83e89e9] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d83e89e9] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.sim-hint[data-v-d83e89e9] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.sim-contador[data-v-d83e89e9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Identificar ===== */
.identificar-container[data-v-d83e89e9] {
  text-align: center;
}
.escenario-box[data-v-d83e89e9] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-icono[data-v-d83e89e9] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.escenario-texto[data-v-d83e89e9] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ident-pregunta[data-v-d83e89e9] {
  margin: 0 0 0.75rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-ident[data-v-d83e89e9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-btn[data-v-d83e89e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn.correcto[data-v-d83e89e9] {
  background: #10B981;
  border-color: #047857;
}
.opcion-btn.incorrecto[data-v-d83e89e9] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-d83e89e9] {
  font-size: 1.25rem;
}
.opcion-texto[data-v-d83e89e9] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}
.opcion-btn.correcto .opcion-texto[data-v-d83e89e9],
.opcion-btn.incorrecto .opcion-texto[data-v-d83e89e9] {
  color: white;
}
.ident-contador[data-v-d83e89e9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-d83e89e9] {
  text-align: center;
}
.ordenar-intro[data-v-d83e89e9] {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pasos-disponibles[data-v-d83e89e9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.paso-btn[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.paso-btn.seleccionado[data-v-d83e89e9] {
  transform: scale(1.05);
  border-color: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.paso-icono[data-v-d83e89e9] {
  font-size: 1rem;
}
.paso-texto[data-v-d83e89e9] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.slots-orden[data-v-d83e89e9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.slot-orden[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 44px;
}
.slot-orden.ocupado[data-v-d83e89e9] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-orden.seleccionable[data-v-d83e89e9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-d83e89e9 1s infinite;
}
@keyframes pulse-d83e89e9 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-num[data-v-d83e89e9] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.slot-contenido[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex: 1;
}
.slot-icono[data-v-d83e89e9] {
  font-size: 1rem;
}
.slot-texto[data-v-d83e89e9] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: left;
}
.slot-placeholder[data-v-d83e89e9] {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.3);
}
.botones-accion[data-v-d83e89e9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar-orden[data-v-d83e89e9], .btn-reiniciar[data-v-d83e89e9] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar-orden[data-v-d83e89e9] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d83e89e9] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.orden-hint[data-v-d83e89e9] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d83e89e9] { font-size: 1.25rem;
}
.resultado-texto[data-v-d83e89e9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d83e89e9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d83e89e9] { flex: 1;
}
.nav-btn[data-v-d83e89e9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d83e89e9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d83e89e9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d83e89e9] { font-size: 1.75rem;
}
.completado-texto[data-v-d83e89e9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d83e89e9], .slide-leave-active[data-v-d83e89e9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d83e89e9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d83e89e9] { opacity: 0; transform: translateX(-15px);
}

/* Secciones */
.resumen-section[data-v-d8d94011],
.eutro-section[data-v-d8d94011],
.aire-section[data-v-d8d94011],
.conexiones-section[data-v-d8d94011],
.tips-section[data-v-d8d94011],
.paes-section[data-v-d8d94011] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-d8d94011] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Texto inline */
strong.positivo[data-v-d8d94011] {
  color: #6EE7B7;
}
strong.negativo[data-v-d8d94011] {
  color: #FCA5A5;
}

/* Conceptos grid */
.conceptos-grid[data-v-d8d94011] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-d8d94011] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-d8d94011] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.concepto-header.defor[data-v-d8d94011] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-header.contam[data-v-d8d94011] {
  background: rgba(239, 68, 68, 0.2);
  border-bottom: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-header.sobre[data-v-d8d94011] {
  background: rgba(245, 158, 11, 0.2);
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
}
.concepto-icono[data-v-d8d94011] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-d8d94011] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-body[data-v-d8d94011] {
  padding: 0.75rem;
}
.concepto-body p[data-v-d8d94011] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-clave[data-v-d8d94011] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* Eutrofización section */
.eutro-section[data-v-d8d94011] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.eutro-pasos[data-v-d8d94011] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.eutro-paso[data-v-d8d94011] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 55px;
}
.eutro-paso.final[data-v-d8d94011] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.eutro-num[data-v-d8d94011] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.6rem;
  font-weight: 700;
  color: white;
}
.eutro-paso.final .eutro-num[data-v-d8d94011] {
  background: #EF4444;
}
.eutro-icono[data-v-d8d94011] {
  font-size: 1rem;
  margin: 0.15rem 0;
}
.eutro-texto[data-v-d8d94011] {
  font-size: 0.55rem;
  color: #E9D5FF;
  text-align: center;
}
.eutro-flecha[data-v-d8d94011] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.eutro-resultado[data-v-d8d94011] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Aire tabla */
.aire-tabla[data-v-d8d94011] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.aire-row[data-v-d8d94011] {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
}
.aire-row.header[data-v-d8d94011] {
  background: rgba(156, 163, 175, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.aire-row[data-v-d8d94011]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.aire-col[data-v-d8d94011] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.aire-col.formula[data-v-d8d94011] {
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.aire-col.efecto[data-v-d8d94011] {
  color: #C4B5FD;
}

/* Conexiones */
.conexion-box[data-v-d8d94011] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conexion-icono[data-v-d8d94011] {
  font-size: 1.5rem;
}
.conexion-contenido p[data-v-d8d94011] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.conexion-ejemplo[data-v-d8d94011] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Tips lista */
.tips-lista[data-v-d8d94011] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d8d94011] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-d8d94011] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-d8d94011] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* PAES section */
.paes-header[data-v-d8d94011] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paes-badge[data-v-d8d94011] {
  padding: 0.2rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paes-titulo[data-v-d8d94011] {
  font-weight: 700;
  color: #FFFFFF;
}
.paes-pregunta[data-v-d8d94011] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.75rem;
}
.paes-respuesta[data-v-d8d94011] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Mensaje final */
.mensaje-final[data-v-d8d94011] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-d8d94011] {
  font-size: 1.5rem;
}
.final-texto[data-v-d8d94011] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-d8d94011] {
    flex-direction: row;
}
.concepto-card[data-v-d8d94011] {
    flex: 1;
}
.eutro-pasos[data-v-d8d94011] {
    flex-wrap: nowrap;
}
.eutro-paso[data-v-d8d94011] {
    min-width: auto;
}
.aire-row[data-v-d8d94011] {
    grid-template-columns: 100px 1fr;
    padding: 0.6rem 0.75rem;
}
.aire-col[data-v-d8d94011] {
    font-size: 0.85rem;
}
}

/* Introducción visual */
.intro-visual[data-v-edefe772] {
  margin: 1rem 0 1.5rem;
}
.interaccion-simple[data-v-edefe772] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.organismo[data-v-edefe772] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
}
.org-icono[data-v-edefe772] {
  font-size: 2rem;
}
.interaccion-simbolo[data-v-edefe772] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Texto inline */
strong.positivo[data-v-edefe772] {
  color: #6EE7B7;
}
strong.negativo[data-v-edefe772] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-edefe772] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-edefe772] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-edefe772] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-edefe772] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-contenido p[data-v-edefe772] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Tipos de interacciones */
.tipos-section[data-v-edefe772] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-edefe772] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-edefe772] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-edefe772] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.competencia[data-v-edefe772] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-card.depredacion[data-v-edefe772] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-card.parasitismo[data-v-edefe772] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.tipo-card.mutualismo[data-v-edefe772] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-simbolo[data-v-edefe772] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.15rem;
}
.tipo-nombre[data-v-edefe772] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-edefe772] {
  font-size: 1rem;
  margin-top: 0.25rem;
}

/* Importancia section */
.importancia-section[data-v-edefe772] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-edefe772] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.importancia-lista[data-v-edefe772] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-edefe772] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-icono[data-v-edefe772] {
  font-size: 1.25rem;
}
.item-texto[data-v-edefe772] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-edefe772] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-edefe772] {
  font-size: 1.25rem;
}
.tip-texto[data-v-edefe772] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-edefe772] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.organismo[data-v-edefe772] {
    width: 80px;
    height: 80px;
}
.org-icono[data-v-edefe772] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-edefe772] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-edefe772] {
    padding: 0.75rem 0.5rem;
}
}

/* Visual de competencia */
.visual-competencia[data-v-23d47f58] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.competidor[data-v-23d47f58] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comp-icono[data-v-23d47f58] {
  font-size: 2rem;
}
.comp-efecto[data-v-23d47f58] {
  font-size: 1.25rem;
  font-weight: 800;
}
.comp-efecto.negativo[data-v-23d47f58] {
  color: #FCA5A5;
}
.recurso[data-v-23d47f58] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.recurso-icono[data-v-23d47f58] {
  font-size: 1.5rem;
}
.recurso-label[data-v-23d47f58] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Texto inline */
strong.negativo[data-v-23d47f58] {
  color: #FCA5A5;
}

/* Tipos de competencia */
.tipos-competencia[data-v-23d47f58] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo-comp[data-v-23d47f58] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tipo-header[data-v-23d47f58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-header.intraespecifica[data-v-23d47f58] {
  color: #FCA5A5;
}
.tipo-header.interespecifica[data-v-23d47f58] {
  color: #93C5FD;
}
.tipo-icono[data-v-23d47f58] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-23d47f58] {
  font-weight: 700;
  font-size: 0.95rem;
}
.tipo-desc[data-v-23d47f58] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Recursos section */
.recursos-section[data-v-23d47f58] {
  margin: 1.5rem 0;
}
.recursos-titulo[data-v-23d47f58] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.recursos-grid[data-v-23d47f58] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.recurso-item[data-v-23d47f58] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.rec-icono[data-v-23d47f58] {
  font-size: 1.25rem;
}
.rec-nombre[data-v-23d47f58] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Exclusión competitiva */
.exclusion-box[data-v-23d47f58] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.exclusion-header[data-v-23d47f58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.exclusion-icono[data-v-23d47f58] {
  font-size: 1.25rem;
}
.exclusion-titulo[data-v-23d47f58] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.exclusion-contenido[data-v-23d47f58] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-23d47f58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-23d47f58] {
  font-size: 1.25rem;
}
.tip-texto[data-v-23d47f58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-23d47f58] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.visual-competencia[data-v-23d47f58] {
    gap: 1.5rem;
    padding: 1.25rem;
}
.comp-icono[data-v-23d47f58] {
    font-size: 2.5rem;
}
.tipos-competencia[data-v-23d47f58] {
    flex-direction: row;
}
.tipo-comp[data-v-23d47f58] {
    flex: 1;
}
.recursos-grid[data-v-23d47f58] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Visual de depredación */
.visual-depredacion[data-v-44d279c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.depredador[data-v-44d279c4], .presa[data-v-44d279c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.depredador[data-v-44d279c4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.presa[data-v-44d279c4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.dep-icono[data-v-44d279c4], .presa-icono[data-v-44d279c4] {
  font-size: 2rem;
}
.dep-nombre[data-v-44d279c4], .presa-nombre[data-v-44d279c4] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.dep-efecto[data-v-44d279c4], .presa-efecto[data-v-44d279c4] {
  font-size: 1.25rem;
  font-weight: 800;
}
.dep-efecto.positivo[data-v-44d279c4] {
  color: #6EE7B7;
}
.presa-efecto.negativo[data-v-44d279c4] {
  color: #FCA5A5;
}
.flecha-depredacion[data-v-44d279c4] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Texto inline */
strong.positivo[data-v-44d279c4] {
  color: #6EE7B7;
}
strong.negativo[data-v-44d279c4] {
  color: #FCA5A5;
}

/* Tipos de depredadores */
.tipos-depredadores[data-v-44d279c4] {
  margin: 1.5rem 0;
}
.tipo-titulo[data-v-44d279c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-44d279c4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-dep[data-v-44d279c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-dep.carnivoro[data-v-44d279c4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-dep.herbivoro[data-v-44d279c4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-dep.omnivoro[data-v-44d279c4] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-44d279c4] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-44d279c4] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-44d279c4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Relación section */
.relacion-section[data-v-44d279c4] {
  margin: 1.5rem 0;
}
.relacion-titulo[data-v-44d279c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ciclo-visual[data-v-44d279c4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ciclo-paso[data-v-44d279c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.ciclo-num[data-v-44d279c4] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.ciclo-texto[data-v-44d279c4] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ciclo-flecha[data-v-44d279c4] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.relacion-nota[data-v-44d279c4] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Adaptaciones */
.adaptaciones-section[data-v-44d279c4] {
  margin: 1.5rem 0;
}
.adaptaciones-titulo[data-v-44d279c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.adaptaciones-grid[data-v-44d279c4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.adaptacion-col[data-v-44d279c4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.adaptacion-col.presas[data-v-44d279c4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.adaptacion-col.depredadores[data-v-44d279c4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.col-header[data-v-44d279c4] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.col-header.positivo[data-v-44d279c4] {
  color: #6EE7B7;
}
.col-header.negativo[data-v-44d279c4] {
  color: #FCA5A5;
}
.adapt-item[data-v-44d279c4] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
}

/* Tip */
.tip[data-v-44d279c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-44d279c4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-44d279c4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-44d279c4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.visual-depredacion[data-v-44d279c4] {
    gap: 2rem;
    padding: 1.25rem;
}
.dep-icono[data-v-44d279c4], .presa-icono[data-v-44d279c4] {
    font-size: 2.5rem;
}
.ciclo-visual[data-v-44d279c4] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
}

/* Interacción box */
.interaccion-box[data-v-81595cb4] {
  margin: 1rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.interaccion-box.parasitismo[data-v-81595cb4] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
}
.interaccion-box.mutualismo[data-v-81595cb4] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.interaccion-box.comensalismo[data-v-81595cb4] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.inter-header[data-v-81595cb4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.inter-simbolo[data-v-81595cb4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.inter-titulo[data-v-81595cb4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.inter-visual[data-v-81595cb4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.75rem 0;
}
.organismo[data-v-81595cb4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.organismo.beneficiado[data-v-81595cb4] {
  background: rgba(16, 185, 129, 0.15);
}
.organismo.perjudicado[data-v-81595cb4] {
  background: rgba(239, 68, 68, 0.15);
}
.organismo.neutro[data-v-81595cb4] {
  background: rgba(139, 92, 246, 0.15);
}
.org-icono[data-v-81595cb4] {
  font-size: 1.5rem;
}
.org-nombre[data-v-81595cb4] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.org-efecto[data-v-81595cb4] {
  font-size: 1rem;
  font-weight: 800;
}
.org-efecto.positivo[data-v-81595cb4] {
  color: #6EE7B7;
}
.org-efecto.negativo[data-v-81595cb4] {
  color: #FCA5A5;
}
.inter-flecha[data-v-81595cb4] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.inter-desc[data-v-81595cb4] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplos[data-v-81595cb4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}
.ej-label[data-v-81595cb4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.ej-item[data-v-81595cb4] {
  font-size: 0.7rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.3rem;
}

/* Comparativa */
.comparativa[data-v-81595cb4] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-81595cb4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-simple[data-v-81595cb4] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-81595cb4] {
  display: flex;
}
.tabla-row.header[data-v-81595cb4] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-81595cb4]:not(.header):nth-child(even) {
  background: rgba(0, 0, 0, 0.15);
}
.tabla-cell[data-v-81595cb4] {
  flex: 1;
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-row.header .tabla-cell[data-v-81595cb4] {
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-cell.efecto[data-v-81595cb4] {
  font-weight: 700;
  font-size: 0.9rem;
}
.positivo[data-v-81595cb4] {
  color: #6EE7B7;
}
.negativo[data-v-81595cb4] {
  color: #FCA5A5;
}
.neutro[data-v-81595cb4] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-81595cb4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-81595cb4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-81595cb4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-81595cb4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.inter-visual[data-v-81595cb4] {
    gap: 1.5rem;
}
.org-icono[data-v-81595cb4] {
    font-size: 2rem;
}
.ejemplos[data-v-81595cb4] {
    gap: 0.5rem;
}
}

.explorador[data-v-ea92038d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ea92038d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ea92038d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ea92038d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ea92038d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ea92038d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ea92038d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ea92038d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ea92038d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ea92038d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-ea92038d] {
  text-align: center;
}
.escenario-actual[data-v-ea92038d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-visual[data-v-ea92038d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.escenario-icono[data-v-ea92038d] {
  font-size: 2.5rem;
}
.escenario-flecha[data-v-ea92038d] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.escenario-texto[data-v-ea92038d] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-tipo[data-v-ea92038d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo-btn[data-v-ea92038d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo-btn.seleccionado[data-v-ea92038d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo-btn.correcto[data-v-ea92038d] {
  background: #10B981;
  border-color: #047857;
}
.opcion-tipo-btn.incorrecto[data-v-ea92038d] {
  background: #EF4444;
  border-color: #B91C1C;
}
.tipo-simbolo[data-v-ea92038d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.tipo-nombre[data-v-ea92038d] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}
.feedback-error[data-v-ea92038d] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.clasificar-contador[data-v-ea92038d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Efectos ===== */
.efectos-container[data-v-ea92038d] {
  text-align: center;
}
.efectos-pregunta[data-v-ea92038d] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.efecto-actual[data-v-ea92038d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.efecto-simbolo-grande[data-v-ea92038d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 800;
}
.efecto-a.positivo[data-v-ea92038d], .efecto-b.positivo[data-v-ea92038d] { color: #6EE7B7;
}
.efecto-a.negativo[data-v-ea92038d], .efecto-b.negativo[data-v-ea92038d] { color: #FCA5A5;
}
.efecto-a.neutro[data-v-ea92038d], .efecto-b.neutro[data-v-ea92038d] { color: #93C5FD;
}
.efecto-separador[data-v-ea92038d] {
  color: #C4B5FD;
}
.efecto-hint[data-v-ea92038d] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.opciones-interaccion[data-v-ea92038d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.opcion-efecto-btn[data-v-ea92038d] {
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #93C5FD;
  font-weight: 600;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-efecto-btn.correcto[data-v-ea92038d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-efecto-btn.incorrecto[data-v-ea92038d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.efecto-contador[data-v-ea92038d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Red ===== */
.simulador-container[data-v-ea92038d] {
  text-align: center;
}
.simulador-intro[data-v-ea92038d] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.red-interacciones[data-v-ea92038d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.red-visual[data-v-ea92038d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}
.nodo[data-v-ea92038d] {
  font-size: 1.5rem;
  padding: 0.25rem;
}
.flecha-red[data-v-ea92038d] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.nivel-consumidores[data-v-ea92038d] {
  display: flex;
  gap: 1.5rem;
}
.rama[data-v-ea92038d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.interaccion-especial[data-v-ea92038d] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(168, 85, 247, 0.2);
  border-radius: 0.4rem;
  font-size: 0.9rem;
}
.parasito[data-v-ea92038d] {
  font-size: 1rem;
}
.flecha-parasito[data-v-ea92038d] {
  color: #A855F7;
  font-size: 0.8rem;
}
.ref-conejo[data-v-ea92038d] {
  font-size: 0.9rem;
  opacity: 0.7;
}
.pregunta-red[data-v-ea92038d] {
  margin-top: 0.75rem;
}
.pregunta-texto[data-v-ea92038d] {
  margin: 0 0 0.75rem 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opciones-red[data-v-ea92038d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.opcion-red-btn[data-v-ea92038d] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-red-btn.correcto[data-v-ea92038d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-red-btn.incorrecto[data-v-ea92038d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.red-contador[data-v-ea92038d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-ea92038d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ea92038d] { font-size: 1.25rem;
}
.resultado-texto[data-v-ea92038d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ea92038d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ea92038d] { flex: 1;
}
.nav-btn[data-v-ea92038d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ea92038d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ea92038d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ea92038d] { font-size: 1.75rem;
}
.completado-texto[data-v-ea92038d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ea92038d], .slide-leave-active[data-v-ea92038d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ea92038d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ea92038d] { opacity: 0; transform: translateX(-15px);
}

/* Resumen visual */
.resumen-visual[data-v-e71f9572] {
  margin: 1rem 0 1.5rem;
}
.resumen-titulo[data-v-e71f9572] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interacciones-resumen[data-v-e71f9572] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.inter-row[data-v-e71f9572] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
}
.inter-row.competencia[data-v-e71f9572] { background: rgba(239, 68, 68, 0.15); border-left: 3px solid #EF4444;
}
.inter-row.depredacion[data-v-e71f9572] { background: rgba(245, 158, 11, 0.15); border-left: 3px solid #F59E0B;
}
.inter-row.parasitismo[data-v-e71f9572] { background: rgba(168, 85, 247, 0.15); border-left: 3px solid #A855F7;
}
.inter-row.mutualismo[data-v-e71f9572] { background: rgba(16, 185, 129, 0.15); border-left: 3px solid #10B981;
}
.inter-row.comensalismo[data-v-e71f9572] { background: rgba(59, 130, 246, 0.15); border-left: 3px solid #3B82F6;
}
.inter-nombre[data-v-e71f9572] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 85px;
}
.inter-efecto[data-v-e71f9572] {
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 40px;
}
.pos[data-v-e71f9572] { color: #6EE7B7;
}
.neg[data-v-e71f9572] { color: #FCA5A5;
}
.neutro[data-v-e71f9572] { color: #93C5FD;
}
.inter-desc[data-v-e71f9572] {
  font-size: 0.75rem;
  color: #C4B5FD;
  flex: 1;
}

/* Claves PAES */
.claves-paes[data-v-e71f9572] {
  margin: 1.5rem 0;
}
.claves-titulo[data-v-e71f9572] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clave-item[data-v-e71f9572] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.clave-num[data-v-e71f9572] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
}
.clave-contenido[data-v-e71f9572] {
  flex: 1;
}
.clave-contenido strong[data-v-e71f9572] {
  color: #FCD34D;
  font-size: 0.85rem;
}
.clave-contenido p[data-v-e71f9572] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplos section */
.ejemplos-section[data-v-e71f9572] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e71f9572] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-e71f9572] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ejemplo-item[data-v-e71f9572] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-e71f9572] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.ej-tipo[data-v-e71f9572] {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.ej-tipo.mutualismo[data-v-e71f9572] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.ej-tipo.parasitismo[data-v-e71f9572] { background: rgba(168, 85, 247, 0.3); color: #C4B5FD;
}
.ej-tipo.comensalismo[data-v-e71f9572] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.ej-tipo.depredacion[data-v-e71f9572] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.ej-desc[data-v-e71f9572] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.2rem;
}

/* Recuerda box */
.recuerda-box[data-v-e71f9572] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.recuerda-icono[data-v-e71f9572] {
  font-size: 1.5rem;
}
.recuerda-contenido[data-v-e71f9572] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.recuerda-contenido strong[data-v-e71f9572] {
  color: #FFFFFF;
}
.recuerda-contenido strong.positivo[data-v-e71f9572] { color: #6EE7B7;
}
.recuerda-contenido strong.negativo[data-v-e71f9572] { color: #FCA5A5;
}
.recuerda-contenido strong.neutro[data-v-e71f9572] { color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplos-grid[data-v-e71f9572] {
    grid-template-columns: repeat(3, 1fr);
}
.inter-nombre[data-v-e71f9572] {
    min-width: 100px;
}
}

/* Introducción visual - Pirámide */
.intro-visual[data-v-898cf08f] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.piramide-simple[data-v-898cf08f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.nivel-piramide[data-v-898cf08f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nivel-piramide.nivel-1[data-v-898cf08f] {
  width: 100%;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.2));
}
.nivel-piramide.nivel-2[data-v-898cf08f] {
  width: 75%;
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.2));
  border-color: rgba(59, 130, 246, 0.4);
}
.nivel-piramide.nivel-3[data-v-898cf08f] {
  width: 50%;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.4), rgba(245, 158, 11, 0.2));
  border-color: rgba(245, 158, 11, 0.4);
}
.nivel-piramide.nivel-4[data-v-898cf08f] {
  width: 30%;
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.4), rgba(239, 68, 68, 0.2));
  border-color: rgba(239, 68, 68, 0.4);
}
.nivel-icono[data-v-898cf08f] {
  font-size: 1.25rem;
}
.nivel-nombre[data-v-898cf08f] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Texto inline */
strong.positivo[data-v-898cf08f] {
  color: #6EE7B7;
}
strong.negativo[data-v-898cf08f] {
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-898cf08f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-898cf08f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-898cf08f] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-898cf08f] {
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-contenido p[data-v-898cf08f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Características */
.caracteristicas-section[data-v-898cf08f] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-898cf08f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.caract-grid[data-v-898cf08f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-898cf08f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-898cf08f] {
  font-size: 1.25rem;
  color: #8B5CF6;
  margin-bottom: 0.25rem;
}
.caract-nombre[data-v-898cf08f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caract-desc[data-v-898cf08f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Relación con cadenas */
.relacion-section[data-v-898cf08f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-898cf08f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.relacion-contenido[data-v-898cf08f] {
  text-align: center;
}
.cadena-visual[data-v-898cf08f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.cadena-item[data-v-898cf08f] {
  font-size: 1.5rem;
}
.cadena-flecha[data-v-898cf08f] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.relacion-texto[data-v-898cf08f] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-898cf08f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-898cf08f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-898cf08f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-898cf08f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.piramide-simple[data-v-898cf08f] {
    width: 300px;
}
.nivel-icono[data-v-898cf08f] {
    font-size: 1.5rem;
}
.nivel-nombre[data-v-898cf08f] {
    font-size: 0.8rem;
}
.caract-item[data-v-898cf08f] {
    padding: 0.75rem 0.5rem;
}
.caract-icono[data-v-898cf08f] {
    font-size: 1.5rem;
}
.caract-nombre[data-v-898cf08f] {
    font-size: 0.85rem;
}
}

/* Texto inline */
strong.positivo[data-v-5aec12e2] {
  color: #6EE7B7;
}
strong.negativo[data-v-5aec12e2] {
  color: #FCA5A5;
}

/* Tipos de pirámide */
.tipo-piramide[data-v-5aec12e2] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-piramide.destacada[data-v-5aec12e2] {
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.tipo-header[data-v-5aec12e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 700;
}
.tipo-header.numeros[data-v-5aec12e2] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.tipo-header.biomasa[data-v-5aec12e2] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.tipo-header.energia[data-v-5aec12e2] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  flex-wrap: wrap;
}
.tipo-icono[data-v-5aec12e2] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-5aec12e2] {
  font-size: 0.9rem;
}
.tipo-badge[data-v-5aec12e2] {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  background: #10B981;
  color: white;
  border-radius: 0.25rem;
  margin-left: auto;
}
.tipo-contenido[data-v-5aec12e2] {
  padding: 0.75rem;
}
.tipo-descripcion p[data-v-5aec12e2] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Pirámide ejemplo */
.piramide-ejemplo[data-v-5aec12e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  margin: 0.5rem 0;
}
.pir-nivel[data-v-5aec12e2] {
  width: var(--ancho);
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.pir-nivel.n1[data-v-5aec12e2] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.pir-nivel.n2[data-v-5aec12e2] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.pir-nivel.n3[data-v-5aec12e2] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.pir-nivel.n4[data-v-5aec12e2] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.pir-nivel.biomasa[data-v-5aec12e2] {
  background: rgba(245, 158, 11, 0.25);
  color: #FCD34D;
}
.pir-nivel.energia-nivel[data-v-5aec12e2] {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.2));
  color: #6EE7B7;
}
.pir-valor[data-v-5aec12e2] {
  font-weight: 700;
}
.pir-icono[data-v-5aec12e2] {
  font-size: 0.9rem;
}
.energia-unidad[data-v-5aec12e2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Notas */
.tipo-nota[data-v-5aec12e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.75rem;
}
.tipo-nota.positiva[data-v-5aec12e2] {
  background: rgba(16, 185, 129, 0.1);
}
.nota-icono[data-v-5aec12e2] {
  font-size: 0.9rem;
}
.nota-texto[data-v-5aec12e2] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Comparación */
.comparacion-section[data-v-5aec12e2] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-5aec12e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comp-tabla[data-v-5aec12e2] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-fila[data-v-5aec12e2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
}
.comp-fila.header[data-v-5aec12e2] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-fila[data-v-5aec12e2]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.75rem;
  color: #E9D5FF;
}
.comp-fila.destacada[data-v-5aec12e2] {
  background: rgba(16, 185, 129, 0.15);
}
.comp-col[data-v-5aec12e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.comp-col.positivo[data-v-5aec12e2] {
  color: #6EE7B7;
  font-weight: 600;
}
.comp-col.negativo[data-v-5aec12e2] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-5aec12e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5aec12e2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5aec12e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5aec12e2] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-header[data-v-5aec12e2] {
    padding: 0.75rem 1rem;
}
.tipo-nombre[data-v-5aec12e2] {
    font-size: 1rem;
}
.pir-nivel[data-v-5aec12e2] {
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
}
.pir-icono[data-v-5aec12e2] {
    font-size: 1rem;
}
.comp-fila[data-v-5aec12e2] {
    padding: 0.5rem 0.75rem;
}
.comp-fila.header[data-v-5aec12e2] {
    font-size: 0.8rem;
}
.comp-fila[data-v-5aec12e2]:not(.header) {
    font-size: 0.85rem;
}
}

/* Texto inline */
strong.positivo[data-v-1dfe4fe4] {
  color: #6EE7B7;
}
strong.negativo[data-v-1dfe4fe4] {
  color: #FCA5A5;
}

/* Secciones de pirámide */
.piramide-section[data-v-1dfe4fe4] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.piramide-titulo[data-v-1dfe4fe4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 700;
}
.piramide-titulo.normal[data-v-1dfe4fe4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.piramide-titulo.invertida[data-v-1dfe4fe4] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.titulo-icono[data-v-1dfe4fe4] {
  font-size: 1.1rem;
}
.titulo-texto[data-v-1dfe4fe4] {
  font-size: 0.9rem;
}
.piramide-visual[data-v-1dfe4fe4] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.piramide-grafico[data-v-1dfe4fe4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.pir-barra[data-v-1dfe4fe4] {
  width: var(--ancho);
  min-width: 60px;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  text-align: center;
}
.pir-barra.n1[data-v-1dfe4fe4] {
  background: rgba(16, 185, 129, 0.3);
}
.pir-barra.n2[data-v-1dfe4fe4] {
  background: rgba(59, 130, 246, 0.3);
}
.pir-barra.n3[data-v-1dfe4fe4] {
  background: rgba(245, 158, 11, 0.3);
}
.pir-barra.n4[data-v-1dfe4fe4] {
  background: rgba(239, 68, 68, 0.3);
}
.barra-label[data-v-1dfe4fe4] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #E9D5FF;
}
.piramide-interpretacion[data-v-1dfe4fe4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.piramide-interpretacion p[data-v-1dfe4fe4] {
  margin: 0 0 0.25rem 0;
}
.piramide-interpretacion ul[data-v-1dfe4fe4] {
  margin: 0;
  padding-left: 1.25rem;
}
.piramide-interpretacion li[data-v-1dfe4fe4] {
  margin: 0.2rem 0;
  font-size: 0.8rem;
}

/* Info section */
.info-section[data-v-1dfe4fe4] {
  margin: 1.5rem 0;
}
.info-titulo[data-v-1dfe4fe4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.info-grid[data-v-1dfe4fe4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-card[data-v-1dfe4fe4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.info-card.destacada[data-v-1dfe4fe4] {
  border-color: rgba(16, 185, 129, 0.4);
}
.card-header[data-v-1dfe4fe4] {
  padding: 0.4rem 0.6rem;
  font-weight: 700;
  font-size: 0.8rem;
}
.card-header.numeros[data-v-1dfe4fe4] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.card-header.biomasa[data-v-1dfe4fe4] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.card-header.energia[data-v-1dfe4fe4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.card-body[data-v-1dfe4fe4] {
  padding: 0.5rem 0.6rem;
}
.card-pregunta[data-v-1dfe4fe4] {
  margin: 0 0 0.25rem 0;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.card-uso[data-v-1dfe4fe4] {
  margin: 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Regla del 10% */
.regla-section[data-v-1dfe4fe4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-1dfe4fe4] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.regla-ejemplo[data-v-1dfe4fe4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.regla-piramide[data-v-1dfe4fe4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.regla-nivel[data-v-1dfe4fe4] {
  width: var(--ancho);
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.2));
  border-radius: 0.25rem;
}
.regla-valor[data-v-1dfe4fe4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.regla-label[data-v-1dfe4fe4] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.regla-calculo[data-v-1dfe4fe4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calc-item[data-v-1dfe4fe4] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
}
.calc-desde[data-v-1dfe4fe4] {
  color: #E9D5FF;
}
.calc-igual[data-v-1dfe4fe4] {
  color: #8B5CF6;
}
.calc-result[data-v-1dfe4fe4] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-1dfe4fe4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1dfe4fe4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1dfe4fe4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1dfe4fe4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.piramide-visual[data-v-1dfe4fe4] {
    flex-direction: row;
    align-items: center;
}
.piramide-grafico[data-v-1dfe4fe4] {
    flex: 0 0 45%;
}
.piramide-interpretacion[data-v-1dfe4fe4] {
    flex: 1;
}
.info-grid[data-v-1dfe4fe4] {
    flex-direction: row;
}
.info-card[data-v-1dfe4fe4] {
    flex: 1;
}
.regla-ejemplo[data-v-1dfe4fe4] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.barra-label[data-v-1dfe4fe4] {
    font-size: 0.75rem;
}
}

.explorador[data-v-b7b03a0b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b7b03a0b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b7b03a0b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b7b03a0b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b7b03a0b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b7b03a0b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b7b03a0b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b7b03a0b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b7b03a0b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b7b03a0b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-tipo[data-v-b7b03a0b] {
  text-align: center;
}
.piramide-mostrada[data-v-b7b03a0b] {
  margin: 1rem 0;
}
.piramide-visual-desafio[data-v-b7b03a0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  margin-bottom: 0.5rem;
}
.nivel-visual[data-v-b7b03a0b] {
  width: var(--ancho);
  min-width: 50px;
  padding: 0.35rem 0.5rem;
  border-radius: 0.3rem;
  text-align: center;
}
.nivel-visual.n1[data-v-b7b03a0b] {
  background: rgba(16, 185, 129, 0.3);
}
.nivel-visual.n2[data-v-b7b03a0b] {
  background: rgba(59, 130, 246, 0.3);
}
.nivel-visual.n3[data-v-b7b03a0b] {
  background: rgba(245, 158, 11, 0.3);
}
.nivel-visual.n4[data-v-b7b03a0b] {
  background: rgba(239, 68, 68, 0.3);
}
.nivel-valor[data-v-b7b03a0b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
}
.piramide-info[data-v-b7b03a0b] {
  margin-top: 0.5rem;
}
.info-unidad[data-v-b7b03a0b] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.opciones-tipo[data-v-b7b03a0b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.opcion-tipo-btn[data-v-b7b03a0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-tipo-btn.seleccionado[data-v-b7b03a0b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo-btn.correcto[data-v-b7b03a0b] {
  background: #10B981;
  border-color: #047857;
}
.opcion-tipo-btn.incorrecto[data-v-b7b03a0b] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-b7b03a0b] {
  font-size: 1.25rem;
}
.opcion-nombre[data-v-b7b03a0b] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Construir pirámide ===== */
.construir-piramide[data-v-b7b03a0b] {
  text-align: center;
}
.instruccion-construir[data-v-b7b03a0b] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
strong.positivo[data-v-b7b03a0b] {
  color: #6EE7B7;
}
.piramide-construir[data-v-b7b03a0b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.nivel-input[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  position: relative;
}
.nivel-nombre-input[data-v-b7b03a0b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 80px;
  text-align: left;
}
.input-grupo[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex: 1;
  justify-content: flex-end;
}
.energia-input[data-v-b7b03a0b] {
  width: 70px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.energia-input.correcto[data-v-b7b03a0b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.energia-input.incorrecto[data-v-b7b03a0b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.valor-fijo[data-v-b7b03a0b] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.unidad-energia[data-v-b7b03a0b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.barra-visual[data-v-b7b03a0b] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: linear-gradient(90deg, #10B981, #6EE7B7);
  border-radius: 0 0 0.5rem 0.5rem;
  transition: width 0.5s ease;
}
.barra-visual.visible[data-v-b7b03a0b] {
  width: var(--ancho);
}
.btn-verificar[data-v-b7b03a0b] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: ¿Se puede invertir? ===== */
.invertir-desafio[data-v-b7b03a0b] {
  text-align: center;
}
.escenario-card[data-v-b7b03a0b] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-header[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.escenario-icono[data-v-b7b03a0b] {
  font-size: 1.5rem;
}
.escenario-titulo[data-v-b7b03a0b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.escenario-descripcion[data-v-b7b03a0b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.escenario-tipo[data-v-b7b03a0b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.escenario-tipo strong[data-v-b7b03a0b] {
  color: #FCD34D;
}
.pregunta-invertir[data-v-b7b03a0b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-invertir strong[data-v-b7b03a0b] {
  color: #FCD34D;
}
.opciones-invertir[data-v-b7b03a0b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-invertir[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-invertir.seleccionado[data-v-b7b03a0b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-invertir.correcto[data-v-b7b03a0b] {
  background: #10B981;
  border-color: #047857;
}
.opcion-invertir.incorrecto[data-v-b7b03a0b] {
  background: #EF4444;
  border-color: #B91C1C;
}
.inv-icono[data-v-b7b03a0b] {
  font-size: 1rem;
  color: #E9D5FF;
}
.inv-texto[data-v-b7b03a0b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Feedback */
.feedback-error[data-v-b7b03a0b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.feedback-correcto[data-v-b7b03a0b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Contador */
.contador[data-v-b7b03a0b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b7b03a0b] { font-size: 1.25rem;
}
.resultado-texto[data-v-b7b03a0b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-b7b03a0b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b7b03a0b] { flex: 1;
}
.nav-btn[data-v-b7b03a0b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b7b03a0b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b7b03a0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b7b03a0b] { font-size: 1.75rem;
}
.completado-texto[data-v-b7b03a0b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b7b03a0b], .slide-leave-active[data-v-b7b03a0b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b7b03a0b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b7b03a0b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-b7b03a0b] {
    flex-wrap: nowrap;
}
.opcion-tipo-btn[data-v-b7b03a0b] {
    flex: 1;
    padding: 0.75rem 1rem;
}
.nivel-nombre-input[data-v-b7b03a0b] {
    min-width: 100px;
}
.energia-input[data-v-b7b03a0b] {
    width: 90px;
}
.opciones-invertir[data-v-b7b03a0b] {
    flex-direction: row;
}
.opcion-invertir[data-v-b7b03a0b] {
    flex: 1;
}
}

/* Texto inline */
strong.positivo[data-v-0560d520], .positivo[data-v-0560d520] {
  color: #6EE7B7;
}
strong.negativo[data-v-0560d520], .negativo[data-v-0560d520] {
  color: #FCA5A5;
}

/* Concepto central */
.concepto-central[data-v-0560d520] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.central-icono[data-v-0560d520] {
  font-size: 2rem;
  flex-shrink: 0;
}
.central-texto[data-v-0560d520] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tipos resumen */
.tipos-resumen[data-v-0560d520] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-0560d520] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-0560d520] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tipo-card[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.numeros[data-v-0560d520] {
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.biomasa[data-v-0560d520] {
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-card.energia[data-v-0560d520] {
  border: 1px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.1);
}
.card-icono[data-v-0560d520] {
  font-size: 1.25rem;
}
.card-nombre[data-v-0560d520] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-mide[data-v-0560d520] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.card-invertir[data-v-0560d520] {
  font-size: 0.55rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Regla resumen */
.regla-resumen[data-v-0560d520] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-0560d520] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.regla-contenido[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.regla-piramide-mini[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.pir-nivel-mini[data-v-0560d520] {
  width: var(--ancho);
  min-width: 30px;
  padding: 0.2rem 0.4rem;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.2));
  border-radius: 0.2rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
}
.regla-formula[data-v-0560d520] {
  text-align: center;
}
.formula-texto[data-v-0560d520] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula-math[data-v-0560d520] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-family: monospace;
}

/* Inversión resumen */
.inversion-resumen[data-v-0560d520] {
  margin: 1.5rem 0;
}
.inversion-titulo[data-v-0560d520] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.inversion-grid[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.inversion-caso[data-v-0560d520] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.inversion-caso.destacado[data-v-0560d520] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caso-icono[data-v-0560d520] {
  font-size: 1rem;
  flex-shrink: 0;
}
.caso-texto[data-v-0560d520] {
  line-height: 1.4;
}

/* Tips PAES */
.tips-paes[data-v-0560d520] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-0560d520] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-0560d520] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.tip-numero[data-v-0560d520] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-contenido[data-v-0560d520] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo cálculo */
.ejemplo-calculo[data-v-0560d520] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-0560d520] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.ejemplo-contenido[data-v-0560d520] {
  text-align: center;
}
.ejemplo-pregunta[data-v-0560d520] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-solucion[data-v-0560d520] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.sol-paso[data-v-0560d520] {
  display: flex;
  gap: 0.5rem;
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.sol-paso.destacado[data-v-0560d520] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sol-label[data-v-0560d520] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-valor[data-v-0560d520] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sol-valor.positivo[data-v-0560d520] {
  color: #6EE7B7;
}
.sol-flecha[data-v-0560d520] {
  font-size: 0.7rem;
  color: #8B5CF6;
}

/* Mensaje final */
.mensaje-final[data-v-0560d520] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-0560d520] {
  font-size: 1.5rem;
}
.final-texto[data-v-0560d520] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-central[data-v-0560d520] {
    align-items: center;
}
.central-icono[data-v-0560d520] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-0560d520] {
    gap: 0.75rem;
}
.tipo-card[data-v-0560d520] {
    padding: 0.75rem 0.5rem;
}
.card-icono[data-v-0560d520] {
    font-size: 1.5rem;
}
.card-nombre[data-v-0560d520] {
    font-size: 0.85rem;
}
.card-mide[data-v-0560d520] {
    font-size: 0.7rem;
}
.card-invertir[data-v-0560d520] {
    font-size: 0.65rem;
}
.regla-contenido[data-v-0560d520] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Introducción visual */
.intro-visual[data-v-dc22da8f] {
  margin: 1rem 0 1.5rem;
}
.poblacion-visual[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tierra-container[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.tierra-icono[data-v-dc22da8f] {
  font-size: 3rem;
  animation: rotacion-dc22da8f 20s linear infinite;
}
@keyframes rotacion-dc22da8f {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.poblacion-contador[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.poblacion-contador.pulsando[data-v-dc22da8f] {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.4);
}
.contador-numero[data-v-dc22da8f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.contador-label[data-v-dc22da8f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.timeline-crecimiento[data-v-dc22da8f] {
  display: flex;
  align-items: flex-end;
  gap: 0.3rem;
  width: 100%;
  justify-content: center;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.timeline-punto[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.punto-año[data-v-dc22da8f] {
  font-size: 0.55rem;
  color: #C4B5FD;
  order: 3;
}
.punto-barra[data-v-dc22da8f] {
  width: 20px;
  background: linear-gradient(to top, #8B5CF6, #EC4899);
  border-radius: 0.25rem 0.25rem 0 0;
  order: 2;
}
.punto-valor[data-v-dc22da8f] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #E9D5FF;
  order: 1;
}

/* Texto inline */
strong.positivo[data-v-dc22da8f] {
  color: #6EE7B7;
}
strong.negativo[data-v-dc22da8f] {
  color: #FCA5A5;
}

/* Crecimiento histórico */
.crecimiento-section[data-v-dc22da8f] {
  margin: 1.5rem 0;
}
.crecimiento-titulo[data-v-dc22da8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.crecimiento-datos[data-v-dc22da8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-historico[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 80px;
}
.dato-año[data-v-dc22da8f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-poblacion[data-v-dc22da8f] {
  font-size: 0.7rem;
  color: #FFFFFF;
  font-weight: 600;
}
.dato-tiempo[data-v-dc22da8f] {
  font-size: 0.55rem;
  color: #C4B5FD;
  font-style: italic;
}
.flecha-dato[data-v-dc22da8f] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Factores */
.factores-section[data-v-dc22da8f] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-dc22da8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.factores-grid[data-v-dc22da8f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-card[data-v-dc22da8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.factor-icono[data-v-dc22da8f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.factor-nombre[data-v-dc22da8f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.factor-desc[data-v-dc22da8f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-dc22da8f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-dc22da8f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-dc22da8f] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-dc22da8f] {
  font-weight: 700;
  color: #FCA5A5;
}
.concepto-contenido p[data-v-dc22da8f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-dc22da8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-dc22da8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dc22da8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dc22da8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tierra-icono[data-v-dc22da8f] {
    font-size: 4rem;
}
.contador-numero[data-v-dc22da8f] {
    font-size: 2rem;
}
.timeline-punto[data-v-dc22da8f] {
    gap: 0.3rem;
}
.punto-barra[data-v-dc22da8f] {
    width: 30px;
}
.punto-año[data-v-dc22da8f] {
    font-size: 0.65rem;
}
.punto-valor[data-v-dc22da8f] {
    font-size: 0.7rem;
}
.factores-grid[data-v-dc22da8f] {
    grid-template-columns: repeat(4, 1fr);
}
.crecimiento-datos[data-v-dc22da8f] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
}

/* Introducción visual */
.intro-visual[data-v-8f763873] {
  margin: 1rem 0 1.5rem;
}
.huella-visual[data-v-8f763873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.huella-container[data-v-8f763873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.huella-icono[data-v-8f763873] {
  font-size: 2.5rem;
}
.huella-label[data-v-8f763873] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tierra-comparacion[data-v-8f763873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.tierras-grid[data-v-8f763873] {
  display: flex;
  gap: 0.25rem;
}
.tierra-emoji[data-v-8f763873] {
  font-size: 1.75rem;
  opacity: 1;
}
.tierra-emoji.exceso[data-v-8f763873] {
  opacity: 0.4;
  filter: grayscale(0.5);
}
.tierras-texto[data-v-8f763873] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Texto inline */
strong.positivo[data-v-8f763873] {
  color: #6EE7B7;
}
strong.negativo[data-v-8f763873] {
  color: #FCA5A5;
}

/* Componentes de huella */
.componentes-section[data-v-8f763873] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-8f763873] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.componentes-lista[data-v-8f763873] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.componente-item[data-v-8f763873] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.comp-barra[data-v-8f763873] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.5rem;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.4), rgba(236, 72, 153, 0.3));
  border-radius: 0.25rem;
  min-width: 100px;
}
.comp-icono[data-v-8f763873] {
  font-size: 0.9rem;
}
.comp-nombre[data-v-8f763873] {
  font-size: 0.7rem;
  color: #FFFFFF;
  white-space: nowrap;
}
.comp-porcentaje[data-v-8f763873] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 35px;
}

/* Comparación biocapacidad */
.comparacion-section[data-v-8f763873] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-8f763873] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-visual[data-v-8f763873] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.lado-biocapacidad[data-v-8f763873],
.lado-huella[data-v-8f763873] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.lado-biocapacidad[data-v-8f763873] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.lado-huella[data-v-8f763873] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado-icono[data-v-8f763873] {
  font-size: 1.5rem;
}
.lado-nombre[data-v-8f763873] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.lado-valor[data-v-8f763873] {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.25rem 0;
}
.lado-valor.positivo[data-v-8f763873] {
  color: #6EE7B7;
}
.lado-valor.negativo[data-v-8f763873] {
  color: #FCA5A5;
}
.lado-desc[data-v-8f763873] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.vs-central[data-v-8f763873] {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}
.deficit-mensaje[data-v-8f763873] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.deficit-icono[data-v-8f763873] {
  font-size: 1rem;
}
.deficit-texto[data-v-8f763873] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Sobregiro */
.sobregiro-section[data-v-8f763873] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.sobregiro-header[data-v-8f763873] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.sobregiro-icono[data-v-8f763873] {
  font-size: 1.25rem;
}
.sobregiro-titulo[data-v-8f763873] {
  font-weight: 700;
  color: #FCA5A5;
}
.sobregiro-contenido p[data-v-8f763873] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.sobregiro-timeline[data-v-8f763873] {
  display: flex;
  border-radius: 0.4rem;
  overflow: hidden;
}
.timeline-segmento[data-v-8f763873] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
}
.timeline-segmento.sostenible[data-v-8f763873] {
  background: rgba(16, 185, 129, 0.3);
  flex: 2;
}
.timeline-segmento.sobregiro[data-v-8f763873] {
  background: rgba(239, 68, 68, 0.3);
  flex: 1;
}
.seg-label[data-v-8f763873] {
  font-size: 0.65rem;
  color: #FFFFFF;
  font-weight: 600;
}
.seg-icono[data-v-8f763873] {
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-8f763873] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8f763873] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8f763873] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8f763873] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.huella-icono[data-v-8f763873] {
    font-size: 3rem;
}
.tierra-emoji[data-v-8f763873] {
    font-size: 2.25rem;
}
.comparacion-visual[data-v-8f763873] {
    gap: 1rem;
}
.lado-biocapacidad[data-v-8f763873],
  .lado-huella[data-v-8f763873] {
    padding: 1rem;
}
.lado-icono[data-v-8f763873] {
    font-size: 2rem;
}
.lado-valor[data-v-8f763873] {
    font-size: 1.25rem;
}
.comp-barra[data-v-8f763873] {
    min-width: 150px;
}
.comp-nombre[data-v-8f763873] {
    font-size: 0.8rem;
}
}

/* Introducción visual */
.intro-visual[data-v-03dfb2a7] {
  margin: 1rem 0 1.5rem;
}
.consecuencias-visual[data-v-03dfb2a7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.cadena-efectos[data-v-03dfb2a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.efecto-item[data-v-03dfb2a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.efecto-item.causa[data-v-03dfb2a7] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.efecto-item.intermedio[data-v-03dfb2a7] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.efecto-item.resultado[data-v-03dfb2a7] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.efecto-icono[data-v-03dfb2a7] {
  font-size: 1.5rem;
}
.efecto-label[data-v-03dfb2a7] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.flecha-efecto[data-v-03dfb2a7] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Texto inline */
strong.positivo[data-v-03dfb2a7] {
  color: #6EE7B7;
}
strong.negativo[data-v-03dfb2a7] {
  color: #FCA5A5;
}

/* Consecuencias */
.consecuencias-section[data-v-03dfb2a7] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-03dfb2a7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.consecuencias-grid[data-v-03dfb2a7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.consecuencia-card[data-v-03dfb2a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.cons-icono[data-v-03dfb2a7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.cons-nombre[data-v-03dfb2a7] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
}
.cons-desc[data-v-03dfb2a7] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Desarrollo sustentable */
.sustentable-section[data-v-03dfb2a7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.sustentable-header[data-v-03dfb2a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sustentable-icono[data-v-03dfb2a7] {
  font-size: 1.25rem;
}
.sustentable-titulo[data-v-03dfb2a7] {
  font-weight: 700;
  color: #6EE7B7;
}
.sustentable-definicion[data-v-03dfb2a7] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.pilares-grid[data-v-03dfb2a7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.pilar-item[data-v-03dfb2a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.pilar-icono[data-v-03dfb2a7] {
  font-size: 1.25rem;
}
.pilar-nombre[data-v-03dfb2a7] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.pilar-desc[data-v-03dfb2a7] {
  font-size: 0.55rem;
  color: #C4B5FD;
}

/* Soluciones */
.soluciones-section[data-v-03dfb2a7] {
  margin: 1.5rem 0;
}
.soluciones-titulo[data-v-03dfb2a7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.soluciones-lista[data-v-03dfb2a7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.solucion-item[data-v-03dfb2a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-icono[data-v-03dfb2a7] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.sol-texto[data-v-03dfb2a7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.sol-texto strong[data-v-03dfb2a7] {
  color: #6EE7B7;
}

/* Concepto clave */
.concepto-clave[data-v-03dfb2a7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-03dfb2a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-03dfb2a7] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-03dfb2a7] {
  font-weight: 700;
  color: #FCD34D;
}
.concepto-contenido p[data-v-03dfb2a7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-03dfb2a7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-03dfb2a7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-03dfb2a7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-03dfb2a7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cadena-efectos[data-v-03dfb2a7] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.efecto-item[data-v-03dfb2a7] {
    min-width: 100px;
    padding: 0.75rem;
}
.efecto-icono[data-v-03dfb2a7] {
    font-size: 2rem;
}
.efecto-label[data-v-03dfb2a7] {
    font-size: 0.75rem;
}
.consecuencias-grid[data-v-03dfb2a7] {
    grid-template-columns: repeat(4, 1fr);
}
.pilares-grid[data-v-03dfb2a7] {
    gap: 0.75rem;
}
.pilar-item[data-v-03dfb2a7] {
    padding: 0.75rem;
}
.pilar-icono[data-v-03dfb2a7] {
    font-size: 1.5rem;
}
.pilar-nombre[data-v-03dfb2a7] {
    font-size: 0.8rem;
}
.pilar-desc[data-v-03dfb2a7] {
    font-size: 0.65rem;
}
}

.explorador[data-v-681fd6f4] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-681fd6f4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-681fd6f4] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-681fd6f4] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-681fd6f4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-681fd6f4] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-681fd6f4] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-681fd6f4] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-681fd6f4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-681fd6f4] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calculadora ===== */
.calculadora-huella[data-v-681fd6f4] {
  text-align: center;
}
.calc-pregunta[data-v-681fd6f4] {
  margin-bottom: 1rem;
}
.calc-texto[data-v-681fd6f4] {
  margin: 0 0 0.75rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.calc-datos[data-v-681fd6f4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.dato-calc[data-v-681fd6f4] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-label[data-v-681fd6f4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dato-valor[data-v-681fd6f4] {
  font-size: 1rem;
  font-weight: 700;
}
.dato-valor.positivo[data-v-681fd6f4] { color: #6EE7B7;
}
.dato-valor.negativo[data-v-681fd6f4] { color: #FCA5A5;
}
.calc-opciones[data-v-681fd6f4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.opcion-calc-btn[data-v-681fd6f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 95px;
}
.opcion-calc-btn.seleccionado[data-v-681fd6f4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-calc-btn.correcto[data-v-681fd6f4] {
  background: #10B981;
  border-color: #047857;
}
.opcion-calc-btn.incorrecto[data-v-681fd6f4] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-icono[data-v-681fd6f4] {
  font-size: 1.25rem;
}
.opcion-texto[data-v-681fd6f4] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-poblacion[data-v-681fd6f4] {
  text-align: center;
}
.sim-grafico[data-v-681fd6f4] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-svg[data-v-681fd6f4] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.sim-pregunta[data-v-681fd6f4] {
  margin: 1rem 0;
}
.pregunta-texto[data-v-681fd6f4] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}
.sim-opciones[data-v-681fd6f4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.opcion-sim-btn[data-v-681fd6f4] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-sim-btn.seleccionado[data-v-681fd6f4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-sim-btn.correcto[data-v-681fd6f4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-sim-btn.incorrecto[data-v-681fd6f4] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Clasificar acciones ===== */
.clasificador-acciones[data-v-681fd6f4] {
  text-align: center;
}
.clasificador-instruccion[data-v-681fd6f4] {
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
strong.positivo[data-v-681fd6f4] { color: #6EE7B7;
}
strong.negativo[data-v-681fd6f4] { color: #FCA5A5;
}
.accion-actual[data-v-681fd6f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.accion-icono[data-v-681fd6f4] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.accion-texto[data-v-681fd6f4] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.clasificar-botones[data-v-681fd6f4] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0;
}
.clasificar-btn[data-v-681fd6f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
}
.clasificar-btn.reduce[data-v-681fd6f4] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.clasificar-btn.aumenta[data-v-681fd6f4] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.clasificar-btn.seleccionado.reduce[data-v-681fd6f4] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.clasificar-btn.seleccionado.aumenta[data-v-681fd6f4] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.clasificar-btn.correcto[data-v-681fd6f4] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.clasificar-btn.incorrecto[data-v-681fd6f4] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.btn-icono[data-v-681fd6f4] {
  font-size: 1.5rem;
  font-weight: 700;
}
.clasificar-btn.reduce .btn-icono[data-v-681fd6f4] { color: #6EE7B7;
}
.clasificar-btn.aumenta .btn-icono[data-v-681fd6f4] { color: #FCA5A5;
}
.btn-texto[data-v-681fd6f4] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Feedback y contadores */
.feedback-error[data-v-681fd6f4] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
}
.feedback-correcto[data-v-681fd6f4] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 0.8rem;
}
.contador[data-v-681fd6f4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-681fd6f4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-681fd6f4] { flex: 1;
}
.nav-btn[data-v-681fd6f4] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-681fd6f4] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-681fd6f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-681fd6f4] { font-size: 1.75rem;
}
.completado-texto[data-v-681fd6f4] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-681fd6f4], .slide-leave-active[data-v-681fd6f4] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-681fd6f4] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-681fd6f4] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-681fd6f4] {
    max-width: 320px;
}
.calc-opciones[data-v-681fd6f4] {
    gap: 0.75rem;
}
.opcion-calc-btn[data-v-681fd6f4] {
    min-width: 110px;
    padding: 0.75rem 1rem;
}
.clasificar-btn[data-v-681fd6f4] {
    padding: 1rem 1.5rem;
}
.accion-icono[data-v-681fd6f4] {
    font-size: 3rem;
}
}

/* Visual resumen */
.intro-visual[data-v-2442bf9d] {
  margin: 1rem 0 1.5rem;
}
.resumen-visual[data-v-2442bf9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-iconos[data-v-2442bf9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.icono-item[data-v-2442bf9d] {
  font-size: 2rem;
}
.icono-plus[data-v-2442bf9d],
.icono-equals[data-v-2442bf9d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.resumen-label[data-v-2442bf9d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Conceptos */
.conceptos-section[data-v-2442bf9d] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-2442bf9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-lista[data-v-2442bf9d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-item[data-v-2442bf9d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.concepto-header-item[data-v-2442bf9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-2442bf9d] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-2442bf9d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-puntos[data-v-2442bf9d] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.5;
}
.concepto-puntos li[data-v-2442bf9d] {
  margin-bottom: 0.25rem;
}
strong.positivo[data-v-2442bf9d] {
  color: #6EE7B7;
}
strong.negativo[data-v-2442bf9d] {
  color: #FCA5A5;
}

/* Fórmulas */
.formulas-section[data-v-2442bf9d] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-2442bf9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-2442bf9d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.formula-card[data-v-2442bf9d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula-card.deficit[data-v-2442bf9d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.formula-card.superavit[data-v-2442bf9d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-nombre[data-v-2442bf9d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-2442bf9d] {
  font-size: 0.7rem;
  font-family: monospace;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-resultado[data-v-2442bf9d] {
  font-size: 0.7rem;
  font-weight: 700;
}
.formula-resultado.positivo[data-v-2442bf9d] {
  color: #6EE7B7;
}
.formula-resultado.negativo[data-v-2442bf9d] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-2442bf9d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-2442bf9d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-2442bf9d] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-2442bf9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-2442bf9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #FCD34D;
  color: #000;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.tip-texto[data-v-2442bf9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-2442bf9d] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-2442bf9d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-2442bf9d] {
  font-size: 2rem;
}
.final-texto[data-v-2442bf9d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.icono-item[data-v-2442bf9d] {
    font-size: 2.5rem;
}
.resumen-label[data-v-2442bf9d] {
    font-size: 0.9rem;
}
.formulas-grid[data-v-2442bf9d] {
    gap: 1rem;
}
.formula-card[data-v-2442bf9d] {
    padding: 1rem;
}
.formula-nombre[data-v-2442bf9d] {
    font-size: 0.85rem;
}
.formula-expresion[data-v-2442bf9d] {
    font-size: 0.8rem;
}
.tips-lista[data-v-2442bf9d] {
    gap: 0.75rem;
}
.tip-texto[data-v-2442bf9d] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-45f15f63] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.molecula[data-v-45f15f63] {
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  border: 2px solid;
}
.molecula.adn[data-v-45f15f63] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.molecula.arn[data-v-45f15f63] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}

/* Elementos químicos */
strong.elemento-c[data-v-45f15f63] {
  color: #A78BFA;
}
strong.elemento-h[data-v-45f15f63] {
  color: #60A5FA;
}
strong.elemento-o[data-v-45f15f63] {
  color: #F87171;
}
strong.elemento-n[data-v-45f15f63] {
  color: #FBBF24;
}
strong.elemento-p[data-v-45f15f63] {
  color: #34D399;
}
strong.info[data-v-45f15f63] {
  color: #93C5FD;
}

/* Tipos de ácidos nucleicos */
.tipos-section[data-v-45f15f63] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-45f15f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-45f15f63] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.tipo-item.adn[data-v-45f15f63] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-item.arn[data-v-45f15f63] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-icono[data-v-45f15f63] {
  font-size: 2rem;
}
.tipo-info[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.tipo-nombre[data-v-45f15f63] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-45f15f63] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-funcion[data-v-45f15f63] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.2rem;
}

/* Nucleótido */
.nucleotido-section[data-v-45f15f63] {
  margin: 1.5rem 0;
}
.nucleotido-titulo[data-v-45f15f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nucleotido-visual[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.nucleotido-componente[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  min-width: 120px;
}
.nucleotido-componente.fosfato[data-v-45f15f63] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.nucleotido-componente.azucar[data-v-45f15f63] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nucleotido-componente.base[data-v-45f15f63] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-icono[data-v-45f15f63] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-45f15f63] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-simbolo[data-v-45f15f63] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.enlace-linea[data-v-45f15f63] {
  width: 2px;
  height: 12px;
  background: #8B5CF6;
}

/* Bases nitrogenadas */
.bases-section[data-v-45f15f63] {
  margin: 1.5rem 0;
}
.bases-titulo[data-v-45f15f63] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.bases-grid[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.base-grupo[data-v-45f15f63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.base-grupo.purinas[data-v-45f15f63] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.base-grupo.pirimidinas[data-v-45f15f63] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.grupo-nombre[data-v-45f15f63] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.bases-items[data-v-45f15f63] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.3rem;
}
.base[data-v-45f15f63] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  border-radius: 50%;
  border: 2px solid;
}
.base.adenina[data-v-45f15f63] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base.guanina[data-v-45f15f63] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base.citosina[data-v-45f15f63] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.base.timina[data-v-45f15f63] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base.uracilo[data-v-45f15f63] {
  background: rgba(251, 146, 60, 0.2);
  border-color: #FB923C;
  color: #FDBA74;
}
.grupo-desc[data-v-45f15f63] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-45f15f63] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-45f15f63] {
  font-size: 1.25rem;
}
.tip-texto[data-v-45f15f63] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-45f15f63] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-45f15f63] {
    gap: 1.5rem;
}
.molecula[data-v-45f15f63] {
    font-size: 1.1rem;
    padding: 0.75rem 1.25rem;
}
.tipos-grid[data-v-45f15f63] {
    flex-direction: row;
}
.tipo-item[data-v-45f15f63] {
    flex: 1;
}
.nucleotido-visual[data-v-45f15f63] {
    flex-direction: row;
    justify-content: center;
}
.enlace-linea[data-v-45f15f63] {
    width: 24px;
    height: 2px;
}
.bases-grid[data-v-45f15f63] {
    flex-direction: row;
}
.base-grupo[data-v-45f15f63] {
    flex: 1;
}
.base[data-v-45f15f63] {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
}
}

/* Intro visual */
.intro-visual[data-v-b34a23b1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.doble-helice[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 2rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.helice-icon[data-v-b34a23b1] {
  font-size: 3rem;
}
.helice-texto[data-v-b34a23b1] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1.1rem;
}

/* Texto especial */
strong.adn[data-v-b34a23b1] {
  color: #93C5FD;
}

/* Características */
.caracteristicas-section[data-v-b34a23b1] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-b34a23b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica-item[data-v-b34a23b1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-b34a23b1] {
  font-size: 1.3rem;
  min-width: 32px;
  text-align: center;
}
.car-info[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.car-nombre[data-v-b34a23b1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.car-desc[data-v-b34a23b1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Apareamiento de bases */
.apareamiento-section[data-v-b34a23b1] {
  margin: 1.5rem 0;
}
.apareamiento-titulo[data-v-b34a23b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.apareamiento-visual[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.par-container[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.par-item[data-v-b34a23b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.base[data-v-b34a23b1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 50%;
  border: 3px solid;
}
.base.adenina[data-v-b34a23b1] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base.timina[data-v-b34a23b1] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base.guanina[data-v-b34a23b1] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base.citosina[data-v-b34a23b1] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.enlace[data-v-b34a23b1] {
  font-size: 0.9rem;
  letter-spacing: -2px;
}
.enlace.puente[data-v-b34a23b1] {
  color: #FCD34D;
}
.enlace.puente.triple[data-v-b34a23b1] {
  color: #34D399;
}
.par-desc[data-v-b34a23b1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.apareamiento-regla[data-v-b34a23b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.regla-icono[data-v-b34a23b1] {
  font-size: 1.1rem;
}
.regla-texto[data-v-b34a23b1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-b34a23b1] {
  color: #FCD34D;
}

/* Funciones */
.funciones-section[data-v-b34a23b1] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-b34a23b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-b34a23b1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.funcion-item[data-v-b34a23b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  border: 1px solid;
  text-align: center;
}
.funcion-item.almacena[data-v-b34a23b1] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.funcion-item.replica[data-v-b34a23b1] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.funcion-item.transmite[data-v-b34a23b1] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.func-icono[data-v-b34a23b1] {
  font-size: 1.5rem;
}
.func-nombre[data-v-b34a23b1] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.func-desc[data-v-b34a23b1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-b34a23b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b34a23b1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b34a23b1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b34a23b1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-grid[data-v-b34a23b1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.apareamiento-visual[data-v-b34a23b1] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.base[data-v-b34a23b1] {
    width: 50px;
    height: 50px;
    font-size: 1.3rem;
}
.funcion-item[data-v-b34a23b1] {
    padding: 0.75rem;
}
.func-icono[data-v-b34a23b1] {
    font-size: 1.75rem;
}
.func-nombre[data-v-b34a23b1] {
    font-size: 0.9rem;
}
.func-desc[data-v-b34a23b1] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-3ff789c2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.arn-box[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 2rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.arn-icon[data-v-3ff789c2] {
  font-size: 3rem;
}
.arn-texto[data-v-3ff789c2] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Texto especial */
strong.arn[data-v-3ff789c2] {
  color: #6EE7B7;
}

/* Comparación ADN vs ARN */
.comparacion-section[data-v-3ff789c2] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-3ff789c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-3ff789c2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.8rem;
}
.tabla-row[data-v-3ff789c2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
}
.col-aspecto[data-v-3ff789c2] {
  color: #C4B5FD;
  font-weight: 600;
}
.col-adn[data-v-3ff789c2] {
  color: #93C5FD;
  text-align: center;
}
.col-arn[data-v-3ff789c2] {
  color: #6EE7B7;
  text-align: center;
}

/* Tipos de ARN */
.tipos-section[data-v-3ff789c2] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-3ff789c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.tipo-item.arnm[data-v-3ff789c2] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.tipo-item.arnt[data-v-3ff789c2] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-item.arnr[data-v-3ff789c2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-3ff789c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}
.tipo-icono[data-v-3ff789c2] {
  font-size: 1.5rem;
}
.tipo-sigla[data-v-3ff789c2] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.tipo-nombre[data-v-3ff789c2] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.tipo-desc[data-v-3ff789c2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.tipo-funcion[data-v-3ff789c2] {
  font-size: 0.75rem;
  color: #A78BFA;
  font-style: italic;
}

/* Código genético */
.codigo-section[data-v-3ff789c2] {
  margin: 1.5rem 0;
}
.codigo-titulo[data-v-3ff789c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.codigo-visual[data-v-3ff789c2] {
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.codon-ejemplo[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(251, 191, 36, 0.2);
}
.codon-label[data-v-3ff789c2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.codon-bases[data-v-3ff789c2] {
  display: flex;
  gap: 0.25rem;
}
.codon-base[data-v-3ff789c2] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  background: rgba(251, 191, 36, 0.3);
  border: 2px solid #F59E0B;
  border-radius: 0.4rem;
  color: #FCD34D;
}
.codon-resultado[data-v-3ff789c2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.codigo-reglas[data-v-3ff789c2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-3ff789c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.regla-bullet[data-v-3ff789c2] {
  color: #FCD34D;
  font-weight: 700;
}
.regla-texto[data-v-3ff789c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-3ff789c2] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-3ff789c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3ff789c2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3ff789c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3ff789c2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-3ff789c2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.tipo-item[data-v-3ff789c2] {
    align-items: center;
    text-align: center;
}
.tipo-header[data-v-3ff789c2] {
    flex-direction: column;
    gap: 0.25rem;
}
.tipo-icono[data-v-3ff789c2] {
    font-size: 2rem;
}
.tabla-row[data-v-3ff789c2], .tabla-header[data-v-3ff789c2] {
    font-size: 0.9rem;
    padding: 0.6rem 0.75rem;
}
.codon-base[data-v-3ff789c2] {
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
}
}

.explorador[data-v-487fe4ce] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-487fe4ce] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-487fe4ce] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-487fe4ce] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-487fe4ce] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-487fe4ce] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-487fe4ce] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-487fe4ce] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-487fe4ce] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-487fe4ce] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Emparejar bases ===== */
.emparejamiento-container[data-v-487fe4ce] {
  text-align: center;
}
.cadena-adn[data-v-487fe4ce], .cadena-complementaria[data-v-487fe4ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cadena-label[data-v-487fe4ce] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.bases-row[data-v-487fe4ce] {
  display: flex;
  gap: 0.3rem;
}
.base-slot[data-v-487fe4ce] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  border-radius: 0.4rem;
  border: 2px solid;
}
.base-slot.adenina[data-v-487fe4ce] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base-slot.timina[data-v-487fe4ce] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base-slot.guanina[data-v-487fe4ce] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base-slot.citosina[data-v-487fe4ce] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.base-slot.vacio[data-v-487fe4ce] {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(139, 92, 246, 0.4);
  border-style: dashed;
  color: rgba(255, 255, 255, 0.3);
}
.base-slot.complementaria[data-v-487fe4ce] {
  cursor: pointer;
}
.base-slot.seleccionable[data-v-487fe4ce] {
  border-color: #8B5CF6;
  animation: pulse-487fe4ce 1s infinite;
}
.base-slot.incorrecto[data-v-487fe4ce] {
  border-color: #EF4444 !important;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
  animation: shake-487fe4ce 0.3s ease;
}
@keyframes shake-487fe4ce {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px);
}
75% { transform: translateX(3px);
}
}
@keyframes pulse-487fe4ce {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.puentes-container[data-v-487fe4ce] {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  margin: 0.25rem 0;
}
.puente[data-v-487fe4ce] {
  width: 40px;
  text-align: center;
  font-size: 0.8rem;
  color: #FCD34D;
  height: 16px;
}
.bases-disponibles[data-v-487fe4ce] {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.disponibles-label[data-v-487fe4ce] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.bases-pool[data-v-487fe4ce] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.base-btn[data-v-487fe4ce] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 2px solid;
  transition: all 0.2s ease;
  font-family: inherit;
}
.base-btn.adenina[data-v-487fe4ce] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.base-btn.timina[data-v-487fe4ce] {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.5);
  color: #D8B4FE;
}
.base-btn.guanina[data-v-487fe4ce] {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.5);
  color: #86EFAC;
}
.base-btn.citosina[data-v-487fe4ce] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.base-btn.seleccionado[data-v-487fe4ce] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}

/* ===== DESAFÍO 2: Tipos de ARN ===== */
.identificar-container[data-v-487fe4ce] {
  text-align: center;
}
.pregunta-arn[data-v-487fe4ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-487fe4ce] {
  font-size: 2rem;
}
.pregunta-texto[data-v-487fe4ce] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.opciones-arn[data-v-487fe4ce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-arn[data-v-487fe4ce] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-arn.arnm[data-v-487fe4ce] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.opcion-arn.arnt[data-v-487fe4ce] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.opcion-arn.arnr[data-v-487fe4ce] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-arn.seleccionado[data-v-487fe4ce] {
  border-width: 3px;
}
.opcion-arn.correcto[data-v-487fe4ce] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-arn.incorrecto[data-v-487fe4ce] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.arn-icono[data-v-487fe4ce] {
  font-size: 1.5rem;
}
.arn-sigla[data-v-487fe4ce] {
  font-weight: 800;
  font-size: 1rem;
  color: #FFFFFF;
  min-width: 50px;
}
.arn-nombre[data-v-487fe4ce] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* ===== DESAFÍO 3: Chargaff ===== */
.chargaff-container[data-v-487fe4ce] {
  text-align: center;
}
.chargaff-enunciado[data-v-487fe4ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.enunciado-icono[data-v-487fe4ce] {
  font-size: 1.5rem;
}
.enunciado-texto[data-v-487fe4ce] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.enunciado-texto strong[data-v-487fe4ce] {
  color: #FCD34D;
}
.enunciado-texto strong.adenina[data-v-487fe4ce] {
  color: #FCA5A5;
}
.chargaff-pregunta[data-v-487fe4ce] {
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.chargaff-pregunta strong.timina[data-v-487fe4ce] {
  color: #D8B4FE;
}
.chargaff-pregunta strong.guanina[data-v-487fe4ce] {
  color: #86EFAC;
}
.chargaff-pregunta strong.citosina[data-v-487fe4ce] {
  color: #93C5FD;
}
.chargaff-input-container[data-v-487fe4ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chargaff-input[data-v-487fe4ce] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.chargaff-input.correcto[data-v-487fe4ce] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.chargaff-input.incorrecto[data-v-487fe4ce] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-suffix[data-v-487fe4ce] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-487fe4ce] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-487fe4ce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: left;
}
.feedback-icono[data-v-487fe4ce] {
  font-size: 1rem;
}
.feedback-texto[data-v-487fe4ce] {
  font-size: 0.85rem;
  color: #FCA5A5;
}
.chargaff-ayuda[data-v-487fe4ce] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ayuda-titulo[data-v-487fe4ce] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ayuda-formulas[data-v-487fe4ce] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.formula[data-v-487fe4ce] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 0.25rem;
}

/* Elementos comunes */
.contador[data-v-487fe4ce] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-487fe4ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-487fe4ce] { font-size: 1.25rem;
}
.resultado-texto[data-v-487fe4ce] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-487fe4ce] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-487fe4ce] { flex: 1;
}
.nav-btn[data-v-487fe4ce] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-487fe4ce] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-487fe4ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-487fe4ce] { font-size: 1.75rem;
}
.completado-texto[data-v-487fe4ce] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-487fe4ce], .slide-leave-active[data-v-487fe4ce] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-487fe4ce] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-487fe4ce] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.base-slot[data-v-487fe4ce] {
    width: 48px;
    height: 48px;
    font-size: 1.3rem;
}
.base-btn[data-v-487fe4ce] {
    width: 52px;
    height: 52px;
    font-size: 1.3rem;
}
.puente[data-v-487fe4ce] {
    width: 48px;
}
.opciones-arn[data-v-487fe4ce] {
    flex-direction: row;
    justify-content: center;
}
.opcion-arn[data-v-487fe4ce] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    max-width: 140px;
}
}

/* Header */
.resumen-header[data-v-6136a0e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.header-icon[data-v-6136a0e6] {
  font-size: 1.5rem;
}
.header-text[data-v-6136a0e6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-6136a0e6] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
  background: rgba(139, 92, 246, 0.1);
}
.concepto-card.adn[data-v-6136a0e6] {
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.1);
}
.concepto-card.arn[data-v-6136a0e6] {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.1);
}
.concepto-header[data-v-6136a0e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-6136a0e6] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-6136a0e6] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.concepto-contenido[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-left: 1.75rem;
}
.concepto-item[data-v-6136a0e6] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.concepto-item.bases[data-v-6136a0e6] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
}
.concepto-detalle[data-v-6136a0e6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tipos de ARN */
.tipos-arn-section[data-v-6136a0e6] {
  margin-bottom: 1.5rem;
}
.tipos-titulo[data-v-6136a0e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-mini[data-v-6136a0e6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-mini[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-mini.arnm[data-v-6136a0e6] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.tipo-mini.arnt[data-v-6136a0e6] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-mini.arnr[data-v-6136a0e6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.mini-sigla[data-v-6136a0e6] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.mini-funcion[data-v-6136a0e6] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Reglas */
.reglas-section[data-v-6136a0e6] {
  margin-bottom: 1.5rem;
}
.reglas-titulo[data-v-6136a0e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-6136a0e6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.regla-item.chargaff[data-v-6136a0e6] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.regla-item.codon[data-v-6136a0e6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.regla-nombre[data-v-6136a0e6] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  min-width: 90px;
}
.regla-formulas[data-v-6136a0e6] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula[data-v-6136a0e6] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Diferencias */
.diferencias-section[data-v-6136a0e6] {
  margin-bottom: 1.5rem;
}
.diferencias-titulo[data-v-6136a0e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-visual[data-v-6136a0e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dif-item[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.dif-item.adn[data-v-6136a0e6] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.dif-item.arn[data-v-6136a0e6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.dif-mol[data-v-6136a0e6] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dif-base[data-v-6136a0e6] {
  font-size: 0.85rem;
  font-weight: 600;
}
.dif-item.adn .dif-base[data-v-6136a0e6] {
  color: #D8B4FE;
}
.dif-item.arn .dif-base[data-v-6136a0e6] {
  color: #FDBA74;
}
.dif-separador[data-v-6136a0e6] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-6136a0e6] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-6136a0e6] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-6136a0e6] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-6136a0e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-6136a0e6] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-6136a0e6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-6136a0e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.final-icono[data-v-6136a0e6] {
  font-size: 1.5rem;
}
.final-texto[data-v-6136a0e6] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-6136a0e6] {
    flex-direction: row;
}
.concepto-card[data-v-6136a0e6] {
    flex: 1;
}
.reglas-grid[data-v-6136a0e6] {
    flex-direction: row;
}
.regla-item[data-v-6136a0e6] {
    flex: 1;
}
.regla-nombre[data-v-6136a0e6] {
    min-width: auto;
}
.tipo-mini[data-v-6136a0e6] {
    padding: 0.75rem;
}
.mini-sigla[data-v-6136a0e6] {
    font-size: 1rem;
}
.mini-funcion[data-v-6136a0e6] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-ab782ad4] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.atp-molecule[data-v-ab782ad4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.3));
  border: 2px solid #F59E0B;
  border-radius: 1rem;
}
.atp-icon[data-v-ab782ad4] {
  font-size: 3rem;
}
.atp-name[data-v-ab782ad4] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FCD34D;
  letter-spacing: 0.1em;
}

/* Texto energía */
strong.energia[data-v-ab782ad4] {
  color: #FCD34D;
}

/* Analogía */
.analogia-section[data-v-ab782ad4] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-ab782ad4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-grid[data-v-ab782ad4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analogia-item[data-v-ab782ad4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.analogia-item.atp[data-v-ab782ad4] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.ana-icono[data-v-ab782ad4] {
  font-size: 1.75rem;
}
.ana-contenido[data-v-ab782ad4] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.ana-titulo[data-v-ab782ad4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ana-desc[data-v-ab782ad4] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Funciones */
.funciones-section[data-v-ab782ad4] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-ab782ad4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-ab782ad4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.funcion[data-v-ab782ad4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.func-icono[data-v-ab782ad4] {
  font-size: 1.5rem;
}
.func-texto[data-v-ab782ad4] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Dato clave */
.dato-clave[data-v-ab782ad4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-ab782ad4] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-ab782ad4] {
  flex: 1;
}
.dato-titulo[data-v-ab782ad4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.dato-texto[data-v-ab782ad4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-texto strong[data-v-ab782ad4] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-ab782ad4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ab782ad4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ab782ad4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ab782ad4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.atp-molecule[data-v-ab782ad4] {
    padding: 1.5rem 3rem;
}
.atp-icon[data-v-ab782ad4] {
    font-size: 4rem;
}
.atp-name[data-v-ab782ad4] {
    font-size: 2.2rem;
}
.analogia-grid[data-v-ab782ad4] {
    flex-direction: row;
}
.analogia-item[data-v-ab782ad4] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.ana-contenido[data-v-ab782ad4] {
    align-items: center;
}
.funciones-grid[data-v-ab782ad4] {
    grid-template-columns: repeat(4, 1fr);
}
.funcion[data-v-ab782ad4] {
    padding: 0.75rem;
}
.func-icono[data-v-ab782ad4] {
    font-size: 1.75rem;
}
.func-texto[data-v-ab782ad4] {
    font-size: 0.8rem;
}
}

/* Fórmula */
.formula-section[data-v-f7af81b3] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.formula-label[data-v-f7af81b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.formula-box[data-v-f7af81b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-nombre[data-v-f7af81b3] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-abrev[data-v-f7af81b3] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}

/* Componentes */
.componentes-section[data-v-f7af81b3] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-f7af81b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-visual[data-v-f7af81b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.componente[data-v-f7af81b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 200px;
}
.componente.adenina[data-v-f7af81b3] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.componente.ribosa[data-v-f7af81b3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.componente.fosfatos[data-v-f7af81b3] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-icono[data-v-f7af81b3] {
  font-size: 1.25rem;
}
.comp-info[data-v-f7af81b3] {
  display: flex;
  flex-direction: column;
}
.comp-nombre[data-v-f7af81b3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-desc[data-v-f7af81b3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.enlace[data-v-f7af81b3] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 1.5rem;
}

/* Fosfatos diagrama */
.fosfatos-section[data-v-f7af81b3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.fosfatos-titulo[data-v-f7af81b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.fosfatos-diagrama[data-v-f7af81b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.adenosina-box[data-v-f7af81b3] {
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
}
.ade-texto[data-v-f7af81b3] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.fosfato-grupo[data-v-f7af81b3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.fosfato[data-v-f7af81b3] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  border-radius: 50%;
}
.p-label[data-v-f7af81b3] {
  font-weight: 800;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.enlace-energia[data-v-f7af81b3] {
  font-weight: 700;
  font-size: 1rem;
}
.enlace-energia.bajo[data-v-f7af81b3] {
  color: #8B5CF6;
}
.enlace-energia.alto[data-v-f7af81b3] {
  color: #FCD34D;
  font-size: 1.25rem;
  animation: pulse-energy-f7af81b3 1.5s ease-in-out infinite;
}
@keyframes pulse-energy-f7af81b3 {
0%, 100% { opacity: 1; transform: scale(1);
}
50% { opacity: 0.7; transform: scale(1.1);
}
}
.fosfatos-leyenda[data-v-f7af81b3] {
  margin-top: 0.75rem;
  text-align: center;
}
.ley-item[data-v-f7af81b3] {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.ley-item.alto[data-v-f7af81b3] {
  color: #FCD34D;
  background: rgba(251, 191, 36, 0.1);
}

/* ADP sección */
.adp-section[data-v-f7af81b3] {
  margin: 1.5rem 0;
}
.adp-titulo[data-v-f7af81b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.adp-explicacion[data-v-f7af81b3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.adp-explicacion p[data-v-f7af81b3] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.adp-formula[data-v-f7af81b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.mol[data-v-f7af81b3] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.35rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.mol.atp[data-v-f7af81b3] {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid #F59E0B;
  color: #FCD34D;
}
.mol.adp[data-v-f7af81b3] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid #8B5CF6;
  color: #C4B5FD;
}
.mol.pi[data-v-f7af81b3] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #EF4444;
  color: #FCA5A5;
}
.mol.energia[data-v-f7af81b3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  color: #6EE7B7;
}
.flecha[data-v-f7af81b3], .plus[data-v-f7af81b3] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 1rem;
}
.adp-nota[data-v-f7af81b3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.5;
}
.adp-nota strong[data-v-f7af81b3] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-f7af81b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f7af81b3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f7af81b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f7af81b3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-visual[data-v-f7af81b3] {
    flex-direction: row;
    gap: 0.5rem;
}
.componente[data-v-f7af81b3] {
    flex-direction: column;
    text-align: center;
    width: auto;
}
.comp-info[data-v-f7af81b3] {
    align-items: center;
}
.enlace[data-v-f7af81b3] {
    transform: rotate(0);
}
.fosfato[data-v-f7af81b3] {
    width: 44px;
    height: 44px;
}
.p-label[data-v-f7af81b3] {
    font-size: 1rem;
}
}

/* Ciclo sección */
.ciclo-section[data-v-64aa0eb7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ciclo-titulo[data-v-64aa0eb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: center;
}
.ciclo-visual[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.ciclo-lado[data-v-64aa0eb7] {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ciclo-molecula[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.ciclo-molecula.atp[data-v-64aa0eb7] {
  background: rgba(251, 191, 36, 0.2);
  border-color: #F59E0B;
}
.ciclo-molecula.adp[data-v-64aa0eb7] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.ciclo-icono[data-v-64aa0eb7] {
  font-size: 1.75rem;
}
.ciclo-nombre[data-v-64aa0eb7] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.ciclo-desc[data-v-64aa0eb7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ciclo-flechas[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  max-width: 200px;
}
.flecha-proceso[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.flecha-proceso.uso[data-v-64aa0eb7] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.flecha-proceso.sintesis[data-v-64aa0eb7] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.proceso-texto[data-v-64aa0eb7] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.proceso-icono[data-v-64aa0eb7] {
  font-size: 1.25rem;
  font-weight: 700;
}
.flecha-proceso.uso .proceso-icono[data-v-64aa0eb7] {
  color: #FCA5A5;
}
.flecha-proceso.sintesis .proceso-icono[data-v-64aa0eb7] {
  color: #6EE7B7;
}
.proceso-resultado[data-v-64aa0eb7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fuentes de energía */
.fuentes-section[data-v-64aa0eb7] {
  margin: 1.5rem 0;
}
.fuentes-titulo[data-v-64aa0eb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fuentes-grid[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fuente[data-v-64aa0eb7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.fuente-header[data-v-64aa0eb7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.fuente-icono[data-v-64aa0eb7] {
  font-size: 1.5rem;
}
.fuente-nombre[data-v-64aa0eb7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fuente-info[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.fuente-lugar[data-v-64aa0eb7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fuente-detalle[data-v-64aa0eb7] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-family: monospace;
}

/* Eficiencia */
.eficiencia-section[data-v-64aa0eb7] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.eficiencia-titulo[data-v-64aa0eb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.eficiencia-comparacion[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.eficiencia-barra[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.barra-label[data-v-64aa0eb7] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.barra-visual[data-v-64aa0eb7] {
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  overflow: hidden;
}
.respiracion .barra-fill[data-v-64aa0eb7] {
  height: 100%;
  background: linear-gradient(90deg, #10B981, #6EE7B7);
  border-radius: 0.25rem;
}
.fermentacion .barra-fill[data-v-64aa0eb7] {
  height: 100%;
  background: linear-gradient(90deg, #F59E0B, #FCD34D);
  border-radius: 0.25rem;
}
.barra-valor[data-v-64aa0eb7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: right;
}

/* Dato */
.dato[data-v-64aa0eb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.dato-icono[data-v-64aa0eb7] {
  font-size: 1.25rem;
}
.dato-contenido[data-v-64aa0eb7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-titulo[data-v-64aa0eb7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.dato-texto[data-v-64aa0eb7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-texto strong[data-v-64aa0eb7] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-64aa0eb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-64aa0eb7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-64aa0eb7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-64aa0eb7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ciclo-visual[data-v-64aa0eb7] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.ciclo-lado[data-v-64aa0eb7] {
    width: auto;
}
.ciclo-flechas[data-v-64aa0eb7] {
    max-width: 160px;
}
.fuentes-grid[data-v-64aa0eb7] {
    flex-direction: row;
}
.fuente[data-v-64aa0eb7] {
    flex: 1;
}
.fuente-info[data-v-64aa0eb7] {
    padding-left: 0;
}
}

.explorador[data-v-1d904c26] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1d904c26] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1d904c26] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1d904c26] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1d904c26] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1d904c26] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1d904c26] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1d904c26] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1d904c26] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1d904c26] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Componentes ===== */
.componentes-container[data-v-1d904c26] {
  text-align: center;
}
.atp-visual[data-v-1d904c26] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.componente-slot[data-v-1d904c26] {
  padding: 0.6rem 0.75rem;
  min-width: 70px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.componente-slot[data-v-1d904c26]:hover:not(.correcto) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.componente-slot.activo[data-v-1d904c26] {
  border-color: #F59E0B;
  border-style: solid;
  background: rgba(251, 191, 36, 0.2);
}
.componente-slot.correcto[data-v-1d904c26] {
  border-color: #10B981;
  border-style: solid;
  background: rgba(16, 185, 129, 0.2);
  cursor: default;
}
.componente-slot.incorrecto[data-v-1d904c26] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  animation: shake-1d904c26 0.3s ease;
}
@keyframes shake-1d904c26 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-4px);
}
75% { transform: translateX(4px);
}
}
.componente-slot.fosfatos[data-v-1d904c26] {
  min-width: 90px;
}
.slot-placeholder[data-v-1d904c26] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.slot-texto[data-v-1d904c26] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}
.enlace-visual[data-v-1d904c26] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 1.25rem;
}
.opciones-componente[data-v-1d904c26] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-1d904c26] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-family: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-1d904c26]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.usado[data-v-1d904c26] {
  opacity: 0.4;
  cursor: not-allowed;
}
.hint-msg[data-v-1d904c26] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}

/* ===== DESAFÍO 2: Ciclo ===== */
.ciclo-container[data-v-1d904c26] {
  text-align: center;
}
.pregunta-ciclo[data-v-1d904c26] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-1d904c26] {
  font-size: 2rem;
}
.pregunta-texto[data-v-1d904c26] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-ciclo[data-v-1d904c26] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-ciclo[data-v-1d904c26] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-family: inherit;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-ciclo[data-v-1d904c26]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-ciclo.seleccionado[data-v-1d904c26] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-ciclo.correcto[data-v-1d904c26] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-ciclo.incorrecto[data-v-1d904c26] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Producción ===== */
.produccion-container[data-v-1d904c26] {
  text-align: center;
}
.proceso-actual[data-v-1d904c26] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.proceso-icono[data-v-1d904c26] {
  font-size: 2.5rem;
}
.proceso-nombre[data-v-1d904c26] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.proceso-lugar[data-v-1d904c26] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.pregunta-produccion[data-v-1d904c26] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-produccion[data-v-1d904c26] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-prod[data-v-1d904c26] {
  padding: 0.75rem 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-prod[data-v-1d904c26]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-prod.seleccionado[data-v-1d904c26] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-prod.correcto[data-v-1d904c26] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-prod.incorrecto[data-v-1d904c26] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.explicacion-prod[data-v-1d904c26] {
  font-size: 0.85rem;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.contador[data-v-1d904c26] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-1d904c26] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1d904c26] { font-size: 1.25rem;
}
.resultado-texto[data-v-1d904c26] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-1d904c26] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1d904c26] { flex: 1;
}
.nav-btn[data-v-1d904c26] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1d904c26] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1d904c26] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1d904c26] { font-size: 1.75rem;
}
.completado-texto[data-v-1d904c26] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1d904c26], .slide-leave-active[data-v-1d904c26] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1d904c26] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1d904c26] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-componente[data-v-1d904c26] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-1d904c26] {
    flex: 0 0 auto;
}
}

/* Header del resumen */
.resumen-header[data-v-93480ebd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-93480ebd] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-93480ebd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-93480ebd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-93480ebd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-icono[data-v-93480ebd] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.punto-contenido[data-v-93480ebd] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.punto-titulo[data-v-93480ebd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.punto-desc[data-v-93480ebd] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Fórmula resumen */
.formula-resumen[data-v-93480ebd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-93480ebd] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-ecuacion[data-v-93480ebd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ecuacion-lado[data-v-93480ebd] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  justify-content: center;
}
.mol[data-v-93480ebd] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.35rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.mol.atp[data-v-93480ebd] {
  background: rgba(251, 191, 36, 0.3);
  border: 1px solid #F59E0B;
  color: #FCD34D;
}
.mol.adp[data-v-93480ebd] {
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid #8B5CF6;
  color: #C4B5FD;
}
.mol.pi[data-v-93480ebd] {
  background: rgba(239, 68, 68, 0.3);
  border: 1px solid #EF4444;
  color: #FCA5A5;
}
.mol.energia[data-v-93480ebd] {
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  color: #6EE7B7;
}
.enzima[data-v-93480ebd] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}
.ecuacion-flecha[data-v-93480ebd] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.ecuacion-plus[data-v-93480ebd] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Comparación */
.comparacion-section[data-v-93480ebd] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-93480ebd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-93480ebd] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-93480ebd] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.6fr;
  gap: 0.25rem;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila[data-v-93480ebd]:last-child {
  border-bottom: none;
}
.tabla-fila.header[data-v-93480ebd] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-col[data-v-93480ebd] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-col.atp[data-v-93480ebd] {
  text-align: center;
  font-weight: 700;
}
.tabla-col.atp.destacado[data-v-93480ebd] {
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-93480ebd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-93480ebd] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-93480ebd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-93480ebd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-93480ebd] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-93480ebd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-93480ebd] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-93480ebd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-93480ebd] {
  font-size: 2rem;
}
.final-contenido[data-v-93480ebd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-93480ebd] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.final-texto[data-v-93480ebd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.puntos-clave[data-v-93480ebd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.tabla-fila[data-v-93480ebd] {
    padding: 0.6rem 0.75rem;
}
.tabla-col[data-v-93480ebd] {
    font-size: 0.85rem;
}
.tips-lista[data-v-93480ebd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-3c7a874e] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.celulas-container[data-v-3c7a874e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.celula[data-v-3c7a874e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.celula.normal[data-v-3c7a874e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.celula.cancerosa[data-v-3c7a874e] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.celula-icono[data-v-3c7a874e] {
  font-size: 2rem;
}
.celula-label[data-v-3c7a874e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.flecha-transformacion[data-v-3c7a874e] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}

/* Colores temáticos */
strong.error[data-v-3c7a874e] {
  color: #FCA5A5;
}
strong.correcto[data-v-3c7a874e] {
  color: #6EE7B7;
}

/* Sección título común */
.seccion-titulo[data-v-3c7a874e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Características */
.caracteristicas-section[data-v-3c7a874e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.caracteristicas-grid[data-v-3c7a874e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-3c7a874e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-3c7a874e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-3c7a874e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 500;
}

/* Tumores section */
.tumores-section[data-v-3c7a874e] {
  margin: 1.5rem 0;
}
.tumores-comparacion[data-v-3c7a874e] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.tumor-card[data-v-3c7a874e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tumor-card.benigno[data-v-3c7a874e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tumor-card.maligno[data-v-3c7a874e] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tumor-icono[data-v-3c7a874e] {
  font-size: 1.5rem;
}
.tumor-nombre[data-v-3c7a874e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.tumor-lista[data-v-3c7a874e] {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: left;
}
.tumor-lista li[data-v-3c7a874e] {
  margin-bottom: 0.2rem;
}
.tumor-lista li[data-v-3c7a874e]::before {
  content: "• ";
}
.vs-divider[data-v-3c7a874e] {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Metástasis */
.metastasis-section[data-v-3c7a874e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metastasis-visual[data-v-3c7a874e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
}
.met-paso[data-v-3c7a874e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
}
.met-num[data-v-3c7a874e] {
  font-size: 0.8rem;
  font-weight: 800;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.4);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}
.met-texto[data-v-3c7a874e] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.met-flecha[data-v-3c7a874e] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-3c7a874e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3c7a874e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3c7a874e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3c7a874e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celula[data-v-3c7a874e] {
    padding: 1rem 1.5rem;
}
.celula-icono[data-v-3c7a874e] {
    font-size: 2.5rem;
}
.caracteristicas-grid[data-v-3c7a874e] {
    grid-template-columns: repeat(4, 1fr);
}
.tumores-comparacion[data-v-3c7a874e] {
    gap: 1rem;
}
.tumor-card[data-v-3c7a874e] {
    padding: 1rem;
}
.tumor-nombre[data-v-3c7a874e] {
    font-size: 0.95rem;
}
.tumor-lista[data-v-3c7a874e] {
    font-size: 0.8rem;
}
.metastasis-visual[data-v-3c7a874e] {
    gap: 0.5rem;
}
.met-paso[data-v-3c7a874e] {
    padding: 0.5rem 0.75rem;
}
.met-texto[data-v-3c7a874e] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.semaforo[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.5rem;
}
.luz[data-v-5dfdf945] {
  font-size: 1.5rem;
}
.intro-texto[data-v-5dfdf945] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.error[data-v-5dfdf945] {
  color: #FCA5A5;
}
strong.correcto[data-v-5dfdf945] {
  color: #6EE7B7;
}

/* Sección título común */
.seccion-titulo[data-v-5dfdf945] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Checkpoints */
.checkpoints-section[data-v-5dfdf945] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.checkpoints-visual[data-v-5dfdf945] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
}
.checkpoint[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  min-width: 80px;
  text-align: center;
}
.checkpoint.g1[data-v-5dfdf945] {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.5);
}
.checkpoint.g2[data-v-5dfdf945] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.checkpoint.m[data-v-5dfdf945] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.ckp-nombre[data-v-5dfdf945] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.ckp-funcion[data-v-5dfdf945] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin: 0.2rem 0;
}
.ckp-accion[data-v-5dfdf945] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.flecha-ckp[data-v-5dfdf945] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}

/* Genes section */
.genes-section[data-v-5dfdf945] {
  margin: 1.5rem 0;
}
.genes-comparacion[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.gen-card[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.gen-card.oncogen[data-v-5dfdf945] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.gen-card.supresor[data-v-5dfdf945] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.gen-icono[data-v-5dfdf945] {
  font-size: 1.5rem;
}
.gen-tipo[data-v-5dfdf945] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.gen-funcion[data-v-5dfdf945] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.gen-descripcion[data-v-5dfdf945] {
  margin: 0.5rem 0;
  text-align: center;
}
.gen-descripcion p[data-v-5dfdf945] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.gen-ejemplo[data-v-5dfdf945] {
  margin-top: 0.25rem;
}
.gen-ejemplo strong[data-v-5dfdf945] {
  color: #FCD34D;
}
.gen-mutacion[data-v-5dfdf945] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
}
.mut-label[data-v-5dfdf945] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.mut-resultado[data-v-5dfdf945] {
  font-size: 0.85rem;
  font-weight: 700;
}
.mut-resultado.error[data-v-5dfdf945] {
  color: #FCA5A5;
}
.mut-efecto[data-v-5dfdf945] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Analogía */
.analogia-section[data-v-5dfdf945] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-visual[data-v-5dfdf945] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.analogia-item[data-v-5dfdf945] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.analogia-icono[data-v-5dfdf945] {
  font-size: 1.5rem;
}
.analogia-parte[data-v-5dfdf945] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.analogia-equiv[data-v-5dfdf945] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.analogia-conclusion[data-v-5dfdf945] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}

/* p53 section */
.p53-section[data-v-5dfdf945] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.p53-content[data-v-5dfdf945] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.p53-icono[data-v-5dfdf945] {
  font-size: 2.5rem;
}
.p53-info[data-v-5dfdf945] {
  flex: 1;
}
.p53-info p[data-v-5dfdf945] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.p53-info ul[data-v-5dfdf945] {
  margin: 0 0 0.5rem 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.p53-info li[data-v-5dfdf945] {
  margin-bottom: 0.2rem;
}
.p53-info strong[data-v-5dfdf945] {
  color: #FCD34D;
}
.p53-dato[data-v-5dfdf945] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.4rem;
}
.dato-icono[data-v-5dfdf945] {
  font-size: 1rem;
}
.dato-texto[data-v-5dfdf945] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-5dfdf945] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5dfdf945] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5dfdf945] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5dfdf945] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.semaforo[data-v-5dfdf945] {
    flex-direction: row;
}
.checkpoints-visual[data-v-5dfdf945] {
    gap: 0.75rem;
}
.checkpoint[data-v-5dfdf945] {
    min-width: 100px;
    padding: 0.75rem;
}
.genes-comparacion[data-v-5dfdf945] {
    flex-direction: row;
}
.gen-card[data-v-5dfdf945] {
    flex: 1;
}
.analogia-visual[data-v-5dfdf945] {
    gap: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-f613b83b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mutaciones-icono[data-v-f613b83b] {
  font-size: 3rem;
  animation: pulse-f613b83b 2s infinite;
}
@keyframes pulse-f613b83b {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.1); opacity: 0.8;
}
}
.intro-texto[data-v-f613b83b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Sección título común */
.seccion-titulo[data-v-f613b83b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Proceso de múltiples pasos */
.proceso-section[data-v-f613b83b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-visual[data-v-f613b83b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.proceso-paso[data-v-f613b83b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  min-width: 65px;
}
.proceso-paso.mutacion[data-v-f613b83b] {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
}
.proceso-paso.cancer[data-v-f613b83b] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.paso-num[data-v-f613b83b] {
  font-size: 0.7rem;
  font-weight: 800;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.4);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}
.paso-icono[data-v-f613b83b] {
  font-size: 1.25rem;
}
.paso-texto[data-v-f613b83b] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.proceso-flecha[data-v-f613b83b] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}
.proceso-tiempo[data-v-f613b83b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.4rem;
}
.tiempo-icono[data-v-f613b83b] {
  font-size: 1rem;
}
.tiempo-texto[data-v-f613b83b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tiempo-texto strong[data-v-f613b83b] {
  color: #FCD34D;
}

/* Factores de riesgo */
.factores-section[data-v-f613b83b] {
  margin: 1.5rem 0;
}
.factores-grid[data-v-f613b83b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-card[data-v-f613b83b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.factor-card.quimico[data-v-f613b83b] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.factor-card.fisico[data-v-f613b83b] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.factor-card.biologico[data-v-f613b83b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.factor-card.hereditario[data-v-f613b83b] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.factor-icono[data-v-f613b83b] {
  font-size: 1.5rem;
}
.factor-nombre[data-v-f613b83b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.factor-ejemplos[data-v-f613b83b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Carcinógenos */
.carcinogenos-section[data-v-f613b83b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.carcino-def[data-v-f613b83b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.carcino-def strong[data-v-f613b83b] {
  color: #FCA5A5;
}
.carcino-ejemplos[data-v-f613b83b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.carcino-item[data-v-f613b83b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ci-icono[data-v-f613b83b] {
  font-size: 1.25rem;
}
.ci-texto[data-v-f613b83b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ci-texto strong[data-v-f613b83b] {
  color: #FCD34D;
}

/* Prevención */
.prevencion-section[data-v-f613b83b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.prevencion-grid[data-v-f613b83b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.prev-item[data-v-f613b83b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.prev-icono[data-v-f613b83b] {
  font-size: 1.25rem;
}
.prev-texto[data-v-f613b83b] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 500;
}

/* Tip */
.tip[data-v-f613b83b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f613b83b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f613b83b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f613b83b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mutaciones-icono[data-v-f613b83b] {
    font-size: 4rem;
}
.proceso-visual[data-v-f613b83b] {
    gap: 0.75rem;
}
.proceso-paso[data-v-f613b83b] {
    min-width: 85px;
    padding: 0.75rem;
}
.paso-texto[data-v-f613b83b] {
    font-size: 0.75rem;
}
.factores-grid[data-v-f613b83b] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-card[data-v-f613b83b] {
    padding: 0.75rem;
}
.prevencion-grid[data-v-f613b83b] {
    grid-template-columns: repeat(6, 1fr);
}
.prev-texto[data-v-f613b83b] {
    font-size: 0.7rem;
}
}

.explorador[data-v-761c9d8b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-761c9d8b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-761c9d8b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-761c9d8b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-761c9d8b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-761c9d8b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-761c9d8b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-761c9d8b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-761c9d8b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-761c9d8b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar genes ===== */
.clasificar-container[data-v-761c9d8b] {
  text-align: center;
}
.gen-actual[data-v-761c9d8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.gen-nombre[data-v-761c9d8b] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.gen-descripcion[data-v-761c9d8b] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pregunta-tipo[data-v-761c9d8b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-genes[data-v-761c9d8b] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-gen[data-v-761c9d8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 100px;
}
.opcion-gen.verde[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-gen.rojo[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-gen.seleccionada[data-v-761c9d8b] {
  transform: scale(1.05);
}
.opcion-gen.correcto[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-gen.incorrecto[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opcion-icono[data-v-761c9d8b] {
  font-size: 1.5rem;
}
.opcion-nombre[data-v-761c9d8b] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-761c9d8b] {
  text-align: center;
}
.celula-visual[data-v-761c9d8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.celula-simulador[data-v-761c9d8b] {
  width: 100px;
  height: 100px;
  border: 4px solid #10B981;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.1);
  transition: all 0.5s ease;
  position: relative;
}
.celula-simulador.cancer[data-v-761c9d8b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  animation: pulse-761c9d8b 0.5s ease;
}
@keyframes pulse-761c9d8b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.celula-interior[data-v-761c9d8b] {
  font-size: 2.5rem;
}
.celula-barra[data-v-761c9d8b] {
  position: absolute;
  bottom: -10px;
  width: 80%;
  height: 6px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  overflow: hidden;
}
.barra-progreso[data-v-761c9d8b] {
  height: 100%;
  background: #10B981;
  transition: all 0.3s ease;
}
.barra-progreso.peligro[data-v-761c9d8b] {
  background: #EF4444;
}
.celula-estado[data-v-761c9d8b] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.genes-status[data-v-761c9d8b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.gen-status[data-v-761c9d8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.gen-status.mutado.oncogen[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.gen-status.mutado.supresor[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
.gs-icono[data-v-761c9d8b] {
  font-size: 1rem;
}
.gs-nombre[data-v-761c9d8b] {
  flex: 1;
  font-size: 0.8rem;
  color: #FFFFFF;
  text-align: left;
}
.gs-estado[data-v-761c9d8b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.gen-status.mutado .gs-estado[data-v-761c9d8b] {
  color: #FCA5A5;
  font-weight: 600;
}
.controles-mutacion[data-v-761c9d8b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.btn-mutar[data-v-761c9d8b], .btn-agregar-mutacion[data-v-761c9d8b] {
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-mutar.oncogen[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border: 1px solid rgba(16, 185, 129, 0.5);
}
.btn-mutar.supresor[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.btn-agregar-mutacion[data-v-761c9d8b] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
  border: 1px solid rgba(251, 191, 36, 0.5);
}
.btn-mutar[data-v-761c9d8b]:disabled, .btn-agregar-mutacion[data-v-761c9d8b]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.mutaciones-contador[data-v-761c9d8b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mc-label[data-v-761c9d8b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.mc-numero[data-v-761c9d8b] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #6EE7B7;
}
.mc-numero.peligro[data-v-761c9d8b] {
  color: #FCA5A5;
}
.quiz-simulador[data-v-761c9d8b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-761c9d8b] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-761c9d8b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.quiz-opc[data-v-761c9d8b] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.quiz-opc.seleccionada[data-v-761c9d8b] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}
.btn-reiniciar[data-v-761c9d8b] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Carcinógenos ===== */
.carcinogenos-container[data-v-761c9d8b] {
  text-align: center;
}
.agente-actual[data-v-761c9d8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.agente-icono[data-v-761c9d8b] {
  font-size: 3rem;
}
.agente-nombre[data-v-761c9d8b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-carcinogeno[data-v-761c9d8b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-carcinogeno[data-v-761c9d8b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.opcion-carcino[data-v-761c9d8b] {
  padding: 0.75rem 1.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.opcion-carcino.si[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-carcino.no[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-carcino.seleccionada[data-v-761c9d8b] {
  transform: scale(1.05);
}
.opcion-carcino.correcto[data-v-761c9d8b] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.opcion-carcino.incorrecto[data-v-761c9d8b] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}
.feedback-carcinogeno[data-v-761c9d8b] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-carcinogeno.correcto[data-v-761c9d8b] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Elementos comunes */
.contador[data-v-761c9d8b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-761c9d8b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-761c9d8b] { font-size: 1.25rem;
}
.resultado-texto[data-v-761c9d8b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-761c9d8b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-761c9d8b] { flex: 1;
}
.nav-btn[data-v-761c9d8b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-761c9d8b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-761c9d8b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-761c9d8b] { font-size: 1.75rem;
}
.completado-texto[data-v-761c9d8b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-761c9d8b], .slide-leave-active[data-v-761c9d8b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-761c9d8b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-761c9d8b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-genes[data-v-761c9d8b] {
    gap: 1.5rem;
}
.opcion-gen[data-v-761c9d8b] {
    min-width: 130px;
    padding: 1rem 1.5rem;
}
.celula-simulador[data-v-761c9d8b] {
    width: 120px;
    height: 120px;
}
.genes-status[data-v-761c9d8b] {
    flex-direction: row;
    justify-content: center;
}
.gen-status[data-v-761c9d8b] {
    flex: 1;
    max-width: 220px;
}
.quiz-opciones[data-v-761c9d8b] {
    grid-template-columns: repeat(2, 1fr);
}
.opciones-carcinogeno[data-v-761c9d8b] {
    gap: 2rem;
}
.opcion-carcino[data-v-761c9d8b] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}
}

/* Header del resumen */
.resumen-header[data-v-96d823c7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-96d823c7] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-96d823c7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Concepto principal */
.concepto-principal[data-v-96d823c7] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.cp-icono[data-v-96d823c7] {
  font-size: 2rem;
}
.cp-texto[data-v-96d823c7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cp-texto strong[data-v-96d823c7] {
  color: #FFFFFF;
}
.cp-texto strong.error[data-v-96d823c7] {
  color: #FCA5A5;
}

/* Sección título */
.seccion-titulo[data-v-96d823c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Resumen genes */
.resumen-section[data-v-96d823c7] {
  margin-bottom: 1.5rem;
}
.genes-resumen[data-v-96d823c7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gen-res[data-v-96d823c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.gen-res.oncogen[data-v-96d823c7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.gen-res.supresor[data-v-96d823c7] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.gr-icono[data-v-96d823c7] {
  font-size: 1.25rem;
}
.gr-tipo[data-v-96d823c7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.gr-funcion[data-v-96d823c7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.gr-mutacion[data-v-96d823c7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.gr-mutacion strong[data-v-96d823c7] {
  color: #FCA5A5;
}
.gr-ejemplos[data-v-96d823c7] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-top: 0.2rem;
}

/* p53 resumen */
.p53-resumen[data-v-96d823c7] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.p53-icono[data-v-96d823c7] {
  font-size: 1.75rem;
}
.p53-info[data-v-96d823c7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.p53-nombre[data-v-96d823c7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.p53-dato[data-v-96d823c7] {
  font-size: 0.75rem;
  color: #FCA5A5;
}
.p53-funciones[data-v-96d823c7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tumores resumen */
.tumores-resumen[data-v-96d823c7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tumor-res[data-v-96d823c7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.tumor-res.benigno[data-v-96d823c7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tumor-res.maligno[data-v-96d823c7] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tr-nombre[data-v-96d823c7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tr-clave[data-v-96d823c7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs-small[data-v-96d823c7] {
  font-size: 0.75rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Carcinógenos resumen */
.carcinogenos-resumen[data-v-96d823c7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.carc-item[data-v-96d823c7] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.ci-icono[data-v-96d823c7] {
  font-size: 1rem;
}
.ci-texto[data-v-96d823c7] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Proceso resumen */
.proceso-resumen[data-v-96d823c7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.pr-titulo[data-v-96d823c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pr-pasos[data-v-96d823c7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.pr-paso[data-v-96d823c7] {
  padding: 0.25rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.pr-paso.highlight[data-v-96d823c7] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
  font-weight: 600;
}
.pr-paso.cancer[data-v-96d823c7] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  font-weight: 600;
}
.pr-flecha[data-v-96d823c7] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.pr-tiempo[data-v-96d823c7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-96d823c7] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-96d823c7] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-96d823c7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-96d823c7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-96d823c7] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-96d823c7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-96d823c7] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-96d823c7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.mf-icono[data-v-96d823c7] {
  font-size: 1.5rem;
}
.mf-texto[data-v-96d823c7] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.3;
}

/* Desktop */
@media (min-width: 640px) {
.genes-resumen[data-v-96d823c7] {
    flex-direction: row;
}
.gen-res[data-v-96d823c7] {
    flex: 1;
}
.carcinogenos-resumen[data-v-96d823c7] {
    grid-template-columns: repeat(4, 1fr);
}
.pr-pasos[data-v-96d823c7] {
    gap: 0.5rem;
}
.pr-paso[data-v-96d823c7] {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-5477976f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.molecula[data-v-5477976f] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border: 2px solid;
}
.molecula.glucosa[data-v-5477976f] {
  background: rgba(251, 191, 36, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}
.molecula.almidon[data-v-5477976f] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
  color: #C4B5FD;
}
.molecula.celulosa[data-v-5477976f] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}

/* Elementos químicos */
strong.elemento-c[data-v-5477976f] {
  color: #A78BFA;
}
strong.elemento-h[data-v-5477976f] {
  color: #60A5FA;
}
strong.elemento-o[data-v-5477976f] {
  color: #F87171;
}

/* Fórmula general */
.formula-section[data-v-5477976f] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-label[data-v-5477976f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-5477976f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula[data-v-5477976f] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.formula sub[data-v-5477976f] {
  font-size: 0.6em;
}
.formula-explicacion[data-v-5477976f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Estructura básica */
.estructura-section[data-v-5477976f] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-5477976f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-grid[data-v-5477976f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estructura-item[data-v-5477976f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-5477976f] {
  font-size: 1.2rem;
  min-width: 32px;
  text-align: center;
  color: #C4B5FD;
  font-weight: 700;
}
.item-texto[data-v-5477976f] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Importancia */
.importancia-section[data-v-5477976f] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-5477976f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-5477976f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-5477976f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.importancia-item.energia[data-v-5477976f] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.importancia-item.reserva[data-v-5477976f] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.importancia-item.estructura[data-v-5477976f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.imp-icono[data-v-5477976f] {
  font-size: 1.5rem;
}
.imp-contenido[data-v-5477976f] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.imp-titulo[data-v-5477976f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.imp-desc[data-v-5477976f] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-5477976f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5477976f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5477976f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5477976f] {
  color: #6EE7B7;
}
.tip-texto sub[data-v-5477976f] {
  font-size: 0.75em;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5477976f] {
    gap: 1rem;
}
.molecula[data-v-5477976f] {
    font-size: 1rem;
    padding: 0.6rem 1rem;
}
.estructura-grid[data-v-5477976f] {
    flex-direction: row;
}
.estructura-item[data-v-5477976f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.item-icono[data-v-5477976f] {
    font-size: 1.5rem;
}
.formula[data-v-5477976f] {
    font-size: 2.2rem;
}
}

/* Intro */
.clasificacion-intro[data-v-d9b98913] {
  margin-bottom: 1rem;
}
.clasificacion-intro p[data-v-d9b98913] {
  margin: 0;
}

/* Secciones de tipo */
.tipo-section[data-v-d9b98913] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-section.mono[data-v-d9b98913] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.tipo-section.di[data-v-d9b98913] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-section.poli[data-v-d9b98913] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-d9b98913] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tipo-icono[data-v-d9b98913] {
  font-size: 1.2rem;
  font-weight: 700;
  min-width: 60px;
  text-align: center;
}
.tipo-section.mono .tipo-icono[data-v-d9b98913] { color: #FCD34D;
}
.tipo-section.di .tipo-icono[data-v-d9b98913] { color: #C4B5FD;
}
.tipo-section.poli .tipo-icono[data-v-d9b98913] { color: #6EE7B7;
}
.tipo-titulo-box[data-v-d9b98913] {
  display: flex;
  flex-direction: column;
}
.tipo-titulo[data-v-d9b98913] {
  font-weight: 700;
  font-size: 1.05rem;
  color: #FFFFFF;
}
.tipo-sub[data-v-d9b98913] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-contenido[data-v-d9b98913] {
  padding: 0.75rem;
}
.tipo-desc[data-v-d9b98913] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Ejemplos grid */
.ejemplos-grid[data-v-d9b98913] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-d9b98913] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-nombre[data-v-d9b98913] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ej-formula[data-v-d9b98913] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-family: monospace;
}
.ej-uso[data-v-d9b98913] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Polisacáridos badges */
.ej-badge[data-v-d9b98913] {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  width: fit-content;
}
.ejemplo-item.reserva .ej-badge[data-v-d9b98913] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.ejemplo-item.estructura .ej-badge[data-v-d9b98913] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-d9b98913] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.tip-icono[data-v-d9b98913] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d9b98913] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d9b98913] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplos-grid[data-v-d9b98913] {
    grid-template-columns: repeat(4, 1fr);
}
.poli-grid[data-v-d9b98913] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-icono[data-v-d9b98913] {
    font-size: 1.4rem;
    min-width: 80px;
}
}

/* Secciones de función */
.funcion-section[data-v-920482a0] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.funcion-section.energia[data-v-920482a0] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.funcion-section.reserva[data-v-920482a0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.funcion-section.estructura[data-v-920482a0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.funcion-header[data-v-920482a0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.funcion-icono[data-v-920482a0] {
  font-size: 1.5rem;
}
.funcion-titulo[data-v-920482a0] {
  font-weight: 700;
  font-size: 1.05rem;
  color: #FFFFFF;
}
.funcion-contenido[data-v-920482a0] {
  padding: 0.75rem;
}
.funcion-desc[data-v-920482a0] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Proceso energético */
.energia-proceso[data-v-920482a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.proceso-item[data-v-920482a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.4rem;
}
.proceso-item.resultado[data-v-920482a0] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.proc-icono[data-v-920482a0] {
  font-size: 1.25rem;
}
.proc-texto[data-v-920482a0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.proceso-item.resultado .proc-texto[data-v-920482a0] {
  color: #6EE7B7;
  font-weight: 700;
}
.proceso-flecha[data-v-920482a0] {
  color: #FCD34D;
  font-size: 1.2rem;
  font-weight: 700;
}
.dato-extra[data-v-920482a0] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-extra .valor[data-v-920482a0] {
  color: #FCD34D;
}

/* Reserva comparación */
.reserva-comparacion[data-v-920482a0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.reserva-item[data-v-920482a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.reserva-org[data-v-920482a0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.reserva-mol[data-v-920482a0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.reserva-donde[data-v-920482a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.nota-reserva[data-v-920482a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.nota-icono[data-v-920482a0] {
  flex-shrink: 0;
}

/* Estructura grid */
.estructura-grid[data-v-920482a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estructura-item[data-v-920482a0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.est-icono[data-v-920482a0] {
  font-size: 1.5rem;
}
.est-info[data-v-920482a0] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.est-nombre[data-v-920482a0] {
  font-weight: 700;
  color: #FFFFFF;
}
.est-desc[data-v-920482a0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.est-nota[data-v-920482a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación final */
.comparacion-final[data-v-920482a0] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.comp-titulo[data-v-920482a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-simple[data-v-920482a0] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.tabla-row[data-v-920482a0] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  align-items: center;
}
.tabla-row.header[data-v-920482a0] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-row[data-v-920482a0]:not(.header) {
  background: rgba(255, 255, 255, 0.03);
  color: #E9D5FF;
}
.mol[data-v-920482a0] {
  font-weight: 600;
  color: #FFFFFF;
}
.func[data-v-920482a0] {
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 600;
  text-align: center;
}
.reserva-tag[data-v-920482a0] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.estructura-tag[data-v-920482a0] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-920482a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-920482a0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-920482a0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-920482a0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.energia-proceso[data-v-920482a0] {
    flex-wrap: nowrap;
    gap: 1rem;
}
.proceso-item[data-v-920482a0] {
    padding: 0.75rem 1rem;
}
.estructura-grid[data-v-920482a0] {
    flex-direction: row;
}
.estructura-item[data-v-920482a0] {
    flex: 1;
}
.tabla-row[data-v-920482a0] {
    font-size: 0.85rem;
    padding: 0.5rem;
}
}

.explorador[data-v-04b71ee6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-04b71ee6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-04b71ee6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-04b71ee6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-04b71ee6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-04b71ee6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-04b71ee6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-04b71ee6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-04b71ee6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-04b71ee6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-04b71ee6] {
  text-align: center;
}
.molecula-actual[data-v-04b71ee6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.mol-icono[data-v-04b71ee6] {
  font-size: 2.5rem;
}
.mol-nombre[data-v-04b71ee6] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.mol-formula[data-v-04b71ee6] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: monospace;
}
.opciones-tipo[data-v-04b71ee6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-04b71ee6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo[data-v-04b71ee6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-tipo.seleccionado[data-v-04b71ee6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo.correcto[data-v-04b71ee6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-tipo.incorrecto[data-v-04b71ee6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.tipo-icono[data-v-04b71ee6] {
  font-size: 1.2rem;
  color: #C4B5FD;
  min-width: 50px;
}
.tipo-nombre[data-v-04b71ee6] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}

/* ===== DESAFÍO 2: Función ===== */
.funcion-container[data-v-04b71ee6] {
  text-align: center;
}
.polisacarido-actual[data-v-04b71ee6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.poli-icono[data-v-04b71ee6] {
  font-size: 2.5rem;
}
.poli-nombre[data-v-04b71ee6] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.poli-org[data-v-04b71ee6] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.pregunta-funcion[data-v-04b71ee6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-funcion[data-v-04b71ee6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-funcion[data-v-04b71ee6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-funcion.reserva[data-v-04b71ee6] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.opcion-funcion.estructura[data-v-04b71ee6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-funcion.seleccionado.reserva[data-v-04b71ee6] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-funcion.seleccionado.estructura[data-v-04b71ee6] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-funcion.correcto[data-v-04b71ee6] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-funcion.incorrecto[data-v-04b71ee6] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.func-icono[data-v-04b71ee6] {
  font-size: 1.5rem;
}
.func-nombre[data-v-04b71ee6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.func-desc[data-v-04b71ee6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Disacáridos ===== */
.disacarido-container[data-v-04b71ee6] {
  text-align: center;
}
.ecuacion-disacarido[data-v-04b71ee6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.mono-box[data-v-04b71ee6] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mono-nombre[data-v-04b71ee6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ecuacion-signo[data-v-04b71ee6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.resultado-box[data-v-04b71ee6] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
}
.resultado-pregunta[data-v-04b71ee6] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.opciones-disacarido[data-v-04b71ee6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-di[data-v-04b71ee6] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.opcion-di[data-v-04b71ee6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-di.seleccionado[data-v-04b71ee6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-di.correcto[data-v-04b71ee6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-di.incorrecto[data-v-04b71ee6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.hint-disacarido[data-v-04b71ee6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}

/* Elementos comunes */
.feedback-msg[data-v-04b71ee6] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-04b71ee6] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-04b71ee6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-04b71ee6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-04b71ee6] { font-size: 1.25rem;
}
.resultado-texto[data-v-04b71ee6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-04b71ee6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-04b71ee6] { flex: 1;
}
.nav-btn[data-v-04b71ee6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-04b71ee6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-04b71ee6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-04b71ee6] { font-size: 1.75rem;
}
.completado-texto[data-v-04b71ee6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-04b71ee6], .slide-leave-active[data-v-04b71ee6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-04b71ee6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-04b71ee6] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-04b71ee6] {
    flex-direction: row;
}
.opcion-tipo[data-v-04b71ee6] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-icono[data-v-04b71ee6] {
    font-size: 1.5rem;
}
.ecuacion-disacarido[data-v-04b71ee6] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
}

/* Intro */
.resumen-intro[data-v-37d28b58] {
  margin-bottom: 1rem;
}

/* Tarjetas de resumen */
.resumen-cards[data-v-37d28b58] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.resumen-card[data-v-37d28b58] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.card-header[data-v-37d28b58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.card-icono[data-v-37d28b58] {
  font-size: 1.2rem;
}
.card-titulo[data-v-37d28b58] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-body[data-v-37d28b58] {
  padding: 0.75rem;
}
.card-body.lista[data-v-37d28b58] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-destacada[data-v-37d28b58] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  text-align: center;
}
.formula-sub[data-v-37d28b58] {
  display: block;
  text-align: center;
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: monospace;
}
.lista-item[data-v-37d28b58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-badge[data-v-37d28b58] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.lista-item.mono .item-badge[data-v-37d28b58] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.lista-item.di .item-badge[data-v-37d28b58] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.lista-item.poli .item-badge[data-v-37d28b58] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.func-emoji[data-v-37d28b58] {
  font-size: 1rem;
}

/* Secciones */
.section-titulo[data-v-37d28b58] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tabla de polisacáridos */
.polisacaridos-section[data-v-37d28b58] {
  margin-bottom: 1.25rem;
}
.poli-tabla[data-v-37d28b58] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.poli-row[data-v-37d28b58] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  align-items: center;
}
.poli-row.header[data-v-37d28b58] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.poli-row[data-v-37d28b58]:not(.header) {
  background: rgba(255, 255, 255, 0.03);
}
.poli-nombre[data-v-37d28b58] {
  font-weight: 600;
  color: #FFFFFF;
}
.poli-func[data-v-37d28b58] {
  font-size: 0.7rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
  font-weight: 600;
  text-align: center;
}
.reserva-tag[data-v-37d28b58] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.estructura-tag[data-v-37d28b58] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.poli-org[data-v-37d28b58] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Disacáridos */
.disacaridos-section[data-v-37d28b58] {
  margin-bottom: 1.25rem;
}
.di-grid[data-v-37d28b58] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.di-item[data-v-37d28b58] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #FCD34D;
}
.di-nombre[data-v-37d28b58] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.di-compo[data-v-37d28b58] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.di-donde[data-v-37d28b58] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-section[data-v-37d28b58] {
  margin-bottom: 1rem;
}
.tips-grid[data-v-37d28b58] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-37d28b58] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-37d28b58] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
}
.tip-content[data-v-37d28b58] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-content strong[data-v-37d28b58] {
  color: #93C5FD;
}

/* Cierre */
.cierre[data-v-37d28b58] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.cierre-icono[data-v-37d28b58] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-37d28b58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.cierre-texto strong[data-v-37d28b58] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-37d28b58] {
    grid-template-columns: repeat(3, 1fr);
}
.di-grid[data-v-37d28b58] {
    grid-template-columns: repeat(3, 1fr);
}
.tips-grid[data-v-37d28b58] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-10e6f659] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.celula-card[data-v-10e6f659] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.celula-card.procariota[data-v-10e6f659] {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.5);
}
.celula-card.eucariota[data-v-10e6f659] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.5);
}
.cel-icono[data-v-10e6f659] {
  font-size: 2rem;
}
.cel-nombre[data-v-10e6f659] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.vs-divider[data-v-10e6f659] {
  font-size: 1rem;
  font-weight: 800;
  color: #C4B5FD;
}

/* Colores de texto */
strong.procariota-color[data-v-10e6f659] {
  color: #FCD34D;
}
strong.eucariota-color[data-v-10e6f659] {
  color: #C4B5FD;
}

/* Diferencia clave */
.diferencia-clave[data-v-10e6f659] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dif-titulo[data-v-10e6f659] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}
.dif-contenido[data-v-10e6f659] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-10e6f659] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dif-item.procariota[data-v-10e6f659] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.dif-item.eucariota[data-v-10e6f659] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.dif-nombre[data-v-10e6f659] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.dif-desc[data-v-10e6f659] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.dif-item.procariota .dif-desc strong[data-v-10e6f659] {
  color: #FCA5A5;
}
.dif-item.eucariota .dif-desc strong[data-v-10e6f659] {
  color: #6EE7B7;
}
.dif-nota[data-v-10e6f659] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Timeline */
.timeline-section[data-v-10e6f659] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-10e6f659] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-10e6f659] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-item[data-v-10e6f659] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.timeline-item.procariota[data-v-10e6f659] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.timeline-item.eucariota[data-v-10e6f659] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.time-fecha[data-v-10e6f659] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.time-evento[data-v-10e6f659] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.timeline-arrow[data-v-10e6f659] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Ejemplos */
.ejemplos-section[data-v-10e6f659] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-10e6f659] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-10e6f659] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ejemplo[data-v-10e6f659] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.procariota[data-v-10e6f659] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.ejemplo.eucariota[data-v-10e6f659] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ej-icono[data-v-10e6f659] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-tipo[data-v-10e6f659] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-lista[data-v-10e6f659] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-10e6f659] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-10e6f659] {
  font-size: 1.25rem;
}
.tip-texto[data-v-10e6f659] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-10e6f659] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-10e6f659] {
    gap: 1.5rem;
}
.celula-card[data-v-10e6f659] {
    padding: 1rem 1.5rem;
}
.cel-icono[data-v-10e6f659] {
    font-size: 2.5rem;
}
.cel-nombre[data-v-10e6f659] {
    font-size: 1rem;
}
.vs-divider[data-v-10e6f659] {
    font-size: 1.25rem;
}
.dif-contenido[data-v-10e6f659] {
    flex-direction: row;
    gap: 1rem;
}
.dif-item[data-v-10e6f659] {
    flex: 1;
}
.timeline[data-v-10e6f659] {
    flex-wrap: nowrap;
    gap: 1rem;
}
.timeline-item[data-v-10e6f659] {
    padding: 0.75rem 1.25rem;
}
}

/* Título visual */
.titulo-visual[data-v-46fa8f6b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(251, 191, 36, 0.15);
  border: 2px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.75rem;
}
.titulo-icono[data-v-46fa8f6b] {
  font-size: 2rem;
}
.titulo-texto[data-v-46fa8f6b] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
strong.procariota-color[data-v-46fa8f6b] {
  color: #FCD34D;
}

/* Diagrama */
.diagrama-section[data-v-46fa8f6b] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-46fa8f6b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-celula[data-v-46fa8f6b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.celula-procariota[data-v-46fa8f6b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 3px solid rgba(251, 191, 36, 0.4);
  border-radius: 2rem;
  position: relative;
}
.estructura[data-v-46fa8f6b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.estructura.nucleoide[data-v-46fa8f6b] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px dashed rgba(239, 68, 68, 0.5);
  border-radius: 50%;
  padding: 0.75rem;
}
.estructura.ribosomas[data-v-46fa8f6b] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.estructura.citoplasma[data-v-46fa8f6b] {
  background: rgba(251, 191, 36, 0.1);
}
.est-label[data-v-46fa8f6b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.est-desc[data-v-46fa8f6b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.estructuras-externas[data-v-46fa8f6b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.ext-item[data-v-46fa8f6b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.ext-icono[data-v-46fa8f6b] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.ext-nombre[data-v-46fa8f6b] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Características */
.caracteristicas-section[data-v-46fa8f6b] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-46fa8f6b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-46fa8f6b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.caract-item[data-v-46fa8f6b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-46fa8f6b] {
  font-size: 1.25rem;
}
.caract-contenido[data-v-46fa8f6b] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-46fa8f6b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.caract-valor[data-v-46fa8f6b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Plásmidos */
.plasmidos-box[data-v-46fa8f6b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.plasm-icono[data-v-46fa8f6b] {
  font-size: 1.5rem;
}
.plasm-contenido[data-v-46fa8f6b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.plasm-titulo[data-v-46fa8f6b] {
  font-weight: 700;
  color: #60A5FA;
  font-size: 0.95rem;
}
.plasm-desc[data-v-46fa8f6b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.plasm-desc strong[data-v-46fa8f6b] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-46fa8f6b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-46fa8f6b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-46fa8f6b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-46fa8f6b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.titulo-visual[data-v-46fa8f6b] {
    gap: 0.75rem;
}
.titulo-icono[data-v-46fa8f6b] {
    font-size: 2.5rem;
}
.titulo-texto[data-v-46fa8f6b] {
    font-size: 1.5rem;
}
.diagrama-celula[data-v-46fa8f6b] {
    flex-direction: row;
    gap: 1rem;
}
.celula-procariota[data-v-46fa8f6b] {
    flex: 2;
}
.estructuras-externas[data-v-46fa8f6b] {
    flex: 1;
    grid-template-columns: 1fr;
    align-content: center;
}
.caract-grid[data-v-46fa8f6b] {
    grid-template-columns: repeat(4, 1fr);
}
.caract-item[data-v-46fa8f6b] {
    flex-direction: column;
    text-align: center;
}
}

/* Título visual */
.titulo-visual[data-v-1c4f1caf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.titulo-icono[data-v-1c4f1caf] {
  font-size: 2rem;
}
.titulo-texto[data-v-1c4f1caf] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #C4B5FD;
}
strong.eucariota-color[data-v-1c4f1caf] {
  color: #C4B5FD;
}

/* Tipos de células */
.tipos-section[data-v-1c4f1caf] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-1c4f1caf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-1c4f1caf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tipo-card[data-v-1c4f1caf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 2px solid;
}
.tipo-card.animal[data-v-1c4f1caf] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.vegetal[data-v-1c4f1caf] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.hongo[data-v-1c4f1caf] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.tipo-icono[data-v-1c4f1caf] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-1c4f1caf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.tipo-caract[data-v-1c4f1caf] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Organelos */
.organelos-section[data-v-1c4f1caf] {
  margin: 1.5rem 0;
}
.org-titulo[data-v-1c4f1caf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organelos-grid[data-v-1c4f1caf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.organelo[data-v-1c4f1caf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.org-icono[data-v-1c4f1caf] {
  font-size: 1.25rem;
}
.org-info[data-v-1c4f1caf] {
  display: flex;
  flex-direction: column;
}
.org-nombre[data-v-1c4f1caf] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.org-funcion[data-v-1c4f1caf] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Características */
.caracteristicas-section[data-v-1c4f1caf] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-1c4f1caf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-1c4f1caf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.caract-item[data-v-1c4f1caf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-1c4f1caf] {
  font-size: 1.25rem;
}
.caract-contenido[data-v-1c4f1caf] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-1c4f1caf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.caract-valor[data-v-1c4f1caf] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-1c4f1caf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1c4f1caf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1c4f1caf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1c4f1caf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.titulo-visual[data-v-1c4f1caf] {
    gap: 0.75rem;
}
.titulo-icono[data-v-1c4f1caf] {
    font-size: 2.5rem;
}
.titulo-texto[data-v-1c4f1caf] {
    font-size: 1.5rem;
}
.tipos-grid[data-v-1c4f1caf] {
    gap: 0.75rem;
}
.tipo-card[data-v-1c4f1caf] {
    padding: 0.75rem;
}
.tipo-icono[data-v-1c4f1caf] {
    font-size: 2rem;
}
.tipo-nombre[data-v-1c4f1caf] {
    font-size: 0.95rem;
}
.tipo-caract[data-v-1c4f1caf] {
    font-size: 0.75rem;
}
.organelos-grid[data-v-1c4f1caf] {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.organelo[data-v-1c4f1caf] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.org-info[data-v-1c4f1caf] {
    align-items: center;
}
.org-nombre[data-v-1c4f1caf] {
    font-size: 0.85rem;
}
.org-funcion[data-v-1c4f1caf] {
    font-size: 0.75rem;
}
.caract-grid[data-v-1c4f1caf] {
    grid-template-columns: repeat(4, 1fr);
}
.caract-item[data-v-1c4f1caf] {
    flex-direction: column;
    text-align: center;
}
}

.explorador[data-v-904069fa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-904069fa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-904069fa] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-904069fa] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-904069fa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-904069fa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-904069fa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-904069fa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-904069fa] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-904069fa] {
  text-align: center;
}
.estructura-actual[data-v-904069fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.est-icono[data-v-904069fa] {
  font-size: 2.5rem;
}
.est-nombre[data-v-904069fa] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.est-hint[data-v-904069fa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-clasif[data-v-904069fa] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-tipo[data-v-904069fa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-904069fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-tipo.procariota[data-v-904069fa] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-tipo.eucariota[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.opcion-tipo.ambas[data-v-904069fa] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-tipo.seleccionado[data-v-904069fa] {
  transform: scale(1.05);
}
.opcion-tipo.seleccionado.procariota[data-v-904069fa] {
  background: rgba(251, 191, 36, 0.3);
  border-color: #F59E0B;
}
.opcion-tipo.seleccionado.eucariota[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-tipo.seleccionado.ambas[data-v-904069fa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-tipo.correcto[data-v-904069fa] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-904069fa] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-904069fa] {
  font-size: 1.5rem;
}
.opt-nombre[data-v-904069fa] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Armar célula ===== */
.armar-container[data-v-904069fa] {
  text-align: center;
}
.celula-objetivo[data-v-904069fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.objetivo-label[data-v-904069fa] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.objetivo-tipo[data-v-904069fa] {
  font-size: 1.3rem;
  font-weight: 800;
}
.objetivo-tipo.procariota[data-v-904069fa] {
  color: #FCD34D;
}
.objetivo-tipo.eucariota[data-v-904069fa] {
  color: #C4B5FD;
}
.componentes-disponibles[data-v-904069fa] {
  margin-bottom: 1rem;
}
.comp-label[data-v-904069fa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.componentes-grid[data-v-904069fa] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.componente-btn[data-v-904069fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.componente-btn[data-v-904069fa]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.componente-btn.seleccionado[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.componente-btn.correcto[data-v-904069fa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.componente-btn.incorrecto[data-v-904069fa] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.comp-icono[data-v-904069fa] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-904069fa] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.btn-verificar[data-v-904069fa] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Comparación ===== */
.comparar-container[data-v-904069fa] {
  text-align: center;
}
.comparacion-actual[data-v-904069fa] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.comp-pregunta[data-v-904069fa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-comparacion[data-v-904069fa] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-comp[data-v-904069fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 100px;
}
.opcion-comp.procariota[data-v-904069fa] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-comp.eucariota[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.opcion-comp.seleccionado.procariota[data-v-904069fa] {
  background: rgba(251, 191, 36, 0.3);
  border-color: #F59E0B;
}
.opcion-comp.seleccionado.eucariota[data-v-904069fa] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-comp.correcto[data-v-904069fa] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-comp.incorrecto[data-v-904069fa] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* Elementos comunes */
.feedback-msg[data-v-904069fa] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-904069fa] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-904069fa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-904069fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-904069fa] { font-size: 1.25rem;
}
.resultado-texto[data-v-904069fa] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-904069fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-904069fa] { flex: 1;
}
.nav-btn[data-v-904069fa] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-904069fa] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-904069fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-904069fa] { font-size: 1.75rem;
}
.completado-texto[data-v-904069fa] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-904069fa], .slide-leave-active[data-v-904069fa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-904069fa] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-904069fa] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-904069fa] {
    gap: 0.75rem;
}
.opcion-tipo[data-v-904069fa] {
    padding: 0.75rem 1rem;
    min-width: 100px;
}
.opt-icono[data-v-904069fa] {
    font-size: 1.75rem;
}
.componentes-grid[data-v-904069fa] {
    grid-template-columns: repeat(6, 1fr);
}
.componente-btn[data-v-904069fa] {
    padding: 0.6rem;
}
.comp-icono[data-v-904069fa] {
    font-size: 1.5rem;
}
.comp-nombre[data-v-904069fa] {
    font-size: 0.75rem;
}
}

/* Tabla comparativa */
.tabla-section[data-v-84d13908] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-84d13908] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparativa[data-v-84d13908] {
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-84d13908] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
  gap: 0.25rem;
}
.header-caracteristica[data-v-84d13908] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.header-tipo[data-v-84d13908] {
  font-weight: 700;
  font-size: 0.7rem;
  text-align: center;
}
.header-tipo.procariota[data-v-84d13908] {
  color: #FCD34D;
}
.header-tipo.eucariota[data-v-84d13908] {
  color: #C4B5FD;
}
.tabla-row[data-v-84d13908] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  gap: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-84d13908]:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.row-caracteristica[data-v-84d13908] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.row-valor[data-v-84d13908] {
  font-size: 0.7rem;
  text-align: center;
}
.row-valor.procariota[data-v-84d13908] {
  color: #FCD34D;
}
.row-valor.eucariota[data-v-84d13908] {
  color: #C4B5FD;
}
.row-valor.positivo[data-v-84d13908] {
  color: #6EE7B7;
}
.row-valor.negativo[data-v-84d13908] {
  color: #FCA5A5;
}

/* Teoría endosimbiótica */
.teoria-section[data-v-84d13908] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
}
.teoria-titulo[data-v-84d13908] {
  font-weight: 700;
  color: #60A5FA;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.teoria-contenido p[data-v-84d13908] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.teoria-contenido p strong[data-v-84d13908] {
  color: #60A5FA;
}
.evidencias[data-v-84d13908] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evidencia[data-v-84d13908] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.ev-icono[data-v-84d13908] {
  font-size: 1rem;
}
.ev-texto[data-v-84d13908] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Claves PAES */
.claves-section[data-v-84d13908] {
  margin: 1.5rem 0;
}
.claves-titulo[data-v-84d13908] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.claves-grid[data-v-84d13908] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-84d13908] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.clave-num[data-v-84d13908] {
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.clave-texto[data-v-84d13908] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.clave-texto strong[data-v-84d13908] {
  color: #6EE7B7;
}

/* Resumen visual */
.resumen-visual[data-v-84d13908] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.resumen-item[data-v-84d13908] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  min-width: 120px;
}
.resumen-item.procariota[data-v-84d13908] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.5);
}
.resumen-item.eucariota[data-v-84d13908] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.5);
}
.res-icono[data-v-84d13908] {
  font-size: 2rem;
}
.res-titulo[data-v-84d13908] {
  font-size: 0.85rem;
  font-weight: 800;
  margin: 0.25rem 0;
}
.resumen-item.procariota .res-titulo[data-v-84d13908] {
  color: #FCD34D;
}
.resumen-item.eucariota .res-titulo[data-v-84d13908] {
  color: #C4B5FD;
}
.res-desc[data-v-84d13908] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.vs-badge[data-v-84d13908] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #8B5CF6;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}

/* Mensaje final */
.mensaje-final[data-v-84d13908] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-84d13908] {
  font-size: 1.5rem;
}
.final-texto[data-v-84d13908] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-84d13908],
  .tabla-row[data-v-84d13908] {
    padding: 0.6rem 0.75rem;
}
.header-caracteristica[data-v-84d13908],
  .row-caracteristica[data-v-84d13908] {
    font-size: 0.85rem;
}
.header-tipo[data-v-84d13908] {
    font-size: 0.8rem;
}
.row-valor[data-v-84d13908] {
    font-size: 0.75rem;
}
.evidencias[data-v-84d13908] {
    flex-direction: row;
    flex-wrap: wrap;
}
.evidencia[data-v-84d13908] {
    flex: 1;
    min-width: 150px;
}
.resumen-item[data-v-84d13908] {
    padding: 1rem;
    min-width: 140px;
}
.res-icono[data-v-84d13908] {
    font-size: 2.5rem;
}
.res-titulo[data-v-84d13908] {
    font-size: 0.95rem;
}
}

/* Intro visual - Células grid */
.intro-visual[data-v-bef42341] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.celulas-grid[data-v-bef42341] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.celula-tipo[data-v-bef42341] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  min-width: 80px;
}
.celula-icono[data-v-bef42341] {
  font-size: 2rem;
}
.celula-nombre[data-v-bef42341] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Analogía */
.analogia-box[data-v-bef42341] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.analogia-icono[data-v-bef42341] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.analogia-contenido[data-v-bef42341] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.analogia-titulo[data-v-bef42341] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.analogia-texto[data-v-bef42341] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.analogia-texto strong[data-v-bef42341] {
  color: #FFFFFF;
}

/* Diferenciación */
.diferenciacion-section[data-v-bef42341] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.diferenciacion-titulo[data-v-bef42341] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.diferenciacion-texto[data-v-bef42341] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}
.diferenciacion-texto strong[data-v-bef42341] {
  color: #93C5FD;
}
.proceso-diferenciacion[data-v-bef42341] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.proceso-paso[data-v-bef42341] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.paso-icono[data-v-bef42341] {
  font-size: 1.25rem;
}
.paso-texto[data-v-bef42341] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.proceso-flecha[data-v-bef42341] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: bold;
}

/* Características */
.caracteristicas-section[data-v-bef42341] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-bef42341] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-lista[data-v-bef42341] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-bef42341] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-bef42341] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.caract-info[data-v-bef42341] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.caract-nombre[data-v-bef42341] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.caract-desc[data-v-bef42341] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip */
.tip[data-v-bef42341] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bef42341] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bef42341] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bef42341] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celulas-grid[data-v-bef42341] {
    gap: 1.5rem;
}
.celula-tipo[data-v-bef42341] {
    min-width: 100px;
    padding: 1rem;
}
.celula-icono[data-v-bef42341] {
    font-size: 2.5rem;
}
.celula-nombre[data-v-bef42341] {
    font-size: 0.85rem;
}
.proceso-paso[data-v-bef42341] {
    min-width: 90px;
    padding: 0.75rem;
}
.paso-texto[data-v-bef42341] {
    font-size: 0.7rem;
}
}

/* Visualización de neurona */
.neurona-visual[data-v-3b4955bf] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.neurona-diagrama[data-v-3b4955bf] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.parte-neurona[data-v-3b4955bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.parte-icono[data-v-3b4955bf] {
  font-size: 1.5rem;
}
.parte-label[data-v-3b4955bf] {
  font-size: 0.6rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.dendritas .parte-icono[data-v-3b4955bf] { color: #34D399;
}
.soma .parte-icono[data-v-3b4955bf] { color: #8B5CF6;
}
.axon .parte-icono[data-v-3b4955bf] { color: #F59E0B;
}
.terminal .parte-icono[data-v-3b4955bf] { color: #EF4444;
}

/* Partes de la neurona */
.partes-section[data-v-3b4955bf] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-3b4955bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-3b4955bf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.parte-card[data-v-3b4955bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dendritas-card[data-v-3b4955bf] {
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.soma-card[data-v-3b4955bf] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.axon-card[data-v-3b4955bf] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.terminal-card[data-v-3b4955bf] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.card-icono[data-v-3b4955bf] {
  font-size: 1.25rem;
}
.card-nombre[data-v-3b4955bf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.card-funcion[data-v-3b4955bf] {
  color: #C4B5FD;
  font-size: 0.65rem;
  line-height: 1.3;
}
.card-funcion strong[data-v-3b4955bf] {
  color: #FFFFFF;
}

/* Adaptaciones */
.adaptaciones-section[data-v-3b4955bf] {
  margin: 1.5rem 0;
}
.adapt-titulo[data-v-3b4955bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.adapt-lista[data-v-3b4955bf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.adapt-item[data-v-3b4955bf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.adapt-icono[data-v-3b4955bf] {
  font-size: 1.25rem;
  min-width: 28px;
  text-align: center;
}
.adapt-info[data-v-3b4955bf] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.adapt-nombre[data-v-3b4955bf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.adapt-desc[data-v-3b4955bf] {
  color: #C4B5FD;
  font-size: 0.7rem;
}
.adapt-desc strong[data-v-3b4955bf] {
  color: #FCD34D;
}

/* Sinapsis box */
.sinapsis-box[data-v-3b4955bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.sinapsis-icono[data-v-3b4955bf] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.sinapsis-contenido[data-v-3b4955bf] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sinapsis-titulo[data-v-3b4955bf] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.sinapsis-texto[data-v-3b4955bf] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.sinapsis-texto strong[data-v-3b4955bf] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-3b4955bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3b4955bf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3b4955bf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3b4955bf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.neurona-diagrama[data-v-3b4955bf] {
    gap: 0.5rem;
}
.parte-icono[data-v-3b4955bf] {
    font-size: 2rem;
}
.parte-label[data-v-3b4955bf] {
    font-size: 0.7rem;
}
.card-nombre[data-v-3b4955bf] {
    font-size: 0.8rem;
}
.card-funcion[data-v-3b4955bf] {
    font-size: 0.7rem;
}
}

/* Visualización músculos */
.musculos-visual[data-v-91f6bebb] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.musculos-grid[data-v-91f6bebb] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.musculo-tipo[data-v-91f6bebb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  min-width: 85px;
  text-align: center;
}
.musculo-tipo.esqueletico[data-v-91f6bebb] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.musculo-tipo.cardiaco[data-v-91f6bebb] {
  background: rgba(236, 72, 153, 0.15);
  border: 2px solid rgba(236, 72, 153, 0.3);
}
.musculo-tipo.liso[data-v-91f6bebb] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.musculo-icono[data-v-91f6bebb] {
  font-size: 1.75rem;
}
.musculo-nombre[data-v-91f6bebb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.musculo-caract[data-v-91f6bebb] {
  color: #C4B5FD;
  font-size: 0.6rem;
}

/* Tipos detallados */
.tipos-section[data-v-91f6bebb] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-91f6bebb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-detalle[data-v-91f6bebb] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.esqueletico-det[data-v-91f6bebb] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.cardiaco-det[data-v-91f6bebb] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.liso-det[data-v-91f6bebb] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-header[data-v-91f6bebb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-91f6bebb] {
  font-size: 1.5rem;
}
.tipo-info[data-v-91f6bebb] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-91f6bebb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-control[data-v-91f6bebb] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.tipo-control strong[data-v-91f6bebb] {
  color: #FCD34D;
}
.tipo-caracteristicas[data-v-91f6bebb] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-left: 0.5rem;
}
.tipo-char[data-v-91f6bebb] {
  color: #E9D5FF;
  font-size: 0.75rem;
  line-height: 1.4;
}
.tipo-char strong[data-v-91f6bebb] {
  color: #FFFFFF;
}

/* Proteínas box */
.proteinas-box[data-v-91f6bebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.proteinas-icono[data-v-91f6bebb] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.proteinas-contenido[data-v-91f6bebb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.proteinas-titulo[data-v-91f6bebb] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.proteinas-texto[data-v-91f6bebb] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.proteinas-texto strong[data-v-91f6bebb] {
  color: #FFFFFF;
}

/* Adaptaciones */
.adapt-section[data-v-91f6bebb] {
  margin: 1.5rem 0;
}
.adapt-titulo[data-v-91f6bebb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.adapt-grid[data-v-91f6bebb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.adapt-card[data-v-91f6bebb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.adapt-icono[data-v-91f6bebb] {
  font-size: 1.25rem;
}
.adapt-nombre[data-v-91f6bebb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.adapt-desc[data-v-91f6bebb] {
  color: #C4B5FD;
  font-size: 0.6rem;
}

/* Tip */
.tip[data-v-91f6bebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-91f6bebb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-91f6bebb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-91f6bebb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.musculos-grid[data-v-91f6bebb] {
    gap: 1rem;
}
.musculo-tipo[data-v-91f6bebb] {
    min-width: 100px;
    padding: 1rem 0.75rem;
}
.musculo-icono[data-v-91f6bebb] {
    font-size: 2rem;
}
.musculo-nombre[data-v-91f6bebb] {
    font-size: 0.85rem;
}
.musculo-caract[data-v-91f6bebb] {
    font-size: 0.7rem;
}
.tipo-char[data-v-91f6bebb] {
    font-size: 0.8rem;
}
}

/* Visualización secretoras */
.secretoras-visual[data-v-7bd31725] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.secretoras-grid[data-v-7bd31725] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.secretora-tipo[data-v-7bd31725] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  border-radius: 0.75rem;
  min-width: 100px;
  text-align: center;
}
.secretora-tipo.exocrina[data-v-7bd31725] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.secretora-tipo.endocrina[data-v-7bd31725] {
  background: rgba(236, 72, 153, 0.15);
  border: 2px solid rgba(236, 72, 153, 0.3);
}
.secretora-icono[data-v-7bd31725] {
  font-size: 2rem;
}
.secretora-nombre[data-v-7bd31725] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.secretora-ejemplo[data-v-7bd31725] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Tipos de secreción */
.tipos-section[data-v-7bd31725] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-7bd31725] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-card[data-v-7bd31725] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.exocrina-card[data-v-7bd31725] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.endocrina-card[data-v-7bd31725] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.tipo-header[data-v-7bd31725] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-7bd31725] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-7bd31725] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-desc[data-v-7bd31725] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.tipo-desc strong[data-v-7bd31725] {
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-7bd31725] {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-titulo[data-v-7bd31725] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.75rem;
  display: block;
  margin-bottom: 0.3rem;
}
.ejemplos-lista[data-v-7bd31725] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ejemplo[data-v-7bd31725] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Organelos abundantes */
.organelos-section[data-v-7bd31725] {
  margin: 1.5rem 0;
}
.organelos-titulo[data-v-7bd31725] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organelos-grid[data-v-7bd31725] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.organelo-card[data-v-7bd31725] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.org-icono[data-v-7bd31725] {
  font-size: 1.25rem;
}
.org-nombre[data-v-7bd31725] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.org-desc[data-v-7bd31725] {
  color: #C4B5FD;
  font-size: 0.6rem;
  line-height: 1.3;
}

/* Proceso de secreción */
.proceso-box[data-v-7bd31725] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.proceso-titulo[data-v-7bd31725] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.75rem;
  text-align: center;
}
.proceso-pasos[data-v-7bd31725] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.proceso-paso[data-v-7bd31725] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 55px;
}
.paso-num[data-v-7bd31725] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
}
.paso-texto[data-v-7bd31725] {
  color: #E9D5FF;
  font-size: 0.55rem;
  text-align: center;
  line-height: 1.2;
}
.paso-flecha[data-v-7bd31725] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: bold;
}

/* Tip */
.tip[data-v-7bd31725] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7bd31725] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7bd31725] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7bd31725] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.secretoras-grid[data-v-7bd31725] {
    gap: 1.5rem;
}
.secretora-tipo[data-v-7bd31725] {
    min-width: 120px;
    padding: 1.25rem;
}
.secretora-icono[data-v-7bd31725] {
    font-size: 2.5rem;
}
.proceso-paso[data-v-7bd31725] {
    min-width: 70px;
    padding: 0.5rem;
}
.paso-texto[data-v-7bd31725] {
    font-size: 0.65rem;
}
.ejemplo[data-v-7bd31725] {
    font-size: 0.8rem;
}
}

.explorador[data-v-d4432b91] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d4432b91] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d4432b91] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d4432b91] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d4432b91] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d4432b91] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d4432b91] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d4432b91] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d4432b91] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d4432b91] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar célula ===== */
.caracteristica-container[data-v-d4432b91] {
  text-align: center;
}
.caracteristica-actual[data-v-d4432b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.caract-icono[data-v-d4432b91] {
  font-size: 2rem;
}
.caract-texto[data-v-d4432b91] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-celula[data-v-d4432b91] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-cel[data-v-d4432b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-cel[data-v-d4432b91]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-cel.seleccionado[data-v-d4432b91] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-cel.correcto[data-v-d4432b91] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-cel.incorrecto[data-v-d4432b91] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.op-icono[data-v-d4432b91] {
  font-size: 1.25rem;
}
.op-nombre[data-v-d4432b91] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Estructura neurona ===== */
.neurona-container[data-v-d4432b91] {
  text-align: center;
}
.neurona-estructura[data-v-d4432b91] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.parte-slot[data-v-d4432b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  min-width: 65px;
  transition: all 0.2s ease;
}
.parte-slot.activo[data-v-d4432b91] {
  border-color: #FCD34D;
  border-style: solid;
  background: rgba(245, 158, 11, 0.2);
}
.parte-slot.correcto[data-v-d4432b91] {
  border-color: #10B981;
  border-style: solid;
  background: rgba(16, 185, 129, 0.2);
}
.parte-icono[data-v-d4432b91] {
  font-size: 1.5rem;
}
.parte-hint[data-v-d4432b91] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.parte-nombre-mostrado[data-v-d4432b91] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
}
.opciones-partes[data-v-d4432b91] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-parte[data-v-d4432b91] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-parte[data-v-d4432b91]:hover {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}

/* ===== DESAFÍO 3: Tipos de músculo ===== */
.musculo-container[data-v-d4432b91] {
  text-align: center;
}
.musculo-pregunta[data-v-d4432b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(236, 72, 153, 0.15);
  border: 2px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-d4432b91] {
  font-size: 2rem;
}
.pregunta-texto[data-v-d4432b91] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-musculo[data-v-d4432b91] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-musc[data-v-d4432b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.opcion-musc[data-v-d4432b91]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-musc.seleccionado[data-v-d4432b91] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-musc.correcto[data-v-d4432b91] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-musc.incorrecto[data-v-d4432b91] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.musc-icono[data-v-d4432b91] {
  font-size: 1.5rem;
}
.musc-nombre[data-v-d4432b91] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Elementos comunes */
.feedback-msg[data-v-d4432b91] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-d4432b91] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-d4432b91] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-d4432b91] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d4432b91] { font-size: 1.25rem;
}
.resultado-texto[data-v-d4432b91] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d4432b91] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-btn[data-v-d4432b91] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-d4432b91]:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}

/* Mensaje completado */
.mensaje-completado[data-v-d4432b91] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d4432b91] { font-size: 1.75rem;
}
.completado-texto[data-v-d4432b91] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d4432b91], .slide-leave-active[data-v-d4432b91] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d4432b91] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d4432b91] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-celula[data-v-d4432b91] {
    grid-template-columns: repeat(5, 1fr);
}
.opcion-cel[data-v-d4432b91] {
    padding: 0.6rem 0.4rem;
}
.op-nombre[data-v-d4432b91] {
    font-size: 0.7rem;
}
.parte-slot[data-v-d4432b91] {
    min-width: 80px;
    padding: 0.75rem;
}
.parte-icono[data-v-d4432b91] {
    font-size: 1.75rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-7de1eff3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.resumen-celulas[data-v-7de1eff3] {
  display: flex;
  gap: 0.75rem;
}
.resumen-celula[data-v-7de1eff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  min-width: 80px;
}
.resumen-celula.neurona[data-v-7de1eff3] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.resumen-celula.muscular[data-v-7de1eff3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.resumen-celula.secretora[data-v-7de1eff3] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.res-icono[data-v-7de1eff3] {
  font-size: 1.75rem;
}
.res-nombre[data-v-7de1eff3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Puntos clave */
.puntos-clave-section[data-v-7de1eff3] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-7de1eff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.punto-card[data-v-7de1eff3] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.punto-num[data-v-7de1eff3] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
}
.punto-contenido[data-v-7de1eff3] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.punto-tema[data-v-7de1eff3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.punto-detalle[data-v-7de1eff3] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}
.punto-detalle strong[data-v-7de1eff3] {
  color: #FCD34D;
}

/* Tabla comparativa */
.tabla-section[data-v-7de1eff3] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-7de1eff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-7de1eff3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-7de1eff3] {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.3fr;
  gap: 0.25rem;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row[data-v-7de1eff3]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-7de1eff3] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.tabla-cell[data-v-7de1eff3] {
  font-size: 0.65rem;
  color: #E9D5FF;
  display: flex;
  align-items: center;
}
.tabla-cell.celula[data-v-7de1eff3] {
  font-weight: 600;
  color: #FFFFFF;
}

/* Errores comunes */
.errores-section[data-v-7de1eff3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-7de1eff3] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.error-item[data-v-7de1eff3] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.error-item[data-v-7de1eff3]:last-child {
  margin-bottom: 0;
}
.error-icono[data-v-7de1eff3] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 16px;
}
.error-texto[data-v-7de1eff3] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.error-texto strong[data-v-7de1eff3] {
  color: #FFFFFF;
}

/* Tip final */
.tip-final[data-v-7de1eff3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7de1eff3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7de1eff3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7de1eff3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-celulas[data-v-7de1eff3] {
    gap: 1.5rem;
}
.resumen-celula[data-v-7de1eff3] {
    min-width: 100px;
    padding: 1rem;
}
.res-icono[data-v-7de1eff3] {
    font-size: 2rem;
}
.res-nombre[data-v-7de1eff3] {
    font-size: 0.8rem;
}
.tabla-row[data-v-7de1eff3] {
    padding: 0.6rem;
}
.tabla-row.header[data-v-7de1eff3] {
    font-size: 0.75rem;
}
.tabla-cell[data-v-7de1eff3] {
    font-size: 0.7rem;
}
.punto-detalle[data-v-7de1eff3] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-cbe9e264] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.ciclo-icono[data-v-cbe9e264] {
  font-size: 3rem;
  animation: rotate-cbe9e264 4s linear infinite;
}
@keyframes rotate-cbe9e264 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.ciclo-titulo[data-v-cbe9e264] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.crecimiento[data-v-cbe9e264] { color: #6EE7B7;
}
strong.reparacion[data-v-cbe9e264] { color: #93C5FD;
}
strong.reproduccion[data-v-cbe9e264] { color: #FCD34D;
}

/* Diagrama circular */
.ciclo-diagram[data-v-cbe9e264] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ciclo-titulo-seccion[data-v-cbe9e264] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapas-container[data-v-cbe9e264] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.etapa[data-v-cbe9e264] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  min-width: 120px;
  text-align: center;
}
.etapa.interfase[data-v-cbe9e264] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.etapa.mitosis[data-v-cbe9e264] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.etapa-icono[data-v-cbe9e264] {
  font-size: 1.5rem;
}
.etapa-nombre[data-v-cbe9e264] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.etapa-porcent[data-v-cbe9e264] {
  font-size: 0.8rem;
  font-weight: 600;
}
.etapa.interfase .etapa-porcent[data-v-cbe9e264] { color: #6EE7B7;
}
.etapa.mitosis .etapa-porcent[data-v-cbe9e264] { color: #FCA5A5;
}
.etapa-desc[data-v-cbe9e264] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.flecha-ciclo[data-v-cbe9e264] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}

/* Fases detalladas */
.fases-section[data-v-cbe9e264] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-cbe9e264] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fases-visual[data-v-cbe9e264] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.fase[data-v-cbe9e264] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
  min-width: 60px;
}
.fase.g1[data-v-cbe9e264] {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase.s[data-v-cbe9e264] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase.g2[data-v-cbe9e264] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase.m[data-v-cbe9e264] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.fase-letra[data-v-cbe9e264] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.fase-nombre[data-v-cbe9e264] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.fase-flecha[data-v-cbe9e264] {
  color: #8B5CF6;
  font-size: 1rem;
}
.fases-leyenda[data-v-cbe9e264] {
  text-align: center;
  margin-top: 0.5rem;
}
.leyenda-interfase[data-v-cbe9e264] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Importancia */
.importancia-section[data-v-cbe9e264] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-cbe9e264] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-cbe9e264] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.imp-item[data-v-cbe9e264] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.imp-icono[data-v-cbe9e264] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.imp-texto[data-v-cbe9e264] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-cbe9e264] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-cbe9e264] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cbe9e264] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cbe9e264] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ciclo-icono[data-v-cbe9e264] {
    font-size: 4rem;
}
.etapas-container[data-v-cbe9e264] {
    gap: 1rem;
}
.etapa[data-v-cbe9e264] {
    min-width: 140px;
    padding: 1rem;
}
.etapa-icono[data-v-cbe9e264] {
    font-size: 2rem;
}
.fases-visual[data-v-cbe9e264] {
    gap: 0.5rem;
}
.fase[data-v-cbe9e264] {
    padding: 0.6rem 0.8rem;
    min-width: 75px;
}
.importancia-grid[data-v-cbe9e264] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.intro-interfase[data-v-3153a3dd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.intro-icono[data-v-3153a3dd] {
  font-size: 2rem;
}
.intro-texto p[data-v-3153a3dd] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}
.intro-texto strong[data-v-3153a3dd] {
  color: #6EE7B7;
}

/* Fase detalle */
.fase-detalle[data-v-3153a3dd] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-detalle.g1[data-v-3153a3dd] {
  border-color: rgba(251, 191, 36, 0.5);
}
.fase-detalle.s[data-v-3153a3dd] {
  border-color: rgba(59, 130, 246, 0.5);
}
.fase-detalle.g2[data-v-3153a3dd] {
  border-color: rgba(16, 185, 129, 0.5);
}
.fase-header[data-v-3153a3dd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.fase-detalle.g1 .fase-header[data-v-3153a3dd] {
  background: rgba(251, 191, 36, 0.2);
}
.fase-detalle.s .fase-header[data-v-3153a3dd] {
  background: rgba(59, 130, 246, 0.2);
}
.fase-detalle.g2 .fase-header[data-v-3153a3dd] {
  background: rgba(16, 185, 129, 0.2);
}
.fase-letra[data-v-3153a3dd] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  min-width: 40px;
  text-align: center;
}
.fase-nombre[data-v-3153a3dd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fase-contenido[data-v-3153a3dd] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Actividades */
.fase-actividades[data-v-3153a3dd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.actividad[data-v-3153a3dd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.act-icono[data-v-3153a3dd] {
  font-size: 1rem;
}
.act-texto[data-v-3153a3dd] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Punto de control */
.fase-punto-control[data-v-3153a3dd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.control-icono[data-v-3153a3dd] {
  font-size: 1rem;
}
.control-texto[data-v-3153a3dd] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.control-texto strong[data-v-3153a3dd] {
  color: #FFFFFF;
}

/* Replicación visual */
.replicacion-visual[data-v-3153a3dd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.adn-antes[data-v-3153a3dd], .adn-despues[data-v-3153a3dd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.adn-label[data-v-3153a3dd] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}
.cromosoma[data-v-3153a3dd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.crom-icono[data-v-3153a3dd] {
  font-size: 1.25rem;
}
.crom-desc[data-v-3153a3dd] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.replicacion-flecha[data-v-3153a3dd] {
  font-size: 1.5rem;
  color: #3B82F6;
  font-weight: 800;
}

/* G0 */
.g0-section[data-v-3153a3dd] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.g0-header[data-v-3153a3dd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.g0-icono[data-v-3153a3dd] {
  font-size: 1.25rem;
}
.g0-titulo[data-v-3153a3dd] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.g0-texto[data-v-3153a3dd] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.g0-texto strong[data-v-3153a3dd] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-3153a3dd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3153a3dd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3153a3dd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3153a3dd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fase-header[data-v-3153a3dd] {
    padding: 1rem 1.25rem;
}
.fase-letra[data-v-3153a3dd] {
    font-size: 1.75rem;
    min-width: 50px;
}
.fase-nombre[data-v-3153a3dd] {
    font-size: 1.05rem;
}
.fase-contenido[data-v-3153a3dd] {
    padding: 1rem 1.25rem;
}
.act-texto[data-v-3153a3dd] {
    font-size: 0.9rem;
}
.replicacion-visual[data-v-3153a3dd] {
    gap: 1rem;
    padding: 1rem;
}
.crom-icono[data-v-3153a3dd] {
    font-size: 1.5rem;
}
}

/* Intro */
.intro-mitosis[data-v-80968244] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.intro-icono[data-v-80968244] {
  font-size: 2rem;
}
.intro-texto p[data-v-80968244] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}
strong.mitosis-color[data-v-80968244] { color: #FCA5A5;
}
strong.citocinesis-color[data-v-80968244] { color: #93C5FD;
}

/* Sección título */
.seccion-titulo[data-v-80968244] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Fases de la mitosis */
.mitosis-section[data-v-80968244] {
  margin: 1.5rem 0;
}
.fases-mitosis[data-v-80968244] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fase-mitosis[data-v-80968244] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-mitosis.profase[data-v-80968244] { border-color: rgba(251, 191, 36, 0.5);
}
.fase-mitosis.metafase[data-v-80968244] { border-color: rgba(59, 130, 246, 0.5);
}
.fase-mitosis.anafase[data-v-80968244] { border-color: rgba(239, 68, 68, 0.5);
}
.fase-mitosis.telofase[data-v-80968244] { border-color: rgba(16, 185, 129, 0.5);
}
.fm-header[data-v-80968244] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.fase-mitosis.profase .fm-header[data-v-80968244] { background: rgba(251, 191, 36, 0.2);
}
.fase-mitosis.metafase .fm-header[data-v-80968244] { background: rgba(59, 130, 246, 0.2);
}
.fase-mitosis.anafase .fm-header[data-v-80968244] { background: rgba(239, 68, 68, 0.2);
}
.fase-mitosis.telofase .fm-header[data-v-80968244] { background: rgba(16, 185, 129, 0.2);
}
.fm-numero[data-v-80968244] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fm-nombre[data-v-80968244] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fm-contenido[data-v-80968244] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.fm-eventos[data-v-80968244] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Nemotecnia */
.nemotecnia[data-v-80968244] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.nemo-icono[data-v-80968244] {
  font-size: 1.5rem;
}
.nemo-contenido[data-v-80968244] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nemo-titulo[data-v-80968244] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nemo-frase[data-v-80968244] {
  font-size: 1rem;
  color: #FFFFFF;
}
.profase-c[data-v-80968244] { color: #FCD34D;
}
.metafase-c[data-v-80968244] { color: #93C5FD;
}
.anafase-c[data-v-80968244] { color: #FCA5A5;
}
.telofase-c[data-v-80968244] { color: #6EE7B7;
}
.nemo-expansion[data-v-80968244] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Citocinesis */
.citocinesis-section[data-v-80968244] {
  margin: 1.5rem 0;
}
.citocinesis-tipos[data-v-80968244] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cito-tipo[data-v-80968244] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.cito-tipo.animal[data-v-80968244] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.cito-tipo.vegetal[data-v-80968244] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.cito-header[data-v-80968244] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.cito-icono[data-v-80968244] {
  font-size: 1.25rem;
}
.cito-nombre[data-v-80968244] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.cito-descripcion[data-v-80968244] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cito-tipo.animal .cito-descripcion strong[data-v-80968244] { color: #FCA5A5;
}
.cito-tipo.vegetal .cito-descripcion strong[data-v-80968244] { color: #6EE7B7;
}

/* Resultado */
.resultado-section[data-v-80968244] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.resultado-titulo[data-v-80968244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.resultado-visual[data-v-80968244] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.celula-madre[data-v-80968244], .celulas-hijas[data-v-80968244] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cel-icono[data-v-80968244] {
  font-size: 2rem;
}
.cel-info[data-v-80968244] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.resultado-flecha[data-v-80968244] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}
.cel-hija[data-v-80968244] {
  padding: 0.25rem;
}
.cel-info-hijas[data-v-80968244] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-80968244] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-80968244] {
  font-size: 1.25rem;
}
.tip-texto[data-v-80968244] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-80968244] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fases-mitosis[data-v-80968244] {
    grid-template-columns: repeat(4, 1fr);
}
.fm-eventos[data-v-80968244] {
    font-size: 0.75rem;
}
.citocinesis-tipos[data-v-80968244] {
    flex-direction: row;
    gap: 1rem;
}
.cito-tipo[data-v-80968244] {
    flex: 1;
}
.resultado-visual[data-v-80968244] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
}

.explorador[data-v-7ccc6732] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7ccc6732] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-7ccc6732] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-7ccc6732] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7ccc6732] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7ccc6732] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7ccc6732] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7ccc6732] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7ccc6732] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar fases ===== */
.ordenar-container[data-v-7ccc6732] {
  text-align: center;
}
.fases-pool[data-v-7ccc6732] {
  margin-bottom: 1rem;
}
.pool-label[data-v-7ccc6732], .slots-label[data-v-7ccc6732] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.fases-disponibles[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.fase-btn[data-v-7ccc6732] {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
  color: #FFFFFF;
}
.fase-btn.amarillo[data-v-7ccc6732] {
  background: rgba(251, 191, 36, 0.3);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase-btn.azul[data-v-7ccc6732] {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase-btn.verde[data-v-7ccc6732] {
  background: rgba(16, 185, 129, 0.3);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase-btn.rojo[data-v-7ccc6732] {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}
.fase-btn.seleccionada[data-v-7ccc6732] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.orden-slots[data-v-7ccc6732] {
  margin-bottom: 1rem;
}
.slots-grid[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.slot-orden[data-v-7ccc6732] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.seleccionable[data-v-7ccc6732] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-7ccc6732 1s infinite;
}
@keyframes pulse-7ccc6732 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-orden.ocupado[data-v-7ccc6732] {
  border-style: solid;
}
.slot-orden.amarillo[data-v-7ccc6732] { background: rgba(251, 191, 36, 0.3); border-color: #F59E0B;
}
.slot-orden.azul[data-v-7ccc6732] { background: rgba(59, 130, 246, 0.3); border-color: #3B82F6;
}
.slot-orden.verde[data-v-7ccc6732] { background: rgba(16, 185, 129, 0.3); border-color: #10B981;
}
.slot-orden.rojo[data-v-7ccc6732] { background: rgba(239, 68, 68, 0.3); border-color: #EF4444;
}
.slot-numero[data-v-7ccc6732] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
  font-weight: 700;
}
.slot-contenido[data-v-7ccc6732] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
}

/* Botones de acción */
.botones-accion[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-7ccc6732], .btn-reiniciar[data-v-7ccc6732] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-7ccc6732] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-7ccc6732] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Identificar eventos ===== */
.identificar-container[data-v-7ccc6732] {
  text-align: center;
}
.evento-actual[data-v-7ccc6732] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-7ccc6732] {
  font-size: 2rem;
}
.evento-texto[data-v-7ccc6732] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-fase[data-v-7ccc6732] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-mitosis[data-v-7ccc6732] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-mitosis[data-v-7ccc6732] {
  padding: 0.6rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.85rem;
  color: #FFFFFF;
  transition: all 0.2s ease;
}
.opcion-mitosis.amarillo[data-v-7ccc6732] {
  background: rgba(251, 191, 36, 0.2);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-mitosis.azul[data-v-7ccc6732] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-mitosis.rojo[data-v-7ccc6732] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-mitosis.verde[data-v-7ccc6732] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-mitosis.seleccionada[data-v-7ccc6732] {
  transform: scale(1.02);
}
.opcion-mitosis.correcto[data-v-7ccc6732] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-mitosis.incorrecto[data-v-7ccc6732] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-7ccc6732] {
  text-align: center;
}
.ciclo-visual[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.celula-simulador[data-v-7ccc6732] {
  transition: all 0.5s ease;
}
.celula-membrana[data-v-7ccc6732] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 4px solid #8B5CF6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
  transition: all 0.5s ease;
}
.celula-simulador.citocinesis .celula-membrana[data-v-7ccc6732] {
  width: 180px;
  border-radius: 30%;
}
.celula-interior[data-v-7ccc6732] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.nucleo-icono[data-v-7ccc6732] {
  font-size: 2.5rem;
}
.cromosomas-condensados[data-v-7ccc6732],
.cromosomas-ecuador[data-v-7ccc6732] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.25rem;
}
.cromosomas-separando[data-v-7ccc6732] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 0.5rem;
}
.polo-izq[data-v-7ccc6732], .polo-der[data-v-7ccc6732] {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
}
.dos-nucleos[data-v-7ccc6732] {
  display: flex;
  gap: 1rem;
  font-size: 1.5rem;
}
.celulas-separando[data-v-7ccc6732] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.cel-nueva[data-v-7ccc6732] {
  font-size: 1.5rem;
}
.surco[data-v-7ccc6732] {
  width: 2px;
  height: 40px;
  background: #EF4444;
}
.fase-info[data-v-7ccc6732] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.fase-actual-nombre[data-v-7ccc6732] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fase-actual-nombre.g1[data-v-7ccc6732], .fase-actual-nombre.profase[data-v-7ccc6732] { color: #FCD34D;
}
.fase-actual-nombre.s[data-v-7ccc6732], .fase-actual-nombre.metafase[data-v-7ccc6732] { color: #93C5FD;
}
.fase-actual-nombre.g2[data-v-7ccc6732], .fase-actual-nombre.telofase[data-v-7ccc6732] { color: #6EE7B7;
}
.fase-actual-nombre.m[data-v-7ccc6732], .fase-actual-nombre.anafase[data-v-7ccc6732], .fase-actual-nombre.citocinesis[data-v-7ccc6732] { color: #FCA5A5;
}
.fase-descripcion[data-v-7ccc6732] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.controles-simulador[data-v-7ccc6732] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-btn[data-v-7ccc6732] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
}
.control-btn[data-v-7ccc6732]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.indicador-fase[data-v-7ccc6732] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.quiz-simulador[data-v-7ccc6732] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-7ccc6732] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-7ccc6732] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.quiz-opc[data-v-7ccc6732] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.quiz-opc.seleccionada[data-v-7ccc6732] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-7ccc6732] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-7ccc6732] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.feedback-msg[data-v-7ccc6732] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-7ccc6732] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-7ccc6732] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-7ccc6732] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7ccc6732] { font-size: 1.25rem;
}
.resultado-texto[data-v-7ccc6732] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-7ccc6732] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-7ccc6732] { flex: 1;
}
.nav-btn[data-v-7ccc6732] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7ccc6732] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7ccc6732] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7ccc6732] { font-size: 1.75rem;
}
.completado-texto[data-v-7ccc6732] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7ccc6732], .slide-leave-active[data-v-7ccc6732] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7ccc6732] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7ccc6732] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slots-grid[data-v-7ccc6732] {
    gap: 0.75rem;
}
.slot-orden[data-v-7ccc6732] {
    width: 60px;
    height: 60px;
}
.celula-membrana[data-v-7ccc6732] {
    width: 150px;
    height: 150px;
}
.celula-simulador.citocinesis .celula-membrana[data-v-7ccc6732] {
    width: 220px;
}
.opciones-mitosis[data-v-7ccc6732] {
    grid-template-columns: repeat(4, 1fr);
}
.quiz-opciones[data-v-7ccc6732] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.resumen-intro[data-v-fc491632] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-fc491632] {
  font-size: 2rem;
}
.resumen-intro p[data-v-fc491632] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-fc491632] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-fc491632] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-fc491632] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-fc491632]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-fc491632] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-fc491632] {
    grid-column: span 1;
}
}
.card-header[data-v-fc491632] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-fc491632] {
  font-size: 1.25rem;
}
.card-titulo[data-v-fc491632] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-fc491632] {
  color: #E9D5FF;
}
.card-nota[data-v-fc491632] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ciclo resumen */
.ciclo-resumen[data-v-fc491632] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.fase-mini[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  border: 2px solid;
}
.fase-mini.g1[data-v-fc491632] {
  background: rgba(251, 191, 36, 0.2);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase-mini.s[data-v-fc491632] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase-mini.g2[data-v-fc491632] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase-mini.m[data-v-fc491632] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
.fm-letra[data-v-fc491632] {
  font-weight: 800;
  font-size: 1rem;
  color: #FFFFFF;
}
.fm-desc[data-v-fc491632] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.flecha[data-v-fc491632] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Interfase resumen */
.interfase-resumen[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.if-item[data-v-fc491632] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.if-item.g1[data-v-fc491632] {
  background: rgba(251, 191, 36, 0.1);
  border-left: 3px solid #F59E0B;
}
.if-item.s[data-v-fc491632] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.if-item.g2[data-v-fc491632] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.if-item strong[data-v-fc491632] {
  color: #FFFFFF;
}

/* Mitosis resumen */
.mitosis-resumen[data-v-fc491632] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.mit-fase[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mit-nombre[data-v-fc491632] {
  font-weight: 700;
  font-size: 0.8rem;
}
.mit-nombre.profase[data-v-fc491632] { color: #FCD34D;
}
.mit-nombre.metafase[data-v-fc491632] { color: #93C5FD;
}
.mit-nombre.anafase[data-v-fc491632] { color: #FCA5A5;
}
.mit-nombre.telofase[data-v-fc491632] { color: #6EE7B7;
}
.mit-evento[data-v-fc491632] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Checkpoints */
.checkpoints[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.checkpoint[data-v-fc491632] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.cp-nombre[data-v-fc491632] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 25px;
}
.cp-pregunta[data-v-fc491632] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Resultado visual */
.resultado-visual[data-v-fc491632] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cel-madre[data-v-fc491632], .cels-hijas[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cel-madre span[data-v-fc491632]:first-child,
.cels-hijas span[data-v-fc491632]:first-child {
  font-size: 1.5rem;
}
.cel-label[data-v-fc491632] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha-resultado[data-v-fc491632] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 800;
}

/* Comparación */
.comparacion[data-v-fc491632] {
  display: flex;
  gap: 0.5rem;
}
.comp-item[data-v-fc491632] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.mitosis[data-v-fc491632] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-item.meiosis[data-v-fc491632] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.comp-titulo[data-v-fc491632] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-dato[data-v-fc491632] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-uso[data-v-fc491632] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-fc491632] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-fc491632] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-fc491632] {
  font-size: 1.25rem;
}
.tip-text[data-v-fc491632] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-fc491632] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-fc491632] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-fc491632] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-fc491632 1s ease-in-out infinite;
}
@keyframes bounce-fc491632 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-fc491632] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-fc491632] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-8b394f66] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.descubrimiento[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 2rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.descubrimiento-icon[data-v-8b394f66] {
  font-size: 3rem;
}
.descubrimiento-fecha[data-v-8b394f66] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1.5rem;
}

/* Texto especial */
strong.cientifico[data-v-8b394f66] {
  color: #93C5FD;
}
strong.estructura[data-v-8b394f66] {
  color: #A78BFA;
}

/* Científicos */
.cientificos-section[data-v-8b394f66] {
  margin: 1.5rem 0;
}
.cientificos-titulo[data-v-8b394f66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cientificos-grid[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cientifico-item[data-v-8b394f66] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cientifico-icono[data-v-8b394f66] {
  font-size: 1.5rem;
}
.cientifico-info[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.cientifico-nombre[data-v-8b394f66] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.cientifico-aporte[data-v-8b394f66] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Definición */
.definicion-section[data-v-8b394f66] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-8b394f66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-contenido[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.def-item[data-v-8b394f66] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.def-icono[data-v-8b394f66] {
  font-size: 1.1rem;
  min-width: 28px;
}
.def-texto[data-v-8b394f66] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.def-texto strong[data-v-8b394f66] {
  color: #FFFFFF;
}

/* Características */
.caracteristicas-section[data-v-8b394f66] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-8b394f66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-8b394f66] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.caracteristica[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem 0.3rem;
  border-radius: 0.5rem;
  border: 1px solid;
  text-align: center;
}
.caracteristica.doble[data-v-8b394f66] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.caracteristica.helice[data-v-8b394f66] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.3);
}
.caracteristica.anti[data-v-8b394f66] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.car-icono[data-v-8b394f66] {
  font-size: 1.4rem;
}
.car-nombre[data-v-8b394f66] {
  font-weight: 700;
  font-size: 0.7rem;
  color: #FFFFFF;
}
.car-desc[data-v-8b394f66] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Analogía escalera */
.analogia-section[data-v-8b394f66] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-8b394f66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-visual[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.escalera[data-v-8b394f66] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lado[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.barandal[data-v-8b394f66] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #F59E0B;
}
.peldanos[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.peldano[data-v-8b394f66] {
  font-size: 1rem;
  color: #60A5FA;
  letter-spacing: -2px;
}
.analogia-explicacion[data-v-8b394f66] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}
.exp-item[data-v-8b394f66] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.exp-item strong[data-v-8b394f66] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-8b394f66] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8b394f66] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8b394f66] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8b394f66] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cientificos-grid[data-v-8b394f66] {
    flex-direction: row;
}
.cientifico-item[data-v-8b394f66] {
    flex: 1;
}
.caracteristicas-grid[data-v-8b394f66] {
    gap: 0.75rem;
}
.caracteristica[data-v-8b394f66] {
    padding: 0.75rem 0.5rem;
}
.car-icono[data-v-8b394f66] {
    font-size: 1.75rem;
}
.car-nombre[data-v-8b394f66] {
    font-size: 0.8rem;
}
.car-desc[data-v-8b394f66] {
    font-size: 0.7rem;
}
.analogia-visual[data-v-8b394f66] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-c3db2401] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.nucleotido-preview[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 2rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.nucleo-icon[data-v-c3db2401] {
  font-size: 2.5rem;
}
.nucleo-texto[data-v-c3db2401] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Texto especial */
strong.componente[data-v-c3db2401] {
  color: #FCD34D;
}

/* Componentes del nucleótido */
.componentes-section[data-v-c3db2401] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-c3db2401] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-visual[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.componente[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  min-width: 160px;
  text-align: center;
}
.componente.fosfato[data-v-c3db2401] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.componente.azucar[data-v-c3db2401] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.componente.base[data-v-c3db2401] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.comp-icono[data-v-c3db2401] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-c3db2401] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.comp-formula[data-v-c3db2401] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-family: monospace;
}
.comp-desc[data-v-c3db2401] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.enlace.vertical[data-v-c3db2401] {
  font-size: 1rem;
  color: #8B5CF6;
}

/* Azúcar comparación */
.azucar-section[data-v-c3db2401] {
  margin: 1.5rem 0;
}
.azucar-titulo[data-v-c3db2401] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.azucar-comparacion[data-v-c3db2401] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.azucar-item[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
  max-width: 140px;
}
.azucar-item.ribosa[data-v-c3db2401] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.azucar-item.desoxirribosa[data-v-c3db2401] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.az-nombre[data-v-c3db2401] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.az-formula[data-v-c3db2401] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs[data-v-c3db2401] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 0.9rem;
}
.azucar-nota[data-v-c3db2401] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nota-icono[data-v-c3db2401] {
  font-size: 1rem;
}
.nota-texto[data-v-c3db2401] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Bases nitrogenadas */
.bases-section[data-v-c3db2401] {
  margin: 1.5rem 0;
}
.bases-titulo[data-v-c3db2401] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.bases-grid[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.base-grupo[data-v-c3db2401] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.base-grupo.purinas[data-v-c3db2401] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.base-grupo.pirimidinas[data-v-c3db2401] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.grupo-titulo[data-v-c3db2401] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  text-align: center;
}
.bases-items[data-v-c3db2401] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.base[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.base-letra[data-v-c3db2401] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 50%;
  border: 3px solid;
}
.base.adenina .base-letra[data-v-c3db2401] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base.guanina .base-letra[data-v-c3db2401] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base.citosina .base-letra[data-v-c3db2401] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.base.timina .base-letra[data-v-c3db2401] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base-nombre[data-v-c3db2401] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Unión de nucleótidos */
.union-section[data-v-c3db2401] {
  margin: 1.5rem 0;
}
.union-titulo[data-v-c3db2401] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.union-visual[data-v-c3db2401] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.cadena-esquema[data-v-c3db2401] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.esquema-item[data-v-c3db2401] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 50%;
}
.esquema-item.fosfato[data-v-c3db2401] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.esquema-item.azucar[data-v-c3db2401] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.esquema-enlace[data-v-c3db2401] {
  color: #8B5CF6;
  font-weight: 700;
}
.bases-colgantes[data-v-c3db2401] {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  margin-left: 1rem;
}
.base-col[data-v-c3db2401] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  border: 2px solid;
}
.base-col.adenina[data-v-c3db2401] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base-col.guanina[data-v-c3db2401] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.espacio[data-v-c3db2401] {
  width: 32px;
}
.union-explicacion[data-v-c3db2401] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}
.union-explicacion strong[data-v-c3db2401] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-c3db2401] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c3db2401] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c3db2401] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c3db2401] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-visual[data-v-c3db2401] {
    flex-direction: row;
    justify-content: center;
}
.enlace.vertical[data-v-c3db2401] {
    transform: rotate(-90deg);
}
.bases-grid[data-v-c3db2401] {
    flex-direction: row;
}
.base-grupo[data-v-c3db2401] {
    flex: 1;
}
.base-letra[data-v-c3db2401] {
    width: 44px;
    height: 44px;
    font-size: 1.3rem;
}
}

/* Intro visual */
.intro-visual[data-v-c8af81e2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.helice-visual[data-v-c8af81e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.cadena[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cadena .nucleotido[data-v-c8af81e2] {
  font-size: 1.25rem;
}
.cadena.izq .nucleotido[data-v-c8af81e2] {
  color: #F59E0B;
}
.cadena.der .nucleotido[data-v-c8af81e2] {
  color: #10B981;
}
.puentes[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.puente-h[data-v-c8af81e2] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Texto especial */
strong.helice[data-v-c8af81e2] {
  color: #93C5FD;
}
strong.enlace[data-v-c8af81e2] {
  color: #A78BFA;
}

/* Apareamiento de bases */
.apareamiento-section[data-v-c8af81e2] {
  margin: 1.5rem 0;
}
.apareamiento-titulo[data-v-c8af81e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.apareamiento-info[data-v-c8af81e2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.apareamiento-info strong[data-v-c8af81e2] {
  color: #FCD34D;
}
.pares-grid[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.par-item[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.par-visual[data-v-c8af81e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.base[data-v-c8af81e2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 50%;
  border: 3px solid;
}
.base.adenina[data-v-c8af81e2] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base.timina[data-v-c8af81e2] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base.guanina[data-v-c8af81e2] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base.citosina[data-v-c8af81e2] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.puentes-h[data-v-c8af81e2] {
  font-size: 1.1rem;
  letter-spacing: -2px;
}
.puentes-h.doble[data-v-c8af81e2] {
  color: #FCD34D;
}
.puentes-h.triple[data-v-c8af81e2] {
  color: #34D399;
}
.par-desc[data-v-c8af81e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.regla-box[data-v-c8af81e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.regla-icono[data-v-c8af81e2] {
  font-size: 1rem;
}
.regla-texto[data-v-c8af81e2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-c8af81e2] {
  color: #FCD34D;
}

/* Cadenas antiparalelas */
.antiparalelas-section[data-v-c8af81e2] {
  margin: 1.5rem 0;
}
.antiparalelas-titulo[data-v-c8af81e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.antiparalelas-visual[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.cadena-direccion[data-v-c8af81e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dir-label[data-v-c8af81e2] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
}
.dir-flecha[data-v-c8af81e2] {
  color: #8B5CF6;
  font-size: 1rem;
}
.cadena-esquema[data-v-c8af81e2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.cadena-esquema.complementaria[data-v-c8af81e2] {
  opacity: 0.9;
}
.nucleo[data-v-c8af81e2] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  color: #FCD34D;
}
.enlace-linea[data-v-c8af81e2] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.bases-centro[data-v-c8af81e2] {
  display: flex;
  gap: 0.5rem;
  margin: 0.25rem 0;
}
.base-pequeña[data-v-c8af81e2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.antiparalelas-explicacion[data-v-c8af81e2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.antiparalelas-explicacion strong[data-v-c8af81e2] {
  color: #A78BFA;
}

/* Surcos */
.surcos-section[data-v-c8af81e2] {
  margin: 1.5rem 0;
}
.surcos-titulo[data-v-c8af81e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.surcos-grid[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.surco[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.surco.mayor[data-v-c8af81e2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.surco.menor[data-v-c8af81e2] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.surco-nombre[data-v-c8af81e2] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.surco-desc[data-v-c8af81e2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.surco-funcion[data-v-c8af81e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Dimensiones */
.dimensiones-section[data-v-c8af81e2] {
  margin: 1.5rem 0;
}
.dimensiones-titulo[data-v-c8af81e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dimensiones-grid[data-v-c8af81e2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.dimension-item[data-v-c8af81e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.dim-valor[data-v-c8af81e2] {
  font-weight: 800;
  font-size: 1rem;
  color: #FCD34D;
}
.dim-desc[data-v-c8af81e2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Tip */
.tip[data-v-c8af81e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c8af81e2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c8af81e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c8af81e2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pares-grid[data-v-c8af81e2] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.base[data-v-c8af81e2] {
    width: 50px;
    height: 50px;
    font-size: 1.3rem;
}
.surcos-grid[data-v-c8af81e2] {
    flex-direction: row;
}
.surco[data-v-c8af81e2] {
    flex: 1;
}
.dimensiones-grid[data-v-c8af81e2] {
    gap: 0.75rem;
}
.dim-valor[data-v-c8af81e2] {
    font-size: 1.1rem;
}
.dim-desc[data-v-c8af81e2] {
    font-size: 0.7rem;
}
}

.explorador[data-v-8cba3df3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8cba3df3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8cba3df3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8cba3df3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8cba3df3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8cba3df3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8cba3df3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8cba3df3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8cba3df3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8cba3df3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Nucleótido ===== */
.nucleotido-builder[data-v-8cba3df3] {
  text-align: center;
}
.nucleotido-slots[data-v-8cba3df3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.slot-componente[data-v-8cba3df3] {
  width: 100px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slot-componente.lleno[data-v-8cba3df3] {
  border-style: solid;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-componente.seleccionable[data-v-8cba3df3] {
  border-color: #8B5CF6;
  animation: pulse-8cba3df3 1s infinite;
}
@keyframes pulse-8cba3df3 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}
.slot-placeholder[data-v-8cba3df3] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}
.comp-icono[data-v-8cba3df3] {
  font-size: 1.5rem;
}
.slot-label[data-v-8cba3df3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.enlace-vertical[data-v-8cba3df3] {
  font-size: 1rem;
  color: #8B5CF6;
  font-weight: 700;
}
.componentes-disponibles[data-v-8cba3df3], .bases-disponibles[data-v-8cba3df3] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.disponibles-label[data-v-8cba3df3] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.componentes-pool[data-v-8cba3df3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.comp-btn[data-v-8cba3df3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.comp-btn.fosfato[data-v-8cba3df3] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.comp-btn.azucar[data-v-8cba3df3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-btn.base[data-v-8cba3df3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.comp-btn.seleccionado[data-v-8cba3df3] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.comp-emoji[data-v-8cba3df3] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-8cba3df3] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Emparejar bases ===== */
.emparejamiento-container[data-v-8cba3df3] {
  text-align: center;
}
.cadena-adn[data-v-8cba3df3], .cadena-complementaria[data-v-8cba3df3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.cadena-label[data-v-8cba3df3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.cadena-label.direccion[data-v-8cba3df3] {
  color: #FCD34D;
  font-weight: 700;
}
.bases-row[data-v-8cba3df3] {
  display: flex;
  gap: 0.25rem;
}
.base-slot[data-v-8cba3df3] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  border-radius: 0.4rem;
  border: 2px solid;
}
.base-slot.adenina[data-v-8cba3df3] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base-slot.timina[data-v-8cba3df3] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base-slot.guanina[data-v-8cba3df3] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base-slot.citosina[data-v-8cba3df3] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.base-slot.vacio[data-v-8cba3df3] {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(139, 92, 246, 0.4);
  border-style: dashed;
  color: rgba(255, 255, 255, 0.3);
}
.base-slot.complementaria[data-v-8cba3df3] {
  cursor: pointer;
}
.base-slot.seleccionable[data-v-8cba3df3] {
  border-color: #8B5CF6;
  animation: pulse-8cba3df3 1s infinite;
}
.puentes-container[data-v-8cba3df3] {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  margin: 0.15rem 0;
}
.puente[data-v-8cba3df3] {
  width: 36px;
  text-align: center;
  font-size: 0.7rem;
  color: #FCD34D;
  height: 14px;
}
.bases-pool[data-v-8cba3df3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.base-btn[data-v-8cba3df3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 2px solid;
  transition: all 0.2s ease;
  font-family: inherit;
}
.base-btn.adenina[data-v-8cba3df3] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.base-btn.timina[data-v-8cba3df3] {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.5);
  color: #D8B4FE;
}
.base-btn.guanina[data-v-8cba3df3] {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.5);
  color: #86EFAC;
}
.base-btn.citosina[data-v-8cba3df3] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.base-btn.seleccionado[data-v-8cba3df3] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}

/* ===== DESAFÍO 3: Chargaff ===== */
.chargaff-container[data-v-8cba3df3] {
  text-align: center;
}
.chargaff-enunciado[data-v-8cba3df3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.enunciado-icono[data-v-8cba3df3] {
  font-size: 2rem;
}
.enunciado-texto[data-v-8cba3df3] {
  color: #E9D5FF;
  font-size: 0.95rem;
  text-align: left;
  line-height: 1.4;
}
.enunciado-texto strong[data-v-8cba3df3] {
  color: #FCD34D;
}
.enunciado-texto strong.adenina[data-v-8cba3df3] {
  color: #FCA5A5;
}
.chargaff-pregunta[data-v-8cba3df3] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-8cba3df3] {
  color: #FFFFFF;
  font-size: 1rem;
}
.pregunta-texto strong.timina[data-v-8cba3df3] {
  color: #D8B4FE;
}
.pregunta-texto strong.guanina[data-v-8cba3df3] {
  color: #86EFAC;
}
.pregunta-texto strong.citosina[data-v-8cba3df3] {
  color: #93C5FD;
}
.chargaff-input-container[data-v-8cba3df3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chargaff-input[data-v-8cba3df3] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.chargaff-input.correcto[data-v-8cba3df3] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.chargaff-input.incorrecto[data-v-8cba3df3] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-suffix[data-v-8cba3df3] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-8cba3df3] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-8cba3df3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: left;
}
.feedback-icono[data-v-8cba3df3] {
  font-size: 1rem;
}
.feedback-texto[data-v-8cba3df3] {
  font-size: 0.8rem;
  color: #FCA5A5;
  line-height: 1.4;
}
.chargaff-ayuda[data-v-8cba3df3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ayuda-titulo[data-v-8cba3df3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ayuda-formulas[data-v-8cba3df3] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.formula[data-v-8cba3df3] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 0.25rem;
}

/* Elementos comunes */
.contador[data-v-8cba3df3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-8cba3df3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8cba3df3] { font-size: 1.25rem;
}
.resultado-texto[data-v-8cba3df3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8cba3df3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8cba3df3] { flex: 1;
}
.nav-btn[data-v-8cba3df3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8cba3df3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8cba3df3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8cba3df3] { font-size: 1.75rem;
}
.completado-texto[data-v-8cba3df3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8cba3df3], .slide-leave-active[data-v-8cba3df3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8cba3df3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8cba3df3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.nucleotido-slots[data-v-8cba3df3] {
    flex-direction: row;
    justify-content: center;
}
.enlace-vertical[data-v-8cba3df3] {
    transform: rotate(-90deg);
}
.slot-componente[data-v-8cba3df3] {
    width: 110px;
    height: 80px;
}
.base-slot[data-v-8cba3df3] {
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
}
.puente[data-v-8cba3df3] {
    width: 44px;
}
.base-btn[data-v-8cba3df3] {
    width: 52px;
    height: 52px;
    font-size: 1.3rem;
}
}

/* Header resumen */
.resumen-header[data-v-8f352613] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-8f352613] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-8f352613] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}

/* Puntos de resumen */
.punto-resumen[data-v-8f352613] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.punto-numero[data-v-8f352613] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.punto-contenido[data-v-8f352613] {
  flex: 1;
}
.punto-titulo[data-v-8f352613] {
  display: block;
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.punto-detalle[data-v-8f352613] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-detalle strong.cientifico[data-v-8f352613] {
  color: #93C5FD;
}
.punto-detalle strong.estructura[data-v-8f352613] {
  color: #A78BFA;
}

/* Componentes mini */
.componentes-mini[data-v-8f352613] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.4rem;
}
.comp[data-v-8f352613] {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
}
.comp.fosfato[data-v-8f352613] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.comp.azucar[data-v-8f352613] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comp.base[data-v-8f352613] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}

/* Bases resumen */
.bases-resumen[data-v-8f352613] {
  display: flex;
  gap: 1rem;
  margin-top: 0.4rem;
}
.base-grupo-mini[data-v-8f352613] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.grupo-label[data-v-8f352613] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.bases-mini[data-v-8f352613] {
  display: flex;
  gap: 0.3rem;
}
.base[data-v-8f352613] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 50%;
  border: 2px solid;
}
.base.adenina[data-v-8f352613] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.base.timina[data-v-8f352613] {
  background: rgba(168, 85, 247, 0.2);
  border-color: #A855F7;
  color: #D8B4FE;
}
.base.guanina[data-v-8f352613] {
  background: rgba(34, 197, 94, 0.2);
  border-color: #22C55E;
  color: #86EFAC;
}
.base.citosina[data-v-8f352613] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}

/* Apareamiento resumen */
.apareamiento-resumen[data-v-8f352613] {
  display: flex;
  gap: 1rem;
  margin-top: 0.4rem;
}
.par[data-v-8f352613] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.puentes[data-v-8f352613] {
  font-size: 0.8rem;
  color: #FCD34D;
  letter-spacing: -1px;
}
.puentes.triple[data-v-8f352613] {
  color: #34D399;
}
.h-num[data-v-8f352613] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-left: 0.2rem;
}

/* Características resumen */
.caracteristicas-resumen[data-v-8f352613] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.4rem;
}
.car-item[data-v-8f352613] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-8f352613] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-8f352613] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tip-item[data-v-8f352613] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-item[data-v-8f352613]:last-child {
  margin-bottom: 0;
}
.tip-check[data-v-8f352613] {
  color: #10B981;
  font-weight: 700;
  min-width: 20px;
}
.tip-texto[data-v-8f352613] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fórmulas */
.formulas-section[data-v-8f352613] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-8f352613] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-8f352613] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.formula-item[data-v-8f352613] {
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.formula-eq[data-v-8f352613] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-8f352613] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-8f352613] {
  font-size: 1.5rem;
}
.final-texto[data-v-8f352613] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.bases-resumen[data-v-8f352613] {
    gap: 2rem;
}
.base[data-v-8f352613] {
    width: 32px;
    height: 32px;
    font-size: 1rem;
}
.apareamiento-resumen[data-v-8f352613] {
    gap: 2rem;
}
.caracteristicas-resumen[data-v-8f352613] {
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.formulas-grid[data-v-8f352613] {
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-a59ce861] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.dna-container[data-v-a59ce861] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.dna-icon[data-v-a59ce861] {
  font-size: 3rem;
  animation: rotate-dna-a59ce861 3s ease-in-out infinite;
}
@keyframes rotate-dna-a59ce861 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
.herramientas[data-v-a59ce861] {
  display: flex;
  gap: 0.5rem;
}
.tool[data-v-a59ce861] {
  font-size: 1.5rem;
  animation: tool-pulse-a59ce861 2s ease-in-out infinite;
}
.tool[data-v-a59ce861]:nth-child(2) { animation-delay: 0.3s;
}
.tool[data-v-a59ce861]:nth-child(3) { animation-delay: 0.6s;
}
@keyframes tool-pulse-a59ce861 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}
.resultado-icon[data-v-a59ce861] {
  font-size: 3rem;
}

/* Texto destacado */
strong.accion-cortar[data-v-a59ce861] {
  color: #FCA5A5;
}
strong.accion-modificar[data-v-a59ce861] {
  color: #FCD34D;
}
strong.accion-insertar[data-v-a59ce861] {
  color: #6EE7B7;
}

/* Concepto central */
.concepto-section[data-v-a59ce861] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-a59ce861], .seccion-titulo[data-v-a59ce861] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-box[data-v-a59ce861] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-visual[data-v-a59ce861] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.gen-original[data-v-a59ce861] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.flecha-transfer[data-v-a59ce861] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.organismo-receptor[data-v-a59ce861] {
  padding: 0.4rem 0.75rem;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.concepto-desc[data-v-a59ce861] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: center;
}

/* ADN Recombinante */
.adn-recombinante-section[data-v-a59ce861] {
  margin: 1.5rem 0;
}
.recombinante-grid[data-v-a59ce861] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.recombinante-item[data-v-a59ce861] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.rec-icono[data-v-a59ce861] {
  font-size: 1.25rem;
}
.rec-contenido[data-v-a59ce861] {
  display: flex;
  flex-direction: column;
}
.rec-titulo[data-v-a59ce861] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.rec-desc[data-v-a59ce861] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Transgénicos */
.transgenicos-section[data-v-a59ce861] {
  margin: 1.5rem 0;
}
.transgenicos-desc[data-v-a59ce861] {
  margin-bottom: 0.75rem;
}
.transgenicos-desc p[data-v-a59ce861] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplos-transgenicos[data-v-a59ce861] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-a59ce861] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-a59ce861] {
  font-size: 1.5rem;
}
.ej-nombre[data-v-a59ce861] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  min-width: 90px;
}
.ej-desc[data-v-a59ce861] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-a59ce861] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a59ce861] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a59ce861] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a59ce861] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.recombinante-grid[data-v-a59ce861] {
    grid-template-columns: repeat(4, 1fr);
}
.recombinante-item[data-v-a59ce861] {
    flex-direction: column;
    text-align: center;
}
.ejemplos-transgenicos[data-v-a59ce861] {
    flex-direction: row;
}
.ejemplo-item[data-v-a59ce861] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.ej-nombre[data-v-a59ce861] {
    min-width: auto;
}
}

/* Técnica section */
.tecnica-section[data-v-e74bcd70] {
  margin-bottom: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tecnica-section.destacada[data-v-e74bcd70] {
  border-color: rgba(251, 191, 36, 0.5);
  border-width: 2px;
}
.tecnica-header[data-v-e74bcd70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
}
.tecnica-section.destacada .tecnica-header[data-v-e74bcd70] {
  background: rgba(251, 191, 36, 0.15);
}
.tecnica-icono[data-v-e74bcd70] {
  font-size: 1.5rem;
}
.tecnica-nombre[data-v-e74bcd70] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  flex: 1;
}
.badge-nuevo[data-v-e74bcd70] {
  padding: 0.2rem 0.5rem;
  background: rgba(251, 191, 36, 0.3);
  border: 1px solid #FCD34D;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 600;
  color: #FCD34D;
}
.tecnica-contenido[data-v-e74bcd70] {
  padding: 0.75rem;
}
.tecnica-desc[data-v-e74bcd70] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tecnica-nota[data-v-e74bcd70] {
  margin: 0.75rem 0 0;
  color: #C4B5FD;
  font-size: 0.8rem;
  font-style: italic;
}

/* Texto destacado */
strong.herramienta[data-v-e74bcd70] { color: #FCA5A5;
}
strong.amplificar[data-v-e74bcd70] { color: #6EE7B7;
}
strong.separar[data-v-e74bcd70] { color: #93C5FD;
}
strong.edicion[data-v-e74bcd70] { color: #FCD34D;
}

/* Corte visual enzimas */
.corte-visual[data-v-e74bcd70] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.adn-secuencia[data-v-e74bcd70] {
  display: flex;
  gap: 0.25rem;
}
.base[data-v-e74bcd70] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.base.corte[data-v-e74bcd70] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  animation: corte-pulse-e74bcd70 1s infinite;
}
@keyframes corte-pulse-e74bcd70 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.tijera-icono[data-v-e74bcd70] {
  font-size: 1.5rem;
}
.adn-cortado[data-v-e74bcd70] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.fragmento[data-v-e74bcd70] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.8rem;
}
.fragmento.izq[data-v-e74bcd70] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.fragmento.der[data-v-e74bcd70] {
  background: rgba(96, 165, 250, 0.3);
  color: #93C5FD;
}
.extremo-cohesivo[data-v-e74bcd70] {
  padding: 0.3rem 0.6rem;
  background: rgba(251, 191, 36, 0.3);
  border: 2px dashed #FCD34D;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* PCR visual */
.pcr-visual[data-v-e74bcd70] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pcr-ciclos[data-v-e74bcd70] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ciclo[data-v-e74bcd70] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
}
.ciclo-num[data-v-e74bcd70] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ciclo-copias[data-v-e74bcd70] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.flecha-ciclo[data-v-e74bcd70] {
  color: #6EE7B7;
  font-size: 1rem;
}
.pcr-pasos[data-v-e74bcd70] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.pcr-paso[data-v-e74bcd70] {
  flex: 1;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.paso-temp[data-v-e74bcd70] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.paso-nombre[data-v-e74bcd70] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Gel electroforesis */
.gel-visual[data-v-e74bcd70] {
  padding: 0.5rem;
}
.gel-container[data-v-e74bcd70] {
  display: flex;
  align-items: stretch;
  background: rgba(96, 165, 250, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
.gel-polo[data-v-e74bcd70] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  font-weight: 800;
  font-size: 1.25rem;
}
.gel-polo.neg[data-v-e74bcd70] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.gel-polo.pos[data-v-e74bcd70] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.gel-bandas[data-v-e74bcd70] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.5rem;
}
.banda[data-v-e74bcd70] {
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.banda.grande[data-v-e74bcd70] { width: 30%;
}
.banda.mediana[data-v-e74bcd70] { width: 50%; margin-left: 10%;
}
.banda.pequena[data-v-e74bcd70] { width: 70%; margin-left: 20%;
}

/* CRISPR visual */
.crispr-visual[data-v-e74bcd70] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.crispr-componente[data-v-e74bcd70] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.comp-icono[data-v-e74bcd70] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-e74bcd70] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.comp-funcion[data-v-e74bcd70] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.crispr-nota[data-v-e74bcd70] {
  text-align: center;
  color: #FCD34D;
  font-style: normal;
  font-weight: 600;
}

/* Tip */
.tip[data-v-e74bcd70] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e74bcd70] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e74bcd70] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e74bcd70] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pcr-pasos[data-v-e74bcd70] {
    flex-wrap: nowrap;
}
.crispr-visual[data-v-e74bcd70] {
    flex-direction: row;
}
}

/* Intro */
.intro-texto[data-v-85f570c8] {
  margin-bottom: 1.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-texto strong[data-v-85f570c8] {
  color: #FFFFFF;
}

/* Aplicación section */
.aplicacion-section[data-v-85f570c8] {
  margin-bottom: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.aplicacion-section.medicina[data-v-85f570c8] {
  border-color: rgba(239, 68, 68, 0.4);
}
.aplicacion-section.clonacion[data-v-85f570c8] {
  border-color: rgba(96, 165, 250, 0.4);
}
.aplicacion-section.agricultura[data-v-85f570c8] {
  border-color: rgba(16, 185, 129, 0.4);
}
.aplicacion-header[data-v-85f570c8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
}
.aplicacion-section.medicina .aplicacion-header[data-v-85f570c8] {
  background: rgba(239, 68, 68, 0.15);
}
.aplicacion-section.clonacion .aplicacion-header[data-v-85f570c8] {
  background: rgba(96, 165, 250, 0.15);
}
.aplicacion-section.agricultura .aplicacion-header[data-v-85f570c8] {
  background: rgba(16, 185, 129, 0.15);
}
.app-icono[data-v-85f570c8] {
  font-size: 1.5rem;
}
.app-titulo[data-v-85f570c8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.aplicacion-contenido[data-v-85f570c8] {
  padding: 0.75rem;
}
.app-desc[data-v-85f570c8] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Terapia tipos */
.terapia-tipos[data-v-85f570c8] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-item[data-v-85f570c8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-item.ex-vivo[data-v-85f570c8] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-item.in-vivo[data-v-85f570c8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-nombre[data-v-85f570c8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-85f570c8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ejemplos-enfermedades[data-v-85f570c8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.ej-label[data-v-85f570c8] {
  font-size: 0.75rem;
  color: #C4B5FD;
  width: 100%;
  margin-bottom: 0.25rem;
}
.enfermedad[data-v-85f570c8] {
  padding: 0.2rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Clonación tipos */
.clonacion-tipos[data-v-85f570c8] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.clon-tipo[data-v-85f570c8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.clon-tipo.reproductiva[data-v-85f570c8] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.clon-tipo.terapeutica[data-v-85f570c8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.clon-icono[data-v-85f570c8] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.clon-nombre[data-v-85f570c8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.clon-desc[data-v-85f570c8] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dolly-box[data-v-85f570c8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
}
.dolly-emoji[data-v-85f570c8] {
  font-size: 2rem;
}
.dolly-info[data-v-85f570c8] {
  display: flex;
  flex-direction: column;
}
.dolly-titulo[data-v-85f570c8] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.dolly-desc[data-v-85f570c8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Medicamentos grid */
.medicamentos-grid[data-v-85f570c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.medicamento-item[data-v-85f570c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.med-icono[data-v-85f570c8] {
  font-size: 1.25rem;
}
.med-nombre[data-v-85f570c8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.med-uso[data-v-85f570c8] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Cultivos beneficios */
.cultivos-beneficios[data-v-85f570c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.beneficio-item[data-v-85f570c8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.ben-icono[data-v-85f570c8] {
  font-size: 1rem;
}
.ben-texto[data-v-85f570c8] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ejemplo-destacado[data-v-85f570c8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-85f570c8] {
  font-size: 2rem;
}
.ejemplo-info[data-v-85f570c8] {
  display: flex;
  flex-direction: column;
}
.ejemplo-nombre[data-v-85f570c8] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ejemplo-desc[data-v-85f570c8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Debate ético */
.debate-section[data-v-85f570c8] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.debate-titulo[data-v-85f570c8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.debate-grid[data-v-85f570c8] {
  display: flex;
  gap: 0.5rem;
}
.debate-item[data-v-85f570c8] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.debate-item.pros[data-v-85f570c8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.debate-item.contras[data-v-85f570c8] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.debate-label[data-v-85f570c8] {
  display: block;
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.debate-item.pros .debate-label[data-v-85f570c8] { color: #6EE7B7;
}
.debate-item.contras .debate-label[data-v-85f570c8] { color: #FCA5A5;
}
.debate-lista[data-v-85f570c8] {
  margin: 0;
  padding-left: 1rem;
  list-style: disc;
}
.debate-lista li[data-v-85f570c8] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}

/* Tip */
.tip[data-v-85f570c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-85f570c8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-85f570c8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-85f570c8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.medicamentos-grid[data-v-85f570c8] {
    grid-template-columns: repeat(4, 1fr);
}
.cultivos-beneficios[data-v-85f570c8] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-bd512291] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-bd512291] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-bd512291] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-bd512291] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-bd512291] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-bd512291] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-bd512291] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-bd512291] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-bd512291] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-bd512291] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Técnicas ===== */
.tecnica-container[data-v-bd512291] {
  text-align: center;
}
.tecnica-descripcion[data-v-bd512291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.desc-icono[data-v-bd512291] {
  font-size: 2.5rem;
}
.desc-texto[data-v-bd512291] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.opciones-tecnica[data-v-bd512291] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-bd512291] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-bd512291]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-bd512291] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-bd512291] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecto[data-v-bd512291] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-nombre[data-v-bd512291] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Aplicaciones ===== */
.aplicacion-container[data-v-bd512291] {
  text-align: center;
}
.aplicacion-actual[data-v-bd512291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.app-icono-grande[data-v-bd512291] {
  font-size: 2.5rem;
}
.app-nombre[data-v-bd512291] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.app-ejemplo[data-v-bd512291] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.pregunta-campo[data-v-bd512291] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-campo[data-v-bd512291] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.campo-btn[data-v-bd512291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.campo-btn.medicina[data-v-bd512291] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.campo-btn.agricultura[data-v-bd512291] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.campo-btn.investigacion[data-v-bd512291] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.campo-btn.seleccionado[data-v-bd512291] {
  transform: scale(1.05);
}
.campo-btn.correcto[data-v-bd512291] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.campo-btn.incorrecto[data-v-bd512291] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.campo-icono[data-v-bd512291] {
  font-size: 1.5rem;
}
.campo-nombre[data-v-bd512291] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Ordenar pasos ===== */
.simulacion-container[data-v-bd512291] {
  text-align: center;
}
.simulacion-instruccion[data-v-bd512291] {
  margin-bottom: 1rem;
}
.simulacion-instruccion p[data-v-bd512291] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.pasos-pool[data-v-bd512291] {
  margin-bottom: 1rem;
}
.pool-label[data-v-bd512291], .slots-label[data-v-bd512291] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pool-items[data-v-bd512291] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.paso-draggable[data-v-bd512291] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.paso-draggable.seleccionado[data-v-bd512291] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.paso-icono[data-v-bd512291] {
  font-size: 1.1rem;
}
.paso-texto[data-v-bd512291] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}
.orden-slots[data-v-bd512291] {
  margin-bottom: 1rem;
}
.slots-container[data-v-bd512291] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-item[data-v-bd512291] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.slot-item.seleccionable[data-v-bd512291] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-bd512291 1s infinite;
}
@keyframes pulse-bd512291 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-item.ocupado[data-v-bd512291] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-numero[data-v-bd512291] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #C4B5FD;
  flex-shrink: 0;
}
.slot-contenido[data-v-bd512291] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
}
.slot-icono[data-v-bd512291] {
  font-size: 1.1rem;
}
.slot-texto[data-v-bd512291] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.slot-placeholder[data-v-bd512291] {
  color: rgba(196, 181, 253, 0.5);
  font-size: 0.8rem;
}
.botones-accion[data-v-bd512291] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-bd512291], .btn-reiniciar[data-v-bd512291] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-bd512291] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-bd512291] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Elementos comunes */
.feedback-msg[data-v-bd512291] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-bd512291] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-bd512291] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-bd512291] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-bd512291] { font-size: 1.25rem;
}
.resultado-texto[data-v-bd512291] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-bd512291] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-bd512291] { flex: 1;
}
.nav-btn[data-v-bd512291] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-bd512291] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-bd512291] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-bd512291] { font-size: 1.75rem;
}
.completado-texto[data-v-bd512291] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-bd512291], .slide-leave-active[data-v-bd512291] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-bd512291] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-bd512291] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tecnica[data-v-bd512291] {
    grid-template-columns: repeat(4, 1fr);
}
.opciones-campo[data-v-bd512291] {
    flex-wrap: nowrap;
}
}

/* Intro */
.resumen-intro[data-v-ea411b19] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-ea411b19] {
  font-size: 2rem;
}
.resumen-intro p[data-v-ea411b19] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-ea411b19] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-ea411b19] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-ea411b19] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-ea411b19]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-ea411b19] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-ea411b19] {
    grid-column: span 1;
}
}
.card-header[data-v-ea411b19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-ea411b19] {
  font-size: 1.25rem;
}
.card-titulo[data-v-ea411b19] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-ea411b19] {
  color: #E9D5FF;
}
.card-def[data-v-ea411b19] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
}
.card-def-mini[data-v-ea411b19] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}
.card-nota[data-v-ea411b19] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Técnicas grid */
.tecnicas-grid[data-v-ea411b19] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.tecnicas-grid[data-v-ea411b19] {
    grid-template-columns: repeat(2, 1fr);
}
}
.tecnica-mini[data-v-ea411b19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tecnica-mini.destacado[data-v-ea411b19] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.tec-icono[data-v-ea411b19] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.tec-nombre[data-v-ea411b19] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.tec-funcion[data-v-ea411b19] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Pasos mini */
.pasos-mini[data-v-ea411b19] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.paso-mini[data-v-ea411b19] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
}
.flecha[data-v-ea411b19] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Aplicaciones lista */
.apps-lista[data-v-ea411b19] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.app-item[data-v-ea411b19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.app-item.medicina[data-v-ea411b19] {
  background: rgba(239, 68, 68, 0.1);
}
.app-item.agro[data-v-ea411b19] {
  background: rgba(16, 185, 129, 0.1);
}
.app-item.investigacion[data-v-ea411b19] {
  background: rgba(96, 165, 250, 0.1);
}
.app-icono[data-v-ea411b19] {
  font-size: 1rem;
}
.app-texto[data-v-ea411b19] {
  color: #E9D5FF;
}

/* Clonación comparación */
.clonacion-comparacion[data-v-ea411b19] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.clon-box[data-v-ea411b19] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.clon-box.reproductiva[data-v-ea411b19] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.clon-box.terapeutica[data-v-ea411b19] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.clon-titulo[data-v-ea411b19] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.clon-desc[data-v-ea411b19] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.clon-ej[data-v-ea411b19] {
  font-size: 0.7rem;
  font-weight: 600;
}
.clon-box.reproductiva .clon-ej[data-v-ea411b19] { color: #FCD34D;
}
.clon-box.terapeutica .clon-ej[data-v-ea411b19] { color: #6EE7B7;
}
.vs-divider[data-v-ea411b19] {
  display: flex;
  align-items: center;
  font-weight: 800;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Ejemplos OGM */
.ejemplos-ogm[data-v-ea411b19] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ogm-item[data-v-ea411b19] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-ea411b19] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-ea411b19] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-ea411b19] {
  font-size: 1.25rem;
}
.tip-text[data-v-ea411b19] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-ea411b19] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-ea411b19] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-ea411b19] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-ea411b19 1s ease-in-out infinite;
}
@keyframes bounce-ea411b19 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-ea411b19] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-ea411b19] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-204ebdf5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.molecula[data-v-204ebdf5] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border: 2px solid;
}
.molecula.grasa[data-v-204ebdf5] {
  background: rgba(251, 191, 36, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}
.molecula.fosfo[data-v-204ebdf5] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.molecula.esterol[data-v-204ebdf5] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}

/* Elementos químicos */
strong.elemento-c[data-v-204ebdf5] {
  color: #A78BFA;
}
strong.elemento-h[data-v-204ebdf5] {
  color: #60A5FA;
}
strong.elemento-o[data-v-204ebdf5] {
  color: #F87171;
}

/* Propiedad fundamental */
.propiedad-section[data-v-204ebdf5] {
  margin: 1.5rem 0;
  text-align: center;
}
.propiedad-label[data-v-204ebdf5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedad-box[data-v-204ebdf5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.propiedad-visual[data-v-204ebdf5] {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
}
.agua[data-v-204ebdf5] {
  color: #60A5FA;
}
.separador[data-v-204ebdf5] {
  color: #C4B5FD;
  font-weight: 700;
}
.aceite[data-v-204ebdf5] {
  color: #FCD34D;
}
.propiedad-explicacion[data-v-204ebdf5] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.propiedad-explicacion strong[data-v-204ebdf5] {
  color: #93C5FD;
}

/* Estructura básica */
.estructura-section[data-v-204ebdf5] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-204ebdf5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-grid[data-v-204ebdf5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estructura-item[data-v-204ebdf5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-204ebdf5] {
  font-size: 1.2rem;
  min-width: 32px;
  text-align: center;
}
.item-texto[data-v-204ebdf5] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Importancia */
.importancia-section[data-v-204ebdf5] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-204ebdf5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-204ebdf5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-204ebdf5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.importancia-item.energia[data-v-204ebdf5] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.importancia-item.membrana[data-v-204ebdf5] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.importancia-item.hormona[data-v-204ebdf5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.imp-icono[data-v-204ebdf5] {
  font-size: 1.5rem;
}
.imp-contenido[data-v-204ebdf5] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.imp-titulo[data-v-204ebdf5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.imp-desc[data-v-204ebdf5] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Comparación energética */
.energia-section[data-v-204ebdf5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.energia-titulo[data-v-204ebdf5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.energia-comparacion[data-v-204ebdf5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.energia-item[data-v-204ebdf5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.energia-item.carbo[data-v-204ebdf5] {
  background: rgba(139, 92, 246, 0.2);
}
.energia-item.lipido[data-v-204ebdf5] {
  background: rgba(251, 191, 36, 0.2);
}
.energia-molecula[data-v-204ebdf5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.energia-valor[data-v-204ebdf5] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
}
.energia-vs[data-v-204ebdf5] {
  color: #C4B5FD;
  font-weight: 600;
}
.energia-conclusion[data-v-204ebdf5] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.energia-conclusion strong[data-v-204ebdf5] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-204ebdf5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-204ebdf5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-204ebdf5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-204ebdf5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-204ebdf5] {
    gap: 1rem;
}
.molecula[data-v-204ebdf5] {
    font-size: 1rem;
    padding: 0.6rem 1rem;
}
.estructura-grid[data-v-204ebdf5] {
    flex-direction: row;
}
.estructura-item[data-v-204ebdf5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.item-icono[data-v-204ebdf5] {
    font-size: 1.5rem;
}
.propiedad-visual[data-v-204ebdf5] {
    font-size: 2rem;
}
}

/* Intro */
.clasificacion-intro[data-v-7bc567b1] {
  margin-bottom: 1rem;
}
.clasificacion-intro p[data-v-7bc567b1] {
  margin: 0;
}

/* Secciones de tipo */
.tipo-section[data-v-7bc567b1] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-section.acidos[data-v-7bc567b1] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.tipo-section.trigli[data-v-7bc567b1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-section.fosfo[data-v-7bc567b1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-section.esteroides[data-v-7bc567b1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-7bc567b1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tipo-icono[data-v-7bc567b1] {
  font-size: 1.2rem;
  min-width: 32px;
  text-align: center;
}
.tipo-titulo-box[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
}
.tipo-titulo[data-v-7bc567b1] {
  font-weight: 700;
  font-size: 1.05rem;
  color: #FFFFFF;
}
.tipo-sub[data-v-7bc567b1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-contenido[data-v-7bc567b1] {
  padding: 0.75rem;
}
.tipo-desc[data-v-7bc567b1] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Ácidos grasos grid */
.acidos-grid[data-v-7bc567b1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.acido-item[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.acido-badge[data-v-7bc567b1] {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.acido-item.saturado .acido-badge[data-v-7bc567b1] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.acido-item.insaturado .acido-badge[data-v-7bc567b1] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.acido-icono[data-v-7bc567b1] {
  font-size: 1.2rem;
  color: #FCD34D;
  font-family: monospace;
}
.acido-nombre[data-v-7bc567b1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.acido-ejemplo[data-v-7bc567b1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.acido-estado[data-v-7bc567b1] {
  font-size: 0.65rem;
  color: #93C5FD;
  font-style: italic;
}

/* Triglicéridos visual */
.trigli-visual[data-v-7bc567b1] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.trigli-estructura[data-v-7bc567b1] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.glicerol[data-v-7bc567b1] {
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.enlaces[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.enlace[data-v-7bc567b1] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.acidos-unidos[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.acido-g[data-v-7bc567b1] {
  padding: 0.2rem 0.4rem;
  background: rgba(251, 191, 36, 0.2);
  border-radius: 0.25rem;
  font-size: 0.65rem;
  color: #FCD34D;
}
.trigli-ejemplos[data-v-7bc567b1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.ejemplo-trigli[data-v-7bc567b1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

/* Fosfolípidos visual */
.fosfo-visual[data-v-7bc567b1] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.fosfolipido[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cabeza[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.cabeza-icono[data-v-7bc567b1] {
  font-size: 2rem;
}
.cabeza-label[data-v-7bc567b1] {
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
}
.cabeza-prop[data-v-7bc567b1] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.colas[data-v-7bc567b1] {
  display: flex;
  gap: 0.5rem;
}
.cola[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cola-linea[data-v-7bc567b1] {
  color: #FCD34D;
  font-size: 1rem;
  line-height: 0.8;
}
.cola-label[data-v-7bc567b1] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.colas-prop[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.7rem;
  color: #FCA5A5;
}
.fosfo-importancia[data-v-7bc567b1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.fosfo-icono[data-v-7bc567b1] {
  font-size: 1.2rem;
}
.fosfo-texto[data-v-7bc567b1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fosfo-texto strong[data-v-7bc567b1] {
  color: #93C5FD;
}

/* Esteroides grid */
.esteroides-grid[data-v-7bc567b1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.esteroide-item[data-v-7bc567b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.est-icono[data-v-7bc567b1] {
  font-size: 1.3rem;
}
.est-nombre[data-v-7bc567b1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.est-funcion[data-v-7bc567b1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7bc567b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.tip-icono[data-v-7bc567b1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7bc567b1] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7bc567b1] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.esteroides-grid[data-v-7bc567b1] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-icono[data-v-7bc567b1] {
    font-size: 1.4rem;
    min-width: 40px;
}
}

/* Intro */
.intro[data-v-2aa88d29] {
  margin-bottom: 1rem;
}
.intro p[data-v-2aa88d29] {
  margin: 0;
}

/* Secciones de función */
.funcion-section[data-v-2aa88d29] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.funcion-section.reserva[data-v-2aa88d29] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.funcion-section.estructural[data-v-2aa88d29] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.funcion-section.hormonal[data-v-2aa88d29] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.funcion-header[data-v-2aa88d29] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.funcion-icono[data-v-2aa88d29] {
  font-size: 1.3rem;
}
.funcion-titulo-box[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
}
.funcion-titulo[data-v-2aa88d29] {
  font-weight: 700;
  font-size: 1.05rem;
  color: #FFFFFF;
}
.funcion-sub[data-v-2aa88d29] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.funcion-contenido[data-v-2aa88d29] {
  padding: 0.75rem;
}
.funcion-desc[data-v-2aa88d29] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Reserva visual */
.reserva-visual[data-v-2aa88d29] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.reserva-item[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.reserva-emoji[data-v-2aa88d29] {
  font-size: 1.5rem;
}
.reserva-valor[data-v-2aa88d29] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
}
.reserva-item.menor .reserva-valor[data-v-2aa88d29] {
  color: #C4B5FD;
}
.reserva-label[data-v-2aa88d29] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.reserva-vs[data-v-2aa88d29] {
  color: #C4B5FD;
  font-weight: 600;
}
.reserva-ventajas[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ventaja[data-v-2aa88d29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.v-icono[data-v-2aa88d29] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Membrana visual */
.membrana-visual[data-v-2aa88d29] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.membrana-titulo[data-v-2aa88d29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.bicapa[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  margin-bottom: 0.5rem;
}
.capa-superior[data-v-2aa88d29], .capa-inferior[data-v-2aa88d29] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.fosfo[data-v-2aa88d29] {
  font-size: 1rem;
}
.zona-hidrofobica[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.colas-icon[data-v-2aa88d29] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.zona-label[data-v-2aa88d29] {
  font-size: 0.65rem;
  color: #FCA5A5;
}
.membrana-explicacion[data-v-2aa88d29] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.colesterol-rol[data-v-2aa88d29] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.col-icono[data-v-2aa88d29] {
  font-size: 1.2rem;
}
.col-texto[data-v-2aa88d29] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.col-texto strong[data-v-2aa88d29] {
  color: #6EE7B7;
}

/* Hormonas grid */
.hormonas-grid[data-v-2aa88d29] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.hormona-item[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.h-icono[data-v-2aa88d29] {
  font-size: 1.3rem;
}
.h-nombre[data-v-2aa88d29] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.h-funcion[data-v-2aa88d29] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Otras funciones */
.otras-section[data-v-2aa88d29] {
  margin: 1.25rem 0;
}
.otras-titulo[data-v-2aa88d29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otras-grid[data-v-2aa88d29] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.otra-item[data-v-2aa88d29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.o-icono[data-v-2aa88d29] {
  font-size: 1.25rem;
}
.o-contenido[data-v-2aa88d29] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.o-nombre[data-v-2aa88d29] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.o-desc[data-v-2aa88d29] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-2aa88d29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2aa88d29] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2aa88d29] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2aa88d29] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.hormonas-grid[data-v-2aa88d29] {
    grid-template-columns: repeat(4, 1fr);
}
.otras-grid[data-v-2aa88d29] {
    grid-template-columns: repeat(2, 1fr);
}
.otra-item[data-v-2aa88d29] {
    padding: 0.75rem;
}
}

.explorador[data-v-d885ebcb] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d885ebcb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d885ebcb] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d885ebcb] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d885ebcb] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d885ebcb] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d885ebcb] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d885ebcb] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d885ebcb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d885ebcb] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar lípidos ===== */
.clasificar-container[data-v-d885ebcb] {
  text-align: center;
}
.lipido-actual[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.lip-icono[data-v-d885ebcb] {
  font-size: 2.5rem;
}
.lip-nombre[data-v-d885ebcb] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.lip-detalle[data-v-d885ebcb] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.opciones-tipo[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-d885ebcb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo[data-v-d885ebcb]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-tipo.seleccionado[data-v-d885ebcb] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo.correcto[data-v-d885ebcb] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-tipo.incorrecto[data-v-d885ebcb] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.tipo-icono[data-v-d885ebcb] {
  font-size: 1.2rem;
}
.tipo-nombre[data-v-d885ebcb] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}

/* ===== DESAFÍO 2: Ácidos grasos ===== */
.acidos-container[data-v-d885ebcb] {
  text-align: center;
}
.acido-actual[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.acido-icono[data-v-d885ebcb] {
  font-size: 2.5rem;
}
.acido-nombre[data-v-d885ebcb] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.acido-caracteristica[data-v-d885ebcb] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.pregunta-acido[data-v-d885ebcb], .pregunta-funcion[data-v-d885ebcb] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-acido[data-v-d885ebcb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-acido[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-acido.saturado[data-v-d885ebcb] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-acido.insaturado[data-v-d885ebcb] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-acido.seleccionado.saturado[data-v-d885ebcb] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-acido.seleccionado.insaturado[data-v-d885ebcb] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-acido.correcto[data-v-d885ebcb] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-acido.incorrecto[data-v-d885ebcb] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.ac-icono[data-v-d885ebcb] {
  font-size: 1.2rem;
  color: #FCD34D;
  font-family: monospace;
}
.ac-nombre[data-v-d885ebcb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ac-desc[data-v-d885ebcb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Funciones ===== */
.funcion-container[data-v-d885ebcb] {
  text-align: center;
}
.ejemplo-actual[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-d885ebcb] {
  font-size: 2.5rem;
}
.ej-nombre[data-v-d885ebcb] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.ej-contexto[data-v-d885ebcb] {
  font-size: 0.85rem;
  color: #93C5FD;
}
.opciones-funcion[data-v-d885ebcb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-func[data-v-d885ebcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-func[data-v-d885ebcb]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-func.seleccionado[data-v-d885ebcb] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-func.correcto[data-v-d885ebcb] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-func.incorrecto[data-v-d885ebcb] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.func-icono[data-v-d885ebcb] {
  font-size: 1.3rem;
}
.func-nombre[data-v-d885ebcb] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}

/* Elementos comunes */
.feedback-msg[data-v-d885ebcb] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-d885ebcb] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-d885ebcb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-d885ebcb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d885ebcb] { font-size: 1.25rem;
}
.resultado-texto[data-v-d885ebcb] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d885ebcb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d885ebcb] { flex: 1;
}
.nav-btn[data-v-d885ebcb] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d885ebcb] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d885ebcb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d885ebcb] { font-size: 1.75rem;
}
.completado-texto[data-v-d885ebcb] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d885ebcb], .slide-leave-active[data-v-d885ebcb] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d885ebcb] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d885ebcb] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-d885ebcb] {
    flex-direction: row;
}
.opcion-tipo[data-v-d885ebcb] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-icono[data-v-d885ebcb] {
    font-size: 1.5rem;
}
.opciones-funcion[data-v-d885ebcb] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.resumen-intro[data-v-99a7c60c] {
  margin-bottom: 1rem;
}

/* Tarjetas de resumen */
.resumen-cards[data-v-99a7c60c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.resumen-card[data-v-99a7c60c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.card-header[data-v-99a7c60c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.card-icono[data-v-99a7c60c] {
  font-size: 1.2rem;
}
.card-titulo[data-v-99a7c60c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-body[data-v-99a7c60c] {
  padding: 0.75rem;
}
.card-body.lista[data-v-99a7c60c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caracteristica-destacada[data-v-99a7c60c] {
  font-size: 1.4rem;
  font-weight: 800;
  color: #93C5FD;
  text-align: center;
}
.caracteristica-sub[data-v-99a7c60c] {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.caracteristica-energia[data-v-99a7c60c] {
  display: block;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.lista-item[data-v-99a7c60c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-badge[data-v-99a7c60c] {
  font-size: 1rem;
}
.func-emoji[data-v-99a7c60c] {
  font-size: 1rem;
}

/* Secciones */
.section-titulo[data-v-99a7c60c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Ácidos grasos tabla */
.acidos-section[data-v-99a7c60c] {
  margin-bottom: 1.25rem;
}
.acidos-tabla[data-v-99a7c60c] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.acido-row[data-v-99a7c60c] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  align-items: center;
  text-align: center;
}
.acido-row.header[data-v-99a7c60c] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.acido-row.saturado[data-v-99a7c60c] {
  background: rgba(239, 68, 68, 0.1);
}
.acido-row.insaturado[data-v-99a7c60c] {
  background: rgba(16, 185, 129, 0.1);
}
.acido-tipo[data-v-99a7c60c] {
  font-weight: 600;
  color: #FFFFFF;
}
.acido-enlace[data-v-99a7c60c], .acido-estado[data-v-99a7c60c] {
  color: #E9D5FF;
}
.acido-ejemplos[data-v-99a7c60c] {
  color: #FCD34D;
}

/* Membrana section */
.membrana-section[data-v-99a7c60c] {
  margin-bottom: 1.25rem;
}
.membrana-box[data-v-99a7c60c] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.membrana-visual[data-v-99a7c60c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mb-parte[data-v-99a7c60c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mb-icono[data-v-99a7c60c] {
  font-size: 1.2rem;
}
.mb-nombre[data-v-99a7c60c] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex: 1;
}
.mb-prop[data-v-99a7c60c] {
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.mb-prop.hidro[data-v-99a7c60c] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.mb-prop.fobo[data-v-99a7c60c] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.membrana-concepto[data-v-99a7c60c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.concepto-badge[data-v-99a7c60c] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  background: #8B5CF6;
  color: white;
  border-radius: 0.25rem;
}
.concepto-texto[data-v-99a7c60c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-99a7c60c] {
  color: #C4B5FD;
}

/* Esteroides grid */
.esteroides-section[data-v-99a7c60c] {
  margin-bottom: 1.25rem;
}
.esteroides-grid[data-v-99a7c60c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.esteroide-item[data-v-99a7c60c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #6EE7B7;
  border-radius: 0.4rem;
}
.est-nombre[data-v-99a7c60c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.est-funcion[data-v-99a7c60c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-section[data-v-99a7c60c] {
  margin-bottom: 1rem;
}
.tips-grid[data-v-99a7c60c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-99a7c60c] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-99a7c60c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
}
.tip-content[data-v-99a7c60c] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-content strong[data-v-99a7c60c] {
  color: #93C5FD;
}

/* Cierre */
.cierre[data-v-99a7c60c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.cierre-icono[data-v-99a7c60c] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-99a7c60c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.cierre-texto strong[data-v-99a7c60c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-99a7c60c] {
    grid-template-columns: repeat(3, 1fr);
}
.esteroides-grid[data-v-99a7c60c] {
    grid-template-columns: repeat(4, 1fr);
}
.tips-grid[data-v-99a7c60c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.membrana-visual[data-v-99a7c60c] {
    flex-direction: row;
}
.mb-parte[data-v-99a7c60c] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-9eccce6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.meiosis-icono[data-v-9eccce6d] {
  font-size: 3rem;
  animation: pulse-9eccce6d 2s ease-in-out infinite;
}
@keyframes pulse-9eccce6d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.meiosis-titulo[data-v-9eccce6d] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.resultado[data-v-9eccce6d] { color: #6EE7B7;
}
strong.reproduccion[data-v-9eccce6d] { color: #F9A8D4;
}
strong.variabilidad[data-v-9eccce6d] { color: #FCD34D;
}

/* Proceso diagram */
.proceso-diagram[data-v-9eccce6d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-9eccce6d] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.proceso-visual[data-v-9eccce6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.celula-madre[data-v-9eccce6d], .celulas-hijas[data-v-9eccce6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.celula-icono[data-v-9eccce6d] {
  font-size: 2.5rem;
}
.celula-label[data-v-9eccce6d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.celula-info[data-v-9eccce6d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.celulas-grid[data-v-9eccce6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
}
.celula-hija-icono[data-v-9eccce6d] {
  font-size: 1.5rem;
}
.flecha-proceso[data-v-9eccce6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-icono[data-v-9eccce6d] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 800;
}
.flecha-label[data-v-9eccce6d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-9eccce6d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9eccce6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9eccce6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-9eccce6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comp-item.mitosis[data-v-9eccce6d] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.comp-item.meiosis[data-v-9eccce6d] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.comp-nombre[data-v-9eccce6d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-dato[data-v-9eccce6d] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.comp-info[data-v-9eccce6d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Características */
.caracteristicas-section[data-v-9eccce6d] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-9eccce6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-9eccce6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-9eccce6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-9eccce6d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-9eccce6d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-9eccce6d] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-9eccce6d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9eccce6d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9eccce6d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9eccce6d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.meiosis-icono[data-v-9eccce6d] {
    font-size: 4rem;
}
.proceso-visual[data-v-9eccce6d] {
    gap: 1.5rem;
}
.celula-icono[data-v-9eccce6d] {
    font-size: 3rem;
}
.caract-grid[data-v-9eccce6d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado visual */
.encabezado-visual[data-v-357c671a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.division-badge[data-v-357c671a] {
  padding: 0.25rem 0.75rem;
  background: #8B5CF6;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.division-resultado[data-v-357c671a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.celula-madre[data-v-357c671a] {
  color: #93C5FD;
}
.flecha[data-v-357c671a] {
  color: #8B5CF6;
}
.celulas-hijas[data-v-357c671a] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.clave[data-v-357c671a] { color: #FCD34D;
}
strong.diploide[data-v-357c671a] { color: #93C5FD;
}
strong.haploide[data-v-357c671a] { color: #6EE7B7;
}
strong.crossing[data-v-357c671a] { color: #F9A8D4;
}

/* Fases section */
.fases-section[data-v-357c671a] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-357c671a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-card[data-v-357c671a] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-card.profase[data-v-357c671a] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.fase-card.metafase[data-v-357c671a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.fase-card.anafase[data-v-357c671a] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.fase-card.telofase[data-v-357c671a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-header[data-v-357c671a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-num[data-v-357c671a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.fase-nombre[data-v-357c671a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.fase-destacado[data-v-357c671a] {
  margin-left: auto;
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.fase-contenido[data-v-357c671a] {
  padding: 0.5rem 0.75rem;
}
.fase-eventos[data-v-357c671a] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.fase-eventos li[data-v-357c671a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.fase-eventos strong[data-v-357c671a] {
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-357c671a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.concepto-icono[data-v-357c671a] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-357c671a] {
  flex: 1;
}
.concepto-titulo[data-v-357c671a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-357c671a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-357c671a] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-357c671a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-357c671a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-357c671a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-357c671a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.division-resultado[data-v-357c671a] {
    font-size: 1.5rem;
}
.fase-eventos li[data-v-357c671a] {
    font-size: 0.85rem;
}
}

/* Encabezado visual */
.encabezado-visual[data-v-c223da28] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.division-badge[data-v-c223da28] {
  padding: 0.25rem 0.75rem;
  background: #10B981;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.division-resultado[data-v-c223da28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.celula-madre[data-v-c223da28] {
  color: #6EE7B7;
}
.flecha[data-v-c223da28] {
  color: #10B981;
}
.celulas-hijas[data-v-c223da28] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.clave[data-v-c223da28] { color: #FCD34D;
}
strong.haploide[data-v-c223da28] { color: #6EE7B7;
}

/* Nota importante */
.nota-importante[data-v-c223da28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.nota-icono[data-v-c223da28] {
  font-size: 1.2rem;
}
.nota-texto[data-v-c223da28] {
  font-size: 0.85rem;
  color: #FCA5A5;
}
.nota-texto strong[data-v-c223da28] {
  color: #FFFFFF;
}

/* Fases section */
.fases-section[data-v-c223da28] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-c223da28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-card[data-v-c223da28] {
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid;
}
.fase-card.profase[data-v-c223da28] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.fase-card.metafase[data-v-c223da28] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.fase-card.anafase[data-v-c223da28] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.fase-card.telofase[data-v-c223da28] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-header[data-v-c223da28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-num[data-v-c223da28] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 800;
  color: white;
}
.fase-nombre[data-v-c223da28] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.fase-destacado[data-v-c223da28] {
  margin-left: auto;
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.fase-contenido[data-v-c223da28] {
  padding: 0.5rem 0.75rem;
}
.fase-eventos[data-v-c223da28] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.fase-eventos li[data-v-c223da28] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.fase-eventos strong[data-v-c223da28] {
  color: #FFFFFF;
}

/* Comparación divisiones */
.comparacion-divisiones[data-v-c223da28] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-titulo[data-v-c223da28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.comp-tabla[data-v-c223da28] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comp-row[data-v-c223da28] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-c223da28] {
  font-weight: 700;
}
.comp-cell[data-v-c223da28] {
  padding: 0.4rem 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  color: #E9D5FF;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.comp-cell.label[data-v-c223da28] {
  text-align: left;
  font-weight: 600;
  color: #C4B5FD;
}
.comp-cell.meiosis-i[data-v-c223da28] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.comp-cell.meiosis-ii[data-v-c223da28] {
  background: rgba(16, 185, 129, 0.3);
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-c223da28] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c223da28] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c223da28] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c223da28] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.division-resultado[data-v-c223da28] {
    font-size: 1.3rem;
}
.fase-eventos li[data-v-c223da28] {
    font-size: 0.85rem;
}
.comp-cell[data-v-c223da28] {
    font-size: 0.8rem;
}
}

/* Encabezado visual */
.encabezado-visual[data-v-5e41e9f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.variabilidad-icono[data-v-5e41e9f8] {
  font-size: 3rem;
  animation: colorChange-5e41e9f8 3s ease-in-out infinite;
}
@keyframes colorChange-5e41e9f8 {
0%, 100% { filter: hue-rotate(0deg);
}
50% { filter: hue-rotate(180deg);
}
}
.variabilidad-titulo[data-v-5e41e9f8] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.variabilidad[data-v-5e41e9f8] { color: #FCD34D;
}

/* Mecanismo card */
.mecanismo-card[data-v-5e41e9f8] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.mecanismo-card.crossing[data-v-5e41e9f8] {
  background: rgba(249, 168, 212, 0.1);
  border-color: rgba(249, 168, 212, 0.4);
}
.mecanismo-card.segregacion[data-v-5e41e9f8] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.mec-header[data-v-5e41e9f8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.mec-num[data-v-5e41e9f8] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 800;
  color: white;
}
.mec-nombre[data-v-5e41e9f8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.mec-contenido[data-v-5e41e9f8] {
  padding: 0.75rem;
}

/* Visual del crossing-over */
.mec-visual[data-v-5e41e9f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.cromosomas-antes[data-v-5e41e9f8], .cromosomas-despues[data-v-5e41e9f8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cromosoma[data-v-5e41e9f8] {
  display: flex;
  gap: 0;
  border-radius: 0.25rem;
  overflow: hidden;
}
.segmento[data-v-5e41e9f8] {
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.cromosoma.rojo .segmento[data-v-5e41e9f8] { background: #EF4444;
}
.cromosoma.azul .segmento[data-v-5e41e9f8] { background: #3B82F6;
}
.cromosoma.mixto-1 .segmento.a[data-v-5e41e9f8] { background: #EF4444;
}
.cromosoma.mixto-1 .segmento.b-azul[data-v-5e41e9f8] { background: #3B82F6;
}
.cromosoma.mixto-2 .segmento.a-azul[data-v-5e41e9f8] { background: #3B82F6;
}
.cromosoma.mixto-2 .segmento.b-rojo[data-v-5e41e9f8] { background: #EF4444;
}
.mec-flecha[data-v-5e41e9f8] {
  font-size: 1.5rem;
  color: #C4B5FD;
  font-weight: 800;
}

/* Visual de segregación */
.segregacion-visual[data-v-5e41e9f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.opcion-1[data-v-5e41e9f8], .opcion-2[data-v-5e41e9f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.par-cromosomas[data-v-5e41e9f8] {
  display: flex;
  gap: 0.25rem;
  font-size: 1.5rem;
}
.opcion-label[data-v-5e41e9f8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.o-texto[data-v-5e41e9f8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Descripción del mecanismo */
.mec-descripcion ul[data-v-5e41e9f8] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.mec-descripcion li[data-v-5e41e9f8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
  line-height: 1.4;
}
.mec-descripcion strong[data-v-5e41e9f8] {
  color: #FFFFFF;
}

/* Cálculo section */
.calculo-section[data-v-5e41e9f8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.calculo-titulo[data-v-5e41e9f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-grid[data-v-5e41e9f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.calculo-item[data-v-5e41e9f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.calculo-valor[data-v-5e41e9f8] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}
.calculo-label[data-v-5e41e9f8] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.calculo-nota[data-v-5e41e9f8] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.calculo-operador[data-v-5e41e9f8] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.calculo-resultado[data-v-5e41e9f8] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.resultado-label[data-v-5e41e9f8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-5e41e9f8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5e41e9f8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5e41e9f8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5e41e9f8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.variabilidad-icono[data-v-5e41e9f8] {
    font-size: 4rem;
}
.calculo-valor[data-v-5e41e9f8] {
    font-size: 1.2rem;
}
.mec-descripcion li[data-v-5e41e9f8] {
    font-size: 0.85rem;
}
}

.explorador[data-v-1b15bbd8] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1b15bbd8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1b15bbd8] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1b15bbd8] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1b15bbd8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1b15bbd8] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1b15bbd8] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1b15bbd8] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1b15bbd8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1b15bbd8] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar fases ===== */
.ordenar-container[data-v-1b15bbd8] {
  text-align: center;
}
.fases-pool[data-v-1b15bbd8] {
  margin-bottom: 1rem;
}
.pool-label[data-v-1b15bbd8], .slots-label[data-v-1b15bbd8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.fases-disponibles[data-v-1b15bbd8] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.fase-btn[data-v-1b15bbd8] {
  padding: 0.35rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
  color: #FFFFFF;
}
.fase-btn.amarillo[data-v-1b15bbd8] {
  background: rgba(251, 191, 36, 0.3);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase-btn.azul[data-v-1b15bbd8] {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase-btn.rojo[data-v-1b15bbd8] {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}
.fase-btn.verde[data-v-1b15bbd8] {
  background: rgba(16, 185, 129, 0.3);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase-btn.seleccionada[data-v-1b15bbd8] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.orden-slots[data-v-1b15bbd8] {
  margin-bottom: 1rem;
}
.slots-grid[data-v-1b15bbd8] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}
.slot-orden[data-v-1b15bbd8] {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.seleccionable[data-v-1b15bbd8] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-1b15bbd8 1s infinite;
}
@keyframes pulse-1b15bbd8 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-orden.ocupado[data-v-1b15bbd8] {
  border-style: solid;
}
.slot-orden.amarillo[data-v-1b15bbd8] { background: rgba(251, 191, 36, 0.3); border-color: #F59E0B;
}
.slot-orden.azul[data-v-1b15bbd8] { background: rgba(59, 130, 246, 0.3); border-color: #3B82F6;
}
.slot-orden.rojo[data-v-1b15bbd8] { background: rgba(239, 68, 68, 0.3); border-color: #EF4444;
}
.slot-orden.verde[data-v-1b15bbd8] { background: rgba(16, 185, 129, 0.3); border-color: #10B981;
}
.slot-numero[data-v-1b15bbd8] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  font-weight: 700;
}
.slot-contenido[data-v-1b15bbd8] {
  color: #FFFFFF;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  padding: 0.2rem;
}

/* Botones de acción */
.botones-accion[data-v-1b15bbd8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-1b15bbd8], .btn-reiniciar[data-v-1b15bbd8] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-1b15bbd8] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-1b15bbd8] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Mitosis vs Meiosis ===== */
.comparar-container[data-v-1b15bbd8] {
  text-align: center;
}
.evento-actual[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-1b15bbd8] {
  font-size: 2rem;
}
.evento-texto[data-v-1b15bbd8] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-tipo[data-v-1b15bbd8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-tipo[data-v-1b15bbd8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-1b15bbd8] {
  padding: 0.6rem 0.4rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.75rem;
  color: #FFFFFF;
  transition: all 0.2s ease;
}
.opcion-tipo.azul[data-v-1b15bbd8] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-tipo.verde[data-v-1b15bbd8] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-tipo.morado[data-v-1b15bbd8] {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.4);
}
.opcion-tipo.seleccionada[data-v-1b15bbd8] {
  transform: scale(1.02);
}
.opcion-tipo.correcto[data-v-1b15bbd8] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-1b15bbd8] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-1b15bbd8] {
  text-align: center;
}

/* Célula simulador */
.celula-simulador[data-v-1b15bbd8] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.celula-membrana[data-v-1b15bbd8] {
  width: 160px;
  height: 120px;
  border-radius: 40%;
  border: 4px solid #8B5CF6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
  transition: all 0.5s ease;
  overflow: hidden;
  position: relative;
}
.celula-simulador.meiosis2 .celula-membrana[data-v-1b15bbd8] {
  width: 200px;
  height: 100px;
  border-radius: 20%;
}

/* Visuales de fases */
.fase-inicio-visual[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cromosomas-pares[data-v-1b15bbd8] {
  display: flex;
  gap: 0.75rem;
}
.par-homologos[data-v-1b15bbd8] {
  display: flex;
  gap: 0.15rem;
  font-size: 1.2rem;
}
.ploidia[data-v-1b15bbd8] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-top: 0.25rem;
}
.fase-profase1-visual[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bivalentes[data-v-1b15bbd8] {
  display: flex;
  gap: 0.75rem;
}
.bivalente[data-v-1b15bbd8] {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.crossing-point[data-v-1b15bbd8] {
  font-size: 0.75rem;
  color: #F9A8D4;
  margin: 0 -0.2rem;
  animation: crossingAnim-1b15bbd8 1.5s ease-in-out infinite;
}
@keyframes crossingAnim-1b15bbd8 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.fase-metafase1-visual[data-v-1b15bbd8] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linea-ecuatorial[data-v-1b15bbd8] {
  position: absolute;
  width: 100%;
  height: 3px;
  background: rgba(59, 130, 246, 0.5);
}
.bivalentes-alineados[data-v-1b15bbd8] {
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  z-index: 1;
}
.crom-par[data-v-1b15bbd8] {
  display: flex;
}
.fase-anafase1-visual[data-v-1b15bbd8] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 1rem;
}
.polo-izq[data-v-1b15bbd8], .polo-der[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.9rem;
  animation: moveApart-1b15bbd8 2s ease-in-out infinite;
}
@keyframes moveApart-1b15bbd8 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.polo-der[data-v-1b15bbd8] {
  animation-name: moveApartRight-1b15bbd8;
}
@keyframes moveApartRight-1b15bbd8 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
.fase-telofase1-visual[data-v-1b15bbd8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.celula-hija[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.9rem;
}
.division-linea[data-v-1b15bbd8] {
  width: 3px;
  height: 50px;
  background: #10B981;
  border-radius: 2px;
}
.ploidia-mini[data-v-1b15bbd8] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #6EE7B7;
}
.fase-meiosis2-visual[data-v-1b15bbd8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gametos-grid[data-v-1b15bbd8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.gameto[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 50%;
  font-size: 0.9rem;
}
.fase-info[data-v-1b15bbd8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.fase-actual-nombre[data-v-1b15bbd8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fase-actual-nombre.profase1[data-v-1b15bbd8] { color: #FCD34D;
}
.fase-actual-nombre.metafase1[data-v-1b15bbd8] { color: #93C5FD;
}
.fase-actual-nombre.anafase1[data-v-1b15bbd8] { color: #FCA5A5;
}
.fase-actual-nombre.telofase1[data-v-1b15bbd8] { color: #6EE7B7;
}
.fase-actual-nombre.meiosis2[data-v-1b15bbd8] { color: #A78BFA;
}
.fase-descripcion[data-v-1b15bbd8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.controles-simulador[data-v-1b15bbd8] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.control-btn[data-v-1b15bbd8] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.control-btn[data-v-1b15bbd8]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.indicador-fase[data-v-1b15bbd8] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.quiz-simulador[data-v-1b15bbd8] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-1b15bbd8] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-1b15bbd8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.quiz-opc[data-v-1b15bbd8] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.quiz-opc.seleccionada[data-v-1b15bbd8] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-1b15bbd8] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-1b15bbd8] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.feedback-msg[data-v-1b15bbd8] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-1b15bbd8] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-1b15bbd8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-1b15bbd8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1b15bbd8] { font-size: 1.25rem;
}
.resultado-texto[data-v-1b15bbd8] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1b15bbd8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1b15bbd8] { flex: 1;
}
.nav-btn[data-v-1b15bbd8] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1b15bbd8] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1b15bbd8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1b15bbd8] { font-size: 1.75rem;
}
.completado-texto[data-v-1b15bbd8] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1b15bbd8], .slide-leave-active[data-v-1b15bbd8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1b15bbd8] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1b15bbd8] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slots-grid[data-v-1b15bbd8] {
    grid-template-columns: repeat(8, 1fr);
}
.slot-orden[data-v-1b15bbd8] {
    height: 60px;
}
.slot-contenido[data-v-1b15bbd8] {
    font-size: 0.65rem;
}
.celula-membrana[data-v-1b15bbd8] {
    width: 180px;
    height: 140px;
}
.celula-simulador.meiosis2 .celula-membrana[data-v-1b15bbd8] {
    width: 220px;
    height: 120px;
}
.quiz-opciones[data-v-1b15bbd8] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado */
.resumen-encabezado[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-a55c333c] {
  font-size: 2.5rem;
}
.resumen-subtitulo[data-v-a55c333c] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Comparación final */
.comparacion-final[data-v-a55c333c] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-a55c333c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.comp-tabla[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.comp-row[data-v-a55c333c] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.2rem;
}
.comp-row.header[data-v-a55c333c] {
  font-weight: 700;
}
.comp-cell[data-v-a55c333c] {
  padding: 0.35rem 0.4rem;
  text-align: center;
  font-size: 0.7rem;
  color: #E9D5FF;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.comp-cell.label[data-v-a55c333c] {
  text-align: left;
  font-weight: 600;
  color: #C4B5FD;
}
.comp-cell.mitosis[data-v-a55c333c] {
  background: rgba(59, 130, 246, 0.3);
  color: #FFFFFF;
}
.comp-cell.meiosis[data-v-a55c333c] {
  background: rgba(16, 185, 129, 0.3);
  color: #FFFFFF;
}

/* Fases resumen */
.fases-resumen[data-v-a55c333c] {
  margin-bottom: 1.5rem;
}
.fases-titulo[data-v-a55c333c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fases-grid[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fase-item[data-v-a55c333c] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.fase-item.meiosis-i[data-v-a55c333c] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.fase-item.meiosis-ii[data-v-a55c333c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-badge[data-v-a55c333c] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.fase-lista[data-v-a55c333c] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.fase-lista li[data-v-a55c333c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.2rem;
}
.fase-lista strong[data-v-a55c333c] {
  color: #FFFFFF;
}

/* Variabilidad resumen */
.variabilidad-resumen[data-v-a55c333c] {
  margin-bottom: 1.5rem;
}
.var-titulo[data-v-a55c333c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.var-grid[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.var-item[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(249, 168, 212, 0.1);
  border: 1px solid rgba(249, 168, 212, 0.3);
  border-radius: 0.5rem;
}
.var-nombre[data-v-a55c333c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.var-donde[data-v-a55c333c] {
  font-size: 0.7rem;
  color: #F9A8D4;
  margin-bottom: 0.25rem;
}
.var-desc[data-v-a55c333c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Datos numéricos */
.datos-numericos[data-v-a55c333c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.dato-item[data-v-a55c333c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.dato-valor[data-v-a55c333c] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.dato-label[data-v-a55c333c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tips PAES */
.tips-paes[data-v-a55c333c] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-a55c333c] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tips-lista[data-v-a55c333c] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.tips-lista li[data-v-a55c333c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.4rem;
  line-height: 1.4;
}
.tips-lista strong[data-v-a55c333c] {
  color: #FFFFFF;
}
strong.reduccional[data-v-a55c333c] { color: #8B5CF6;
}
strong.ecuacional[data-v-a55c333c] { color: #10B981;
}
strong.crossing[data-v-a55c333c] { color: #F9A8D4;
}

/* Recordatorio final */
.recordatorio-final[data-v-a55c333c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.recordatorio-icono[data-v-a55c333c] {
  font-size: 1.5rem;
}
.recordatorio-contenido[data-v-a55c333c] {
  flex: 1;
}
.recordatorio-titulo[data-v-a55c333c] {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.recordatorio-texto[data-v-a55c333c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.recordatorio-texto strong[data-v-a55c333c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fases-grid[data-v-a55c333c] {
    flex-direction: row;
}
.fase-item[data-v-a55c333c] {
    flex: 1;
}
.var-grid[data-v-a55c333c] {
    flex-direction: row;
}
.var-item[data-v-a55c333c] {
    flex: 1;
}
.comp-cell[data-v-a55c333c] {
    font-size: 0.75rem;
}
}

/* Intro visual - Célula simple */
.intro-visual[data-v-250cad1d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.celula-simple[data-v-250cad1d] {
  width: 100px;
  height: 100px;
}
.membrana-externa[data-v-250cad1d] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #F59E0B;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse-membrane-250cad1d 2s ease-in-out infinite;
}
@keyframes pulse-membrane-250cad1d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.citoplasma[data-v-250cad1d] {
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nucleo[data-v-250cad1d] {
  font-size: 1.5rem;
}
.membrana-label[data-v-250cad1d] {
  color: #FCD34D;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Características principales */
.caracteristicas-section[data-v-250cad1d] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-250cad1d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-250cad1d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.caracteristica[data-v-250cad1d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-250cad1d] {
  font-size: 1.3rem;
  min-width: 28px;
  text-align: center;
}
.car-contenido[data-v-250cad1d] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.car-titulo[data-v-250cad1d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.car-desc[data-v-250cad1d] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Composición */
.composicion-section[data-v-250cad1d] {
  margin: 1.5rem 0;
}
.composicion-titulo[data-v-250cad1d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.composicion-barra[data-v-250cad1d] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-item[data-v-250cad1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
}
.comp-item.lipidos[data-v-250cad1d] {
  flex: 4;
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid rgba(245, 158, 11, 0.5);
}
.comp-item.proteinas[data-v-250cad1d] {
  flex: 5;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
}
.comp-item.carbos[data-v-250cad1d] {
  flex: 1;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.5);
}
.comp-porcentaje[data-v-250cad1d] {
  font-size: 0.85rem;
  font-weight: 800;
  color: #FFFFFF;
}
.comp-nombre[data-v-250cad1d] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Funciones */
.funciones-section[data-v-250cad1d] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-250cad1d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-lista[data-v-250cad1d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.funcion-item[data-v-250cad1d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.func-num[data-v-250cad1d] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.func-texto[data-v-250cad1d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.func-texto strong[data-v-250cad1d] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-250cad1d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-250cad1d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-250cad1d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-250cad1d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-250cad1d] {
    gap: 1.5rem;
}
.celula-simple[data-v-250cad1d] {
    width: 120px;
    height: 120px;
}
.membrana-externa[data-v-250cad1d] {
    border-width: 5px;
}
.caracteristica[data-v-250cad1d] {
    padding: 0.75rem;
}
.car-titulo[data-v-250cad1d] {
    font-size: 0.9rem;
}
.car-desc[data-v-250cad1d] {
    font-size: 0.75rem;
}
.comp-nombre[data-v-250cad1d] {
    font-size: 0.75rem;
}
}

/* Modelo intro */
.modelo-intro[data-v-9118bcd6] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 1rem;
}
.modelo-badge[data-v-9118bcd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.badge-year[data-v-9118bcd6] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.badge-autores[data-v-9118bcd6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto fluido */
strong.fluido[data-v-9118bcd6] {
  color: #60A5FA;
}

/* Visualización de membrana */
.membrana-visual[data-v-9118bcd6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.membrana-titulo[data-v-9118bcd6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.bicapa-container[data-v-9118bcd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.medio-externo[data-v-9118bcd6], .medio-interno[data-v-9118bcd6] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.bicapa[data-v-9118bcd6] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: linear-gradient(to bottom, 
    rgba(245, 158, 11, 0.1), 
    rgba(139, 92, 246, 0.1), 
    rgba(245, 158, 11, 0.1)
  );
  border-radius: 0.5rem;
  width: 100%;
  overflow: hidden;
}
.capa[data-v-9118bcd6] {
  display: flex;
  justify-content: center;
  gap: 0.1rem;
}
.fosfolipido[data-v-9118bcd6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: float-lipid-9118bcd6 3s ease-in-out infinite;
}
.fosfolipido.invertido[data-v-9118bcd6] {
  flex-direction: column;
}
@keyframes float-lipid-9118bcd6 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(3px);
}
}
.cabeza[data-v-9118bcd6] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.colas[data-v-9118bcd6] {
  font-size: 0.5rem;
  color: #C4B5FD;
  line-height: 1;
}
.proteina-integral[data-v-9118bcd6] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.prot-icon[data-v-9118bcd6] {
  font-size: 1.5rem;
  animation: float-protein-9118bcd6 4s ease-in-out infinite;
}
@keyframes float-protein-9118bcd6 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(8px);
}
}

/* Componentes del modelo */
.componentes-section[data-v-9118bcd6] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-9118bcd6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-9118bcd6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.componente[data-v-9118bcd6] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.componente.fosfolipidos[data-v-9118bcd6] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.componente.proteinas[data-v-9118bcd6] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.componente.colesterol[data-v-9118bcd6] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.componente.glucocalix[data-v-9118bcd6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comp-header[data-v-9118bcd6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.comp-icono[data-v-9118bcd6] {
  font-size: 1rem;
}
.comp-nombre[data-v-9118bcd6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-desc[data-v-9118bcd6] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.comp-desc strong[data-v-9118bcd6] {
  color: #FFFFFF;
}
strong.hidrofilica[data-v-9118bcd6] {
  color: #60A5FA;
}
strong.hidrofobica[data-v-9118bcd6] {
  color: #FCD34D;
}

/* Fluido section */
.fluido-section[data-v-9118bcd6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.fluido-titulo[data-v-9118bcd6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fluido-explicacion[data-v-9118bcd6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fluido-item[data-v-9118bcd6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fluido-icono[data-v-9118bcd6] {
  font-size: 1.1rem;
  min-width: 28px;
  text-align: center;
}
.fluido-texto[data-v-9118bcd6] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.fluido-texto strong[data-v-9118bcd6] {
  color: #60A5FA;
}

/* Tip */
.tip[data-v-9118bcd6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9118bcd6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9118bcd6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9118bcd6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-grid[data-v-9118bcd6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.fosfolipido[data-v-9118bcd6] {
    gap: 0.1rem;
}
.cabeza[data-v-9118bcd6] {
    font-size: 0.7rem;
}
.colas[data-v-9118bcd6] {
    font-size: 0.6rem;
}
.prot-icon[data-v-9118bcd6] {
    font-size: 2rem;
}
}

/* Tipos de transporte */
.tipos-transporte[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-7b90e3d4] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.pasivo[data-v-7b90e3d4] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.activo[data-v-7b90e3d4] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-header[data-v-7b90e3d4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.tipo-icono[data-v-7b90e3d4] {
  font-size: 1.5rem;
}
.tipo-info[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-7b90e3d4] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.tipo-energia[data-v-7b90e3d4] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  width: fit-content;
}
.tipo-energia.sin[data-v-7b90e3d4] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tipo-energia.con[data-v-7b90e3d4] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Subtipos */
.subtipos[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.subtipo[data-v-7b90e3d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sub-icono[data-v-7b90e3d4] {
  font-size: 1.1rem;
  min-width: 28px;
  text-align: center;
}
.sub-info[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
}
.sub-nombre[data-v-7b90e3d4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.sub-desc[data-v-7b90e3d4] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Gradiente box */
.gradiente-box[data-v-7b90e3d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
  border-left: 3px solid #10B981;
}
.gradiente-box.activo[data-v-7b90e3d4] {
  background: rgba(239, 68, 68, 0.15);
  border-left-color: #EF4444;
}
.grad-icono[data-v-7b90e3d4] {
  font-size: 1rem;
}
.grad-texto[data-v-7b90e3d4] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.grad-texto strong.alta[data-v-7b90e3d4] {
  color: #FCA5A5;
}
.grad-texto strong.baja[data-v-7b90e3d4] {
  color: #6EE7B7;
}

/* Ósmosis section */
.osmosis-section[data-v-7b90e3d4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.osmosis-titulo[data-v-7b90e3d4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.osmosis-grid[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.solucion[data-v-7b90e3d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.solucion.hipotonica[data-v-7b90e3d4] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.solucion.isotonica[data-v-7b90e3d4] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.solucion.hipertonica[data-v-7b90e3d4] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.sol-icono[data-v-7b90e3d4] {
  font-size: 1.5rem;
}
.sol-nombre[data-v-7b90e3d4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.sol-desc[data-v-7b90e3d4] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.sol-efecto[data-v-7b90e3d4] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
}
.solucion.hipotonica .sol-efecto[data-v-7b90e3d4] {
  color: #FCA5A5;
}
.solucion.isotonica .sol-efecto[data-v-7b90e3d4] {
  color: #6EE7B7;
}
.solucion.hipertonica .sol-efecto[data-v-7b90e3d4] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-7b90e3d4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7b90e3d4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7b90e3d4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7b90e3d4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-transporte[data-v-7b90e3d4] {
    flex-direction: row;
}
.tipo-card[data-v-7b90e3d4] {
    flex: 1;
}
.osmosis-grid[data-v-7b90e3d4] {
    flex-direction: row;
}
.solucion[data-v-7b90e3d4] {
    flex: 1;
}
}

.explorador[data-v-07697b25] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-07697b25] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-07697b25] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-07697b25] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-07697b25] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-07697b25] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-07697b25] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-07697b25] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-07697b25] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-07697b25] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Componentes ===== */
.componentes-container[data-v-07697b25] {
  text-align: center;
}
.componente-actual[data-v-07697b25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.comp-icono-grande[data-v-07697b25] {
  font-size: 2.5rem;
}
.comp-pista[data-v-07697b25] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-componente[data-v-07697b25] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-comp[data-v-07697b25] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.opcion-comp[data-v-07697b25]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-comp.seleccionado[data-v-07697b25] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-comp.correcto[data-v-07697b25] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-comp.incorrecto[data-v-07697b25] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Transporte ===== */
.transporte-container[data-v-07697b25] {
  text-align: center;
}
.transporte-actual[data-v-07697b25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.trans-icono[data-v-07697b25] {
  font-size: 2rem;
}
.trans-nombre[data-v-07697b25] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.trans-ejemplo[data-v-07697b25] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.pregunta-tipo[data-v-07697b25] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-transporte[data-v-07697b25] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-trans[data-v-07697b25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-trans.pasivo[data-v-07697b25] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-trans.activo[data-v-07697b25] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-trans.seleccionado.pasivo[data-v-07697b25] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-trans.seleccionado.activo[data-v-07697b25] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-trans.correcto[data-v-07697b25] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-trans.incorrecto[data-v-07697b25] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.trans-tipo-icono[data-v-07697b25] {
  font-size: 1.5rem;
}
.trans-tipo-nombre[data-v-07697b25] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.trans-tipo-desc[data-v-07697b25] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Ósmosis ===== */
.osmosis-container[data-v-07697b25] {
  text-align: center;
}
.situacion-actual[data-v-07697b25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sit-icono[data-v-07697b25] {
  font-size: 2rem;
}
.sit-texto[data-v-07697b25] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-osmosis[data-v-07697b25] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-osmosis[data-v-07697b25] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-osm[data-v-07697b25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-osm[data-v-07697b25]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-osm.seleccionado[data-v-07697b25] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-osm.correcto[data-v-07697b25] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-osm.incorrecto[data-v-07697b25] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.osm-icono[data-v-07697b25] {
  font-size: 1.5rem;
}
.osm-nombre[data-v-07697b25] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.explicacion-osmosis[data-v-07697b25] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.feedback-msg[data-v-07697b25] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-07697b25] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-07697b25] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-07697b25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-07697b25] { font-size: 1.25rem;
}
.resultado-texto[data-v-07697b25] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-07697b25] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-07697b25] { flex: 1;
}
.nav-btn[data-v-07697b25] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-07697b25] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-07697b25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-07697b25] { font-size: 1.75rem;
}
.completado-texto[data-v-07697b25] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-07697b25], .slide-leave-active[data-v-07697b25] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-07697b25] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-07697b25] { opacity: 0; transform: translateX(-15px);
}

/* Badge de completado */
.completado-badge[data-v-47ac6a35] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.badge-icono[data-v-47ac6a35] {
  font-size: 1.5rem;
}
.badge-texto[data-v-47ac6a35] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Sección de resumen */
.resumen-section[data-v-47ac6a35] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-47ac6a35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-lista[data-v-47ac6a35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-47ac6a35] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.concepto-num[data-v-47ac6a35] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.concepto-contenido[data-v-47ac6a35] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.concepto-contenido strong[data-v-47ac6a35] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-desc[data-v-47ac6a35] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Tabla de transporte */
.tabla-section[data-v-47ac6a35] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-47ac6a35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-transporte[data-v-47ac6a35] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-47ac6a35] {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.tabla-row[data-v-47ac6a35] {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row.pasivo[data-v-47ac6a35] {
  background: rgba(16, 185, 129, 0.05);
}
.tabla-row.activo[data-v-47ac6a35] {
  background: rgba(239, 68, 68, 0.05);
}
.col-tipo[data-v-47ac6a35] {
  color: #E9D5FF;
}
.col-energia[data-v-47ac6a35] {
  text-align: center;
  font-weight: 600;
}
.col-energia.no[data-v-47ac6a35] {
  color: #6EE7B7;
}
.col-energia.si[data-v-47ac6a35] {
  color: #FCA5A5;
}
.col-ejemplo[data-v-47ac6a35] {
  color: #C4B5FD;
}

/* Ósmosis resumen */
.osmosis-resumen[data-v-47ac6a35] {
  margin-bottom: 1.5rem;
}
.osmosis-titulo[data-v-47ac6a35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.osmosis-cards[data-v-47ac6a35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.osm-card[data-v-47ac6a35] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.osm-card.hipo[data-v-47ac6a35] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.osm-card.iso[data-v-47ac6a35] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.osm-card.hiper[data-v-47ac6a35] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.osm-icono[data-v-47ac6a35] {
  font-size: 1rem;
  min-width: 40px;
  text-align: center;
}
.osm-tipo[data-v-47ac6a35] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 80px;
}
.osm-efecto[data-v-47ac6a35] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-47ac6a35] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-47ac6a35] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-47ac6a35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-47ac6a35] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-bullet[data-v-47ac6a35] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-47ac6a35] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-47ac6a35] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-47ac6a35] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-47ac6a35] {
  font-size: 1.5rem;
}
.final-texto[data-v-47ac6a35] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.osmosis-cards[data-v-47ac6a35] {
    flex-direction: row;
}
.osm-card[data-v-47ac6a35] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.osm-icono[data-v-47ac6a35] {
    font-size: 1.5rem;
}
.osm-tipo[data-v-47ac6a35] {
    min-width: auto;
}
.tabla-header[data-v-47ac6a35], .tabla-row[data-v-47ac6a35] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-ba29b289] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.mitosis-icono[data-v-ba29b289] {
  font-size: 3rem;
  animation: pulse-ba29b289 2s ease-in-out infinite;
}
@keyframes pulse-ba29b289 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.mitosis-titulo[data-v-ba29b289] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.resultado[data-v-ba29b289] { color: #6EE7B7;
}
strong.crecimiento[data-v-ba29b289] { color: #93C5FD;
}
strong.reparacion[data-v-ba29b289] { color: #FCD34D;
}
strong.reproduccion[data-v-ba29b289] { color: #F9A8D4;
}

/* Proceso diagram */
.proceso-diagram[data-v-ba29b289] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-ba29b289] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.proceso-visual[data-v-ba29b289] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.celula-madre[data-v-ba29b289], .celulas-hijas[data-v-ba29b289] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.celula-icono[data-v-ba29b289] {
  font-size: 2.5rem;
}
.celula-label[data-v-ba29b289] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.celula-info[data-v-ba29b289] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.celulas-hijas[data-v-ba29b289] {
  position: relative;
}
.celula-hija[data-v-ba29b289] {
  display: inline;
}
.celula-hija .celula-icono[data-v-ba29b289] {
  font-size: 2rem;
}
.flecha-proceso[data-v-ba29b289] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-icono[data-v-ba29b289] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 800;
}
.flecha-label[data-v-ba29b289] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fases section */
.fases-section[data-v-ba29b289] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-ba29b289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fases-lista[data-v-ba29b289] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.fase[data-v-ba29b289] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  min-width: 55px;
}
.fase.profase[data-v-ba29b289] {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase.metafase[data-v-ba29b289] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase.anafase[data-v-ba29b289] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.fase.telofase[data-v-ba29b289] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase.citocinesis[data-v-ba29b289] {
  background: rgba(168, 85, 247, 0.15);
  border-color: rgba(168, 85, 247, 0.5);
}
.fase-num[data-v-ba29b289] {
  font-size: 0.7rem;
  font-weight: 800;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.15rem;
}
.fase-nombre[data-v-ba29b289] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.fase-flecha[data-v-ba29b289] {
  color: #8B5CF6;
  font-size: 0.9rem;
  font-weight: 800;
}
.fases-leyenda[data-v-ba29b289] {
  text-align: center;
}
.leyenda-nota[data-v-ba29b289] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.leyenda-nota strong[data-v-ba29b289] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-ba29b289] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-ba29b289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-ba29b289] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-ba29b289] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-ba29b289] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-ba29b289] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-ba29b289] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-ba29b289] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ba29b289] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ba29b289] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ba29b289] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mitosis-icono[data-v-ba29b289] {
    font-size: 4rem;
}
.proceso-visual[data-v-ba29b289] {
    gap: 1.5rem;
}
.celula-icono[data-v-ba29b289] {
    font-size: 3rem;
}
.fases-lista[data-v-ba29b289] {
    gap: 0.3rem;
}
.fase[data-v-ba29b289] {
    padding: 0.5rem 0.6rem;
    min-width: 70px;
}
.fase-nombre[data-v-ba29b289] {
    font-size: 0.75rem;
}
.caract-grid[data-v-ba29b289] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fase section */
.fase-section[data-v-36396a29] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fase-section.profase[data-v-36396a29] {
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
}
.fase-section.metafase[data-v-36396a29] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.fase-header[data-v-36396a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.fase-numero[data-v-36396a29] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.profase .fase-numero[data-v-36396a29] { background: #F59E0B;
}
.metafase .fase-numero[data-v-36396a29] { background: #3B82F6;
}
.fase-nombre[data-v-36396a29] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.fase-emoji[data-v-36396a29] {
  font-size: 1.25rem;
  margin-left: auto;
}

/* Visuales de fases */
.fase-visual[data-v-36396a29] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.celula-profase[data-v-36396a29] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid #F59E0B;
  background: rgba(251, 191, 36, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.membrana-nuclear[data-v-36396a29] {
  position: absolute;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  border: 2px dashed rgba(255, 255, 255, 0.3);
}
.membrana-nuclear.desapareciendo[data-v-36396a29] {
  animation: fadeOut-36396a29 2s ease-in-out infinite;
}
@keyframes fadeOut-36396a29 {
0%, 100% { opacity: 0.6;
}
50% { opacity: 0.2;
}
}
.cromosomas-condensados[data-v-36396a29] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  z-index: 1;
}
.centrosomas[data-v-36396a29] {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
.centrosoma[data-v-36396a29] {
  font-size: 0.5rem;
}
.celula-metafase[data-v-36396a29] {
  width: 140px;
  height: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.huso-mitotico[data-v-36396a29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.polo-norte[data-v-36396a29], .polo-sur[data-v-36396a29] {
  font-size: 0.6rem;
}
.fibras-huso[data-v-36396a29] {
  width: 80px;
  height: 2px;
  background: linear-gradient(to bottom, transparent, rgba(59, 130, 246, 0.5), transparent);
}
.placa-ecuatorial[data-v-36396a29] {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.cromosoma-alineado[data-v-36396a29] {
  font-size: 1rem;
}
.linea-ecuador[data-v-36396a29] {
  position: absolute;
  width: 100%;
  height: 2px;
  background: rgba(59, 130, 246, 0.5);
  top: 50%;
}

/* Lista de eventos */
.eventos-lista[data-v-36396a29] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0.75rem 0;
}
.evento[data-v-36396a29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.evento-check[data-v-36396a29] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
}
.profase .evento-check[data-v-36396a29] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.metafase .evento-check[data-v-36396a29] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.evento-texto[data-v-36396a29] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.evento-texto strong[data-v-36396a29] {
  color: #FFFFFF;
}

/* Tip de fase */
.tip-fase[data-v-36396a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.tip-icono[data-v-36396a29] {
  font-size: 1rem;
}
.tip-texto[data-v-36396a29] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-36396a29] {
  color: #FCD34D;
}

/* Separador */
.separador-fases[data-v-36396a29] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
}
.separador-flecha[data-v-36396a29] {
  font-size: 1.5rem;
  animation: bounce-36396a29 1s ease-in-out infinite;
}
@keyframes bounce-36396a29 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}

/* Comparación */
.comparacion-box[data-v-36396a29] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-titulo[data-v-36396a29] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comp-grid[data-v-36396a29] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.comp-item[data-v-36396a29] {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.comp-item.profase[data-v-36396a29] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.comp-item.metafase[data-v-36396a29] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-nombre[data-v-36396a29] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-desc[data-v-36396a29] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-vs[data-v-36396a29] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Desktop */
@media (min-width: 640px) {
.celula-profase[data-v-36396a29] {
    width: 150px;
    height: 150px;
}
.celula-metafase[data-v-36396a29] {
    width: 180px;
    height: 120px;
}
.cromosomas-condensados[data-v-36396a29] {
    font-size: 1.5rem;
}
.evento-texto[data-v-36396a29] {
    font-size: 0.9rem;
}
.comp-grid[data-v-36396a29] {
    gap: 1rem;
}
}

/* Fase section */
.fase-section[data-v-5a91b7a8] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fase-section.anafase[data-v-5a91b7a8] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.fase-section.telofase[data-v-5a91b7a8] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.fase-header[data-v-5a91b7a8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.fase-numero[data-v-5a91b7a8] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.anafase .fase-numero[data-v-5a91b7a8] { background: #EF4444;
}
.telofase .fase-numero[data-v-5a91b7a8] { background: #10B981;
}
.fase-nombre[data-v-5a91b7a8] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.fase-emoji[data-v-5a91b7a8] {
  font-size: 1.25rem;
  margin-left: auto;
}

/* Visuales de fases */
.fase-visual[data-v-5a91b7a8] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}

/* Anafase visual */
.celula-anafase[data-v-5a91b7a8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 30%;
  border: 3px solid #EF4444;
  min-width: 200px;
}
.polo[data-v-5a91b7a8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  animation: moveOut-5a91b7a8 2s ease-in-out infinite;
}
.polo.polo-izq[data-v-5a91b7a8] {
  animation-direction: normal;
}
.polo.polo-der[data-v-5a91b7a8] {
  animation-direction: reverse;
}
@keyframes moveOut-5a91b7a8 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-3px);
}
}
.polo.polo-der[data-v-5a91b7a8] {
  animation-name: moveOutRight-5a91b7a8;
}
@keyframes moveOutRight-5a91b7a8 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(3px);
}
}
.cromosoma-separado[data-v-5a91b7a8] {
  font-size: 1.25rem;
}
.zona-central[data-v-5a91b7a8] {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}
.fibras-tirando[data-v-5a91b7a8] {
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
}
.fibras-tirando.izq[data-v-5a91b7a8] {
  background: linear-gradient(to left, transparent, rgba(239, 68, 68, 0.6));
  left: 0;
}
.fibras-tirando.der[data-v-5a91b7a8] {
  background: linear-gradient(to right, transparent, rgba(239, 68, 68, 0.6));
  right: 0;
}

/* Telofase visual */
.celula-telofase[data-v-5a91b7a8] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
}
.nucleo-formando[data-v-5a91b7a8] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.1);
  border: 3px solid #10B981;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.membrana-nueva[data-v-5a91b7a8] {
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 2px solid rgba(16, 185, 129, 0.6);
  animation: formMembrane-5a91b7a8 2s ease-in-out infinite;
}
@keyframes formMembrane-5a91b7a8 {
0%, 100% { opacity: 0.4; transform: scale(0.9);
}
50% { opacity: 1; transform: scale(1);
}
}
.cromosomas-descondensando[data-v-5a91b7a8] {
  display: flex;
  gap: 0.15rem;
  font-size: 0.9rem;
  z-index: 1;
}
.surco-division[data-v-5a91b7a8] {
  width: 4px;
  height: 50px;
  background: linear-gradient(to bottom, transparent, #10B981, transparent);
  border-radius: 2px;
}

/* Concepto clave */
.concepto-clave[data-v-5a91b7a8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-emoji[data-v-5a91b7a8] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-5a91b7a8] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.concepto-texto strong[data-v-5a91b7a8] {
  color: #FCD34D;
}

/* Lista de eventos */
.eventos-lista[data-v-5a91b7a8] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0.75rem 0;
}
.evento[data-v-5a91b7a8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.evento-check[data-v-5a91b7a8] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
}
.anafase .evento-check[data-v-5a91b7a8] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.telofase .evento-check[data-v-5a91b7a8] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.evento-texto[data-v-5a91b7a8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.evento-texto strong[data-v-5a91b7a8] {
  color: #FFFFFF;
}

/* Tip de fase */
.tip-fase[data-v-5a91b7a8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.tip-icono[data-v-5a91b7a8] {
  font-size: 1rem;
}
.tip-texto[data-v-5a91b7a8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-5a91b7a8] {
  color: #FCD34D;
}

/* Separador */
.separador-fases[data-v-5a91b7a8] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
}
.separador-flecha[data-v-5a91b7a8] {
  font-size: 1.5rem;
  animation: bounce-5a91b7a8 1s ease-in-out infinite;
}
@keyframes bounce-5a91b7a8 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}

/* Resumen box */
.resumen-box[data-v-5a91b7a8] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.resumen-titulo[data-v-5a91b7a8] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.resumen-grid[data-v-5a91b7a8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.resumen-item[data-v-5a91b7a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.resumen-item.anafase[data-v-5a91b7a8] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.resumen-item.telofase[data-v-5a91b7a8] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.res-fase[data-v-5a91b7a8] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.res-accion[data-v-5a91b7a8] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.res-detalle[data-v-5a91b7a8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.celula-anafase[data-v-5a91b7a8] {
    min-width: 260px;
    padding: 1.25rem;
}
.cromosoma-separado[data-v-5a91b7a8] {
    font-size: 1.5rem;
}
.nucleo-formando[data-v-5a91b7a8] {
    width: 90px;
    height: 90px;
}
.cromosomas-descondensando[data-v-5a91b7a8] {
    font-size: 1.1rem;
}
.evento-texto[data-v-5a91b7a8] {
    font-size: 0.9rem;
}
}

/* Fase section */
.fase-section[data-v-7d1d6952] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fase-section.citocinesis[data-v-7d1d6952] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
}
.fase-header[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.fase-numero[data-v-7d1d6952] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
  background: #A855F7;
}
.fase-nombre[data-v-7d1d6952] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.fase-emoji[data-v-7d1d6952] {
  font-size: 1.25rem;
  margin-left: auto;
}

/* Visual de citocinesis */
.fase-visual[data-v-7d1d6952] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.celula-citocinesis[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.celula-hija[data-v-7d1d6952] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(168, 85, 247, 0.15);
  border: 3px solid #A855F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nucleo-nuevo[data-v-7d1d6952] {
  font-size: 2rem;
}
.surco-activo[data-v-7d1d6952] {
  width: 20px;
  display: flex;
  justify-content: center;
}
.anillo-contractil[data-v-7d1d6952] {
  width: 4px;
  height: 50px;
  background: #A855F7;
  border-radius: 2px;
  animation: contract-7d1d6952 1.5s ease-in-out infinite;
}
@keyframes contract-7d1d6952 {
0%, 100% { height: 50px;
}
50% { height: 30px;
}
}

/* Concepto clave */
.concepto-clave[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-emoji[data-v-7d1d6952] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-7d1d6952] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.concepto-texto strong[data-v-7d1d6952] {
  color: #E9D5FF;
}

/* Comparación section */
.comparacion-section[data-v-7d1d6952] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-7d1d6952] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comp-grid[data-v-7d1d6952] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-celula[data-v-7d1d6952] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-celula.animal[data-v-7d1d6952] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-celula.vegetal[data-v-7d1d6952] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-7d1d6952] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-7d1d6952] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}

/* Visuales de tipos de célula */
.tipo-visual[data-v-7d1d6952] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
}
.celula-anim[data-v-7d1d6952], .celula-veg[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.mitad-izq[data-v-7d1d6952], .mitad-der[data-v-7d1d6952] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.animal .mitad-izq[data-v-7d1d6952], .animal .mitad-der[data-v-7d1d6952] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.vegetal .mitad-izq[data-v-7d1d6952], .vegetal .mitad-der[data-v-7d1d6952] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.surco-estrangulacion[data-v-7d1d6952] {
  width: 8px;
  height: 35px;
  background: rgba(239, 68, 68, 0.5);
  border-radius: 4px;
  animation: squeeze-7d1d6952 1.5s ease-in-out infinite;
}
@keyframes squeeze-7d1d6952 {
0%, 100% { width: 8px;
}
50% { width: 3px;
}
}
.placa-celular[data-v-7d1d6952] {
  width: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vesiculas[data-v-7d1d6952] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.4rem;
  color: #10B981;
  animation: buildUp-7d1d6952 2s ease-in-out infinite;
}
@keyframes buildUp-7d1d6952 {
0%, 100% { opacity: 0.3;
}
50% { opacity: 1;
}
}
.tipo-mecanismo[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.mec-titulo[data-v-7d1d6952] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.mec-nombre[data-v-7d1d6952] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.tipo-descripcion[data-v-7d1d6952] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.tipo-descripcion strong[data-v-7d1d6952] {
  color: #FFFFFF;
}
.tipo-detalle[data-v-7d1d6952] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.detalle-icono[data-v-7d1d6952] {
  font-size: 0.75rem;
}
.detalle-texto[data-v-7d1d6952] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Resumen comparativo */
.resumen-comparativo[data-v-7d1d6952] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.res-titulo[data-v-7d1d6952] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.res-tabla[data-v-7d1d6952] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.res-fila[data-v-7d1d6952] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  text-align: center;
}
.res-fila.header[data-v-7d1d6952] {
  margin-bottom: 0.25rem;
}
.res-col[data-v-7d1d6952] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.25rem;
}
.res-col.label[data-v-7d1d6952] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
}
.res-col.animal[data-v-7d1d6952] {
  font-weight: 700;
  color: #FCA5A5;
}
.res-col.vegetal[data-v-7d1d6952] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-7d1d6952] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7d1d6952] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7d1d6952] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7d1d6952] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comp-grid[data-v-7d1d6952] {
    grid-template-columns: repeat(2, 1fr);
}
.celula-hija[data-v-7d1d6952] {
    width: 90px;
    height: 90px;
}
.nucleo-nuevo[data-v-7d1d6952] {
    font-size: 2.5rem;
}
.mitad-izq[data-v-7d1d6952], .mitad-der[data-v-7d1d6952] {
    width: 55px;
    height: 55px;
    font-size: 1.5rem;
}
.res-col[data-v-7d1d6952] {
    font-size: 0.8rem;
}
}

.explorador[data-v-27b9e9a3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-27b9e9a3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-27b9e9a3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-27b9e9a3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-27b9e9a3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-27b9e9a3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-27b9e9a3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-27b9e9a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-27b9e9a3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar fases ===== */
.ordenar-container[data-v-27b9e9a3] {
  text-align: center;
}
.fases-pool[data-v-27b9e9a3] {
  margin-bottom: 1rem;
}
.pool-label[data-v-27b9e9a3], .slots-label[data-v-27b9e9a3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.fases-disponibles[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.fase-btn[data-v-27b9e9a3] {
  padding: 0.4rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
  color: #FFFFFF;
}
.fase-btn.amarillo[data-v-27b9e9a3] {
  background: rgba(251, 191, 36, 0.3);
  border-color: rgba(251, 191, 36, 0.5);
}
.fase-btn.azul[data-v-27b9e9a3] {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}
.fase-btn.rojo[data-v-27b9e9a3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}
.fase-btn.verde[data-v-27b9e9a3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: rgba(16, 185, 129, 0.5);
}
.fase-btn.morado[data-v-27b9e9a3] {
  background: rgba(168, 85, 247, 0.3);
  border-color: rgba(168, 85, 247, 0.5);
}
.fase-btn.seleccionada[data-v-27b9e9a3] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.orden-slots[data-v-27b9e9a3] {
  margin-bottom: 1rem;
}
.slots-grid[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.slot-orden[data-v-27b9e9a3] {
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.seleccionable[data-v-27b9e9a3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-27b9e9a3 1s infinite;
}
@keyframes pulse-27b9e9a3 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-orden.ocupado[data-v-27b9e9a3] {
  border-style: solid;
}
.slot-orden.amarillo[data-v-27b9e9a3] { background: rgba(251, 191, 36, 0.3); border-color: #F59E0B;
}
.slot-orden.azul[data-v-27b9e9a3] { background: rgba(59, 130, 246, 0.3); border-color: #3B82F6;
}
.slot-orden.rojo[data-v-27b9e9a3] { background: rgba(239, 68, 68, 0.3); border-color: #EF4444;
}
.slot-orden.verde[data-v-27b9e9a3] { background: rgba(16, 185, 129, 0.3); border-color: #10B981;
}
.slot-orden.morado[data-v-27b9e9a3] { background: rgba(168, 85, 247, 0.3); border-color: #A855F7;
}
.slot-numero[data-v-27b9e9a3] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
  font-weight: 700;
}
.slot-contenido[data-v-27b9e9a3] {
  color: #FFFFFF;
  font-size: 0.65rem;
  font-weight: 700;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-27b9e9a3], .btn-reiniciar[data-v-27b9e9a3] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-27b9e9a3] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-27b9e9a3] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Identificar eventos ===== */
.identificar-container[data-v-27b9e9a3] {
  text-align: center;
}
.evento-actual[data-v-27b9e9a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-27b9e9a3] {
  font-size: 2rem;
}
.evento-texto[data-v-27b9e9a3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-fase[data-v-27b9e9a3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-fases[data-v-27b9e9a3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-fase[data-v-27b9e9a3] {
  padding: 0.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.8rem;
  color: #FFFFFF;
  transition: all 0.2s ease;
}
.opcion-fase.amarillo[data-v-27b9e9a3] {
  background: rgba(251, 191, 36, 0.2);
  border-color: rgba(251, 191, 36, 0.4);
}
.opcion-fase.azul[data-v-27b9e9a3] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-fase.rojo[data-v-27b9e9a3] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-fase.verde[data-v-27b9e9a3] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-fase.morado[data-v-27b9e9a3] {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.4);
}
.opcion-fase.seleccionada[data-v-27b9e9a3] {
  transform: scale(1.02);
}
.opcion-fase.correcto[data-v-27b9e9a3] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-fase.incorrecto[data-v-27b9e9a3] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-27b9e9a3] {
  text-align: center;
}

/* Célula simulador */
.celula-simulador[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.celula-membrana[data-v-27b9e9a3] {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 4px solid #8B5CF6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
  transition: all 0.5s ease;
  overflow: hidden;
}
.celula-simulador.citocinesis .celula-membrana[data-v-27b9e9a3] {
  width: 180px;
  border-radius: 30%;
}

/* Profase visual */
.fase-profase-visual[data-v-27b9e9a3] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.membrana-nuclear-desap[data-v-27b9e9a3] {
  position: absolute;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  border: 2px dashed rgba(255, 255, 255, 0.3);
  animation: fadeInOut-27b9e9a3 2s ease-in-out infinite;
}
@keyframes fadeInOut-27b9e9a3 {
0%, 100% { opacity: 0.6;
}
50% { opacity: 0.1;
}
}
.cromosomas-cond[data-v-27b9e9a3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  z-index: 1;
}

/* Metafase visual */
.fase-metafase-visual[data-v-27b9e9a3] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linea-ecuatorial[data-v-27b9e9a3] {
  position: absolute;
  width: 100%;
  height: 3px;
  background: rgba(59, 130, 246, 0.5);
}
.cromosomas-alineados[data-v-27b9e9a3] {
  display: flex;
  gap: 0.15rem;
  font-size: 1.1rem;
  z-index: 1;
}

/* Anafase visual */
.fase-anafase-visual[data-v-27b9e9a3] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 1rem;
}
.polo-izq[data-v-27b9e9a3], .polo-der[data-v-27b9e9a3] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 1rem;
  animation: moveApart-27b9e9a3 2s ease-in-out infinite;
}
@keyframes moveApart-27b9e9a3 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.polo-der[data-v-27b9e9a3] {
  animation-name: moveApartRight-27b9e9a3;
}
@keyframes moveApartRight-27b9e9a3 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}

/* Telofase visual */
.fase-telofase-visual[data-v-27b9e9a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nucleo-nuevo[data-v-27b9e9a3] {
  font-size: 1.75rem;
  animation: formNucleus-27b9e9a3 2s ease-in-out infinite;
}
@keyframes formNucleus-27b9e9a3 {
0%, 100% { opacity: 0.5; transform: scale(0.9);
}
50% { opacity: 1; transform: scale(1);
}
}
.surco[data-v-27b9e9a3] {
  width: 3px;
  height: 40px;
  background: #10B981;
  border-radius: 2px;
}

/* Citocinesis visual */
.fase-citocinesis-visual[data-v-27b9e9a3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.celula-hija[data-v-27b9e9a3] {
  font-size: 2rem;
}
.division-completa[data-v-27b9e9a3] {
  width: 4px;
  height: 50px;
  background: #A855F7;
  animation: divisionPulse-27b9e9a3 1.5s ease-in-out infinite;
}
@keyframes divisionPulse-27b9e9a3 {
0%, 100% { height: 50px;
}
50% { height: 30px;
}
}
.fase-info[data-v-27b9e9a3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.fase-actual-nombre[data-v-27b9e9a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fase-actual-nombre.profase[data-v-27b9e9a3] { color: #FCD34D;
}
.fase-actual-nombre.metafase[data-v-27b9e9a3] { color: #93C5FD;
}
.fase-actual-nombre.anafase[data-v-27b9e9a3] { color: #FCA5A5;
}
.fase-actual-nombre.telofase[data-v-27b9e9a3] { color: #6EE7B7;
}
.fase-actual-nombre.citocinesis[data-v-27b9e9a3] { color: #E9D5FF;
}
.fase-descripcion[data-v-27b9e9a3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.controles-simulador[data-v-27b9e9a3] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.control-btn[data-v-27b9e9a3] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.control-btn[data-v-27b9e9a3]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.indicador-fase[data-v-27b9e9a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.quiz-simulador[data-v-27b9e9a3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.quiz-pregunta[data-v-27b9e9a3] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.quiz-opciones[data-v-27b9e9a3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.quiz-opc[data-v-27b9e9a3] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.quiz-opc.seleccionada[data-v-27b9e9a3] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.quiz-opc.correcto[data-v-27b9e9a3] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.quiz-opc.incorrecto[data-v-27b9e9a3] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}

/* Elementos comunes */
.feedback-msg[data-v-27b9e9a3] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback-msg.correcto[data-v-27b9e9a3] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-27b9e9a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-27b9e9a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-27b9e9a3] { font-size: 1.25rem;
}
.resultado-texto[data-v-27b9e9a3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-27b9e9a3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-27b9e9a3] { flex: 1;
}
.nav-btn[data-v-27b9e9a3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-27b9e9a3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-27b9e9a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-27b9e9a3] { font-size: 1.75rem;
}
.completado-texto[data-v-27b9e9a3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-27b9e9a3], .slide-leave-active[data-v-27b9e9a3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-27b9e9a3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-27b9e9a3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slots-grid[data-v-27b9e9a3] {
    gap: 0.5rem;
}
.slot-orden[data-v-27b9e9a3] {
    width: 65px;
    height: 65px;
}
.slot-contenido[data-v-27b9e9a3] {
    font-size: 0.75rem;
}
.celula-membrana[data-v-27b9e9a3] {
    width: 160px;
    height: 160px;
}
.celula-simulador.citocinesis .celula-membrana[data-v-27b9e9a3] {
    width: 200px;
}
.opciones-fases[data-v-27b9e9a3] {
    grid-template-columns: repeat(5, 1fr);
}
.quiz-opciones[data-v-27b9e9a3] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.resumen-intro[data-v-dbf2623a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-dbf2623a] {
  font-size: 2rem;
}
.resumen-intro p[data-v-dbf2623a] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Resumen principal */
.resumen-principal[data-v-dbf2623a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-dbf2623a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-visual[data-v-dbf2623a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.celula-inicio[data-v-dbf2623a], .celulas-final[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cel-icono[data-v-dbf2623a] {
  font-size: 2rem;
}
.cel-label[data-v-dbf2623a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.cel-nota[data-v-dbf2623a] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.proceso-flecha[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-icono[data-v-dbf2623a] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.flecha-text[data-v-dbf2623a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fases resumen */
.fases-resumen[data-v-dbf2623a] {
  margin-bottom: 1.5rem;
}
.fases-titulo[data-v-dbf2623a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fases-grid[data-v-dbf2623a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.fase-card[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.fase-card.profase[data-v-dbf2623a] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.fase-card.metafase[data-v-dbf2623a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.fase-card.anafase[data-v-dbf2623a] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.fase-card.telofase[data-v-dbf2623a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.fase-card.citocinesis[data-v-dbf2623a] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
}
.fase-num[data-v-dbf2623a] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.75rem;
  color: white;
  margin-bottom: 0.25rem;
}
.profase .fase-num[data-v-dbf2623a] { background: #F59E0B;
}
.metafase .fase-num[data-v-dbf2623a] { background: #3B82F6;
}
.anafase .fase-num[data-v-dbf2623a] { background: #EF4444;
}
.telofase .fase-num[data-v-dbf2623a] { background: #10B981;
}
.citocinesis .fase-num[data-v-dbf2623a] { background: #A855F7;
}
.fase-nombre[data-v-dbf2623a] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.fase-clave[data-v-dbf2623a] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.fase-detalle[data-v-dbf2623a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Nemotécnica */
.nemotecnia-box[data-v-dbf2623a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.nemo-icono[data-v-dbf2623a] {
  font-size: 2rem;
}
.nemo-content[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
}
.nemo-titulo[data-v-dbf2623a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nemo-frase[data-v-dbf2623a] {
  font-size: 1rem;
  color: #FCD34D;
}
.nemo-tip[data-v-dbf2623a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Comparación */
.comparacion-resumen[data-v-dbf2623a] {
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-dbf2623a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comp-grid[data-v-dbf2623a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.animal[data-v-dbf2623a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-item.vegetal[data-v-dbf2623a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-tipo[data-v-dbf2623a] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-mecanismo[data-v-dbf2623a] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.comp-direccion[data-v-dbf2623a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-dbf2623a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-dbf2623a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-dbf2623a] {
  font-size: 1.1rem;
}
.tip-text[data-v-dbf2623a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-dbf2623a] {
  color: #6EE7B7;
}

/* Celebración */
.celebracion[data-v-dbf2623a] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-dbf2623a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-dbf2623a 1s ease-in-out infinite;
}
@keyframes bounce-dbf2623a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-dbf2623a] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-dbf2623a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.fases-grid[data-v-dbf2623a] {
    grid-template-columns: repeat(5, 1fr);
}
.fase-card[data-v-dbf2623a] {
    align-items: center;
    text-align: center;
}
}

/* Intro visual - ADN */
.intro-visual[data-v-167b704e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.dna-normal[data-v-167b704e], .dna-mutado[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.dna-normal[data-v-167b704e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.dna-mutado[data-v-167b704e] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.dna-label[data-v-167b704e] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.dna-sequence[data-v-167b704e] {
  display: flex;
  gap: 0.25rem;
}
.base[data-v-167b704e] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  border-radius: 0.25rem;
}
.base.a[data-v-167b704e] { background: #EF4444; color: white;
}
.base.t[data-v-167b704e] { background: #3B82F6; color: white;
}
.base.g[data-v-167b704e] { background: #10B981; color: white;
}
.base.c[data-v-167b704e] { background: #F59E0B; color: white;
}
.base.mutado[data-v-167b704e] { 
  background: #EF4444; 
  color: white;
  animation: pulse-mutacion-167b704e 1s infinite;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}
@keyframes pulse-mutacion-167b704e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.flecha-cambio[data-v-167b704e] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Texto destacado */
strong.elemento-adn[data-v-167b704e] {
  color: #93C5FD;
}
strong.espontanea[data-v-167b704e] {
  color: #6EE7B7;
}
strong.inducida[data-v-167b704e] {
  color: #FCA5A5;
}

/* Características */
.caracteristicas-section[data-v-167b704e] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica-item[data-v-167b704e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-167b704e] {
  font-size: 1.5rem;
}
.item-contenido[data-v-167b704e] {
  display: flex;
  flex-direction: column;
}
.item-titulo[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.item-desc[data-v-167b704e] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Importancia */
.importancia-section[data-v-167b704e] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-167b704e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.importancia-item.evolucion[data-v-167b704e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.importancia-item.enfermedad[data-v-167b704e] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.imp-icono[data-v-167b704e] {
  font-size: 1.5rem;
}
.imp-contenido[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.imp-titulo[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.imp-desc[data-v-167b704e] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Dónde ocurren */
.donde-section[data-v-167b704e] {
  margin: 1.5rem 0;
}
.donde-titulo[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.donde-grid[data-v-167b704e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.donde-item[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.donde-item.somatica[data-v-167b704e] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.4);
}
.donde-item.germinal[data-v-167b704e] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.4);
}
.donde-icono[data-v-167b704e] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.donde-contenido[data-v-167b704e] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.donde-nombre[data-v-167b704e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.donde-efecto[data-v-167b704e] {
  font-weight: 600;
  font-size: 0.75rem;
}
.donde-item.somatica .donde-efecto[data-v-167b704e] {
  color: #FCA5A5;
}
.donde-item.germinal .donde-efecto[data-v-167b704e] {
  color: #6EE7B7;
}
.donde-desc[data-v-167b704e] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Tip */
.tip[data-v-167b704e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-167b704e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-167b704e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-167b704e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-167b704e] {
    gap: 1rem;
}
.dna-normal[data-v-167b704e], .dna-mutado[data-v-167b704e] {
    padding: 1rem;
}
.base[data-v-167b704e] {
    width: 36px;
    height: 36px;
    font-size: 1rem;
}
.caracteristicas-grid[data-v-167b704e] {
    flex-direction: row;
}
.caracteristica-item[data-v-167b704e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.importancia-grid[data-v-167b704e] {
    flex-direction: row;
}
.importancia-item[data-v-167b704e] {
    flex: 1;
}
}

/* Secciones por tipo */
.tipo-section[data-v-a55547a3] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-section.genicas[data-v-a55547a3] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.tipo-section.cromosomicas[data-v-a55547a3] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-section.genomicas[data-v-a55547a3] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.tipo-header[data-v-a55547a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-a55547a3] {
  font-size: 1.3rem;
}
.tipo-titulo[data-v-a55547a3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.05rem;
}
.tipo-descripcion[data-v-a55547a3] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin: 0 0 1rem 0;
}

/* Subtipos génicas */
.subtipos-grid[data-v-a55547a3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.subtipo-item[data-v-a55547a3] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.subtipo-nombre[data-v-a55547a3] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.subtipo-visual[data-v-a55547a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seq-box[data-v-a55547a3] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  letter-spacing: 2px;
}
.seq-box.original[data-v-a55547a3] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.seq-box.mutado[data-v-a55547a3] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.highlight[data-v-a55547a3] {
  background: rgba(16, 185, 129, 0.4);
  padding: 0 2px;
  border-radius: 2px;
}
.highlight.error[data-v-a55547a3] {
  background: rgba(239, 68, 68, 0.5);
}
.arrow[data-v-a55547a3] {
  color: #FCD34D;
  font-size: 1.2rem;
}
.subtipo-desc[data-v-a55547a3] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Warning box */
.warning-box[data-v-a55547a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.warning-icono[data-v-a55547a3] {
  font-size: 1rem;
}
.warning-texto[data-v-a55547a3] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.warning-texto strong[data-v-a55547a3] {
  color: #FCA5A5;
}

/* Cromosómicas */
.cromosomicas-grid[data-v-a55547a3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.cromo-item[data-v-a55547a3] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cromo-nombre[data-v-a55547a3] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.cromo-visual[data-v-a55547a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.3rem;
}
.cromo-bar[data-v-a55547a3] {
  display: flex;
  gap: 2px;
}
.seg[data-v-a55547a3] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 2px;
}
.seg.deleted[data-v-a55547a3] {
  background: #EF4444;
  opacity: 0.5;
  text-decoration: line-through;
}
.seg.dup[data-v-a55547a3] {
  background: #10B981;
}
.seg.inv[data-v-a55547a3] {
  background: #F59E0B;
}
.seg.trans[data-v-a55547a3] {
  background: #3B82F6;
}
.seg.trans-y[data-v-a55547a3] {
  background: #EC4899;
}
.cromo-bar.otro .seg[data-v-a55547a3] {
  background: #EC4899;
}
.cromo-bar.small[data-v-a55547a3] {
  margin-bottom: 2px;
}
.cromo-pair[data-v-a55547a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.arrow-down[data-v-a55547a3] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.cromo-desc[data-v-a55547a3] {
  color: #E9D5FF;
  font-size: 0.7rem;
}

/* Genómicas */
.genomicas-grid[data-v-a55547a3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.genomica-item[data-v-a55547a3] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.genomica-nombre[data-v-a55547a3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
}
.genomica-visual[data-v-a55547a3] {
  margin-bottom: 0.4rem;
}
.cromo-count[data-v-a55547a3] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.genomica-desc[data-v-a55547a3] {
  color: #E9D5FF;
  font-size: 0.75rem;
  margin-bottom: 0.3rem;
}
.genomica-ejemplo[data-v-a55547a3] {
  color: #C4B5FD;
  font-size: 0.7rem;
  font-style: italic;
}

/* Tip */
.tip[data-v-a55547a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a55547a3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a55547a3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a55547a3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.subtipos-grid[data-v-a55547a3] {
    flex-direction: row;
}
.subtipo-item[data-v-a55547a3] {
    flex: 1;
}
.seg[data-v-a55547a3] {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
}
.cromosomicas-grid[data-v-a55547a3],
  .genomicas-grid[data-v-a55547a3] {
    grid-template-columns: repeat(4, 1fr);
}
.genomicas-grid[data-v-a55547a3] {
    grid-template-columns: 1fr 1fr;
}
}

/* Texto destacado */
strong.espontanea[data-v-178c5b00] {
  color: #6EE7B7;
}
strong.inducida[data-v-178c5b00] {
  color: #FCA5A5;
}

/* Secciones de causa */
.causa-section[data-v-178c5b00] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.causa-section.espontaneas[data-v-178c5b00] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.causa-section.inducidas[data-v-178c5b00] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.causa-header[data-v-178c5b00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.causa-icono[data-v-178c5b00] {
  font-size: 1.3rem;
}
.causa-titulo[data-v-178c5b00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.05rem;
}
.causa-descripcion[data-v-178c5b00] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin: 0 0 1rem 0;
}

/* Grid de causas */
.causas-grid[data-v-178c5b00] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-item[data-v-178c5b00] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-icono[data-v-178c5b00] {
  font-size: 1.3rem;
}
.item-contenido[data-v-178c5b00] {
  display: flex;
  flex-direction: column;
}
.item-nombre[data-v-178c5b00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.item-desc[data-v-178c5b00] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Secciones de agentes */
.agentes-section[data-v-178c5b00] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.agentes-titulo[data-v-178c5b00] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.agentes-icono[data-v-178c5b00] {
  font-size: 1rem;
}
.agentes-grid[data-v-178c5b00] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.agentes-grid.quimicos[data-v-178c5b00],
.agentes-grid.biologicos[data-v-178c5b00] {
  grid-template-columns: 1fr;
}
.agente-item[data-v-178c5b00] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid;
}
.agente-item.uv[data-v-178c5b00] {
  border-left-color: #FBBF24;
}
.agente-item.rayosx[data-v-178c5b00] {
  border-left-color: #A78BFA;
}
.agente-item.quimico[data-v-178c5b00] {
  border-left-color: #F87171;
}
.agente-item.biologico[data-v-178c5b00] {
  border-left-color: #60A5FA;
}
.agente-icono[data-v-178c5b00] {
  font-size: 1.2rem;
}
.agente-info[data-v-178c5b00] {
  display: flex;
  flex-direction: column;
}
.agente-nombre[data-v-178c5b00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.agente-efecto[data-v-178c5b00] {
  color: #E9D5FF;
  font-size: 0.75rem;
}
.agente-ejemplo[data-v-178c5b00] {
  color: #C4B5FD;
  font-size: 0.7rem;
  font-style: italic;
}

/* Reparación */
.reparacion-section[data-v-178c5b00] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(96, 165, 250, 0.1);
  border: 2px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
}
.reparacion-header[data-v-178c5b00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.reparacion-icono[data-v-178c5b00] {
  font-size: 1.2rem;
}
.reparacion-titulo[data-v-178c5b00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.reparacion-desc[data-v-178c5b00] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.reparacion-grid[data-v-178c5b00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.rep-item[data-v-178c5b00] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.rep-nombre[data-v-178c5b00] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.rep-desc[data-v-178c5b00] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Tip */
.tip[data-v-178c5b00] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-178c5b00] {
  font-size: 1.25rem;
}
.tip-texto[data-v-178c5b00] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-178c5b00] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.causas-grid[data-v-178c5b00] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.agentes-grid.quimicos[data-v-178c5b00] {
    grid-template-columns: repeat(3, 1fr);
}
.agentes-grid.biologicos[data-v-178c5b00] {
    grid-template-columns: 1fr 1fr;
}
.reparacion-grid[data-v-178c5b00] {
    flex-direction: row;
}
.rep-item[data-v-178c5b00] {
    flex: 1;
    text-align: center;
}
}

.explorador[data-v-fb40ac14] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fb40ac14] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fb40ac14] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fb40ac14] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fb40ac14] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fb40ac14] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fb40ac14] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fb40ac14] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fb40ac14] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fb40ac14] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Secuencias ===== */
.mutacion-container[data-v-fb40ac14] {
  text-align: center;
}
.secuencias-comparacion[data-v-fb40ac14] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.seq-row[data-v-fb40ac14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.seq-label[data-v-fb40ac14] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 60px;
  text-align: right;
}
.seq-bases[data-v-fb40ac14] {
  display: flex;
  gap: 4px;
}
.base[data-v-fb40ac14] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.base-a[data-v-fb40ac14] { background: #EF4444; color: white;
}
.base-t[data-v-fb40ac14] { background: #3B82F6; color: white;
}
.base-g[data-v-fb40ac14] { background: #10B981; color: white;
}
.base-c[data-v-fb40ac14] { background: #F59E0B; color: white;
}
.base-gap[data-v-fb40ac14] { background: rgba(139, 92, 246, 0.2); color: #8B5CF6; border: 2px dashed rgba(139, 92, 246, 0.5);
}
.base.diferente[data-v-fb40ac14] {
  animation: pulse-diferente-fb40ac14 1s infinite;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.6);
}
@keyframes pulse-diferente-fb40ac14 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15);
}
}
.seq-arrow[data-v-fb40ac14] {
  font-size: 0.8rem;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.opciones-tipo[data-v-fb40ac14] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-tipo[data-v-fb40ac14]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-tipo.seleccionado[data-v-fb40ac14] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-tipo.correcto[data-v-fb40ac14] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-tipo.incorrecto[data-v-fb40ac14] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.tipo-icono[data-v-fb40ac14] {
  font-size: 1.3rem;
}
.tipo-nombre[data-v-fb40ac14] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Mutágenos ===== */
.mutageno-container[data-v-fb40ac14] {
  text-align: center;
}
.mutageno-actual[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.mut-icono[data-v-fb40ac14] {
  font-size: 2.5rem;
}
.mut-nombre[data-v-fb40ac14] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.mut-ejemplo[data-v-fb40ac14] {
  font-size: 0.85rem;
  color: #FCA5A5;
}
.pregunta-tipo[data-v-fb40ac14] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-mutageno[data-v-fb40ac14] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-mutageno[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 85px;
}
.opcion-mutageno.fisico[data-v-fb40ac14] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.opcion-mutageno.quimico[data-v-fb40ac14] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.opcion-mutageno.biologico[data-v-fb40ac14] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-mutageno.seleccionado[data-v-fb40ac14] {
  transform: scale(1.05);
}
.opcion-mutageno.correcto[data-v-fb40ac14] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-mutageno.incorrecto[data-v-fb40ac14] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.mut-tipo-icono[data-v-fb40ac14] {
  font-size: 1.5rem;
}
.mut-tipo-nombre[data-v-fb40ac14] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Efectos ===== */
.efecto-container[data-v-fb40ac14] {
  text-align: center;
}
.enfermedad-actual[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(96, 165, 250, 0.1);
  border: 2px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.enf-icono[data-v-fb40ac14] {
  font-size: 2.5rem;
}
.enf-nombre[data-v-fb40ac14] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.enf-desc[data-v-fb40ac14] {
  font-size: 0.85rem;
  color: #93C5FD;
}
.pregunta-mutacion[data-v-fb40ac14] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-efecto[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-efecto[data-v-fb40ac14] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-efecto[data-v-fb40ac14]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-efecto.seleccionado[data-v-fb40ac14] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-efecto.correcto[data-v-fb40ac14] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-efecto.incorrecto[data-v-fb40ac14] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.efecto-nombre[data-v-fb40ac14] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.efecto-desc[data-v-fb40ac14] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.hint-efecto[data-v-fb40ac14] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}

/* Elementos comunes */
.feedback-msg[data-v-fb40ac14] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-fb40ac14] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-fb40ac14] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-fb40ac14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fb40ac14] { font-size: 1.25rem;
}
.resultado-texto[data-v-fb40ac14] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-fb40ac14] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fb40ac14] { flex: 1;
}
.nav-btn[data-v-fb40ac14] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fb40ac14] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fb40ac14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fb40ac14] { font-size: 1.75rem;
}
.completado-texto[data-v-fb40ac14] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fb40ac14], .slide-leave-active[data-v-fb40ac14] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fb40ac14] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fb40ac14] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.base[data-v-fb40ac14] {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
}
.opciones-tipo[data-v-fb40ac14] {
    flex-wrap: nowrap;
}
.opcion-tipo[data-v-fb40ac14] {
    min-width: 100px;
}
}

/* Mapa de mutaciones */
.mapa-mutaciones[data-v-b80697a7] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.mapa-titulo[data-v-b80697a7] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.mapa-grid[data-v-b80697a7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mapa-seccion[data-v-b80697a7] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.seccion-header[data-v-b80697a7] {
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

/* Tipos */
.tipos-lista[data-v-b80697a7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-b80697a7] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  border-left: 4px solid;
}
.tipo-item.genica[data-v-b80697a7] {
  background: rgba(96, 165, 250, 0.1);
  border-left-color: #60A5FA;
}
.tipo-item.cromosomica[data-v-b80697a7] {
  background: rgba(139, 92, 246, 0.1);
  border-left-color: #8B5CF6;
}
.tipo-item.genomica[data-v-b80697a7] {
  background: rgba(251, 191, 36, 0.1);
  border-left-color: #FBBF24;
}
.tipo-nombre[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  display: block;
}
.tipo-desc[data-v-b80697a7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.3rem;
}
.subtipo-badges[data-v-b80697a7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.badge[data-v-b80697a7] {
  padding: 0.15rem 0.4rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Causas */
.causas-grid[data-v-b80697a7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.causa-box[data-v-b80697a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.causa-box.espontanea[data-v-b80697a7] {
  background: rgba(16, 185, 129, 0.15);
}
.causa-box.inducida[data-v-b80697a7] {
  background: rgba(239, 68, 68, 0.15);
}
.causa-icono[data-v-b80697a7] {
  font-size: 1.3rem;
}
.causa-nombre[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.causa-ej[data-v-b80697a7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Herencia */
.herencia-grid[data-v-b80697a7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.herencia-box[data-v-b80697a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.herencia-box.somatica[data-v-b80697a7] {
  background: rgba(96, 165, 250, 0.15);
}
.herencia-box.germinal[data-v-b80697a7] {
  background: rgba(251, 191, 36, 0.15);
}
.her-icono[data-v-b80697a7] {
  font-size: 1.3rem;
}
.her-nombre[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.her-efecto[data-v-b80697a7] {
  font-size: 0.7rem;
  font-weight: 600;
}
.her-efecto.positivo[data-v-b80697a7] {
  color: #6EE7B7;
}
.her-efecto.negativo[data-v-b80697a7] {
  color: #FCA5A5;
}

/* Enfermedades */
.enfermedades-section[data-v-b80697a7] {
  margin: 1.5rem 0;
}
.enf-titulo[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.enf-grid[data-v-b80697a7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.enf-item[data-v-b80697a7] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.enf-header[data-v-b80697a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.25rem;
}
.enf-icono[data-v-b80697a7] {
  font-size: 1rem;
}
.enf-nombre[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.enf-tipo[data-v-b80697a7] {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 9999px;
  font-size: 0.6rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.enf-tipo.genomica[data-v-b80697a7] {
  background: rgba(251, 191, 36, 0.3);
  color: #FCD34D;
}
.enf-tipo.genica[data-v-b80697a7] {
  background: rgba(96, 165, 250, 0.3);
  color: #93C5FD;
}
.enf-tipo.cromosomica[data-v-b80697a7] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.enf-desc[data-v-b80697a7] {
  display: block;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Puntos clave */
.puntos-clave[data-v-b80697a7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.puntos-titulo[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.puntos-lista[data-v-b80697a7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto[data-v-b80697a7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-icono[data-v-b80697a7] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 20px;
}
.punto-texto[data-v-b80697a7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.punto-texto strong[data-v-b80697a7] {
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-b80697a7] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tabla-comparacion[data-v-b80697a7] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-b80697a7] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.th[data-v-b80697a7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
  text-align: center;
}
.tabla-row[data-v-b80697a7] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.td[data-v-b80697a7] {
  font-size: 0.7rem;
  text-align: center;
  color: #E9D5FF;
}
.td.label[data-v-b80697a7] {
  font-weight: 600;
  text-align: left;
  color: #C4B5FD;
}
.td.correcto[data-v-b80697a7] {
  color: #6EE7B7;
}
.td.incorrecto[data-v-b80697a7] {
  color: #FCA5A5;
}

/* Tip final */
.tip-final[data-v-b80697a7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b80697a7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b80697a7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b80697a7] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.mapa-grid[data-v-b80697a7] {
    flex-direction: row;
    flex-wrap: wrap;
}
.mapa-seccion.tipos[data-v-b80697a7] {
    flex: 1 1 100%;
}
.mapa-seccion.causas[data-v-b80697a7],
  .mapa-seccion.herencia[data-v-b80697a7] {
    flex: 1;
}
.tipos-lista[data-v-b80697a7] {
    flex-direction: row;
}
.tipo-item[data-v-b80697a7] {
    flex: 1;
}
.enf-grid[data-v-b80697a7] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-header .th[data-v-b80697a7],
  .tabla-row .td[data-v-b80697a7] {
    font-size: 0.8rem;
}
}

/* Intro visual - Célula animada */
.intro-visual[data-v-dfe86ebe] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.celula-animada[data-v-dfe86ebe] {
  width: 140px;
  height: 140px;
}
.membrana-celula[data-v-dfe86ebe] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #8B5CF6;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.citoplasma[data-v-dfe86ebe] {
  width: 90%;
  height: 90%;
  position: relative;
}
.organelo[data-v-dfe86ebe] {
  position: absolute;
  font-size: 1.25rem;
  animation: float-dfe86ebe 3s ease-in-out infinite;
}
.organelo.nucleo[data-v-dfe86ebe] {
  top: 35%;
  left: 35%;
  font-size: 1.5rem;
  animation-delay: 0s;
}
.organelo.mitocondria[data-v-dfe86ebe] {
  top: 15%;
  left: 60%;
  animation-delay: 0.5s;
}
.organelo.cloroplasto[data-v-dfe86ebe] {
  top: 60%;
  left: 15%;
  animation-delay: 1s;
}
.organelo.re[data-v-dfe86ebe] {
  top: 65%;
  left: 55%;
  animation-delay: 1.5s;
}
.organelo.golgi[data-v-dfe86ebe] {
  top: 20%;
  left: 20%;
  animation-delay: 2s;
}
@keyframes float-dfe86ebe {
0%, 100% { transform: translateY(0px);
}
50% { transform: translateY(-4px);
}
}

/* Analogía */
.analogia-box[data-v-dfe86ebe] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.analogia-icono[data-v-dfe86ebe] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.analogia-contenido[data-v-dfe86ebe] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.analogia-titulo[data-v-dfe86ebe] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.analogia-texto[data-v-dfe86ebe] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.analogia-texto strong[data-v-dfe86ebe] {
  color: #FFFFFF;
}

/* Clasificación */
.clasificacion-section[data-v-dfe86ebe] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-dfe86ebe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-dfe86ebe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.clasif-card[data-v-dfe86ebe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.clasif-card.membranosos[data-v-dfe86ebe] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.clasif-card.no-membranosos[data-v-dfe86ebe] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.clasif-icono[data-v-dfe86ebe] {
  font-size: 1.5rem;
}
.clasif-nombre[data-v-dfe86ebe] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.clasif-ejemplos[data-v-dfe86ebe] {
  color: #C4B5FD;
  font-size: 0.7rem;
  line-height: 1.3;
}

/* Organelos principales */
.organelos-section[data-v-dfe86ebe] {
  margin: 1.5rem 0;
}
.organelos-titulo[data-v-dfe86ebe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organelos-lista[data-v-dfe86ebe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.organelo-item[data-v-dfe86ebe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.org-icono[data-v-dfe86ebe] {
  font-size: 1.25rem;
  min-width: 28px;
  text-align: center;
}
.org-info[data-v-dfe86ebe] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  overflow: hidden;
}
.org-nombre[data-v-dfe86ebe] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.org-funcion[data-v-dfe86ebe] {
  color: #C4B5FD;
  font-size: 0.65rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Tip */
.tip[data-v-dfe86ebe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-dfe86ebe] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dfe86ebe] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dfe86ebe] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celula-animada[data-v-dfe86ebe] {
    width: 160px;
    height: 160px;
}
.organelo[data-v-dfe86ebe] {
    font-size: 1.4rem;
}
.organelo.nucleo[data-v-dfe86ebe] {
    font-size: 1.75rem;
}
.organelos-lista[data-v-dfe86ebe] {
    grid-template-columns: 1fr 1fr 1fr;
}
.org-nombre[data-v-dfe86ebe] {
    font-size: 0.8rem;
}
.org-funcion[data-v-dfe86ebe] {
    font-size: 0.7rem;
}
}

/* Organelo principal */
.organelo-principal[data-v-3a5cabf9] {
  margin-bottom: 1rem;
}
.organelo-header[data-v-3a5cabf9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.organelo-header.nucleo[data-v-3a5cabf9] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.organelo-header.ribosomas[data-v-3a5cabf9] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.org-icono-grande[data-v-3a5cabf9] {
  font-size: 2rem;
}
.org-header-info[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.org-titulo[data-v-3a5cabf9] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.org-subtitulo[data-v-3a5cabf9] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Núcleo visual */
.estructura-visual[data-v-3a5cabf9] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.nucleo-diagrama[data-v-3a5cabf9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.envoltura-nuclear[data-v-3a5cabf9] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px double #3B82F6;
  background: rgba(59, 130, 246, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.nucleoplasma[data-v-3a5cabf9] {
  width: 80%;
  height: 80%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nucleolo[data-v-3a5cabf9] {
  color: #1E40AF;
  font-size: 1.5rem;
}
.cromatina[data-v-3a5cabf9] {
  position: absolute;
  font-size: 1.25rem;
  opacity: 0.6;
  top: 10%;
  left: 10%;
}
.poro-label[data-v-3a5cabf9] {
  font-size: 0.7rem;
  color: #93C5FD;
  white-space: nowrap;
}

/* Partes lista */
.partes-lista[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.parte-item[data-v-3a5cabf9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.parte-icono[data-v-3a5cabf9] {
  font-size: 1.1rem;
  min-width: 24px;
  text-align: center;
}
.parte-info[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.parte-info strong[data-v-3a5cabf9] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.parte-info span[data-v-3a5cabf9] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Función box */
.funcion-box[data-v-3a5cabf9] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.funcion-titulo[data-v-3a5cabf9] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.funcion-lista[data-v-3a5cabf9] {
  margin: 0.5rem 0 0 1rem;
  padding: 0;
  list-style: disc;
}
.funcion-lista li[data-v-3a5cabf9] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.funcion-lista strong[data-v-3a5cabf9] {
  color: #FFFFFF;
}

/* Separador */
.separador[data-v-3a5cabf9] {
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);
  margin: 1.5rem 0;
}

/* Ribosomas visual */
.ribosoma-diagrama[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.75rem;
  position: relative;
}
.subunidad[data-v-3a5cabf9] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.subunidad.mayor[data-v-3a5cabf9] {
  background: rgba(245, 158, 11, 0.4);
  border: 2px solid #F59E0B;
  border-radius: 1rem 1rem 0 0;
}
.subunidad.menor[data-v-3a5cabf9] {
  background: rgba(245, 158, 11, 0.25);
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0 0 1rem 1rem;
  margin-top: -2px;
}
.arn-mensajero[data-v-3a5cabf9] {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: #FCD34D;
}

/* Características ribosomas */
.caracteristicas-ribo[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 1rem 0;
}
.caract-item[data-v-3a5cabf9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caract-check[data-v-3a5cabf9] {
  color: #6EE7B7;
  font-weight: 700;
}
.caract-item strong[data-v-3a5cabf9] {
  color: #FFFFFF;
}

/* Ubicación box */
.ubicacion-box[data-v-3a5cabf9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ubicacion-titulo[data-v-3a5cabf9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.5rem;
}
.ubicacion-grid[data-v-3a5cabf9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ubic-item[data-v-3a5cabf9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.ubic-icono[data-v-3a5cabf9] {
  font-size: 1rem;
}
.ubic-texto[data-v-3a5cabf9] {
  color: #FFFFFF;
  font-size: 0.8rem;
  font-weight: 600;
}
.ubic-producto[data-v-3a5cabf9] {
  color: #C4B5FD;
  font-size: 0.7rem;
  margin-left: auto;
}

/* Tip */
.tip[data-v-3a5cabf9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3a5cabf9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3a5cabf9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3a5cabf9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.envoltura-nuclear[data-v-3a5cabf9] {
    width: 120px;
    height: 120px;
}
.ubicacion-grid[data-v-3a5cabf9] {
    flex-direction: row;
}
.ubic-item[data-v-3a5cabf9] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.ubic-producto[data-v-3a5cabf9] {
    margin-left: 0;
}
}

/* Flujo visual */
.flujo-section[data-v-d61f5439] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-titulo[data-v-d61f5439] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.flujo-visual[data-v-d61f5439] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.flujo-item[data-v-d61f5439] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 55px;
}
.flujo-icono[data-v-d61f5439] {
  font-size: 1.25rem;
}
.flujo-nombre[data-v-d61f5439] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flujo-accion[data-v-d61f5439] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.flujo-flecha[data-v-d61f5439] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}

/* Organelo cards */
.organelo-card[data-v-d61f5439] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.card-header[data-v-d61f5439] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.card-header.re[data-v-d61f5439] {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.3), rgba(139, 92, 246, 0.1));
}
.card-header.golgi[data-v-d61f5439] {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
}
.card-header.lisosoma[data-v-d61f5439] {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.1));
}
.card-icono[data-v-d61f5439] {
  font-size: 1.25rem;
}
.card-titulo[data-v-d61f5439] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* RE tipos */
.tipos-re[data-v-d61f5439] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.75rem;
}
.tipo-re[data-v-d61f5439] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.tipo-re.rugoso[data-v-d61f5439] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-re.liso[data-v-d61f5439] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-badge[data-v-d61f5439] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-d61f5439] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.tipo-caracteristicas[data-v-d61f5439] {
  margin: 0;
  padding-left: 1rem;
  list-style: disc;
}
.tipo-caracteristicas li[data-v-d61f5439] {
  color: #C4B5FD;
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
.tipo-caracteristicas strong[data-v-d61f5439] {
  color: #FFFFFF;
}

/* Golgi visual */
.golgi-visual[data-v-d61f5439] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.golgi-stack[data-v-d61f5439] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.cisterna[data-v-d61f5439] {
  height: 20px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
}
.cisterna.cis[data-v-d61f5439] {
  width: 100px;
  background: rgba(245, 158, 11, 0.5);
}
.cisterna.media[data-v-d61f5439] {
  width: 120px;
  background: rgba(245, 158, 11, 0.35);
}
.cisterna.trans[data-v-d61f5439] {
  width: 100px;
  background: rgba(245, 158, 11, 0.2);
}
.vesiculas-golgi[data-v-d61f5439] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vesicula[data-v-d61f5439] {
  font-size: 1rem;
}
.golgi-funciones[data-v-d61f5439] {
  padding: 0 0.75rem 0.75rem;
}
.func-titulo[data-v-d61f5439] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
}
.func-lista[data-v-d61f5439] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.4rem;
}
.func-item[data-v-d61f5439] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.25rem;
}

/* Lisosoma */
.lisosoma-info[data-v-d61f5439] {
  padding: 0.75rem;
}
.lisosoma-visual[data-v-d61f5439] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.lisosoma-esfera[data-v-d61f5439] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.4), rgba(239, 68, 68, 0.2));
  border: 3px solid #EF4444;
  display: flex;
  align-items: center;
  justify-content: center;
}
.enzimas[data-v-d61f5439] {
  font-size: 1.5rem;
}
.ph-label[data-v-d61f5439] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-weight: 600;
}
.lisosoma-funciones[data-v-d61f5439] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.func-card[data-v-d61f5439] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.func-icono[data-v-d61f5439] {
  font-size: 1rem;
}
.func-text[data-v-d61f5439] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d61f5439] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d61f5439] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d61f5439] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d61f5439] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.flujo-visual[data-v-d61f5439] {
    gap: 0.5rem;
    flex-wrap: nowrap;
}
.flujo-item[data-v-d61f5439] {
    min-width: 70px;
    padding: 0.5rem;
}
.flujo-icono[data-v-d61f5439] {
    font-size: 1.5rem;
}
.flujo-nombre[data-v-d61f5439] {
    font-size: 0.8rem;
}
.cisterna.cis[data-v-d61f5439],
  .cisterna.trans[data-v-d61f5439] {
    width: 120px;
}
.cisterna.media[data-v-d61f5439] {
    width: 150px;
}
.lisosoma-funciones[data-v-d61f5439] {
    flex-direction: row;
}
.func-card[data-v-d61f5439] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.6rem;
}
}

/* Teoría box */
.teoria-box[data-v-4e6923f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.teoria-icono[data-v-4e6923f1] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.teoria-contenido[data-v-4e6923f1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.teoria-titulo[data-v-4e6923f1] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.teoria-texto[data-v-4e6923f1] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.teoria-texto strong[data-v-4e6923f1] {
  color: #FFFFFF;
}

/* Organelo energía sections */
.organelo-energia[data-v-4e6923f1] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.energia-header[data-v-4e6923f1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.energia-header.mito[data-v-4e6923f1] {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
}
.energia-header.cloro[data-v-4e6923f1] {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
}
.energia-icono[data-v-4e6923f1] {
  font-size: 2rem;
}
.energia-info[data-v-4e6923f1] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.energia-titulo[data-v-4e6923f1] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.energia-subtitulo[data-v-4e6923f1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Mitocondria estructura */
.estructura-mito[data-v-4e6923f1] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.mito-diagrama[data-v-4e6923f1] {
  width: 120px;
  height: 60px;
}
.membrana-externa-mito[data-v-4e6923f1] {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 3px solid #F59E0B;
  background: rgba(245, 158, 11, 0.1);
  padding: 3px;
}
.espacio-intermembrana[data-v-4e6923f1] {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background: rgba(245, 158, 11, 0.15);
  padding: 3px;
}
.membrana-interna-mito[data-v-4e6923f1] {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 2px solid #D97706;
  background: rgba(251, 191, 36, 0.2);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.matriz-mito[data-v-4e6923f1] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.adn-mito[data-v-4e6923f1], .adn-cloro[data-v-4e6923f1] {
  font-size: 0.75rem;
}
.cresta[data-v-4e6923f1] {
  position: absolute;
  width: 15px;
  height: 70%;
  background: rgba(217, 119, 6, 0.4);
  border-radius: 0 0 10px 10px;
}
.cresta[data-v-4e6923f1]:nth-child(2) { left: 20%;
}
.cresta[data-v-4e6923f1]:nth-child(3) { left: 45%;
}
.cresta[data-v-4e6923f1]:nth-child(4) { left: 70%;
}
.partes-mito[data-v-4e6923f1], .partes-cloro[data-v-4e6923f1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.parte[data-v-4e6923f1] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.parte.verde[data-v-4e6923f1] {
  color: #6EE7B7;
}

/* Proceso energía */
.proceso-energia[data-v-4e6923f1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  margin: 0 0.75rem;
  border-radius: 0.5rem;
}
.proceso-energia.foto[data-v-4e6923f1] {
  background: rgba(16, 185, 129, 0.1);
}
.proceso-titulo[data-v-4e6923f1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.4rem;
}
.ecuacion[data-v-4e6923f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.4rem;
  margin-bottom: 0.3rem;
}
.reactivo[data-v-4e6923f1], .producto[data-v-4e6923f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.producto strong[data-v-4e6923f1] {
  color: #FCD34D;
}
.flecha[data-v-4e6923f1] {
  color: #8B5CF6;
  font-size: 1.1rem;
}
.proceso-nota[data-v-4e6923f1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  display: block;
}

/* Ubicación proceso */
.ubicacion-proceso[data-v-4e6923f1] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
}
.ubic-item[data-v-4e6923f1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.ubic-lugar[data-v-4e6923f1] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.75rem;
}
.ubic-proceso[data-v-4e6923f1] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Cloroplasto estructura */
.estructura-cloro[data-v-4e6923f1] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.cloro-diagrama[data-v-4e6923f1] {
  width: 120px;
  height: 70px;
}
.membrana-cloro[data-v-4e6923f1] {
  width: 100%;
  height: 100%;
  border-radius: 35px;
  border: 3px solid #10B981;
  background: rgba(16, 185, 129, 0.1);
  padding: 4px;
}
.estroma[data-v-4e6923f1] {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: rgba(52, 211, 153, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
}
.granum[data-v-4e6923f1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tilacoide[data-v-4e6923f1] {
  width: 25px;
  height: 8px;
  background: #059669;
  border-radius: 4px;
}

/* Fases fotosíntesis */
.fases-foto[data-v-4e6923f1] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
}
.fase-item[data-v-4e6923f1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.fase-item.luminosa[data-v-4e6923f1] {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.fase-item.oscura[data-v-4e6923f1] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.fase-nombre[data-v-4e6923f1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.fase-lugar[data-v-4e6923f1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.fase-producto[data-v-4e6923f1] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Comparación */
.comparacion[data-v-4e6923f1] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-titulo[data-v-4e6923f1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.comp-tabla[data-v-4e6923f1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comp-row[data-v-4e6923f1] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-4e6923f1] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.comp-col[data-v-4e6923f1] {
  padding: 0.3rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.comp-col.mito-col[data-v-4e6923f1] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.comp-col.cloro-col[data-v-4e6923f1] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-4e6923f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4e6923f1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4e6923f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4e6923f1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mito-diagrama[data-v-4e6923f1] {
    width: 150px;
    height: 75px;
}
.cloro-diagrama[data-v-4e6923f1] {
    width: 150px;
    height: 85px;
}
.tilacoide[data-v-4e6923f1] {
    width: 30px;
}
.comp-col[data-v-4e6923f1] {
    font-size: 0.8rem;
    padding: 0.4rem;
}
}

.explorador[data-v-20a9bc3d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-20a9bc3d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-20a9bc3d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-20a9bc3d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-20a9bc3d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-20a9bc3d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-20a9bc3d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-20a9bc3d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-20a9bc3d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-20a9bc3d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Función del organelo ===== */
.funcion-container[data-v-20a9bc3d] {
  text-align: center;
}
.funcion-actual[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.func-icono[data-v-20a9bc3d] {
  font-size: 2.5rem;
}
.func-texto[data-v-20a9bc3d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-organelo[data-v-20a9bc3d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-org[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-org[data-v-20a9bc3d]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-org.seleccionado[data-v-20a9bc3d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-org.correcto[data-v-20a9bc3d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-org.incorrecto[data-v-20a9bc3d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.op-icono[data-v-20a9bc3d] {
  font-size: 1.25rem;
}
.op-nombre[data-v-20a9bc3d] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Animal vs Vegetal ===== */
.celula-container[data-v-20a9bc3d] {
  text-align: center;
}
.organelo-mostrado[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.org-grande-icono[data-v-20a9bc3d] {
  font-size: 2.5rem;
}
.org-grande-nombre[data-v-20a9bc3d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-celula[data-v-20a9bc3d] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-celula[data-v-20a9bc3d] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  justify-content: center;
}
.opcion-celula[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  flex: 1;
  max-width: 100px;
}
.opcion-celula.animal[data-v-20a9bc3d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-celula.vegetal[data-v-20a9bc3d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-celula.ambas[data-v-20a9bc3d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-celula.seleccionado[data-v-20a9bc3d] {
  transform: scale(1.05);
}
.opcion-celula.correcto[data-v-20a9bc3d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-celula.incorrecto[data-v-20a9bc3d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.cel-icono[data-v-20a9bc3d] {
  font-size: 1.25rem;
}
.cel-nombre[data-v-20a9bc3d] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Armar la célula ===== */
.armar-container[data-v-20a9bc3d] {
  text-align: center;
}
.celula-vacia[data-v-20a9bc3d] {
  margin-bottom: 1rem;
}
.membrana-armar[data-v-20a9bc3d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 3px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.celula-vacia.completa .membrana-armar[data-v-20a9bc3d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.slot-organelo[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 70px;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slot-organelo[data-v-20a9bc3d]:hover:not(.lleno) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.15);
}
.slot-organelo.lleno[data-v-20a9bc3d] {
  border-style: solid;
  background: rgba(139, 92, 246, 0.2);
}
.slot-organelo.correcto[data-v-20a9bc3d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.slot-hint[data-v-20a9bc3d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.slot-icono[data-v-20a9bc3d] {
  font-size: 1.75rem;
}
.organelos-disponibles[data-v-20a9bc3d] {
  margin-top: 1rem;
}
.disponibles-titulo[data-v-20a9bc3d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.5rem;
}
.organelos-lista-armar[data-v-20a9bc3d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.org-armar[data-v-20a9bc3d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.org-armar[data-v-20a9bc3d]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.org-armar.seleccionado[data-v-20a9bc3d] {
  border-color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  transform: scale(1.05);
}
.org-armar.usado[data-v-20a9bc3d] {
  opacity: 0.4;
  cursor: not-allowed;
}
.org-armar-icono[data-v-20a9bc3d] {
  font-size: 1.25rem;
}
.org-armar-nombre[data-v-20a9bc3d] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.celula-armada[data-v-20a9bc3d] {
  flex-direction: column;
}

/* Elementos comunes */
.feedback-msg[data-v-20a9bc3d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-20a9bc3d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-20a9bc3d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-20a9bc3d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-20a9bc3d] { font-size: 1.25rem;
}
.resultado-texto[data-v-20a9bc3d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-20a9bc3d] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-btn[data-v-20a9bc3d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-20a9bc3d]:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}

/* Mensaje completado */
.mensaje-completado[data-v-20a9bc3d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-20a9bc3d] { font-size: 1.75rem;
}
.completado-texto[data-v-20a9bc3d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-20a9bc3d], .slide-leave-active[data-v-20a9bc3d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-20a9bc3d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-20a9bc3d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-organelo[data-v-20a9bc3d] {
    grid-template-columns: repeat(6, 1fr);
}
.opcion-org[data-v-20a9bc3d] {
    padding: 0.6rem 0.4rem;
}
.op-nombre[data-v-20a9bc3d] {
    font-size: 0.7rem;
}
}

/* Badge de completado */
.completado-badge[data-v-328f2d71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.badge-icono[data-v-328f2d71] {
  font-size: 1.5rem;
}
.badge-texto[data-v-328f2d71] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Mapa de la célula */
.mapa-celula[data-v-328f2d71] {
  margin-bottom: 1.5rem;
}
.mapa-titulo[data-v-328f2d71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organelos-resumen[data-v-328f2d71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.org-card[data-v-328f2d71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.org-card.nucleo[data-v-328f2d71] { background: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.3);
}
.org-card.mito[data-v-328f2d71] { background: rgba(245, 158, 11, 0.15); border: 1px solid rgba(245, 158, 11, 0.3);
}
.org-card.cloro[data-v-328f2d71] { background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.3);
}
.org-card.rer[data-v-328f2d71] { background: rgba(139, 92, 246, 0.15); border: 1px solid rgba(139, 92, 246, 0.3);
}
.org-card.rel[data-v-328f2d71] { background: rgba(6, 182, 212, 0.15); border: 1px solid rgba(6, 182, 212, 0.3);
}
.org-card.golgi[data-v-328f2d71] { background: rgba(234, 179, 8, 0.15); border: 1px solid rgba(234, 179, 8, 0.3);
}
.org-card.liso[data-v-328f2d71] { background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3);
}
.org-card.ribo[data-v-328f2d71] { background: rgba(156, 163, 175, 0.15); border: 1px solid rgba(156, 163, 175, 0.3);
}
.org-emoji[data-v-328f2d71] {
  font-size: 1.25rem;
}
.org-nombre[data-v-328f2d71] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.org-funcion[data-v-328f2d71] {
  color: #C4B5FD;
  font-size: 0.65rem;
}

/* Comparación */
.comparacion-section[data-v-328f2d71] {
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-328f2d71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-tabla[data-v-328f2d71] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-328f2d71] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
}
.tabla-header .col[data-v-328f2d71] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
}
.tabla-header .organelo-col[data-v-328f2d71] {
  text-align: left;
}
.tabla-row[data-v-328f2d71] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row .col[data-v-328f2d71] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.tabla-row .col[data-v-328f2d71]:first-child {
  text-align: left;
}
.col.tiene[data-v-328f2d71] {
  color: #6EE7B7;
  font-weight: 700;
}
.col.no-tiene[data-v-328f2d71] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Flujo de síntesis */
.flujo-section[data-v-328f2d71] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-titulo[data-v-328f2d71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.flujo-pasos[data-v-328f2d71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.flujo-paso[data-v-328f2d71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 60px;
}
.paso-num[data-v-328f2d71] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.paso-icono[data-v-328f2d71] {
  font-size: 1rem;
}
.paso-texto[data-v-328f2d71] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.flujo-flecha[data-v-328f2d71] {
  color: #8B5CF6;
  font-size: 0.9rem;
  font-weight: 700;
}

/* Tips PAES */
.tips-paes[data-v-328f2d71] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-328f2d71] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-328f2d71] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-328f2d71] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-bullet[data-v-328f2d71] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 16px;
}
.tip-texto[data-v-328f2d71] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-328f2d71] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-328f2d71] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-328f2d71] {
  font-size: 1.5rem;
}
.final-texto[data-v-328f2d71] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.organelos-resumen[data-v-328f2d71] {
    grid-template-columns: repeat(4, 1fr);
}
.org-card[data-v-328f2d71] {
    padding: 0.6rem;
}
.org-emoji[data-v-328f2d71] {
    font-size: 1.5rem;
}
.org-nombre[data-v-328f2d71] {
    font-size: 0.8rem;
}
.org-funcion[data-v-328f2d71] {
    font-size: 0.7rem;
}
.flujo-pasos[data-v-328f2d71] {
    flex-wrap: nowrap;
    gap: 0.4rem;
}
.flujo-paso[data-v-328f2d71] {
    min-width: 70px;
    padding: 0.5rem;
}
.paso-texto[data-v-328f2d71] {
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-1e1805f5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.molecula[data-v-1e1805f5] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border: 2px solid;
}
.molecula.enzima[data-v-1e1805f5] {
  background: rgba(251, 191, 36, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}
.molecula.estructural[data-v-1e1805f5] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.molecula.transporte[data-v-1e1805f5] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}

/* Elementos químicos */
strong.elemento-c[data-v-1e1805f5] {
  color: #A78BFA;
}
strong.elemento-h[data-v-1e1805f5] {
  color: #60A5FA;
}
strong.elemento-o[data-v-1e1805f5] {
  color: #F87171;
}
strong.elemento-n[data-v-1e1805f5] {
  color: #34D399;
}
strong.elemento-s[data-v-1e1805f5] {
  color: #FBBF24;
}

/* Composición elemental */
.composicion-section[data-v-1e1805f5] {
  margin: 1.5rem 0;
  text-align: center;
}
.composicion-label[data-v-1e1805f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.composicion-box[data-v-1e1805f5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.elemento-item[data-v-1e1805f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.4rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.elemento-item.c[data-v-1e1805f5] {
  border: 1px solid rgba(167, 139, 250, 0.5);
}
.elemento-item.h[data-v-1e1805f5] {
  border: 1px solid rgba(96, 165, 250, 0.5);
}
.elemento-item.o[data-v-1e1805f5] {
  border: 1px solid rgba(248, 113, 113, 0.5);
}
.elemento-item.n[data-v-1e1805f5] {
  border: 1px solid rgba(52, 211, 153, 0.5);
}
.elemento-item.destacado[data-v-1e1805f5] {
  background: rgba(52, 211, 153, 0.2);
}
.elem-simbolo[data-v-1e1805f5] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.elem-nombre[data-v-1e1805f5] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.elem-nota[data-v-1e1805f5] {
  font-size: 0.55rem;
  color: #34D399;
  font-weight: 600;
}

/* Unidad básica */
.unidad-section[data-v-1e1805f5] {
  margin: 1.5rem 0;
}
.unidad-titulo[data-v-1e1805f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.unidad-box[data-v-1e1805f5] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.aminoacido-visual[data-v-1e1805f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grupo[data-v-1e1805f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.grupo.amino[data-v-1e1805f5] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.grupo.carboxilo[data-v-1e1805f5] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.grupo-formula[data-v-1e1805f5] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.grupo-nombre[data-v-1e1805f5] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.carbono-central[data-v-1e1805f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40px;
  height: 40px;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
}
.carbono-alfa[data-v-1e1805f5] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.carbono-label[data-v-1e1805f5] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: -4px;
}
.grupo-r[data-v-1e1805f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px dashed rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.r-simbolo[data-v-1e1805f5] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.r-texto[data-v-1e1805f5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Importancia */
.importancia-section[data-v-1e1805f5] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-1e1805f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-1e1805f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.importancia-item[data-v-1e1805f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.importancia-item.catalisis[data-v-1e1805f5] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.importancia-item.estructura[data-v-1e1805f5] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.importancia-item.transporte[data-v-1e1805f5] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.importancia-item.defensa[data-v-1e1805f5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.imp-icono[data-v-1e1805f5] {
  font-size: 1.3rem;
}
.imp-contenido[data-v-1e1805f5] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.imp-titulo[data-v-1e1805f5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.imp-desc[data-v-1e1805f5] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Dato clave */
.dato-clave[data-v-1e1805f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.dato-icono[data-v-1e1805f5] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-1e1805f5] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.dato-titulo[data-v-1e1805f5] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dato-texto[data-v-1e1805f5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dato-texto strong[data-v-1e1805f5] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-1e1805f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1e1805f5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1e1805f5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1e1805f5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1e1805f5] {
    gap: 1rem;
}
.molecula[data-v-1e1805f5] {
    font-size: 1rem;
    padding: 0.6rem 1rem;
}
.importancia-grid[data-v-1e1805f5] {
    grid-template-columns: repeat(4, 1fr);
}
.importancia-item[data-v-1e1805f5] {
    flex-direction: column;
    text-align: center;
}
.imp-icono[data-v-1e1805f5] {
    font-size: 1.5rem;
}
.aminoacido-visual[data-v-1e1805f5] {
    gap: 1rem;
}
.grupo-formula[data-v-1e1805f5] {
    font-size: 1.3rem;
}
}

/* Texto destacado */
strong.destacado[data-v-455a7259] {
  color: #FCD34D;
}

/* Estructura del aminoácido */
.estructura-section[data-v-455a7259] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-455a7259] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aminoacido-detallado[data-v-455a7259] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.aa-visual[data-v-455a7259] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.aa-parte[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.aa-parte.amino[data-v-455a7259] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.aa-parte.carboxilo[data-v-455a7259] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.parte-formula[data-v-455a7259] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.parte-nombre[data-v-455a7259] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.parte-nota[data-v-455a7259] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.aa-centro[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carbono-box[data-v-455a7259] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
}
.c-alfa[data-v-455a7259] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.r-branch[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.r-linea[data-v-455a7259] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 0.8;
}
.r-box[data-v-455a7259] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.2rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px dashed rgba(16, 185, 129, 0.5);
  border-radius: 0.25rem;
}

/* Clasificación */
.clasificacion-section[data-v-455a7259] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-455a7259] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-455a7259] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.clase-item[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid;
}
.clase-item.polar[data-v-455a7259] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.clase-item.apolar[data-v-455a7259] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.clase-item.acido[data-v-455a7259] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.clase-item.basico[data-v-455a7259] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.clase-icono[data-v-455a7259] {
  font-size: 1.2rem;
}
.clase-nombre[data-v-455a7259] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.clase-desc[data-v-455a7259] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.clase-ej[data-v-455a7259] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Enlace peptídico */
.enlace-section[data-v-455a7259] {
  margin: 1.5rem 0;
}
.enlace-titulo[data-v-455a7259] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enlace-box[data-v-455a7259] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.enlace-intro[data-v-455a7259] {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.reaccion-visual[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.reactivos[data-v-455a7259], .productos[data-v-455a7259] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
}
.aa-simple[data-v-455a7259] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.aa-label[data-v-455a7259] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.aa-grupo[data-v-455a7259] {
  font-size: 0.75rem;
  font-family: monospace;
  color: #FCD34D;
}
.mas[data-v-455a7259] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.flecha-reaccion[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha[data-v-455a7259] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.condicion[data-v-455a7259] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-family: monospace;
}
.dipeptido[data-v-455a7259] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.enlace-peptidico[data-v-455a7259] {
  font-size: 0.8rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: monospace;
  padding: 0.1rem 0.3rem;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 0.2rem;
}
.agua[data-v-455a7259] {
  font-size: 0.85rem;
  color: #93C5FD;
}
.enlace-resultado[data-v-455a7259] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.resultado-icono[data-v-455a7259] {
  font-size: 1rem;
}
.resultado-texto[data-v-455a7259] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resultado-texto strong[data-v-455a7259] {
  color: #6EE7B7;
  font-family: monospace;
}

/* Péptidos */
.peptidos-section[data-v-455a7259] {
  margin: 1.5rem 0;
}
.peptidos-titulo[data-v-455a7259] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.peptidos-grid[data-v-455a7259] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.peptido-item[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.peptido-item.destacado[data-v-455a7259] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.pep-num[data-v-455a7259] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}
.pep-nombre[data-v-455a7259] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Aminoácidos esenciales */
.esenciales-section[data-v-455a7259] {
  margin: 1rem 0;
}
.esenciales-box[data-v-455a7259] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.esenciales-icono[data-v-455a7259] {
  font-size: 1.5rem;
}
.esenciales-contenido[data-v-455a7259] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.esenciales-titulo[data-v-455a7259] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #93C5FD;
}
.esenciales-texto[data-v-455a7259] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.esenciales-texto strong[data-v-455a7259] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-455a7259] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-455a7259] {
  font-size: 1.25rem;
}
.tip-texto[data-v-455a7259] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-455a7259] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.clasificacion-grid[data-v-455a7259] {
    grid-template-columns: repeat(4, 1fr);
}
.aa-visual[data-v-455a7259] {
    gap: 0.5rem;
}
.parte-formula[data-v-455a7259] {
    font-size: 1.2rem;
}
.reaccion-visual[data-v-455a7259] {
    flex-direction: row;
    gap: 1rem;
}
.flecha-reaccion[data-v-455a7259] {
    flex-direction: row;
    gap: 0.5rem;
}
.flecha[data-v-455a7259] {
    font-size: 2rem;
}
}

/* Secciones de nivel */
.nivel-section[data-v-c8d94170] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.nivel-section.primaria[data-v-c8d94170] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.nivel-section.secundaria[data-v-c8d94170] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nivel-section.terciaria[data-v-c8d94170] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nivel-section.cuaternaria[data-v-c8d94170] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.nivel-header[data-v-c8d94170] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nivel-numero[data-v-c8d94170] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 32px;
  text-align: center;
}
.nivel-titulo-box[data-v-c8d94170] {
  display: flex;
  flex-direction: column;
}
.nivel-titulo[data-v-c8d94170] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.nivel-sub[data-v-c8d94170] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.nivel-contenido[data-v-c8d94170] {
  padding: 0.75rem;
}
.nivel-desc[data-v-c8d94170] {
  margin: 0.5rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.nivel-desc strong[data-v-c8d94170] {
  color: #FFFFFF;
}

/* Estructura Primaria */
.primaria-visual[data-v-c8d94170] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.aa-circulo[data-v-c8d94170] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(251, 191, 36, 0.3);
  border: 2px solid rgba(251, 191, 36, 0.6);
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.enlace-linea[data-v-c8d94170] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.puntos[data-v-c8d94170] {
  color: #C4B5FD;
  font-size: 1rem;
}

/* Estructura Secundaria */
.secundaria-visual[data-v-c8d94170] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.estructura-tipo[data-v-c8d94170] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.alfa-helix[data-v-c8d94170], .beta-lamina[data-v-c8d94170] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.alfa-helix[data-v-c8d94170] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.beta-lamina[data-v-c8d94170] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.helix-icono[data-v-c8d94170] {
  font-size: 2rem;
}
.lamina-icono[data-v-c8d94170] {
  font-size: 1.5rem;
  color: #93C5FD;
}
.tipo-nombre[data-v-c8d94170] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-c8d94170] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Estructura Terciaria */
.terciaria-visual[data-v-c8d94170] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
}
.proteina-3d[data-v-c8d94170] {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.glob-icono[data-v-c8d94170] {
  font-size: 2.5rem;
}
.interacciones-grid[data-v-c8d94170] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin: 0.75rem 0;
}
.interaccion[data-v-c8d94170] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.int-icono[data-v-c8d94170] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 35px;
  text-align: center;
}
.int-nombre[data-v-c8d94170] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Estructura Cuaternaria */
.cuaternaria-visual[data-v-c8d94170] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.subunidad[data-v-c8d94170] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-weight: 800;
  font-size: 1rem;
  color: #FFFFFF;
}
.subunidad.sub1[data-v-c8d94170], .subunidad.sub3[data-v-c8d94170] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.subunidad.sub2[data-v-c8d94170], .subunidad.sub4[data-v-c8d94170] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.ejemplo-hemoglobina[data-v-c8d94170] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.ej-icono[data-v-c8d94170] {
  font-size: 1.2rem;
}
.ej-texto[data-v-c8d94170] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ej-texto strong[data-v-c8d94170] {
  color: #C4B5FD;
}

/* Desnaturalización */
.desnaturalizacion-section[data-v-c8d94170] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.desnat-header[data-v-c8d94170] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
}
.desnat-icono[data-v-c8d94170] {
  font-size: 1.2rem;
}
.desnat-titulo[data-v-c8d94170] {
  font-weight: 700;
  font-size: 1rem;
  color: #FCA5A5;
}
.desnat-contenido[data-v-c8d94170] {
  padding: 0.75rem;
}
.desnat-desc[data-v-c8d94170] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.desnat-desc strong[data-v-c8d94170] {
  color: #FCA5A5;
}
.factores-grid[data-v-c8d94170] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.factor[data-v-c8d94170] {
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desnat-nota[data-v-c8d94170] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desnat-nota strong[data-v-c8d94170] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-c8d94170] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c8d94170] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c8d94170] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c8d94170] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.interacciones-grid[data-v-c8d94170] {
    grid-template-columns: repeat(4, 1fr);
}
.cuaternaria-visual[data-v-c8d94170] {
    gap: 0.5rem;
}
.subunidad[data-v-c8d94170] {
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
}
}

/* Texto destacado */
strong.destacado[data-v-44985ddc] {
  color: #FCD34D;
}

/* Funcionamiento */
.funcionamiento-section[data-v-44985ddc] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.func-box[data-v-44985ddc] {
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.energia-activacion[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.grafico-energia[data-v-44985ddc] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.curva[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.curva-label[data-v-44985ddc] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.barrera[data-v-44985ddc] {
  width: 30px;
  border-radius: 0.25rem;
  transition: height 0.3s ease;
}
.barrera.alta[data-v-44985ddc] {
  height: 80px;
  background: linear-gradient(to top, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.8));
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.barrera.baja[data-v-44985ddc] {
  height: 35px;
  background: linear-gradient(to top, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.8));
  border: 1px solid rgba(16, 185, 129, 0.5);
}
.ea-explicacion[data-v-44985ddc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.ea-icono[data-v-44985ddc] {
  font-size: 1.2rem;
}
.ea-texto[data-v-44985ddc] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ea-texto strong[data-v-44985ddc] {
  color: #6EE7B7;
}

/* Modelo llave-cerradura */
.modelo-section[data-v-44985ddc] {
  margin: 1.5rem 0;
}
.modelo-titulo[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.modelo-box[data-v-44985ddc] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.modelo-visual[data-v-44985ddc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-modelo[data-v-44985ddc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.enzima-visual[data-v-44985ddc], .sustrato-visual[data-v-44985ddc], .complejo-visual[data-v-44985ddc], .productos-visual[data-v-44985ddc], .enzima-libre[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.enzima-visual[data-v-44985ddc] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.sustrato-visual[data-v-44985ddc] {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.4);
}
.complejo-visual[data-v-44985ddc] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.productos-visual[data-v-44985ddc] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.enzima-libre[data-v-44985ddc] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.sitio-activo[data-v-44985ddc] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.sustrato-forma[data-v-44985ddc] {
  font-size: 1.2rem;
  color: #FCD34D;
}
.complejo-icono[data-v-44985ddc], .producto-icono[data-v-44985ddc], .enzima-icono[data-v-44985ddc] {
  font-size: 1.2rem;
}
.enzima-label[data-v-44985ddc], .sustrato-label[data-v-44985ddc], .complejo-label[data-v-44985ddc], .producto-label[data-v-44985ddc] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.paso-plus[data-v-44985ddc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
}
.flecha-modelo[data-v-44985ddc] {
  font-size: 1.2rem;
  color: #93C5FD;
}
.modelo-nota[data-v-44985ddc] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.4rem;
}
.modelo-nota strong[data-v-44985ddc] {
  color: #93C5FD;
}

/* Características */
.caracteristicas-section[data-v-44985ddc] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-44985ddc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.caract-item.especificidad[data-v-44985ddc] {
  background: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
}
.caract-item.reutilizable[data-v-44985ddc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.caract-item.eficiencia[data-v-44985ddc] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.caract-item.regulacion[data-v-44985ddc] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.caract-icono[data-v-44985ddc] {
  font-size: 1.3rem;
}
.caract-contenido[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.caract-nombre[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caract-desc[data-v-44985ddc] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Factores */
.factores-section[data-v-44985ddc] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-item[data-v-44985ddc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-icono[data-v-44985ddc] {
  font-size: 1.3rem;
  min-width: 28px;
}
.factor-nombre[data-v-44985ddc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
  display: block;
}
.factor-efecto[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.efecto-normal[data-v-44985ddc] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.efecto-extremo[data-v-44985ddc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Nomenclatura */
.nomenclatura-section[data-v-44985ddc] {
  margin: 1rem 0;
}
.nomenclatura-box[data-v-44985ddc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.nom-icono[data-v-44985ddc] {
  font-size: 1.3rem;
}
.nom-contenido[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.nom-titulo[data-v-44985ddc] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
}
.nom-texto[data-v-44985ddc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.nom-texto strong[data-v-44985ddc] {
  color: #FCD34D;
}
.nom-ejemplos[data-v-44985ddc] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.nom-ejemplos .ejemplo[data-v-44985ddc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.nom-ejemplos .ejemplo strong[data-v-44985ddc] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-44985ddc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-44985ddc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-44985ddc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-44985ddc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-44985ddc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.factores-grid[data-v-44985ddc] {
    flex-direction: row;
}
.factor-item[data-v-44985ddc] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.factor-nombre[data-v-44985ddc] {
    text-align: center;
}
.factor-efecto[data-v-44985ddc] {
    align-items: center;
}
}

.explorador[data-v-70722b09] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-70722b09] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-70722b09] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-70722b09] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-70722b09] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-70722b09] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-70722b09] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-70722b09] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-70722b09] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-70722b09] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Estructura ===== */
.estructura-container[data-v-70722b09] {
  text-align: center;
}
.descripcion-actual[data-v-70722b09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 2px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.desc-icono[data-v-70722b09] {
  font-size: 2rem;
}
.desc-texto[data-v-70722b09] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-estructura[data-v-70722b09] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-nivel[data-v-70722b09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-nivel[data-v-70722b09]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-nivel.seleccionado[data-v-70722b09] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-nivel.correcto[data-v-70722b09] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-nivel.incorrecto[data-v-70722b09] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.nivel-num[data-v-70722b09] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
}
.nivel-nombre[data-v-70722b09] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Enlace Peptídico ===== */
.enlace-container[data-v-70722b09] {
  text-align: center;
}
.pregunta-enlace[data-v-70722b09] {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.opciones-enlace[data-v-70722b09] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-enlace[data-v-70722b09] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  color: #E9D5FF;
  font-weight: 600;
  transition: all 0.2s ease;
}
.opcion-enlace[data-v-70722b09]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-enlace.seleccionado[data-v-70722b09] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-enlace.correcto[data-v-70722b09] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-enlace.incorrecto[data-v-70722b09] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.feedback-incorrecto[data-v-70722b09] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Enzima-Sustrato ===== */
.enzima-container[data-v-70722b09] {
  text-align: center;
}
.enzima-pregunta[data-v-70722b09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.enzima-icono[data-v-70722b09] {
  font-size: 1.5rem;
}
.enzima-nombre[data-v-70722b09] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #6EE7B7;
}
.pregunta-sustrato[data-v-70722b09] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-sustrato[data-v-70722b09] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-sustrato[data-v-70722b09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-sustrato[data-v-70722b09]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-sustrato.seleccionado[data-v-70722b09] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-sustrato.correcto[data-v-70722b09] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-sustrato.incorrecto[data-v-70722b09] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.sustrato-icono[data-v-70722b09] {
  font-size: 1.5rem;
}
.sustrato-nombre[data-v-70722b09] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.hint-enzima[data-v-70722b09] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Elementos comunes */
.contador[data-v-70722b09] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-70722b09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-70722b09] { font-size: 1.25rem;
}
.resultado-texto[data-v-70722b09] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-70722b09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-70722b09] { flex: 1;
}
.nav-btn[data-v-70722b09] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-70722b09] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-70722b09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-70722b09] { font-size: 1.75rem;
}
.completado-texto[data-v-70722b09] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-70722b09], .slide-leave-active[data-v-70722b09] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-70722b09] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-70722b09] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-estructura[data-v-70722b09] {
    grid-template-columns: repeat(4, 1fr);
}
.opciones-enlace[data-v-70722b09] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header */
.resumen-header[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-7b1a7a54] {
  font-size: 1.25rem;
}
.header-texto[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Conceptos */
.conceptos-section[data-v-7b1a7a54] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-7b1a7a54] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-card.aminoacidos[data-v-7b1a7a54] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-card.enlace[data-v-7b1a7a54] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.concepto-card.estructura[data-v-7b1a7a54] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-card.enzimas[data-v-7b1a7a54] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-header[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.15);
}
.concepto-icono[data-v-7b1a7a54] {
  font-size: 1.1rem;
}
.concepto-titulo[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-lista[data-v-7b1a7a54] {
  list-style: none;
  padding: 0.75rem;
  margin: 0;
}
.concepto-lista li[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
  padding-left: 1.2rem;
  position: relative;
}
.concepto-lista li[data-v-7b1a7a54]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #C4B5FD;
}
.concepto-lista li strong[data-v-7b1a7a54] {
  color: #FCD34D;
}

/* Niveles resumen */
.niveles-resumen[data-v-7b1a7a54] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.nivel-mini[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.nivel-n[data-v-7b1a7a54] {
  font-size: 0.85rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 24px;
}
.nivel-t[data-v-7b1a7a54] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 80px;
}
.nivel-d[data-v-7b1a7a54] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Desnaturalización resumen */
.desnaturalizacion-resumen[data-v-7b1a7a54] {
  margin-bottom: 1.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.desnat-header[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.15);
}
.desnat-icono[data-v-7b1a7a54] {
  font-size: 1.1rem;
}
.desnat-titulo[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.desnat-contenido[data-v-7b1a7a54] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desnat-causas[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.causas-label[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.causas-lista[data-v-7b1a7a54] {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.causa[data-v-7b1a7a54] {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.desnat-efecto[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.efecto-label[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.efecto-texto[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.efecto-texto strong[data-v-7b1a7a54] {
  color: #FCA5A5;
}
.desnat-nota[data-v-7b1a7a54] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.desnat-nota strong[data-v-7b1a7a54] {
  color: #FCD34D;
}

/* Diferencia */
.diferencia-section[data-v-7b1a7a54] {
  margin-bottom: 1.5rem;
}
.diferencia-titulo[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-box[data-v-7b1a7a54] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.biomolécula[data-v-7b1a7a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 90px;
}
.biomolécula.destacada[data-v-7b1a7a54] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.bio-nombre[data-v-7b1a7a54] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bio-elementos[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.bio-elementos strong[data-v-7b1a7a54] {
  color: #6EE7B7;
}
.bio-nota[data-v-7b1a7a54] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Funciones */
.funciones-section[data-v-7b1a7a54] {
  margin-bottom: 1.5rem;
}
.funciones-titulo[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-7b1a7a54] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.funcion[data-v-7b1a7a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.func-icono[data-v-7b1a7a54] {
  font-size: 1.2rem;
}
.func-nombre[data-v-7b1a7a54] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.func-ej[data-v-7b1a7a54] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-7b1a7a54] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tip-final[data-v-7b1a7a54] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.tip-check[data-v-7b1a7a54] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-7b1a7a54] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-7b1a7a54] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-7b1a7a54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(16, 185, 129, 0.3));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-7b1a7a54] {
  font-size: 1.5rem;
}
.final-texto[data-v-7b1a7a54] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-7b1a7a54] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.funciones-grid[data-v-7b1a7a54] {
    grid-template-columns: repeat(6, 1fr);
}
.funcion[data-v-7b1a7a54] {
    padding: 0.6rem 0.4rem;
}
.func-icono[data-v-7b1a7a54] {
    font-size: 1.5rem;
}
.func-nombre[data-v-7b1a7a54] {
    font-size: 0.75rem;
}
.niveles-resumen[data-v-7b1a7a54] {
    flex-direction: row;
    flex-wrap: wrap;
}
.nivel-mini[data-v-7b1a7a54] {
    flex: 1;
    min-width: 140px;
}
}

/* Intro visual */
.intro-visual[data-v-26a358da] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.descubrimiento[data-v-26a358da] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.descubrimiento-icon[data-v-26a358da] {
  font-size: 2.5rem;
}
.descubrimiento-text[data-v-26a358da] {
  font-size: 2rem;
  color: #FCD34D;
}

/* Texto especial */
strong.copia[data-v-26a358da] {
  color: #6EE7B7;
}
strong.fase[data-v-26a358da] {
  color: #93C5FD;
}
strong.cientifico[data-v-26a358da] {
  color: #93C5FD;
}
strong.semiconservativa[data-v-26a358da] {
  color: #A78BFA;
}

/* Importancia */
.importancia-section[data-v-26a358da] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-26a358da] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-26a358da] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-26a358da] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-26a358da] {
  font-size: 1.5rem;
}
.imp-texto[data-v-26a358da] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Modelo semiconservativo */
.modelo-section[data-v-26a358da] {
  margin: 1.5rem 0;
}
.modelo-titulo[data-v-26a358da] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.modelo-contenido[data-v-26a358da] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.modelo-explicacion[data-v-26a358da] {
  margin-bottom: 1rem;
}
.modelo-explicacion p[data-v-26a358da] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
}

/* Visual semiconservativo */
.semiconservativo-visual[data-v-26a358da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.adn-original[data-v-26a358da], .adn-hija[data-v-26a358da] {
  text-align: center;
}
.cadena-label[data-v-26a358da] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.cadenas[data-v-26a358da] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-family: monospace;
}
.cadena[data-v-26a358da] {
  font-size: 0.8rem;
  letter-spacing: 0px;
}
.cadena.vieja[data-v-26a358da] {
  color: #93C5FD;
}
.cadena.nueva[data-v-26a358da] {
  color: #6EE7B7;
}
.flecha-replica[data-v-26a358da] {
  font-size: 1rem;
  color: #FCD34D;
  padding: 0.25rem 0;
}
.adn-hijas[data-v-26a358da] {
  display: flex;
  gap: 1.5rem;
}
.leyenda[data-v-26a358da] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
}
.leyenda-item[data-v-26a358da] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.leyenda-item.vieja[data-v-26a358da] {
  color: #93C5FD;
}
.leyenda-item.nueva[data-v-26a358da] {
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-26a358da] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.def-icono[data-v-26a358da] {
  font-size: 1.5rem;
}
.def-contenido[data-v-26a358da] {
  flex: 1;
}
.def-titulo[data-v-26a358da] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-26a358da] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-26a358da] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-26a358da] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-26a358da] {
  font-size: 1.25rem;
}
.tip-texto[data-v-26a358da] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-26a358da] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.importancia-grid[data-v-26a358da] {
    flex-direction: row;
    flex-wrap: wrap;
}
.importancia-item[data-v-26a358da] {
    flex: 1;
    min-width: 200px;
}
.cadena[data-v-26a358da] {
    font-size: 1rem;
}
.adn-hijas[data-v-26a358da] {
    gap: 2.5rem;
}
.leyenda[data-v-26a358da] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Enzimas section */
.enzimas-section[data-v-7680f7c0] {
  margin: 1.5rem 0;
}
.enzimas-titulo[data-v-7680f7c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enzimas-grid[data-v-7680f7c0] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.enzima-card[data-v-7680f7c0] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.enzima-card.helicasa[data-v-7680f7c0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.enzima-card.primasa[data-v-7680f7c0] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.enzima-card.polimerasa[data-v-7680f7c0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.enzima-card.ligasa[data-v-7680f7c0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.enzima-header[data-v-7680f7c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.enzima-icono[data-v-7680f7c0] {
  font-size: 1.25rem;
}
.enzima-nombre[data-v-7680f7c0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.enzima-funcion[data-v-7680f7c0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.enzima-funcion strong[data-v-7680f7c0] {
  color: #FFFFFF;
}
.enzima-visual[data-v-7680f7c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.visual-arrow[data-v-7680f7c0] {
  color: #FCD34D;
}
.visual-label[data-v-7680f7c0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.primer[data-v-7680f7c0] {
  color: #F59E0B;
}
.direccion[data-v-7680f7c0] {
  color: #60A5FA;
  font-weight: 700;
}
.fragmentos[data-v-7680f7c0] {
  color: #6EE7B7;
}
.unido[data-v-7680f7c0] {
  color: #6EE7B7;
}

/* ADN Polimerasa destacada */
.polimerasa-section[data-v-7680f7c0] {
  margin: 1.5rem 0;
}
.polimerasa-titulo[data-v-7680f7c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polimerasa-contenido[data-v-7680f7c0] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.polimerasa-caracteristicas[data-v-7680f7c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-7680f7c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.car-icono[data-v-7680f7c0] {
  font-size: 1rem;
  min-width: 24px;
}
.car-texto[data-v-7680f7c0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.car-texto strong[data-v-7680f7c0] {
  color: #93C5FD;
}

/* Otras proteínas */
.otras-section[data-v-7680f7c0] {
  margin: 1.5rem 0;
}
.otras-titulo[data-v-7680f7c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otras-grid[data-v-7680f7c0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.otra-item[data-v-7680f7c0] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.otra-nombre[data-v-7680f7c0] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.otra-funcion[data-v-7680f7c0] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7680f7c0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7680f7c0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7680f7c0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7680f7c0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.enzimas-grid[data-v-7680f7c0] {
    grid-template-columns: repeat(2, 1fr);
}
.otras-grid[data-v-7680f7c0] {
    flex-direction: row;
    flex-wrap: wrap;
}
.otra-item[data-v-7680f7c0] {
    flex: 1;
    min-width: 200px;
}
}

/* Texto especial */
strong.origen[data-v-4bd1bd5a] {
  color: #FCA5A5;
}
strong.horquilla[data-v-4bd1bd5a] {
  color: #93C5FD;
}
strong.okazaki[data-v-4bd1bd5a] {
  color: #6EE7B7;
}

/* Horquilla section */
.horquilla-section[data-v-4bd1bd5a] {
  margin: 1.5rem 0;
}
.horquilla-titulo[data-v-4bd1bd5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.horquilla-visual[data-v-4bd1bd5a] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.horquilla-diagram[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-width: 280px;
}
.cadena-superior[data-v-4bd1bd5a], .cadena-inferior[data-v-4bd1bd5a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
}
.direccion-label[data-v-4bd1bd5a] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 700;
}
.cadena.molde[data-v-4bd1bd5a] {
  font-size: 0.7rem;
  color: #93C5FD;
  letter-spacing: -1px;
}
.zona-replicacion[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin: 0.25rem 0;
}
.cadena-continua[data-v-4bd1bd5a], .cadena-discontinua[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.label-cadena[data-v-4bd1bd5a] {
  font-size: 0.65rem;
  font-weight: 600;
}
.label-cadena.continua[data-v-4bd1bd5a] {
  color: #6EE7B7;
}
.label-cadena.discontinua[data-v-4bd1bd5a] {
  color: #FCA5A5;
}
.flecha-sintesis[data-v-4bd1bd5a] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-family: monospace;
}
.fragmentos-okazaki[data-v-4bd1bd5a] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-family: monospace;
}
.separador[data-v-4bd1bd5a] {
  padding: 0.25rem;
}
.helicasa-icon[data-v-4bd1bd5a] {
  font-size: 1.25rem;
}

/* Cadenas section */
.cadenas-section[data-v-4bd1bd5a] {
  margin: 1.5rem 0;
}
.cadenas-titulo[data-v-4bd1bd5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cadenas-grid[data-v-4bd1bd5a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.cadena-tipo[data-v-4bd1bd5a] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.cadena-tipo.continua[data-v-4bd1bd5a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.cadena-tipo.discontinua[data-v-4bd1bd5a] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-header[data-v-4bd1bd5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-4bd1bd5a] {
  font-size: 1rem;
}
.tipo-nombre[data-v-4bd1bd5a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-caracteristicas[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.car-item[data-v-4bd1bd5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.car-item strong[data-v-4bd1bd5a] {
  color: #FFFFFF;
}

/* Okazaki section */
.okazaki-section[data-v-4bd1bd5a] {
  margin: 1.5rem 0;
}
.okazaki-titulo[data-v-4bd1bd5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.okazaki-contenido[data-v-4bd1bd5a] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.okazaki-explicacion[data-v-4bd1bd5a] {
  margin-bottom: 1rem;
}
.okazaki-explicacion p[data-v-4bd1bd5a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}
.okazaki-visual[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}
.fragmento-container[data-v-4bd1bd5a] {
  display: flex;
  gap: 0.5rem;
}
.fragmento[data-v-4bd1bd5a] {
  display: flex;
  align-items: center;
  font-family: monospace;
  font-size: 0.75rem;
}
.primer[data-v-4bd1bd5a] {
  color: #F59E0B;
}
.adn-nuevo[data-v-4bd1bd5a] {
  color: #6EE7B7;
}
.okazaki-proceso[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.proceso-paso[data-v-4bd1bd5a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.okazaki-tamano[data-v-4bd1bd5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tamano-icono[data-v-4bd1bd5a] {
  font-size: 1rem;
}
.tamano-texto[data-v-4bd1bd5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tamano-texto strong[data-v-4bd1bd5a] {
  color: #FCD34D;
}

/* Direccionalidad */
.direccion-section[data-v-4bd1bd5a] {
  margin: 1.5rem 0;
}
.direccion-titulo[data-v-4bd1bd5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.direccion-visual[data-v-4bd1bd5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.replica-visual[data-v-4bd1bd5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
}
.flecha-izq[data-v-4bd1bd5a], .flecha-der[data-v-4bd1bd5a] {
  color: #6EE7B7;
}
.origen-icono[data-v-4bd1bd5a] {
  font-size: 1.25rem;
}
.direccion-texto[data-v-4bd1bd5a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.direccion-texto strong[data-v-4bd1bd5a] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-4bd1bd5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4bd1bd5a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4bd1bd5a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4bd1bd5a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cadenas-grid[data-v-4bd1bd5a] {
    grid-template-columns: repeat(2, 1fr);
}
.okazaki-visual[data-v-4bd1bd5a] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.okazaki-proceso[data-v-4bd1bd5a] {
    text-align: left;
}
}

.explorador[data-v-1b32257f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1b32257f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1b32257f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1b32257f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1b32257f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1b32257f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1b32257f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1b32257f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1b32257f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1b32257f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar enzimas ===== */
.enzimas-orden-container[data-v-1b32257f] {
  text-align: center;
}
.enzimas-disponibles[data-v-1b32257f] {
  margin-bottom: 1rem;
}
.disponibles-label[data-v-1b32257f], .pasos-label[data-v-1b32257f] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.enzimas-pool[data-v-1b32257f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.enzima-btn[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 70px;
}
.enzima-btn.seleccionado[data-v-1b32257f] {
  border-color: #8B5CF6;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.enzima-emoji[data-v-1b32257f] {
  font-size: 1.2rem;
}
.enzima-nombre[data-v-1b32257f] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.pasos-replicacion[data-v-1b32257f] {
  margin: 1rem 0;
}
.pasos-grid[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-slot[data-v-1b32257f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 50px;
}
.paso-slot.lleno[data-v-1b32257f] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.paso-slot.seleccionable[data-v-1b32257f] {
  border-color: #8B5CF6;
  animation: pulse-1b32257f 1s infinite;
}
@keyframes pulse-1b32257f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.paso-numero[data-v-1b32257f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-contenido[data-v-1b32257f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.paso-emoji[data-v-1b32257f] {
  font-size: 1rem;
}
.paso-nombre[data-v-1b32257f] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.paso-placeholder[data-v-1b32257f] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}

/* ===== DESAFÍO 2: Identificar cadenas ===== */
.cadenas-identificar[data-v-1b32257f] {
  text-align: center;
}
.horquilla-visual-desafio[data-v-1b32257f] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.cadena-arriba[data-v-1b32257f], .cadena-abajo[data-v-1b32257f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
}
.dir-label[data-v-1b32257f] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 700;
}
.cadena-linea[data-v-1b32257f] {
  font-size: 0.7rem;
  color: #93C5FD;
  letter-spacing: -1px;
}
.zona-sintesis[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  margin: 0.5rem 0;
}
.sintesis-item[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sintesis-item.cadena-a[data-v-1b32257f] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.sintesis-item.cadena-a[data-v-1b32257f]:hover {
  border-color: #10B981;
}
.sintesis-item.cadena-b[data-v-1b32257f] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.sintesis-item.cadena-b[data-v-1b32257f]:hover {
  border-color: #EF4444;
}
.sintesis-flecha[data-v-1b32257f] {
  font-family: monospace;
  font-size: 0.75rem;
}
.cadena-a .sintesis-flecha[data-v-1b32257f] {
  color: #6EE7B7;
}
.cadena-b .sintesis-flecha[data-v-1b32257f] {
  color: #FCA5A5;
}
.sintesis-label[data-v-1b32257f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.horquilla-icon[data-v-1b32257f] {
  font-size: 1.25rem;
}
.opciones-cadena[data-v-1b32257f] {
  margin: 1rem 0;
}
.opciones-label[data-v-1b32257f] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.opciones-btns[data-v-1b32257f] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.opcion-btn[data-v-1b32257f] {
  padding: 0.5rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-btn.continua[data-v-1b32257f] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.discontinua[data-v-1b32257f] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.instruccion-cadenas[data-v-1b32257f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.5rem;
}

/* ===== DESAFÍO 3: Preguntas rápidas ===== */
.preguntas-rapidas[data-v-1b32257f] {
  text-align: center;
}
.pregunta-actual[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-1b32257f] {
  font-size: 1.5rem;
}
.pregunta-texto[data-v-1b32257f] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-rapidas[data-v-1b32257f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.opcion-rapida[data-v-1b32257f] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-rapida.seleccionado[data-v-1b32257f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-rapida.correcto[data-v-1b32257f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-rapida.incorrecto[data-v-1b32257f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.feedback-error[data-v-1b32257f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 0.75rem 0;
  text-align: left;
}
.feedback-icono[data-v-1b32257f] {
  font-size: 1rem;
}
.feedback-texto[data-v-1b32257f] {
  font-size: 0.8rem;
  color: #FCA5A5;
  line-height: 1.4;
}

/* Elementos comunes */
.botones-accion[data-v-1b32257f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-1b32257f], .btn-reiniciar[data-v-1b32257f] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-1b32257f] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-1b32257f] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.contador[data-v-1b32257f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-1b32257f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1b32257f] { font-size: 1.25rem;
}
.resultado-texto[data-v-1b32257f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1b32257f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1b32257f] { flex: 1;
}
.nav-btn[data-v-1b32257f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1b32257f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1b32257f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1b32257f] { font-size: 1.75rem;
}
.completado-texto[data-v-1b32257f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1b32257f], .slide-leave-active[data-v-1b32257f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1b32257f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1b32257f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.pasos-grid[data-v-1b32257f] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.paso-slot[data-v-1b32257f] {
    flex: 1;
    min-width: 140px;
    max-width: 180px;
}
.zona-sintesis[data-v-1b32257f] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-a81b3a19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.resumen-icon[data-v-a81b3a19] {
  font-size: 3rem;
}
.resumen-titulo[data-v-a81b3a19] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos clave */
.conceptos-section[data-v-a81b3a19] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-a81b3a19] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.concepto-card[data-v-a81b3a19] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-a81b3a19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.concepto-num[data-v-a81b3a19] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.concepto-nombre[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-desc[data-v-a81b3a19] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-left: 32px;
}
.concepto-desc strong[data-v-a81b3a19] {
  color: #6EE7B7;
}

/* Enzimas resumen */
.enzimas-resumen[data-v-a81b3a19] {
  margin: 1.5rem 0;
}
.enzimas-titulo[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enzimas-lista[data-v-a81b3a19] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.enzima-item[data-v-a81b3a19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.enzima-icono[data-v-a81b3a19] {
  font-size: 1.25rem;
}
.enzima-info[data-v-a81b3a19] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.enzima-nombre[data-v-a81b3a19] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.enzima-funcion[data-v-a81b3a19] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-a81b3a19] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-a81b3a19] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comparacion-item[data-v-a81b3a19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.comparacion-item.lider[data-v-a81b3a19] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comparacion-item.retrasada[data-v-a81b3a19] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comp-nombre[data-v-a81b3a19] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.comp-caracteristica[data-v-a81b3a19] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.comp-direccion[data-v-a81b3a19] {
  font-family: monospace;
  font-size: 0.7rem;
}
.lider .comp-direccion[data-v-a81b3a19] {
  color: #6EE7B7;
}
.retrasada .comp-direccion[data-v-a81b3a19] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-a81b3a19] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-a81b3a19] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-a81b3a19] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-check[data-v-a81b3a19] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-a81b3a19] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-a81b3a19] {
  color: #6EE7B7;
}

/* Diagrama final */
.diagrama-final[data-v-a81b3a19] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-a81b3a19] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-pasos[data-v-a81b3a19] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-paso[data-v-a81b3a19] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
  max-width: 280px;
}
.paso-icono[data-v-a81b3a19] {
  font-size: 1rem;
}
.paso-texto[data-v-a81b3a19] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.proceso-flecha[data-v-a81b3a19] {
  color: #FCD34D;
  font-size: 0.9rem;
}

/* Mensaje final */
.mensaje-final[data-v-a81b3a19] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.mensaje-icono[data-v-a81b3a19] {
  font-size: 2rem;
}
.mensaje-texto[data-v-a81b3a19] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.mensaje-texto strong[data-v-a81b3a19] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-a81b3a19] {
    grid-template-columns: repeat(2, 1fr);
}
.enzimas-lista[data-v-a81b3a19] {
    grid-template-columns: repeat(4, 1fr);
}
.proceso-paso[data-v-a81b3a19] {
    max-width: 320px;
}
}

/* Intro visual */
.intro-visual[data-v-89e59901] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.flujo-central[data-v-89e59901] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.molecula[data-v-89e59901] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
}
.molecula.arn[data-v-89e59901] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.molecula.proteina[data-v-89e59901] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.flecha[data-v-89e59901] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Texto especial */
strong.arn[data-v-89e59901] {
  color: #6EE7B7;
}
strong.proteina[data-v-89e59901] {
  color: #FCD34D;
}
strong.codon[data-v-89e59901] {
  color: #93C5FD;
}
strong.aminoacido[data-v-89e59901] {
  color: #F59E0B;
}

/* Dogma central */
.dogma-section[data-v-89e59901] {
  margin: 1.5rem 0;
}
.dogma-titulo[data-v-89e59901] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dogma-visual[data-v-89e59901] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.dogma-paso[data-v-89e59901] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.dogma-mol[data-v-89e59901] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.3rem;
}
.dogma-paso.final .dogma-mol[data-v-89e59901] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.dogma-proceso[data-v-89e59901] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dogma-proceso.destacado[data-v-89e59901] {
  color: #FCD34D;
  font-weight: 700;
}
.dogma-flecha[data-v-89e59901] {
  font-size: 1.25rem;
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-89e59901] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-89e59901] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-89e59901] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.caracteristica[data-v-89e59901] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-89e59901] {
  font-size: 1.25rem;
}
.car-contenido[data-v-89e59901] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.car-label[data-v-89e59901] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.car-valor[data-v-89e59901] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.car-valor.ribosoma[data-v-89e59901] {
  color: #6EE7B7;
}
.car-valor.direccion[data-v-89e59901] {
  color: #93C5FD;
  font-family: monospace;
}

/* Componentes */
.componentes-section[data-v-89e59901] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-89e59901] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-lista[data-v-89e59901] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.componente[data-v-89e59901] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-emoji[data-v-89e59901] {
  font-size: 1.5rem;
}
.comp-info[data-v-89e59901] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.comp-nombre[data-v-89e59901] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-desc[data-v-89e59901] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Definición */
.definicion[data-v-89e59901] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.def-icono[data-v-89e59901] {
  font-size: 1.5rem;
}
.def-contenido[data-v-89e59901] {
  flex: 1;
}
.def-titulo[data-v-89e59901] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-89e59901] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-89e59901] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-89e59901] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-89e59901] {
  font-size: 1.25rem;
}
.tip-texto[data-v-89e59901] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-89e59901] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-grid[data-v-89e59901] {
    grid-template-columns: repeat(2, 1fr);
}
.dogma-visual[data-v-89e59901] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.componentes-lista[data-v-89e59901] {
    flex-direction: row;
}
.componente[data-v-89e59901] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Visual del codón */
.codon-visual[data-v-e54af1bf] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.codon-demo[data-v-e54af1bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.arnm-cadena[data-v-e54af1bf] {
  display: flex;
  gap: 0.25rem;
}
.nucleotido[data-v-e54af1bf] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  border-radius: 0.4rem;
  font-weight: 700;
  font-size: 1.1rem;
  color: #6EE7B7;
}
.codon-flecha[data-v-e54af1bf] {
  font-size: 1.25rem;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.aminoacido-resultado[data-v-e54af1bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aa-nombre[data-v-e54af1bf] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.aa-nota[data-v-e54af1bf] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Texto especial */
strong.codon[data-v-e54af1bf] {
  color: #6EE7B7;
}
strong.aminoacido[data-v-e54af1bf] {
  color: #FCD34D;
}

/* Propiedades */
.propiedades-section[data-v-e54af1bf] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-e54af1bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-e54af1bf] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.propiedad[data-v-e54af1bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-e54af1bf] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-e54af1bf] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.prop-nombre[data-v-e54af1bf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prop-desc[data-v-e54af1bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Codones especiales */
.codones-especiales[data-v-e54af1bf] {
  margin: 1.5rem 0;
}
.codones-titulo[data-v-e54af1bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.codones-grid[data-v-e54af1bf] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.codon-especial[data-v-e54af1bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.codon-especial.inicio[data-v-e54af1bf] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.codon-especial.stop[data-v-e54af1bf] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.codon-tipo[data-v-e54af1bf] {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.inicio .codon-tipo[data-v-e54af1bf] { color: #6EE7B7;
}
.stop .codon-tipo[data-v-e54af1bf] { color: #FCA5A5;
}
.codon-seq[data-v-e54af1bf] {
  font-size: 1.1rem;
  font-weight: 800;
  font-family: monospace;
  color: #FFFFFF;
}
.codon-aa[data-v-e54af1bf] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.codon-nota[data-v-e54af1bf] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Matemática */
.matematica-section[data-v-e54af1bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.mat-titulo[data-v-e54af1bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.mat-visual[data-v-e54af1bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mat-item[data-v-e54af1bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mat-item.destacado[data-v-e54af1bf] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.mat-numero[data-v-e54af1bf] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.mat-item.destacado .mat-numero[data-v-e54af1bf] {
  color: #FCD34D;
}
.mat-desc[data-v-e54af1bf] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.mat-operador[data-v-e54af1bf] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.mat-nota[data-v-e54af1bf] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.75rem;
}
.mat-nota strong[data-v-e54af1bf] {
  color: #FCD34D;
}

/* Ejemplo degeneración */
.ejemplo-degeneracion[data-v-e54af1bf] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-e54af1bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplo-contenido[data-v-e54af1bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.ejemplo-aa[data-v-e54af1bf] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ejemplo-flecha[data-v-e54af1bf] {
  color: #8B5CF6;
}
.ejemplo-codones[data-v-e54af1bf] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.ej-codon[data-v-e54af1bf] {
  padding: 0.2rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: monospace;
  color: #6EE7B7;
}
.ejemplo-nota[data-v-e54af1bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Tip */
.tip[data-v-e54af1bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e54af1bf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e54af1bf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e54af1bf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-grid[data-v-e54af1bf] {
    grid-template-columns: repeat(2, 1fr);
}
.codones-grid[data-v-e54af1bf] {
    grid-template-columns: repeat(2, 1fr);
}
.mat-visual[data-v-e54af1bf] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
}

/* Visual proceso general */
.proceso-visual[data-v-08dfbedc] {
  margin: 1rem 0 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.etapa-flow[data-v-08dfbedc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.etapa-item[data-v-08dfbedc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.etapa-num[data-v-08dfbedc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  margin-bottom: 0.2rem;
}
.etapa-nombre[data-v-08dfbedc] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.etapa-flecha[data-v-08dfbedc] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Etapas detalladas */
.etapa-detalle[data-v-08dfbedc] {
  margin: 1rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.etapa-detalle.iniciacion[data-v-08dfbedc] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.etapa-detalle.elongacion[data-v-08dfbedc] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.etapa-detalle.terminacion[data-v-08dfbedc] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.etapa-header[data-v-08dfbedc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.etapa-numero[data-v-08dfbedc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.iniciacion .etapa-numero[data-v-08dfbedc] { background: #10B981;
}
.elongacion .etapa-numero[data-v-08dfbedc] { background: #3B82F6;
}
.terminacion .etapa-numero[data-v-08dfbedc] { background: #EF4444;
}
.etapa-titulo[data-v-08dfbedc] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}

/* Visual ribosoma iniciación */
.etapa-visual[data-v-08dfbedc] {
  margin-bottom: 0.75rem;
}
.ribosoma-esquema[data-v-08dfbedc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.subunidad[data-v-08dfbedc] {
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.subunidad.pequena[data-v-08dfbedc] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.subunidad.grande[data-v-08dfbedc] {
  background: rgba(139, 92, 246, 0.5);
  color: #E9D5FF;
}
.arnm-linea[data-v-08dfbedc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.cap[data-v-08dfbedc], .cola[data-v-08dfbedc] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.codon-aug[data-v-08dfbedc] {
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  font-weight: 700;
}
.codon-aug.destacado[data-v-08dfbedc] {
  background: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.resto[data-v-08dfbedc] {
  color: #C4B5FD;
}

/* Sitios ribosoma */
.sitios-ribosoma[data-v-08dfbedc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sitio[data-v-08dfbedc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  min-width: 60px;
}
.sitio-e[data-v-08dfbedc] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.sitio-p[data-v-08dfbedc] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.sitio-a[data-v-08dfbedc] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.sitio-nombre[data-v-08dfbedc] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.sitio-desc[data-v-08dfbedc] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Pasos de cada etapa */
.etapa-pasos[data-v-08dfbedc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-08dfbedc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-08dfbedc] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-08dfbedc] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paso-texto strong[data-v-08dfbedc] {
  color: #FFFFFF;
}
.paso-texto strong.verde[data-v-08dfbedc] { color: #6EE7B7;
}
.paso-texto strong.azul[data-v-08dfbedc] { color: #93C5FD;
}
.paso-texto strong.rojo[data-v-08dfbedc] { color: #FCA5A5;
}
.paso-texto strong.amarillo[data-v-08dfbedc] { color: #FCD34D;
}
.ciclo-nota[data-v-08dfbedc] {
  margin-top: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  text-align: center;
}

/* Codones stop visual */
.codones-stop-visual[data-v-08dfbedc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.stop-codon[data-v-08dfbedc] {
  padding: 0.3rem 0.6rem;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 0.4rem;
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-08dfbedc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-08dfbedc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-08dfbedc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-08dfbedc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.etapa-flow[data-v-08dfbedc] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
.etapa-item[data-v-08dfbedc] {
    padding: 0.5rem 1rem;
}
.etapa-nombre[data-v-08dfbedc] {
    font-size: 0.85rem;
}
.sitios-ribosoma[data-v-08dfbedc] {
    gap: 1rem;
}
.sitio[data-v-08dfbedc] {
    min-width: 80px;
    padding: 0.5rem 0.75rem;
}
}

/* Secciones */
.seccion-ribosoma[data-v-934f24e3],
.seccion-arnt[data-v-934f24e3] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-934f24e3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Estructura ribosoma */
.ribosoma-estructura[data-v-934f24e3] {
  margin-bottom: 0.75rem;
}
.subunidades[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.subunidad[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  max-width: 200px;
}
.subunidad.grande-vis[data-v-934f24e3] {
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #8B5CF6;
  border-radius: 1rem 1rem 0.25rem 0.25rem;
}
.subunidad.pequena-vis[data-v-934f24e3] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.25rem 0.25rem 1rem 1rem;
}
.union-linea[data-v-934f24e3] {
  width: 80%;
  max-width: 160px;
  height: 3px;
  background: #8B5CF6;
}
.sub-nombre[data-v-934f24e3] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.sub-coef[data-v-934f24e3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}
.ribosoma-completo[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.completo-label[data-v-934f24e3] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.completo-valor[data-v-934f24e3] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Ubicación */
.ribosoma-ubicacion[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.ubicacion-item[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ub-icono[data-v-934f24e3] {
  font-size: 1.25rem;
}
.ub-info[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
}
.ub-tipo[data-v-934f24e3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ub-desc[data-v-934f24e3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ribosoma-composicion[data-v-934f24e3] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ribosoma-composicion strong[data-v-934f24e3] {
  color: #93C5FD;
}

/* ARNt estructura */
.arnt-estructura[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.arnt-visual[data-v-934f24e3] {
  display: flex;
  justify-content: center;
}
.arnt-forma[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  width: fit-content;
}
.aa-union[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.aa-punto[data-v-934f24e3] {
  color: #FCD34D;
  font-size: 1.25rem;
}
.aa-label[data-v-934f24e3] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.arnt-cuerpo[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0.25rem 0;
}
.arnt-brazo[data-v-934f24e3] {
  width: 20px;
  height: 30px;
  border: 3px solid #10B981;
  border-radius: 50%;
}
.arnt-brazo.izq[data-v-934f24e3] {
  border-right: none;
  border-radius: 20px 0 0 20px;
}
.arnt-brazo.der[data-v-934f24e3] {
  border-left: none;
  border-radius: 0 20px 20px 0;
}
.arnt-centro[data-v-934f24e3] {
  width: 3px;
  height: 40px;
  background: #10B981;
}
.anticodon-zona[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}
.anticodon-label[data-v-934f24e3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.anticodon-seq[data-v-934f24e3] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #6EE7B7;
  padding: 0.15rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.arnt-caracteristicas[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.arnt-car[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.car-icono[data-v-934f24e3] {
  font-size: 1rem;
}
.car-texto strong[data-v-934f24e3] {
  color: #6EE7B7;
}

/* Apareamiento */
.apareamiento-section[data-v-934f24e3] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.apareamiento-visual[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.apareamiento-ejemplo[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.codon-box[data-v-934f24e3],
.anticodon-box[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.seq-label[data-v-934f24e3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.seq-bases[data-v-934f24e3] {
  display: flex;
  gap: 0.2rem;
  font-family: monospace;
}
.base[data-v-934f24e3] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 0.25rem;
  color: #C4B5FD;
}
.base.a[data-v-934f24e3] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.base.u[data-v-934f24e3] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.base.g[data-v-934f24e3] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.base.c[data-v-934f24e3] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.enlace-zona[data-v-934f24e3] {
  display: flex;
  gap: 0.6rem;
  padding: 0 0.5rem;
}
.enlace[data-v-934f24e3] {
  color: #8B5CF6;
  font-weight: 700;
}
.apareamiento-resultado[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resultado-flecha[data-v-934f24e3] {
  color: #FCD34D;
  font-size: 1.25rem;
}
.resultado-aa[data-v-934f24e3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.direcciones-nota[data-v-934f24e3] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.direcciones-nota strong[data-v-934f24e3] {
  color: #FCD34D;
}

/* Sintetasa */
.sintetasa-section[data-v-934f24e3] {
  margin: 1rem 0;
}
.sintetasa-box[data-v-934f24e3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sint-icono[data-v-934f24e3] {
  font-size: 1.5rem;
}
.sint-contenido[data-v-934f24e3] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.sint-nombre[data-v-934f24e3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.sint-desc[data-v-934f24e3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-934f24e3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-934f24e3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-934f24e3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-934f24e3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.arnt-estructura[data-v-934f24e3] {
    flex-direction: row;
    align-items: center;
}
.ribosoma-ubicacion[data-v-934f24e3] {
    flex-direction: row;
}
.ubicacion-item[data-v-934f24e3] {
    flex: 1;
}
}

.explorador[data-v-88a07f8d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-88a07f8d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-88a07f8d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-88a07f8d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-88a07f8d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-88a07f8d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-88a07f8d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-88a07f8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-88a07f8d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Traducir ARNm ===== */
.traducir-container[data-v-88a07f8d] {
  text-align: center;
}
.arnm-secuencia[data-v-88a07f8d] {
  margin-bottom: 0.5rem;
}
.arnm-label[data-v-88a07f8d] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  padding: 0 0.5rem;
}
.direccion[data-v-88a07f8d] {
  color: #FCD34D;
  font-weight: 700;
}
.label-text[data-v-88a07f8d] {
  font-weight: 600;
}
.codones-display[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.codon-group[data-v-88a07f8d] {
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  transition: all 0.2s ease;
}
.codon-group.activo[data-v-88a07f8d] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
  animation: pulse-88a07f8d 1s infinite;
}
@keyframes pulse-88a07f8d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.codon-group.completado[data-v-88a07f8d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.codon-bases[data-v-88a07f8d] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.codon-group.activo .codon-bases[data-v-88a07f8d] {
  color: #FCD34D;
}
.traduccion-zona[data-v-88a07f8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.flecha-traduccion[data-v-88a07f8d] {
  font-size: 1rem;
  color: #8B5CF6;
}
.ribosoma-label[data-v-88a07f8d] {
  font-size: 1.25rem;
}
.proteina-resultado[data-v-88a07f8d] {
  margin-bottom: 1rem;
}
.proteina-label[data-v-88a07f8d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.aminoacidos-cadena[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  min-height: 40px;
}
.aminoacido-item[data-v-88a07f8d] {
  padding: 0.3rem 0.5rem;
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid #F59E0B;
  border-radius: 0.3rem;
  font-weight: 600;
  font-size: 0.85rem;
  color: #FCD34D;
}
.aa-placeholder[data-v-88a07f8d] {
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.3rem;
  color: rgba(255, 255, 255, 0.3);
}
.selector-aminoacido[data-v-88a07f8d] {
  margin: 1rem 0;
}
.selector-label[data-v-88a07f8d] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.selector-label strong[data-v-88a07f8d] {
  color: #FCD34D;
  font-family: monospace;
}
.aminoacidos-opciones[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.aa-btn[data-v-88a07f8d] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.aa-btn[data-v-88a07f8d]:hover {
  border-color: #8B5CF6;
}
.aa-btn.incorrecto[data-v-88a07f8d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  animation: shake-88a07f8d 0.3s ease;
}
@keyframes shake-88a07f8d {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* ===== DESAFÍO 2: Apareamiento ===== */
.apareamiento-container[data-v-88a07f8d] {
  text-align: center;
}
.apareamiento-pregunta[data-v-88a07f8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.codon-mostrar[data-v-88a07f8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.codon-label[data-v-88a07f8d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.codon-valor[data-v-88a07f8d] {
  font-family: monospace;
  font-weight: 700;
  font-size: 1.25rem;
  color: #6EE7B7;
}
.flecha-aparear[data-v-88a07f8d] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.anticodon-pregunta[data-v-88a07f8d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.anticodones-opciones[data-v-88a07f8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.anticodon-btn[data-v-88a07f8d] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-family: monospace;
  font-weight: 600;
  font-size: 0.9rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
}
.anticodon-btn[data-v-88a07f8d]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.anticodon-btn.correcto[data-v-88a07f8d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.anticodon-btn.incorrecto[data-v-88a07f8d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.apareamiento-tip[data-v-88a07f8d] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Ordenar etapas ===== */
.ordenar-etapas-container[data-v-88a07f8d] {
  text-align: center;
}
.instruccion-ordenar[data-v-88a07f8d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.etapas-disponibles[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.etapa-btn[data-v-88a07f8d] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.etapa-btn.seleccionada[data-v-88a07f8d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
  transform: scale(1.05);
}
.slots-etapas[data-v-88a07f8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.slot-etapa[data-v-88a07f8d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.slot-etapa.ocupado[data-v-88a07f8d] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-etapa.seleccionable[data-v-88a07f8d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-88a07f8d 1s infinite;
}
.slot-numero[data-v-88a07f8d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.slot-nombre[data-v-88a07f8d] {
  font-weight: 600;
  color: #6EE7B7;
}
.slot-placeholder[data-v-88a07f8d] {
  color: rgba(255, 255, 255, 0.3);
}
.botones-ordenar[data-v-88a07f8d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar[data-v-88a07f8d], .btn-reiniciar[data-v-88a07f8d] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-88a07f8d] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-88a07f8d] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Elementos comunes */
.error-msg[data-v-88a07f8d] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-88a07f8d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-88a07f8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-88a07f8d] { font-size: 1.25rem;
}
.resultado-texto[data-v-88a07f8d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-88a07f8d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-88a07f8d] { flex: 1;
}
.nav-btn[data-v-88a07f8d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-88a07f8d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-88a07f8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-88a07f8d] { font-size: 1.75rem;
}
.completado-texto[data-v-88a07f8d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-88a07f8d], .slide-leave-active[data-v-88a07f8d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-88a07f8d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-88a07f8d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.anticodones-opciones[data-v-88a07f8d] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.slots-etapas[data-v-88a07f8d] {
    flex-direction: row;
    justify-content: center;
}
.slot-etapa[data-v-88a07f8d] {
    flex: 1;
    max-width: 150px;
    flex-direction: column;
    text-align: center;
}
}

/* Concepto central */
.concepto-central[data-v-7f266255] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.flujo-resumen[data-v-7f266255] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.mol[data-v-7f266255] {
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
}
.mol.arn[data-v-7f266255] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.mol.proteina[data-v-7f266255] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.proceso-central[data-v-7f266255] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.proceso-icono[data-v-7f266255] {
  font-size: 1.5rem;
}
.proceso-nombre[data-v-7f266255] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Puntos clave */
.puntos-clave[data-v-7f266255] {
  margin: 1rem 0;
}
.titulo-seccion[data-v-7f266255] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.punto[data-v-7f266255] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.punto-num[data-v-7f266255] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.punto-contenido[data-v-7f266255] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.punto-titulo[data-v-7f266255] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.punto-desc[data-v-7f266255] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.punto-desc strong[data-v-7f266255] {
  color: #FFFFFF;
}
.punto-desc strong.verde[data-v-7f266255] { color: #6EE7B7;
}
.punto-desc strong.azul[data-v-7f266255] { color: #93C5FD;
}
.punto-desc strong.rojo[data-v-7f266255] { color: #FCA5A5;
}

/* Tabla resumen */
.tabla-resumen[data-v-7f266255] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-7f266255] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.tabla-contenido[data-v-7f266255] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.fila[data-v-7f266255] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.fila.header[data-v-7f266255] {
  background: rgba(139, 92, 246, 0.2);
}
.celda[data-v-7f266255] {
  padding: 0.5rem 0.4rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.celda.label[data-v-7f266255] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
}
.fila.header .celda[data-v-7f266255] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmulas */
.formulas-section[data-v-7f266255] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-7f266255] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formulas-grid[data-v-7f266255] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula[data-v-7f266255] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 80px;
}
.formula-expresion[data-v-7f266255] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #93C5FD;
}
.formula-desc[data-v-7f266255] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-7f266255] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-7f266255] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.errores-lista[data-v-7f266255] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-7f266255] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-icono[data-v-7f266255] {
  font-size: 0.9rem;
}

/* Tip final */
.tip-final[data-v-7f266255] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7f266255] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7f266255] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo[data-v-7f266255] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #6EE7B7;
}
.tip-texto[data-v-7f266255] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-7f266255] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-7f266255] {
    flex-wrap: nowrap;
}
.formula[data-v-7f266255] {
    flex: 1;
}
.celda[data-v-7f266255] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-06def563] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.flujo-central[data-v-06def563] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.molecula[data-v-06def563] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
}
.molecula.adn[data-v-06def563] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.molecula.arn[data-v-06def563] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.flecha[data-v-06def563] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Texto especial */
strong.adn[data-v-06def563] {
  color: #93C5FD;
}
strong.arn[data-v-06def563] {
  color: #6EE7B7;
}
strong.uracilo[data-v-06def563] {
  color: #F59E0B;
}

/* Dogma central */
.dogma-section[data-v-06def563] {
  margin: 1.5rem 0;
}
.dogma-titulo[data-v-06def563] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dogma-visual[data-v-06def563] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.dogma-paso[data-v-06def563] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.dogma-mol[data-v-06def563] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.3rem;
}
.dogma-paso.final .dogma-mol[data-v-06def563] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.dogma-proceso[data-v-06def563] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dogma-flecha[data-v-06def563] {
  font-size: 1.25rem;
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-06def563] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-06def563] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-06def563] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.caracteristica[data-v-06def563] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-06def563] {
  font-size: 1.25rem;
}
.car-contenido[data-v-06def563] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.car-label[data-v-06def563] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.car-valor[data-v-06def563] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.car-valor.arn-pol[data-v-06def563] {
  color: #6EE7B7;
}
.car-valor.direccion[data-v-06def563] {
  color: #93C5FD;
  font-family: monospace;
}

/* Diferencias */
.diferencias-section[data-v-06def563] {
  margin: 1.5rem 0;
}
.diferencias-titulo[data-v-06def563] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencias-tabla[data-v-06def563] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.fila[data-v-06def563] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
.fila.header[data-v-06def563] {
  background: rgba(139, 92, 246, 0.2);
}
.celda[data-v-06def563] {
  padding: 0.5rem 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.celda.label[data-v-06def563] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
}
.celda.adn-header[data-v-06def563] {
  font-weight: 700;
  color: #93C5FD;
}
.celda.arn-header[data-v-06def563] {
  font-weight: 700;
  color: #6EE7B7;
}
.celda.destacado strong[data-v-06def563] {
  color: #F59E0B;
}

/* Definición */
.definicion[data-v-06def563] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.def-icono[data-v-06def563] {
  font-size: 1.5rem;
}
.def-contenido[data-v-06def563] {
  flex: 1;
}
.def-titulo[data-v-06def563] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-06def563] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-06def563] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-06def563] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-06def563] {
  font-size: 1.25rem;
}
.tip-texto[data-v-06def563] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-06def563] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-grid[data-v-06def563] {
    grid-template-columns: repeat(2, 1fr);
}
.dogma-visual[data-v-06def563] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.celda[data-v-06def563] {
    font-size: 0.85rem;
    padding: 0.6rem;
}
}

/* Texto especial */
strong.arn-pol[data-v-62370bf2] {
  color: #6EE7B7;
}
strong.promotor[data-v-62370bf2] {
  color: #F59E0B;
}
strong.direccion[data-v-62370bf2] {
  color: #93C5FD;
}
strong.terminador[data-v-62370bf2] {
  color: #FCA5A5;
}

/* Etapas */
.etapas-section[data-v-62370bf2] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-62370bf2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa-card[data-v-62370bf2] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  overflow: hidden;
}
.etapa-card.iniciacion[data-v-62370bf2] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.etapa-card.elongacion[data-v-62370bf2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.etapa-card.terminacion[data-v-62370bf2] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.etapa-header[data-v-62370bf2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.iniciacion .etapa-header[data-v-62370bf2] {
  background: rgba(245, 158, 11, 0.2);
}
.elongacion .etapa-header[data-v-62370bf2] {
  background: rgba(59, 130, 246, 0.2);
}
.terminacion .etapa-header[data-v-62370bf2] {
  background: rgba(239, 68, 68, 0.2);
}
.etapa-numero[data-v-62370bf2] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.etapa-nombre[data-v-62370bf2] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.etapa-contenido[data-v-62370bf2] {
  padding: 0.75rem;
}
.etapa-descripcion[data-v-62370bf2] {
  margin-bottom: 0.75rem;
}
.etapa-descripcion p[data-v-62370bf2] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Visual de iniciación */
.etapa-visual[data-v-62370bf2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.visual-adn[data-v-62370bf2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
}
.region[data-v-62370bf2] {
  color: #C4B5FD;
  font-size: 0.7rem;
}
.promotor-box[data-v-62370bf2] {
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid #F59E0B;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-weight: 700;
}
.gen-box[data-v-62370bf2] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.visual-enzima[data-v-62370bf2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.enzima-icon[data-v-62370bf2] {
  font-size: 1.25rem;
}
.enzima-label[data-v-62370bf2] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Visual de elongación */
.elongacion-visual[data-v-62370bf2] {
  gap: 0.25rem;
}
.cadena-molde[data-v-62370bf2], .cadena-nueva[data-v-62370bf2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
}
.dir[data-v-62370bf2] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 700;
}
.secuencia[data-v-62370bf2] {
  font-size: 0.8rem;
  color: #93C5FD;
  letter-spacing: 2px;
}
.secuencia.arn[data-v-62370bf2] {
  color: #6EE7B7;
}
.cadena-label[data-v-62370bf2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-left: 0.5rem;
}
.sintesis-arrow[data-v-62370bf2] {
  font-size: 0.7rem;
  color: #8B5CF6;
  letter-spacing: 2px;
}

/* Visual de terminación */
.terminacion-visual[data-v-62370bf2] {
  padding: 1rem;
}
.terminacion-elementos[data-v-62370bf2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.arn-liberado[data-v-62370bf2] {
  font-size: 1rem;
  color: #6EE7B7;
}
.separacion[data-v-62370bf2] {
  font-size: 1rem;
  color: #FCA5A5;
}
.enzima-libre[data-v-62370bf2] {
  font-size: 1.25rem;
}

/* Puntos de cada etapa */
.etapa-puntos[data-v-62370bf2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-62370bf2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding-left: 0.25rem;
}

/* ARN Polimerasa destacada */
.enzima-section[data-v-62370bf2] {
  margin: 1.5rem 0;
}
.enzima-titulo[data-v-62370bf2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enzima-contenido[data-v-62370bf2] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.enzima-caracteristicas[data-v-62370bf2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.car-item[data-v-62370bf2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.car-icon[data-v-62370bf2] {
  font-size: 1rem;
}
.car-text[data-v-62370bf2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.car-text strong[data-v-62370bf2] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-62370bf2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-62370bf2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-62370bf2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-62370bf2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.etapa-card[data-v-62370bf2] {
    margin-bottom: 1rem;
}
.secuencia[data-v-62370bf2] {
    font-size: 0.9rem;
    letter-spacing: 3px;
}
.enzima-caracteristicas[data-v-62370bf2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Texto especial */
strong.procesado[data-v-9aa06a85] {
  color: #A78BFA;
}

/* Visual del proceso */
.proceso-visual[data-v-9aa06a85] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.pre-arn[data-v-9aa06a85], .arn-maduro[data-v-9aa06a85] {
  text-align: center;
}
.label[data-v-9aa06a85] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.estructura[data-v-9aa06a85] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  justify-content: center;
  flex-wrap: wrap;
}
.estructura.madura[data-v-9aa06a85] {
  gap: 0.1rem;
}
.exon[data-v-9aa06a85] {
  padding: 0.2rem 0.35rem;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.intron[data-v-9aa06a85] {
  padding: 0.2rem 0.3rem;
  background: rgba(239, 68, 68, 0.2);
  border: 1px dashed rgba(239, 68, 68, 0.5);
  border-radius: 0.25rem;
  font-size: 0.65rem;
  color: #FCA5A5;
}
.cap[data-v-9aa06a85] {
  padding: 0.2rem 0.35rem;
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid #F59E0B;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
}
.cola[data-v-9aa06a85] {
  padding: 0.2rem 0.35rem;
  background: rgba(59, 130, 246, 0.3);
  border: 1px solid #3B82F6;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.flecha-proceso[data-v-9aa06a85] {
  font-size: 1rem;
  color: #FCD34D;
  padding: 0.25rem 0;
}

/* Modificaciones */
.modificaciones-section[data-v-9aa06a85] {
  margin: 1.5rem 0;
}
.modificaciones-titulo[data-v-9aa06a85] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mod-card[data-v-9aa06a85] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  overflow: hidden;
}
.mod-card.capping[data-v-9aa06a85] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.mod-card.splicing[data-v-9aa06a85] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.mod-card.poliadenilacion[data-v-9aa06a85] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.mod-header[data-v-9aa06a85] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.capping .mod-header[data-v-9aa06a85] {
  background: rgba(245, 158, 11, 0.2);
}
.splicing .mod-header[data-v-9aa06a85] {
  background: rgba(139, 92, 246, 0.2);
}
.poliadenilacion .mod-header[data-v-9aa06a85] {
  background: rgba(59, 130, 246, 0.2);
}
.mod-numero[data-v-9aa06a85] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.mod-nombre[data-v-9aa06a85] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.mod-contenido[data-v-9aa06a85] {
  padding: 0.75rem;
}
.mod-visual[data-v-9aa06a85] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.cap-visual[data-v-9aa06a85] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.cola-visual[data-v-9aa06a85] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #93C5FD;
}
.mod-funcion[data-v-9aa06a85] {
  font-size: 0.8rem;
}
.func-titulo[data-v-9aa06a85] {
  color: #C4B5FD;
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}
.func-lista[data-v-9aa06a85] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
}
.func-lista li[data-v-9aa06a85] {
  margin-bottom: 0.15rem;
}

/* Splicing visual */
.splicing-visual[data-v-9aa06a85] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.splicing-antes[data-v-9aa06a85], .splicing-despues[data-v-9aa06a85] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.splicing-flecha[data-v-9aa06a85] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.union[data-v-9aa06a85] {
  color: #8B5CF6;
  font-weight: 700;
}
.mod-definiciones[data-v-9aa06a85] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.def-item[data-v-9aa06a85] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.def-termino[data-v-9aa06a85] {
  font-weight: 700;
}
.def-termino.exon-def[data-v-9aa06a85] {
  color: #6EE7B7;
}
.def-termino.intron-def[data-v-9aa06a85] {
  color: #FCA5A5;
}
.def-desc[data-v-9aa06a85] {
  color: #E9D5FF;
}

/* Splicing alternativo */
.alternativo-section[data-v-9aa06a85] {
  margin: 1.5rem 0;
}
.alternativo-titulo[data-v-9aa06a85] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alternativo-contenido[data-v-9aa06a85] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.alternativo-desc[data-v-9aa06a85] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.alternativo-visual[data-v-9aa06a85] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.gen-original[data-v-9aa06a85] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.gen-original .label[data-v-9aa06a85] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0;
}
.variantes[data-v-9aa06a85] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.variante[data-v-9aa06a85] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.variante-label[data-v-9aa06a85] {
  font-size: 0.7rem;
  color: #C4B5FD;
  min-width: 65px;
}
.alternativo-nota[data-v-9aa06a85] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
  font-style: italic;
}

/* Comparación */
.comparacion[data-v-9aa06a85] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9aa06a85] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9aa06a85] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-9aa06a85] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.procariota[data-v-9aa06a85] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-item.eucariota[data-v-9aa06a85] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-tipo[data-v-9aa06a85] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.comp-desc[data-v-9aa06a85] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-desc strong[data-v-9aa06a85] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-9aa06a85] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9aa06a85] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9aa06a85] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9aa06a85] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-9aa06a85] {
    grid-template-columns: repeat(2, 1fr);
}
.variantes[data-v-9aa06a85] {
    flex-direction: row;
    gap: 1rem;
}
.exon[data-v-9aa06a85], .intron[data-v-9aa06a85], .cap[data-v-9aa06a85], .cola[data-v-9aa06a85] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}
}

.explorador[data-v-13e760e1] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-13e760e1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-13e760e1] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-13e760e1] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-13e760e1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-13e760e1] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-13e760e1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-13e760e1] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-13e760e1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-13e760e1] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Transcribir ===== */
.transcribir-container[data-v-13e760e1] {
  text-align: center;
}
.adn-molde[data-v-13e760e1], .arn-resultado[data-v-13e760e1] {
  margin-bottom: 0.5rem;
}
.molde-label[data-v-13e760e1], .resultado-label[data-v-13e760e1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  padding: 0 0.5rem;
}
.direccion[data-v-13e760e1] {
  color: #FCD34D;
  font-weight: 700;
}
.label-text[data-v-13e760e1] {
  font-weight: 600;
}
.molde-secuencia[data-v-13e760e1], .resultado-secuencia[data-v-13e760e1] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.base[data-v-13e760e1] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 0.25rem;
}
.base.adn[data-v-13e760e1] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 1px solid rgba(59, 130, 246, 0.5);
}
.base.adn.destacada[data-v-13e760e1] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
  color: #FCD34D;
  animation: pulse-13e760e1 1s infinite;
}
@keyframes pulse-13e760e1 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.base.arn[data-v-13e760e1] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border: 1px solid rgba(16, 185, 129, 0.5);
}
.base.placeholder[data-v-13e760e1] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  color: rgba(255, 255, 255, 0.3);
}
.sintesis-zona[data-v-13e760e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.flecha-sintesis[data-v-13e760e1] {
  font-size: 1rem;
  color: #8B5CF6;
}
.enzima-label[data-v-13e760e1] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.bases-selector[data-v-13e760e1] {
  margin-top: 1rem;
}
.selector-label[data-v-13e760e1] {
  display: block;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.bases-opciones[data-v-13e760e1] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.base-btn[data-v-13e760e1] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  border-radius: 0.5rem;
  border: 2px solid;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.base-btn.a[data-v-13e760e1] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.base-btn.u[data-v-13e760e1] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.5);
  color: #FCD34D;
}
.base-btn.g[data-v-13e760e1] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.base-btn.c[data-v-13e760e1] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.base-btn[data-v-13e760e1]:hover {
  transform: scale(1.05);
}
.base-btn.incorrecto[data-v-13e760e1] {
  animation: shake-13e760e1 0.3s ease;
  background: rgba(239, 68, 68, 0.4);
}
@keyframes shake-13e760e1 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}
.error-msg[data-v-13e760e1] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Componentes ARNm ===== */
.componentes-container[data-v-13e760e1] {
  text-align: center;
}
.arnm-estructura[data-v-13e760e1] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.componente-slot[data-v-13e760e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 50px;
}
.componente-slot.seleccionable[data-v-13e760e1]:hover {
  border-color: #8B5CF6;
}
.componente-slot.identificado[data-v-13e760e1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.comp-visual[data-v-13e760e1] {
  font-size: 1rem;
  font-weight: 700;
}
.comp-visual.cap[data-v-13e760e1] {
  font-size: 1.25rem;
}
.comp-visual.exon[data-v-13e760e1] {
  color: #6EE7B7;
}
.comp-visual.cola[data-v-13e760e1] {
  color: #93C5FD;
  font-family: monospace;
  font-size: 0.8rem;
}
.comp-nombre[data-v-13e760e1] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}
.comp-placeholder[data-v-13e760e1] {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
}
.opciones-componente[data-v-13e760e1] {
  margin: 1rem 0;
}
.opciones-label[data-v-13e760e1] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.opciones-btns[data-v-13e760e1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.opcion-btn[data-v-13e760e1] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-13e760e1]:hover {
  border-color: #8B5CF6;
}
.opcion-btn.incorrecto[data-v-13e760e1] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.instruccion-componentes[data-v-13e760e1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.5rem;
}

/* ===== DESAFÍO 3: Preguntas rápidas ===== */
.preguntas-rapidas[data-v-13e760e1] {
  text-align: center;
}
.pregunta-actual[data-v-13e760e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-13e760e1] {
  font-size: 1.5rem;
}
.pregunta-texto[data-v-13e760e1] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-rapidas[data-v-13e760e1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.opcion-rapida[data-v-13e760e1] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-rapida.seleccionado[data-v-13e760e1] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-rapida.correcto[data-v-13e760e1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-rapida.incorrecto[data-v-13e760e1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.feedback-error[data-v-13e760e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 0.75rem 0;
  text-align: left;
}
.feedback-icono[data-v-13e760e1] {
  font-size: 1rem;
}
.feedback-texto[data-v-13e760e1] {
  font-size: 0.8rem;
  color: #FCA5A5;
  line-height: 1.4;
}

/* Elementos comunes */
.btn-verificar[data-v-13e760e1] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.contador[data-v-13e760e1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-13e760e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-13e760e1] { font-size: 1.25rem;
}
.resultado-texto[data-v-13e760e1] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-13e760e1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-13e760e1] { flex: 1;
}
.nav-btn[data-v-13e760e1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-13e760e1] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-13e760e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-13e760e1] { font-size: 1.75rem;
}
.completado-texto[data-v-13e760e1] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-13e760e1], .slide-leave-active[data-v-13e760e1] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-13e760e1] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-13e760e1] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.base[data-v-13e760e1] {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
}
.base-btn[data-v-13e760e1] {
    width: 56px;
    height: 56px;
    font-size: 1.5rem;
}
.arnm-estructura[data-v-13e760e1] {
    flex-wrap: nowrap;
}
.componente-slot[data-v-13e760e1] {
    min-width: 60px;
}
}

/* Header */
.resumen-header[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icon[data-v-3ab6d9ff] {
  font-size: 1.5rem;
}
.header-text[data-v-3ab6d9ff] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Texto especial */
strong.adn[data-v-3ab6d9ff] {
  color: #93C5FD;
}
strong.arn[data-v-3ab6d9ff] {
  color: #6EE7B7;
}
strong.direccion[data-v-3ab6d9ff] {
  color: #93C5FD;
}
strong.uracilo[data-v-3ab6d9ff] {
  color: #F59E0B;
}

/* Conceptos */
.conceptos-section[data-v-3ab6d9ff] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-3ab6d9ff] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-titulo[data-v-3ab6d9ff] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.concepto-contenido[data-v-3ab6d9ff] {
  padding: 0.75rem;
}
.concepto-contenido p[data-v-3ab6d9ff] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.enzima-highlight[data-v-3ab6d9ff] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.enzima-nombre[data-v-3ab6d9ff] {
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.enzima-puntos[data-v-3ab6d9ff] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.enzima-puntos li[data-v-3ab6d9ff] {
  margin-bottom: 0.25rem;
}
.enzima-puntos strong[data-v-3ab6d9ff] {
  color: #FFFFFF;
}

/* Etapas resumen */
.etapas-resumen[data-v-3ab6d9ff] {
  margin-bottom: 1.5rem;
}
.etapas-titulo[data-v-3ab6d9ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapas-grid[data-v-3ab6d9ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.etapa[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.etapa.iniciacion[data-v-3ab6d9ff] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.etapa.elongacion[data-v-3ab6d9ff] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.etapa.terminacion[data-v-3ab6d9ff] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.etapa-num[data-v-3ab6d9ff] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.etapa-nombre[data-v-3ab6d9ff] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  min-width: 80px;
}
.etapa-clave[data-v-3ab6d9ff] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Procesamiento resumen */
.procesamiento-resumen[data-v-3ab6d9ff] {
  margin-bottom: 1.5rem;
}
.procesamiento-titulo[data-v-3ab6d9ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.procesamiento-visual[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.proceso-item[data-v-3ab6d9ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
}
.proceso-item.cap[data-v-3ab6d9ff] {
  background: rgba(245, 158, 11, 0.2);
}
.proceso-item.splicing[data-v-3ab6d9ff] {
  background: rgba(139, 92, 246, 0.2);
}
.proceso-item.cola[data-v-3ab6d9ff] {
  background: rgba(59, 130, 246, 0.2);
}
.proc-icono[data-v-3ab6d9ff] {
  font-size: 1rem;
}
.proc-nombre[data-v-3ab6d9ff] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.proc-desc[data-v-3ab6d9ff] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.proc-mas[data-v-3ab6d9ff] {
  font-size: 1rem;
  color: #8B5CF6;
  font-weight: 700;
}
.exon-intron-resumen[data-v-3ab6d9ff] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.ei-item[data-v-3ab6d9ff] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
}
.ei-item.exon[data-v-3ab6d9ff] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.ei-item.intron[data-v-3ab6d9ff] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Bases resumen */
.bases-resumen[data-v-3ab6d9ff] {
  margin-bottom: 1.5rem;
}
.bases-titulo[data-v-3ab6d9ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.bases-grid[data-v-3ab6d9ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.base-pair[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.base[data-v-3ab6d9ff] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 0.25rem;
}
.base.adn[data-v-3ab6d9ff] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.base.arn[data-v-3ab6d9ff] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.arrow[data-v-3ab6d9ff] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.bases-nota[data-v-3ab6d9ff] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.paes-section[data-v-3ab6d9ff] {
  margin-bottom: 1.5rem;
}
.paes-titulo[data-v-3ab6d9ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-tips[data-v-3ab6d9ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-item[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tip-check[data-v-3ab6d9ff] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  color: white;
}
.tip-text[data-v-3ab6d9ff] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-text strong[data-v-3ab6d9ff] {
  color: #6EE7B7;
}

/* Dogma recordatorio */
.dogma-recordatorio[data-v-3ab6d9ff] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.dogma-visual[data-v-3ab6d9ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.dogma-item[data-v-3ab6d9ff] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dogma-item.destacado[data-v-3ab6d9ff] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border: 1px solid #10B981;
}
.dogma-proceso[data-v-3ab6d9ff] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-3ab6d9ff] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-3ab6d9ff] {
  font-size: 1.5rem;
}
.final-texto[data-v-3ab6d9ff] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.final-texto strong[data-v-3ab6d9ff] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-3ab6d9ff] {
    flex-direction: row;
}
.concepto-card[data-v-3ab6d9ff] {
    flex: 1;
}
.etapas-grid[data-v-3ab6d9ff] {
    flex-direction: row;
    justify-content: center;
}
.etapa[data-v-3ab6d9ff] {
    flex-direction: column;
    text-align: center;
    flex: 1;
    max-width: 150px;
    border-left: none;
    border-top: 4px solid;
}
.etapa-nombre[data-v-3ab6d9ff] {
    min-width: auto;
}
.exon-intron-resumen[data-v-3ab6d9ff] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.base[data-v-3ab6d9ff] {
    width: 32px;
    height: 32px;
}
}

/* Intro visual - Gradiente */
.intro-visual[data-v-21221ab0] {
  margin: 1rem 0 1.5rem;
}
.gradiente-visual[data-v-21221ab0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.lado[data-v-21221ab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.lado.alto[data-v-21221ab0] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.lado.bajo[data-v-21221ab0] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.moleculas[data-v-21221ab0] {
  font-size: 1.2rem;
  letter-spacing: 2px;
}
.lado.alto .moleculas[data-v-21221ab0] {
  color: #FCA5A5;
}
.lado.bajo .moleculas[data-v-21221ab0] {
  color: #6EE7B7;
}
.label[data-v-21221ab0] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.flecha-movimiento[data-v-21221ab0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.energia[data-v-21221ab0] {
  font-size: 1.2rem;
  animation: pulsar-21221ab0 1s ease-in-out infinite;
}
.flecha[data-v-21221ab0] {
  font-size: 1.2rem;
  color: #FCD34D;
  animation: pulsar-21221ab0 1.5s ease-in-out infinite;
}
.atp[data-v-21221ab0] {
  font-size: 0.7rem;
  font-weight: 800;
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
@keyframes pulsar-21221ab0 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Texto inline */
strong.positivo[data-v-21221ab0] {
  color: #6EE7B7;
}
strong.negativo[data-v-21221ab0] {
  color: #FCA5A5;
}
strong.alta[data-v-21221ab0] {
  color: #FCA5A5;
}
strong.baja[data-v-21221ab0] {
  color: #6EE7B7;
}

/* Característica principal */
.caracteristica-principal[data-v-21221ab0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.carac-header[data-v-21221ab0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.carac-icono[data-v-21221ab0] {
  font-size: 1.5rem;
}
.carac-titulo[data-v-21221ab0] {
  font-weight: 800;
  color: #FCA5A5;
  font-size: 1.1rem;
}
.carac-explicacion[data-v-21221ab0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tipos de transporte */
.tipos-section[data-v-21221ab0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-21221ab0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-21221ab0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-21221ab0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-card.primario[data-v-21221ab0] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-card.secundario[data-v-21221ab0] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.vesicular[data-v-21221ab0] {
  border-color: rgba(139, 92, 246, 0.4);
}
.tipo-icono[data-v-21221ab0] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.tipo-info[data-v-21221ab0] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.tipo-nombre[data-v-21221ab0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-21221ab0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.tipo-ejemplo[data-v-21221ab0] {
  color: #93C5FD;
  font-size: 0.7rem;
  font-style: italic;
}

/* Comparación */
.comparacion-section[data-v-21221ab0] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-21221ab0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-21221ab0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-21221ab0] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comp-item.activo[data-v-21221ab0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comp-item.pasivo[data-v-21221ab0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comp-tipo[data-v-21221ab0] {
  font-weight: 800;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.comp-item.activo .comp-tipo[data-v-21221ab0] {
  color: #FCA5A5;
}
.comp-item.pasivo .comp-tipo[data-v-21221ab0] {
  color: #6EE7B7;
}
.comp-detalles[data-v-21221ab0] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.comp-detalle[data-v-21221ab0] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-21221ab0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-21221ab0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-21221ab0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-21221ab0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.gradiente-visual[data-v-21221ab0] {
    gap: 1rem;
    padding: 1.5rem;
}
.lado[data-v-21221ab0] {
    padding: 1rem;
    min-width: 120px;
}
.moleculas[data-v-21221ab0] {
    font-size: 1.5rem;
}
.label[data-v-21221ab0] {
    font-size: 0.75rem;
}
.tipos-grid[data-v-21221ab0] {
    flex-direction: row;
}
.tipo-card[data-v-21221ab0] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-info[data-v-21221ab0] {
    align-items: center;
}
}

/* Intro visual - Esquema de la bomba */
.intro-visual[data-v-642440b7] {
  margin: 1rem 0 1.5rem;
}
.bomba-esquema[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.exterior[data-v-642440b7], .interior[data-v-642440b7] {
  padding: 0.75rem;
  text-align: center;
}
.exterior[data-v-642440b7] {
  background: rgba(59, 130, 246, 0.1);
}
.interior[data-v-642440b7] {
  background: rgba(139, 92, 246, 0.1);
}
.label-zona[data-v-642440b7] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.5rem;
}
.iones-zona[data-v-642440b7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.ion[data-v-642440b7] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.ion.na[data-v-642440b7] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.ion.k[data-v-642440b7] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.membrana[data-v-642440b7] {
  background: linear-gradient(to bottom, rgba(245, 158, 11, 0.3), rgba(139, 92, 246, 0.3));
  padding: 0.75rem;
  display: flex;
  justify-content: center;
}
.proteina-bomba[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.bomba-icono[data-v-642440b7] {
  font-size: 1.5rem;
  animation: rotar-642440b7 2s linear infinite;
}
@keyframes rotar-642440b7 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.bomba-label[data-v-642440b7] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Funcionamiento */
.funcionamiento-section[data-v-642440b7] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-642440b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-bomba[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-bomba[data-v-642440b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-642440b7] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-titulo[data-v-642440b7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-desc[data-v-642440b7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Proporción */
.proporcion-section[data-v-642440b7] {
  margin: 1.5rem 0;
}
.proporcion-box[data-v-642440b7] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.proporcion-header[data-v-642440b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.prop-icono[data-v-642440b7] {
  font-size: 1.25rem;
}
.prop-titulo[data-v-642440b7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.proporcion-numeros[data-v-642440b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.prop-item[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.prop-item.sale[data-v-642440b7] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.prop-item.entra[data-v-642440b7] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.prop-valor[data-v-642440b7] {
  font-size: 1.5rem;
  font-weight: 800;
}
.prop-item.sale .prop-valor[data-v-642440b7] { color: #FCA5A5;
}
.prop-item.entra .prop-valor[data-v-642440b7] { color: #6EE7B7;
}
.prop-ion[data-v-642440b7] {
  font-size: 0.85rem;
  font-weight: 700;
}
.prop-item.sale .prop-ion[data-v-642440b7] { color: #FCD34D;
}
.prop-item.entra .prop-ion[data-v-642440b7] { color: #C4B5FD;
}
.prop-dir[data-v-642440b7] {
  font-size: 0.65rem;
  font-weight: 600;
}
.prop-item.sale .prop-dir[data-v-642440b7] { color: #FCA5A5;
}
.prop-item.entra .prop-dir[data-v-642440b7] { color: #6EE7B7;
}
.prop-separador[data-v-642440b7] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.prop-nota[data-v-642440b7] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Importancia */
.importancia-section[data-v-642440b7] {
  margin: 1.5rem 0;
}
.imp-titulo[data-v-642440b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.imp-lista[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.imp-item[data-v-642440b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.imp-icono[data-v-642440b7] {
  font-size: 1.25rem;
}
.imp-texto[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.imp-nombre[data-v-642440b7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.imp-desc[data-v-642440b7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Dato importante */
.dato-importante[data-v-642440b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-642440b7] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-642440b7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-titulo[data-v-642440b7] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 0.9rem;
}
.dato-texto[data-v-642440b7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.dato-texto strong[data-v-642440b7] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-642440b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-642440b7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-642440b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-642440b7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proporcion-numeros[data-v-642440b7] {
    gap: 1rem;
}
.prop-item[data-v-642440b7] {
    padding: 0.75rem 1rem;
}
.prop-valor[data-v-642440b7] {
    font-size: 2rem;
}
}

/* Visual de procesos */
.procesos-visual[data-v-84f8aa82] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.proceso[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  text-align: center;
}
.proceso.endocitosis[data-v-84f8aa82] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.proceso.exocitosis[data-v-84f8aa82] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.proceso-titulo[data-v-84f8aa82] {
  font-weight: 800;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.proceso.endocitosis .proceso-titulo[data-v-84f8aa82] { color: #6EE7B7;
}
.proceso.exocitosis .proceso-titulo[data-v-84f8aa82] { color: #FCA5A5;
}
.proceso-animacion[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 0.5rem 0;
}
.membrana-curva[data-v-84f8aa82] {
  width: 50px;
  height: 25px;
  border: 3px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}
.membrana-curva.entrada[data-v-84f8aa82] {
  border-color: #10B981;
  border-radius: 0 0 50% 50%;
  border-top: none;
}
.membrana-curva.salida[data-v-84f8aa82] {
  border-color: #EF4444;
  border-radius: 50% 50% 0 0;
  border-bottom: none;
}
.vesicula-formada[data-v-84f8aa82], .vesicula-interna[data-v-84f8aa82] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vesicula-formada[data-v-84f8aa82] {
  border: 3px solid #10B981;
}
.vesicula-interna[data-v-84f8aa82] {
  border: 3px solid #EF4444;
}
.particula[data-v-84f8aa82] {
  font-size: 0.8rem;
}
.proceso.endocitosis .particula[data-v-84f8aa82] { color: #6EE7B7;
}
.proceso.exocitosis .particula[data-v-84f8aa82] { color: #FCA5A5;
}
.flecha-proceso[data-v-84f8aa82] {
  font-size: 1.2rem;
  color: #8B5CF6;
  animation: mover-84f8aa82 1s ease-in-out infinite;
}
@keyframes mover-84f8aa82 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.proceso-desc[data-v-84f8aa82] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tipos de endocitosis */
.tipos-section[data-v-84f8aa82] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-84f8aa82] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 4px solid;
  border-radius: 0 0.5rem 0.5rem 0;
}
.tipo-item.fagocitosis[data-v-84f8aa82] { border-color: #F59E0B;
}
.tipo-item.pinocitosis[data-v-84f8aa82] { border-color: #3B82F6;
}
.tipo-item.mediada[data-v-84f8aa82] { border-color: #8B5CF6;
}
.tipo-header[data-v-84f8aa82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-84f8aa82] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-detalles[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.detalle[data-v-84f8aa82] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.detalle strong[data-v-84f8aa82] {
  color: #FFFFFF;
}
.ejemplo[data-v-84f8aa82] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-style: italic;
}

/* Exocitosis */
.exocitosis-section[data-v-84f8aa82] {
  margin: 1.5rem 0;
}
.exo-titulo[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.exo-contenido[data-v-84f8aa82] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.exo-intro[data-v-84f8aa82] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.exo-intro strong[data-v-84f8aa82] {
  color: #FCA5A5;
}
.exo-usos[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.uso-item[data-v-84f8aa82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.uso-icono[data-v-84f8aa82] {
  font-size: 1.2rem;
}
.uso-texto[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
}
.uso-nombre[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.uso-desc[data-v-84f8aa82] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación rápida */
.comparacion-rapida[data-v-84f8aa82] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comp-header[data-v-84f8aa82] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-84f8aa82] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.comp-tabla[data-v-84f8aa82] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.7rem;
}
.comp-row[data-v-84f8aa82] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  gap: 0.2rem;
}
.comp-row.header[data-v-84f8aa82] {
  font-weight: 700;
  color: #FFFFFF;
}
.comp-cell[data-v-84f8aa82] {
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  text-align: center;
  color: #E9D5FF;
}
.comp-cell.nombre[data-v-84f8aa82] {
  font-weight: 600;
  text-align: left;
}
.comp-row.fagocitosis .comp-cell.nombre[data-v-84f8aa82] { color: #FCD34D;
}
.comp-row.pinocitosis .comp-cell.nombre[data-v-84f8aa82] { color: #93C5FD;
}
.comp-row.mediada .comp-cell.nombre[data-v-84f8aa82] { color: #C4B5FD;
}
.comp-row.exocitosis .comp-cell.nombre[data-v-84f8aa82] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-84f8aa82] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-84f8aa82] {
  font-size: 1.25rem;
}
.tip-texto[data-v-84f8aa82] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-84f8aa82] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.procesos-visual[data-v-84f8aa82] {
    gap: 1rem;
}
.proceso[data-v-84f8aa82] {
    padding: 1.5rem;
}
.proceso-titulo[data-v-84f8aa82] {
    font-size: 0.9rem;
}
.comp-tabla[data-v-84f8aa82] {
    font-size: 0.8rem;
}
}

.explorador[data-v-0886d5b9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0886d5b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0886d5b9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0886d5b9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0886d5b9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0886d5b9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0886d5b9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0886d5b9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0886d5b9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0886d5b9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Bomba Na+/K+ ===== */
.bomba-container[data-v-0886d5b9] {
  text-align: center;
}
.bomba-visual[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.zona[data-v-0886d5b9] {
  padding: 0.75rem;
  text-align: center;
}
.zona.exterior[data-v-0886d5b9] {
  background: rgba(59, 130, 246, 0.1);
}
.zona.interior[data-v-0886d5b9] {
  background: rgba(139, 92, 246, 0.1);
}
.zona-label[data-v-0886d5b9] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.iones-acumulados[data-v-0886d5b9] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  min-height: 24px;
}
.ion-mini[data-v-0886d5b9] {
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  font-size: 0.65rem;
  font-weight: 700;
}
.ion-mini.na[data-v-0886d5b9] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.ion-mini.k[data-v-0886d5b9] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.membrana-bomba[data-v-0886d5b9] {
  background: linear-gradient(to bottom, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  padding: 0.5rem;
  display: flex;
  justify-content: center;
}
.bomba-proteina[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.5);
  transition: all 0.3s ease;
}
.bomba-proteina.activa[data-v-0886d5b9] {
  border-color: #FCD34D;
  box-shadow: 0 0 15px rgba(252, 211, 77, 0.4);
}
.bomba-interior[data-v-0886d5b9] {
  display: flex;
  gap: 0.25rem;
  min-height: 20px;
  margin-bottom: 0.25rem;
}
.ion-bomba[data-v-0886d5b9] {
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  font-size: 0.6rem;
  font-weight: 700;
}
.ion-bomba.na[data-v-0886d5b9] {
  background: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.ion-bomba.k[data-v-0886d5b9] {
  background: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.bomba-icono[data-v-0886d5b9] {
  font-size: 1.5rem;
}
.bomba-proteina.activa .bomba-icono[data-v-0886d5b9] {
  animation: pulsar-0886d5b9 0.5s ease-in-out infinite;
}
@keyframes pulsar-0886d5b9 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}
.bomba-controles[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.atp-disponible[data-v-0886d5b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.atp-label[data-v-0886d5b9] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.atp-barras[data-v-0886d5b9] {
  display: flex;
  gap: 0.25rem;
}
.atp-barra[data-v-0886d5b9] {
  font-size: 1.2rem;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.atp-barra.llena[data-v-0886d5b9] {
  opacity: 1;
}
.btn-activar[data-v-0886d5b9] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.btn-activar[data-v-0886d5b9]:hover:not(.deshabilitado) {
  background: #7C3AED;
}
.btn-activar.deshabilitado[data-v-0886d5b9] {
  opacity: 0.5;
  cursor: not-allowed;
}
.contadores-bomba[data-v-0886d5b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.contador-item[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.contador-item.na[data-v-0886d5b9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.contador-item.k[data-v-0886d5b9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.cont-label[data-v-0886d5b9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.cont-valor[data-v-0886d5b9] {
  font-size: 1.2rem;
  font-weight: 800;
}
.contador-item.na .cont-valor[data-v-0886d5b9] { color: #FCD34D;
}
.contador-item.k .cont-valor[data-v-0886d5b9] { color: #C4B5FD;
}
.pregunta-bomba[data-v-0886d5b9] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-0886d5b9] {
  font-weight: 600;
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.5rem;
}
.opciones-proporcion[data-v-0886d5b9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.opcion-prop[data-v-0886d5b9] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.opcion-prop.seleccionado[data-v-0886d5b9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-prop.correcto[data-v-0886d5b9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-prop.incorrecto[data-v-0886d5b9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Clasificar transporte ===== */
.clasificar-container[data-v-0886d5b9] {
  text-align: center;
}
.molecula-actual[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.mol-icono[data-v-0886d5b9] {
  font-size: 2rem;
}
.mol-nombre[data-v-0886d5b9] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.mol-pista[data-v-0886d5b9] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.pregunta-clasificar[data-v-0886d5b9] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-transporte[data-v-0886d5b9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-trans[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-trans.activo[data-v-0886d5b9] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-trans.pasivo[data-v-0886d5b9] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.opcion-trans.seleccionado.activo[data-v-0886d5b9] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-trans.seleccionado.pasivo[data-v-0886d5b9] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-trans.correcto[data-v-0886d5b9] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-trans.incorrecto[data-v-0886d5b9] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.trans-icono[data-v-0886d5b9] {
  font-size: 1.5rem;
}
.trans-nombre[data-v-0886d5b9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.trans-desc[data-v-0886d5b9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.explicacion-transporte[data-v-0886d5b9] {
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Endocitosis ===== */
.endocitosis-container[data-v-0886d5b9] {
  text-align: center;
}
.situacion-actual[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sit-icono[data-v-0886d5b9] {
  font-size: 2rem;
}
.sit-texto[data-v-0886d5b9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-endo[data-v-0886d5b9] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-endo[data-v-0886d5b9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-endo[data-v-0886d5b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-endo[data-v-0886d5b9]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-endo.seleccionado[data-v-0886d5b9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-endo.correcto[data-v-0886d5b9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-endo.incorrecto[data-v-0886d5b9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.endo-icono[data-v-0886d5b9] {
  font-size: 1.5rem;
}
.endo-nombre[data-v-0886d5b9] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.explicacion-endo[data-v-0886d5b9] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.contador[data-v-0886d5b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-0886d5b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0886d5b9] { font-size: 1.25rem;
}
.resultado-texto[data-v-0886d5b9] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-0886d5b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0886d5b9] { flex: 1;
}
.nav-btn[data-v-0886d5b9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0886d5b9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0886d5b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0886d5b9] { font-size: 1.75rem;
}
.completado-texto[data-v-0886d5b9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0886d5b9], .slide-leave-active[data-v-0886d5b9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0886d5b9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0886d5b9] { opacity: 0; transform: translateX(-15px);
}

/* Concepto central */
.concepto-central[data-v-bd8c91f6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-bd8c91f6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-bd8c91f6] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-bd8c91f6] {
  font-weight: 800;
  color: #FCA5A5;
  font-size: 1.1rem;
}
.concepto-puntos[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-bd8c91f6] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.punto strong[data-v-bd8c91f6] {
  color: #FFFFFF;
}

/* Tipos de transporte */
.tipos-resumen[data-v-bd8c91f6] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-bd8c91f6] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 4px solid;
  border-radius: 0 0.5rem 0.5rem 0;
}
.tipo-item.primario[data-v-bd8c91f6] { border-color: #F59E0B;
}
.tipo-item.secundario[data-v-bd8c91f6] { border-color: #3B82F6;
}
.tipo-item.vesicular[data-v-bd8c91f6] { border-color: #8B5CF6;
}
.tipo-header[data-v-bd8c91f6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-bd8c91f6] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-detalles[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.detalle[data-v-bd8c91f6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplos[data-v-bd8c91f6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Bomba Na+/K+ */
.bomba-resumen[data-v-bd8c91f6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.bomba-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.bomba-contenido[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.proporcion-mini[data-v-bd8c91f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.prop-sale[data-v-bd8c91f6], .prop-entra[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.prop-sale[data-v-bd8c91f6] {
  background: rgba(239, 68, 68, 0.2);
}
.prop-entra[data-v-bd8c91f6] {
  background: rgba(16, 185, 129, 0.2);
}
.prop-num[data-v-bd8c91f6] {
  font-size: 1.5rem;
  font-weight: 800;
}
.prop-sale .prop-num[data-v-bd8c91f6] { color: #FCA5A5;
}
.prop-entra .prop-num[data-v-bd8c91f6] { color: #6EE7B7;
}
.prop-ion[data-v-bd8c91f6] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.prop-sep[data-v-bd8c91f6] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.bomba-funciones[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.funcion[data-v-bd8c91f6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tabla de endocitosis */
.endo-resumen[data-v-bd8c91f6] {
  margin: 1.5rem 0;
}
.endo-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.endo-tabla[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.7rem;
}
.endo-row[data-v-bd8c91f6] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.2rem;
}
.endo-row.header[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
}
.endo-cell[data-v-bd8c91f6] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
  color: #E9D5FF;
}
.endo-cell.nombre[data-v-bd8c91f6] {
  font-weight: 600;
  text-align: left;
}
.endo-row.fago .endo-cell.nombre[data-v-bd8c91f6] { color: #FCD34D;
}
.endo-row.pino .endo-cell.nombre[data-v-bd8c91f6] { color: #93C5FD;
}
.endo-row.med .endo-cell.nombre[data-v-bd8c91f6] { color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-bd8c91f6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-bd8c91f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.error-mal[data-v-bd8c91f6] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-bd8c91f6] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.error-bien[data-v-bd8c91f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-left: 1rem;
}
.bien-icono[data-v-bd8c91f6] {
  color: #6EE7B7;
  font-weight: 700;
}
.bien-texto[data-v-bd8c91f6] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.bien-texto strong[data-v-bd8c91f6] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-bd8c91f6] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-bd8c91f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-bd8c91f6] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-bd8c91f6] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bd8c91f6] {
  color: #FCD34D;
}

/* Comparación final */
.comparacion-final[data-v-bd8c91f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.comp-icono[data-v-bd8c91f6] {
  font-size: 1.5rem;
}
.comp-contenido[data-v-bd8c91f6] {
  flex: 1;
}
.comp-titulo[data-v-bd8c91f6] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
  display: block;
  margin-bottom: 0.5rem;
}
.comp-tabla-mini[data-v-bd8c91f6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-col[data-v-bd8c91f6] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.comp-col.pasivo[data-v-bd8c91f6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-col.activo[data-v-bd8c91f6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.col-titulo[data-v-bd8c91f6] {
  font-weight: 700;
  font-size: 0.8rem;
}
.comp-col.pasivo .col-titulo[data-v-bd8c91f6] { color: #6EE7B7;
}
.comp-col.activo .col-titulo[data-v-bd8c91f6] { color: #FCA5A5;
}
.col-item[data-v-bd8c91f6] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.endo-tabla[data-v-bd8c91f6] {
    font-size: 0.8rem;
}
}

/* Intro visual - Gradiente */
.intro-visual[data-v-cce9f1cf] {
  margin: 1rem 0 1.5rem;
}
.gradiente-visual[data-v-cce9f1cf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.lado[data-v-cce9f1cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.lado.alto[data-v-cce9f1cf] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.lado.bajo[data-v-cce9f1cf] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.moleculas[data-v-cce9f1cf] {
  font-size: 1.2rem;
  letter-spacing: 2px;
}
.lado.alto .moleculas[data-v-cce9f1cf] {
  color: #FCA5A5;
}
.lado.bajo .moleculas[data-v-cce9f1cf] {
  color: #6EE7B7;
}
.label[data-v-cce9f1cf] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.flecha-movimiento[data-v-cce9f1cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha[data-v-cce9f1cf] {
  font-size: 1.2rem;
  color: #8B5CF6;
  animation: pulsar-cce9f1cf 1.5s ease-in-out infinite;
}
@keyframes pulsar-cce9f1cf {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Texto inline */
strong.positivo[data-v-cce9f1cf] {
  color: #6EE7B7;
}
strong.alta[data-v-cce9f1cf] {
  color: #FCA5A5;
}
strong.baja[data-v-cce9f1cf] {
  color: #6EE7B7;
}

/* Característica principal */
.caracteristica-principal[data-v-cce9f1cf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.carac-header[data-v-cce9f1cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.carac-icono[data-v-cce9f1cf] {
  font-size: 1.5rem;
}
.carac-titulo[data-v-cce9f1cf] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.carac-explicacion[data-v-cce9f1cf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tipos de transporte */
.tipos-section[data-v-cce9f1cf] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-cce9f1cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-cce9f1cf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-cce9f1cf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-cce9f1cf] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.tipo-info[data-v-cce9f1cf] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.tipo-nombre[data-v-cce9f1cf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-cce9f1cf] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Comparación */
.comparacion-section[data-v-cce9f1cf] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-cce9f1cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-cce9f1cf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-cce9f1cf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comp-item.pasivo[data-v-cce9f1cf] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comp-item.activo[data-v-cce9f1cf] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comp-tipo[data-v-cce9f1cf] {
  font-weight: 800;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.comp-item.pasivo .comp-tipo[data-v-cce9f1cf] {
  color: #6EE7B7;
}
.comp-item.activo .comp-tipo[data-v-cce9f1cf] {
  color: #FCA5A5;
}
.comp-detalles[data-v-cce9f1cf] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.comp-detalle[data-v-cce9f1cf] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-cce9f1cf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-cce9f1cf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cce9f1cf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cce9f1cf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.gradiente-visual[data-v-cce9f1cf] {
    gap: 1rem;
    padding: 1.5rem;
}
.lado[data-v-cce9f1cf] {
    padding: 1rem;
    min-width: 120px;
}
.moleculas[data-v-cce9f1cf] {
    font-size: 1.5rem;
}
.label[data-v-cce9f1cf] {
    font-size: 0.75rem;
}
.tipos-grid[data-v-cce9f1cf] {
    flex-direction: row;
}
.tipo-card[data-v-cce9f1cf] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-info[data-v-cce9f1cf] {
    align-items: center;
}
}

/* Texto inline */
strong.alta[data-v-86ca0aad] {
  color: #FCA5A5;
}
strong.baja[data-v-86ca0aad] {
  color: #6EE7B7;
}

/* Secciones de difusión */
.difusion-section[data-v-86ca0aad] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.difusion-section.simple[data-v-86ca0aad] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.difusion-section.facilitada[data-v-86ca0aad] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.difusion-header[data-v-86ca0aad] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.dif-icono[data-v-86ca0aad] {
  font-size: 1.75rem;
}
.dif-info[data-v-86ca0aad] {
  display: flex;
  flex-direction: column;
}
.dif-titulo[data-v-86ca0aad] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.dif-subtitulo[data-v-86ca0aad] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Visual de membrana */
.difusion-visual[data-v-86ca0aad] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.membrana-visual[data-v-86ca0aad] {
  position: relative;
  padding: 1rem 2rem;
}
.fosfolipidos[data-v-86ca0aad] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.fosfolipidos.bottom[data-v-86ca0aad] {
  margin-top: 2rem;
}
.fosfo[data-v-86ca0aad] {
  font-size: 1.5rem;
  color: #F59E0B;
}
.proteina.canal[data-v-86ca0aad] {
  font-size: 1.2rem;
  color: #8B5CF6;
  font-weight: 800;
}
.molecula-pasando[data-v-86ca0aad] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.mol[data-v-86ca0aad] {
  color: #93C5FD;
  font-size: 1rem;
}
.mol.grande[data-v-86ca0aad] {
  color: #C4B5FD;
  font-size: 1.2rem;
}
.flecha-mol[data-v-86ca0aad] {
  color: #10B981;
  animation: mover-86ca0aad 1.5s ease-in-out infinite;
}
@keyframes mover-86ca0aad {
0%, 100% { transform: translateX(0); opacity: 0.5;
}
50% { transform: translateX(5px); opacity: 1;
}
}

/* Características */
.caracteristicas[data-v-86ca0aad] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.carac-item[data-v-86ca0aad] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.carac-icono[data-v-86ca0aad] {
  color: #10B981;
  font-weight: 700;
}
.carac-item strong[data-v-86ca0aad] {
  color: #FFFFFF;
}

/* Subtipos (facilitada) */
.subtipos-grid[data-v-86ca0aad] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.subtipo[data-v-86ca0aad] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sub-icono[data-v-86ca0aad] {
  font-size: 1.2rem;
  min-width: 28px;
  text-align: center;
}
.sub-info[data-v-86ca0aad] {
  display: flex;
  flex-direction: column;
}
.sub-nombre[data-v-86ca0aad] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.sub-desc[data-v-86ca0aad] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Ejemplos */
.ejemplos-box[data-v-86ca0aad] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplos-titulo[data-v-86ca0aad] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.25rem;
}
.ejemplos-lista[data-v-86ca0aad] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ejemplo-item[data-v-86ca0aad] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Comparación visual */
.comparacion-visual[data-v-86ca0aad] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-86ca0aad] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-tabla[data-v-86ca0aad] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.comp-row[data-v-86ca0aad] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-86ca0aad] {
  font-weight: 700;
  color: #FFFFFF;
}
.comp-cell[data-v-86ca0aad] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
  color: #E9D5FF;
}
.comp-cell.nombre[data-v-86ca0aad] {
  font-weight: 700;
}
.comp-cell.nombre.simple[data-v-86ca0aad] {
  color: #93C5FD;
}
.comp-cell.nombre.facilitada[data-v-86ca0aad] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-86ca0aad] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-86ca0aad] {
  font-size: 1.25rem;
}
.tip-texto[data-v-86ca0aad] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-86ca0aad] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.subtipos-grid[data-v-86ca0aad] {
    flex-direction: row;
}
.subtipo[data-v-86ca0aad] {
    flex: 1;
}
.comp-tabla[data-v-86ca0aad] {
    font-size: 0.85rem;
}
}

/* Texto inline */
strong.alta[data-v-8687edc1] {
  color: #FCA5A5;
}
strong.baja[data-v-8687edc1] {
  color: #6EE7B7;
}

/* Concepto clave */
.concepto-clave[data-v-8687edc1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-8687edc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-8687edc1] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-8687edc1] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 1.1rem;
}
.concepto-explicacion[data-v-8687edc1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.concepto-explicacion strong[data-v-8687edc1] {
  color: #FFFFFF;
}

/* Soluciones section */
.soluciones-section[data-v-8687edc1] {
  margin: 1.5rem 0;
}
.sol-titulo[data-v-8687edc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sol-grid[data-v-8687edc1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.solucion-card[data-v-8687edc1] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.solucion-card.hipotonica[data-v-8687edc1] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.solucion-card.isotonica[data-v-8687edc1] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.solucion-card.hipertonica[data-v-8687edc1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.sol-header[data-v-8687edc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.sol-icono[data-v-8687edc1] {
  font-size: 1.25rem;
}
.sol-nombre[data-v-8687edc1] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
}
.sol-visual[data-v-8687edc1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.celula[data-v-8687edc1] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #F59E0B;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.1);
  transition: all 0.3s ease;
}
.celula.arrugada[data-v-8687edc1] {
  width: 40px;
  height: 40px;
  border-radius: 40%;
}
.celula-interior[data-v-8687edc1] {
  font-size: 0.6rem;
  color: #8B5CF6;
}
.flechas-agua[data-v-8687edc1] {
  font-size: 0.9rem;
  animation: pulsar-8687edc1 1.5s ease-in-out infinite;
}
@keyframes pulsar-8687edc1 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.flechas-agua.entrada[data-v-8687edc1] {
  color: #3B82F6;
}
.flechas-agua.equilibrio[data-v-8687edc1] {
  color: #8B5CF6;
}
.flechas-agua.salida[data-v-8687edc1] {
  color: #EF4444;
}
.sol-descripcion[data-v-8687edc1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.5rem;
}
.sol-desc[data-v-8687edc1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-efecto[data-v-8687edc1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.sol-efecto strong[data-v-8687edc1] {
  color: #FFFFFF;
}
.sol-resultado[data-v-8687edc1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-resultado.normal[data-v-8687edc1] {
  background: rgba(16, 185, 129, 0.1);
}
.resultado-icono[data-v-8687edc1] {
  font-size: 1.1rem;
}
.resultado-texto[data-v-8687edc1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.resultado-riesgo[data-v-8687edc1] {
  font-size: 0.7rem;
  color: #FCA5A5;
}
.sol-resultado.normal .resultado-riesgo[data-v-8687edc1] {
  color: #6EE7B7;
}

/* Comparación células */
.comparacion-celulas[data-v-8687edc1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-8687edc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-8687edc1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-8687edc1] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.comp-item.animal[data-v-8687edc1] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.comp-item.vegetal[data-v-8687edc1] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.comp-tipo[data-v-8687edc1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.4rem;
}
.comp-efectos[data-v-8687edc1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.efecto[data-v-8687edc1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.efecto strong[data-v-8687edc1] {
  color: #FCD34D;
}
.comp-nota[data-v-8687edc1] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-nota strong[data-v-8687edc1] {
  color: #FCD34D;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-8687edc1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-8687edc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-8687edc1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo[data-v-8687edc1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ej-icono[data-v-8687edc1] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.ej-texto[data-v-8687edc1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-8687edc1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8687edc1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8687edc1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8687edc1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.sol-grid[data-v-8687edc1] {
    flex-direction: row;
}
.solucion-card[data-v-8687edc1] {
    flex: 1;
}
.comp-grid[data-v-8687edc1] {
    flex-direction: row;
}
.comp-item[data-v-8687edc1] {
    flex: 1;
}
}

.explorador[data-v-8e13ca87] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8e13ca87] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8e13ca87] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8e13ca87] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8e13ca87] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8e13ca87] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8e13ca87] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8e13ca87] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8e13ca87] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8e13ca87] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Tipo de difusión ===== */
.difusion-container[data-v-8e13ca87] {
  text-align: center;
}
.molecula-actual[data-v-8e13ca87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.mol-icono[data-v-8e13ca87] {
  font-size: 2rem;
}
.mol-nombre[data-v-8e13ca87] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.mol-pista[data-v-8e13ca87] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.pregunta-difusion[data-v-8e13ca87] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-difusion[data-v-8e13ca87] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-dif[data-v-8e13ca87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-dif.simple[data-v-8e13ca87] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.opcion-dif.facilitada[data-v-8e13ca87] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.opcion-dif.seleccionado.simple[data-v-8e13ca87] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-dif.seleccionado.facilitada[data-v-8e13ca87] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-dif.correcto[data-v-8e13ca87] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-dif.incorrecto[data-v-8e13ca87] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.dif-icono[data-v-8e13ca87] {
  font-size: 1.5rem;
}
.dif-nombre[data-v-8e13ca87] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.dif-desc[data-v-8e13ca87] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Simulador de Ósmosis ===== */
.osmosis-container[data-v-8e13ca87] {
  text-align: center;
}
.osmosis-simulador[data-v-8e13ca87] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.medio-externo[data-v-8e13ca87] {
  margin-bottom: 0.5rem;
}
.medio-label[data-v-8e13ca87] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.solutos[data-v-8e13ca87] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.solutos.baja[data-v-8e13ca87] {
  background: rgba(59, 130, 246, 0.2);
}
.solutos.media[data-v-8e13ca87] {
  background: rgba(139, 92, 246, 0.2);
}
.solutos.alta[data-v-8e13ca87] {
  background: rgba(239, 68, 68, 0.2);
}
.soluto[data-v-8e13ca87] {
  font-size: 1rem;
  color: #FCD34D;
}
.soluto.interno[data-v-8e13ca87] {
  color: #8B5CF6;
}
.celula-simulador[data-v-8e13ca87] {
  width: 100px;
  height: 100px;
  margin: 0.75rem auto;
  position: relative;
  transition: all 0.4s ease;
}
.membrana-celula[data-v-8e13ca87] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #F59E0B;
  background: rgba(245, 158, 11, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.celula-simulador.hinchada[data-v-8e13ca87] {
  transform: scale(1.15);
}
.celula-simulador.hinchada .membrana-celula[data-v-8e13ca87] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.celula-simulador.arrugada[data-v-8e13ca87] {
  transform: scale(0.85);
}
.celula-simulador.arrugada .membrana-celula[data-v-8e13ca87] {
  border-color: #EF4444;
  border-radius: 40%;
  background: rgba(239, 68, 68, 0.2);
}
.agua-direccion[data-v-8e13ca87] {
  position: absolute;
  font-size: 0.8rem;
  animation: pulsar-8e13ca87 1.5s ease-in-out infinite;
}
@keyframes pulsar-8e13ca87 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.interior-celula[data-v-8e13ca87] {
  position: absolute;
  display: flex;
  gap: 0.2rem;
}
.controles-concentracion[data-v-8e13ca87] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.control-label[data-v-8e13ca87] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.botones-control[data-v-8e13ca87] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-control[data-v-8e13ca87] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-control[data-v-8e13ca87]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.valor-control[data-v-8e13ca87] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 24px;
  text-align: center;
}
.pregunta-osmosis[data-v-8e13ca87] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-osmosis[data-v-8e13ca87] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-sol[data-v-8e13ca87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-sol[data-v-8e13ca87]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-sol.seleccionado[data-v-8e13ca87] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-sol.correcto[data-v-8e13ca87] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-sol.incorrecto[data-v-8e13ca87] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.sol-emoji[data-v-8e13ca87] {
  font-size: 1.25rem;
}
.sol-nombre[data-v-8e13ca87] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.explicacion-resultado[data-v-8e13ca87] {
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Predecir efecto ===== */
.prediccion-container[data-v-8e13ca87] {
  text-align: center;
}
.situacion-actual[data-v-8e13ca87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sit-icono[data-v-8e13ca87] {
  font-size: 2rem;
}
.sit-texto[data-v-8e13ca87] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-prediccion[data-v-8e13ca87] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-prediccion[data-v-8e13ca87] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-pred[data-v-8e13ca87] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-pred[data-v-8e13ca87]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-pred.seleccionado[data-v-8e13ca87] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-pred.correcto[data-v-8e13ca87] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-pred.incorrecto[data-v-8e13ca87] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.pred-icono[data-v-8e13ca87] {
  font-size: 1.5rem;
}
.pred-nombre[data-v-8e13ca87] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.explicacion-efecto[data-v-8e13ca87] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.contador[data-v-8e13ca87] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-8e13ca87] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8e13ca87] { font-size: 1.25rem;
}
.resultado-texto[data-v-8e13ca87] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8e13ca87] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8e13ca87] { flex: 1;
}
.nav-btn[data-v-8e13ca87] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8e13ca87] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8e13ca87] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8e13ca87] { font-size: 1.75rem;
}
.completado-texto[data-v-8e13ca87] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8e13ca87], .slide-leave-active[data-v-8e13ca87] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8e13ca87] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8e13ca87] { opacity: 0; transform: translateX(-15px);
}

/* Concepto central */
.concepto-central[data-v-3ae635fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-3ae635fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-3ae635fb] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-3ae635fb] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.concepto-puntos[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-3ae635fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.punto strong[data-v-3ae635fb] {
  color: #FFFFFF;
}

/* Tipos de transporte */
.tipos-resumen[data-v-3ae635fb] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-3ae635fb] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 4px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.tipo-header[data-v-3ae635fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-3ae635fb] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-detalles[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.detalle[data-v-3ae635fb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplos[data-v-3ae635fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tabla de soluciones */
.soluciones-resumen[data-v-3ae635fb] {
  margin: 1.5rem 0;
}
.sol-titulo[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sol-tabla[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
}
.sol-row[data-v-3ae635fb] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.2rem;
}
.sol-row.header[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
}
.sol-cell[data-v-3ae635fb] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
  color: #E9D5FF;
}
.sol-cell.nombre[data-v-3ae635fb] {
  font-weight: 700;
}
.sol-row.hipotonica .sol-cell.nombre[data-v-3ae635fb] { color: #93C5FD;
}
.sol-row.isotonica .sol-cell.nombre[data-v-3ae635fb] { color: #C4B5FD;
}
.sol-row.hipertonica .sol-cell.nombre[data-v-3ae635fb] { color: #FCA5A5;
}
.sol-cell.efecto[data-v-3ae635fb] {
  font-size: 0.7rem;
}

/* Errores comunes */
.errores-section[data-v-3ae635fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-3ae635fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.error-mal[data-v-3ae635fb] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-3ae635fb] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.error-bien[data-v-3ae635fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-left: 1rem;
}
.bien-icono[data-v-3ae635fb] {
  color: #6EE7B7;
  font-weight: 700;
}
.bien-texto[data-v-3ae635fb] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.bien-texto strong[data-v-3ae635fb] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-3ae635fb] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-3ae635fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-3ae635fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-3ae635fb] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-3ae635fb] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3ae635fb] {
  color: #FCD34D;
}

/* Fórmula de memoria */
.formula-memoria[data-v-3ae635fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-icono[data-v-3ae635fb] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-3ae635fb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-titulo[data-v-3ae635fb] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}
.formula-texto[data-v-3ae635fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.sol-tabla[data-v-3ae635fb] {
    font-size: 0.85rem;
}
.sol-cell.efecto[data-v-3ae635fb] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-00914155] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ciclo-animado[data-v-00914155] {
  position: relative;
  width: 160px;
  height: 160px;
}
.dia[data-v-00914155] {
  position: absolute;
  width: 36px;
  height: 36px;
  background: rgba(236, 72, 153, 0.2);
  border: 2px solid rgba(236, 72, 153, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: orbit-00914155 4s linear infinite;
}
.dia[data-v-00914155]:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%);
}
.dia[data-v-00914155]:nth-child(2) { top: 50%; right: 0; transform: translateY(-50%);
}
.dia[data-v-00914155]:nth-child(3) { bottom: 0; left: 50%; transform: translateX(-50%);
}
.dia[data-v-00914155]:nth-child(4) { top: 50%; left: 0; transform: translateY(-50%);
}
@keyframes orbit-00914155 {
0%, 100% { opacity: 0.6; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.1);
}
}
.dia-num[data-v-00914155] {
  font-weight: 700;
  color: #F9A8D4;
  font-size: 0.9rem;
}
.centro-ciclo[data-v-00914155] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  justify-content: center;
}
.ciclo-icono[data-v-00914155] {
  font-size: 1.5rem;
}
.ciclo-dias[data-v-00914155] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Texto destacado */
strong.ovario-text[data-v-00914155] {
  color: #FCD34D;
}
strong.utero-text[data-v-00914155] {
  color: #F9A8D4;
}

/* Ciclos sincronizados */
.ciclos-section[data-v-00914155] {
  margin: 1.5rem 0;
}
.ciclos-titulo[data-v-00914155] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ciclos-grid[data-v-00914155] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ciclo-card[data-v-00914155] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.ciclo-card.ovarico[data-v-00914155] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ciclo-card.uterino[data-v-00914155] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.ciclo-card-icono[data-v-00914155] {
  font-size: 1.75rem;
}
.ciclo-card-nombre[data-v-00914155] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ciclo-card-desc[data-v-00914155] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.3;
}
.ciclo-card-desc strong[data-v-00914155] {
  color: #FCD34D;
}
.ciclos-conexion[data-v-00914155] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.conexion-icono[data-v-00914155] {
  font-size: 1.25rem;
}
.conexion-texto[data-v-00914155] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conexion-texto strong[data-v-00914155] {
  color: #C4B5FD;
}

/* Hormonas */
.hormonas-section[data-v-00914155] {
  margin: 1.5rem 0;
}
.hormonas-titulo[data-v-00914155] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hormonas-grid[data-v-00914155] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.hormona-item[data-v-00914155] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.hormona-item.hipofisis[data-v-00914155] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.hormona-item.ovario[data-v-00914155] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.hor-origen[data-v-00914155] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.hor-nombres[data-v-00914155] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}
.hor-nombre[data-v-00914155] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
}
.hor-nombre.estrogeno[data-v-00914155] {
  color: #F9A8D4;
}
.hor-nombre.progesterona[data-v-00914155] {
  color: #FCD34D;
}

/* Objetivo */
.objetivo-section[data-v-00914155] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.objetivo-icono[data-v-00914155] {
  font-size: 1.5rem;
}
.objetivo-contenido[data-v-00914155] {
  flex: 1;
}
.objetivo-titulo[data-v-00914155] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.objetivo-texto[data-v-00914155] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.objetivo-texto strong[data-v-00914155] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-00914155] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-00914155] {
  font-size: 1.25rem;
}
.tip-texto[data-v-00914155] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-00914155] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.ciclo-animado[data-v-00914155] {
    width: 180px;
    height: 180px;
}
.dia[data-v-00914155] {
    width: 42px;
    height: 42px;
}
.centro-ciclo[data-v-00914155] {
    width: 90px;
    height: 90px;
}
.ciclos-grid[data-v-00914155] {
    gap: 0.75rem;
}
.ciclo-card[data-v-00914155] {
    padding: 1rem;
}
.ciclo-card-icono[data-v-00914155] {
    font-size: 2rem;
}
.ciclo-card-nombre[data-v-00914155] {
    font-size: 0.95rem;
}
}

/* Visual ovario */
.ovario-visual[data-v-b0cded57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 1rem;
}
.ovario[data-v-b0cded57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.ovario-icono[data-v-b0cded57] {
  font-size: 2.5rem;
}
.ovario-label[data-v-b0cded57] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.fases-iconos[data-v-b0cded57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fase-icono[data-v-b0cded57] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.25rem;
}
.fase-icono.folicular[data-v-b0cded57] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.fase-icono.ovulacion[data-v-b0cded57] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.fase-icono.lutea[data-v-b0cded57] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.flecha[data-v-b0cded57] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Tarjetas de fase */
.fase-card[data-v-b0cded57] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.fase-card.folicular[data-v-b0cded57] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.fase-card.ovulacion[data-v-b0cded57] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.fase-card.lutea[data-v-b0cded57] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.fase-header[data-v-b0cded57] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-numero[data-v-b0cded57] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
}
.fase-info[data-v-b0cded57] {
  display: flex;
  flex-direction: column;
}
.fase-nombre[data-v-b0cded57] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.fase-dias[data-v-b0cded57] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.fase-contenido[data-v-b0cded57] {
  padding: 0.75rem;
}
.fase-proceso[data-v-b0cded57] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.proceso-icono[data-v-b0cded57] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.proceso-texto[data-v-b0cded57] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.proceso-texto strong[data-v-b0cded57] {
  color: #FFFFFF;
}
.fase-hormona[data-v-b0cded57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.hormona-badge[data-v-b0cded57] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.hormona-badge.fsh[data-v-b0cded57] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.hormona-badge.lh[data-v-b0cded57] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.hormona-badge.estrogeno[data-v-b0cded57] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.hormona-badge.progesterona[data-v-b0cded57] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.hormona-desc[data-v-b0cded57] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ovulo-visual[data-v-b0cded57] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ovulo[data-v-b0cded57] {
  font-size: 1.5rem;
}
.flecha-ovulo[data-v-b0cded57] {
  color: #FCA5A5;
  font-size: 1.25rem;
}
.trompa[data-v-b0cded57] {
  font-size: 1.5rem;
}
.fase-nota[data-v-b0cded57] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-b0cded57] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b0cded57] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b0cded57] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b0cded57] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fase-icono[data-v-b0cded57] {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
}
.fase-header[data-v-b0cded57] {
    padding: 1rem;
}
.fase-contenido[data-v-b0cded57] {
    padding: 1rem;
}
.fase-nombre[data-v-b0cded57] {
    font-size: 1.1rem;
}
}

/* Visual útero */
.utero-visual[data-v-d7839f7a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 1rem;
}
.utero-icono[data-v-d7839f7a] {
  font-size: 2.5rem;
}
.utero-label[data-v-d7839f7a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #F9A8D4;
}
.endometrio-preview[data-v-d7839f7a] {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.endo-fase[data-v-d7839f7a] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.25rem;
}
.endo-fase.menstrual[data-v-d7839f7a] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.endo-fase.proliferativa[data-v-d7839f7a] {
  background: rgba(236, 72, 153, 0.2);
  border: 2px solid rgba(236, 72, 153, 0.4);
}
.endo-fase.secretora[data-v-d7839f7a] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}

/* Texto destacado */
strong.endometrio-text[data-v-d7839f7a] {
  color: #F9A8D4;
}

/* Tarjetas de fase */
.fase-card[data-v-d7839f7a] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.fase-card.menstrual[data-v-d7839f7a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.fase-card.proliferativa[data-v-d7839f7a] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.fase-card.secretora[data-v-d7839f7a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.fase-header[data-v-d7839f7a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-numero[data-v-d7839f7a] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
  flex-shrink: 0;
}
.fase-info[data-v-d7839f7a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.fase-nombre[data-v-d7839f7a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fase-dias[data-v-d7839f7a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.fase-icono-grande[data-v-d7839f7a] {
  font-size: 1.75rem;
}
.fase-contenido[data-v-d7839f7a] {
  padding: 0.75rem;
}
.fase-proceso[data-v-d7839f7a] {
  margin-bottom: 0.75rem;
}
.proceso-texto[data-v-d7839f7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.proceso-texto strong[data-v-d7839f7a] {
  color: #FFFFFF;
}
.que-pasa[data-v-d7839f7a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.que-label[data-v-d7839f7a] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
}
.que-texto[data-v-d7839f7a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.hormona-efecto[data-v-d7839f7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.hormona-badge[data-v-d7839f7a] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.hormona-badge.estrogeno[data-v-d7839f7a] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.hormona-badge.progesterona[data-v-d7839f7a] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.efecto-flecha[data-v-d7839f7a] {
  color: #8B5CF6;
  font-size: 1rem;
}
.efecto-texto[data-v-d7839f7a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.grosor-visual[data-v-d7839f7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.grosor-label[data-v-d7839f7a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.grosor-barra[data-v-d7839f7a] {
  flex: 1;
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
}
.grosor-nivel[data-v-d7839f7a] {
  height: 100%;
  border-radius: 6px;
  animation: crecer-d7839f7a 2s ease-in-out infinite;
}
.grosor-nivel.proliferativa[data-v-d7839f7a] {
  background: linear-gradient(90deg, #F9A8D4, #EC4899);
  width: 70%;
}
@keyframes crecer-d7839f7a {
0%, 100% { width: 30%;
}
50% { width: 70%;
}
}
.destinos[data-v-d7839f7a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.destino[data-v-d7839f7a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
.destino.si[data-v-d7839f7a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.destino.no[data-v-d7839f7a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.destino-icono[data-v-d7839f7a] {
  font-size: 1rem;
}
.destino-texto[data-v-d7839f7a] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Correlación */
.correlacion-section[data-v-d7839f7a] {
  margin: 1.5rem 0;
}
.correlacion-titulo[data-v-d7839f7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.correlacion-tabla[data-v-d7839f7a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.corr-fila[data-v-d7839f7a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.corr-fila.header[data-v-d7839f7a] {
  background: rgba(139, 92, 246, 0.2);
}
.corr-col[data-v-d7839f7a] {
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.corr-fila.header .corr-col[data-v-d7839f7a] {
  font-weight: 700;
  color: #C4B5FD;
}
.corr-col.hormona[data-v-d7839f7a] {
  font-weight: 600;
  color: #F9A8D4;
}

/* Tip */
.tip[data-v-d7839f7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d7839f7a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d7839f7a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d7839f7a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fase-header[data-v-d7839f7a] {
    padding: 1rem;
}
.fase-contenido[data-v-d7839f7a] {
    padding: 1rem;
}
.fase-nombre[data-v-d7839f7a] {
    font-size: 1.05rem;
}
.corr-col[data-v-d7839f7a] {
    padding: 0.75rem;
    font-size: 0.85rem;
}
}

/* Eje visual */
.eje-visual[data-v-6a6fcbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.glandula[data-v-6a6fcbd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  min-width: 160px;
}
.glandula.hipotalamo[data-v-6a6fcbd8] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.glandula.hipofisis[data-v-6a6fcbd8] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.glandula.ovario[data-v-6a6fcbd8] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.gland-icono[data-v-6a6fcbd8] {
  font-size: 1.5rem;
}
.gland-nombre[data-v-6a6fcbd8] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.gland-hormona[data-v-6a6fcbd8], .gland-hormonas[data-v-6a6fcbd8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha-eje[data-v-6a6fcbd8] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Secciones de hormonas */
.hormonas-section[data-v-6a6fcbd8] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-6a6fcbd8] {
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.section-titulo.hipofisis-color[data-v-6a6fcbd8] {
  color: #93C5FD;
}
.section-titulo.ovario-color[data-v-6a6fcbd8] {
  color: #F9A8D4;
}

/* Tarjetas de hormona */
.hormona-card[data-v-6a6fcbd8] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.hormona-card.fsh[data-v-6a6fcbd8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.hormona-card.lh[data-v-6a6fcbd8] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.hormona-card.estrogenos[data-v-6a6fcbd8] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.hormona-card.progesterona[data-v-6a6fcbd8] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.hormona-header[data-v-6a6fcbd8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hormona-sigla[data-v-6a6fcbd8] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-weight: 800;
  font-size: 0.9rem;
}
.hormona-card.fsh .hormona-sigla[data-v-6a6fcbd8] { color: #93C5FD;
}
.hormona-card.lh .hormona-sigla[data-v-6a6fcbd8] { color: #FCA5A5;
}
.hormona-card.estrogenos .hormona-sigla[data-v-6a6fcbd8] { color: #F9A8D4;
}
.hormona-card.progesterona .hormona-sigla[data-v-6a6fcbd8] { color: #FCD34D;
}
.hormona-nombre[data-v-6a6fcbd8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.hormona-funcion[data-v-6a6fcbd8] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.func-icono[data-v-6a6fcbd8] {
  font-size: 1rem;
}
.func-texto[data-v-6a6fcbd8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.func-texto strong[data-v-6a6fcbd8] {
  color: #FFFFFF;
}
.hormona-fuente[data-v-6a6fcbd8], .hormona-cuando[data-v-6a6fcbd8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.fuente-label[data-v-6a6fcbd8], .cuando-label[data-v-6a6fcbd8] {
  color: #C4B5FD;
}
.fuente-valor[data-v-6a6fcbd8], .cuando-valor[data-v-6a6fcbd8] {
  color: #E9D5FF;
}
.cuando-valor.pico[data-v-6a6fcbd8] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Feedback negativo */
.feedback-section[data-v-6a6fcbd8] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.feedback-titulo[data-v-6a6fcbd8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.feedback-explicacion p[data-v-6a6fcbd8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.feedback-explicacion strong[data-v-6a6fcbd8] {
  color: #C4B5FD;
}
.feedback-mecanismos[data-v-6a6fcbd8] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mecanismo[data-v-6a6fcbd8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.mecanismo.excepcion[data-v-6a6fcbd8] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mec-cuando[data-v-6a6fcbd8] {
  color: #C4B5FD;
}
.mec-flecha[data-v-6a6fcbd8] {
  color: #8B5CF6;
}
.mec-efecto[data-v-6a6fcbd8] {
  color: #E9D5FF;
  font-weight: 600;
}

/* Gráfico simplificado */
.grafico-section[data-v-6a6fcbd8] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-titulo[data-v-6a6fcbd8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.grafico-simple[data-v-6a6fcbd8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.grafico-linea[data-v-6a6fcbd8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.linea-nombre[data-v-6a6fcbd8] {
  width: 90px;
  font-size: 0.7rem;
  font-weight: 600;
  text-align: right;
}
.linea-nombre.estrogeno[data-v-6a6fcbd8] { color: #F9A8D4;
}
.linea-nombre.lh[data-v-6a6fcbd8] { color: #FCA5A5;
}
.linea-nombre.progesterona[data-v-6a6fcbd8] { color: #FCD34D;
}
.linea-visual[data-v-6a6fcbd8] {
  flex: 1;
  height: 20px;
  border-radius: 4px;
  position: relative;
}
.linea-visual.estrogeno[data-v-6a6fcbd8] {
  background: linear-gradient(90deg, 
    rgba(236, 72, 153, 0.2) 0%, 
    rgba(236, 72, 153, 0.8) 45%, 
    rgba(236, 72, 153, 0.4) 55%,
    rgba(236, 72, 153, 0.2) 100%
  );
}
.linea-visual.lh[data-v-6a6fcbd8] {
  background: linear-gradient(90deg, 
    rgba(239, 68, 68, 0.1) 0%, 
    rgba(239, 68, 68, 0.2) 40%, 
    rgba(239, 68, 68, 1) 48%, 
    rgba(239, 68, 68, 0.2) 52%,
    rgba(239, 68, 68, 0.1) 100%
  );
}
.linea-visual.progesterona[data-v-6a6fcbd8] {
  background: linear-gradient(90deg, 
    rgba(245, 158, 11, 0.1) 0%, 
    rgba(245, 158, 11, 0.1) 48%, 
    rgba(245, 158, 11, 0.3) 55%,
    rgba(245, 158, 11, 0.8) 70%,
    rgba(245, 158, 11, 0.3) 100%
  );
}
.grafico-dias[data-v-6a6fcbd8] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-left: 95px;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.grafico-marca[data-v-6a6fcbd8] {
  text-align: center;
  margin-top: 0.25rem;
}
.marca-ovulacion[data-v-6a6fcbd8] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip */
.tip[data-v-6a6fcbd8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6a6fcbd8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6a6fcbd8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6a6fcbd8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.glandula[data-v-6a6fcbd8] {
    min-width: 200px;
    padding: 0.75rem 1.5rem;
}
.hormona-card[data-v-6a6fcbd8] {
    padding: 1rem;
}
.linea-nombre[data-v-6a6fcbd8] {
    width: 110px;
    font-size: 0.75rem;
}
.grafico-dias[data-v-6a6fcbd8] {
    padding-left: 115px;
    font-size: 0.75rem;
}
}

.explorador[data-v-67bbd873] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-67bbd873] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-67bbd873] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-67bbd873] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-67bbd873] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-67bbd873] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-67bbd873] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-67bbd873] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-67bbd873] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-67bbd873] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Días del ciclo ===== */
.dia-container[data-v-67bbd873] {
  text-align: center;
}
.evento-actual[data-v-67bbd873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.evento-icono[data-v-67bbd873] {
  font-size: 2.5rem;
}
.evento-nombre[data-v-67bbd873] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.evento-desc[data-v-67bbd873] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-dia[data-v-67bbd873], .pregunta-funcion[data-v-67bbd873], .pregunta-caso[data-v-67bbd873] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-dia[data-v-67bbd873] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-dia[data-v-67bbd873] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.opcion-dia[data-v-67bbd873]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-dia.seleccionado[data-v-67bbd873] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-dia.correcto[data-v-67bbd873] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-dia.incorrecto[data-v-67bbd873] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Hormona → Función ===== */
.hormona-container[data-v-67bbd873] {
  text-align: center;
}
.hormona-actual[data-v-67bbd873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.hor-icono[data-v-67bbd873] {
  font-size: 2rem;
}
.hor-nombre[data-v-67bbd873] {
  font-size: 1.3rem;
  font-weight: 800;
}
.hor-nombre.fsh[data-v-67bbd873] { color: #93C5FD;
}
.hor-nombre.lh[data-v-67bbd873] { color: #FCA5A5;
}
.hor-nombre.estrogeno[data-v-67bbd873] { color: #F9A8D4;
}
.hor-nombre.progesterona[data-v-67bbd873] { color: #FCD34D;
}
.hor-origen[data-v-67bbd873] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.opciones-funcion[data-v-67bbd873] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-funcion[data-v-67bbd873] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-funcion[data-v-67bbd873]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-funcion.seleccionado[data-v-67bbd873] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-funcion.correcto[data-v-67bbd873] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-funcion.incorrecto[data-v-67bbd873] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.func-icono[data-v-67bbd873] {
  font-size: 1.25rem;
}
.func-texto[data-v-67bbd873] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
}
.opcion-funcion.correcto .func-texto[data-v-67bbd873] { color: #6EE7B7;
}
.opcion-funcion.incorrecto .func-texto[data-v-67bbd873] { color: #FCA5A5;
}

/* ===== DESAFÍO 3: Timeline y Casos ===== */
.timeline-container[data-v-67bbd873] {
  text-align: center;
}
.timeline-visual[data-v-67bbd873] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.timeline-dias[data-v-67bbd873] {
  display: flex;
  height: 30px;
  border-radius: 4px;
  overflow: hidden;
}
.timeline-fase[data-v-67bbd873] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline-fase.menstrual[data-v-67bbd873] {
  background: rgba(239, 68, 68, 0.4);
}
.timeline-fase.proliferativa[data-v-67bbd873] {
  background: rgba(236, 72, 153, 0.4);
}
.timeline-fase.secretora[data-v-67bbd873] {
  background: rgba(245, 158, 11, 0.4);
}
.fase-label[data-v-67bbd873] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-marcadores[data-v-67bbd873] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  padding: 0 2px;
}
.marcador[data-v-67bbd873] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.marcador.ovulacion[data-v-67bbd873] {
  color: #FCA5A5;
  font-weight: 700;
}
.caso-actual[data-v-67bbd873] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-67bbd873] {
  font-size: 1.5rem;
}
.caso-texto[data-v-67bbd873] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-caso[data-v-67bbd873] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-caso[data-v-67bbd873] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-caso[data-v-67bbd873]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-caso.seleccionado[data-v-67bbd873] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-caso.correcto[data-v-67bbd873] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-caso.incorrecto[data-v-67bbd873] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.explicacion-caso[data-v-67bbd873] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  text-align: left;
}

/* Elementos comunes */
.feedback-msg[data-v-67bbd873] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.contador[data-v-67bbd873] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-67bbd873] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-67bbd873] { font-size: 1.25rem;
}
.resultado-texto[data-v-67bbd873] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-67bbd873] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-67bbd873] { flex: 1;
}
.nav-btn[data-v-67bbd873] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-67bbd873] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-67bbd873] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-67bbd873] { font-size: 1.75rem;
}
.completado-texto[data-v-67bbd873] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-67bbd873], .slide-leave-active[data-v-67bbd873] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-67bbd873] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-67bbd873] { opacity: 0; transform: translateX(-15px);
}

/* Visual resumen */
.resumen-visual[data-v-67e4cea0] {
  margin: 1rem 0 1.5rem;
}
.ciclo-completo[data-v-67e4cea0] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.fase-resumen[data-v-67e4cea0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 60px;
}
.fase-resumen.menstrual[data-v-67e4cea0] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.fase-resumen.folicular[data-v-67e4cea0] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.fase-resumen.ovulacion[data-v-67e4cea0] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.fase-resumen.lutea[data-v-67e4cea0] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.fase-dias[data-v-67e4cea0] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.fase-icon[data-v-67e4cea0] {
  font-size: 1.25rem;
}

/* Secciones */
.section[data-v-67e4cea0] {
  margin: 1.25rem 0;
}
.section-titulo[data-v-67e4cea0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Fases resumen */
.fases-resumen[data-v-67e4cea0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fase-item[data-v-67e4cea0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.fase-badge[data-v-67e4cea0] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  min-width: 80px;
  text-align: center;
}
.fase-badge.menstrual[data-v-67e4cea0] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.fase-badge.proliferativa[data-v-67e4cea0] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.fase-badge.ovulacion[data-v-67e4cea0] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.fase-badge.secretora[data-v-67e4cea0] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.fase-desc[data-v-67e4cea0] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Hormonas resumen */
.hormonas-resumen[data-v-67e4cea0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.hormona-row[data-v-67e4cea0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.hormona-nombre[data-v-67e4cea0] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 90px;
  text-align: center;
}
.hormona-nombre.fsh[data-v-67e4cea0] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.hormona-nombre.lh[data-v-67e4cea0] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.hormona-nombre.estrogeno[data-v-67e4cea0] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.hormona-nombre.progesterona[data-v-67e4cea0] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.hormona-funcion[data-v-67e4cea0] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.hormona-funcion strong[data-v-67e4cea0] {
  color: #FFFFFF;
}

/* Correlaciones */
.correlaciones[data-v-67e4cea0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.corr-item[data-v-67e4cea0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.corr-ovarico[data-v-67e4cea0] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}
.corr-igual[data-v-67e4cea0] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 1rem;
}
.corr-uterino[data-v-67e4cea0] {
  padding: 0.25rem 0.5rem;
  background: rgba(236, 72, 153, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #F9A8D4;
}

/* Tips PAES */
.tips-paes[data-v-67e4cea0] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-67e4cea0] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-item[data-v-67e4cea0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-item[data-v-67e4cea0]:last-child {
  margin-bottom: 0;
}
.tip-numero[data-v-67e4cea0] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
  flex-shrink: 0;
}
.tip-texto[data-v-67e4cea0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-67e4cea0] {
  color: #6EE7B7;
}

/* Diagrama final */
.diagrama-final[data-v-67e4cea0] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-67e4cea0] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.secuencia[data-v-67e4cea0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.sec-paso[data-v-67e4cea0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
  max-width: 280px;
}
.sec-paso.destacado[data-v-67e4cea0] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sec-icon[data-v-67e4cea0] {
  font-size: 1rem;
}
.sec-texto[data-v-67e4cea0] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.sec-paso.destacado .sec-texto[data-v-67e4cea0] {
  color: #6EE7B7;
  font-weight: 600;
}
.sec-flecha[data-v-67e4cea0] {
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Mensaje final */
.mensaje-final[data-v-67e4cea0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icon[data-v-67e4cea0] {
  font-size: 1.5rem;
}
.final-texto[data-v-67e4cea0] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.ciclo-completo[data-v-67e4cea0] {
    gap: 0.5rem;
}
.fase-resumen[data-v-67e4cea0] {
    padding: 0.75rem;
    min-width: 80px;
}
.fase-icon[data-v-67e4cea0] {
    font-size: 1.5rem;
}
.fase-badge[data-v-67e4cea0] {
    min-width: 100px;
    font-size: 0.75rem;
}
.hormona-nombre[data-v-67e4cea0] {
    min-width: 110px;
}
.sec-paso[data-v-67e4cea0] {
    max-width: 320px;
}
}

/* Intro visual - Balanza */
.intro-visual[data-v-b0e9c4ca] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.balanza-container[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
  width: 100%;
  max-width: 300px;
}
.balanza[data-v-b0e9c4ca] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5rem;
}
.platillo[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.icono-platillo[data-v-b0e9c4ca] {
  font-size: 2rem;
}
.etiqueta[data-v-b0e9c4ca] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.centro-balanza[data-v-b0e9c4ca] {
  font-size: 2.5rem;
}
.equilibrio-texto[data-v-b0e9c4ca] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
}

/* Texto destacado */
strong.positivo[data-v-b0e9c4ca] {
  color: #6EE7B7;
}
strong.negativo[data-v-b0e9c4ca] {
  color: #FCA5A5;
}

/* Variables section */
.variables-section[data-v-b0e9c4ca] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-b0e9c4ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-b0e9c4ca] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-icono[data-v-b0e9c4ca] {
  font-size: 1.5rem;
}
.var-nombre[data-v-b0e9c4ca] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.var-valor[data-v-b0e9c4ca] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Feedback section */
.feedback-section[data-v-b0e9c4ca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.feedback-titulo[data-v-b0e9c4ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.feedback-diagrama[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.feedback-paso[data-v-b0e9c4ca] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-b0e9c4ca] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-icono[data-v-b0e9c4ca] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.paso-texto[data-v-b0e9c4ca] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.flecha-feedback[data-v-b0e9c4ca] {
  color: #FCD34D;
  font-size: 1rem;
  text-align: center;
  display: none;
}
.feedback-nota[data-v-b0e9c4ca] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-b0e9c4ca] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-b0e9c4ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escenario[data-v-b0e9c4ca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.escenario.frio[data-v-b0e9c4ca] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.escenario.calor[data-v-b0e9c4ca] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.esc-temp[data-v-b0e9c4ca] {
  font-weight: 700;
  font-size: 0.9rem;
}
.escenario.frio .esc-temp[data-v-b0e9c4ca] {
  color: #93C5FD;
}
.escenario.calor .esc-temp[data-v-b0e9c4ca] {
  color: #FCA5A5;
}
.esc-respuesta[data-v-b0e9c4ca], .esc-resultado[data-v-b0e9c4ca] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-b0e9c4ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b0e9c4ca] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b0e9c4ca] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b0e9c4ca] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.variables-grid[data-v-b0e9c4ca] {
    grid-template-columns: repeat(4, 1fr);
}
.feedback-diagrama[data-v-b0e9c4ca] {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.feedback-paso[data-v-b0e9c4ca] {
    flex-direction: column;
    text-align: center;
    flex: 1;
    max-width: 120px;
}
.flecha-feedback[data-v-b0e9c4ca] {
    display: block;
}
.ejemplo-contenido[data-v-b0e9c4ca] {
    flex-direction: row;
}
.escenario[data-v-b0e9c4ca] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-fe9aabb9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(245, 158, 11, 0.1));
  border-radius: 1rem;
}
.estres-trigger[data-v-fe9aabb9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  border-radius: 0.5rem;
  animation: pulse-stress-fe9aabb9 1.5s ease-in-out infinite;
}
@keyframes pulse-stress-fe9aabb9 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.trigger-icono[data-v-fe9aabb9] {
  font-size: 1.5rem;
}
.trigger-texto[data-v-fe9aabb9] {
  font-weight: 800;
  color: #FCA5A5;
  font-size: 1.1rem;
}
.flecha-central[data-v-fe9aabb9] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.respuestas-dual[data-v-fe9aabb9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.respuesta[data-v-fe9aabb9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.respuesta.fight[data-v-fe9aabb9] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.respuesta.flight[data-v-fe9aabb9] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.resp-icono[data-v-fe9aabb9] {
  font-size: 1.5rem;
}
.resp-texto[data-v-fe9aabb9] {
  font-weight: 700;
  font-size: 0.8rem;
}
.respuesta.fight .resp-texto[data-v-fe9aabb9] {
  color: #FCA5A5;
}
.respuesta.flight .resp-texto[data-v-fe9aabb9] {
  color: #93C5FD;
}
.o-texto[data-v-fe9aabb9] {
  color: #C4B5FD;
  font-weight: 600;
}

/* Texto destacado */
strong.negativo[data-v-fe9aabb9] {
  color: #FCA5A5;
}
strong.positivo[data-v-fe9aabb9] {
  color: #6EE7B7;
}

/* Tipos de estrés */
.tipos-section[data-v-fe9aabb9] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-fe9aabb9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-fe9aabb9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo[data-v-fe9aabb9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo.agudo[data-v-fe9aabb9] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo.cronico[data-v-fe9aabb9] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-header[data-v-fe9aabb9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-fe9aabb9] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-fe9aabb9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-lista[data-v-fe9aabb9] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-lista li[data-v-fe9aabb9] {
  margin-bottom: 0.25rem;
}

/* Ejes de respuesta */
.ejes-section[data-v-fe9aabb9] {
  margin: 1.5rem 0;
}
.ejes-titulo[data-v-fe9aabb9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.eje[data-v-fe9aabb9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.eje-sns[data-v-fe9aabb9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.eje-hpa[data-v-fe9aabb9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.eje-header[data-v-fe9aabb9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.eje-tiempo[data-v-fe9aabb9] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.eje-nombre[data-v-fe9aabb9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.eje-ruta[data-v-fe9aabb9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.nodo[data-v-fe9aabb9] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.flecha[data-v-fe9aabb9] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.eje-efecto[data-v-fe9aabb9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Estresores */
.estresores-section[data-v-fe9aabb9] {
  margin: 1.5rem 0;
}
.estresores-titulo[data-v-fe9aabb9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estresores-grid[data-v-fe9aabb9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.estresor[data-v-fe9aabb9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.est-icono[data-v-fe9aabb9] {
  font-size: 1.25rem;
}
.est-texto[data-v-fe9aabb9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-fe9aabb9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-fe9aabb9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fe9aabb9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fe9aabb9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-fe9aabb9] {
    flex-direction: row;
}
.tipo[data-v-fe9aabb9] {
    flex: 1;
}
.estresores-grid[data-v-fe9aabb9] {
    grid-template-columns: repeat(4, 1fr);
}
.eje-ruta[data-v-fe9aabb9] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-95e75671] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
  flex-wrap: wrap;
}
.hormona-card[data-v-95e75671] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  min-width: 110px;
}
.hormona-card.adrenalina[data-v-95e75671] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.hormona-card.cortisol[data-v-95e75671] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.h-icono[data-v-95e75671] {
  font-size: 2rem;
}
.h-nombre[data-v-95e75671] {
  font-weight: 800;
  font-size: 0.95rem;
}
.hormona-card.adrenalina .h-nombre[data-v-95e75671] {
  color: #FCD34D;
}
.hormona-card.cortisol .h-nombre[data-v-95e75671] {
  color: #C4B5FD;
}
.h-alias[data-v-95e75671] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.vs-text[data-v-95e75671] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Texto destacado */
strong.adrenalina[data-v-95e75671] {
  color: #FCD34D;
}
strong.cortisol[data-v-95e75671] {
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-95e75671] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-95e75671] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-95e75671] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.fila[data-v-95e75671] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.fila.header[data-v-95e75671] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.celda[data-v-95e75671] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}
.celda.caracteristica[data-v-95e75671] {
  text-align: left;
  color: #C4B5FD;
  font-weight: 600;
}
.celda.adr-col[data-v-95e75671] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
}
.celda.cor-col[data-v-95e75671] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
}
.fila.header .celda.adr-col[data-v-95e75671],
.fila.header .celda.cor-col[data-v-95e75671] {
  background: rgba(0, 0, 0, 0.3);
}

/* Efectos */
.efectos-section[data-v-95e75671] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.efectos-section.cortisol-sec[data-v-95e75671] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.efectos-titulo[data-v-95e75671] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ef-icono[data-v-95e75671] {
  font-size: 1.25rem;
}
.efectos-grid[data-v-95e75671] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.efecto[data-v-95e75671] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ef-emoji[data-v-95e75671] {
  font-size: 1rem;
}
.ef-texto[data-v-95e75671] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Estrés crónico */
.cronico-section[data-v-95e75671] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.cronico-titulo[data-v-95e75671] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.cronico-efectos[data-v-95e75671] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.cronico-efecto[data-v-95e75671] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.cr-icono[data-v-95e75671] {
  font-size: 1rem;
}
.cr-texto[data-v-95e75671] {
  font-size: 0.75rem;
  color: #FCA5A5;
}

/* Regulación */
.regulacion-section[data-v-95e75671] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.regulacion-titulo[data-v-95e75671] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.regulacion-diagrama[data-v-95e75671] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}
.reg-paso[data-v-95e75671] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
  max-width: 220px;
}
.reg-icono[data-v-95e75671] {
  font-size: 1.25rem;
}
.reg-nombre[data-v-95e75671] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.reg-hormona[data-v-95e75671] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.1rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.reg-flecha[data-v-95e75671] {
  color: #8B5CF6;
  font-size: 1rem;
}
.feedback-arrow[data-v-95e75671] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
  color: #FCA5A5;
  font-size: 0.7rem;
}
.fb-linea[data-v-95e75671] {
  letter-spacing: -0.15em;
}
.fb-texto[data-v-95e75671] {
  font-weight: 600;
}

/* Tip */
.tip[data-v-95e75671] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-95e75671] {
  font-size: 1.25rem;
}
.tip-texto[data-v-95e75671] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-95e75671] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.efectos-grid[data-v-95e75671] {
    grid-template-columns: repeat(3, 1fr);
}
.cronico-efectos[data-v-95e75671] {
    grid-template-columns: repeat(3, 1fr);
}
.comparacion-tabla[data-v-95e75671] {
    font-size: 0.8rem;
}
}

.explorador[data-v-d1cfd045] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d1cfd045] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d1cfd045] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d1cfd045] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d1cfd045] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d1cfd045] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d1cfd045] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d1cfd045] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d1cfd045] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Secuencia ===== */
.secuencia-container[data-v-d1cfd045] {
  text-align: center;
}
.instruccion-orden[data-v-d1cfd045] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.instruccion-orden strong[data-v-d1cfd045] {
  color: #FCD34D;
}
.elementos-disponibles[data-v-d1cfd045] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.elemento-btn[data-v-d1cfd045] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.elemento-btn[data-v-d1cfd045]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.elemento-btn.seleccionado[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.4);
}
.el-icono[data-v-d1cfd045] {
  font-size: 1.2rem;
}
.el-nombre[data-v-d1cfd045] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.slots-secuencia[data-v-d1cfd045] {
  margin: 1rem 0;
}
.slot-label[data-v-d1cfd045] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-row[data-v-d1cfd045] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  overflow-x: auto;
  padding: 0.25rem;
}
.slot-secuencia[data-v-d1cfd045] {
  min-width: 70px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.slot-secuencia.seleccionable[data-v-d1cfd045] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-secuencia.ocupado[data-v-d1cfd045] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-num[data-v-d1cfd045] {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.slot-icono[data-v-d1cfd045] {
  font-size: 1.2rem;
}
.slot-nombre[data-v-d1cfd045] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-d1cfd045] {
  text-align: center;
}
.efecto-actual[data-v-d1cfd045] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.ef-icono[data-v-d1cfd045] {
  font-size: 2.5rem;
}
.ef-texto[data-v-d1cfd045] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-hormona[data-v-d1cfd045], .pregunta-respuesta[data-v-d1cfd045] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-hormona[data-v-d1cfd045] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-hor[data-v-d1cfd045] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-hor.adrenalina[data-v-d1cfd045] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-hor.cortisol[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.opcion-hor.seleccionado.adrenalina[data-v-d1cfd045] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-hor.seleccionado.cortisol[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-hor.correcto[data-v-d1cfd045] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-hor.incorrecto[data-v-d1cfd045] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.hor-icono[data-v-d1cfd045] {
  font-size: 1.75rem;
}
.hor-nombre[data-v-d1cfd045] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.hor-tiempo[data-v-d1cfd045] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-d1cfd045] {
  text-align: center;
}
.escenario-estres[data-v-d1cfd045] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.esc-icono[data-v-d1cfd045] {
  font-size: 2.5rem;
}
.esc-titulo[data-v-d1cfd045] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.esc-desc[data-v-d1cfd045] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.opciones-respuesta[data-v-d1cfd045] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-resp[data-v-d1cfd045] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-resp[data-v-d1cfd045]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-resp.seleccionado[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-resp.correcto[data-v-d1cfd045] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-resp.incorrecto[data-v-d1cfd045] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.resp-icono[data-v-d1cfd045] {
  font-size: 1rem;
}
.resp-texto[data-v-d1cfd045] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: left;
}

/* Elementos comunes */
.botones-accion[data-v-d1cfd045] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.btn-verificar[data-v-d1cfd045], .btn-reiniciar[data-v-d1cfd045] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d1cfd045] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d1cfd045] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.btn-reiniciar[data-v-d1cfd045]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-msg[data-v-d1cfd045] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-msg.correcto[data-v-d1cfd045] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-d1cfd045] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-d1cfd045] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d1cfd045] { font-size: 1.25rem;
}
.resultado-texto[data-v-d1cfd045] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d1cfd045] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d1cfd045] { flex: 1;
}
.nav-btn[data-v-d1cfd045] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d1cfd045] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d1cfd045] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d1cfd045] { font-size: 1.75rem;
}
.completado-texto[data-v-d1cfd045] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d1cfd045], .slide-leave-active[data-v-d1cfd045] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d1cfd045] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d1cfd045] { opacity: 0; transform: translateX(-15px);
}

/* Header resumen */
.resumen-header[data-v-729270d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.res-icono[data-v-729270d7] {
  font-size: 1.5rem;
}
.res-titulo[data-v-729270d7] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-729270d7] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-729270d7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.conc-num[data-v-729270d7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.conc-titulo[data-v-729270d7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-body[data-v-729270d7] {
  padding: 0.75rem;
}
.puntos-clave[data-v-729270d7] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.puntos-clave li[data-v-729270d7] {
  margin-bottom: 0.4rem;
}
strong.importante[data-v-729270d7] {
  color: #FCD34D;
}
strong.positivo[data-v-729270d7] {
  color: #6EE7B7;
}
strong.negativo[data-v-729270d7] {
  color: #FCA5A5;
}

/* Comparación mini hormonas */
.comparacion-mini[data-v-729270d7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-col[data-v-729270d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.comp-col.adrenalina[data-v-729270d7] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-col.cortisol[data-v-729270d7] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.col-icono[data-v-729270d7] {
  font-size: 1.5rem;
}
.col-nombre[data-v-729270d7] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.comp-col.adrenalina .col-nombre[data-v-729270d7] {
  color: #FCD34D;
}
.comp-col.cortisol .col-nombre[data-v-729270d7] {
  color: #C4B5FD;
}
.col-puntos[data-v-729270d7] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.col-puntos li[data-v-729270d7] {
  margin-bottom: 0.2rem;
}

/* Eje HPA resumen */
.eje-resumen[data-v-729270d7] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.eje-titulo[data-v-729270d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.eje-secuencia[data-v-729270d7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.eje-paso[data-v-729270d7] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.eje-flecha[data-v-729270d7] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.eje-hormona[data-v-729270d7] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.1rem 0.3rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.eje-hormona.destacado[data-v-729270d7] {
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
}

/* Tips PAES */
.tips-paes[data-v-729270d7] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-729270d7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-grid[data-v-729270d7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-729270d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-729270d7] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-729270d7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-729270d7] {
  color: #FCD34D;
}

/* Preguntas frecuentes */
.preguntas-frecuentes[data-v-729270d7] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.pf-titulo[data-v-729270d7] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pf-lista[data-v-729270d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pf-item[data-v-729270d7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.pf-q[data-v-729270d7] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
}
.pf-a[data-v-729270d7] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-729270d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-729270d7] {
  font-size: 1.5rem;
}
.mf-texto[data-v-729270d7] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.eje-secuencia[data-v-729270d7] {
    flex-wrap: nowrap;
}
.pf-item[data-v-729270d7] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-4564707d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.neurona-simple[data-v-4564707d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.parte[data-v-4564707d] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  animation: pulse-parte-4564707d 2s ease-in-out infinite;
}
.parte.dendrita[data-v-4564707d] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.5);
  animation-delay: 0s;
}
.parte.soma[data-v-4564707d] {
  background: rgba(245, 158, 11, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.5);
  animation-delay: 0.5s;
}
.parte.axon[data-v-4564707d] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  animation-delay: 1s;
}
@keyframes pulse-parte-4564707d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.flechas-senal[data-v-4564707d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
}
.senal[data-v-4564707d] { color: #FCD34D;
}
.flecha[data-v-4564707d] { color: #8B5CF6;
}
.siguiente[data-v-4564707d] { color: #C4B5FD;
}

/* Partes de la neurona */
.partes-section[data-v-4564707d] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-4564707d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.parte-item[data-v-4564707d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 0.5rem;
}
.parte-icono[data-v-4564707d] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.dendrita-ico[data-v-4564707d] { filter: hue-rotate(120deg);
}
.soma-ico[data-v-4564707d] { filter: hue-rotate(30deg);
}
.axon-ico[data-v-4564707d] { filter: hue-rotate(200deg);
}
.terminal-ico[data-v-4564707d] { filter: hue-rotate(280deg);
}
.parte-contenido[data-v-4564707d] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.parte-nombre[data-v-4564707d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.parte-desc[data-v-4564707d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.parte-desc strong[data-v-4564707d] {
  color: #FCD34D;
}

/* Diagrama visual */
.diagrama-neurona[data-v-4564707d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.diagrama-titulo[data-v-4564707d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.neurona-visual[data-v-4564707d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-size: 1.25rem;
  padding: 0.5rem 0;
  min-width: max-content;
}
.dendritas-visual[data-v-4564707d] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  color: #6EE7B7;
}
.dend[data-v-4564707d] {
  transform: rotate(-30deg);
}
.dend[data-v-4564707d]:nth-child(2) {
  transform: rotate(0deg);
}
.dend[data-v-4564707d]:nth-child(3) {
  transform: rotate(30deg);
}
.soma-visual[data-v-4564707d] {
  font-size: 1.75rem;
  color: #FCD34D;
}
.axon-visual[data-v-4564707d] {
  display: flex;
  align-items: center;
}
.mielina[data-v-4564707d] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.nodo[data-v-4564707d] {
  color: #FCA5A5;
  font-size: 0.75rem;
}
.terminal-visual[data-v-4564707d] {
  color: #C4B5FD;
  font-size: 1.25rem;
}
.diagrama-labels[data-v-4564707d] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.label[data-v-4564707d] {
  text-align: center;
}
.dend-label[data-v-4564707d] { color: #6EE7B7;
}
.soma-label[data-v-4564707d] { color: #FCD34D;
}
.axon-label[data-v-4564707d] { color: #93C5FD;
}
.term-label[data-v-4564707d] { color: #C4B5FD;
}

/* Mielina box */
.mielina-box[data-v-4564707d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.mielina-icono[data-v-4564707d] {
  font-size: 1.5rem;
}
.mielina-contenido[data-v-4564707d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mielina-titulo[data-v-4564707d] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.mielina-desc[data-v-4564707d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.mielina-desc strong[data-v-4564707d] {
  color: #FCD34D;
}
.mielina-desc strong.rapido[data-v-4564707d] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-4564707d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4564707d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4564707d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4564707d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.neurona-simple[data-v-4564707d] {
    gap: 1rem;
}
.parte[data-v-4564707d] {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
.neurona-visual[data-v-4564707d] {
    font-size: 1.5rem;
}
.diagrama-labels[data-v-4564707d] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-77193429] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.membrana-box[data-v-77193429] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  max-width: 280px;
}
.lado[data-v-77193429] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  width: 100%;
}
.lado.exterior[data-v-77193429] {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem 0.5rem 0 0;
}
.lado.interior[data-v-77193429] {
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0 0 0.5rem 0.5rem;
}
.ion[data-v-77193429] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ion.neg[data-v-77193429] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ion.int[data-v-77193429] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.membrana-linea[data-v-77193429] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  background: linear-gradient(90deg, #FCD34D 0%, #F59E0B 100%);
  position: relative;
}
.bomba[data-v-77193429] {
  position: absolute;
  font-size: 1.25rem;
  animation: rotate-bomba-77193429 2s linear infinite;
}
@keyframes rotate-bomba-77193429 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.voltaje-display[data-v-77193429] {
  padding: 0.5rem 1rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
}
.voltaje-valor[data-v-77193429] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}

/* Texto negativo */
strong.negativo[data-v-77193429] {
  color: #FCA5A5;
}

/* Valor section */
.valor-section[data-v-77193429] {
  margin: 1.5rem 0;
  display: flex;
  justify-content: center;
}
.valor-caja[data-v-77193429] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.valor-titulo[data-v-77193429] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.valor-numero[data-v-77193429] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCA5A5;
}
.valor-desc[data-v-77193429] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Iones section */
.iones-section[data-v-77193429] {
  margin: 1.5rem 0;
}
.iones-titulo[data-v-77193429] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-77193429] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.lado-card[data-v-77193429] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.exterior-card[data-v-77193429] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.interior-card[data-v-77193429] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado-titulo[data-v-77193429] {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.exterior-card .lado-titulo[data-v-77193429] { color: #6EE7B7;
}
.interior-card .lado-titulo[data-v-77193429] { color: #FCA5A5;
}
.ion-lista[data-v-77193429] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ion-item[data-v-77193429] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ion-simbolo[data-v-77193429] {
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.ion-simbolo.pos[data-v-77193429] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ion-simbolo.neg[data-v-77193429] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ion-simbolo.int[data-v-77193429] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.ion-desc[data-v-77193429] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Bomba section */
.bomba-section[data-v-77193429] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.bomba-titulo[data-v-77193429] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.bomba-visual[data-v-77193429] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.bomba-accion[data-v-77193429] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}
.accion-out[data-v-77193429] { color: #6EE7B7;
}
.accion-in[data-v-77193429] { color: #FCA5A5;
}
.bomba-icono[data-v-77193429] {
  font-size: 1.75rem;
  animation: pump-77193429 1s ease-in-out infinite;
}
@keyframes pump-77193429 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}
.bomba-energia[data-v-77193429] {
  font-size: 0.75rem;
  color: #F59E0B;
  font-weight: 600;
}
.bomba-desc[data-v-77193429] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0;
}
.bomba-desc strong[data-v-77193429] {
  color: #FCD34D;
}

/* Canales box */
.canales-box[data-v-77193429] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.canales-icono[data-v-77193429] {
  font-size: 1.5rem;
}
.canales-contenido[data-v-77193429] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.canales-titulo[data-v-77193429] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.canales-desc[data-v-77193429] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-77193429] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-77193429] {
  font-size: 1.25rem;
}
.tip-texto[data-v-77193429] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-77193429] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.membrana-box[data-v-77193429] {
    max-width: 350px;
}
.ion[data-v-77193429] {
    font-size: 1rem;
    padding: 0.3rem 0.6rem;
}
.ion-desc[data-v-77193429] {
    font-size: 0.7rem;
}
.comparacion-grid[data-v-77193429] {
    gap: 0.75rem;
}
}

/* Gráfico section */
.grafico-section[data-v-7642a7ca] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-7642a7ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.grafico-container[data-v-7642a7ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eje-y[data-v-7642a7ca] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  position: absolute;
  left: 0;
  height: 100%;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.grafico-container[data-v-7642a7ca] {
  position: relative;
  padding-left: 2.5rem;
}
.eje-val[data-v-7642a7ca] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 600;
}
.eje-val.umbral[data-v-7642a7ca] {
  color: #F59E0B;
}
.grafico[data-v-7642a7ca] {
  width: 100%;
  max-width: 300px;
  position: relative;
}
.curva-svg[data-v-7642a7ca] {
  width: 100%;
  height: auto;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.fases-labels[data-v-7642a7ca] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding: 0 0.25rem;
}
.fase-label[data-v-7642a7ca] {
  font-size: 0.55rem;
  font-weight: 600;
}
.reposo-l[data-v-7642a7ca] { color: #FCA5A5;
}
.despol-l[data-v-7642a7ca] { color: #6EE7B7;
}
.repol-l[data-v-7642a7ca] { color: #93C5FD;
}
.hiper-l[data-v-7642a7ca] { color: #C4B5FD;
}
.eje-x-label[data-v-7642a7ca] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Fases section */
.fases-section[data-v-7642a7ca] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-7642a7ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-item[data-v-7642a7ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.4rem;
}
.fase-numero[data-v-7642a7ca] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fase-contenido[data-v-7642a7ca] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 1;
}
.fase-nombre[data-v-7642a7ca] {
  font-weight: 700;
  font-size: 0.85rem;
}
.reposo-color[data-v-7642a7ca] { color: #FCA5A5;
}
.umbral-color[data-v-7642a7ca] { color: #F59E0B;
}
.despol-color[data-v-7642a7ca] { color: #6EE7B7;
}
.repol-color[data-v-7642a7ca] { color: #93C5FD;
}
.hiper-color[data-v-7642a7ca] { color: #C4B5FD;
}
.fase-voltaje[data-v-7642a7ca] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  font-family: monospace;
}
.fase-desc[data-v-7642a7ca] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.fase-desc strong[data-v-7642a7ca] {
  color: #FCD34D;
}

/* Ley box */
.ley-box[data-v-7642a7ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ley-icono[data-v-7642a7ca] {
  font-size: 1.5rem;
}
.ley-contenido[data-v-7642a7ca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ley-titulo[data-v-7642a7ca] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ley-desc[data-v-7642a7ca] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ley-desc strong[data-v-7642a7ca] {
  color: #F59E0B;
}

/* Refractario box */
.refractario-box[data-v-7642a7ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.refractario-icono[data-v-7642a7ca] {
  font-size: 1.5rem;
}
.refractario-contenido[data-v-7642a7ca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.refractario-titulo[data-v-7642a7ca] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.refractario-desc[data-v-7642a7ca] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.refractario-desc strong[data-v-7642a7ca] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-7642a7ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7642a7ca] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7642a7ca] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7642a7ca] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico[data-v-7642a7ca] {
    max-width: 400px;
}
.fases-labels[data-v-7642a7ca] {
    padding: 0 0.5rem;
}
.fase-label[data-v-7642a7ca] {
    font-size: 0.65rem;
}
.fase-desc[data-v-7642a7ca] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-945fe5ae] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.sinapsis-simple[data-v-945fe5ae] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.neurona[data-v-945fe5ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.n-label[data-v-945fe5ae] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.terminal[data-v-945fe5ae] {
  font-size: 2rem;
  color: #FCD34D;
}
.espacio-sinaptico[data-v-945fe5ae] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  animation: flow-nt-945fe5ae 1.5s ease-in-out infinite;
}
@keyframes flow-nt-945fe5ae {
0%, 100% { transform: translateX(-5px); opacity: 0.5;
}
50% { transform: translateX(5px); opacity: 1;
}
}
.nt[data-v-945fe5ae] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.receptor[data-v-945fe5ae] {
  font-size: 1.5rem;
  color: #6EE7B7;
}

/* Texto neurotransmisor */
strong.nt-text[data-v-945fe5ae] {
  color: #C4B5FD;
}

/* Tipos de sinapsis */
.tipos-section[data-v-945fe5ae] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-945fe5ae] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-945fe5ae] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-945fe5ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.quimica[data-v-945fe5ae] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-card.electrica[data-v-945fe5ae] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-945fe5ae] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-945fe5ae] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-945fe5ae] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Proceso section */
.proceso-section[data-v-945fe5ae] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-945fe5ae] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paso-item[data-v-945fe5ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-left: 2px solid #8B5CF6;
  margin-bottom: 0.3rem;
}
.paso-num[data-v-945fe5ae] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-945fe5ae] {
  flex: 1;
}
.paso-desc[data-v-945fe5ae] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paso-desc strong[data-v-945fe5ae] {
  color: #FCD34D;
}
.paso-desc strong.calcio[data-v-945fe5ae] {
  color: #F59E0B;
}

/* Neurotransmisores section */
.nt-section[data-v-945fe5ae] {
  margin: 1.5rem 0;
}
.nt-titulo[data-v-945fe5ae] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nt-grid[data-v-945fe5ae] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.nt-card[data-v-945fe5ae] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.nt-card.excitatorio[data-v-945fe5ae] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nt-card.inhibitorio[data-v-945fe5ae] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.nt-card.modulador[data-v-945fe5ae] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nt-nombre[data-v-945fe5ae] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.nt-funcion[data-v-945fe5ae] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.nt-tipo[data-v-945fe5ae] {
  font-size: 0.6rem;
  font-weight: 600;
  margin-top: 0.1rem;
}
.nt-card.excitatorio .nt-tipo[data-v-945fe5ae] { color: #6EE7B7;
}
.nt-card.inhibitorio .nt-tipo[data-v-945fe5ae] { color: #FCA5A5;
}
.nt-card.modulador .nt-tipo[data-v-945fe5ae] { color: #93C5FD;
}

/* Efectos box */
.efectos-box[data-v-945fe5ae] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin: 1rem 0;
}
.efecto[data-v-945fe5ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.efecto.excit[data-v-945fe5ae] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.efecto.inhib[data-v-945fe5ae] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.efecto-icono[data-v-945fe5ae] {
  font-size: 1.25rem;
}
.efecto-nombre[data-v-945fe5ae] {
  font-weight: 700;
  font-size: 0.8rem;
}
.efecto.excit .efecto-nombre[data-v-945fe5ae] { color: #6EE7B7;
}
.efecto.inhib .efecto-nombre[data-v-945fe5ae] { color: #FCA5A5;
}
.efecto-desc[data-v-945fe5ae] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-945fe5ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-945fe5ae] {
  font-size: 1.25rem;
}
.tip-texto[data-v-945fe5ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-945fe5ae] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.terminal[data-v-945fe5ae] {
    font-size: 2.5rem;
}
.receptor[data-v-945fe5ae] {
    font-size: 2rem;
}
.nt-grid[data-v-945fe5ae] {
    grid-template-columns: repeat(4, 1fr);
}
.paso-desc[data-v-945fe5ae] {
    font-size: 0.85rem;
}
}

.explorador[data-v-8b228da6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8b228da6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8b228da6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8b228da6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8b228da6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8b228da6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8b228da6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8b228da6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8b228da6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8b228da6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar ===== */
.ordenar-container[data-v-8b228da6] {
  text-align: center;
}
.pregunta-orden[data-v-8b228da6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.partes-pool[data-v-8b228da6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.parte-btn[data-v-8b228da6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.parte-btn[data-v-8b228da6]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.parte-btn.seleccionado[data-v-8b228da6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.05);
}
.parte-icono[data-v-8b228da6] {
  font-size: 1.5rem;
}
.parte-nombre[data-v-8b228da6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}
.secuencia-container[data-v-8b228da6] {
  margin: 1rem 0;
}
.secuencia-titulo[data-v-8b228da6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.secuencia-slots[data-v-8b228da6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.slot-orden[data-v-8b228da6] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.ocupado[data-v-8b228da6] {
  border-style: solid;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-orden.seleccionable[data-v-8b228da6] {
  border-color: #8B5CF6;
  animation: pulse-8b228da6 1s infinite;
}
@keyframes pulse-8b228da6 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-contenido[data-v-8b228da6] {
  font-size: 1.5rem;
}
.slot-num[data-v-8b228da6] {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.flecha-seq[data-v-8b228da6] {
  color: #8B5CF6;
  font-size: 1rem;
}
.botones-accion[data-v-8b228da6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.btn-verificar[data-v-8b228da6], .btn-reiniciar[data-v-8b228da6] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-8b228da6] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-8b228da6] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.feedback-msg[data-v-8b228da6] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.feedback-msg.error[data-v-8b228da6] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* ===== DESAFÍO 2: Fases ===== */
.fases-container[data-v-8b228da6] {
  text-align: center;
}
.fase-actual[data-v-8b228da6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.fase-voltaje[data-v-8b228da6] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
  font-family: monospace;
}
.fase-descripcion[data-v-8b228da6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.pregunta-fase[data-v-8b228da6], .pregunta-nt[data-v-8b228da6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-fase[data-v-8b228da6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.opcion-fase-btn[data-v-8b228da6] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  transition: all 0.2s ease;
}
.opcion-fase-btn[data-v-8b228da6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-fase-btn.seleccionado[data-v-8b228da6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-fase-btn.correcto[data-v-8b228da6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-fase-btn.incorrecto[data-v-8b228da6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Neurotransmisores ===== */
.sinapsis-container[data-v-8b228da6] {
  text-align: center;
}
.nt-actual[data-v-8b228da6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.nt-icono[data-v-8b228da6] {
  font-size: 2rem;
}
.nt-nombre[data-v-8b228da6] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.opciones-nt[data-v-8b228da6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.opcion-nt-btn[data-v-8b228da6] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-nt-btn[data-v-8b228da6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-nt-btn.seleccionado[data-v-8b228da6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-nt-btn.correcto[data-v-8b228da6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-nt-btn.incorrecto[data-v-8b228da6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Elementos comunes */
.contador[data-v-8b228da6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-8b228da6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8b228da6] { font-size: 1.25rem;
}
.resultado-texto[data-v-8b228da6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8b228da6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8b228da6] { flex: 1;
}
.nav-btn[data-v-8b228da6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8b228da6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8b228da6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8b228da6] { font-size: 1.75rem;
}
.completado-texto[data-v-8b228da6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8b228da6], .slide-leave-active[data-v-8b228da6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8b228da6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8b228da6] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-3009db5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-3009db5a] {
  font-size: 2rem;
}
.resumen-subtitulo[data-v-3009db5a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Secciones */
.seccion[data-v-3009db5a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-3009db5a] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.seccion-titulo.reposo-color[data-v-3009db5a] { color: #FCA5A5;
}
.seccion-titulo.accion-color[data-v-3009db5a] { color: #FCD34D;
}
.seccion-titulo.sinapsis-color[data-v-3009db5a] { color: #93C5FD;
}

/* Flujo de neurona */
.resumen-flujo[data-v-3009db5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.flujo-item[data-v-3009db5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  min-width: 55px;
}
.flujo-icono[data-v-3009db5a] {
  font-size: 1.25rem;
}
.flujo-nombre[data-v-3009db5a] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flujo-funcion[data-v-3009db5a] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.flujo-flecha[data-v-3009db5a] {
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Conceptos grid */
.conceptos-grid[data-v-3009db5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-mini[data-v-3009db5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.concepto-mini[data-v-3009db5a]:first-child {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-mini[data-v-3009db5a]:last-child {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.cm-titulo[data-v-3009db5a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cm-ion[data-v-3009db5a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Punto clave */
.punto-clave[data-v-3009db5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.4rem 0.4rem 0;
}
.punto-clave strong[data-v-3009db5a] {
  color: #FCD34D;
}

/* Fases resumen */
.fases-resumen[data-v-3009db5a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.fase-r[data-v-3009db5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.fase-r-num[data-v-3009db5a] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.fase-r-nombre[data-v-3009db5a] {
  font-weight: 700;
  font-size: 0.8rem;
  flex: 1;
}
.fase-r-nombre.despol[data-v-3009db5a] { color: #6EE7B7;
}
.fase-r-nombre.repol[data-v-3009db5a] { color: #93C5FD;
}
.fase-r-nombre.hiper[data-v-3009db5a] { color: #C4B5FD;
}
.fase-r-ion[data-v-3009db5a] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.fase-r-volt[data-v-3009db5a] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Sinapsis pasos */
.sinapsis-pasos[data-v-3009db5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.s-paso[data-v-3009db5a] {
  padding: 0.3rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}
.s-flecha[data-v-3009db5a] {
  color: #3B82F6;
  font-size: 0.8rem;
}

/* NT resumen */
.nt-resumen[data-v-3009db5a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.nt-r[data-v-3009db5a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.nt-r-nombre[data-v-3009db5a] {
  font-size: 0.7rem;
  color: #FFFFFF;
  font-weight: 600;
}
.nt-r-func[data-v-3009db5a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.nt-r-func.excit[data-v-3009db5a] { color: #6EE7B7;
}
.nt-r-func.inhib[data-v-3009db5a] { color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-3009db5a] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-3009db5a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-3009db5a] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.tips-lista li[data-v-3009db5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tips-lista li strong[data-v-3009db5a] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-3009db5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-3009db5a] {
  font-size: 1.5rem;
}
.final-texto[data-v-3009db5a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-flujo[data-v-3009db5a] {
    gap: 0.5rem;
    flex-wrap: nowrap;
}
.flujo-item[data-v-3009db5a] {
    min-width: 70px;
    padding: 0.5rem;
}
.flujo-icono[data-v-3009db5a] {
    font-size: 1.5rem;
}
.flujo-nombre[data-v-3009db5a] {
    font-size: 0.75rem;
}
.nt-resumen[data-v-3009db5a] {
    grid-template-columns: repeat(4, 1fr);
}
.sinapsis-pasos[data-v-3009db5a] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-17c9f454] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.cerebro-icono[data-v-17c9f454] {
  font-size: 3rem;
  animation: pulse-brain-17c9f454 2s ease-in-out infinite;
}
@keyframes pulse-brain-17c9f454 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.conexiones[data-v-17c9f454] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.linea[data-v-17c9f454] {
  width: 20px;
  height: 3px;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 2px;
}
.nodo[data-v-17c9f454] {
  color: #FCD34D;
  font-size: 0.5rem;
}
.cuerpo-icono[data-v-17c9f454] {
  font-size: 2rem;
}

/* División principal */
.division-section[data-v-17c9f454] {
  margin: 1.5rem 0;
}
.division-titulo[data-v-17c9f454] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.arbol-sn[data-v-17c9f454] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.raiz[data-v-17c9f454] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
}
.raiz-icono[data-v-17c9f454] {
  font-size: 1.25rem;
}
.raiz-texto[data-v-17c9f454] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ramas[data-v-17c9f454] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.rama[data-v-17c9f454] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  min-width: 130px;
}
.rama.snc[data-v-17c9f454] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.rama.snp[data-v-17c9f454] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.rama-icono[data-v-17c9f454] {
  font-size: 1.5rem;
}
.rama-nombre[data-v-17c9f454] {
  font-weight: 800;
  font-size: 1.1rem;
}
.rama.snc .rama-nombre[data-v-17c9f454] { color: #6EE7B7;
}
.rama.snp .rama-nombre[data-v-17c9f454] { color: #93C5FD;
}
.rama-desc[data-v-17c9f454] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Funciones */
.funciones-section[data-v-17c9f454] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-17c9f454] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-17c9f454] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.funcion-item[data-v-17c9f454] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.funcion-icono[data-v-17c9f454] {
  font-size: 1.25rem;
}
.funcion-texto[data-v-17c9f454] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.funcion-texto strong[data-v-17c9f454] {
  color: #FCD34D;
}

/* Diagrama de flujo */
.diagrama-flujo[data-v-17c9f454] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin: 1rem 0;
  overflow-x: auto;
}
.flujo-item[data-v-17c9f454] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  border-radius: 0.4rem;
  min-width: 50px;
}
.flujo-item.estimulo[data-v-17c9f454] { background: rgba(239, 68, 68, 0.2);
}
.flujo-item.receptor[data-v-17c9f454] { background: rgba(245, 158, 11, 0.2);
}
.flujo-item.centro[data-v-17c9f454] { background: rgba(139, 92, 246, 0.2);
}
.flujo-item.efector[data-v-17c9f454] { background: rgba(59, 130, 246, 0.2);
}
.flujo-item.respuesta[data-v-17c9f454] { background: rgba(16, 185, 129, 0.2);
}
.flujo-icono[data-v-17c9f454] {
  font-size: 1.25rem;
}
.flujo-texto[data-v-17c9f454] {
  font-size: 0.6rem;
  color: #E9D5FF;
  font-weight: 600;
}
.flujo-flecha[data-v-17c9f454] {
  color: #8B5CF6;
  font-size: 0.9rem;
  font-weight: 700;
}

/* Tip */
.tip[data-v-17c9f454] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-17c9f454] {
  font-size: 1.25rem;
}
.tip-texto[data-v-17c9f454] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-17c9f454] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cerebro-icono[data-v-17c9f454] {
    font-size: 4rem;
}
.funciones-grid[data-v-17c9f454] {
    flex-direction: row;
}
.funcion-item[data-v-17c9f454] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.flujo-item[data-v-17c9f454] {
    min-width: 60px;
    padding: 0.5rem;
}
.flujo-texto[data-v-17c9f454] {
    font-size: 0.7rem;
}
}

/* Visual del SNC */
.snc-visual[data-v-49d1b6c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.encefalo-container[data-v-49d1b6c4], .medula-container[data-v-49d1b6c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.encefalo-icono[data-v-49d1b6c4] {
  font-size: 3rem;
  animation: glow-49d1b6c4 2s ease-in-out infinite;
}
@keyframes glow-49d1b6c4 {
0%, 100% { filter: drop-shadow(0 0 5px rgba(16, 185, 129, 0.5));
}
50% { filter: drop-shadow(0 0 15px rgba(16, 185, 129, 0.8));
}
}
.encefalo-label[data-v-49d1b6c4], .medula-label[data-v-49d1b6c4] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}
.conexion-medula[data-v-49d1b6c4] {
  width: 4px;
  height: 30px;
  background: linear-gradient(to bottom, #6EE7B7, #8B5CF6);
  border-radius: 2px;
}
.medula-icono[data-v-49d1b6c4] {
  font-size: 1.5rem;
  color: #8B5CF6;
  letter-spacing: -2px;
}

/* Texto inline */
strong.centro[data-v-49d1b6c4] {
  color: #6EE7B7;
}

/* Secciones */
.encefalo-section[data-v-49d1b6c4], .medula-section[data-v-49d1b6c4] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-49d1b6c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Partes del encéfalo */
.parte-encefalo[data-v-49d1b6c4] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.parte-header[data-v-49d1b6c4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.parte-header.cerebro[data-v-49d1b6c4] { border-color: #6EE7B7;
}
.parte-header.cerebelo[data-v-49d1b6c4] { border-color: #93C5FD;
}
.parte-header.tronco[data-v-49d1b6c4] { border-color: #FCD34D;
}
.parte-encefalo[data-v-49d1b6c4]:has(.cerebro) { border-left-color: #6EE7B7;
}
.parte-encefalo[data-v-49d1b6c4]:has(.cerebelo) { border-left-color: #93C5FD;
}
.parte-encefalo[data-v-49d1b6c4]:has(.tronco) { border-left-color: #FCD34D;
}
.parte-icono[data-v-49d1b6c4] {
  font-size: 1.25rem;
}
.parte-nombre[data-v-49d1b6c4] {
  font-weight: 700;
  font-size: 0.95rem;
}
.parte-header.cerebro .parte-nombre[data-v-49d1b6c4] { color: #6EE7B7;
}
.parte-header.cerebelo .parte-nombre[data-v-49d1b6c4] { color: #93C5FD;
}
.parte-header.tronco .parte-nombre[data-v-49d1b6c4] { color: #FCD34D;
}
.parte-desc[data-v-49d1b6c4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.parte-desc strong[data-v-49d1b6c4] {
  color: #FFFFFF;
}

/* Médula */
.medula-info[data-v-49d1b6c4] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.medula-funciones[data-v-49d1b6c4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.funcion-medula[data-v-49d1b6c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.fm-icono[data-v-49d1b6c4] {
  font-size: 1rem;
}
.fm-texto[data-v-49d1b6c4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fm-texto strong[data-v-49d1b6c4] {
  color: #FCD34D;
}
.reflejo-ejemplo[data-v-49d1b6c4] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reflejo-titulo[data-v-49d1b6c4] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.reflejo-secuencia[data-v-49d1b6c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.reflejo-paso[data-v-49d1b6c4] {
  font-size: 0.75rem;
  padding: 0.25rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.reflejo-flecha[data-v-49d1b6c4] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Protección */
.proteccion-box[data-v-49d1b6c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.proteccion-icono[data-v-49d1b6c4] {
  font-size: 1.5rem;
}
.proteccion-contenido[data-v-49d1b6c4] {
  flex: 1;
}
.proteccion-titulo[data-v-49d1b6c4] {
  display: block;
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.proteccion-lista[data-v-49d1b6c4] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.proteccion-lista li[data-v-49d1b6c4] {
  margin-bottom: 0.25rem;
}
.proteccion-lista strong[data-v-49d1b6c4] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-49d1b6c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-49d1b6c4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-49d1b6c4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-49d1b6c4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.encefalo-icono[data-v-49d1b6c4] {
    font-size: 4rem;
}
.reflejo-secuencia[data-v-49d1b6c4] {
    flex-wrap: nowrap;
}
}

/* Visual del SNP */
.snp-visual[data-v-f128f4e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 1rem;
}
.centro-visual[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.centro-icono[data-v-f128f4e7] {
  font-size: 2.5rem;
}
.centro-label[data-v-f128f4e7] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #93C5FD;
}
.nervios-visual[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nervio[data-v-f128f4e7] {
  font-size: 0.9rem;
  color: #6EE7B7;
  animation: pulse-nervio-f128f4e7 2s ease-in-out infinite;
}
.nervio.n1[data-v-f128f4e7] { animation-delay: 0s;
}
.nervio.n2[data-v-f128f4e7] { animation-delay: 0.25s;
}
.nervio.n3[data-v-f128f4e7] { animation-delay: 0.5s;
}
.nervio.n4[data-v-f128f4e7] { animation-delay: 0.75s;
}
@keyframes pulse-nervio-f128f4e7 {
0%, 100% { opacity: 0.6;
}
50% { opacity: 1;
}
}

/* División del SNP */
.division-snp[data-v-f128f4e7] {
  margin: 1.5rem 0;
}
.division-titulo[data-v-f128f4e7], .comparacion-titulo[data-v-f128f4e7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.arbol-snp[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.raiz-snp[data-v-f128f4e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #93C5FD;
  border-radius: 0.5rem;
}
.raiz-icono[data-v-f128f4e7] {
  font-size: 1.25rem;
}
.raiz-texto[data-v-f128f4e7] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.ramas-snp[data-v-f128f4e7] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.rama-principal[data-v-f128f4e7] {
  flex: 1;
  min-width: 140px;
  max-width: 180px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.rama-principal.somatico[data-v-f128f4e7] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.rama-principal.autonomo[data-v-f128f4e7] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.rama-header[data-v-f128f4e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.rama-icono[data-v-f128f4e7] {
  font-size: 1.25rem;
}
.rama-nombre[data-v-f128f4e7] {
  font-weight: 700;
  font-size: 0.85rem;
}
.somatico .rama-nombre[data-v-f128f4e7] { color: #6EE7B7;
}
.autonomo .rama-nombre[data-v-f128f4e7] { color: #FCD34D;
}
.rama-desc[data-v-f128f4e7] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.4rem;
}
strong.voluntario[data-v-f128f4e7] { color: #6EE7B7;
}
strong.involuntario[data-v-f128f4e7] { color: #FCD34D;
}
.rama-ejemplo[data-v-f128f4e7] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}
.subdivisiones[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-top: 0.5rem;
}
.sub[data-v-f128f4e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.sub.simpat[data-v-f128f4e7] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sub.parasimpat[data-v-f128f4e7] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.sub-icono[data-v-f128f4e7] {
  font-size: 0.8rem;
}
.sub-nombre[data-v-f128f4e7] {
  font-weight: 600;
}

/* Comparación */
.comparacion-section[data-v-f128f4e7] {
  margin: 1.5rem 0;
}
.comparacion-grid[data-v-f128f4e7] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.sistema-col[data-v-f128f4e7] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.col-header[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.col-header.simpat[data-v-f128f4e7] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-bottom: none;
}
.col-header.parasimpat[data-v-f128f4e7] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-bottom: none;
}
.col-icono[data-v-f128f4e7] {
  font-size: 1.5rem;
}
.col-titulo[data-v-f128f4e7] {
  font-weight: 700;
  font-size: 0.85rem;
}
.simpat .col-titulo[data-v-f128f4e7] { color: #FCA5A5;
}
.parasimpat .col-titulo[data-v-f128f4e7] { color: #93C5FD;
}
.col-subtitulo[data-v-f128f4e7] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}
.efectos-lista[data-v-f128f4e7] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.5rem 0.5rem;
}
.simpat-col .efectos-lista[data-v-f128f4e7] {
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-top: none;
}
.parasimpat-col .efectos-lista[data-v-f128f4e7] {
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-top: none;
}
.efecto-item[data-v-f128f4e7] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
}
.vs-divider[data-v-f128f4e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: #8B5CF6;
  padding: 0 0.25rem;
}

/* Dato box */
.dato-box[data-v-f128f4e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.dato-icono[data-v-f128f4e7] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-f128f4e7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-titulo[data-v-f128f4e7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.dato-desc[data-v-f128f4e7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-desc strong[data-v-f128f4e7] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-f128f4e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f128f4e7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f128f4e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f128f4e7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.centro-icono[data-v-f128f4e7] {
    font-size: 3rem;
}
.rama-principal[data-v-f128f4e7] {
    min-width: 160px;
    max-width: 200px;
}
.efecto-item[data-v-f128f4e7] {
    font-size: 0.75rem;
}
}

.explorador[data-v-e8a8d7af] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e8a8d7af] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e8a8d7af] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e8a8d7af] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e8a8d7af] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e8a8d7af] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e8a8d7af] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e8a8d7af] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e8a8d7af] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e8a8d7af] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-e8a8d7af] {
  text-align: center;
}
.estructura-actual[data-v-e8a8d7af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.estructura-icono[data-v-e8a8d7af] {
  font-size: 2.5rem;
}
.estructura-nombre[data-v-e8a8d7af] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-clasificar[data-v-e8a8d7af], .pregunta-simpar[data-v-e8a8d7af], .pregunta-funcion[data-v-e8a8d7af] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-sistema[data-v-e8a8d7af] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-btn[data-v-e8a8d7af] {
  flex: 1;
  max-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.snc-btn[data-v-e8a8d7af] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.snp-btn[data-v-e8a8d7af] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-btn[data-v-e8a8d7af]:hover:not(:disabled) {
  transform: scale(1.03);
}
.opcion-btn.seleccionado[data-v-e8a8d7af] {
  transform: scale(1.05);
}
.snc-btn.seleccionado[data-v-e8a8d7af] { border-color: #6EE7B7; background: rgba(16, 185, 129, 0.3);
}
.snp-btn.seleccionado[data-v-e8a8d7af] { border-color: #93C5FD; background: rgba(59, 130, 246, 0.3);
}
.opcion-btn.correcto[data-v-e8a8d7af] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecto[data-v-e8a8d7af] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.op-icono[data-v-e8a8d7af] {
  font-size: 1.5rem;
}
.op-texto[data-v-e8a8d7af] {
  font-weight: 700;
  font-size: 1rem;
}
.snc-btn .op-texto[data-v-e8a8d7af] { color: #6EE7B7;
}
.snp-btn .op-texto[data-v-e8a8d7af] { color: #93C5FD;
}

/* ===== DESAFÍO 2: Simpático vs Parasimpático ===== */
.simpar-container[data-v-e8a8d7af] {
  text-align: center;
}
.efecto-actual[data-v-e8a8d7af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.efecto-icono[data-v-e8a8d7af] {
  font-size: 2.5rem;
}
.efecto-descripcion[data-v-e8a8d7af] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-simpar[data-v-e8a8d7af] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.simpar-btn[data-v-e8a8d7af] {
  flex: 1;
  min-width: 130px;
  max-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.75rem 0.5rem;
  border: 2px solid;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.simpat-btn[data-v-e8a8d7af] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.parasimpat-btn[data-v-e8a8d7af] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.simpar-btn[data-v-e8a8d7af]:hover:not(:disabled) {
  transform: scale(1.03);
}
.simpar-btn.seleccionado[data-v-e8a8d7af] {
  transform: scale(1.05);
}
.simpat-btn.seleccionado[data-v-e8a8d7af] { border-color: #FCA5A5; background: rgba(239, 68, 68, 0.3);
}
.parasimpat-btn.seleccionado[data-v-e8a8d7af] { border-color: #93C5FD; background: rgba(59, 130, 246, 0.3);
}
.simpar-btn.correcto[data-v-e8a8d7af] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.simpar-btn.incorrecto[data-v-e8a8d7af] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.simpar-icono[data-v-e8a8d7af] {
  font-size: 1.5rem;
}
.simpar-nombre[data-v-e8a8d7af] {
  font-weight: 700;
  font-size: 0.9rem;
}
.simpat-btn .simpar-nombre[data-v-e8a8d7af] { color: #FCA5A5;
}
.parasimpat-btn .simpar-nombre[data-v-e8a8d7af] { color: #93C5FD;
}
.simpar-desc[data-v-e8a8d7af] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* ===== DESAFÍO 3: Funciones del encéfalo ===== */
.funciones-container[data-v-e8a8d7af] {
  text-align: center;
}
.funcion-actual[data-v-e8a8d7af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.funcion-icono[data-v-e8a8d7af] {
  font-size: 2.5rem;
}
.funcion-descripcion[data-v-e8a8d7af] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.3;
}
.opciones-encefalo[data-v-e8a8d7af] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.encefalo-btn[data-v-e8a8d7af] {
  flex: 1;
  min-width: 90px;
  max-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.encefalo-btn[data-v-e8a8d7af]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.encefalo-btn.seleccionado[data-v-e8a8d7af] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.05);
}
.encefalo-btn.correcto[data-v-e8a8d7af] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.encefalo-btn.incorrecto[data-v-e8a8d7af] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.enc-icono[data-v-e8a8d7af] {
  font-size: 1.5rem;
}
.enc-nombre[data-v-e8a8d7af] {
  font-weight: 600;
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Elementos comunes */
.contador[data-v-e8a8d7af] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-e8a8d7af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e8a8d7af] { font-size: 1.25rem;
}
.resultado-texto[data-v-e8a8d7af] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e8a8d7af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e8a8d7af] { flex: 1;
}
.nav-btn[data-v-e8a8d7af] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e8a8d7af] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e8a8d7af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e8a8d7af] { font-size: 1.75rem;
}
.completado-texto[data-v-e8a8d7af] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e8a8d7af], .slide-leave-active[data-v-e8a8d7af] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e8a8d7af] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e8a8d7af] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-9a9bdbd0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9a9bdbd0] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9a9bdbd0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-9a9bdbd0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-9a9bdbd0] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-9a9bdbd0] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-9a9bdbd0]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-9a9bdbd0] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-9a9bdbd0] {
    grid-column: span 1;
}
}
.card-header[data-v-9a9bdbd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-9a9bdbd0] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9a9bdbd0] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-9a9bdbd0] {
  color: #E9D5FF;
}
.card-nota[data-v-9a9bdbd0] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  text-align: center;
}

/* División visual */
.division-visual[data-v-9a9bdbd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.sistema[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 130px;
}
.sistema.snc[data-v-9a9bdbd0] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sistema.snp[data-v-9a9bdbd0] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.sistema-icono[data-v-9a9bdbd0] {
  font-size: 1.5rem;
}
.sistema-nombre[data-v-9a9bdbd0] {
  font-weight: 800;
  font-size: 1rem;
}
.snc .sistema-nombre[data-v-9a9bdbd0] { color: #6EE7B7;
}
.snp .sistema-nombre[data-v-9a9bdbd0] { color: #93C5FD;
}
.sistema-partes[data-v-9a9bdbd0] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}
.sistema-rol[data-v-9a9bdbd0] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}
.conector[data-v-9a9bdbd0] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Partes del encéfalo */
.partes-lista[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.parte-item[data-v-9a9bdbd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.parte-bullet[data-v-9a9bdbd0] {
  font-size: 0.6rem;
  margin-top: 0.3rem;
}
.parte-bullet.cerebro[data-v-9a9bdbd0] { color: #6EE7B7;
}
.parte-bullet.cerebelo[data-v-9a9bdbd0] { color: #93C5FD;
}
.parte-bullet.tronco[data-v-9a9bdbd0] { color: #FCD34D;
}
.parte-texto[data-v-9a9bdbd0] {
  font-size: 0.8rem;
}
.parte-texto strong[data-v-9a9bdbd0] {
  color: #FFFFFF;
}

/* SNP lista */
.snp-lista[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.snp-item[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.snp-item.somatico[data-v-9a9bdbd0] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.snp-item.autonomo[data-v-9a9bdbd0] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
}
.snp-nombre[data-v-9a9bdbd0] {
  font-weight: 700;
  font-size: 0.85rem;
}
.somatico .snp-nombre[data-v-9a9bdbd0] { color: #6EE7B7;
}
.autonomo .snp-nombre[data-v-9a9bdbd0] { color: #FCD34D;
}
.snp-tipo[data-v-9a9bdbd0] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
}
.snp-desc[data-v-9a9bdbd0] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Comparación mini */
.comparacion-mini[data-v-9a9bdbd0] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-col[data-v-9a9bdbd0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.comp-col.simpat[data-v-9a9bdbd0] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-col.parasimpat[data-v-9a9bdbd0] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-icono[data-v-9a9bdbd0] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-9a9bdbd0] {
  font-weight: 700;
  font-size: 0.8rem;
}
.simpat .comp-nombre[data-v-9a9bdbd0] { color: #FCA5A5;
}
.parasimpat .comp-nombre[data-v-9a9bdbd0] { color: #93C5FD;
}
.comp-frase[data-v-9a9bdbd0] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-style: italic;
}
.comp-efectos[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.comp-vs[data-v-9a9bdbd0] {
  display: flex;
  align-items: center;
  font-weight: 800;
  color: #8B5CF6;
  font-size: 1rem;
}

/* Médula funciones */
.medula-funciones[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medula-f[data-v-9a9bdbd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mf-icono[data-v-9a9bdbd0] {
  font-size: 1rem;
}
.mf-texto[data-v-9a9bdbd0] {
  font-size: 0.85rem;
}

/* Protección */
.proteccion-lista[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.8rem;
}

/* Tips finales */
.tips-finales[data-v-9a9bdbd0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-9a9bdbd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-9a9bdbd0] {
  font-size: 1.25rem;
}
.tip-text[data-v-9a9bdbd0] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-9a9bdbd0] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9a9bdbd0] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-9a9bdbd0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-9a9bdbd0 1s ease-in-out infinite;
}
@keyframes bounce-9a9bdbd0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9a9bdbd0] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-9a9bdbd0] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-89f0094c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.glucosa-visual[data-v-89f0094c], .sangre-visual[data-v-89f0094c], .glicemia-visual[data-v-89f0094c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.glucosa-icono[data-v-89f0094c], .sangre-icono[data-v-89f0094c] {
  font-size: 2rem;
}
.glucosa-nombre[data-v-89f0094c], .sangre-nombre[data-v-89f0094c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.igual-visual[data-v-89f0094c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
  margin: 0 0.5rem;
}
.glicemia-visual[data-v-89f0094c] {
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.5rem;
}
.glicemia-valor[data-v-89f0094c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.glicemia-unidad[data-v-89f0094c] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Texto glucosa destacado */
strong.glucosa-text[data-v-89f0094c] {
  color: #FCD34D;
}
strong.islote-text[data-v-89f0094c] {
  color: #93C5FD;
}

/* Rango de glicemia */
.rango-section[data-v-89f0094c] {
  margin: 1.5rem 0;
}
.rango-titulo[data-v-89f0094c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rango-barra[data-v-89f0094c] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
}
.rango-zona[data-v-89f0094c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.25rem;
  gap: 0.25rem;
}
.rango-zona.baja[data-v-89f0094c] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.rango-zona.normal[data-v-89f0094c] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.rango-zona.alta[data-v-89f0094c] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.zona-valor[data-v-89f0094c] {
  font-weight: 800;
  font-size: 1rem;
}
.rango-zona.baja .zona-valor[data-v-89f0094c] { color: #FCA5A5;
}
.rango-zona.normal .zona-valor[data-v-89f0094c] { color: #6EE7B7;
}
.rango-zona.alta .zona-valor[data-v-89f0094c] { color: #FCD34D;
}
.zona-nombre[data-v-89f0094c] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Importancia */
.importancia-section[data-v-89f0094c] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-89f0094c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-89f0094c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-89f0094c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.imp-icono[data-v-89f0094c] {
  font-size: 1.25rem;
}
.imp-texto[data-v-89f0094c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Páncreas section */
.pancreas-section[data-v-89f0094c] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.pancreas-visual[data-v-89f0094c] {
  flex-shrink: 0;
}
.pancreas-icono[data-v-89f0094c] {
  font-size: 3rem;
}
.pancreas-info[data-v-89f0094c] {
  flex: 1;
}
.pancreas-titulo[data-v-89f0094c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.pancreas-desc[data-v-89f0094c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.celulas-grid[data-v-89f0094c] {
  display: flex;
  gap: 0.5rem;
}
.celula[data-v-89f0094c] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
}
.celula.alfa[data-v-89f0094c] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.celula.beta[data-v-89f0094c] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.cel-nombre[data-v-89f0094c] {
  font-weight: 700;
  color: #FFFFFF;
}
.celula.alfa .cel-hormona[data-v-89f0094c] { color: #FCD34D;
}
.celula.beta .cel-hormona[data-v-89f0094c] { color: #93C5FD;
}

/* Tip */
.tip[data-v-89f0094c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-89f0094c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-89f0094c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-89f0094c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-89f0094c] {
    gap: 1rem;
}
.glucosa-icono[data-v-89f0094c], .sangre-icono[data-v-89f0094c] {
    font-size: 2.5rem;
}
.glicemia-valor[data-v-89f0094c] {
    font-size: 2rem;
}
.importancia-grid[data-v-89f0094c] {
    grid-template-columns: repeat(4, 1fr);
}
.pancreas-icono[data-v-89f0094c] {
    font-size: 4rem;
}
}

/* Visual hormonas */
.hormonas-visual[data-v-eee67a08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.hormona[data-v-eee67a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.hormona.insulina[data-v-eee67a08] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.hormona.glucagon[data-v-eee67a08] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.hor-icono[data-v-eee67a08] {
  font-size: 1.75rem;
}
.hor-nombre[data-v-eee67a08] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.hor-efecto[data-v-eee67a08] {
  font-size: 0.8rem;
  font-weight: 600;
}
.hormona.insulina .hor-efecto[data-v-eee67a08] { color: #93C5FD;
}
.hormona.glucagon .hor-efecto[data-v-eee67a08] { color: #FCD34D;
}
.balance-icono[data-v-eee67a08] {
  font-size: 2rem;
}

/* Texto destacado */
strong.insulina-text[data-v-eee67a08] { color: #93C5FD;
}
strong.glucagon-text[data-v-eee67a08] { color: #FCD34D;
}

/* Detalles de hormona */
.hormona-detalle[data-v-eee67a08] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.insulina-section[data-v-eee67a08] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.glucagon-section[data-v-eee67a08] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.detalle-header[data-v-eee67a08] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.detalle-icono[data-v-eee67a08] {
  font-size: 1.25rem;
}
.detalle-titulo[data-v-eee67a08] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
  flex: 1;
}
.detalle-tag[data-v-eee67a08] {
  font-size: 0.65rem;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-weight: 600;
}
.insulina-section .detalle-tag[data-v-eee67a08] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.glucagon-section .detalle-tag[data-v-eee67a08] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.detalle-cuando[data-v-eee67a08] {
  padding: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.detalle-cuando strong[data-v-eee67a08] {
  color: #FFFFFF;
}
.detalle-acciones[data-v-eee67a08] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.accion[data-v-eee67a08] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.acc-icono[data-v-eee67a08] {
  font-size: 1rem;
  flex-shrink: 0;
}
.acc-texto[data-v-eee67a08] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.detalle-resultado[data-v-eee67a08] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
}
.res-flecha[data-v-eee67a08] {
  font-size: 1.2rem;
}
.insulina-section .res-flecha[data-v-eee67a08] { color: #93C5FD;
}
.glucagon-section .res-flecha[data-v-eee67a08] { color: #FCD34D;
}
.res-texto[data-v-eee67a08] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.res-texto strong[data-v-eee67a08] {
  color: #FFFFFF;
}

/* Feedback section */
.feedback-section[data-v-eee67a08] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.feedback-titulo[data-v-eee67a08] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.feedback-ciclo[data-v-eee67a08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.ciclo-paso[data-v-eee67a08] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
  max-width: 280px;
}
.paso-num[data-v-eee67a08] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-texto[data-v-eee67a08] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ciclo-flecha[data-v-eee67a08] {
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-eee67a08] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-eee67a08] {
  font-size: 1.25rem;
}
.tip-texto[data-v-eee67a08] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eee67a08] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.hormonas-visual[data-v-eee67a08] {
    gap: 1.5rem;
}
.hormona[data-v-eee67a08] {
    padding: 1rem 1.5rem;
}
.hor-icono[data-v-eee67a08] {
    font-size: 2.25rem;
}
.balance-icono[data-v-eee67a08] {
    font-size: 2.5rem;
}
.ciclo-paso[data-v-eee67a08] {
    max-width: 320px;
}
}

/* Intro */
.intro-diabetes[data-v-ad4dd708] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.diabetes-icono[data-v-ad4dd708] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-diabetes p[data-v-ad4dd708] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
strong.hiper-text[data-v-ad4dd708] {
  color: #FCA5A5;
}

/* Tipos section */
.tipos-section[data-v-ad4dd708] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ad4dd708] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-card[data-v-ad4dd708] {
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.tipo-card.tipo1[data-v-ad4dd708] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-card.tipo2[data-v-ad4dd708] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-ad4dd708] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-numero[data-v-ad4dd708] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  font-weight: 800;
  font-size: 0.8rem;
}
.tipo1 .tipo-numero[data-v-ad4dd708] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.tipo2 .tipo-numero[data-v-ad4dd708] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.tipo-nombre[data-v-ad4dd708] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-contenido[data-v-ad4dd708] {
  padding: 0.75rem;
}
.tipo-causa[data-v-ad4dd708] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.tipo-causa strong[data-v-ad4dd708] {
  color: #FFFFFF;
}
.tipo-resultado[data-v-ad4dd708] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.resultado-icono[data-v-ad4dd708] {
  font-size: 1rem;
  flex-shrink: 0;
}
.resultado-texto[data-v-ad4dd708] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tipo-caracteristicas[data-v-ad4dd708] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.carac[data-v-ad4dd708] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Visual comparativo */
.comparativo-section[data-v-ad4dd708] {
  margin: 1.5rem 0;
}
.comparativo-titulo[data-v-ad4dd708] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparativo-grid[data-v-ad4dd708] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-normal[data-v-ad4dd708], .comp-tipo1[data-v-ad4dd708], .comp-tipo2[data-v-ad4dd708] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-normal[data-v-ad4dd708] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-tipo1[data-v-ad4dd708] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-tipo2[data-v-ad4dd708] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-label[data-v-ad4dd708] {
  font-weight: 700;
  font-size: 0.8rem;
}
.comp-normal .comp-label[data-v-ad4dd708] { color: #6EE7B7;
}
.comp-tipo1 .comp-label[data-v-ad4dd708] { color: #FCA5A5;
}
.comp-tipo2 .comp-label[data-v-ad4dd708] { color: #FCD34D;
}
.comp-visual[data-v-ad4dd708] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 1.25rem;
}
.flecha.bloqueado[data-v-ad4dd708] {
  color: #EF4444;
}
.llave.sin[data-v-ad4dd708] {
  opacity: 0.5;
}
.comp-desc[data-v-ad4dd708] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Síntomas */
.sintomas-section[data-v-ad4dd708] {
  margin: 1.5rem 0;
}
.sintomas-titulo[data-v-ad4dd708] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sintomas-grid[data-v-ad4dd708] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.sintoma[data-v-ad4dd708] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sint-icono[data-v-ad4dd708] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.sint-nombre[data-v-ad4dd708] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.sint-desc[data-v-ad4dd708] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Complicaciones */
.complicaciones-section[data-v-ad4dd708] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.complicaciones-titulo[data-v-ad4dd708] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.complicaciones-lista[data-v-ad4dd708] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.complicacion[data-v-ad4dd708] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

/* Tip */
.tip[data-v-ad4dd708] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ad4dd708] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ad4dd708] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ad4dd708] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparativo-grid[data-v-ad4dd708] {
    flex-direction: row;
}
.comp-normal[data-v-ad4dd708], .comp-tipo1[data-v-ad4dd708], .comp-tipo2[data-v-ad4dd708] {
    flex: 1;
}
.sintomas-grid[data-v-ad4dd708] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-f6711d1d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f6711d1d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f6711d1d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f6711d1d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f6711d1d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f6711d1d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f6711d1d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f6711d1d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f6711d1d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f6711d1d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-f6711d1d] {
  text-align: center;
}
.medidor-glicemia[data-v-f6711d1d] {
  margin-bottom: 1rem;
}
.medidor-valor[data-v-f6711d1d] {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.medidor-valor.baja[data-v-f6711d1d] { color: #FCA5A5;
}
.medidor-valor.normal[data-v-f6711d1d] { color: #6EE7B7;
}
.medidor-valor.alta[data-v-f6711d1d] { color: #FCD34D;
}
.medidor-barra[data-v-f6711d1d] {
  position: relative;
  height: 24px;
  margin-bottom: 0.25rem;
}
.barra-fondo[data-v-f6711d1d] {
  display: flex;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.zona-baja[data-v-f6711d1d] { flex: 30; background: rgba(239, 68, 68, 0.4);
}
.zona-normal[data-v-f6711d1d] { flex: 30; background: rgba(16, 185, 129, 0.4);
}
.zona-alta[data-v-f6711d1d] { flex: 100; background: rgba(245, 158, 11, 0.4);
}
.indicador[data-v-f6711d1d] {
  position: absolute;
  top: -4px;
  width: 12px;
  height: 32px;
  background: white;
  border-radius: 6px;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  transition: left 0.5s ease;
}
.indicador.baja[data-v-f6711d1d] { background: #FCA5A5;
}
.indicador.normal[data-v-f6711d1d] { background: #6EE7B7;
}
.indicador.alta[data-v-f6711d1d] { background: #FCD34D;
}
.medidor-labels[data-v-f6711d1d] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding: 0 0.25rem;
}
.escenario-actual[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.escenario-icono[data-v-f6711d1d] {
  font-size: 2rem;
}
.escenario-texto[data-v-f6711d1d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pregunta-sim[data-v-f6711d1d], .pregunta-tipo[data-v-f6711d1d], .pregunta-sint[data-v-f6711d1d] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-sim[data-v-f6711d1d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.opcion-sim[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-sim.insulina[data-v-f6711d1d] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.opcion-sim.glucagon[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-sim.seleccionado.insulina[data-v-f6711d1d] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-sim.seleccionado.glucagon[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-sim.correcto[data-v-f6711d1d] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-sim.incorrecto[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opt-icono[data-v-f6711d1d] { font-size: 1.5rem;
}
.opt-nombre[data-v-f6711d1d] { font-weight: 700; color: #FFFFFF; font-size: 0.9rem;
}
.opt-efecto[data-v-f6711d1d] { font-size: 0.75rem; color: #C4B5FD;
}

/* ===== DESAFÍO 2: Diabetes ===== */
.clasificar-container[data-v-f6711d1d] {
  text-align: center;
}
.caso-diabetes[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-f6711d1d] { font-size: 2rem;
}
.caso-texto[data-v-f6711d1d] { 
  font-size: 0.85rem; 
  color: #E9D5FF; 
  line-height: 1.4;
}
.opciones-diabetes[data-v-f6711d1d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-diabetes[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-diabetes.tipo1[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-diabetes.tipo2[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-diabetes.seleccionado.tipo1[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-diabetes.seleccionado.tipo2[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-diabetes.correcto[data-v-f6711d1d] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-diabetes.incorrecto[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.diab-titulo[data-v-f6711d1d] { font-weight: 800; color: #FFFFFF; font-size: 1rem;
}
.diab-desc[data-v-f6711d1d] { font-size: 0.7rem; color: #C4B5FD; text-align: center;
}
.explicacion-diab[data-v-f6711d1d] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Síntomas ===== */
.sintomas-container[data-v-f6711d1d] {
  text-align: center;
}
.sintoma-actual[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.sint-icono-grande[data-v-f6711d1d] { font-size: 2.5rem;
}
.sint-nombre-grande[data-v-f6711d1d] { font-weight: 800; color: #FFFFFF; font-size: 1.2rem;
}
.sint-desc-grande[data-v-f6711d1d] { font-size: 0.85rem; color: #C4B5FD;
}
.opciones-condicion[data-v-f6711d1d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-cond[data-v-f6711d1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-cond.hipo[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.opcion-cond.hiper[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-cond.seleccionado.hipo[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-cond.seleccionado.hiper[data-v-f6711d1d] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-cond.correcto[data-v-f6711d1d] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-cond.incorrecto[data-v-f6711d1d] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.cond-valor[data-v-f6711d1d] { font-weight: 800; font-size: 1.2rem; color: #FFFFFF;
}
.cond-nombre[data-v-f6711d1d] { font-size: 0.8rem; color: #E9D5FF;
}

/* Elementos comunes */
.contador[data-v-f6711d1d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-f6711d1d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f6711d1d] { font-size: 1.25rem;
}
.resultado-texto[data-v-f6711d1d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f6711d1d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f6711d1d] { flex: 1;
}
.nav-btn[data-v-f6711d1d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f6711d1d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f6711d1d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f6711d1d] { font-size: 1.75rem;
}
.completado-texto[data-v-f6711d1d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f6711d1d], .slide-leave-active[data-v-f6711d1d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f6711d1d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f6711d1d] { opacity: 0; transform: translateX(-15px);
}

/* Header del resumen */
.resumen-header[data-v-4d5454a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-4d5454a9] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-4d5454a9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Conceptos clave */
.concepto-clave[data-v-4d5454a9] {
  margin-bottom: 1.25rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-4d5454a9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.cc-numero[data-v-4d5454a9] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}
.cc-titulo[data-v-4d5454a9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.concepto-contenido[data-v-4d5454a9] {
  padding: 0.75rem;
}
.cc-item[data-v-4d5454a9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.cc-emoji[data-v-4d5454a9] {
  font-size: 1rem;
}
.cc-texto[data-v-4d5454a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cc-texto strong[data-v-4d5454a9] {
  color: #6EE7B7;
}
.cc-rangos[data-v-4d5454a9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.rango[data-v-4d5454a9] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.rango.hipo[data-v-4d5454a9] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.rango.normal[data-v-4d5454a9] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.rango.hiper[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Hormonas resumen */
.hormonas-resumen[data-v-4d5454a9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.hormona-res[data-v-4d5454a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.hormona-res.insulina[data-v-4d5454a9] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.hormona-res.glucagon[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.hr-icono[data-v-4d5454a9] { font-size: 1.25rem;
}
.hr-nombre[data-v-4d5454a9] { font-weight: 700; color: #FFFFFF; font-size: 0.85rem;
}
.hr-celula[data-v-4d5454a9] { font-size: 0.65rem; color: #C4B5FD;
}
.hr-efecto[data-v-4d5454a9] { font-weight: 600; font-size: 0.8rem;
}
.hormona-res.insulina .hr-efecto[data-v-4d5454a9] { color: #93C5FD;
}
.hormona-res.glucagon .hr-efecto[data-v-4d5454a9] { color: #FCD34D;
}
.hr-desc[data-v-4d5454a9] { font-size: 0.65rem; color: #C4B5FD;
}
.cc-importante[data-v-4d5454a9] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  text-align: center;
}
.cc-importante strong[data-v-4d5454a9] {
  color: #FFFFFF;
}

/* Diabetes resumen */
.diabetes-resumen[data-v-4d5454a9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.diab-res[data-v-4d5454a9] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.7rem;
}
.diab-res.tipo1[data-v-4d5454a9] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.diab-res.tipo2[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.dr-tipo[data-v-4d5454a9] {
  font-weight: 800;
  font-size: 0.85rem;
}
.diab-res.tipo1 .dr-tipo[data-v-4d5454a9] { color: #FCA5A5;
}
.diab-res.tipo2 .dr-tipo[data-v-4d5454a9] { color: #FCD34D;
}
.dr-causa[data-v-4d5454a9], .dr-resultado[data-v-4d5454a9], .dr-trat[data-v-4d5454a9] {
  color: #E9D5FF;
  line-height: 1.3;
}
.dr-resultado[data-v-4d5454a9] {
  font-weight: 600;
  color: #FFFFFF;
}

/* Síntomas resumen */
.sintomas-resumen[data-v-4d5454a9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.sint-grupo[data-v-4d5454a9] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.sint-grupo.hiper-group[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.sint-grupo.hipo-group[data-v-4d5454a9] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sg-titulo[data-v-4d5454a9] {
  display: block;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 0.4rem;
}
.hiper-group .sg-titulo[data-v-4d5454a9] { color: #FCD34D;
}
.hipo-group .sg-titulo[data-v-4d5454a9] { color: #FCA5A5;
}
.sg-items[data-v-4d5454a9] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sg-item[data-v-4d5454a9] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-4d5454a9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-4d5454a9] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-4d5454a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-4d5454a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-4d5454a9] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-4d5454a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-4d5454a9] {
  color: #6EE7B7;
}

/* Esquema final */
.esquema-final[data-v-4d5454a9] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.esquema-titulo[data-v-4d5454a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.esquema-contenido[data-v-4d5454a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.esq-row[data-v-4d5454a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.esq-estado[data-v-4d5454a9] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.esq-estado.alta[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.esq-estado.baja[data-v-4d5454a9] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.esq-flecha[data-v-4d5454a9] {
  color: #8B5CF6;
  font-weight: 700;
}
.esq-hormona[data-v-4d5454a9] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.esq-hormona.insulina[data-v-4d5454a9] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.esq-hormona.glucagon[data-v-4d5454a9] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.esq-resultado[data-v-4d5454a9] {
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.esq-row[data-v-4d5454a9] {
    gap: 0.5rem;
}
.esq-estado[data-v-4d5454a9], .esq-hormona[data-v-4d5454a9], .esq-resultado[data-v-4d5454a9] {
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-b7a9ef5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.ojo-simple[data-v-b7a9ef5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.parte[data-v-b7a9ef5a] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
}
.parte.luz[data-v-b7a9ef5a] {
  background: rgba(245, 158, 11, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.5);
  animation: pulse-luz-b7a9ef5a 1.5s ease-in-out infinite;
}
.parte.ojo[data-v-b7a9ef5a] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.parte.cerebro[data-v-b7a9ef5a] {
  background: rgba(236, 72, 153, 0.3);
  border: 2px solid rgba(236, 72, 153, 0.5);
}
@keyframes pulse-luz-b7a9ef5a {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.1); opacity: 0.8;
}
}
.flecha-entrada[data-v-b7a9ef5a] {
  color: #8B5CF6;
  font-size: 1.5rem;
  font-weight: bold;
}
.intro-texto[data-v-b7a9ef5a] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Proceso de visión */
.proceso-section[data-v-b7a9ef5a] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-b7a9ef5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paso-item[data-v-b7a9ef5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 0.5rem;
}
.paso-numero[data-v-b7a9ef5a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0.85rem;
}
.paso-contenido[data-v-b7a9ef5a] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.paso-nombre[data-v-b7a9ef5a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-desc[data-v-b7a9ef5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-desc strong[data-v-b7a9ef5a] {
  color: #FCD34D;
}

/* Concepto box */
.concepto-box[data-v-b7a9ef5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-b7a9ef5a] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-b7a9ef5a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.concepto-titulo[data-v-b7a9ef5a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.concepto-desc[data-v-b7a9ef5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-desc strong[data-v-b7a9ef5a] {
  color: #FCD34D;
}

/* Analogía box */
.analogia-box[data-v-b7a9ef5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.analogia-icono[data-v-b7a9ef5a] {
  font-size: 1.5rem;
}
.analogia-contenido[data-v-b7a9ef5a] {
  flex: 1;
}
.analogia-titulo[data-v-b7a9ef5a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.comparacion[data-v-b7a9ef5a] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.comp-item[data-v-b7a9ef5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.comp-ojo[data-v-b7a9ef5a] {
  color: #93C5FD;
  font-weight: 600;
}
.comp-igual[data-v-b7a9ef5a] {
  color: #8B5CF6;
}
.comp-cam[data-v-b7a9ef5a] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-b7a9ef5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b7a9ef5a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b7a9ef5a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b7a9ef5a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ojo-simple[data-v-b7a9ef5a] {
    gap: 1rem;
}
.parte[data-v-b7a9ef5a] {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
.flecha-entrada[data-v-b7a9ef5a] {
    font-size: 2rem;
}
.comp-item[data-v-b7a9ef5a] {
    font-size: 0.9rem;
}
}

/* Diagrama del ojo */
.diagrama-section[data-v-cd4c163a] {
  margin: 1rem 0 1.5rem;
}
.diagrama-titulo[data-v-cd4c163a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.ojo-diagrama[data-v-cd4c163a] {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.ojo-visual[data-v-cd4c163a] {
  position: relative;
  width: 200px;
  height: 140px;
}
.capa[data-v-cd4c163a] {
  position: absolute;
}
.cornea[data-v-cd4c163a] {
  left: 0;
  top: 30px;
  width: 30px;
  height: 80px;
  background: rgba(147, 197, 253, 0.4);
  border: 2px solid #93C5FD;
  border-radius: 50% 0 0 50%;
}
.cornea .label-mini[data-v-cd4c163a] {
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.6rem;
  color: #93C5FD;
  white-space: nowrap;
}
.pupila-iris[data-v-cd4c163a] {
  position: absolute;
  left: 28px;
  top: 40px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iris[data-v-cd4c163a] {
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, transparent 30%, #8B4513 30%, #654321 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #5D3A1A;
}
.pupila[data-v-cd4c163a] {
  width: 18px;
  height: 18px;
  background: #000;
  border-radius: 50%;
}
.cristalino[data-v-cd4c163a] {
  position: absolute;
  left: 80px;
  top: 45px;
  width: 25px;
  height: 50px;
  background: rgba(252, 211, 77, 0.3);
  border: 2px solid #FCD34D;
  border-radius: 50%;
}
.cristalino .label-mini[data-v-cd4c163a] {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.6rem;
  color: #FCD34D;
  white-space: nowrap;
}
.humor-vitreo[data-v-cd4c163a] {
  position: absolute;
  left: 30px;
  top: 20px;
  width: 140px;
  height: 100px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 50%;
  z-index: -1;
}
.retina[data-v-cd4c163a] {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 15px;
  height: 100px;
  background: rgba(192, 132, 252, 0.4);
  border: 2px solid #C084FC;
  border-radius: 0 50% 50% 0;
}
.retina .label-mini[data-v-cd4c163a] {
  position: absolute;
  right: -40px;
  top: 20%;
  font-size: 0.6rem;
  color: #C084FC;
  white-space: nowrap;
}
.nervio-optico[data-v-cd4c163a] {
  position: absolute;
  right: 0;
  top: 55px;
  width: 30px;
  height: 30px;
}
.nervio-optico[data-v-cd4c163a]::before {
  content: '';
  position: absolute;
  width: 25px;
  height: 12px;
  background: #F59E0B;
  border-radius: 0 6px 6px 0;
  top: 9px;
  left: 5px;
}
.nervio-optico .label-mini[data-v-cd4c163a] {
  position: absolute;
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.6rem;
  color: #F59E0B;
  white-space: nowrap;
}

/* Estructuras */
.estructuras-section[data-v-cd4c163a] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-cd4c163a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-item[data-v-cd4c163a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 0.4rem;
}
.estructura-icono[data-v-cd4c163a] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.estructura-contenido[data-v-cd4c163a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.estructura-nombre[data-v-cd4c163a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.estructura-desc[data-v-cd4c163a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.estructura-desc strong[data-v-cd4c163a] {
  color: #FCD34D;
}

/* Capas */
.capas-section[data-v-cd4c163a] {
  margin: 1.5rem 0;
}
.capas-titulo[data-v-cd4c163a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capas-grid[data-v-cd4c163a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.capa-item[data-v-cd4c163a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.capa-item.externa[data-v-cd4c163a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.capa-item.media[data-v-cd4c163a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.capa-item.interna[data-v-cd4c163a] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.capa-nombre[data-v-cd4c163a] {
  font-weight: 700;
  color: #FFFFFF;
}
.capa-funcion[data-v-cd4c163a] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Regulación */
.regulacion-box[data-v-cd4c163a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.regulacion-icono[data-v-cd4c163a] {
  font-size: 1.5rem;
}
.regulacion-contenido[data-v-cd4c163a] {
  flex: 1;
}
.regulacion-titulo[data-v-cd4c163a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.pupila-estados[data-v-cd4c163a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.estado-pupila[data-v-cd4c163a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pupila-visual[data-v-cd4c163a] {
  font-size: 1.5rem;
  color: #000;
  text-shadow: 0 0 2px #FFF;
}
.pupila-visual.contraida[data-v-cd4c163a] {
  font-size: 0.8rem;
}
.pupila-visual.dilatada[data-v-cd4c163a] {
  font-size: 1.5rem;
}
.estado-texto[data-v-cd4c163a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.estado-texto strong[data-v-cd4c163a] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-cd4c163a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-cd4c163a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cd4c163a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cd4c163a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ojo-visual[data-v-cd4c163a] {
    width: 250px;
    height: 160px;
}
.capas-grid[data-v-cd4c163a] {
    flex-direction: row;
    gap: 0.5rem;
}
.capa-item[data-v-cd4c163a] {
    flex-direction: column;
    flex: 1;
    text-align: center;
    gap: 0.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-5289fc8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.receptores-iconos[data-v-5289fc8f] {
  display: flex;
  gap: 2rem;
}
.receptor[data-v-5289fc8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.receptor-forma[data-v-5289fc8f] {
  font-size: 2.5rem;
  font-weight: bold;
}
.receptor.baston .receptor-forma[data-v-5289fc8f] {
  color: #C4B5FD;
}
.receptor.cono .receptor-forma[data-v-5289fc8f] {
  color: #FCD34D;
}
.receptor-label[data-v-5289fc8f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.intro-texto[data-v-5289fc8f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-5289fc8f] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-5289fc8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-5289fc8f] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-5289fc8f] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
  font-weight: 700;
  font-size: 0.8rem;
}
.col-vacia[data-v-5289fc8f] {
  display: block;
}
.col-titulo[data-v-5289fc8f] {
  text-align: center;
}
.baston-col[data-v-5289fc8f] {
  color: #C4B5FD;
}
.cono-col[data-v-5289fc8f] {
  color: #FCD34D;
}
.tabla-fila[data-v-5289fc8f] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
  font-size: 0.75rem;
}
.tabla-fila[data-v-5289fc8f]:last-child {
  border-bottom: none;
}
.fila-label[data-v-5289fc8f] {
  color: #E9D5FF;
  font-weight: 600;
}
.fila-valor[data-v-5289fc8f] {
  text-align: center;
  color: #E9D5FF;
}
.baston-val[data-v-5289fc8f] {
  color: #C4B5FD;
}
.cono-val[data-v-5289fc8f] {
  color: #FCD34D;
}

/* Tipos de conos */
.conos-section[data-v-5289fc8f] {
  margin: 1.5rem 0;
}
.conos-titulo[data-v-5289fc8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conos-grid[data-v-5289fc8f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.cono-tipo[data-v-5289fc8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cono-tipo.rojo[data-v-5289fc8f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.cono-tipo.verde[data-v-5289fc8f] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cono-tipo.azul[data-v-5289fc8f] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.cono-icono[data-v-5289fc8f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.cono-nombre[data-v-5289fc8f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.cono-longitud[data-v-5289fc8f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.conos-nota[data-v-5289fc8f] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Zonas especiales */
.zonas-section[data-v-5289fc8f] {
  margin: 1.5rem 0;
}
.zonas-titulo[data-v-5289fc8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.zona-item[data-v-5289fc8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.zona-item.fovea[data-v-5289fc8f] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.zona-item.punto-ciego[data-v-5289fc8f] {
  background: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.3);
}
.zona-icono[data-v-5289fc8f] {
  font-size: 1.5rem;
}
.zona-contenido[data-v-5289fc8f] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.zona-nombre[data-v-5289fc8f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.zona-desc[data-v-5289fc8f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.zona-desc strong[data-v-5289fc8f] {
  color: #FCD34D;
}

/* Pigmentos */
.pigmentos-box[data-v-5289fc8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.pigmentos-icono[data-v-5289fc8f] {
  font-size: 1.5rem;
}
.pigmentos-contenido[data-v-5289fc8f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pigmentos-titulo[data-v-5289fc8f] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.pigmentos-desc[data-v-5289fc8f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.pigmentos-desc strong[data-v-5289fc8f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-5289fc8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5289fc8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5289fc8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5289fc8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.receptores-iconos[data-v-5289fc8f] {
    gap: 3rem;
}
.receptor-forma[data-v-5289fc8f] {
    font-size: 3rem;
}
.tabla-fila[data-v-5289fc8f] {
    font-size: 0.85rem;
    padding: 0.5rem;
}
.conos-grid[data-v-5289fc8f] {
    gap: 0.75rem;
}
.cono-tipo[data-v-5289fc8f] {
    padding: 0.75rem;
}
.cono-nombre[data-v-5289fc8f] {
    font-size: 0.9rem;
}
.cono-longitud[data-v-5289fc8f] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.via-simple[data-v-c51349ab] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.etapa[data-v-c51349ab] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.25rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.etapa.retina-e[data-v-c51349ab] {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.5);
}
.etapa.nervio-e[data-v-c51349ab] {
  background: rgba(245, 158, 11, 0.3);
  border-color: rgba(245, 158, 11, 0.5);
}
.etapa.quiasma-e[data-v-c51349ab] {
  background: rgba(239, 68, 68, 0.3);
  border-color: rgba(239, 68, 68, 0.5);
}
.etapa.corteza-e[data-v-c51349ab] {
  background: rgba(16, 185, 129, 0.3);
  border-color: rgba(16, 185, 129, 0.5);
}
.flecha-via[data-v-c51349ab] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: bold;
}
.intro-texto[data-v-c51349ab] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Etapas */
.etapas-section[data-v-c51349ab] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-c51349ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa-item[data-v-c51349ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 0.5rem;
}
.etapa-item.quiasma[data-v-c51349ab] {
  border-left-color: #EF4444;
  background: rgba(239, 68, 68, 0.1);
}
.etapa-numero[data-v-c51349ab] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0.8rem;
}
.etapa-item.quiasma .etapa-numero[data-v-c51349ab] {
  background: #EF4444;
}
.etapa-contenido[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.etapa-nombre[data-v-c51349ab] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.etapa-desc[data-v-c51349ab] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.etapa-desc strong[data-v-c51349ab] {
  color: #FCD34D;
}

/* Quiasma diagrama */
.quiasma-section[data-v-c51349ab] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.quiasma-titulo[data-v-c51349ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.quiasma-diagrama[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ojos-diagrama[data-v-c51349ab] {
  display: flex;
  gap: 3rem;
}
.ojo-izq[data-v-c51349ab], .ojo-der[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.campo-visual[data-v-c51349ab] {
  font-size: 2rem;
}
.campo-visual.izq[data-v-c51349ab] {
  color: #93C5FD;
}
.campo-visual.der[data-v-c51349ab] {
  color: #FCA5A5;
}
.ojo-label[data-v-c51349ab] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.cruce-visual[data-v-c51349ab] {
  position: relative;
  width: 100px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-label[data-v-c51349ab] {
  font-size: 1.5rem;
  color: #EF4444;
  font-weight: bold;
}
.hemisferios[data-v-c51349ab] {
  display: flex;
  gap: 2rem;
}
.hemisferio[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.hemisferio.izq[data-v-c51349ab] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.hemisferio.der[data-v-c51349ab] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.hemi-label[data-v-c51349ab] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.hemi-info[data-v-c51349ab] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.quiasma-nota[data-v-c51349ab] {
  text-align: center;
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}
.quiasma-nota strong[data-v-c51349ab] {
  color: #FCD34D;
}

/* Procesamiento */
.procesamiento-box[data-v-c51349ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.procesamiento-icono[data-v-c51349ab] {
  font-size: 1.5rem;
}
.procesamiento-contenido[data-v-c51349ab] {
  flex: 1;
}
.procesamiento-titulo[data-v-c51349ab] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.celulas-retina[data-v-c51349ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.celula[data-v-c51349ab] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.celula.nervio[data-v-c51349ab] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
  font-weight: 600;
}
.flecha-celula[data-v-c51349ab] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-c51349ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c51349ab] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c51349ab] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c51349ab] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.via-simple[data-v-c51349ab] {
    gap: 0.5rem;
}
.etapa[data-v-c51349ab] {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
}
.flecha-via[data-v-c51349ab] {
    font-size: 1.25rem;
}
.ojos-diagrama[data-v-c51349ab] {
    gap: 5rem;
}
.hemisferios[data-v-c51349ab] {
    gap: 3rem;
}
}

.explorador[data-v-387b66e6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-387b66e6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-387b66e6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-387b66e6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-387b66e6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-387b66e6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-387b66e6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-387b66e6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-387b66e6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-387b66e6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar ===== */
.ordenar-container[data-v-387b66e6] {
  text-align: center;
}
.pregunta-orden[data-v-387b66e6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.estructuras-pool[data-v-387b66e6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.estructura-btn[data-v-387b66e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.estructura-btn[data-v-387b66e6]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.estructura-btn.seleccionado[data-v-387b66e6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.05);
}
.estructura-icono[data-v-387b66e6] {
  font-size: 1.25rem;
}
.estructura-nombre[data-v-387b66e6] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.secuencia-container[data-v-387b66e6] {
  margin: 1rem 0;
}
.secuencia-titulo[data-v-387b66e6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.secuencia-slots[data-v-387b66e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.slot-orden[data-v-387b66e6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.slot-orden.ocupado[data-v-387b66e6] {
  border-style: solid;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-orden.seleccionable[data-v-387b66e6] {
  border-color: #8B5CF6;
  animation: pulse-387b66e6 1s infinite;
}
@keyframes pulse-387b66e6 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-contenido[data-v-387b66e6] {
  font-size: 1.25rem;
}
.slot-num[data-v-387b66e6] {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.flecha-seq[data-v-387b66e6] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.botones-accion[data-v-387b66e6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.btn-verificar[data-v-387b66e6], .btn-reiniciar[data-v-387b66e6] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-387b66e6] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-387b66e6] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.feedback-msg[data-v-387b66e6] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.feedback-msg.error[data-v-387b66e6] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* ===== DESAFÍO 2: Clasificar fotorreceptores ===== */
.clasificar-container[data-v-387b66e6] {
  text-align: center;
}
.caracteristica-actual[data-v-387b66e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caracteristica-icono[data-v-387b66e6] {
  font-size: 2rem;
}
.caracteristica-texto[data-v-387b66e6] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-clasificar[data-v-387b66e6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-receptor[data-v-387b66e6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.opcion-receptor[data-v-387b66e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-receptor[data-v-387b66e6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-receptor.seleccionado[data-v-387b66e6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-receptor.correcto[data-v-387b66e6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-receptor.incorrecto[data-v-387b66e6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-receptor .receptor-forma[data-v-387b66e6] {
  font-size: 2rem;
  font-weight: bold;
}
.opcion-receptor.baston .receptor-forma[data-v-387b66e6] {
  color: #C4B5FD;
}
.opcion-receptor.cono .receptor-forma[data-v-387b66e6] {
  color: #FCD34D;
}
.opcion-receptor .receptor-label[data-v-387b66e6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Vía visual ===== */
.via-container[data-v-387b66e6] {
  text-align: center;
}
.estructura-via-actual[data-v-387b66e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.via-icono[data-v-387b66e6] {
  font-size: 2.5rem;
}
.via-nombre[data-v-387b66e6] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.pregunta-via[data-v-387b66e6] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-via[data-v-387b66e6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.opcion-via-btn[data-v-387b66e6] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-via-btn[data-v-387b66e6]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-via-btn.seleccionado[data-v-387b66e6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-via-btn.correcto[data-v-387b66e6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-via-btn.incorrecto[data-v-387b66e6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Elementos comunes */
.contador[data-v-387b66e6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-387b66e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-387b66e6] { font-size: 1.25rem;
}
.resultado-texto[data-v-387b66e6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-387b66e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-387b66e6] { flex: 1;
}
.nav-btn[data-v-387b66e6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-387b66e6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-387b66e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-387b66e6] { font-size: 1.75rem;
}
.completado-texto[data-v-387b66e6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-387b66e6], .slide-leave-active[data-v-387b66e6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-387b66e6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-387b66e6] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-50a06b0e] {
  font-size: 2rem;
}
.resumen-intro p[data-v-50a06b0e] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-50a06b0e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-50a06b0e] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-50a06b0e] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-50a06b0e]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-50a06b0e] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-50a06b0e] {
    grid-column: span 1;
}
}
.card-header[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-50a06b0e] {
  font-size: 1.25rem;
}
.card-titulo[data-v-50a06b0e] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-50a06b0e] {
  color: #E9D5FF;
}
.card-nota[data-v-50a06b0e] {
  margin: 0.75rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Recorrido visual */
.recorrido-visual[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.recorrido-item[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.rec-icono[data-v-50a06b0e] {
  font-size: 1.25rem;
}
.rec-nombre[data-v-50a06b0e] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.rec-flecha[data-v-50a06b0e] {
  color: #8B5CF6;
  font-weight: bold;
  font-size: 0.9rem;
}

/* Receptor resumen */
.receptor-resumen[data-v-50a06b0e] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.receptor-col[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.receptor-col.baston[data-v-50a06b0e] {
  background: rgba(196, 181, 253, 0.1);
  border: 1px solid rgba(196, 181, 253, 0.3);
}
.receptor-col.cono[data-v-50a06b0e] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.receptor-forma[data-v-50a06b0e] {
  font-size: 1.75rem;
  font-weight: bold;
}
.receptor-col.baston .receptor-forma[data-v-50a06b0e] {
  color: #C4B5FD;
}
.receptor-col.cono .receptor-forma[data-v-50a06b0e] {
  color: #FCD34D;
}
.receptor-nombre[data-v-50a06b0e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.receptor-lista[data-v-50a06b0e] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.receptor-lista li[data-v-50a06b0e] {
  margin-bottom: 0.1rem;
}

/* Zonas resumen */
.zonas-resumen[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.zona-item[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.zona-item.fovea[data-v-50a06b0e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.zona-item.punto-ciego[data-v-50a06b0e] {
  background: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.3);
}
.zona-icono[data-v-50a06b0e] {
  font-size: 1.25rem;
}
.zona-info[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
}
.zona-nombre[data-v-50a06b0e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.zona-desc[data-v-50a06b0e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Vía resumen */
.via-resumen[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.via-paso[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 60px;
}
.via-paso.quiasma[data-v-50a06b0e] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.via-icono[data-v-50a06b0e] {
  font-size: 1.25rem;
}
.via-nombre[data-v-50a06b0e] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.via-funcion[data-v-50a06b0e] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.via-flecha[data-v-50a06b0e] {
  color: #8B5CF6;
  font-weight: bold;
  font-size: 0.9rem;
}

/* Transducción visual */
.transduccion-visual[data-v-50a06b0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.trans-item[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.trans-item.destac[data-v-50a06b0e] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.trans-icono[data-v-50a06b0e] {
  font-size: 1.5rem;
}
.trans-label[data-v-50a06b0e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.trans-flecha[data-v-50a06b0e] {
  color: #8B5CF6;
  font-weight: bold;
  font-size: 1.25rem;
}

/* Tips finales */
.tips-finales[data-v-50a06b0e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-50a06b0e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-50a06b0e] {
  font-size: 1.25rem;
}
.tip-text[data-v-50a06b0e] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-50a06b0e] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-50a06b0e] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-50a06b0e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-50a06b0e 1s ease-in-out infinite;
}
@keyframes bounce-50a06b0e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-50a06b0e] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.recorrido-visual[data-v-50a06b0e] {
    gap: 0.5rem;
}
.rec-icono[data-v-50a06b0e] {
    font-size: 1.5rem;
}
.rec-nombre[data-v-50a06b0e] {
    font-size: 0.75rem;
}
.via-paso[data-v-50a06b0e] {
    min-width: 80px;
    padding: 0.5rem;
}
.via-nombre[data-v-50a06b0e] {
    font-size: 0.75rem;
}
.via-funcion[data-v-50a06b0e] {
    font-size: 0.65rem;
}
}

/* Intro visual animada */
.intro-visual[data-v-44235e32] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.sinapsis-animada[data-v-44235e32] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.neurona-pre[data-v-44235e32], .neurona-post[data-v-44235e32] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.terminal-pre[data-v-44235e32] {
  font-size: 2.5rem;
  color: #FCD34D;
}
.vesicula-container[data-v-44235e32] {
  display: flex;
  gap: 0.2rem;
  margin-top: -0.5rem;
}
.vesicula[data-v-44235e32] {
  font-size: 0.5rem;
  color: #C4B5FD;
  animation: vesicula-pulse-44235e32 2s ease-in-out infinite;
}
.vesicula.v2[data-v-44235e32] { animation-delay: 0.3s;
}
.vesicula.v3[data-v-44235e32] { animation-delay: 0.6s;
}
@keyframes vesicula-pulse-44235e32 {
0%, 100% { opacity: 0.5; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.3);
}
}
.espacio-sinaptico[data-v-44235e32] {
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  position: relative;
}
.nt-movil[data-v-44235e32] {
  font-size: 0.6rem;
  color: #C4B5FD;
  animation: nt-flow-44235e32 2s ease-in-out infinite;
}
.nt-movil.nt2[data-v-44235e32] { animation-delay: 0.5s;
}
.nt-movil.nt3[data-v-44235e32] { animation-delay: 1s;
}
@keyframes nt-flow-44235e32 {
0% { transform: translateX(-8px); opacity: 0.3;
}
50% { transform: translateX(8px); opacity: 1;
}
100% { transform: translateX(-8px); opacity: 0.3;
}
}
.receptores[data-v-44235e32] {
  display: flex;
  gap: 0.2rem;
  margin-bottom: -0.3rem;
}
.receptor[data-v-44235e32] {
  font-size: 1.2rem;
  color: #6EE7B7;
  animation: receptor-glow-44235e32 2s ease-in-out infinite;
}
.receptor.r2[data-v-44235e32] { animation-delay: 0.5s;
}
.receptor.r3[data-v-44235e32] { animation-delay: 1s;
}
@keyframes receptor-glow-44235e32 {
0%, 100% { opacity: 0.6;
}
50% { opacity: 1; text-shadow: 0 0 8px rgba(110, 231, 183, 0.6);
}
}
.labels-sinapsis[data-v-44235e32] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.label-pre[data-v-44235e32] { color: #FCD34D;
}
.label-hendidura[data-v-44235e32] { color: #C4B5FD;
}
.label-post[data-v-44235e32] { color: #6EE7B7;
}

/* Texto destacado */
strong.quimica[data-v-44235e32] {
  color: #C4B5FD;
}
strong.nt-color[data-v-44235e32] {
  color: #C4B5FD;
}
strong.receptor-color[data-v-44235e32] {
  color: #6EE7B7;
}
strong.calcio[data-v-44235e32] {
  color: #F59E0B;
}

/* Tipos de sinapsis */
.tipos-section[data-v-44235e32] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-44235e32] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-44235e32] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-44235e32] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.quimica[data-v-44235e32] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-card.electrica[data-v-44235e32] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-44235e32] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-44235e32] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-44235e32] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tipo-desc strong[data-v-44235e32] {
  color: #FCD34D;
}

/* Componentes section */
.componentes-section[data-v-44235e32] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-44235e32] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componente-item[data-v-44235e32] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  margin-bottom: 0.4rem;
  border-radius: 0.5rem;
}
.componente-item.pre[data-v-44235e32] {
  background: rgba(252, 211, 77, 0.1);
  border-left: 3px solid #FCD34D;
}
.componente-item.hendidura[data-v-44235e32] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.componente-item.post[data-v-44235e32] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.componente-icono[data-v-44235e32] {
  font-size: 1.1rem;
}
.componente-contenido[data-v-44235e32] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.componente-nombre[data-v-44235e32] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.componente-desc[data-v-44235e32] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Proceso section */
.proceso-section[data-v-44235e32] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-44235e32] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paso-item[data-v-44235e32] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-left: 2px solid #8B5CF6;
  margin-bottom: 0.3rem;
}
.paso-num[data-v-44235e32] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-desc[data-v-44235e32] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-desc strong[data-v-44235e32] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-44235e32] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-44235e32] {
  font-size: 1.25rem;
}
.tip-texto[data-v-44235e32] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-44235e32] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.terminal-pre[data-v-44235e32] {
    font-size: 3rem;
}
.espacio-sinaptico[data-v-44235e32] {
    width: 60px;
}
.receptor[data-v-44235e32] {
    font-size: 1.5rem;
}
.labels-sinapsis[data-v-44235e32] {
    font-size: 0.75rem;
}
.paso-desc[data-v-44235e32] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-c1b60ff7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.llave-cerradura[data-v-c1b60ff7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.75rem;
}
.nt-icon[data-v-c1b60ff7] { animation: key-turn-c1b60ff7 2s ease-in-out infinite;
}
@keyframes key-turn-c1b60ff7 {
0%, 100% { transform: rotate(0deg);
}
50% { transform: rotate(-20deg);
}
}
.flecha[data-v-c1b60ff7], .igual[data-v-c1b60ff7] { color: #8B5CF6; font-size: 1.25rem;
}
.efecto[data-v-c1b60ff7] { animation: pulse-efecto-c1b60ff7 1s ease-in-out infinite;
}
@keyframes pulse-efecto-c1b60ff7 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}
.llave-desc[data-v-c1b60ff7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Texto destacado */
strong.nt-text[data-v-c1b60ff7] { color: #C4B5FD;
}
strong.receptor-text[data-v-c1b60ff7] { color: #6EE7B7;
}
strong.excit[data-v-c1b60ff7] { color: #6EE7B7;
}
strong.inhib[data-v-c1b60ff7] { color: #FCA5A5;
}

/* Efectos section */
.efectos-section[data-v-c1b60ff7] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-c1b60ff7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efectos-grid[data-v-c1b60ff7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.efecto-card[data-v-c1b60ff7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.efecto-card.excitatorio[data-v-c1b60ff7] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.efecto-card.inhibitorio[data-v-c1b60ff7] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.efecto-icono[data-v-c1b60ff7] { font-size: 1.5rem;
}
.efecto-nombre[data-v-c1b60ff7] {
  font-weight: 700;
  font-size: 0.8rem;
}
.efecto-card.excitatorio .efecto-nombre[data-v-c1b60ff7] { color: #6EE7B7;
}
.efecto-card.inhibitorio .efecto-nombre[data-v-c1b60ff7] { color: #FCA5A5;
}
.efecto-desc[data-v-c1b60ff7] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.efecto-desc strong[data-v-c1b60ff7] {
  color: #FCD34D;
}

/* NT section */
.nt-section[data-v-c1b60ff7] {
  margin: 1.5rem 0;
}
.nt-titulo[data-v-c1b60ff7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nt-grid[data-v-c1b60ff7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.nt-card[data-v-c1b60ff7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.nt-card.excit[data-v-c1b60ff7] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nt-card.inhib[data-v-c1b60ff7] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.nt-card.modul[data-v-c1b60ff7] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nt-header[data-v-c1b60ff7] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.nt-emoji[data-v-c1b60ff7] { font-size: 1rem;
}
.nt-nombre[data-v-c1b60ff7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.nt-funcion[data-v-c1b60ff7] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.nt-tipo[data-v-c1b60ff7] {
  font-size: 0.6rem;
  font-weight: 600;
}
.nt-card.excit .nt-tipo[data-v-c1b60ff7] { color: #6EE7B7;
}
.nt-card.inhib .nt-tipo[data-v-c1b60ff7] { color: #FCA5A5;
}
.nt-card.modul .nt-tipo[data-v-c1b60ff7] { color: #93C5FD;
}
.nt-dato[data-v-c1b60ff7] {
  font-size: 0.6rem;
  color: #FCD34D;
  font-style: italic;
}

/* Destino section */
.destino-section[data-v-c1b60ff7] {
  margin: 1.5rem 0;
}
.destino-titulo[data-v-c1b60ff7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.destino-grid[data-v-c1b60ff7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.destino-item[data-v-c1b60ff7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.destino-num[data-v-c1b60ff7] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.destino-nombre[data-v-c1b60ff7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
  min-width: 80px;
}
.destino-desc[data-v-c1b60ff7] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-c1b60ff7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c1b60ff7] { font-size: 1.25rem;
}
.tip-texto[data-v-c1b60ff7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1b60ff7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.nt-grid[data-v-c1b60ff7] {
    grid-template-columns: repeat(3, 1fr);
}
.nt-nombre[data-v-c1b60ff7] {
    font-size: 0.8rem;
}
.destino-grid[data-v-c1b60ff7] {
    flex-direction: row;
}
.destino-item[data-v-c1b60ff7] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.destino-nombre[data-v-c1b60ff7] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-bf62ea61] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.droga-sinapsis[data-v-bf62ea61] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.normal[data-v-bf62ea61], .alterada[data-v-bf62ea61] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.label-estado[data-v-bf62ea61] {
  font-size: 0.75rem;
  font-weight: 600;
}
.normal .label-estado[data-v-bf62ea61] { color: #6EE7B7;
}
.alterada .label-estado[data-v-bf62ea61] { color: #FCA5A5;
}
.mini-sinapsis[data-v-bf62ea61] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nt-normal[data-v-bf62ea61] {
  color: #C4B5FD;
  font-size: 0.5rem;
  letter-spacing: 2px;
}
.nt-alterado[data-v-bf62ea61] {
  color: #FCA5A5;
  font-size: 0.5rem;
  letter-spacing: 1px;
  animation: overflow-nt-bf62ea61 1s ease-in-out infinite;
}
@keyframes overflow-nt-bf62ea61 {
0%, 100% { opacity: 0.7;
}
50% { opacity: 1;
}
}
.receptor-normal[data-v-bf62ea61], .receptor-alterado[data-v-bf62ea61] {
  font-size: 0.8rem;
  color: #6EE7B7;
  letter-spacing: 2px;
}

/* Texto destacado */
strong.nt-text[data-v-bf62ea61] { color: #C4B5FD;
}
strong.agonista[data-v-bf62ea61] { color: #6EE7B7;
}
strong.antagonista[data-v-bf62ea61] { color: #FCA5A5;
}
strong.cocaina[data-v-bf62ea61] { color: #FCA5A5;
}

/* Mecanismos section */
.mecanismos-section[data-v-bf62ea61] {
  margin: 1.5rem 0;
}
.mecanismos-titulo[data-v-bf62ea61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mecanismo-card[data-v-bf62ea61] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.mecanismo-card.aumenta[data-v-bf62ea61] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mecanismo-card.disminuye[data-v-bf62ea61] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.mecanismo-header[data-v-bf62ea61] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.mecanismo-icono[data-v-bf62ea61] { font-size: 1.1rem;
}
.mecanismo-nombre[data-v-bf62ea61] {
  font-weight: 700;
  font-size: 0.9rem;
}
.mecanismo-card.aumenta .mecanismo-nombre[data-v-bf62ea61] { color: #6EE7B7;
}
.mecanismo-card.disminuye .mecanismo-nombre[data-v-bf62ea61] { color: #FCA5A5;
}
.mecanismo-lista[data-v-bf62ea61] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.mecanismo-lista li[data-v-bf62ea61] {
  margin-bottom: 0.15rem;
}
.mecanismo-lista strong[data-v-bf62ea61] {
  color: #FCD34D;
}

/* Drogas section */
.drogas-section[data-v-bf62ea61] {
  margin: 1.5rem 0;
}
.drogas-titulo[data-v-bf62ea61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.droga-grid[data-v-bf62ea61] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.droga-card[data-v-bf62ea61] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.droga-card.estimulante[data-v-bf62ea61] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.droga-card.depresor[data-v-bf62ea61] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.droga-card.otro[data-v-bf62ea61] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.droga-header[data-v-bf62ea61] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.droga-emoji[data-v-bf62ea61] { font-size: 1rem;
}
.droga-nombre[data-v-bf62ea61] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.droga-mecanismo[data-v-bf62ea61] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.droga-efecto[data-v-bf62ea61] {
  font-size: 0.65rem;
  color: #FCD34D;
}
.droga-tipo[data-v-bf62ea61] {
  font-size: 0.55rem;
  font-weight: 600;
  margin-top: 0.1rem;
}
.droga-card.estimulante .droga-tipo[data-v-bf62ea61] { color: #FCD34D;
}
.droga-card.depresor .droga-tipo[data-v-bf62ea61] { color: #93C5FD;
}
.droga-card.otro .droga-tipo[data-v-bf62ea61] { color: #C4B5FD;
}

/* Tolerancia section */
.tolerancia-section[data-v-bf62ea61] {
  margin: 1.5rem 0;
}
.tolerancia-titulo[data-v-bf62ea61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tolerancia-grid[data-v-bf62ea61] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tolerancia-card[data-v-bf62ea61] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.tolerancia-icono[data-v-bf62ea61] {
  font-size: 1.25rem;
}
.tolerancia-nombre[data-v-bf62ea61] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.8rem;
  min-width: 100px;
}
.tolerancia-desc[data-v-bf62ea61] {
  font-size: 0.75rem;
  color: #E9D5FF;
  flex: 1;
}
.tolerancia-desc strong[data-v-bf62ea61] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-bf62ea61] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bf62ea61] { font-size: 1.25rem;
}
.tip-texto[data-v-bf62ea61] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bf62ea61] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.droga-grid[data-v-bf62ea61] {
    grid-template-columns: repeat(3, 1fr);
}
.droga-nombre[data-v-bf62ea61] {
    font-size: 0.8rem;
}
.tolerancia-grid[data-v-bf62ea61] {
    flex-direction: row;
}
.tolerancia-card[data-v-bf62ea61] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 0.75rem;
}
.tolerancia-nombre[data-v-bf62ea61] {
    min-width: auto;
}
}

.explorador[data-v-486e907c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-486e907c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-486e907c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-486e907c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-486e907c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-486e907c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-486e907c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-486e907c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-486e907c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-486e907c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar pasos ===== */
.sinapsis-sim[data-v-486e907c] {
  text-align: center;
}
.sim-pregunta[data-v-486e907c] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pasos-pool[data-v-486e907c] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 1rem;
}
.paso-btn[data-v-486e907c] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.paso-btn[data-v-486e907c]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.paso-btn.seleccionado[data-v-486e907c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.paso-texto[data-v-486e907c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.secuencia-container[data-v-486e907c] {
  margin: 1rem 0;
}
.secuencia-slots[data-v-486e907c] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-paso[data-v-486e907c] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-height: 44px;
}
.slot-paso.ocupado[data-v-486e907c] {
  border-style: solid;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.slot-paso.seleccionable[data-v-486e907c] {
  border-color: #8B5CF6;
  animation: pulse-486e907c 1s infinite;
}
@keyframes pulse-486e907c {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-contenido[data-v-486e907c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slot-num[data-v-486e907c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.slot-texto[data-v-486e907c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.slot-placeholder[data-v-486e907c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 700;
}
.botones-accion[data-v-486e907c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.btn-verificar[data-v-486e907c], .btn-reiniciar[data-v-486e907c] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-486e907c] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-486e907c] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.feedback-msg[data-v-486e907c] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.feedback-msg.error[data-v-486e907c] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* ===== DESAFÍO 2: Neurotransmisores ===== */
.nt-quiz-container[data-v-486e907c] {
  text-align: center;
}
.nt-pregunta-actual[data-v-486e907c] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.nt-descripcion[data-v-486e907c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-nt[data-v-486e907c], .pregunta-droga[data-v-486e907c] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-nt[data-v-486e907c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.opcion-nt-btn[data-v-486e907c] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.75rem;
  transition: all 0.2s ease;
}
.opcion-nt-btn[data-v-486e907c]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-nt-btn.seleccionado[data-v-486e907c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-nt-btn.correcto[data-v-486e907c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-nt-btn.incorrecto[data-v-486e907c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Drogas ===== */
.drogas-quiz-container[data-v-486e907c] {
  text-align: center;
}
.droga-actual[data-v-486e907c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.droga-emoji[data-v-486e907c] {
  font-size: 2.5rem;
}
.droga-nombre[data-v-486e907c] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.opciones-droga[data-v-486e907c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.opcion-droga-btn[data-v-486e907c] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-droga-btn[data-v-486e907c]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-droga-btn.seleccionado[data-v-486e907c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-droga-btn.correcto[data-v-486e907c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-droga-btn.incorrecto[data-v-486e907c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Elementos comunes */
.contador[data-v-486e907c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-486e907c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-486e907c] { font-size: 1.25rem;
}
.resultado-texto[data-v-486e907c] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-486e907c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-486e907c] { flex: 1;
}
.nav-btn[data-v-486e907c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-486e907c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-486e907c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-486e907c] { font-size: 1.75rem;
}
.completado-texto[data-v-486e907c] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-486e907c], .slide-leave-active[data-v-486e907c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-486e907c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-486e907c] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-nt[data-v-486e907c] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Header */
.resumen-header[data-v-be394bd5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-be394bd5] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-be394bd5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto box */
.concepto-box[data-v-be394bd5] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.concepto-header[data-v-be394bd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}
.concepto-num[data-v-be394bd5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-titulo[data-v-be394bd5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Proceso resumen */
.proceso-resumen[data-v-be394bd5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-mini[data-v-be394bd5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.65rem;
  color: #E9D5FF;
}
.paso-mini.calcio[data-v-be394bd5] {
  color: #F59E0B;
}
.paso-icon[data-v-be394bd5] {
  font-size: 1rem;
}
.flecha[data-v-be394bd5] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.concepto-nota[data-v-be394bd5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0 0;
  text-align: center;
}
strong.calcio[data-v-be394bd5] {
  color: #F59E0B;
}

/* NT resumen grid */
.nt-resumen-grid[data-v-be394bd5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.nt-mini[data-v-be394bd5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.4rem;
  text-align: center;
}
.nt-mini.excit[data-v-be394bd5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nt-mini.inhib[data-v-be394bd5] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.nt-mini.modul[data-v-be394bd5] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nt-name[data-v-be394bd5] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.nt-rol[data-v-be394bd5] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Drogas resumen */
.drogas-resumen[data-v-be394bd5] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.droga-mini[data-v-be394bd5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.droga-icon[data-v-be394bd5] {
  font-size: 1rem;
}
.droga-name[data-v-be394bd5] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FCD34D;
  min-width: 60px;
}
.droga-mec[data-v-be394bd5] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-be394bd5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.tips-titulo[data-v-be394bd5] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.6rem;
  font-size: 0.95rem;
}
.tip-item[data-v-be394bd5] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.tip-item[data-v-be394bd5]:last-child {
  margin-bottom: 0;
}
.tip-check[data-v-be394bd5] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
}
.tip-text[data-v-be394bd5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-be394bd5] {
  color: #FCD34D;
}
.tip-text strong.excit[data-v-be394bd5] {
  color: #6EE7B7;
}
.tip-text strong.inhib[data-v-be394bd5] {
  color: #FCA5A5;
}
.tip-text strong.dopamina[data-v-be394bd5] {
  color: #93C5FD;
}
.tip-text strong.ach[data-v-be394bd5] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-be394bd5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-be394bd5] {
  font-size: 2rem;
}
.final-contenido[data-v-be394bd5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-be394bd5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.final-texto[data-v-be394bd5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-resumen[data-v-be394bd5] {
    flex-wrap: nowrap;
}
.nt-resumen-grid[data-v-be394bd5] {
    grid-template-columns: repeat(3, 1fr);
}
.drogas-resumen[data-v-be394bd5] {
    flex-direction: row;
}
.droga-mini[data-v-be394bd5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.droga-name[data-v-be394bd5] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-1d484e2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.cuerpo-glandulas[data-v-1d484e2c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.glandula[data-v-1d484e2c] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  animation: pulse-gland-1d484e2c 2s ease-in-out infinite;
}
.glandula.hipotalamo[data-v-1d484e2c] {
  background: rgba(245, 158, 11, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.5);
  animation-delay: 0s;
}
.glandula.tiroides[data-v-1d484e2c] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  animation-delay: 0.5s;
}
.glandula.suprarrenal[data-v-1d484e2c] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
  animation-delay: 1s;
}
.glandula.pancreas[data-v-1d484e2c] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.5);
  animation-delay: 1.5s;
}
@keyframes pulse-gland-1d484e2c {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.flechas-hormonas[data-v-1d484e2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
}
.hormona[data-v-1d484e2c] { color: #C4B5FD;
}
.flecha[data-v-1d484e2c] { color: #8B5CF6;
}
.diana[data-v-1d484e2c] { color: #FCD34D;
}

/* Texto hormona destacado */
strong.hormona-text[data-v-1d484e2c] {
  color: #C4B5FD;
}

/* Comparación de sistemas */
.comparacion-section[data-v-1d484e2c] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-1d484e2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-1d484e2c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.sistema[data-v-1d484e2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.sistema.nervioso[data-v-1d484e2c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.sistema.endocrino[data-v-1d484e2c] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.sis-icono[data-v-1d484e2c] {
  font-size: 1.75rem;
}
.sis-nombre[data-v-1d484e2c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.sis-carac[data-v-1d484e2c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Conceptos */
.conceptos-section[data-v-1d484e2c] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-1d484e2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-item[data-v-1d484e2c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 0.5rem;
}
.conc-icono[data-v-1d484e2c] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.conc-contenido[data-v-1d484e2c] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.conc-nombre[data-v-1d484e2c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.conc-desc[data-v-1d484e2c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.conc-desc strong[data-v-1d484e2c] {
  color: #FCD34D;
}

/* Funciones */
.funciones-section[data-v-1d484e2c] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-1d484e2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-1d484e2c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.funcion[data-v-1d484e2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.func-icono[data-v-1d484e2c] {
  font-size: 1.25rem;
}
.func-texto[data-v-1d484e2c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-1d484e2c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1d484e2c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1d484e2c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1d484e2c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuerpo-glandulas[data-v-1d484e2c] {
    gap: 1rem;
}
.glandula[data-v-1d484e2c] {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
.comparacion-grid[data-v-1d484e2c] {
    gap: 0.75rem;
}
.sistema[data-v-1d484e2c] {
    padding: 1rem;
}
.sis-carac[data-v-1d484e2c] {
    font-size: 0.75rem;
}
.funciones-grid[data-v-1d484e2c] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Diagrama del cuerpo */
.cuerpo-section[data-v-a1ff0de9] {
  margin: 1.5rem 0;
}
.cuerpo-titulo[data-v-a1ff0de9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cuerpo-diagrama[data-v-a1ff0de9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.glandula-row[data-v-a1ff0de9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.glandula-row.doble[data-v-a1ff0de9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.glandula-card[data-v-a1ff0de9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.5rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.glandula-card.hipotalamo[data-v-a1ff0de9] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.glandula-card.hipofisis[data-v-a1ff0de9] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.glandula-card.tiroides[data-v-a1ff0de9] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.glandula-card.paratiroides[data-v-a1ff0de9] {
  background: rgba(236, 72, 153, 0.15);
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.glandula-card.suprarrenal[data-v-a1ff0de9] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.glandula-card.pancreas[data-v-a1ff0de9] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.glandula-card.ovarios[data-v-a1ff0de9] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.4);
}
.glandula-card.testiculos[data-v-a1ff0de9] {
  background: rgba(99, 102, 241, 0.15);
  border: 1px solid rgba(99, 102, 241, 0.4);
}
.gl-icono[data-v-a1ff0de9] {
  font-size: 1.25rem;
}
.gl-nombre[data-v-a1ff0de9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.gl-hormona[data-v-a1ff0de9] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.gl-funcion[data-v-a1ff0de9] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Hormonas clave */
.hormonas-section[data-v-a1ff0de9] {
  margin: 1.5rem 0;
}
.hormonas-titulo[data-v-a1ff0de9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hormonas-lista[data-v-a1ff0de9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.hormona-item[data-v-a1ff0de9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.hor-header[data-v-a1ff0de9] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.hor-nombre[data-v-a1ff0de9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.hor-origen[data-v-a1ff0de9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.hor-efecto[data-v-a1ff0de9] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.hor-efecto strong.baja[data-v-a1ff0de9] {
  color: #6EE7B7;
}
.hor-efecto strong.sube[data-v-a1ff0de9] {
  color: #FCA5A5;
}

/* Eje hipotálamo-hipófisis */
.eje-section[data-v-a1ff0de9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.eje-titulo[data-v-a1ff0de9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.eje-diagrama[data-v-a1ff0de9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.eje-item[data-v-a1ff0de9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.eje-icono[data-v-a1ff0de9] {
  font-size: 1.25rem;
}
.eje-nombre[data-v-a1ff0de9] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.eje-flecha[data-v-a1ff0de9] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.eje-desc[data-v-a1ff0de9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
  margin: 0;
}
.eje-desc strong[data-v-a1ff0de9] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-a1ff0de9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a1ff0de9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a1ff0de9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a1ff0de9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.glandula-card[data-v-a1ff0de9] {
    padding: 0.75rem 0.5rem;
}
.gl-icono[data-v-a1ff0de9] {
    font-size: 1.5rem;
}
.gl-nombre[data-v-a1ff0de9] {
    font-size: 0.85rem;
}
.gl-hormona[data-v-a1ff0de9], .gl-funcion[data-v-a1ff0de9] {
    font-size: 0.7rem;
}
.hormonas-lista[data-v-a1ff0de9] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Tipos de hormonas */
.tipos-section[data-v-55b04e50] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-55b04e50] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-55b04e50] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-55b04e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.liposoluble[data-v-55b04e50] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.hidrosoluble[data-v-55b04e50] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-icono[data-v-55b04e50] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-55b04e50] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-desc[data-v-55b04e50] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tipo-ejemplos[data-v-55b04e50] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-top: 0.25rem;
}
.ej-label[data-v-55b04e50] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.ej-list[data-v-55b04e50] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Mecanismo section */
.mecanismo-section[data-v-55b04e50] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.mecanismo-section.mecanismo-lipo[data-v-55b04e50] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.mecanismo-section.mecanismo-hidro[data-v-55b04e50] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.mecanismo-titulo[data-v-55b04e50] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.mec-icono[data-v-55b04e50] {
  font-size: 1.1rem;
}
.mecanismo-diagrama[data-v-55b04e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.paso-mec[data-v-55b04e50] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
}
.paso-mec.resultado[data-v-55b04e50] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  justify-content: center;
}
.paso-num[data-v-55b04e50] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-55b04e50] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-55b04e50] {
  color: #FCD34D;
}
.flecha-mec[data-v-55b04e50] {
  font-size: 1rem;
  color: #8B5CF6;
}

/* Comparación visual */
.comparacion-visual[data-v-55b04e50] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-55b04e50] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-tabla[data-v-55b04e50] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.comp-header[data-v-55b04e50], .comp-fila[data-v-55b04e50] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.comp-header[data-v-55b04e50] {
  font-weight: 700;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-header .col-lipo[data-v-55b04e50] {
  color: #FCD34D;
  text-align: center;
}
.comp-header .col-hidro[data-v-55b04e50] {
  color: #93C5FD;
  text-align: center;
}
.comp-fila[data-v-55b04e50] {
  padding: 0.4rem 0;
}
.fila-label[data-v-55b04e50] {
  color: #C4B5FD;
  font-weight: 600;
}
.comp-fila .col-lipo[data-v-55b04e50], .comp-fila .col-hidro[data-v-55b04e50] {
  color: #E9D5FF;
  text-align: center;
}

/* Feedback negativo */
.feedback-section[data-v-55b04e50] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.feedback-titulo[data-v-55b04e50] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.feedback-diagrama[data-v-55b04e50] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.feed-paso[data-v-55b04e50] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 65px;
}
.feed-icono[data-v-55b04e50] {
  font-size: 1.25rem;
}
.feed-texto[data-v-55b04e50] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.feed-flecha[data-v-55b04e50] {
  font-size: 1rem;
  color: #8B5CF6;
}
.feedback-desc[data-v-55b04e50] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
  margin: 0;
}
.feedback-desc strong[data-v-55b04e50] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-55b04e50] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-55b04e50] {
  font-size: 1.25rem;
}
.tip-texto[data-v-55b04e50] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-55b04e50] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-55b04e50] {
    gap: 0.75rem;
}
.tipo-card[data-v-55b04e50] {
    padding: 1rem;
}
.tipo-nombre[data-v-55b04e50] {
    font-size: 1rem;
}
.feedback-diagrama[data-v-55b04e50] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.feed-paso[data-v-55b04e50] {
    min-width: 80px;
    padding: 0.5rem;
}
.feed-texto[data-v-55b04e50] {
    font-size: 0.7rem;
}
}

.explorador[data-v-8066531c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8066531c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8066531c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8066531c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8066531c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8066531c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8066531c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8066531c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8066531c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8066531c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Emparejar ===== */
.emparejar-container[data-v-8066531c] {
  text-align: center;
}
.glandula-actual[data-v-8066531c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.glan-icono[data-v-8066531c] {
  font-size: 2.5rem;
}
.glan-nombre[data-v-8066531c] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.glan-pista[data-v-8066531c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-hormona[data-v-8066531c], .pregunta-tipo[data-v-8066531c], .pregunta-caso[data-v-8066531c] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-hormona[data-v-8066531c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-hor[data-v-8066531c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.opcion-hor[data-v-8066531c]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-hor.seleccionado[data-v-8066531c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-hor.correcto[data-v-8066531c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-hor.incorrecto[data-v-8066531c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-8066531c] {
  text-align: center;
}
.hormona-actual[data-v-8066531c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.hor-icono[data-v-8066531c] {
  font-size: 2rem;
}
.hor-nombre[data-v-8066531c] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.hor-pista[data-v-8066531c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.opciones-tipo[data-v-8066531c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-8066531c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-tipo.lipo[data-v-8066531c] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.opcion-tipo.hidro[data-v-8066531c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.opcion-tipo.seleccionado.lipo[data-v-8066531c] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-tipo.seleccionado.hidro[data-v-8066531c] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-tipo.correcto[data-v-8066531c] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.incorrecto[data-v-8066531c] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.tipo-icono[data-v-8066531c] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-8066531c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-8066531c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Casos clínicos ===== */
.casos-container[data-v-8066531c] {
  text-align: center;
}
.caso-actual[data-v-8066531c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-8066531c] {
  font-size: 2rem;
}
.caso-titulo[data-v-8066531c] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.caso-texto[data-v-8066531c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-caso[data-v-8066531c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-caso[data-v-8066531c] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.8rem;
  transition: all 0.2s ease;
}
.opcion-caso[data-v-8066531c]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-caso.seleccionado[data-v-8066531c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.opcion-caso.correcto[data-v-8066531c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-caso.incorrecto[data-v-8066531c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.explicacion-caso[data-v-8066531c] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.feedback-msg[data-v-8066531c] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.contador[data-v-8066531c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-8066531c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8066531c] { font-size: 1.25rem;
}
.resultado-texto[data-v-8066531c] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8066531c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8066531c] { flex: 1;
}
.nav-btn[data-v-8066531c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8066531c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8066531c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8066531c] { font-size: 1.75rem;
}
.completado-texto[data-v-8066531c] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8066531c], .slide-leave-active[data-v-8066531c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8066531c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8066531c] { opacity: 0; transform: translateX(-15px);
}

/* Intro del resumen */
.resumen-intro[data-v-c56e50ec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-c56e50ec] {
  font-size: 1.25rem;
}
.resumen-texto[data-v-c56e50ec] {
  color: #E9D5FF;
  font-weight: 600;
}

/* Concepto central */
.concepto-central[data-v-c56e50ec] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.cc-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.cc-definicion[data-v-c56e50ec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}
.cc-definicion strong[data-v-c56e50ec] {
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-c56e50ec] {
  margin-bottom: 1.5rem;
}
.pk-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.punto-item[data-v-c56e50ec] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.punto-item[data-v-c56e50ec]:last-child {
  border-bottom: none;
}
.punto-num[data-v-c56e50ec] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.punto-contenido[data-v-c56e50ec] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.punto-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.punto-detalle[data-v-c56e50ec] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.punto-detalle strong[data-v-c56e50ec] {
  color: #FCD34D;
}
.punto-detalle strong.baja[data-v-c56e50ec] {
  color: #6EE7B7;
}
.punto-detalle strong.sube[data-v-c56e50ec] {
  color: #FCA5A5;
}

/* Tabla resumen */
.tabla-section[data-v-c56e50ec] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tabla-contenido[data-v-c56e50ec] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-c56e50ec] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  font-size: 0.75rem;
}
.tabla-fila.header[data-v-c56e50ec] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-fila[data-v-c56e50ec]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-fila[data-v-c56e50ec]:not(.header):nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.col-hormona[data-v-c56e50ec] {
  font-weight: 600;
  color: #FCD34D;
}
.col-glandula[data-v-c56e50ec] {
  color: #C4B5FD;
}
.col-funcion[data-v-c56e50ec] {
  color: #E9D5FF;
}

/* Feedback visual */
.feedback-visual[data-v-c56e50ec] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.fv-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.fv-diagrama[data-v-c56e50ec] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.fv-paso[data-v-c56e50ec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 50px;
}
.fv-paso.retro[data-v-c56e50ec] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.fv-icono[data-v-c56e50ec] {
  font-size: 1rem;
}
.fv-texto[data-v-c56e50ec] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.fv-flecha[data-v-c56e50ec] {
  font-size: 0.9rem;
  color: #8B5CF6;
}
.fv-flecha.retro[data-v-c56e50ec] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-c56e50ec] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-c56e50ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tip-item[data-v-c56e50ec] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.tip-bullet[data-v-c56e50ec] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-c56e50ec] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c56e50ec] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-c56e50ec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-c56e50ec] {
  font-size: 1.5rem;
}
.mf-texto[data-v-c56e50ec] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.fv-diagrama[data-v-c56e50ec] {
    flex-wrap: nowrap;
    gap: 0.4rem;
}
.fv-paso[data-v-c56e50ec] {
    min-width: 60px;
    padding: 0.5rem;
}
.fv-icono[data-v-c56e50ec] {
    font-size: 1.25rem;
}
.fv-texto[data-v-c56e50ec] {
    font-size: 0.7rem;
}
.tabla-fila[data-v-c56e50ec] {
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-89a03c64] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-89a03c64] {
  font-size: 2.5rem;
  animation: float-89a03c64 2s ease-in-out infinite;
}
.intro-visual .icono[data-v-89a03c64]:nth-child(2) {
  animation-delay: 0.3s;
}
.intro-visual .icono[data-v-89a03c64]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes float-89a03c64 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Datos de la prueba */
.datos-prueba[data-v-89a03c64] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.datos-titulo[data-v-89a03c64] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.datos-grid[data-v-89a03c64] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.dato-card[data-v-89a03c64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.dato-icono[data-v-89a03c64] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.dato-valor[data-v-89a03c64] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dato-label[data-v-89a03c64] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
}

/* Tiempo section */
.tiempo-section[data-v-89a03c64] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tiempo-titulo[data-v-89a03c64] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  text-align: center;
}
.tiempo-calculo[data-v-89a03c64] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.calculo-paso[data-v-89a03c64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.calculo-num[data-v-89a03c64] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.calculo-texto[data-v-89a03c64] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.calculo-operador[data-v-89a03c64] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.calculo-resultado[data-v-89a03c64] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.resultado-num[data-v-89a03c64] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-texto[data-v-89a03c64] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.tiempo-nota[data-v-89a03c64] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Estructura section */
.estructura-section[data-v-89a03c64] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-89a03c64] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.estructura-lista[data-v-89a03c64] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estructura-item[data-v-89a03c64] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.item-numero[data-v-89a03c64] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.item-contenido[data-v-89a03c64] {
  flex: 1;
}
.item-titulo[data-v-89a03c64] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.item-desc[data-v-89a03c64] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.item-badge[data-v-89a03c64] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-89a03c64] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-89a03c64] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-89a03c64] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-89a03c64] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono[data-v-89a03c64] {
    font-size: 3rem;
}
.datos-grid[data-v-89a03c64] {
    grid-template-columns: repeat(4, 1fr);
}
.dato-valor[data-v-89a03c64] {
    font-size: 2rem;
}
}

/* Intro */
.intro-textos[data-v-a5d13b92] {
  margin-bottom: 1.5rem;
}
.intro-textos p[data-v-a5d13b92] {
  color: #E9D5FF;
  line-height: 1.6;
  margin: 0;
}

/* Categorías */
.categorias-section[data-v-a5d13b92] {
  margin: 1.5rem 0;
}
.categoria-titulo[data-v-a5d13b92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.categorias-grid[data-v-a5d13b92] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 640px) {
.categorias-grid[data-v-a5d13b92] {
    grid-template-columns: 1fr 1fr;
}
}
.categoria-card[data-v-a5d13b92] {
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.categoria-card.literarios[data-v-a5d13b92] {
  border-color: rgba(168, 85, 247, 0.4);
}
.categoria-card.no-literarios[data-v-a5d13b92] {
  border-color: rgba(59, 130, 246, 0.4);
}
.cat-header[data-v-a5d13b92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.categoria-card.literarios .cat-header[data-v-a5d13b92] {
  background: rgba(168, 85, 247, 0.2);
}
.categoria-card.no-literarios .cat-header[data-v-a5d13b92] {
  background: rgba(59, 130, 246, 0.2);
}
.cat-icono[data-v-a5d13b92] {
  font-size: 1.5rem;
}
.cat-nombre[data-v-a5d13b92] {
  font-weight: 700;
  color: #FFFFFF;
}
.cat-body[data-v-a5d13b92] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.cat-desc[data-v-a5d13b92] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.cat-lista[data-v-a5d13b92] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.cat-lista li[data-v-a5d13b92] {
  margin-bottom: 0.25rem;
}

/* Tipos específicos */
.tipos-section[data-v-a5d13b92] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a5d13b92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipo-grupo[data-v-a5d13b92] {
  margin-bottom: 1rem;
}
.grupo-header[data-v-a5d13b92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  font-weight: 600;
  font-size: 0.9rem;
}
.grupo-header.literario[data-v-a5d13b92] {
  background: rgba(168, 85, 247, 0.3);
  color: #E9D5FF;
}
.grupo-header.no-literario[data-v-a5d13b92] {
  background: rgba(59, 130, 246, 0.3);
  color: #E9D5FF;
}
.grupo-header.discontinuo[data-v-a5d13b92] {
  background: rgba(16, 185, 129, 0.3);
  color: #E9D5FF;
}
.grupo-icono[data-v-a5d13b92] {
  font-size: 1rem;
}
.tipos-grid[data-v-a5d13b92] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.5rem 0.5rem;
}
@media (max-width: 500px) {
.tipos-grid[data-v-a5d13b92] {
    grid-template-columns: 1fr;
}
}
.tipo-card[data-v-a5d13b92] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tipo-emoji[data-v-a5d13b92] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-a5d13b92] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-ejemplos[data-v-a5d13b92] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Distribución */
.distribucion-section[data-v-a5d13b92] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.dist-titulo[data-v-a5d13b92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.dist-barras[data-v-a5d13b92] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.dist-barra[data-v-a5d13b92] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dist-label[data-v-a5d13b92] {
  width: 100px;
  font-size: 0.8rem;
  color: #E9D5FF;
  flex-shrink: 0;
}
.dist-bar-container[data-v-a5d13b92] {
  flex: 1;
  height: 20px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
.dist-bar[data-v-a5d13b92] {
  height: 100%;
  border-radius: 10px;
}
.dist-bar.no-lit[data-v-a5d13b92] {
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
}
.dist-bar.lit[data-v-a5d13b92] {
  background: linear-gradient(90deg, #A855F7, #C084FC);
}
.dist-bar.disc[data-v-a5d13b92] {
  background: linear-gradient(90deg, #10B981, #34D399);
}
.dist-porcentaje[data-v-a5d13b92] {
  width: 45px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: right;
}

/* Tip */
.tip[data-v-a5d13b92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a5d13b92] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a5d13b92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a5d13b92] {
  color: #FCD34D;
}

/* Intro */
.intro-preguntas[data-v-57ce55bc] {
  margin-bottom: 1.5rem;
}
.intro-preguntas p[data-v-57ce55bc] {
  color: #E9D5FF;
  line-height: 1.6;
  margin: 0;
}

/* Habilidades como preguntas */
.habilidades-preguntas[data-v-57ce55bc] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.habilidad-pregunta[data-v-57ce55bc] {
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.habilidad-pregunta.localizar[data-v-57ce55bc] {
  border-color: rgba(16, 185, 129, 0.4);
}
.habilidad-pregunta.interpretar[data-v-57ce55bc] {
  border-color: rgba(59, 130, 246, 0.4);
}
.habilidad-pregunta.evaluar[data-v-57ce55bc] {
  border-color: rgba(168, 85, 247, 0.4);
}
.hp-header[data-v-57ce55bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.habilidad-pregunta.localizar .hp-header[data-v-57ce55bc] {
  background: rgba(16, 185, 129, 0.2);
}
.habilidad-pregunta.interpretar .hp-header[data-v-57ce55bc] {
  background: rgba(59, 130, 246, 0.2);
}
.habilidad-pregunta.evaluar .hp-header[data-v-57ce55bc] {
  background: rgba(168, 85, 247, 0.2);
}
.hp-icono-container[data-v-57ce55bc] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.hp-icono[data-v-57ce55bc] {
  font-size: 1.5rem;
}
.hp-info[data-v-57ce55bc] {
  flex: 1;
}
.hp-nombre[data-v-57ce55bc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.hp-porcentaje[data-v-57ce55bc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.hp-body[data-v-57ce55bc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.hp-descripcion[data-v-57ce55bc] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.hp-ejemplos[data-v-57ce55bc] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-57ce55bc] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-lista[data-v-57ce55bc] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #FFFFFF;
  font-style: italic;
}
.ejemplo-lista li[data-v-57ce55bc] {
  margin-bottom: 0.25rem;
}

/* Formato section */
.formato-section[data-v-57ce55bc] {
  margin: 1.5rem 0;
}
.formato-titulo[data-v-57ce55bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.formato-card[data-v-57ce55bc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formato-item[data-v-57ce55bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}
.formato-item[data-v-57ce55bc]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.formato-check[data-v-57ce55bc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 50%;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.formato-texto[data-v-57ce55bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Estrategia section */
.estrategia-section[data-v-57ce55bc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-57ce55bc] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
}
.estrategia-pasos[data-v-57ce55bc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estrategia-paso[data-v-57ce55bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-57ce55bc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.paso-texto[data-v-57ce55bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-57ce55bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-57ce55bc] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-57ce55bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-57ce55bc] {
  color: #6EE7B7;
}

.explorador[data-v-377cf16b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-377cf16b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-377cf16b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-377cf16b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-377cf16b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-377cf16b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-377cf16b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-377cf16b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-377cf16b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-377cf16b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar textos ===== */
.clasificar-container[data-v-377cf16b] {
  text-align: center;
}
.texto-ejemplo[data-v-377cf16b] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  text-align: left;
}
.texto-label[data-v-377cf16b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.texto-contenido[data-v-377cf16b] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
.opciones-clasificar[data-v-377cf16b] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-377cf16b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 90px;
}
.opcion-btn[data-v-377cf16b]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionado[data-v-377cf16b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-377cf16b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecto[data-v-377cf16b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-icono[data-v-377cf16b] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-377cf16b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Identificar habilidad ===== */
.identificar-container[data-v-377cf16b] {
  text-align: center;
}
.pregunta-ejemplo[data-v-377cf16b] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.pregunta-label[data-v-377cf16b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-377cf16b] {
  color: #FFFFFF;
  font-size: 1rem;
  font-style: italic;
}
.opciones-habilidad[data-v-377cf16b] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.habilidad-btn[data-v-377cf16b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 90px;
}
.habilidad-btn[data-v-377cf16b]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.habilidad-btn.seleccionado[data-v-377cf16b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.habilidad-btn.correcto[data-v-377cf16b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.habilidad-btn.incorrecto[data-v-377cf16b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.hab-icono[data-v-377cf16b] {
  font-size: 1.5rem;
}
.hab-nombre[data-v-377cf16b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 3: Tiempo ===== */
.tiempo-container[data-v-377cf16b] {
  text-align: center;
}
.tiempo-situacion[data-v-377cf16b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-377cf16b] {
  font-size: 1.25rem;
}
.situacion-texto[data-v-377cf16b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tiempo-pregunta[data-v-377cf16b] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.tiempo-input-group[data-v-377cf16b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tiempo-input[data-v-377cf16b] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.tiempo-input.correcto[data-v-377cf16b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.tiempo-input.incorrecto[data-v-377cf16b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.tiempo-unidad[data-v-377cf16b] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar-tiempo[data-v-377cf16b] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y contadores */
.feedback-error[data-v-377cf16b] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.resultado-correcto[data-v-377cf16b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-377cf16b] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-377cf16b] {
  color: #6EE7B7;
  font-weight: 600;
}
.contador-textos[data-v-377cf16b],
.contador-preguntas[data-v-377cf16b],
.contador-situaciones[data-v-377cf16b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-377cf16b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-377cf16b] {
  flex: 1;
}
.nav-btn[data-v-377cf16b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-377cf16b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-377cf16b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-377cf16b] {
  font-size: 1.75rem;
}
.completado-texto[data-v-377cf16b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-377cf16b],
.slide-leave-active[data-v-377cf16b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-377cf16b] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-377cf16b] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-bb97e4b8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-bb97e4b8] {
  font-size: 2rem;
}
.resumen-intro p[data-v-bb97e4b8] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-bb97e4b8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-bb97e4b8] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-bb97e4b8] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-bb97e4b8]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-bb97e4b8] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-bb97e4b8] {
    grid-column: span 1;
}
}
.card-header[data-v-bb97e4b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-bb97e4b8] {
  font-size: 1.25rem;
}
.card-titulo[data-v-bb97e4b8] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-bb97e4b8] {
  color: #E9D5FF;
}

/* Datos resumen */
.datos-resumen[data-v-bb97e4b8] {
  display: flex;
  justify-content: space-around;
}
.dato-mini[data-v-bb97e4b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-num[data-v-bb97e4b8] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dato-txt[data-v-bb97e4b8] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
}

/* Textos resumen */
.textos-resumen[data-v-bb97e4b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.texto-tipo[data-v-bb97e4b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.tipo-icono[data-v-bb97e4b8] {
  font-size: 1rem;
}
.tipo-nombre[data-v-bb97e4b8] {
  flex: 1;
  color: #E9D5FF;
}
.tipo-pct[data-v-bb97e4b8] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Habilidades resumen */
.habilidades-resumen[data-v-bb97e4b8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.habilidades-resumen[data-v-bb97e4b8] {
    flex-direction: row;
}
}
.hab-item[data-v-bb97e4b8] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.hab-item.localizar[data-v-bb97e4b8] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.hab-item.interpretar[data-v-bb97e4b8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.hab-item.evaluar[data-v-bb97e4b8] {
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.hab-icono[data-v-bb97e4b8] {
  font-size: 1.25rem;
}
.hab-info[data-v-bb97e4b8] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hab-nombre[data-v-bb97e4b8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.hab-desc[data-v-bb97e4b8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.hab-pct[data-v-bb97e4b8] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}

/* Formato lista */
.formato-lista[data-v-bb97e4b8] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
}
.formato-lista li[data-v-bb97e4b8] {
  margin-bottom: 0.25rem;
}

/* Frases lista */
.frases-lista[data-v-bb97e4b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.frase-item[data-v-bb97e4b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.frase-hab[data-v-bb97e4b8] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.frase-hab.loc[data-v-bb97e4b8] {
  background: #10B981;
}
.frase-hab.int[data-v-bb97e4b8] {
  background: #3B82F6;
}
.frase-hab.eva[data-v-bb97e4b8] {
  background: #A855F7;
}
.frase-txt[data-v-bb97e4b8] {
  font-size: 0.85rem;
  font-style: italic;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-bb97e4b8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-bb97e4b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-bb97e4b8] {
  font-size: 1.25rem;
}
.tip-text[data-v-bb97e4b8] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-bb97e4b8] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-bb97e4b8] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-bb97e4b8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-bb97e4b8 1s ease-in-out infinite;
}
@keyframes bounce-bb97e4b8 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-bb97e4b8] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-bb97e4b8] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-50eccd5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.idea-principal-icon[data-v-50eccd5e],
.ideas-secundarias-icon[data-v-50eccd5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.idea-principal-icon .icono[data-v-50eccd5e] {
  font-size: 2.5rem;
  animation: pulse-glow-50eccd5e 2s ease-in-out infinite;
}
.ideas-secundarias-icon .icono[data-v-50eccd5e] {
  font-size: 2rem;
}
@keyframes pulse-glow-50eccd5e {
0%, 100% { transform: scale(1); filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.5));
}
50% { transform: scale(1.1); filter: drop-shadow(0 0 16px rgba(245, 158, 11, 0.8));
}
}
.idea-principal-icon .label[data-v-50eccd5e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.ideas-secundarias-icon .label[data-v-50eccd5e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
}
.flechas[data-v-50eccd5e] {
  color: #8B5CF6;
  font-size: 1.25rem;
  letter-spacing: 0.25rem;
}

/* Analogía box */
.analogia-box[data-v-50eccd5e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-50eccd5e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.estructura-visual[data-v-50eccd5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.techo[data-v-50eccd5e] {
  width: 100%;
  max-width: 280px;
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.75rem;
  text-align: center;
  position: relative;
}
.techo[data-v-50eccd5e]::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 140px solid transparent;
  border-right: 140px solid transparent;
  border-bottom: 15px solid #FCD34D;
}
.estructura-label[data-v-50eccd5e] {
  display: block;
  font-weight: 800;
  color: #1F2937;
  font-size: 0.9rem;
}
.estructura-desc[data-v-50eccd5e] {
  font-size: 0.75rem;
  color: #374151;
}
.paredes[data-v-50eccd5e] {
  display: flex;
  gap: 0.25rem;
  width: 100%;
  max-width: 280px;
}
.pared[data-v-50eccd5e] {
  flex: 1;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0.5rem;
  text-align: center;
}
.pared-label[data-v-50eccd5e] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}
.paredes-label[data-v-50eccd5e] {
  font-size: 0.75rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}
.analogia-explicacion[data-v-50eccd5e] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}

/* Definiciones grid */
.definiciones-grid[data-v-50eccd5e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion[data-v-50eccd5e] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.definicion.principal[data-v-50eccd5e] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.definicion.secundaria[data-v-50eccd5e] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.def-header[data-v-50eccd5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-50eccd5e] {
  font-size: 1.25rem;
}
.def-titulo[data-v-50eccd5e] {
  font-weight: 700;
  font-size: 1rem;
}
.definicion.principal .def-titulo[data-v-50eccd5e] {
  color: #FCD34D;
}
.definicion.secundaria .def-titulo[data-v-50eccd5e] {
  color: #93C5FD;
}
.def-texto[data-v-50eccd5e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Ejemplo concreto */
.ejemplo-concreto[data-v-50eccd5e] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-50eccd5e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-50eccd5e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.highlight-principal[data-v-50eccd5e] {
  background: rgba(245, 158, 11, 0.2);
  border-left: 3px solid #FCD34D;
  padding: 0.5rem;
  color: #FFFFFF;
  font-weight: 600;
  border-radius: 0 0.25rem 0.25rem 0;
}
.texto-secundario[data-v-50eccd5e] {
  padding-left: 0.75rem;
  color: #C4B5FD;
  font-size: 0.9rem;
  line-height: 1.5;
  border-left: 3px solid rgba(59, 130, 246, 0.4);
}
.ejemplo-analisis[data-v-50eccd5e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-50eccd5e] {
  font-size: 0.85rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.analisis-item .tag[data-v-50eccd5e] {
  font-weight: 700;
  white-space: nowrap;
}
.analisis-item.principal .tag[data-v-50eccd5e] {
  color: #FCD34D;
}
.analisis-item.secundaria .tag[data-v-50eccd5e] {
  color: #93C5FD;
}
.analisis-item[data-v-50eccd5e] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-50eccd5e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-50eccd5e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-50eccd5e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-50eccd5e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-50eccd5e] {
    flex-direction: row;
}
.definicion[data-v-50eccd5e] {
    flex: 1;
}
.techo[data-v-50eccd5e]::before {
    border-left-width: 160px;
    border-right-width: 160px;
}
}

/* Comparativa section */
.comparativa-section[data-v-9b5edae0] {
  margin: 1rem 0 1.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.comparativa-header[data-v-9b5edae0] {
  display: none;
}
.comparativa-rows[data-v-9b5edae0] {
  display: flex;
  flex-direction: column;
}
.comparativa-row[data-v-9b5edae0] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.comparativa-row[data-v-9b5edae0]:last-child {
  border-bottom: none;
}
.criterio[data-v-9b5edae0] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.valor[data-v-9b5edae0] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.valor.principal[data-v-9b5edae0] {
  background: rgba(245, 158, 11, 0.15);
  color: #FCD34D;
  border-left: 3px solid #F59E0B;
}
.valor.secundaria[data-v-9b5edae0] {
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  border-left: 3px solid #3B82F6;
}

/* Pregunta clave */
.pregunta-clave[data-v-9b5edae0] {
  display: flex;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-9b5edae0] {
  font-size: 2rem;
  flex-shrink: 0;
}
.pregunta-contenido[data-v-9b5edae0] {
  flex: 1;
}
.pregunta-titulo[data-v-9b5edae0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-9b5edae0] {
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.pregunta-respuestas[data-v-9b5edae0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.respuesta[data-v-9b5edae0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.resp-tag[data-v-9b5edae0] {
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.respuesta.si .resp-tag[data-v-9b5edae0] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.respuesta.no .resp-tag[data-v-9b5edae0] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.respuesta span[data-v-9b5edae0]:last-child {
  color: #E9D5FF;
}

/* Tipos section */
.tipos-section[data-v-9b5edae0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-9b5edae0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-9b5edae0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-9b5edae0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-9b5edae0] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-9b5edae0] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.tipo-ejemplo[data-v-9b5edae0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-9b5edae0] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-9b5edae0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.parrafo-ejemplo[data-v-9b5edae0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.oracion[data-v-9b5edae0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.oracion[data-v-9b5edae0]:hover {
  background: rgba(139, 92, 246, 0.2);
}
.oracion.destacada[data-v-9b5edae0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.oracion-num[data-v-9b5edae0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.oracion-texto[data-v-9b5edae0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.instruccion-toca[data-v-9b5edae0] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin: 0;
}
.analisis-oracion[data-v-9b5edae0] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.analisis-pregunta[data-v-9b5edae0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.analisis-resultado[data-v-9b5edae0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.resultado-tag[data-v-9b5edae0] {
  font-weight: 800;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.analisis-resultado.principal .resultado-tag[data-v-9b5edae0] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.analisis-resultado.secundaria .resultado-tag[data-v-9b5edae0] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.resultado-texto[data-v-9b5edae0] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-9b5edae0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-9b5edae0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-9b5edae0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-9b5edae0] {
  color: #6EE7B7;
}

/* Transiciones */
.fade-enter-active[data-v-9b5edae0],
.fade-leave-active[data-v-9b5edae0] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-9b5edae0],
.fade-leave-to[data-v-9b5edae0] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.comparativa-header[data-v-9b5edae0] {
    display: flex;
    background: rgba(139, 92, 246, 0.2);
}
.col-header[data-v-9b5edae0] {
    flex: 1;
    padding: 0.75rem;
    font-weight: 700;
    text-align: center;
}
.col-header.principal[data-v-9b5edae0] {
    color: #FCD34D;
}
.col-header.secundaria[data-v-9b5edae0] {
    color: #93C5FD;
}
.comparativa-row[data-v-9b5edae0] {
    flex-direction: row;
    align-items: center;
}
.criterio[data-v-9b5edae0] {
    width: 140px;
    margin-bottom: 0;
    flex-shrink: 0;
}
.valor[data-v-9b5edae0] {
    flex: 1;
    margin-bottom: 0;
    margin-left: 0.5rem;
}
.tipos-grid[data-v-9b5edae0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Técnica box */
.tecnica-box[data-v-0469aa10] {
  display: flex;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.25rem 0;
}
.tecnica-numero[data-v-0469aa10] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
  color: white;
  flex-shrink: 0;
}
.tecnica-contenido[data-v-0469aa10] {
  flex: 1;
}
.tecnica-titulo[data-v-0469aa10] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tecnica-desc[data-v-0469aa10] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.tecnica-tip[data-v-0469aa10] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}

/* Ubicaciones visual */
.ubicaciones-visual[data-v-0469aa10] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.ubicacion-item[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ubicacion-diagrama[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
}
.linea[data-v-0469aa10] {
  width: 50px;
  height: 6px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
}
.linea.highlight[data-v-0469aa10] {
  background: #FCD34D;
}
.ubicacion-label[data-v-0469aa10] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Palabras grid */
.palabras-grid[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.palabra-grupo[data-v-0469aa10] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.palabra-grupo.principal[data-v-0469aa10] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.palabra-grupo.secundaria[data-v-0469aa10] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.grupo-titulo[data-v-0469aa10] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.palabra-grupo.principal .grupo-titulo[data-v-0469aa10] {
  color: #FCD34D;
}
.palabra-grupo.secundaria .grupo-titulo[data-v-0469aa10] {
  color: #93C5FD;
}
.palabras-lista[data-v-0469aa10] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.palabra[data-v-0469aa10] {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}

/* Preguntas guía */
.preguntas-guia[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-item[data-v-0469aa10] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pregunta-item.principal[data-v-0469aa10] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.pregunta-item.secundaria[data-v-0469aa10] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.pregunta-icono[data-v-0469aa10] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pregunta-texto[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pregunta-texto strong[data-v-0469aa10] {
  font-size: 0.85rem;
}
.pregunta-item.principal .pregunta-texto strong[data-v-0469aa10] {
  color: #FCD34D;
}
.pregunta-item.secundaria .pregunta-texto strong[data-v-0469aa10] {
  color: #93C5FD;
}
.pregunta-texto span[data-v-0469aa10] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Eliminación pasos */
.eliminacion-pasos[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-eliminacion[data-v-0469aa10] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-0469aa10] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.paso-texto[data-v-0469aa10] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Método rápido */
.metodo-rapido[data-v-0469aa10] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-header[data-v-0469aa10] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.metodo-icono[data-v-0469aa10] {
  font-size: 1.5rem;
}
.metodo-titulo[data-v-0469aa10] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #6EE7B7;
}
.metodo-pasos[data-v-0469aa10] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-0469aa10] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-badge[data-v-0469aa10] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}

/* Advertencia */
.advertencia[data-v-0469aa10] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.adv-icono[data-v-0469aa10] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.adv-texto[data-v-0469aa10] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.adv-texto strong[data-v-0469aa10] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.palabras-grid[data-v-0469aa10] {
    flex-direction: row;
}
.palabra-grupo[data-v-0469aa10] {
    flex: 1;
}
.linea[data-v-0469aa10] {
    width: 70px;
}
}

.explorador[data-v-e371d910] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-e371d910] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-e371d910] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
  cursor: pointer;
}
.progreso-item.activo[data-v-e371d910] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e371d910] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Leyenda */
.leyenda[data-v-e371d910] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.leyenda-item[data-v-e371d910] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.leyenda-item.principal[data-v-e371d910] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.leyenda-item.secundaria[data-v-e371d910] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}

/* Desafío container */
.desafio-container[data-v-e371d910] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e371d910] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e371d910] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}
.desafio-instruccion[data-v-e371d910] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Párrafo contenedor */
.parrafo-contenedor[data-v-e371d910] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.oracion-item[data-v-e371d910] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.oracion-item[data-v-e371d910]:hover:not(.clasificada) {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.3);
}
.oracion-item.seleccionada[data-v-e371d910] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.oracion-item.clasificada[data-v-e371d910] {
  opacity: 0.9;
}
.oracion-item.correcta[data-v-e371d910] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.15);
}
.oracion-item.incorrecta[data-v-e371d910] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.15);
}
.oracion-marker[data-v-e371d910] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.oracion-marker.principal[data-v-e371d910] {
  background: rgba(245, 158, 11, 0.3);
}
.oracion-marker.secundaria[data-v-e371d910] {
  background: rgba(59, 130, 246, 0.3);
}
.oracion-texto[data-v-e371d910] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Botones clasificación */
.clasificacion-botones[data-v-e371d910] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-clasificar[data-v-e371d910] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem;
  border: 2px solid;
  border-radius: 0.75rem;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-clasificar.principal[data-v-e371d910] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
  color: #FCD34D;
}
.btn-clasificar.principal[data-v-e371d910]:hover:not(:disabled) {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.btn-clasificar.secundaria[data-v-e371d910] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.btn-clasificar.secundaria[data-v-e371d910]:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.btn-clasificar[data-v-e371d910]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-icono[data-v-e371d910] {
  font-size: 1.25rem;
}

/* Acción container */
.accion-container[data-v-e371d910] {
  text-align: center;
  margin-top: 1rem;
}
.btn-verificar[data-v-e371d910] {
  padding: 0.85rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-e371d910]:hover {
  background: #059669;
}
.btn-reintentar[data-v-e371d910] {
  padding: 0.75rem 1.5rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
}

/* Resultado box */
.resultado-box[data-v-e371d910] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-top: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.resultado-box.correcto[data-v-e371d910] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.resultado-icono[data-v-e371d910] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.resultado-contenido[data-v-e371d910] {
  flex: 1;
}
.resultado-titulo[data-v-e371d910] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.resultado-explicacion[data-v-e371d910] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Navegación */
.desafio-nav[data-v-e371d910] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e371d910] { flex: 1;
}
.nav-btn[data-v-e371d910] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-e371d910] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e371d910] { font-size: 1.75rem;
}
.completado-texto[data-v-e371d910] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e371d910], .slide-leave-active[data-v-e371d910] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e371d910] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e371d910] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-e371d910], .fade-leave-active[data-v-e371d910] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-e371d910], .fade-leave-to[data-v-e371d910] {
  opacity: 0;
}

/* Resumen visual */
.resumen-visual[data-v-f59e9b8a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.concepto-card[data-v-f59e9b8a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
  min-width: 130px;
}
.concepto-card.principal[data-v-f59e9b8a] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
}
.concepto-card.secundaria[data-v-f59e9b8a] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.card-icono[data-v-f59e9b8a] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  font-size: 0.9rem;
}
.concepto-card.principal .card-titulo[data-v-f59e9b8a] {
  color: #FCD34D;
}
.concepto-card.secundaria .card-titulo[data-v-f59e9b8a] {
  color: #93C5FD;
}
.card-desc[data-v-f59e9b8a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.relacion-flechas[data-v-f59e9b8a] {
  font-size: 1.5rem;
}

/* Puntos clave */
.puntos-clave[data-v-f59e9b8a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.punto-item[data-v-f59e9b8a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.punto-item[data-v-f59e9b8a]:last-child {
  margin-bottom: 0;
}
.punto-check[data-v-f59e9b8a] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.punto-texto[data-v-f59e9b8a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Preguntas PAES */
.preguntas-paes[data-v-f59e9b8a] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pregunta-paes[data-v-f59e9b8a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.pregunta-bullet[data-v-f59e9b8a] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Estrategia box */
.estrategia-box[data-v-f59e9b8a] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-header[data-v-f59e9b8a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.estrategia-icono[data-v-f59e9b8a] {
  font-size: 1.5rem;
}
.estrategia-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #6EE7B7;
}
.estrategia-pasos[data-v-f59e9b8a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia-paso[data-v-f59e9b8a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-f59e9b8a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-f59e9b8a] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Errores box */
.errores-box[data-v-f59e9b8a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.errores-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.error-item[data-v-f59e9b8a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.error-item[data-v-f59e9b8a]:last-child {
  margin-bottom: 0;
}
.error-icono[data-v-f59e9b8a] {
  flex-shrink: 0;
}
.error-texto[data-v-f59e9b8a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip final */
.tip-final[data-v-f59e9b8a] {
  display: flex;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-f59e9b8a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-f59e9b8a] {
  flex: 1;
}
.tip-titulo[data-v-f59e9b8a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.tip-texto[data-v-f59e9b8a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Cierre */
.cierre[data-v-f59e9b8a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.cierre-emoji[data-v-f59e9b8a] {
  font-size: 2rem;
}
.cierre-texto[data-v-f59e9b8a] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-f59e9b8a] {
    gap: 1.5rem;
}
.concepto-card[data-v-f59e9b8a] {
    min-width: 160px;
    padding: 1.25rem;
}
.card-icono[data-v-f59e9b8a] {
    font-size: 2.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-df4aaeaf] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.intro-visual .icono[data-v-df4aaeaf] {
  font-size: 1.8rem;
  animation: float-df4aaeaf 2s ease-in-out infinite;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(1) { animation-delay: 0s;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(2) { animation-delay: 0.15s; font-size: 1.2rem; opacity: 0.7;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(3) { animation-delay: 0.3s;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(4) { animation-delay: 0.45s; font-size: 1.2rem; opacity: 0.7;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(5) { animation-delay: 0.6s;
}
@keyframes float-df4aaeaf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-6px);
}
}

/* Comparación section */
.comparacion-section[data-v-df4aaeaf] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-df4aaeaf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-df4aaeaf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 500px) {
.comparacion-grid[data-v-df4aaeaf] {
    grid-template-columns: 1fr;
}
}
.comparar-item[data-v-df4aaeaf] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparar-item.no[data-v-df4aaeaf] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comparar-item.si[data-v-df4aaeaf] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comparar-header[data-v-df4aaeaf] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.comparar-item.no .comparar-header[data-v-df4aaeaf] {
  color: #FCA5A5;
}
.comparar-item.si .comparar-header[data-v-df4aaeaf] {
  color: #6EE7B7;
}
.comparar-lista[data-v-df4aaeaf] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comparar-lista li[data-v-df4aaeaf] {
  margin-bottom: 0.25rem;
}

/* Etapas section */
.etapas-section[data-v-df4aaeaf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.etapas-titulo[data-v-df4aaeaf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: center;
}
.etapas-grid[data-v-df4aaeaf] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.etapas-grid[data-v-df4aaeaf] {
    flex-direction: row;
    justify-content: space-between;
}
}
.etapa-item[data-v-df4aaeaf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  position: relative;
}
@media (min-width: 640px) {
.etapa-item[data-v-df4aaeaf] {
    flex-direction: column;
    text-align: center;
    flex: 1;
    padding: 1rem 0.5rem;
}
}
.etapa-numero[data-v-df4aaeaf] {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
@media (min-width: 640px) {
.etapa-numero[data-v-df4aaeaf] {
    position: static;
    width: 28px;
    height: 28px;
    margin-bottom: 0.25rem;
}
}
.etapa-icono[data-v-df4aaeaf] {
  font-size: 1.75rem;
}
.etapa-nombre[data-v-df4aaeaf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.etapa-desc[data-v-df4aaeaf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-df4aaeaf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-df4aaeaf] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-df4aaeaf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-df4aaeaf] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual .icono[data-v-df4aaeaf] {
    font-size: 2.5rem;
}
.intro-visual .icono[data-v-df4aaeaf]:nth-child(2),
  .intro-visual .icono[data-v-df4aaeaf]:nth-child(4) {
    font-size: 1.5rem;
}
}

/* Etapa header */
.etapa-header[data-v-634a9d1e] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.etapa-badge[data-v-634a9d1e] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: #3B82F6;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.etapa-icono[data-v-634a9d1e] {
  display: block;
  font-size: 3rem;
  margin: 0.5rem 0;
}
.etapa-titulo[data-v-634a9d1e] {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.etapa-subtitulo[data-v-634a9d1e] {
  margin: 0.25rem 0 0;
  color: #93C5FD;
  font-size: 0.95rem;
}

/* Observar section */
.observar-section[data-v-634a9d1e] {
  margin: 1.5rem 0;
}
.observar-titulo[data-v-634a9d1e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.observar-grid[data-v-634a9d1e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.observar-item[data-v-634a9d1e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.item-icono[data-v-634a9d1e] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.item-contenido[data-v-634a9d1e] {
  display: flex;
  flex-direction: column;
}
.item-nombre[data-v-634a9d1e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.item-desc[data-v-634a9d1e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Preguntas section */
.preguntas-section[data-v-634a9d1e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.preguntas-titulo[data-v-634a9d1e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-634a9d1e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-item[data-v-634a9d1e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.pregunta-bullet[data-v-634a9d1e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
  flex-shrink: 0;
}
.pregunta-texto[data-v-634a9d1e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tiempo box */
.tiempo-box[data-v-634a9d1e] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.tiempo-icono[data-v-634a9d1e] {
  font-size: 2rem;
  flex-shrink: 0;
}
.tiempo-contenido[data-v-634a9d1e] {
  display: flex;
  flex-direction: column;
}
.tiempo-titulo[data-v-634a9d1e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.tiempo-valor[data-v-634a9d1e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tiempo-nota[data-v-634a9d1e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-634a9d1e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-634a9d1e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-634a9d1e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-634a9d1e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.observar-grid[data-v-634a9d1e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Etapas doble header */
.etapas-doble[data-v-7d9bcb77] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.etapa-mini[data-v-7d9bcb77] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  opacity: 0.6;
  transition: all 0.2s ease;
}
.etapa-mini.activa[data-v-7d9bcb77] {
  opacity: 1;
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.em-badge[data-v-7d9bcb77] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.em-icono[data-v-7d9bcb77] {
  font-size: 1.5rem;
  margin: 0.25rem 0;
}
.em-nombre[data-v-7d9bcb77] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-conector[data-v-7d9bcb77] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Subrayado sections */
.subrayado-section[data-v-7d9bcb77] {
  margin: 1.5rem 0;
}
.subrayado-titulo[data-v-7d9bcb77] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.subrayado-titulo.negativo[data-v-7d9bcb77] {
  color: #FCA5A5;
}
.subrayado-grid[data-v-7d9bcb77] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sub-item[data-v-7d9bcb77] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.sub-item.positivo[data-v-7d9bcb77] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.sub-item.negativo[data-v-7d9bcb77] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.sub-icono[data-v-7d9bcb77] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.sub-texto[data-v-7d9bcb77] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo subrayado */
.ejemplo-subrayado[data-v-7d9bcb77] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-7d9bcb77] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-texto[data-v-7d9bcb77] {
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-texto p[data-v-7d9bcb77] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.7;
}
.highlight[data-v-7d9bcb77] {
  background: rgba(245, 158, 11, 0.3);
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplo-nota[data-v-7d9bcb77] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nota-icono[data-v-7d9bcb77] {
  font-size: 1rem;
}
.nota-texto[data-v-7d9bcb77] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Poslectura box */
.poslectura-box[data-v-7d9bcb77] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.poslectura-header[data-v-7d9bcb77] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.poslectura-badge[data-v-7d9bcb77] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #D8B4FE;
}
.poslectura-icono[data-v-7d9bcb77] {
  font-size: 1.25rem;
}
.poslectura-texto[data-v-7d9bcb77] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.poslectura-lista[data-v-7d9bcb77] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.poslectura-lista li[data-v-7d9bcb77] {
  margin-bottom: 0.25rem;
}

/* Tip */
.tip[data-v-7d9bcb77] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-7d9bcb77] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7d9bcb77] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-7d9bcb77] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.etapa-mini[data-v-7d9bcb77] {
    padding: 1rem 1.5rem;
}
.em-icono[data-v-7d9bcb77] {
    font-size: 2rem;
}
.subrayado-grid[data-v-7d9bcb77] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-f4cc6abc] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-f4cc6abc] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-f4cc6abc] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-f4cc6abc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f4cc6abc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Leyenda */
.leyenda[data-v-f4cc6abc] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.leyenda-item[data-v-f4cc6abc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.leyenda-color[data-v-f4cc6abc] {
  width: 20px;
  height: 12px;
  border-radius: 0.25rem;
}
.leyenda-color.subrayar[data-v-f4cc6abc] {
  background: rgba(245, 158, 11, 0.3);
  border: 2px dashed rgba(245, 158, 11, 0.6);
}

/* Desafío container */
.desafio-container[data-v-f4cc6abc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f4cc6abc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f4cc6abc] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.desafio-instruccion[data-v-f4cc6abc] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Texto interactivo */
.texto-container[data-v-f4cc6abc] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.texto-contenido[data-v-f4cc6abc] {
  line-height: 1.8;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.fragmento[data-v-f4cc6abc] {
  transition: all 0.15s ease;
}
.fragmento.seleccionable[data-v-f4cc6abc] {
  cursor: pointer;
  padding: 0.1rem 0.2rem;
  border-radius: 0.25rem;
  border: 2px dashed transparent;
}
.fragmento.seleccionable[data-v-f4cc6abc]:hover {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.fragmento.seleccionado[data-v-f4cc6abc] {
  background: rgba(245, 158, 11, 0.3);
  border-color: rgba(245, 158, 11, 0.6);
  border-style: solid;
  color: #FFFFFF;
  font-weight: 600;
}
.fragmento.correcto[data-v-f4cc6abc] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.fragmento.incorrecto[data-v-f4cc6abc] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
  text-decoration: line-through;
}
.fragmento.mostrar-correcto[data-v-f4cc6abc] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  animation: pulse-hint-f4cc6abc 1s ease infinite;
}
@keyframes pulse-hint-f4cc6abc {
0%, 100% { opacity: 0.7;
}
50% { opacity: 1;
}
}

/* Selecciones info */
.selecciones-info[data-v-f4cc6abc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.selecciones-label[data-v-f4cc6abc] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.selecciones-count[data-v-f4cc6abc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.selecciones-count.warning[data-v-f4cc6abc] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Feedback */
.feedback-box[data-v-f4cc6abc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.feedback-box.correcto[data-v-f4cc6abc] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-f4cc6abc] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-f4cc6abc] {
  flex: 1;
}
.feedback-titulo[data-v-f4cc6abc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-f4cc6abc] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Botones de acción */
.botones-accion[data-v-f4cc6abc] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.btn-verificar[data-v-f4cc6abc], .btn-reiniciar[data-v-f4cc6abc] {
  padding: 0.65rem 1.25rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-f4cc6abc] {
  background: #10B981;
  color: white;
}
.btn-verificar[data-v-f4cc6abc]:hover {
  background: #059669;
}
.btn-reiniciar[data-v-f4cc6abc] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.btn-reiniciar[data-v-f4cc6abc]:hover {
  background: rgba(139, 92, 246, 0.4);
}

/* Navegación */
.desafio-nav[data-v-f4cc6abc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f4cc6abc] { flex: 1;
}
.nav-btn[data-v-f4cc6abc] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-f4cc6abc]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-f4cc6abc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f4cc6abc] { font-size: 1.75rem;
}
.completado-texto[data-v-f4cc6abc] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f4cc6abc], .slide-leave-active[data-v-f4cc6abc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f4cc6abc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f4cc6abc] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-f4cc6abc], .fade-leave-active[data-v-f4cc6abc] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-f4cc6abc], .fade-leave-to[data-v-f4cc6abc] {
  opacity: 0;
}

/* Resumen header */
.resumen-header[data-v-8820de34] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-8820de34] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.resumen-titulo[data-v-8820de34] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Etapas resumen */
.etapas-resumen[data-v-8820de34] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.etapa-card[data-v-8820de34] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  position: relative;
}
.etapa-num[data-v-8820de34] {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.etapa-info[data-v-8820de34] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem;
}
.etapa-icono[data-v-8820de34] {
  font-size: 1.25rem;
}
.etapa-nombre[data-v-8820de34] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.etapa-puntos[data-v-8820de34] {
  margin: 0;
  padding-left: 2rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.etapa-puntos li[data-v-8820de34] {
  margin-bottom: 0.2rem;
}

/* Recordar section */
.recordar-section[data-v-8820de34] {
  margin: 1.5rem 0;
}
.recordar-titulo[data-v-8820de34] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.recordar-grid[data-v-8820de34] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.recordar-item[data-v-8820de34] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.recordar-item.si[data-v-8820de34] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.recordar-item.no[data-v-8820de34] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.recordar-header[data-v-8820de34] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.recordar-item.si .recordar-header[data-v-8820de34] {
  color: #6EE7B7;
}
.recordar-item.no .recordar-header[data-v-8820de34] {
  color: #FCA5A5;
}
.recordar-item ul[data-v-8820de34] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.recordar-item ul li[data-v-8820de34] {
  margin-bottom: 0.15rem;
}

/* Estrategia PAES */
.estrategia-paes[data-v-8820de34] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.estrategia-header[data-v-8820de34] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.estrategia-icono[data-v-8820de34] {
  font-size: 1.25rem;
}
.estrategia-titulo[data-v-8820de34] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.estrategia-pasos[data-v-8820de34] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.estrategia-pasos[data-v-8820de34] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
}
.estrategia-paso[data-v-8820de34] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-8820de34] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-8820de34] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-8820de34] {
  color: #FFFFFF;
}
.estrategia-flecha[data-v-8820de34] {
  color: #F59E0B;
  font-size: 1.25rem;
  font-weight: 700;
}
@media (max-width: 639px) {
.estrategia-flecha[data-v-8820de34] {
    transform: rotate(90deg);
}
}

/* Tip final */
.tip-final[data-v-8820de34] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-8820de34] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-8820de34] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-8820de34] {
  color: #6EE7B7;
}

/* Completado box */
.completado-box[data-v-8820de34] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8820de34] {
  font-size: 1.75rem;
}
.completado-texto[data-v-8820de34] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.etapas-resumen[data-v-8820de34] {
    flex-direction: row;
}
.etapa-card[data-v-8820de34] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-fced9088] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.intro-visual .icono[data-v-fced9088] {
  font-size: 1.8rem;
}
.intro-visual .icono[data-v-fced9088]:nth-child(2),
.intro-visual .icono[data-v-fced9088]:nth-child(4) {
  font-size: 1.2rem;
  color: #8B5CF6;
}

/* Datos de la prueba */
.datos-prueba[data-v-fced9088] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.dato-titulo[data-v-fced9088] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.datos-grid[data-v-fced9088] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media (max-width: 400px) {
.datos-grid[data-v-fced9088] {
    grid-template-columns: 1fr;
}
}
.dato-item[data-v-fced9088] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.dato-item.destacado[data-v-fced9088] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.dato-icono[data-v-fced9088] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.dato-numero[data-v-fced9088] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dato-item.destacado .dato-numero[data-v-fced9088] {
  color: #FCD34D;
}
.dato-label[data-v-fced9088] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Problema section */
.problema-section[data-v-fced9088] {
  margin: 1.5rem 0;
}
.problema-titulo[data-v-fced9088] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-contenido[data-v-fced9088] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema-item[data-v-fced9088] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.problema-item.malo[data-v-fced9088] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.problema-item.bueno[data-v-fced9088] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.problema-icono[data-v-fced9088] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.problema-texto[data-v-fced9088] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Aprenderás section */
.aprenderas-section[data-v-fced9088] {
  margin: 1.5rem 0;
}
.aprenderas-titulo[data-v-fced9088] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aprenderas-grid[data-v-fced9088] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.aprenderas-grid[data-v-fced9088] {
    flex-direction: row;
}
}
.aprender-item[data-v-fced9088] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  flex: 1;
}
.aprender-num[data-v-fced9088] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.aprender-texto[data-v-fced9088] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-fced9088] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-fced9088] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-fced9088] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-fced9088] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual .icono[data-v-fced9088] {
    font-size: 2.5rem;
}
.intro-visual .icono[data-v-fced9088]:nth-child(2),
  .intro-visual .icono[data-v-fced9088]:nth-child(4) {
    font-size: 1.5rem;
}
}

/* Reloj visual */
.reloj-visual[data-v-23df97d9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.reloj[data-v-23df97d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
}
.reloj-tiempo[data-v-23df97d9] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.reloj-unidad[data-v-23df97d9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.reloj-flecha[data-v-23df97d9] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.reloj-division[data-v-23df97d9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.division-item[data-v-23df97d9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Distribución section */
.distribucion-section[data-v-23df97d9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.distribucion-titulo[data-v-23df97d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.distribucion-grafico[data-v-23df97d9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.barra-tiempo[data-v-23df97d9] {
  display: flex;
  height: 40px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.barra-segmento[data-v-23df97d9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition: all 0.3s ease;
}
.barra-segmento.lectura[data-v-23df97d9] {
  background: linear-gradient(135deg, #10B981, #059669);
}
.barra-segmento.revision[data-v-23df97d9] {
  background: linear-gradient(135deg, #F59E0B, #D97706);
}
.barra-segmento.final[data-v-23df97d9] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
}
.segmento-icono[data-v-23df97d9] {
  font-size: 1rem;
}
.segmento-porcent[data-v-23df97d9] {
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
@media (max-width: 400px) {
.segmento-icono[data-v-23df97d9] {
    display: none;
}
}
.barra-leyenda[data-v-23df97d9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.leyenda-item[data-v-23df97d9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.leyenda-color[data-v-23df97d9] {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.leyenda-item.lectura .leyenda-color[data-v-23df97d9] {
  background: #10B981;
}
.leyenda-item.revision .leyenda-color[data-v-23df97d9] {
  background: #F59E0B;
}
.leyenda-item.final .leyenda-color[data-v-23df97d9] {
  background: #8B5CF6;
}

/* Regla section */
.regla-section[data-v-23df97d9] {
  margin: 1.5rem 0;
}
.regla-titulo[data-v-23df97d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regla-grid[data-v-23df97d9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.regla-grid[data-v-23df97d9] {
    grid-template-columns: 1fr;
}
}
.regla-item[data-v-23df97d9] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.regla-item.facil[data-v-23df97d9] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.regla-item.media[data-v-23df97d9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.regla-item.dificil[data-v-23df97d9] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.regla-header[data-v-23df97d9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.regla-icono[data-v-23df97d9] {
  font-size: 1rem;
}
.regla-tipo[data-v-23df97d9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.regla-tiempo[data-v-23df97d9] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.regla-desc[data-v-23df97d9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Checkpoints section */
.checkpoints-section[data-v-23df97d9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.checkpoints-titulo[data-v-23df97d9] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.checkpoints-timeline[data-v-23df97d9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 500px) {
.checkpoints-timeline[data-v-23df97d9] {
    flex-direction: column;
}
}
.checkpoint[data-v-23df97d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.checkpoint.final-checkpoint[data-v-23df97d9] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.checkpoint-tiempo[data-v-23df97d9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.checkpoint-meta[data-v-23df97d9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.checkpoint.final-checkpoint .checkpoint-meta[data-v-23df97d9] {
  color: #6EE7B7;
}
.checkpoint-linea[data-v-23df97d9] {
  height: 2px;
  flex: 1;
  min-width: 20px;
  background: linear-gradient(to right, #F59E0B, #10B981);
}
@media (max-width: 500px) {
.checkpoint-linea[data-v-23df97d9] {
    width: 2px;
    height: 20px;
    min-width: unset;
    background: linear-gradient(to bottom, #F59E0B, #10B981);
}
}

/* Tip */
.tip[data-v-23df97d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-23df97d9] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-23df97d9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-23df97d9] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-35660736] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.prioridad[data-v-35660736] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  min-width: 70px;
}
.prioridad.alta[data-v-35660736] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
}
.prioridad.media[data-v-35660736] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #F59E0B;
}
.prioridad.baja[data-v-35660736] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
}
.prio-icono[data-v-35660736] {
  font-size: 1.5rem;
}
.prio-texto[data-v-35660736] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Técnica section */
.tecnica-section[data-v-35660736] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.tecnica-titulo[data-v-35660736] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.tecnica-descripcion[data-v-35660736] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.triage-grid[data-v-35660736] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media (max-width: 700px) {
.triage-grid[data-v-35660736] {
    grid-template-columns: 1fr;
}
}
.triage-item[data-v-35660736] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.triage-item.verde[data-v-35660736] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.triage-item.amarillo[data-v-35660736] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.triage-item.rojo[data-v-35660736] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.triage-header[data-v-35660736] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.triage-num[data-v-35660736] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.triage-nombre[data-v-35660736] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.triage-lista[data-v-35660736] {
  margin: 0 0 0.75rem 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.triage-lista li[data-v-35660736] {
  margin-bottom: 0.2rem;
}
.triage-accion[data-v-35660736] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.triage-item.verde .triage-accion[data-v-35660736] { color: #6EE7B7;
}
.triage-item.amarillo .triage-accion[data-v-35660736] { color: #FCD34D;
}
.triage-item.rojo .triage-accion[data-v-35660736] { color: #FCA5A5;
}

/* Regla section */
.regla-section[data-v-35660736] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
}
.regla-contenido[data-v-35660736] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.regla-icono[data-v-35660736] {
  font-size: 2rem;
  flex-shrink: 0;
}
.regla-info .regla-titulo[data-v-35660736] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.regla-info .regla-texto[data-v-35660736] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.regla-info .regla-texto strong[data-v-35660736] {
  color: #FFFFFF;
}

/* Orden section */
.orden-section[data-v-35660736] {
  margin: 1.5rem 0;
}
.orden-titulo[data-v-35660736] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-lista[data-v-35660736] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.orden-item[data-v-35660736] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.orden-num[data-v-35660736] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
  min-width: 24px;
}
.orden-texto[data-v-35660736] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.orden-texto strong[data-v-35660736] {
  color: #FFFFFF;
}

/* Errores section */
.errores-section[data-v-35660736] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-35660736] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-grid[data-v-35660736] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-35660736] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-item.bueno[data-v-35660736] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.error-icono[data-v-35660736] {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-texto[data-v-35660736] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-35660736] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-35660736] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-35660736] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-35660736] {
  color: #6EE7B7;
}

.explorador[data-v-cca180d2] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-cca180d2] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-cca180d2] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-cca180d2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-cca180d2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Timer */
.timer-bar[data-v-cca180d2] {
  position: relative;
  height: 28px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.timer-fill[data-v-cca180d2] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #10B981, #059669);
  transition: width 1s linear;
  border-radius: 0.5rem;
}
.timer-texto[data-v-cca180d2] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Desafío container */
.desafio-container[data-v-cca180d2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cca180d2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cca180d2] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.desafio-contexto[data-v-cca180d2] {
  margin: 0;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Escenario */
.escenario[data-v-cca180d2] {
  margin-bottom: 1rem;
}
.escenario-stats[data-v-cca180d2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.stat[data-v-cca180d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.stat.alerta[data-v-cca180d2] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.stat-icono[data-v-cca180d2] {
  font-size: 1.25rem;
}
.stat-valor[data-v-cca180d2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.stat.alerta .stat-valor[data-v-cca180d2] {
  color: #FCA5A5;
}
.stat-label[data-v-cca180d2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.escenario-situacion[data-v-cca180d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.situacion-icono[data-v-cca180d2] {
  font-size: 2rem;
  flex-shrink: 0;
}
.situacion-texto[data-v-cca180d2] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Opciones de decisión */
.opciones-decision[data-v-cca180d2] {
  margin-bottom: 1rem;
}
.opciones-titulo[data-v-cca180d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-grid[data-v-cca180d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-cca180d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  font-family: inherit;
}
.opcion-btn[data-v-cca180d2]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.5);
}
.opcion-btn.seleccionada[data-v-cca180d2] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-cca180d2] {
  background: rgba(16, 185, 129, 0.2) !important;
  border-color: #10B981 !important;
}
.opcion-btn.incorrecta[data-v-cca180d2] {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: #EF4444 !important;
}
.opcion-btn[data-v-cca180d2]:disabled {
  cursor: default;
}
.opcion-letra[data-v-cca180d2] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #E9D5FF;
  flex-shrink: 0;
}
.opcion-btn.seleccionada .opcion-letra[data-v-cca180d2] {
  background: #8B5CF6;
  color: white;
}
.opcion-btn.correcta .opcion-letra[data-v-cca180d2] {
  background: #10B981;
  color: white;
}
.opcion-btn.incorrecta .opcion-letra[data-v-cca180d2] {
  background: #EF4444;
  color: white;
}
.opcion-texto[data-v-cca180d2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Feedback */
.feedback-box[data-v-cca180d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.feedback-box.correcto[data-v-cca180d2] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-cca180d2] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-cca180d2] {
  flex: 1;
}
.feedback-titulo[data-v-cca180d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-cca180d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Botón acción */
.boton-accion[data-v-cca180d2] {
  display: flex;
  justify-content: center;
}
.btn-verificar[data-v-cca180d2] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-cca180d2]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-cca180d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-cca180d2] { flex: 1;
}
.nav-btn[data-v-cca180d2] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-cca180d2]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-cca180d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cca180d2] { font-size: 1.75rem;
}
.completado-info[data-v-cca180d2] {
  display: flex;
  flex-direction: column;
}
.completado-texto[data-v-cca180d2] { 
  font-size: 0.95rem; 
  font-weight: 600; 
  color: #FFFFFF;
}
.completado-score[data-v-cca180d2] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Transiciones */
.slide-enter-active[data-v-cca180d2], .slide-leave-active[data-v-cca180d2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cca180d2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cca180d2] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-cca180d2], .fade-leave-active[data-v-cca180d2] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-cca180d2], .fade-leave-to[data-v-cca180d2] {
  opacity: 0;
}

/* Intro */
.resumen-intro[data-v-769b4f2c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-769b4f2c] {
  font-size: 2rem;
}
.resumen-intro p[data-v-769b4f2c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-769b4f2c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-769b4f2c] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-769b4f2c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-769b4f2c]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-769b4f2c] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-769b4f2c] {
    grid-column: span 1;
}
}
.card-header[data-v-769b4f2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-769b4f2c] {
  font-size: 1.25rem;
}
.card-titulo[data-v-769b4f2c] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-769b4f2c] {
  color: #E9D5FF;
}
.card-texto[data-v-769b4f2c] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
}
.card-texto strong[data-v-769b4f2c] {
  color: #FCD34D;
}

/* Datos rápidos */
.datos-rapidos[data-v-769b4f2c] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.dato-rapido[data-v-769b4f2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-rapido.destacado .dato-num[data-v-769b4f2c] {
  color: #FCD34D;
}
.dato-num[data-v-769b4f2c] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dato-txt[data-v-769b4f2c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Distribución rápida */
.distribucion-rapida[data-v-769b4f2c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dist-item[data-v-769b4f2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dist-pct[data-v-769b4f2c] {
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 40px;
}
.dist-pct.verde[data-v-769b4f2c] { color: #6EE7B7;
}
.dist-pct.amarillo[data-v-769b4f2c] { color: #FCD34D;
}
.dist-pct.morado[data-v-769b4f2c] { color: #C4B5FD;
}
.dist-txt[data-v-769b4f2c] {
  font-size: 0.8rem;
}

/* Triage resumen */
.triage-resumen[data-v-769b4f2c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.triage-mini[data-v-769b4f2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.triage-mini.verde[data-v-769b4f2c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.triage-mini.amarillo[data-v-769b4f2c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.triage-mini.rojo[data-v-769b4f2c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.triage-emoji[data-v-769b4f2c] {
  font-size: 0.9rem;
}
.triage-txt strong[data-v-769b4f2c] {
  color: #FFFFFF;
}

/* Checkpoints mini */
.checkpoints-mini[data-v-769b4f2c] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.chk-item[data-v-769b4f2c] {
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.chk-item.final[data-v-769b4f2c] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}

/* Orden mini */
.orden-mini[data-v-769b4f2c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.orden-item[data-v-769b4f2c] {
  font-size: 0.8rem;
  padding: 0.2rem 0;
  border-left: 2px solid #8B5CF6;
  padding-left: 0.5rem;
}

/* Tips finales */
.tips-finales[data-v-769b4f2c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-769b4f2c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-769b4f2c] {
  font-size: 1.25rem;
}
.tip-text[data-v-769b4f2c] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-769b4f2c] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-769b4f2c] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-769b4f2c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-769b4f2c 1s ease-in-out infinite;
}
@keyframes bounce-769b4f2c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-769b4f2c] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-769b4f2c] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-cd5b8911] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-cd5b8911] {
  font-size: 2.5rem;
  animation: float-cd5b8911 2s ease-in-out infinite;
}
.intro-visual span[data-v-cd5b8911]:nth-child(2) {
  animation-delay: 0.3s;
}
.intro-visual span[data-v-cd5b8911]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes float-cd5b8911 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Definición box */
.definicion-box[data-v-cd5b8911] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-cd5b8911] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-cd5b8911] {
  flex: 1;
}
.def-titulo[data-v-cd5b8911] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-cd5b8911] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Comparación section */
.comparacion-section[data-v-cd5b8911] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-cd5b8911] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-cd5b8911] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 500px) {
.comparacion-grid[data-v-cd5b8911] {
    grid-template-columns: 1fr;
}
}
.comparar-item[data-v-cd5b8911] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparar-item.no[data-v-cd5b8911] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comparar-item.si[data-v-cd5b8911] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comparar-header[data-v-cd5b8911] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.comparar-item.no .comparar-header[data-v-cd5b8911] {
  color: #FCA5A5;
}
.comparar-item.si .comparar-header[data-v-cd5b8911] {
  color: #6EE7B7;
}
.comparar-lista[data-v-cd5b8911] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comparar-lista li[data-v-cd5b8911] {
  margin-bottom: 0.25rem;
}

/* Importancia section */
.importancia-section[data-v-cd5b8911] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-cd5b8911] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.importancia-stats[data-v-cd5b8911] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 1rem;
}
.stat-item[data-v-cd5b8911] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-numero[data-v-cd5b8911] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.stat-texto[data-v-cd5b8911] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
}
.importancia-nota[data-v-cd5b8911] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-cd5b8911] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cd5b8911] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-cd5b8911] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-cd5b8911] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual span[data-v-cd5b8911] {
    font-size: 3rem;
}
.def-icono[data-v-cd5b8911] {
    font-size: 2.5rem;
}
.stat-numero[data-v-cd5b8911] {
    font-size: 2.25rem;
}
}

/* Intro */
.intro-habilidades[data-v-44ee6117] {
  margin-bottom: 1.5rem;
}
.intro-habilidades p[data-v-44ee6117] {
  color: #E9D5FF;
  line-height: 1.6;
  margin: 0;
}

/* Pirámide */
.piramide-section[data-v-44ee6117] {
  margin: 1.5rem 0;
}
.piramide-titulo[data-v-44ee6117] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.piramide[data-v-44ee6117] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.nivel[data-v-44ee6117] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid;
  transition: transform 0.2s ease;
}
.nivel[data-v-44ee6117]:hover {
  transform: scale(1.02);
}
.nivel-3[data-v-44ee6117] {
  width: 60%;
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.5);
}
.nivel-2[data-v-44ee6117] {
  width: 75%;
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
}
.nivel-1[data-v-44ee6117] {
  width: 90%;
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.nivel-icono[data-v-44ee6117] {
  font-size: 1.5rem;
}
.nivel-contenido[data-v-44ee6117] {
  flex: 1;
}
.nivel-nombre[data-v-44ee6117] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.nivel-desc[data-v-44ee6117] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Habilidades detalle */
.habilidades-detalle[data-v-44ee6117] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.habilidad-card[data-v-44ee6117] {
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.habilidad-card.localizar[data-v-44ee6117] {
  border-color: rgba(16, 185, 129, 0.4);
}
.habilidad-card.interpretar[data-v-44ee6117] {
  border-color: rgba(59, 130, 246, 0.4);
}
.habilidad-card.evaluar[data-v-44ee6117] {
  border-color: rgba(168, 85, 247, 0.4);
}
.habilidad-header[data-v-44ee6117] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.habilidad-card.localizar .habilidad-header[data-v-44ee6117] {
  background: rgba(16, 185, 129, 0.2);
}
.habilidad-card.interpretar .habilidad-header[data-v-44ee6117] {
  background: rgba(59, 130, 246, 0.2);
}
.habilidad-card.evaluar .habilidad-header[data-v-44ee6117] {
  background: rgba(168, 85, 247, 0.2);
}
.habilidad-numero[data-v-44ee6117] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.habilidad-icono[data-v-44ee6117] {
  font-size: 1.25rem;
}
.habilidad-nombre[data-v-44ee6117] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.habilidad-body[data-v-44ee6117] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.habilidad-def[data-v-44ee6117] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.habilidad-ejemplo[data-v-44ee6117] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-label[data-v-44ee6117] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-44ee6117] {
  font-style: italic;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.habilidad-tip[data-v-44ee6117] {
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Distribución */
.distribucion-section[data-v-44ee6117] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.distribucion-titulo[data-v-44ee6117] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.distribucion-barras[data-v-44ee6117] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.barra-item[data-v-44ee6117] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.barra-label[data-v-44ee6117] {
  width: 80px;
  font-size: 0.85rem;
  color: #E9D5FF;
  flex-shrink: 0;
}
.barra-container[data-v-44ee6117] {
  flex: 1;
  height: 20px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
.barra[data-v-44ee6117] {
  height: 100%;
  border-radius: 10px;
  transition: width 1s ease;
}
.barra.localizar[data-v-44ee6117] {
  background: linear-gradient(90deg, #10B981, #34D399);
}
.barra.interpretar[data-v-44ee6117] {
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
}
.barra.evaluar[data-v-44ee6117] {
  background: linear-gradient(90deg, #A855F7, #C084FC);
}
.barra-porcentaje[data-v-44ee6117] {
  width: 45px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: right;
}

/* Tip final */
.tip-final[data-v-44ee6117] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-44ee6117] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-44ee6117] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-44ee6117] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.nivel-3[data-v-44ee6117] { width: 50%;
}
.nivel-2[data-v-44ee6117] { width: 65%;
}
.nivel-1[data-v-44ee6117] { width: 80%;
}
.barra-label[data-v-44ee6117] {
    width: 100px;
}
}

.explorador[data-v-57008094] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-57008094] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-57008094] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-57008094] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-57008094] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-57008094] {
  font-size: 1rem;
}

/* Leyenda */
.leyenda-habilidades[data-v-57008094] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-57008094] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.6rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.leyenda-item.localizar[data-v-57008094] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.leyenda-item.interpretar[data-v-57008094] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.leyenda-item.evaluar[data-v-57008094] {
  background: rgba(168, 85, 247, 0.2);
  color: #D8B4FE;
}
.leyenda-icono[data-v-57008094] {
  font-size: 0.9rem;
}

/* Desafío container */
.desafio-container[data-v-57008094] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-57008094] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-57008094] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Pregunta box */
.pregunta-box[data-v-57008094] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-57008094] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pregunta-texto[data-v-57008094] {
  font-size: 1rem;
  color: #FFFFFF;
  font-style: italic;
  line-height: 1.5;
}

/* Opciones */
.opciones-habilidad[data-v-57008094] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-57008094] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.localizar[data-v-57008094]:hover:not(:disabled),
.opcion-btn.localizar.seleccionado[data-v-57008094] {
  border-color: rgba(16, 185, 129, 0.6);
  background: rgba(16, 185, 129, 0.15);
}
.opcion-btn.interpretar[data-v-57008094]:hover:not(:disabled),
.opcion-btn.interpretar.seleccionado[data-v-57008094] {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(59, 130, 246, 0.15);
}
.opcion-btn.evaluar[data-v-57008094]:hover:not(:disabled),
.opcion-btn.evaluar.seleccionado[data-v-57008094] {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.correcto[data-v-57008094] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-57008094] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn.mostrar-correcto[data-v-57008094] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.2) !important;
  animation: pulse-correct-57008094 1s ease;
}
@keyframes pulse-correct-57008094 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.opcion-btn[data-v-57008094]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.opcion-icono[data-v-57008094] {
  font-size: 1.5rem;
}
.opcion-nombre[data-v-57008094] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Feedback */
.feedback-box[data-v-57008094] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-57008094] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-57008094] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-57008094] {
  flex: 1;
}
.feedback-titulo[data-v-57008094] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-57008094] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Acción container */
.accion-container[data-v-57008094] {
  text-align: center;
}
.btn-verificar[data-v-57008094] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-57008094]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-57008094] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-57008094] { flex: 1;
}
.nav-btn[data-v-57008094] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-57008094]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-57008094] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-57008094] { font-size: 1.75rem;
}
.completado-texto[data-v-57008094] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-57008094], .slide-leave-active[data-v-57008094] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-57008094] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-57008094] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-57008094], .fade-leave-active[data-v-57008094] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-57008094], .fade-leave-to[data-v-57008094] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-habilidad[data-v-57008094] {
    flex-direction: row;
}
.opcion-btn[data-v-57008094] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.opcion-icono[data-v-57008094] {
    font-size: 2rem;
    margin-bottom: 0.25rem;
}
}

/* Intro */
.resumen-intro[data-v-1ca05ed0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-1ca05ed0] {
  font-size: 2rem;
}
.resumen-intro p[data-v-1ca05ed0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-1ca05ed0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-1ca05ed0] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-1ca05ed0] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-1ca05ed0]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-1ca05ed0] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-1ca05ed0] {
    grid-column: span 1;
}
}
.card-header[data-v-1ca05ed0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-1ca05ed0] {
  font-size: 1.25rem;
}
.card-titulo[data-v-1ca05ed0] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-1ca05ed0] {
  color: #E9D5FF;
}
.card-nota[data-v-1ca05ed0] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Definición resumida */
.definicion-resumida[data-v-1ca05ed0] {
  margin: 0;
  line-height: 1.5;
}

/* Habilidades resumen */
.habilidades-resumen[data-v-1ca05ed0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.habilidades-resumen[data-v-1ca05ed0] {
    flex-direction: row;
}
}
.hab-item[data-v-1ca05ed0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  flex: 1;
}
.hab-item.localizar[data-v-1ca05ed0] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.hab-item.interpretar[data-v-1ca05ed0] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.hab-item.evaluar[data-v-1ca05ed0] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.hab-icono[data-v-1ca05ed0] {
  font-size: 1.5rem;
}
.hab-info[data-v-1ca05ed0] {
  flex: 1;
}
.hab-nombre[data-v-1ca05ed0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.hab-desc[data-v-1ca05ed0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.hab-porcentaje[data-v-1ca05ed0] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Preguntas clave */
.preguntas-clave[data-v-1ca05ed0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-1ca05ed0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.preg-tipo[data-v-1ca05ed0] {
  font-size: 1rem;
  width: 28px;
  text-align: center;
}
.preg-ejemplo[data-v-1ca05ed0] {
  color: #E9D5FF;
  font-style: italic;
}

/* PAES info */
.paes-info[data-v-1ca05ed0] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.5rem;
}
.paes-stat[data-v-1ca05ed0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.paes-num[data-v-1ca05ed0] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.paes-label[data-v-1ca05ed0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
}

/* Tips finales */
.tips-finales[data-v-1ca05ed0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-1ca05ed0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-1ca05ed0] {
  font-size: 1.25rem;
}
.tip-text[data-v-1ca05ed0] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-1ca05ed0] {
  color: #FCD34D;
}

/* Próximos pasos */
.proximos-pasos[data-v-1ca05ed0] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.pasos-titulo[data-v-1ca05ed0] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.pasos-lista[data-v-1ca05ed0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-1ca05ed0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-1ca05ed0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #93C5FD;
}
.paso-texto[data-v-1ca05ed0] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Celebración */
.celebracion[data-v-1ca05ed0] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-1ca05ed0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-1ca05ed0 1s ease-in-out infinite;
}
@keyframes bounce-1ca05ed0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-1ca05ed0] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-1ca05ed0] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-65b423f3] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-item[data-v-65b423f3] {
  font-size: 2.5rem;
  animation: pulse-65b423f3 2s ease-in-out infinite;
}
.icono-item[data-v-65b423f3]:nth-child(2) {
  animation-delay: 0.3s;
}
.icono-item[data-v-65b423f3]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes pulse-65b423f3 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.1); opacity: 0.8;
}
}

/* Definición box */
.definicion-box[data-v-65b423f3] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-65b423f3] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-65b423f3] {
  flex: 1;
}
.def-titulo[data-v-65b423f3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-65b423f3] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Contraste section */
.contraste-section[data-v-65b423f3] {
  margin: 1.5rem 0;
}
.contraste-titulo[data-v-65b423f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.contraste-grid[data-v-65b423f3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contraste-item[data-v-65b423f3] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.contraste-item.valido[data-v-65b423f3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.contraste-item.invalido[data-v-65b423f3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.contraste-header[data-v-65b423f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.contraste-icono[data-v-65b423f3] {
  font-size: 1.5rem;
}
.contraste-label[data-v-65b423f3] {
  font-weight: 700;
  font-size: 0.95rem;
}
.contraste-item.valido .contraste-label[data-v-65b423f3] {
  color: #6EE7B7;
}
.contraste-item.invalido .contraste-label[data-v-65b423f3] {
  color: #FCA5A5;
}
.contraste-lista[data-v-65b423f3] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.contraste-lista li[data-v-65b423f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

/* Ejemplos section */
.ejemplos-section[data-v-65b423f3] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-65b423f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.ejemplo-item[data-v-65b423f3] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
  margin-bottom: 0.75rem;
}
.ejemplo-item.valido[data-v-65b423f3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.ejemplo-item.invalido[data-v-65b423f3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.ejemplo-header[data-v-65b423f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-65b423f3] {
  font-size: 1.25rem;
}
.ejemplo-label[data-v-65b423f3] {
  font-weight: 700;
  font-size: 0.9rem;
}
.ejemplo-item.valido .ejemplo-label[data-v-65b423f3] {
  color: #6EE7B7;
}
.ejemplo-item.invalido .ejemplo-label[data-v-65b423f3] {
  color: #FCA5A5;
}
.ejemplo-contenido[data-v-65b423f3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.premisa[data-v-65b423f3], .conclusion[data-v-65b423f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
.conclusion[data-v-65b423f3] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
.ejemplo-nota[data-v-65b423f3] {
  font-size: 0.85rem;
  font-style: italic;
  color: #C4B5FD;
}

/* Importancia section */
.importancia-section[data-v-65b423f3] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-65b423f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.importancia-grid[data-v-65b423f3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-65b423f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-65b423f3] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-65b423f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-65b423f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-65b423f3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-65b423f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-65b423f3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono-item[data-v-65b423f3] {
    font-size: 3rem;
}
.contraste-grid[data-v-65b423f3] {
    flex-direction: row;
}
.contraste-item[data-v-65b423f3] {
    flex: 1;
}
.importancia-grid[data-v-65b423f3] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro box */
.intro-box[data-v-a851d5ec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-a851d5ec] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-a851d5ec] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Componentes section */
.componentes-section[data-v-a851d5ec] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-a851d5ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.componente-item[data-v-a851d5ec] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.comp-header[data-v-a851d5ec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.comp-num[data-v-a851d5ec] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.comp-nombre[data-v-a851d5ec] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 1rem;
}
.comp-descripcion[data-v-a851d5ec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.comp-ejemplo[data-v-a851d5ec] {
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  color: #93C5FD;
  font-style: italic;
}
.ejemplo-label[data-v-a851d5ec] {
  color: #FCD34D;
  font-weight: 600;
  font-style: normal;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-a851d5ec] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-a851d5ec] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
}
.ejemplo-contenido[data-v-a851d5ec] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.texto-argumento[data-v-a851d5ec] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
}
.texto-argumento p[data-v-a851d5ec] {
  margin: 0;
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.7;
  font-style: italic;
}
.analisis-grid[data-v-a851d5ec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-a851d5ec] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.analisis-item.tesis[data-v-a851d5ec] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.analisis-item.premisa[data-v-a851d5ec] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.analisis-item.evidencia[data-v-a851d5ec] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.4);
}
.analisis-label[data-v-a851d5ec] {
  font-size: 0.8rem;
  font-weight: 600;
  flex-shrink: 0;
}
.analisis-item.tesis .analisis-label[data-v-a851d5ec] { color: #FCD34D;
}
.analisis-item.premisa .analisis-label[data-v-a851d5ec] { color: #93C5FD;
}
.analisis-item.evidencia .analisis-label[data-v-a851d5ec] { color: #D8B4FE;
}
.analisis-texto[data-v-a851d5ec] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Palabras section */
.palabras-section[data-v-a851d5ec] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-a851d5ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.palabras-grid[data-v-a851d5ec] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.palabra-grupo[data-v-a851d5ec] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.palabra-header[data-v-a851d5ec] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.palabras-lista[data-v-a851d5ec] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.palabra[data-v-a851d5ec] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a851d5ec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a851d5ec] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a851d5ec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a851d5ec] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.palabras-grid[data-v-a851d5ec] {
    flex-direction: row;
}
.palabra-grupo[data-v-a851d5ec] {
    flex: 1;
}
}

/* Intro box */
.intro-box[data-v-b7b63487] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-b7b63487] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-b7b63487] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Escala section */
.escala-section[data-v-b7b63487] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-b7b63487] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.evidencia-item[data-v-b7b63487] {
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.evidencia-item.fuerte[data-v-b7b63487] {
  border-color: rgba(16, 185, 129, 0.5);
}
.evidencia-item.moderada[data-v-b7b63487] {
  border-color: rgba(245, 158, 11, 0.5);
}
.evidencia-item.debil[data-v-b7b63487] {
  border-color: rgba(239, 68, 68, 0.5);
}
.ev-header[data-v-b7b63487] {
  padding: 0.5rem 1rem;
}
.evidencia-item.fuerte .ev-header[data-v-b7b63487] {
  background: rgba(16, 185, 129, 0.2);
}
.evidencia-item.moderada .ev-header[data-v-b7b63487] {
  background: rgba(245, 158, 11, 0.2);
}
.evidencia-item.debil .ev-header[data-v-b7b63487] {
  background: rgba(239, 68, 68, 0.2);
}
.ev-indicador[data-v-b7b63487] {
  font-weight: 700;
  font-size: 0.85rem;
}
.evidencia-item.fuerte .ev-indicador[data-v-b7b63487] {
  color: #6EE7B7;
}
.evidencia-item.moderada .ev-indicador[data-v-b7b63487] {
  color: #FCD34D;
}
.evidencia-item.debil .ev-indicador[data-v-b7b63487] {
  color: #FCA5A5;
}
.ev-lista[data-v-b7b63487] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.ev-tipo[data-v-b7b63487] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ev-tipo[data-v-b7b63487]:last-child {
  margin-bottom: 0;
}
.ev-icono[data-v-b7b63487] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ev-info[data-v-b7b63487] {
  flex: 1;
}
.ev-nombre[data-v-b7b63487] {
  display: block;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.ev-desc[data-v-b7b63487] {
  display: block;
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Preguntas section */
.preguntas-section[data-v-b7b63487] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.preguntas-titulo[data-v-b7b63487] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.preguntas-lista[data-v-b7b63487] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-b7b63487] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-num[data-v-b7b63487] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.pregunta-texto[data-v-b7b63487] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-b7b63487] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-b7b63487] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.ejemplo-contenido[data-v-b7b63487] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.afirmacion[data-v-b7b63487] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.2);
  border-radius: 0.5rem;
  color: #D8B4FE;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
.comparacion-grid[data-v-b7b63487] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-item[data-v-b7b63487] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comp-item.fuerte[data-v-b7b63487] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-item.debil[data-v-b7b63487] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.comp-header[data-v-b7b63487] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.comp-item.fuerte .comp-header[data-v-b7b63487] {
  color: #6EE7B7;
}
.comp-item.debil .comp-header[data-v-b7b63487] {
  color: #FCA5A5;
}
.comp-texto[data-v-b7b63487] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
  font-style: italic;
}

/* Tip */
.tip[data-v-b7b63487] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b7b63487] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-b7b63487] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b7b63487] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-b7b63487] {
    flex-direction: row;
}
.comp-item[data-v-b7b63487] {
    flex: 1;
}
.preguntas-lista[data-v-b7b63487] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Intro box */
.intro-box[data-v-5564b73c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-5564b73c] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-5564b73c] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Definición section */
.definicion-section[data-v-5564b73c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.def-item[data-v-5564b73c] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.def-header[data-v-5564b73c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-5564b73c] {
  font-size: 1.5rem;
}
.def-nombre[data-v-5564b73c] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.def-texto[data-v-5564b73c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tipos section */
.tipos-section[data-v-5564b73c] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-5564b73c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.tipo-item[data-v-5564b73c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.tipo-header[data-v-5564b73c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.tipo-num[data-v-5564b73c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.tipo-nombre[data-v-5564b73c] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.tipo-ejemplo[data-v-5564b73c] {
  padding: 0.75rem 1rem;
}
.ejemplo-original[data-v-5564b73c], .ejemplo-contra[data-v-5564b73c] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.5;
}
.ejemplo-original[data-v-5564b73c]:last-child, .ejemplo-contra[data-v-5564b73c]:last-child {
  margin-bottom: 0;
}
.ejemplo-original[data-v-5564b73c] {
  background: rgba(59, 130, 246, 0.1);
  color: #E9D5FF;
}
.ejemplo-contra[data-v-5564b73c] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}
.label[data-v-5564b73c] {
  font-weight: 600;
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ejemplo-original .label[data-v-5564b73c] {
  color: #93C5FD;
}
.ejemplo-contra .label[data-v-5564b73c] {
  color: #FCD34D;
}

/* Evaluar section */
.evaluar-section[data-v-5564b73c] {
  margin: 1.5rem 0;
}
.evaluar-titulo[data-v-5564b73c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.evaluar-grid[data-v-5564b73c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.evaluar-item[data-v-5564b73c] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.evaluar-item.valido[data-v-5564b73c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.evaluar-item.invalido[data-v-5564b73c] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.evaluar-header[data-v-5564b73c] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.evaluar-item.valido .evaluar-header[data-v-5564b73c] {
  color: #6EE7B7;
}
.evaluar-item.invalido .evaluar-header[data-v-5564b73c] {
  color: #FCA5A5;
}
.evaluar-lista[data-v-5564b73c] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.evaluar-lista li[data-v-5564b73c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

/* Palabras section */
.palabras-section[data-v-5564b73c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.palabras-titulo[data-v-5564b73c] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.palabras-lista[data-v-5564b73c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.palabra[data-v-5564b73c] {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5564b73c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5564b73c] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5564b73c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-5564b73c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definicion-section[data-v-5564b73c] {
    flex-direction: row;
}
.def-item[data-v-5564b73c] {
    flex: 1;
}
.evaluar-grid[data-v-5564b73c] {
    flex-direction: row;
}
.evaluar-item[data-v-5564b73c] {
    flex: 1;
}
}

.explorador[data-v-5b4e6f20] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-5b4e6f20] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-5b4e6f20] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-5b4e6f20] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5b4e6f20] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-5b4e6f20] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-5b4e6f20] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(168, 85, 247, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-5b4e6f20] {
  font-size: 1rem;
}
.tipo-texto[data-v-5b4e6f20] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
}

/* Texto de referencia */
.texto-referencia[data-v-5b4e6f20] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-5b4e6f20] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-5b4e6f20] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-5b4e6f20] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-5b4e6f20] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-5b4e6f20] p {
  margin: 0;
}
.texto-contenido[data-v-5b4e6f20] strong {
  color: #FCD34D;
}

/* Desafío container */
.desafio-container[data-v-5b4e6f20] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-5b4e6f20] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-5b4e6f20] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-5b4e6f20] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-5b4e6f20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-5b4e6f20] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-5b4e6f20]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-5b4e6f20] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-5b4e6f20] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-5b4e6f20] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-5b4e6f20]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-5b4e6f20] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-5b4e6f20] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-5b4e6f20] {
  background: #EF4444;
}
.opcion-texto[data-v-5b4e6f20] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-5b4e6f20] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-5b4e6f20] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-5b4e6f20] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-5b4e6f20] {
  flex: 1;
}
.feedback-titulo[data-v-5b4e6f20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-5b4e6f20] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-5b4e6f20] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-5b4e6f20] {
  text-align: center;
}
.btn-verificar[data-v-5b4e6f20] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-5b4e6f20]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-5b4e6f20] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-5b4e6f20] { flex: 1;
}
.nav-btn[data-v-5b4e6f20] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-5b4e6f20]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-5b4e6f20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5b4e6f20] { font-size: 1.75rem;
}
.completado-texto[data-v-5b4e6f20] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5b4e6f20], .slide-leave-active[data-v-5b4e6f20] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5b4e6f20] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5b4e6f20] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-5b4e6f20], .fade-leave-active[data-v-5b4e6f20] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-5b4e6f20], .fade-leave-to[data-v-5b4e6f20] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-5b4e6f20] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-fb0c795c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-fb0c795c] {
  font-size: 2rem;
}
.resumen-titulo[data-v-fb0c795c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos section */
.conceptos-section[data-v-fb0c795c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-fb0c795c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-fb0c795c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.concepto-num[data-v-fb0c795c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.concepto-nombre[data-v-fb0c795c] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-fb0c795c] {
  padding: 0.75rem 1rem;
}
.punto[data-v-fb0c795c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
  margin-bottom: 0.35rem;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.punto[data-v-fb0c795c]:last-child {
  margin-bottom: 0;
}

/* Criterios */
.criterio[data-v-fb0c795c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.criterio-icono[data-v-fb0c795c] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.criterio-texto[data-v-fb0c795c] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Escala */
.escala-item[data-v-fb0c795c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  margin-bottom: 0.35rem;
}
.escala-item.fuerte[data-v-fb0c795c] {
  background: rgba(16, 185, 129, 0.1);
}
.escala-item.moderada[data-v-fb0c795c] {
  background: rgba(245, 158, 11, 0.1);
}
.escala-item.debil[data-v-fb0c795c] {
  background: rgba(239, 68, 68, 0.1);
}
.escala-label[data-v-fb0c795c] {
  font-weight: 600;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.escala-item.fuerte .escala-label[data-v-fb0c795c] { color: #6EE7B7;
}
.escala-item.moderada .escala-label[data-v-fb0c795c] { color: #FCD34D;
}
.escala-item.debil .escala-label[data-v-fb0c795c] { color: #FCA5A5;
}
.escala-ejemplos[data-v-fb0c795c] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Errores section */
.errores-section[data-v-fb0c795c] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-fb0c795c] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-grid[data-v-fb0c795c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.error-item[data-v-fb0c795c] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.error-nombre[data-v-fb0c795c] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.error-desc[data-v-fb0c795c] {
  color: #FCA5A5;
  font-size: 0.8rem;
}

/* Tips section */
.tips-section[data-v-fb0c795c] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-fb0c795c] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-fb0c795c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-fb0c795c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-fb0c795c] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-fb0c795c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fb0c795c] {
  color: #6EE7B7;
}

/* Pregunta típica */
.pregunta-tipica[data-v-fb0c795c] {
  margin-bottom: 1.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.pregunta-header[data-v-fb0c795c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.pregunta-icono[data-v-fb0c795c] {
  font-size: 1.25rem;
}
.pregunta-titulo[data-v-fb0c795c] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.preguntas-lista[data-v-fb0c795c] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.pregunta-ejemplo[data-v-fb0c795c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.pregunta-ejemplo[data-v-fb0c795c]:last-child {
  border-bottom: none;
}
.pregunta-ejemplo strong[data-v-fb0c795c] {
  color: #93C5FD;
}

/* Mensaje final */
.mensaje-final[data-v-fb0c795c] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 1rem;
}
.final-icono[data-v-fb0c795c] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido[data-v-fb0c795c] {
  flex: 1;
}
.final-titulo[data-v-fb0c795c] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.final-texto[data-v-fb0c795c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.errores-grid[data-v-fb0c795c] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-8c50aa75] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-8c50aa75] {
  font-size: 2.5rem;
}
.intro-visual .icono-puzzle[data-v-8c50aa75] {
  animation: rotate-8c50aa75 4s ease-in-out infinite;
}
.intro-visual .icono-texto[data-v-8c50aa75] {
  font-size: 3rem;
}
.intro-visual .icono-check[data-v-8c50aa75] {
  color: #6EE7B7;
  font-weight: bold;
  animation: pulse-8c50aa75 2s ease-in-out infinite;
}
@keyframes rotate-8c50aa75 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
@keyframes pulse-8c50aa75 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.15); opacity: 0.8;
}
}

/* Definiciones grid */
.definiciones-grid[data-v-8c50aa75] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion-box[data-v-8c50aa75] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 1rem;
  padding: 1rem;
}
.definicion-box.coherencia[data-v-8c50aa75] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.definicion-box.consistencia[data-v-8c50aa75] {
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.def-icono[data-v-8c50aa75] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-8c50aa75] {
  flex: 1;
}
.def-titulo[data-v-8c50aa75] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-8c50aa75] {
  color: #E9D5FF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Analogía */
.analogia-section[data-v-8c50aa75] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-8c50aa75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-8c50aa75] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-8c50aa75] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-8c50aa75] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-8c50aa75] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Ejemplos */
.ejemplo-section[data-v-8c50aa75] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-8c50aa75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.ejemplo-grid[data-v-8c50aa75] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-item[data-v-8c50aa75] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-item.malo[data-v-8c50aa75] {
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.ejemplo-item.bueno[data-v-8c50aa75] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.ejemplo-header[data-v-8c50aa75] {
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.ejemplo-item.malo .ejemplo-header[data-v-8c50aa75] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.ejemplo-item.bueno .ejemplo-header[data-v-8c50aa75] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ejemplo-contenido[data-v-8c50aa75] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
.ejemplo-nota[data-v-8c50aa75] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.1);
}

/* Importancia */
.importancia-section[data-v-8c50aa75] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-8c50aa75] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-contenido p[data-v-8c50aa75] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.importancia-lista[data-v-8c50aa75] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.importancia-lista li[data-v-8c50aa75] {
  margin-bottom: 0.35rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-8c50aa75] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8c50aa75] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-8c50aa75] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-8c50aa75] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-8c50aa75] {
    font-size: 3rem;
}
.intro-visual .icono-texto[data-v-8c50aa75] {
    font-size: 3.5rem;
}
.definiciones-grid[data-v-8c50aa75] {
    flex-direction: row;
}
.definicion-box[data-v-8c50aa75] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
}
.def-icono[data-v-8c50aa75] {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}
.analogia-grid[data-v-8c50aa75] {
    flex-direction: row;
}
.analogia-item[data-v-8c50aa75] {
    flex: 1;
}
.ejemplo-grid[data-v-8c50aa75] {
    flex-direction: row;
}
.ejemplo-item[data-v-8c50aa75] {
    flex: 1;
}
}

/* Tipos section */
.tipos-section[data-v-888f8ee6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-888f8ee6] {
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.tipo-card.contradiccion[data-v-888f8ee6] {
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.ruptura[data-v-888f8ee6] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-card.salto[data-v-888f8ee6] {
  border-color: rgba(168, 85, 247, 0.4);
}
.tipo-card.datos[data-v-888f8ee6] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-header[data-v-888f8ee6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.tipo-card.contradiccion .tipo-header[data-v-888f8ee6] {
  background: rgba(239, 68, 68, 0.2);
}
.tipo-card.ruptura .tipo-header[data-v-888f8ee6] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-card.salto .tipo-header[data-v-888f8ee6] {
  background: rgba(168, 85, 247, 0.2);
}
.tipo-card.datos .tipo-header[data-v-888f8ee6] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-icono[data-v-888f8ee6] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-888f8ee6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.tipo-descripcion[data-v-888f8ee6] {
  padding: 0.75rem 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-ejemplo[data-v-888f8ee6] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.3);
}
.ejemplo-label[data-v-888f8ee6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ejemplo-texto[data-v-888f8ee6] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
.highlight-error[data-v-888f8ee6] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
}
.highlight-data[data-v-888f8ee6] {
  color: #93C5FD;
  font-weight: 600;
}
.ejemplo-nota-dato[data-v-888f8ee6] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  font-family: monospace;
}
.tipo-deteccion[data-v-888f8ee6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.1);
  font-size: 0.85rem;
  color: #D8B4FE;
}
.deteccion-icono[data-v-888f8ee6] {
  font-size: 1rem;
}

/* Resumen */
.resumen-tipos[data-v-888f8ee6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.resumen-titulo[data-v-888f8ee6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.resumen-grid[data-v-888f8ee6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.resumen-item[data-v-888f8ee6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-888f8ee6] {
  font-size: 1.25rem;
}
.resumen-texto[data-v-888f8ee6] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-888f8ee6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-888f8ee6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-888f8ee6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-888f8ee6] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-section[data-v-888f8ee6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.resumen-grid[data-v-888f8ee6] {
    grid-template-columns: repeat(4, 1fr);
}
.resumen-item[data-v-888f8ee6] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.resumen-icono[data-v-888f8ee6] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}
}

/* Estrategia card */
.estrategia-card[data-v-86cbda58] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.estrategia-numero[data-v-86cbda58] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A855F7;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
  color: white;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-86cbda58] {
  flex: 1;
}
.estrategia-titulo[data-v-86cbda58] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.estrategia-descripcion[data-v-86cbda58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.estrategia-descripcion p[data-v-86cbda58] {
  margin: 0 0 0.5rem;
}
.estrategia-pregunta[data-v-86cbda58] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

/* Conectores grid */
.conectores-grid[data-v-86cbda58] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.5rem 0;
}
.conector[data-v-86cbda58] {
  padding: 0.3rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Verificación ejemplo */
.verificacion-ejemplo[data-v-86cbda58] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.verificacion-item[data-v-86cbda58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.verificacion-item.correcto[data-v-86cbda58] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.verificacion-item.incorrecto[data-v-86cbda58] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.verificacion-icono[data-v-86cbda58] {
  font-weight: bold;
}

/* Causa-efecto */
.causa-efecto[data-v-86cbda58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  flex-wrap: wrap;
}
.causa[data-v-86cbda58], .efecto[data-v-86cbda58] {
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.flecha[data-v-86cbda58] {
  color: #A855F7;
  font-size: 1.25rem;
  font-weight: bold;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-86cbda58] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.ejemplo-titulo[data-v-86cbda58] {
  padding: 0.75rem 1rem;
  background: rgba(59, 130, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.texto-analizar[data-v-86cbda58] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
}
.texto-analizar p[data-v-86cbda58] {
  margin: 0;
}
.linea[data-v-86cbda58] {
  display: block;
  padding: 0.25rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.linea[data-v-86cbda58]::before {
  content: attr(data-num) ". ";
  color: #C4B5FD;
  font-size: 0.8rem;
}
.linea.highlight[data-v-86cbda58] {
  background: rgba(239, 68, 68, 0.2);
  border-left: 3px solid #EF4444;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  color: #FCA5A5;
}
.analisis-pasos[data-v-86cbda58] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-86cbda58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.analisis-item.error[data-v-86cbda58] {
  color: #FCA5A5;
}
.analisis-icono[data-v-86cbda58] {
  flex-shrink: 0;
}

/* Tip */
.tip[data-v-86cbda58] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-86cbda58] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-86cbda58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-86cbda58] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.verificacion-ejemplo[data-v-86cbda58] {
    flex-direction: row;
    gap: 1rem;
}
}

.explorador[data-v-682ed1a0] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-682ed1a0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-682ed1a0] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-682ed1a0] {
  border-color: #A855F7;
  background: #A855F7;
  color: white;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}
.progreso-item.completado[data-v-682ed1a0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-682ed1a0] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-682ed1a0] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(168, 85, 247, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-682ed1a0] {
  font-size: 1rem;
}
.tipo-texto[data-v-682ed1a0] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
}

/* Texto de referencia */
.texto-referencia[data-v-682ed1a0] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-682ed1a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-682ed1a0] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-682ed1a0] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-682ed1a0] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-682ed1a0] p {
  margin: 0 0 0.5rem;
}
.texto-contenido[data-v-682ed1a0] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-682ed1a0] strong {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}

/* Desafío container */
.desafio-container[data-v-682ed1a0] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-682ed1a0] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-682ed1a0] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-682ed1a0] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-682ed1a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-682ed1a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-682ed1a0]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-682ed1a0] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.25);
}
.opcion-btn.correcto[data-v-682ed1a0] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-682ed1a0] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-682ed1a0]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-682ed1a0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-682ed1a0] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-682ed1a0] {
  background: #EF4444;
}
.opcion-texto[data-v-682ed1a0] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-682ed1a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-682ed1a0] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-682ed1a0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-682ed1a0] {
  flex: 1;
}
.feedback-titulo[data-v-682ed1a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-682ed1a0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-682ed1a0] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-682ed1a0] {
  text-align: center;
}
.btn-verificar[data-v-682ed1a0] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-682ed1a0]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-682ed1a0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-682ed1a0] { flex: 1;
}
.nav-btn[data-v-682ed1a0] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-682ed1a0]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-682ed1a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-682ed1a0] { font-size: 1.75rem;
}
.completado-texto[data-v-682ed1a0] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-682ed1a0], .slide-leave-active[data-v-682ed1a0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-682ed1a0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-682ed1a0] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-682ed1a0], .fade-leave-active[data-v-682ed1a0] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-682ed1a0], .fade-leave-to[data-v-682ed1a0] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-682ed1a0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Cierre visual */
.cierre-visual[data-v-e075be0a] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.icono-trophy[data-v-e075be0a] {
  font-size: 3.5rem;
  animation: bounce-e075be0a 2s ease-in-out infinite;
}
@keyframes bounce-e075be0a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}

/* Conceptos resumen */
.conceptos-resumen[data-v-e075be0a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-item[data-v-e075be0a] {
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-e075be0a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-e075be0a] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-e075be0a] {
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-texto[data-v-e075be0a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Problemas grid */
.problemas-grid[data-v-e075be0a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.problema-mini[data-v-e075be0a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.problema-icono[data-v-e075be0a] {
  font-size: 1.25rem;
}
.problema-nombre[data-v-e075be0a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 500;
}

/* Estrategia PAES */
.estrategia-paes[data-v-e075be0a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-e075be0a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-pasos[data-v-e075be0a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-estrategia[data-v-e075be0a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-e075be0a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-e075be0a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  padding-top: 0.1rem;
}

/* Preguntas clave */
.preguntas-clave[data-v-e075be0a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.preguntas-titulo[data-v-e075be0a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.preguntas-lista[data-v-e075be0a] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.preguntas-lista li[data-v-e075be0a] {
  margin-bottom: 0.35rem;
  line-height: 1.4;
}

/* Tip final */
.tip-final[data-v-e075be0a] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-e075be0a] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-e075be0a] {
  flex: 1;
}
.tip-titulo[data-v-e075be0a] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-e075be0a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Logros */
.logros[data-v-e075be0a] {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.logros-titulo[data-v-e075be0a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.logros-grid[data-v-e075be0a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.logro-item[data-v-e075be0a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.logro-item[data-v-e075be0a]::before {
  content: "✓";
  color: #6EE7B7;
  font-weight: bold;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-resumen[data-v-e075be0a] {
    flex-direction: row;
}
.concepto-item[data-v-e075be0a] {
    flex: 1;
}
.problemas-grid[data-v-e075be0a] {
    grid-template-columns: repeat(4, 1fr);
}
.problema-mini[data-v-e075be0a] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.problema-icono[data-v-e075be0a] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}
.logros-grid[data-v-e075be0a] {
    grid-template-columns: 1fr 1fr;
}
}

/* Intro visual */
.intro-visual[data-v-6c023db3] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-6c023db3] {
  font-size: 2.5rem;
}
.icono-diana[data-v-6c023db3] {
  animation: pulse-6c023db3 2s ease-in-out infinite;
}
.icono-mensaje[data-v-6c023db3] {
  font-size: 3rem !important;
  animation: bounce-6c023db3 2s ease-in-out infinite;
}
.icono-check[data-v-6c023db3] {
  animation: appear-6c023db3 2s ease-in-out infinite;
}
@keyframes pulse-6c023db3 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
@keyframes bounce-6c023db3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes appear-6c023db3 {
0%, 50% { opacity: 0.5;
}
75%, 100% { opacity: 1;
}
}

/* Definición */
.definicion-box[data-v-6c023db3] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-6c023db3] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-6c023db3] {
  flex: 1;
}
.def-titulo[data-v-6c023db3] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-6c023db3] {
  color: #E9D5FF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Pregunta section */
.pregunta-section[data-v-6c023db3] {
  margin: 1.5rem 0;
}
.pregunta-titulo[data-v-6c023db3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.pregunta-contenido[data-v-6c023db3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.pregunta-texto[data-v-6c023db3] {
  text-align: center;
  font-size: 1.1rem;
  color: #FCD34D;
  margin: 0 0 1rem 0;
}
.pregunta-ejemplos[data-v-6c023db3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-ejemplo[data-v-6c023db3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-6c023db3] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ejemplo-texto[data-v-6c023db3] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Analogía */
.analogia-section[data-v-6c023db3] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-6c023db3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-6c023db3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-6c023db3] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.analogia-item.efectivo[data-v-6c023db3] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.analogia-item.inefectivo[data-v-6c023db3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.analogia-visual[data-v-6c023db3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flecha[data-v-6c023db3] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.flecha.desviada[data-v-6c023db3] {
  color: #FCA5A5;
  transform: rotate(25deg);
}
.diana[data-v-6c023db3] {
  font-size: 2rem;
}
.analogia-texto[data-v-6c023db3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
strong.positivo[data-v-6c023db3] {
  color: #6EE7B7;
}
strong.negativo[data-v-6c023db3] {
  color: #FCA5A5;
}

/* Importancia */
.importancia-section[data-v-6c023db3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-6c023db3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-nota[data-v-6c023db3] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-6c023db3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6c023db3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-6c023db3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-6c023db3] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-6c023db3] {
    font-size: 3rem;
}
.intro-visual .icono-mensaje[data-v-6c023db3] {
    font-size: 3.5rem !important;
}
.analogia-grid[data-v-6c023db3] {
    flex-direction: row;
}
.analogia-item[data-v-6c023db3] {
    flex: 1;
}
}

/* Elementos section */
.elementos-section[data-v-2bba6d57] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-2bba6d57] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.elementos-grid[data-v-2bba6d57] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.elemento-card[data-v-2bba6d57] {
  border-radius: 1rem;
  overflow: hidden;
}
.elemento-card.claridad[data-v-2bba6d57] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.elemento-card.impacto[data-v-2bba6d57] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.elemento-card.persuasion[data-v-2bba6d57] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.elemento-card.adecuacion[data-v-2bba6d57] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.elemento-header[data-v-2bba6d57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.elemento-icono[data-v-2bba6d57] {
  font-size: 1.25rem;
}
.elemento-nombre[data-v-2bba6d57] {
  font-weight: 700;
  font-size: 1rem;
}
.elemento-card.claridad .elemento-nombre[data-v-2bba6d57] { color: #93C5FD;
}
.elemento-card.impacto .elemento-nombre[data-v-2bba6d57] { color: #FCD34D;
}
.elemento-card.persuasion .elemento-nombre[data-v-2bba6d57] { color: #D8B4FE;
}
.elemento-card.adecuacion .elemento-nombre[data-v-2bba6d57] { color: #6EE7B7;
}
.elemento-body[data-v-2bba6d57] {
  padding: 1rem;
}
.elemento-desc[data-v-2bba6d57] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.elemento-ejemplo[data-v-2bba6d57] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.elemento-ejemplo[data-v-2bba6d57]:last-child {
  margin-bottom: 0;
}
.label[data-v-2bba6d57] {
  font-weight: 600;
  margin-right: 0.25rem;
}
.label.correcto[data-v-2bba6d57] { color: #6EE7B7;
}
.label.incorrecto[data-v-2bba6d57] { color: #FCA5A5;
}

/* Conexión section */
.conexion-section[data-v-2bba6d57] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.conexion-titulo[data-v-2bba6d57] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.conexion-diagrama[data-v-2bba6d57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.conexion-centro[data-v-2bba6d57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  justify-content: center;
}
.conexion-label[data-v-2bba6d57] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.conexion-emoji[data-v-2bba6d57] {
  font-size: 1.5rem;
}
.conexion-elementos[data-v-2bba6d57] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  width: 100%;
}
.conexion-item[data-v-2bba6d57] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conexion-nota[data-v-2bba6d57] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-2bba6d57] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2bba6d57] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-2bba6d57] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-2bba6d57] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.elementos-grid[data-v-2bba6d57] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Concepto section */
.concepto-section[data-v-b869ac74] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.concepto-titulo[data-v-b869ac74] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-b869ac74] {
  font-size: 1.25rem;
}
.concepto-desc[data-v-b869ac74] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  line-height: 1.5;
}

/* Propósitos grid */
.propositos-grid[data-v-b869ac74] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.proposito-item[data-v-b869ac74] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proposito-badge[data-v-b869ac74] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.proposito-badge.informar[data-v-b869ac74] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.proposito-badge.persuadir[data-v-b869ac74] { background: rgba(168, 85, 247, 0.3); color: #D8B4FE;
}
.proposito-badge.entretener[data-v-b869ac74] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.proposito-badge.instruir[data-v-b869ac74] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.proposito-texto[data-v-b869ac74] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.proposito-ejemplo[data-v-b869ac74] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Audiencia grid */
.audiencia-grid[data-v-b869ac74] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.audiencia-item[data-v-b869ac74] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.audiencia-header[data-v-b869ac74] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.audiencia-icono[data-v-b869ac74] {
  font-size: 1.25rem;
}
.audiencia-nombre[data-v-b869ac74] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.audiencia-caracteristicas[data-v-b869ac74] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Adaptación section */
.adaptacion-section[data-v-b869ac74] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.adaptacion-titulo[data-v-b869ac74] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.adaptacion-tema[data-v-b869ac74] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.adaptacion-grid[data-v-b869ac74] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.adaptacion-item[data-v-b869ac74] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.adaptacion-item.ninos[data-v-b869ac74] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.adaptacion-item.expertos[data-v-b869ac74] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.adaptacion-label[data-v-b869ac74] {
  font-weight: 600;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.adaptacion-item.ninos .adaptacion-label[data-v-b869ac74] { color: #93C5FD;
}
.adaptacion-item.expertos .adaptacion-label[data-v-b869ac74] { color: #D8B4FE;
}
.adaptacion-texto[data-v-b869ac74] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.5;
}
.adaptacion-nota[data-v-b869ac74] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Checklist section */
.checklist-section[data-v-b869ac74] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.checklist-titulo[data-v-b869ac74] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
}
.checklist-items[data-v-b869ac74] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checklist-item[data-v-b869ac74] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.check-icono[data-v-b869ac74] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.check-texto[data-v-b869ac74] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-b869ac74] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b869ac74] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-b869ac74] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b869ac74] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.adaptacion-grid[data-v-b869ac74] {
    flex-direction: row;
}
.adaptacion-item[data-v-b869ac74] {
    flex: 1;
}
}

/* Mobile: stack grids */
@media (max-width: 480px) {
.propositos-grid[data-v-b869ac74],
  .audiencia-grid[data-v-b869ac74] {
    grid-template-columns: 1fr;
}
}

.explorador[data-v-88e303dc] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-88e303dc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-88e303dc] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-88e303dc] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-88e303dc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-88e303dc] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Contexto badge */
.contexto-badge[data-v-88e303dc] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  margin-bottom: 0.75rem;
}
.contexto-icono[data-v-88e303dc] { font-size: 1rem;
}
.contexto-texto[data-v-88e303dc] { font-size: 0.85rem; font-weight: 600; color: #FCD34D;
}

/* Meta info */
.meta-info[data-v-88e303dc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.meta-item[data-v-88e303dc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.meta-label[data-v-88e303dc] { color: #C4B5FD;
}
.meta-value[data-v-88e303dc] { color: #FFFFFF; font-weight: 500;
}

/* Texto referencia */
.texto-referencia[data-v-88e303dc] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-88e303dc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-88e303dc] { font-size: 1.25rem;
}
.texto-titulo[data-v-88e303dc] { font-weight: 700; color: #93C5FD; font-size: 0.9rem;
}
.texto-contenido[data-v-88e303dc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-88e303dc] p { margin: 0;
}

/* Pregunta */
.pregunta-box[data-v-88e303dc] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-88e303dc] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-88e303dc] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
}

/* Eficacia opciones */
.eficacia-opciones[data-v-88e303dc] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.eficacia-btn[data-v-88e303dc] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.eficacia-btn.eficaz[data-v-88e303dc] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.eficacia-btn.ineficaz[data-v-88e303dc] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.eficacia-btn[data-v-88e303dc]:hover:not(:disabled) {
  transform: scale(1.02);
}
.eficacia-btn.seleccionado[data-v-88e303dc] {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
}
.eficacia-btn.eficaz.seleccionado[data-v-88e303dc] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.eficacia-btn.ineficaz.seleccionado[data-v-88e303dc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.eficacia-btn.correcto[data-v-88e303dc] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.4) !important;
}
.eficacia-btn.incorrecto[data-v-88e303dc] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.4) !important;
  opacity: 0.7;
}
.eficacia-btn[data-v-88e303dc]:disabled {
  cursor: not-allowed;
}
.eficacia-icono[data-v-88e303dc] { font-size: 2rem;
}
.eficacia-texto[data-v-88e303dc] { font-size: 1rem; font-weight: 600; color: #FFFFFF;
}

/* Feedback */
.feedback-box[data-v-88e303dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-88e303dc] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-88e303dc] { font-size: 1.5rem; flex-shrink: 0;
}
.feedback-contenido[data-v-88e303dc] { flex: 1;
}
.feedback-titulo[data-v-88e303dc] { font-weight: 700; color: #FFFFFF; margin-bottom: 0.5rem;
}
.feedback-explicacion[data-v-88e303dc] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-88e303dc] strong { color: #6EE7B7;
}

/* Acción */
.accion-container[data-v-88e303dc] { text-align: center;
}
.btn-verificar[data-v-88e303dc] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-88e303dc]:hover { background: #059669;
}

/* Navegación */
.desafio-nav[data-v-88e303dc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-88e303dc] { flex: 1;
}
.nav-btn[data-v-88e303dc] {
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-88e303dc]:hover { background: rgba(59, 130, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-88e303dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-88e303dc] { font-size: 1.75rem;
}
.completado-texto[data-v-88e303dc] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-88e303dc], .slide-leave-active[data-v-88e303dc] { transition: all 0.25s ease;
}
.slide-enter-from[data-v-88e303dc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-88e303dc] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-88e303dc], .fade-leave-active[data-v-88e303dc] { transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-88e303dc], .fade-leave-to[data-v-88e303dc] { opacity: 0;
}

.explorador[data-v-2e10c82e] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-2e10c82e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-2e10c82e] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-2e10c82e] {
  border-color: #F59E0B;
  background: #F59E0B;
  color: white;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.5);
}
.progreso-item.completado[data-v-2e10c82e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2e10c82e] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Header */
.desafio-header[data-v-2e10c82e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.desafio-badge[data-v-2e10c82e] {
  padding: 0.3rem 0.6rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.desafio-meta[data-v-2e10c82e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.meta-icono[data-v-2e10c82e] { font-size: 1.25rem;
}
.meta-tipo[data-v-2e10c82e] { font-weight: 600; color: #FFFFFF; font-size: 0.9rem;
}

/* Texto original */
.texto-original[data-v-2e10c82e] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.texto-label[data-v-2e10c82e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.texto-label.problema[data-v-2e10c82e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.label-icono[data-v-2e10c82e] { font-size: 1rem;
}
.texto-contenido[data-v-2e10c82e] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
  font-style: italic;
}
.texto-contenido[data-v-2e10c82e] p { margin: 0;
}

/* Problema box */
.problema-box[data-v-2e10c82e] {
  padding: 0.75rem 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-label[data-v-2e10c82e] {
  font-size: 0.8rem;
  color: #FCA5A5;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.problema-texto[data-v-2e10c82e] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Pregunta */
.pregunta-box[data-v-2e10c82e] {
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-2e10c82e] {
  color: #FCD34D;
  font-size: 1rem;
  font-weight: 600;
}

/* Opciones */
.opciones-grid[data-v-2e10c82e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-2e10c82e] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-2e10c82e]:hover:not(:disabled) {
  border-color: rgba(245, 158, 11, 0.6);
  background: rgba(245, 158, 11, 0.1);
}
.opcion-btn.seleccionado[data-v-2e10c82e] {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.2);
}
.opcion-btn.correcto[data-v-2e10c82e] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.2) !important;
}
.opcion-btn.incorrecto[data-v-2e10c82e] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.2) !important;
}
.opcion-btn[data-v-2e10c82e]:disabled { cursor: not-allowed;
}
.opcion-header[data-v-2e10c82e] {
  margin-bottom: 0.5rem;
}
.opcion-letra[data-v-2e10c82e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
}
.opcion-btn.correcto .opcion-letra[data-v-2e10c82e] { background: #10B981; color: white;
}
.opcion-btn.incorrecto .opcion-letra[data-v-2e10c82e] { background: #EF4444; color: white;
}
.opcion-texto[data-v-2e10c82e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.opcion-texto[data-v-2e10c82e] strong { color: #6EE7B7;
}

/* Feedback */
.feedback-box[data-v-2e10c82e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-2e10c82e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-2e10c82e] { font-size: 1.5rem; flex-shrink: 0;
}
.feedback-contenido[data-v-2e10c82e] { flex: 1;
}
.feedback-titulo[data-v-2e10c82e] { font-weight: 700; color: #FFFFFF; margin-bottom: 0.5rem;
}
.feedback-explicacion[data-v-2e10c82e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-2e10c82e] strong { color: #6EE7B7;
}

/* Acción */
.accion-container[data-v-2e10c82e] { text-align: center;
}
.btn-verificar[data-v-2e10c82e] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-2e10c82e]:hover { background: #059669;
}

/* Navegación */
.desafio-nav[data-v-2e10c82e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
}
.nav-spacer[data-v-2e10c82e] { flex: 1;
}
.nav-btn[data-v-2e10c82e] {
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-2e10c82e]:hover { background: rgba(245, 158, 11, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-2e10c82e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2e10c82e] { font-size: 1.75rem;
}
.completado-texto[data-v-2e10c82e] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2e10c82e], .slide-leave-active[data-v-2e10c82e] { transition: all 0.25s ease;
}
.slide-enter-from[data-v-2e10c82e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2e10c82e] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-2e10c82e], .fade-leave-active[data-v-2e10c82e] { transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-2e10c82e], .fade-leave-to[data-v-2e10c82e] { opacity: 0;
}

/* Intro */
.resumen-intro[data-v-1d92790e] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-1d92790e] {
  font-size: 2rem;
}
.resumen-intro p[data-v-1d92790e] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-1d92790e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-1d92790e] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-1d92790e] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-1d92790e]:hover {
  border-color: #3B82F6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-1d92790e] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-1d92790e] {
    grid-column: span 1;
}
}
.card-header[data-v-1d92790e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-1d92790e] {
  font-size: 1.25rem;
}
.card-titulo[data-v-1d92790e] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-1d92790e] {
  color: #E9D5FF;
}
.card-texto[data-v-1d92790e] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
.card-formula[data-v-1d92790e] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.85rem;
  color: #93C5FD;
}
.card-formula .resultado[data-v-1d92790e] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Pilares grid */
.pilares-grid[data-v-1d92790e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
@media (min-width: 640px) {
.pilares-grid[data-v-1d92790e] {
    grid-template-columns: repeat(4, 1fr);
}
}
.pilar[data-v-1d92790e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.pilar.claridad[data-v-1d92790e] { background: rgba(59, 130, 246, 0.15);
}
.pilar.impacto[data-v-1d92790e] { background: rgba(245, 158, 11, 0.15);
}
.pilar.persuasion[data-v-1d92790e] { background: rgba(168, 85, 247, 0.15);
}
.pilar.adecuacion[data-v-1d92790e] { background: rgba(16, 185, 129, 0.15);
}
.pilar-icono[data-v-1d92790e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.pilar-nombre[data-v-1d92790e] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.pilar.claridad .pilar-nombre[data-v-1d92790e] { color: #93C5FD;
}
.pilar.impacto .pilar-nombre[data-v-1d92790e] { color: #FCD34D;
}
.pilar.persuasion .pilar-nombre[data-v-1d92790e] { color: #D8B4FE;
}
.pilar.adecuacion .pilar-nombre[data-v-1d92790e] { color: #6EE7B7;
}
.pilar-desc[data-v-1d92790e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Checklist */
.checklist[data-v-1d92790e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.check-item[data-v-1d92790e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.check-num[data-v-1d92790e] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  flex-shrink: 0;
}
.check-texto[data-v-1d92790e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Errores */
.errores-lista[data-v-1d92790e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-1d92790e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-1d92790e] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-1d92790e] {
  font-size: 0.85rem;
  color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-1d92790e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-1d92790e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-1d92790e] {
  font-size: 1.25rem;
}
.tip-text[data-v-1d92790e] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-1d92790e] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-1d92790e] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-1d92790e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-1d92790e 1s ease-in-out infinite;
}
@keyframes bounce-1d92790e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-1d92790e] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-1d92790e] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-063cd546] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-063cd546] {
  font-size: 2.5rem;
}
.intro-visual .icono-pluma[data-v-063cd546] {
  animation: write-063cd546 2s ease-in-out infinite;
}
.intro-visual .icono-libro[data-v-063cd546] {
  font-size: 3rem;
}
.intro-visual .icono-persona[data-v-063cd546] {
  animation: nod-063cd546 2s ease-in-out infinite;
}
@keyframes write-063cd546 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
@keyframes nod-063cd546 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}

/* Definiciones section */
.definiciones-section[data-v-063cd546] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.definicion-box[data-v-063cd546] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
}
.definicion-box.estilo[data-v-063cd546] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.definicion-box.registro[data-v-063cd546] {
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.def-icono[data-v-063cd546] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-063cd546] {
  flex: 1;
}
.def-titulo[data-v-063cd546] {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.definicion-box.estilo .def-titulo[data-v-063cd546] {
  color: #93C5FD;
}
.definicion-box.registro .def-titulo[data-v-063cd546] {
  color: #D8B4FE;
}
.def-texto[data-v-063cd546] {
  color: #E9D5FF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Analogía */
.analogia-section[data-v-063cd546] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-063cd546] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-063cd546] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-063cd546] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-063cd546] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-063cd546] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Ejemplo visual */
.ejemplo-section[data-v-063cd546] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-063cd546] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-comparacion[data-v-063cd546] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ejemplo-item[data-v-063cd546] {
  width: 100%;
  padding: 1rem;
  border-radius: 0.75rem;
}
.ejemplo-item.formal[data-v-063cd546] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.ejemplo-item.informal[data-v-063cd546] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.ejemplo-header[data-v-063cd546] {
  margin-bottom: 0.5rem;
}
.ejemplo-badge[data-v-063cd546] {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
}
.ejemplo-item.formal .ejemplo-badge[data-v-063cd546] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ejemplo-item.informal .ejemplo-badge[data-v-063cd546] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.ejemplo-texto[data-v-063cd546] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
.ejemplo-flecha[data-v-063cd546] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Importancia */
.importancia-section[data-v-063cd546] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-063cd546] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-nota[data-v-063cd546] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-063cd546] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-063cd546] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-063cd546] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-063cd546] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-063cd546] {
    font-size: 3rem;
}
.intro-visual .icono-libro[data-v-063cd546] {
    font-size: 3.5rem;
}
.analogia-grid[data-v-063cd546] {
    flex-direction: row;
}
.analogia-item[data-v-063cd546] {
    flex: 1;
}
}

/* Escala de formalidad */
.escala-section[data-v-69b9f9f1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.escala-titulo[data-v-69b9f9f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.escala-visual[data-v-69b9f9f1] {
  padding: 0 0.5rem;
}
.escala-barra[data-v-69b9f9f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.escala-extremo[data-v-69b9f9f1] {
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.escala-extremo.formal[data-v-69b9f9f1] {
  color: #6EE7B7;
}
.escala-extremo.informal[data-v-69b9f9f1] {
  color: #FCD34D;
}
.escala-gradiente[data-v-69b9f9f1] {
  flex: 1;
  height: 8px;
  background: linear-gradient(to right, #10B981, #8B5CF6, #F59E0B);
  border-radius: 4px;
}

/* Registros grid */
.registros-grid[data-v-69b9f9f1] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 1.5rem 0;
}
.registro-card[data-v-69b9f9f1] {
  border-radius: 1rem;
  overflow: hidden;
}
.registro-card.formal[data-v-69b9f9f1] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.registro-card.informal[data-v-69b9f9f1] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.registro-card.tecnico[data-v-69b9f9f1] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.registro-card.literario[data-v-69b9f9f1] {
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.registro-header[data-v-69b9f9f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.registro-card.formal .registro-header[data-v-69b9f9f1] {
  background: rgba(16, 185, 129, 0.2);
}
.registro-card.informal .registro-header[data-v-69b9f9f1] {
  background: rgba(245, 158, 11, 0.2);
}
.registro-card.tecnico .registro-header[data-v-69b9f9f1] {
  background: rgba(59, 130, 246, 0.2);
}
.registro-card.literario .registro-header[data-v-69b9f9f1] {
  background: rgba(168, 85, 247, 0.2);
}
.registro-icono[data-v-69b9f9f1] {
  font-size: 1.5rem;
}
.registro-nombre[data-v-69b9f9f1] {
  font-weight: 700;
  font-size: 1rem;
}
.registro-card.formal .registro-nombre[data-v-69b9f9f1] {
  color: #6EE7B7;
}
.registro-card.informal .registro-nombre[data-v-69b9f9f1] {
  color: #FCD34D;
}
.registro-card.tecnico .registro-nombre[data-v-69b9f9f1] {
  color: #93C5FD;
}
.registro-card.literario .registro-nombre[data-v-69b9f9f1] {
  color: #D8B4FE;
}
.registro-contenido[data-v-69b9f9f1] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.registro-desc[data-v-69b9f9f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.registro-caracteristicas[data-v-69b9f9f1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.caracteristica[data-v-69b9f9f1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.registro-ejemplos[data-v-69b9f9f1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.ejemplo-label[data-v-69b9f9f1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.ejemplo-item[data-v-69b9f9f1] {
  font-size: 0.75rem;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  color: #E9D5FF;
}

/* Factores */
.factores-section[data-v-69b9f9f1] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-69b9f9f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.factores-grid[data-v-69b9f9f1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.factor-item[data-v-69b9f9f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.factor-icono[data-v-69b9f9f1] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.factor-texto[data-v-69b9f9f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.factor-texto strong[data-v-69b9f9f1] {
  color: #D8B4FE;
}

/* Tip */
.tip[data-v-69b9f9f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-69b9f9f1] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-69b9f9f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-69b9f9f1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.registros-grid[data-v-69b9f9f1] {
    grid-template-columns: repeat(2, 1fr);
}
.factores-grid[data-v-69b9f9f1] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-item[data-v-69b9f9f1] {
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-d8fb4a39] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-d8fb4a39] {
  font-size: 3rem;
  animation: pulse-d8fb4a39 2s ease-in-out infinite;
}
@keyframes pulse-d8fb4a39 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-d8fb4a39] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-d8fb4a39] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-d8fb4a39] {
  flex: 1;
}
.def-titulo[data-v-d8fb4a39] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-d8fb4a39] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Ejemplos section */
.ejemplos-section[data-v-d8fb4a39] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-d8fb4a39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.ejemplo-caso[data-v-d8fb4a39] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.ejemplo-caso.adecuado[data-v-d8fb4a39] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.ejemplo-caso.inadecuado[data-v-d8fb4a39] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.ejemplo-header[data-v-d8fb4a39] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.estado-badge[data-v-d8fb4a39] {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
}
.ejemplo-caso.adecuado .estado-badge[data-v-d8fb4a39] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ejemplo-caso.inadecuado .estado-badge[data-v-d8fb4a39] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.contexto-badge[data-v-d8fb4a39] {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  color: #D8B4FE;
}
.ejemplo-texto[data-v-d8fb4a39] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-analisis[data-v-d8fb4a39] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Criterios */
.criterios-section[data-v-d8fb4a39] {
  margin: 1.5rem 0;
}
.criterios-titulo[data-v-d8fb4a39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.criterios-grid[data-v-d8fb4a39] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.criterio-item[data-v-d8fb4a39] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.criterio-icono[data-v-d8fb4a39] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.criterio-contenido[data-v-d8fb4a39] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.criterio-contenido strong[data-v-d8fb4a39] {
  color: #D8B4FE;
  font-size: 0.9rem;
}
.criterio-pregunta[data-v-d8fb4a39] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Errores */
.errores-section[data-v-d8fb4a39] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-d8fb4a39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.errores-grid[data-v-d8fb4a39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-d8fb4a39] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-d8fb4a39] {
  font-size: 0.85rem;
  flex-shrink: 0;
}
.error-contenido[data-v-d8fb4a39] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.error-contenido strong[data-v-d8fb4a39] {
  color: #FCA5A5;
  font-size: 0.9rem;
}
.error-contenido span[data-v-d8fb4a39] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d8fb4a39] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d8fb4a39] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d8fb4a39] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d8fb4a39] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.criterios-grid[data-v-d8fb4a39] {
    grid-template-columns: repeat(4, 1fr);
}
.criterio-item[data-v-d8fb4a39] {
    flex-direction: column;
    text-align: center;
}
.errores-grid[data-v-d8fb4a39] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-bada874e] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-bada874e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-bada874e] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-bada874e] {
  border-color: #A855F7;
  background: #A855F7;
  color: white;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}
.progreso-item.completado[data-v-bada874e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-bada874e] {
  font-size: 1rem;
}

/* Contexto badge */
.contexto-badge[data-v-bada874e] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.contexto-icono[data-v-bada874e] {
  font-size: 1rem;
}
.contexto-texto[data-v-bada874e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Texto de referencia */
.texto-referencia[data-v-bada874e] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-bada874e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-bada874e] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-bada874e] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-bada874e] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-bada874e] p {
  margin: 0;
}

/* Desafío container */
.desafio-container[data-v-bada874e] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-bada874e] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-bada874e] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-bada874e] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-bada874e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-bada874e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-bada874e]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-bada874e] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.25);
}
.opcion-btn.correcto[data-v-bada874e] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-bada874e] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-bada874e]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-bada874e] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-bada874e] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-bada874e] {
  background: #EF4444;
}
.opcion-texto[data-v-bada874e] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-bada874e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-bada874e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-bada874e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-bada874e] {
  flex: 1;
}
.feedback-titulo[data-v-bada874e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-bada874e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-bada874e] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-bada874e] {
  text-align: center;
}
.btn-verificar[data-v-bada874e] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-bada874e]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-bada874e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-bada874e] { flex: 1;
}
.nav-btn[data-v-bada874e] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-bada874e]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-bada874e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-bada874e] { font-size: 1.75rem;
}
.completado-texto[data-v-bada874e] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-bada874e], .slide-leave-active[data-v-bada874e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-bada874e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-bada874e] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-bada874e], .fade-leave-active[data-v-bada874e] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-bada874e], .fade-leave-to[data-v-bada874e] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-bada874e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

.clasificador[data-v-31939e1a] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-visual[data-v-31939e1a] {
  margin-bottom: 1.5rem;
}
.progreso-texto[data-v-31939e1a] {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
  margin-bottom: 0.5rem;
}
.progreso-barra[data-v-31939e1a] {
  height: 8px;
  background: rgba(168, 85, 247, 0.2);
  border-radius: 4px;
  overflow: hidden;
}
.progreso-fill[data-v-31939e1a] {
  height: 100%;
  background: linear-gradient(to right, #A855F7, #10B981);
  border-radius: 4px;
  transition: width 0.5s ease;
}

/* Texto container */
.texto-container[data-v-31939e1a] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.texto-header[data-v-31939e1a] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-numero[data-v-31939e1a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #D8B4FE;
}
.texto-contenido[data-v-31939e1a] {
  padding: 1.25rem;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.7;
  font-style: italic;
}

/* Registros grid */
.registros-grid[data-v-31939e1a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.registro-btn[data-v-31939e1a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.registro-btn[data-v-31939e1a]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.2);
}
.registro-btn.seleccionado[data-v-31939e1a] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.3);
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.4);
}
.registro-btn.correcto[data-v-31939e1a] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.registro-btn.incorrecto[data-v-31939e1a] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.registro-btn[data-v-31939e1a]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.registro-icono[data-v-31939e1a] {
  font-size: 2rem;
}
.registro-nombre[data-v-31939e1a] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Acción container */
.accion-container[data-v-31939e1a] {
  text-align: center;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-31939e1a] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-31939e1a]:hover {
  background: #059669;
}

/* Feedback */
.feedback-box[data-v-31939e1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-31939e1a] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-31939e1a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-31939e1a] {
  flex: 1;
}
.feedback-titulo[data-v-31939e1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-31939e1a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion strong[data-v-31939e1a] {
  color: #6EE7B7;
}

/* Mensaje completado */
.mensaje-completado[data-v-31939e1a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-31939e1a] { font-size: 1.75rem;
}
.completado-texto[data-v-31939e1a] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-31939e1a], .slide-leave-active[data-v-31939e1a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-31939e1a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-31939e1a] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-31939e1a], .fade-leave-active[data-v-31939e1a] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-31939e1a], .fade-leave-to[data-v-31939e1a] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.registros-grid[data-v-31939e1a] {
    grid-template-columns: repeat(4, 1fr);
}
.registro-btn[data-v-31939e1a] {
    padding: 1.25rem 1rem;
}
.registro-icono[data-v-31939e1a] {
    font-size: 2.5rem;
}
}

/* Intro */
.resumen-intro[data-v-5591f92f] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5591f92f] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5591f92f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-5591f92f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-5591f92f] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-5591f92f] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-5591f92f]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-5591f92f] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-5591f92f] {
    grid-column: span 1;
}
}
.card-header[data-v-5591f92f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-5591f92f] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5591f92f] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-5591f92f] {
  color: #E9D5FF;
}
.card-nota[data-v-5591f92f] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Comparación estilo vs registro */
.comparacion-mini[data-v-5591f92f] {
  display: flex;
  gap: 0.75rem;
}
.comp-item[data-v-5591f92f] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.estilo[data-v-5591f92f] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-item.registro[data-v-5591f92f] {
  background: rgba(168, 85, 247, 0.15);
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.comp-item strong[data-v-5591f92f] {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.comp-item.estilo strong[data-v-5591f92f] {
  color: #93C5FD;
}
.comp-item.registro strong[data-v-5591f92f] {
  color: #D8B4FE;
}
.comp-item span[data-v-5591f92f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Registros mini */
.registros-mini[data-v-5591f92f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.reg-tag[data-v-5591f92f] {
  padding: 0.3rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.reg-tag.formal[data-v-5591f92f] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.reg-tag.informal[data-v-5591f92f] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.reg-tag.tecnico[data-v-5591f92f] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.reg-tag.literario[data-v-5591f92f] {
  background: rgba(168, 85, 247, 0.2);
  color: #D8B4FE;
}

/* Adecuación resumen */
.adecuacion-resumen[data-v-5591f92f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.adecuacion-resumen[data-v-5591f92f] {
    grid-template-columns: repeat(4, 1fr);
}
}
.adec-factor[data-v-5591f92f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.5rem;
}
.factor-icono[data-v-5591f92f] {
  font-size: 1rem;
}
.factor-texto[data-v-5591f92f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.factor-texto strong[data-v-5591f92f] {
  color: #D8B4FE;
}

/* Errores resumen */
.errores-resumen[data-v-5591f92f] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.errores-resumen[data-v-5591f92f] {
    grid-template-columns: 1fr 1fr;
}
}
.error-mini[data-v-5591f92f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.error-x[data-v-5591f92f] {
  color: #FCA5A5;
  font-weight: 700;
  flex-shrink: 0;
}
.error-mini span[data-v-5591f92f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Claves grid */
.claves-grid[data-v-5591f92f] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.claves-grid[data-v-5591f92f] {
    grid-template-columns: 1fr 1fr;
}
}
.clave-item[data-v-5591f92f] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.clave-item strong[data-v-5591f92f] {
  display: block;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.clave-item span[data-v-5591f92f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formal-color[data-v-5591f92f] { color: #6EE7B7;
}
.informal-color[data-v-5591f92f] { color: #FCD34D;
}
.tecnico-color[data-v-5591f92f] { color: #93C5FD;
}
.literario-color[data-v-5591f92f] { color: #D8B4FE;
}

/* Tips finales */
.tips-finales[data-v-5591f92f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-5591f92f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-5591f92f] {
  font-size: 1.25rem;
}
.tip-text[data-v-5591f92f] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-5591f92f] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5591f92f] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5591f92f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-5591f92f 1s ease-in-out infinite;
}
@keyframes bounce-5591f92f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5591f92f] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-5591f92f] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-fa6fd4bb] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-item[data-v-fa6fd4bb] {
  font-size: 2.5rem;
  animation: pulse-fa6fd4bb 2s ease-in-out infinite;
}
.icono-item[data-v-fa6fd4bb]:nth-child(2) {
  animation-delay: 0.3s;
}
.icono-item[data-v-fa6fd4bb]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes pulse-fa6fd4bb {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.1); opacity: 0.8;
}
}

/* Definición box */
.definicion-box[data-v-fa6fd4bb] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-fa6fd4bb] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-fa6fd4bb] {
  flex: 1;
}
.def-titulo[data-v-fa6fd4bb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-fa6fd4bb] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Ejemplos section */
.ejemplos-section[data-v-fa6fd4bb] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-fa6fd4bb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-fa6fd4bb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-fa6fd4bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-fa6fd4bb] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-fa6fd4bb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Habilidad section */
.habilidad-section[data-v-fa6fd4bb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
}
.habilidad-titulo[data-v-fa6fd4bb] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.5rem;
}
.habilidad-texto[data-v-fa6fd4bb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Aprender section */
.aprender-section[data-v-fa6fd4bb] {
  margin: 1.5rem 0;
}
.aprender-titulo[data-v-fa6fd4bb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aprender-lista[data-v-fa6fd4bb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aprender-item[data-v-fa6fd4bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.aprender-icono[data-v-fa6fd4bb] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.aprender-texto[data-v-fa6fd4bb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-fa6fd4bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-fa6fd4bb] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-fa6fd4bb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-fa6fd4bb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono-item[data-v-fa6fd4bb] {
    font-size: 3rem;
}
.ejemplos-grid[data-v-fa6fd4bb] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro box */
.intro-box[data-v-df9ceab8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-df9ceab8] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-df9ceab8] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Concepto section */
.concepto-section[data-v-df9ceab8] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  overflow: hidden;
}
.concepto-header[data-v-df9ceab8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.concepto-icono[data-v-df9ceab8] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-df9ceab8] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 1.05rem;
}
.concepto-contenido[data-v-df9ceab8] {
  padding: 1rem;
}
.concepto-desc[data-v-df9ceab8] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Ejemplo box */
.ejemplo-box[data-v-df9ceab8] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.ejemplo-label[data-v-df9ceab8] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ejemplo-texto[data-v-df9ceab8] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.cita[data-v-df9ceab8] {
  font-style: italic;
}

/* Pistas box */
.pistas-box[data-v-df9ceab8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.pistas-titulo[data-v-df9ceab8] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pistas-lista[data-v-df9ceab8] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.pistas-lista li[data-v-df9ceab8] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

/* Tipos de argumentos */
.tipos-argumentos[data-v-df9ceab8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-arg[data-v-df9ceab8] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tipo-header[data-v-df9ceab8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-icono[data-v-df9ceab8] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-df9ceab8] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.tipo-ejemplo[data-v-df9ceab8] {
  color: #C4B5FD;
  font-size: 0.85rem;
  font-style: italic;
  padding-left: 1.6rem;
}

/* Estructura section */
.estructura-section[data-v-df9ceab8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.estructura-titulo[data-v-df9ceab8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.estructura-visual[data-v-df9ceab8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.estruct-item[data-v-df9ceab8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.estruct-item.tesis[data-v-df9ceab8] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
}
.estruct-item.arg[data-v-df9ceab8] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.5);
  padding: 0.4rem 1rem;
}
.estruct-item.conclusion[data-v-df9ceab8] {
  background: rgba(168, 85, 247, 0.3);
  border: 2px solid #A855F7;
}
.estruct-label[data-v-df9ceab8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.estruct-desc[data-v-df9ceab8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.estruct-flecha[data-v-df9ceab8] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.estruct-args[data-v-df9ceab8] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* Tip */
.tip[data-v-df9ceab8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-df9ceab8] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-df9ceab8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-df9ceab8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.estruct-args[data-v-df9ceab8] {
    flex-direction: row;
    gap: 0.5rem;
}
.tipos-argumentos[data-v-df9ceab8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro box */
.intro-box[data-v-554660f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-554660f3] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-554660f3] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Falacias section */
.falacias-section[data-v-554660f3] {
  margin: 1.5rem 0;
}
.falacias-titulo[data-v-554660f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.falacia[data-v-554660f3] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.falacia-header[data-v-554660f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.falacia-icono[data-v-554660f3] {
  font-size: 1.25rem;
}
.falacia-nombre[data-v-554660f3] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.falacia-contenido[data-v-554660f3] {
  padding: 0.75rem 1rem;
}
.falacia-descripcion[data-v-554660f3] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.falacia-ejemplo[data-v-554660f3] {
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-label[data-v-554660f3] {
  display: block;
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-554660f3] {
  color: #FFFFFF;
  font-size: 0.85rem;
  line-height: 1.4;
  font-style: italic;
}
.falacia-error[data-v-554660f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.error-icono[data-v-554660f3] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-554660f3] {
  color: #FCA5A5;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Detectar section */
.detectar-section[data-v-554660f3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.detectar-titulo[data-v-554660f3] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.detectar-grid[data-v-554660f3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.detectar-item[data-v-554660f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.detectar-num[data-v-554660f3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.detectar-texto[data-v-554660f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-554660f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-554660f3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-554660f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-554660f3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.detectar-grid[data-v-554660f3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-1ba61ebb] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-1ba61ebb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-1ba61ebb] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-1ba61ebb] {
  border-color: #A855F7;
  background: #A855F7;
  color: white;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}
.progreso-item.completado[data-v-1ba61ebb] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-1ba61ebb] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-1ba61ebb] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(168, 85, 247, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-1ba61ebb] {
  font-size: 1rem;
}
.tipo-texto[data-v-1ba61ebb] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
}

/* Texto de referencia */
.texto-referencia[data-v-1ba61ebb] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-1ba61ebb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-1ba61ebb] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-1ba61ebb] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-1ba61ebb] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-1ba61ebb] p {
  margin: 0;
}
.texto-contenido[data-v-1ba61ebb] strong {
  color: #D8B4FE;
}

/* Desafío container */
.desafio-container[data-v-1ba61ebb] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-1ba61ebb] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-1ba61ebb] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-1ba61ebb] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-1ba61ebb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-1ba61ebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-1ba61ebb]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-1ba61ebb] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.25);
}
.opcion-btn.correcto[data-v-1ba61ebb] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-1ba61ebb] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-1ba61ebb]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-1ba61ebb] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-1ba61ebb] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-1ba61ebb] {
  background: #EF4444;
}
.opcion-texto[data-v-1ba61ebb] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-1ba61ebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-1ba61ebb] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-1ba61ebb] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-1ba61ebb] {
  flex: 1;
}
.feedback-titulo[data-v-1ba61ebb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-1ba61ebb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-1ba61ebb] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-1ba61ebb] {
  text-align: center;
}
.btn-verificar[data-v-1ba61ebb] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-1ba61ebb]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-1ba61ebb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-1ba61ebb] { flex: 1;
}
.nav-btn[data-v-1ba61ebb] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-1ba61ebb]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-1ba61ebb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1ba61ebb] { font-size: 1.75rem;
}
.completado-texto[data-v-1ba61ebb] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1ba61ebb], .slide-leave-active[data-v-1ba61ebb] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1ba61ebb] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1ba61ebb] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-1ba61ebb], .fade-leave-active[data-v-1ba61ebb] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-1ba61ebb], .fade-leave-to[data-v-1ba61ebb] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-1ba61ebb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-74549b80] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-74549b80] {
  font-size: 2rem;
}
.resumen-titulo[data-v-74549b80] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos section */
.conceptos-section[data-v-74549b80] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-74549b80] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-74549b80] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.concepto-num[data-v-74549b80] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A855F7;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.concepto-nombre[data-v-74549b80] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-74549b80] {
  padding: 0.75rem 1rem;
}
.punto[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
  margin-bottom: 0.35rem;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(168, 85, 247, 0.4);
}
.punto[data-v-74549b80]:last-child {
  margin-bottom: 0;
}

/* Tipo items */
.tipo-item[data-v-74549b80] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.tipo-icono[data-v-74549b80] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tipo-texto[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Falacia items */
.falacia-item[data-v-74549b80] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.35rem;
}
.falacia-nombre[data-v-74549b80] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.falacia-desc[data-v-74549b80] {
  color: #FCA5A5;
  font-size: 0.75rem;
}

/* Checklist section */
.checklist-section[data-v-74549b80] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.checklist-titulo[data-v-74549b80] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.checklist-lista[data-v-74549b80] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.check-item[data-v-74549b80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.check-icono[data-v-74549b80] {
  color: #93C5FD;
  font-size: 1rem;
}
.check-texto[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tips section */
.tips-section[data-v-74549b80] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-74549b80] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-74549b80] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-74549b80] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-74549b80] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-74549b80] {
  color: #6EE7B7;
}

/* Pregunta típica */
.pregunta-tipica[data-v-74549b80] {
  margin-bottom: 1.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.pregunta-header[data-v-74549b80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(245, 158, 11, 0.2);
}
.pregunta-icono[data-v-74549b80] {
  font-size: 1.25rem;
}
.pregunta-titulo[data-v-74549b80] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.preguntas-lista[data-v-74549b80] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.pregunta-ejemplo[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.pregunta-ejemplo[data-v-74549b80]:last-child {
  border-bottom: none;
}
.pregunta-ejemplo strong[data-v-74549b80] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-74549b80] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 1rem;
}
.final-icono[data-v-74549b80] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido[data-v-74549b80] {
  flex: 1;
}
.final-titulo[data-v-74549b80] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.final-texto[data-v-74549b80] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.falacia-item[data-v-74549b80] {
    flex-direction: row;
}
}

/* Intro visual */
.intro-visual[data-v-4df48316] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-4df48316] {
  font-size: 2.5rem;
}
.intro-visual .icono-libro[data-v-4df48316] {
  animation: float-4df48316 3s ease-in-out infinite;
}
.intro-visual .icono-balanza[data-v-4df48316] {
  font-size: 3rem;
  animation: balance-4df48316 3s ease-in-out infinite;
}
.intro-visual .icono-lupa[data-v-4df48316] {
  animation: search-4df48316 2s ease-in-out infinite;
}
@keyframes float-4df48316 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes balance-4df48316 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
@keyframes search-4df48316 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-4df48316] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-4df48316] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-4df48316] {
  flex: 1;
}
.def-titulo[data-v-4df48316] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-4df48316] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tipos de textos */
.tipos-section[data-v-4df48316] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-4df48316] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-4df48316] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-4df48316] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tipo-icono[data-v-4df48316] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.tipo-nombre[data-v-4df48316] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 70px;
}
.tipo-desc[data-v-4df48316] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Diferencia */
.diferencia-section[data-v-4df48316] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-4df48316] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diferencia-grid[data-v-4df48316] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.diferencia-item[data-v-4df48316] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.diferencia-item.no-lit[data-v-4df48316] {
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.diferencia-item.lit[data-v-4df48316] {
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.4);
}
.diferencia-header[data-v-4df48316] {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.diferencia-item.no-lit .diferencia-header[data-v-4df48316] {
  color: #93C5FD;
}
.diferencia-item.lit .diferencia-header[data-v-4df48316] {
  color: #D8B4FE;
}
.diferencia-contenido[data-v-4df48316] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Aspectos */
.aspectos-section[data-v-4df48316] {
  margin: 1.5rem 0;
}
.aspectos-titulo[data-v-4df48316] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.aspectos-lista[data-v-4df48316] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aspecto-item[data-v-4df48316] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.5rem;
}
.aspecto-num[data-v-4df48316] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A855F7;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.aspecto-texto[data-v-4df48316] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.aspecto-texto strong[data-v-4df48316] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-4df48316] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4df48316] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-4df48316] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-4df48316] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-4df48316] {
    font-size: 3rem;
}
.intro-visual .icono-balanza[data-v-4df48316] {
    font-size: 3.5rem;
}
.tipos-grid[data-v-4df48316] {
    flex-direction: row;
}
.tipo-item[data-v-4df48316] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.tipo-nombre[data-v-4df48316] {
    min-width: auto;
}
.diferencia-grid[data-v-4df48316] {
    flex-direction: row;
}
.diferencia-item[data-v-4df48316] {
    flex: 1;
}
}

/* Intro */
.intro-box[data-v-d4229fbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-d4229fbd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.intro-box p[data-v-d4229fbd] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Recursos */
.recursos-section[data-v-d4229fbd] {
  margin: 1rem 0;
}
.recursos-titulo[data-v-d4229fbd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.recurso-card[data-v-d4229fbd] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.recurso-header[data-v-d4229fbd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.recurso-nombre[data-v-d4229fbd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.recurso-badge[data-v-d4229fbd] {
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
}
.recurso-badge.frecuente[data-v-d4229fbd] {
  background: rgba(96, 165, 250, 0.2);
  border-color: rgba(96, 165, 250, 0.4);
  color: #93C5FD;
}
.recurso-badge.ocasional[data-v-d4229fbd] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.recurso-def[data-v-d4229fbd] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.recurso-ejemplo[data-v-d4229fbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ejemplo-label[data-v-d4229fbd] {
  font-size: 0.75rem;
  color: #D8B4FE;
  font-weight: 600;
  flex-shrink: 0;
}
.ejemplo-texto[data-v-d4229fbd] {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-style: italic;
}
.ejemplo-texto strong[data-v-d4229fbd] {
  color: #FCD34D;
  font-style: normal;
}
.recurso-efecto[data-v-d4229fbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.efecto-label[data-v-d4229fbd] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
  flex-shrink: 0;
}
.efecto-texto[data-v-d4229fbd] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-d4229fbd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d4229fbd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d4229fbd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d4229fbd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.recurso-card[data-v-d4229fbd] {
    padding: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-102f4a45] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-102f4a45] {
  font-size: 2rem;
}
.icono-flecha[data-v-102f4a45] {
  font-size: 1.5rem;
  color: #A855F7;
}

/* Cadena de análisis */
.cadena-section[data-v-102f4a45] {
  margin: 1.5rem 0;
}
.cadena-titulo[data-v-102f4a45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.cadena-visual[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.cadena-item[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  width: 100%;
  max-width: 200px;
}
.cadena-item.recurso[data-v-102f4a45] {
  background: rgba(96, 165, 250, 0.15);
  border: 2px solid rgba(96, 165, 250, 0.4);
}
.cadena-item.efecto[data-v-102f4a45] {
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.cadena-item.intencion[data-v-102f4a45] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.cadena-num[data-v-102f4a45] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  margin-bottom: 0.25rem;
}
.cadena-label[data-v-102f4a45] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.cadena-desc[data-v-102f4a45] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.cadena-flecha[data-v-102f4a45] {
  font-size: 1.5rem;
  color: #A855F7;
  transform: rotate(90deg);
}

/* Efectos */
.efectos-section[data-v-102f4a45] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-102f4a45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.efectos-grid[data-v-102f4a45] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.efecto-card[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.efecto-icono[data-v-102f4a45] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.efecto-nombre[data-v-102f4a45] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.efecto-desc[data-v-102f4a45] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-102f4a45] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-102f4a45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-102f4a45] {
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.ejemplo-texto strong[data-v-102f4a45] {
  color: #FCD34D;
  font-style: normal;
}
.analisis-grid[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  background: rgba(168, 85, 247, 0.1);
}
.analisis-label[data-v-102f4a45] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #D8B4FE;
}
.analisis-valor[data-v-102f4a45] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Intenciones */
.intenciones-section[data-v-102f4a45] {
  margin: 1.5rem 0;
}
.intenciones-titulo[data-v-102f4a45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.intenciones-lista[data-v-102f4a45] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.intencion-item[data-v-102f4a45] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.check[data-v-102f4a45] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.intencion-item span[data-v-102f4a45]:last-child {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.intencion-item strong[data-v-102f4a45] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-102f4a45] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-102f4a45] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-102f4a45] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-102f4a45] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-102f4a45] {
    font-size: 2.5rem;
}
.cadena-visual[data-v-102f4a45] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.cadena-flecha[data-v-102f4a45] {
    transform: none;
}
.efectos-grid[data-v-102f4a45] {
    grid-template-columns: repeat(3, 1fr);
}
.analisis-item[data-v-102f4a45] {
    flex-direction: row;
    gap: 0.75rem;
}
.analisis-label[data-v-102f4a45] {
    min-width: 70px;
}
}

.explorador[data-v-e7d4e937] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-e7d4e937] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-e7d4e937] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-e7d4e937] {
  border-color: #A855F7;
  background: #A855F7;
  color: white;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}
.progreso-item.completado[data-v-e7d4e937] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-e7d4e937] {
  font-size: 1rem;
}

/* Género badge */
.genero-badge[data-v-e7d4e937] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.genero-icono[data-v-e7d4e937] {
  font-size: 1rem;
}
.genero-texto[data-v-e7d4e937] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Texto de referencia */
.texto-referencia[data-v-e7d4e937] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-e7d4e937] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-e7d4e937] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-e7d4e937] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-e7d4e937] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-e7d4e937] p {
  margin: 0 0 0.5rem;
}
.texto-contenido[data-v-e7d4e937] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-e7d4e937] em {
  color: #C4B5FD;
  font-style: italic;
}
.texto-contenido[data-v-e7d4e937] strong {
  color: #FCD34D;
  font-style: normal;
}
.texto-autor[data-v-e7d4e937] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
  text-align: right;
}

/* Desafío container */
.desafio-container[data-v-e7d4e937] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-e7d4e937] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-e7d4e937] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-e7d4e937] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-e7d4e937] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-e7d4e937] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-e7d4e937]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-e7d4e937] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.25);
}
.opcion-btn.correcto[data-v-e7d4e937] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-e7d4e937] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-e7d4e937]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-e7d4e937] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-e7d4e937] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-e7d4e937] {
  background: #EF4444;
}
.opcion-texto[data-v-e7d4e937] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-e7d4e937] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-e7d4e937] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-e7d4e937] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-e7d4e937] {
  flex: 1;
}
.feedback-titulo[data-v-e7d4e937] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-e7d4e937] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-e7d4e937] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-e7d4e937] {
  text-align: center;
}
.btn-verificar[data-v-e7d4e937] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-e7d4e937]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-e7d4e937] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-e7d4e937] { flex: 1;
}
.nav-btn[data-v-e7d4e937] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-e7d4e937]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-e7d4e937] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e7d4e937] { font-size: 1.75rem;
}
.completado-texto[data-v-e7d4e937] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e7d4e937], .slide-leave-active[data-v-e7d4e937] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e7d4e937] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e7d4e937] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-e7d4e937], .fade-leave-active[data-v-e7d4e937] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-e7d4e937], .fade-leave-to[data-v-e7d4e937] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-e7d4e937] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Intro */
.resumen-intro[data-v-d1cf9aa9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-d1cf9aa9] {
  font-size: 2rem;
}
.resumen-intro p[data-v-d1cf9aa9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-d1cf9aa9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-d1cf9aa9] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-d1cf9aa9] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-d1cf9aa9]:hover {
  border-color: #A855F7;
}
.resumen-card.wide[data-v-d1cf9aa9] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-d1cf9aa9] {
    grid-column: span 1;
}
}
.card-header[data-v-d1cf9aa9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-d1cf9aa9] {
  font-size: 1.25rem;
}
.card-titulo[data-v-d1cf9aa9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-d1cf9aa9] {
  color: #E9D5FF;
}
.card-nota[data-v-d1cf9aa9] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Lista items */
.lista-items[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.lista-items .item[data-v-d1cf9aa9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Cadena mini */
.cadena-mini[data-v-d1cf9aa9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.cadena-paso[data-v-d1cf9aa9] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.cadena-paso.recurso[data-v-d1cf9aa9] {
  background: rgba(96, 165, 250, 0.2);
  color: #93C5FD;
}
.cadena-paso.efecto[data-v-d1cf9aa9] {
  background: rgba(168, 85, 247, 0.2);
  color: #D8B4FE;
}
.cadena-paso.intencion[data-v-d1cf9aa9] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.cadena-flecha[data-v-d1cf9aa9] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Recursos resumen */
.recursos-resumen[data-v-d1cf9aa9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.recursos-resumen[data-v-d1cf9aa9] {
    grid-template-columns: repeat(4, 1fr);
}
}
.recurso-mini[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.4rem;
}
.recurso-nombre[data-v-d1cf9aa9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.recurso-efecto[data-v-d1cf9aa9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Efectos grid */
.efectos-grid[data-v-d1cf9aa9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
@media (min-width: 640px) {
.efectos-grid[data-v-d1cf9aa9] {
    grid-template-columns: repeat(6, 1fr);
}
}
.efecto-mini[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.4rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.4rem;
}
.efecto-icono[data-v-d1cf9aa9] {
  font-size: 1.25rem;
}
.efecto-mini span[data-v-d1cf9aa9]:last-child {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Géneros lista */
.generos-lista[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.genero-item[data-v-d1cf9aa9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.4rem;
}
.genero-icono[data-v-d1cf9aa9] {
  font-size: 1.25rem;
}
.genero-nombre[data-v-d1cf9aa9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 60px;
}
.genero-foco[data-v-d1cf9aa9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Diferencia box */
.diferencia-box[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dif-item[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.dif-item.no-lit[data-v-d1cf9aa9] {
  background: rgba(96, 165, 250, 0.1);
}
.dif-item.lit[data-v-d1cf9aa9] {
  background: rgba(168, 85, 247, 0.1);
}
.dif-label[data-v-d1cf9aa9] {
  font-weight: 700;
  font-size: 0.8rem;
}
.dif-item.no-lit .dif-label[data-v-d1cf9aa9] {
  color: #93C5FD;
}
.dif-item.lit .dif-label[data-v-d1cf9aa9] {
  color: #D8B4FE;
}
.dif-desc[data-v-d1cf9aa9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-d1cf9aa9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-d1cf9aa9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-d1cf9aa9] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-text[data-v-d1cf9aa9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-text strong[data-v-d1cf9aa9] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-d1cf9aa9] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-d1cf9aa9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-d1cf9aa9 1s ease-in-out infinite;
}
@keyframes bounce-d1cf9aa9 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-d1cf9aa9] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-d1cf9aa9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-e739182f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-e739182f] {
  font-size: 2.5rem;
}
.icono-cerebro[data-v-e739182f] {
  animation: pulse-e739182f 2s ease-in-out infinite;
}
.icono-pregunta[data-v-e739182f] {
  animation: bounce-e739182f 1.5s ease-in-out infinite;
}
.icono-balanza[data-v-e739182f] {
  animation: balance-e739182f 3s ease-in-out infinite;
}
@keyframes pulse-e739182f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
@keyframes bounce-e739182f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes balance-e739182f {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}

/* Definición box */
.definicion-box[data-v-e739182f] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-e739182f] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-e739182f] {
  flex: 1;
}
.def-titulo[data-v-e739182f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-e739182f] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Contraste section */
.contraste-section[data-v-e739182f] {
  margin: 1.5rem 0;
}
.contraste-titulo[data-v-e739182f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.contraste-grid[data-v-e739182f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contraste-item[data-v-e739182f] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.contraste-item.pasivo[data-v-e739182f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.contraste-item.critico[data-v-e739182f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.contraste-header[data-v-e739182f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.contraste-icono[data-v-e739182f] {
  font-size: 1.5rem;
}
.contraste-label[data-v-e739182f] {
  font-weight: 700;
  font-size: 0.95rem;
}
.contraste-item.pasivo .contraste-label[data-v-e739182f] {
  color: #FCA5A5;
}
.contraste-item.critico .contraste-label[data-v-e739182f] {
  color: #6EE7B7;
}
.contraste-lista[data-v-e739182f] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.contraste-lista li[data-v-e739182f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

/* Importancia section */
.importancia-section[data-v-e739182f] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-e739182f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.importancia-grid[data-v-e739182f] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-e739182f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-e739182f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-e739182f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-e739182f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-e739182f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-e739182f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-texto[data-v-e739182f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
}
.ejemplo-texto .cita[data-v-e739182f] {
  font-style: italic;
  color: #FCD34D;
}
.ejemplo-analisis[data-v-e739182f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.analisis-icono[data-v-e739182f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.analisis-texto[data-v-e739182f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-e739182f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e739182f] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e739182f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-e739182f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-e739182f] {
    font-size: 3rem;
}
.contraste-grid[data-v-e739182f] {
    flex-direction: row;
}
.contraste-item[data-v-e739182f] {
    flex: 1;
}
.importancia-grid[data-v-e739182f] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Pilares section */
.pilares-section[data-v-b71c7136] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.pilar[data-v-b71c7136] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  overflow: hidden;
}
.pilar-header[data-v-b71c7136] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.pilar-numero[data-v-b71c7136] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A855F7;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.pilar-icono[data-v-b71c7136] {
  font-size: 1.25rem;
}
.pilar-titulo[data-v-b71c7136] {
  font-weight: 700;
  font-size: 1rem;
  color: #D8B4FE;
  letter-spacing: 0.05em;
}
.pilar-contenido[data-v-b71c7136] {
  padding: 1rem;
}
.pilar-descripcion[data-v-b71c7136] {
  margin: 0 0 0.75rem;
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.pilar-preguntas[data-v-b71c7136] {
  background: rgba(168, 85, 247, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.preguntas-label[data-v-b71c7136] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.preguntas-lista[data-v-b71c7136] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.preguntas-lista li[data-v-b71c7136] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

/* Ejemplo integrado */
.ejemplo-integrado[data-v-b71c7136] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-b71c7136] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-texto[data-v-b71c7136] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
}
.ejemplo-texto .cita[data-v-b71c7136] {
  font-style: italic;
  color: #FFFFFF;
}
.ejemplo-analisis[data-v-b71c7136] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-b71c7136] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.analisis-icono[data-v-b71c7136] {
  font-size: 1rem;
  flex-shrink: 0;
}
.analisis-texto[data-v-b71c7136] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.analisis-texto[data-v-b71c7136] strong {
  color: #93C5FD;
}

/* Conexión PAES */
.conexion-paes[data-v-b71c7136] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.conexion-icono[data-v-b71c7136] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.conexion-contenido[data-v-b71c7136] {
  flex: 1;
}
.conexion-titulo[data-v-b71c7136] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.conexion-texto[data-v-b71c7136] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-b71c7136] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-b71c7136] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-b71c7136] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b71c7136] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pilares-section[data-v-b71c7136] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.ejemplo-analisis[data-v-b71c7136] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro box */
.intro-box[data-v-a3d77181] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-a3d77181] {
  font-size: 2rem;
  flex-shrink: 0;
}
.intro-box p[data-v-a3d77181] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Falacias section */
.falacias-section[data-v-a3d77181] {
  margin: 1.5rem 0;
}
.falacias-titulo[data-v-a3d77181] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.falacia[data-v-a3d77181] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.falacia-header[data-v-a3d77181] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.falacia-icono[data-v-a3d77181] {
  font-size: 1.25rem;
}
.falacia-nombre[data-v-a3d77181] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.falacia-contenido[data-v-a3d77181] {
  padding: 0.75rem 1rem;
}
.falacia-descripcion[data-v-a3d77181] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.falacia-ejemplo[data-v-a3d77181] {
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-label[data-v-a3d77181] {
  display: block;
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-a3d77181] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ejemplo-texto[data-v-a3d77181] .cita {
  font-style: italic;
  color: #FFFFFF;
}
.falacia-error[data-v-a3d77181] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.error-icono[data-v-a3d77181] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-a3d77181] {
  color: #FCA5A5;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Detectar section */
.detectar-section[data-v-a3d77181] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.detectar-titulo[data-v-a3d77181] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.detectar-grid[data-v-a3d77181] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.detectar-item[data-v-a3d77181] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.detectar-num[data-v-a3d77181] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.detectar-texto[data-v-a3d77181] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-a3d77181] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-a3d77181] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a3d77181] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a3d77181] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.detectar-grid[data-v-a3d77181] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-b99c2159] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-b99c2159] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-b99c2159] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-b99c2159] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-b99c2159] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-b99c2159] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-b99c2159] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-b99c2159] {
  font-size: 1rem;
}
.tipo-texto[data-v-b99c2159] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Texto de referencia */
.texto-referencia[data-v-b99c2159] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-b99c2159] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-b99c2159] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-b99c2159] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.texto-contenido[data-v-b99c2159] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-b99c2159] p {
  margin: 0;
}
.texto-contenido[data-v-b99c2159] strong {
  color: #93C5FD;
}
.texto-contenido[data-v-b99c2159] strong.label {
  color: #FCD34D;
}

/* Desafío container */
.desafio-container[data-v-b99c2159] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-b99c2159] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-b99c2159] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-b99c2159] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-b99c2159] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-b99c2159] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-b99c2159]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(59, 130, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-b99c2159] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.25);
}
.opcion-btn.correcto[data-v-b99c2159] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-b99c2159] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-b99c2159]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-b99c2159] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-b99c2159] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-b99c2159] {
  background: #EF4444;
}
.opcion-texto[data-v-b99c2159] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-b99c2159] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-b99c2159] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-b99c2159] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-b99c2159] {
  flex: 1;
}
.feedback-titulo[data-v-b99c2159] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-b99c2159] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-b99c2159] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-b99c2159] {
  text-align: center;
}
.btn-verificar[data-v-b99c2159] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-b99c2159]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-b99c2159] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-b99c2159] { flex: 1;
}
.nav-btn[data-v-b99c2159] {
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-b99c2159]:hover {
  background: rgba(59, 130, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-b99c2159] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b99c2159] { font-size: 1.75rem;
}
.completado-texto[data-v-b99c2159] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b99c2159], .slide-leave-active[data-v-b99c2159] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b99c2159] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b99c2159] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-b99c2159], .fade-leave-active[data-v-b99c2159] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-b99c2159], .fade-leave-to[data-v-b99c2159] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-b99c2159] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-f2b63aa3] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-f2b63aa3] {
  font-size: 3rem;
}
.resumen-intro[data-v-f2b63aa3] {
  margin: 0;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5;
}

/* Pilares resumen */
.pilares-resumen[data-v-f2b63aa3] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.pilares-titulo[data-v-f2b63aa3] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.pilares-grid[data-v-f2b63aa3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.pilar-mini[data-v-f2b63aa3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.pilar-emoji[data-v-f2b63aa3] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.pilar-nombre[data-v-f2b63aa3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.pilar-desc[data-v-f2b63aa3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Falacias resumen */
.falacias-resumen[data-v-f2b63aa3] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.falacias-titulo[data-v-f2b63aa3] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.falacias-lista[data-v-f2b63aa3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.falacia-mini[data-v-f2b63aa3] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.falacia-mini strong[data-v-f2b63aa3] {
  color: #FCA5A5;
}

/* Tips section */
.tips-section[data-v-f2b63aa3] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-f2b63aa3] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-grid[data-v-f2b63aa3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-f2b63aa3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-f2b63aa3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.tip-contenido[data-v-f2b63aa3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-f2b63aa3] {
  color: #FFFFFF;
}

/* Preguntas típicas */
.preguntas-tipicas[data-v-f2b63aa3] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.preguntas-titulo[data-v-f2b63aa3] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.preguntas-lista[data-v-f2b63aa3] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.preguntas-lista li[data-v-f2b63aa3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  font-style: italic;
}

/* Mensaje final */
.mensaje-final[data-v-f2b63aa3] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
}
.final-icono[data-v-f2b63aa3] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido p[data-v-f2b63aa3] {
  margin: 0;
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.6;
}
.final-contenido strong[data-v-f2b63aa3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.pilares-grid[data-v-f2b63aa3] {
    grid-template-columns: repeat(4, 1fr);
}
.tips-grid[data-v-f2b63aa3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.falacias-lista[data-v-f2b63aa3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-91a46705] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-91a46705] {
  font-size: 2.5rem;
}
.intro-visual .icono-balanza[data-v-91a46705] {
  animation: balance-91a46705 3s ease-in-out infinite;
}
.intro-visual .icono-texto[data-v-91a46705] {
  font-size: 3rem;
}
.intro-visual .icono-lupa[data-v-91a46705] {
  animation: search-91a46705 2s ease-in-out infinite;
}
@keyframes balance-91a46705 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
@keyframes search-91a46705 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-91a46705] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(168, 85, 247, 0.15);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-91a46705] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-91a46705] {
  flex: 1;
}
.def-titulo[data-v-91a46705] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-91a46705] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía */
.analogia-section[data-v-91a46705] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-91a46705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-91a46705] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-91a46705] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-91a46705] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-91a46705] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tipos de evaluación */
.tipos-section[data-v-91a46705] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-91a46705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-91a46705] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-91a46705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-91a46705] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-texto[data-v-91a46705] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}

/* Importancia */
.importancia-section[data-v-91a46705] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-91a46705] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-contenido[data-v-91a46705] {
  text-align: center;
}
.importancia-stat[data-v-91a46705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.stat-numero[data-v-91a46705] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.stat-texto[data-v-91a46705] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.importancia-nota[data-v-91a46705] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-91a46705] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(168, 85, 247, 0.1);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-91a46705] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-91a46705] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-91a46705] {
  color: #D8B4FE;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-91a46705] {
    font-size: 3rem;
}
.intro-visual .icono-texto[data-v-91a46705] {
    font-size: 3.5rem;
}
.analogia-grid[data-v-91a46705] {
    flex-direction: row;
}
.analogia-item[data-v-91a46705] {
    flex: 1;
}
.tipos-grid[data-v-91a46705] {
    grid-template-columns: repeat(6, 1fr);
}
.tipo-texto[data-v-91a46705] {
    font-size: 0.8rem;
}
}

/* Pirámide section */
.piramide-section[data-v-ef00981d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.piramide-titulo[data-v-ef00981d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.piramide-visual[data-v-ef00981d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.piramide-nivel[data-v-ef00981d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.nivel-evaluar[data-v-ef00981d] {
  background: rgba(168, 85, 247, 0.2);
  border-color: rgba(168, 85, 247, 0.5);
  margin: 0 auto;
  width: 85%;
}
.nivel-interpretar[data-v-ef00981d] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  margin: 0 auto;
  width: 92%;
}
.nivel-localizar[data-v-ef00981d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
  width: 100%;
}
.nivel-icono[data-v-ef00981d] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.nivel-info[data-v-ef00981d] {
  display: flex;
  flex-direction: column;
}
.nivel-nombre[data-v-ef00981d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.nivel-evaluar .nivel-nombre[data-v-ef00981d] { color: #D8B4FE;
}
.nivel-interpretar .nivel-nombre[data-v-ef00981d] { color: #93C5FD;
}
.nivel-localizar .nivel-nombre[data-v-ef00981d] { color: #6EE7B7;
}
.nivel-desc[data-v-ef00981d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.piramide-nota[data-v-ef00981d] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  font-style: italic;
}

/* Comparación section */
.comparacion-section[data-v-ef00981d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-ef00981d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.comparacion-grid[data-v-ef00981d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparar-item[data-v-ef00981d] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.comparar-item.localizar[data-v-ef00981d] { border-color: rgba(16, 185, 129, 0.4);
}
.comparar-item.interpretar[data-v-ef00981d] { border-color: rgba(59, 130, 246, 0.4);
}
.comparar-item.evaluar[data-v-ef00981d] { border-color: rgba(168, 85, 247, 0.4);
}
.comparar-header[data-v-ef00981d] {
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.comparar-item.localizar .comparar-header[data-v-ef00981d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comparar-item.interpretar .comparar-header[data-v-ef00981d] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.comparar-item.evaluar .comparar-header[data-v-ef00981d] {
  background: rgba(168, 85, 247, 0.2);
  color: #D8B4FE;
}
.comparar-cuerpo[data-v-ef00981d] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.caracteristica[data-v-ef00981d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.carac-icono[data-v-ef00981d] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.carac-texto[data-v-ef00981d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-mini[data-v-ef00981d] {
  margin-top: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo section */
.ejemplo-section[data-v-ef00981d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-ef00981d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-ef00981d] {
  margin-bottom: 1rem;
}
.texto-label[data-v-ef00981d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.texto-contenido[data-v-ef00981d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.preguntas-comparadas[data-v-ef00981d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-tipo[data-v-ef00981d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.pregunta-tipo.localizar[data-v-ef00981d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.pregunta-tipo.interpretar[data-v-ef00981d] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.pregunta-tipo.evaluar[data-v-ef00981d] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.3);
}
.pregunta-header[data-v-ef00981d] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.pregunta-tipo.localizar .pregunta-header[data-v-ef00981d] { color: #6EE7B7;
}
.pregunta-tipo.interpretar .pregunta-header[data-v-ef00981d] { color: #93C5FD;
}
.pregunta-tipo.evaluar .pregunta-header[data-v-ef00981d] { color: #D8B4FE;
}
.pregunta-texto[data-v-ef00981d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.respuesta-box[data-v-ef00981d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  font-size: 0.85rem;
}
.respuesta-valor[data-v-ef00981d] {
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-nota[data-v-ef00981d] {
  width: 100%;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-ef00981d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-ef00981d] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-ef00981d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-ef00981d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-ef00981d] {
    flex-direction: row;
}
.comparar-item[data-v-ef00981d] {
    flex: 1;
}
.nivel-evaluar[data-v-ef00981d] { width: 70%;
}
.nivel-interpretar[data-v-ef00981d] { width: 85%;
}
}

/* Tipos de evaluación */
.tipos-evaluacion[data-v-72f6687c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-72f6687c] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.tipo-header[data-v-72f6687c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  font-weight: 700;
}
.tipo-header.argumentos[data-v-72f6687c] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.tipo-header.evidencias[data-v-72f6687c] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.tipo-header.recursos[data-v-72f6687c] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.tipo-header.estructura[data-v-72f6687c] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.tipo-card[data-v-72f6687c]:has(.tipo-header.argumentos) { border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card[data-v-72f6687c]:has(.tipo-header.evidencias) { border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card[data-v-72f6687c]:has(.tipo-header.recursos) { border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card[data-v-72f6687c]:has(.tipo-header.estructura) { border-color: rgba(245, 158, 11, 0.4);
}
.tipo-icono[data-v-72f6687c] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-72f6687c] {
  font-size: 0.95rem;
}
.tipo-cuerpo[data-v-72f6687c] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-desc[data-v-72f6687c] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tipo-preguntas[data-v-72f6687c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.pregunta-ejemplo[data-v-72f6687c] {
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.tipo-criterios[data-v-72f6687c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.criterio-label[data-v-72f6687c] {
  font-size: 0.75rem;
  color: #A78BFA;
  font-weight: 600;
}
.criterio-item[data-v-72f6687c] {
  padding: 0.2rem 0.5rem;
  background: rgba(168, 85, 247, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 9999px;
  font-size: 0.7rem;
  color: #D8B4FE;
}

/* Frases section */
.frases-section[data-v-72f6687c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.frases-titulo[data-v-72f6687c] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.frases-grid[data-v-72f6687c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.frase-item[data-v-72f6687c] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-72f6687c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-72f6687c] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-72f6687c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-72f6687c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-evaluacion[data-v-72f6687c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.frases-grid[data-v-72f6687c] {
    grid-template-columns: 1fr 1fr;
}
}

.explorador[data-v-3b8c712c] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-3b8c712c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-3b8c712c] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-3b8c712c] {
  border-color: #A855F7;
  background: #A855F7;
  color: white;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.5);
}
.progreso-item.completado[data-v-3b8c712c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-3b8c712c] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-3b8c712c] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(168, 85, 247, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-3b8c712c] {
  font-size: 1rem;
}
.tipo-texto[data-v-3b8c712c] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
}

/* Texto de referencia */
.texto-referencia[data-v-3b8c712c] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(168, 85, 247, 0.4);
}
.texto-header[data-v-3b8c712c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
}
.texto-icono[data-v-3b8c712c] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-3b8c712c] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-3b8c712c] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-3b8c712c] p {
  margin: 0 0 0.5rem;
}
.texto-contenido[data-v-3b8c712c] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-3b8c712c] em {
  color: #FCD34D;
  font-style: normal;
}
.texto-contenido[data-v-3b8c712c] strong {
  color: #93C5FD;
}

/* Desafío container */
.desafio-container[data-v-3b8c712c] {
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-3b8c712c] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-3b8c712c] {
  font-size: 0.8rem;
  color: #D8B4FE;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-3b8c712c] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-3b8c712c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-3b8c712c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-3b8c712c]:hover:not(:disabled) {
  border-color: rgba(168, 85, 247, 0.6);
  background: rgba(168, 85, 247, 0.15);
}
.opcion-btn.seleccionado[data-v-3b8c712c] {
  border-color: #A855F7;
  background: rgba(168, 85, 247, 0.25);
}
.opcion-btn.correcto[data-v-3b8c712c] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-3b8c712c] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-3b8c712c]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-3b8c712c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-3b8c712c] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-3b8c712c] {
  background: #EF4444;
}
.opcion-texto[data-v-3b8c712c] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-3b8c712c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-3b8c712c] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-3b8c712c] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-3b8c712c] {
  flex: 1;
}
.feedback-titulo[data-v-3b8c712c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-3b8c712c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-3b8c712c] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-3b8c712c] {
  text-align: center;
}
.btn-verificar[data-v-3b8c712c] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-3b8c712c]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-3b8c712c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(168, 85, 247, 0.2);
}
.nav-spacer[data-v-3b8c712c] { flex: 1;
}
.nav-btn[data-v-3b8c712c] {
  padding: 0.5rem 1rem;
  background: rgba(168, 85, 247, 0.2);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-3b8c712c]:hover {
  background: rgba(168, 85, 247, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-3b8c712c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3b8c712c] { font-size: 1.75rem;
}
.completado-texto[data-v-3b8c712c] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3b8c712c], .slide-leave-active[data-v-3b8c712c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3b8c712c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3b8c712c] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-3b8c712c], .fade-leave-active[data-v-3b8c712c] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-3b8c712c], .fade-leave-to[data-v-3b8c712c] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-3b8c712c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-6605b563] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-6605b563] {
  font-size: 2rem;
}
.header-texto[data-v-6605b563] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-6605b563] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-6605b563] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.75rem;
}
.punto-icono[data-v-6605b563] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-6605b563] {
  flex: 1;
}
.punto-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.punto-desc[data-v-6605b563] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Habilidades section */
.habilidades-section[data-v-6605b563] {
  margin: 1.5rem 0;
}
.habilidades-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.habilidades-grid[data-v-6605b563] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.habilidad-item[data-v-6605b563] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.habilidad-item.localizar[data-v-6605b563] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.habilidad-item.interpretar[data-v-6605b563] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.habilidad-item.evaluar[data-v-6605b563] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
}
.habilidad-tipo[data-v-6605b563] {
  font-weight: 700;
  font-size: 0.9rem;
}
.habilidad-item.localizar .habilidad-tipo[data-v-6605b563] { color: #6EE7B7;
}
.habilidad-item.interpretar .habilidad-tipo[data-v-6605b563] { color: #93C5FD;
}
.habilidad-item.evaluar .habilidad-tipo[data-v-6605b563] { color: #D8B4FE;
}
.habilidad-porcentaje[data-v-6605b563] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.habilidad-desc[data-v-6605b563] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Frases section */
.frases-section[data-v-6605b563] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.frases-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.frases-grid[data-v-6605b563] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.frase-item[data-v-6605b563] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tips section */
.tips-section[data-v-6605b563] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-6605b563] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-6605b563] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-6605b563] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-6605b563] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Errores section */
.errores-section[data-v-6605b563] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-6605b563] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-6605b563] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-6605b563] {
  flex-shrink: 0;
}
.error-texto[data-v-6605b563] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Próximos pasos */
.proximos-section[data-v-6605b563] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.proximos-header[data-v-6605b563] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.proximos-icono[data-v-6605b563] {
  font-size: 1.5rem;
}
.proximos-titulo[data-v-6605b563] {
  font-weight: 700;
  color: #D8B4FE;
}
.proximos-contenido p[data-v-6605b563] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista[data-v-6605b563] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista li[data-v-6605b563] {
  margin-bottom: 0.35rem;
}

/* Mensaje final */
.mensaje-final[data-v-6605b563] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(168, 85, 247, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-6605b563] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-6605b563] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.habilidades-grid[data-v-6605b563] {
    flex-direction: row;
}
.habilidad-item[data-v-6605b563] {
    flex: 1;
    text-align: center;
}
.frases-grid[data-v-6605b563] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-6ce18a31] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-6ce18a31] {
  font-size: 2rem;
}
.icono-palabra[data-v-6ce18a31] {
  animation: pulse-6ce18a31 2s ease-in-out infinite;
}
.icono-contexto[data-v-6ce18a31] {
  font-size: 2.25rem !important;
}
.icono-significado[data-v-6ce18a31] {
  animation: glow-6ce18a31 2s ease-in-out infinite;
}
.icono-flecha[data-v-6ce18a31] {
  color: #8B5CF6;
  font-size: 1.5rem !important;
}
@keyframes pulse-6ce18a31 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
@keyframes glow-6ce18a31 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.7;
}
}

/* Definición box */
.definicion-box[data-v-6ce18a31] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-6ce18a31] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-6ce18a31] {
  flex: 1;
}
.def-titulo[data-v-6ce18a31] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-6ce18a31] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Ejemplo section */
.ejemplo-section[data-v-6ce18a31] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-6ce18a31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-grid[data-v-6ce18a31] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-item[data-v-6ce18a31] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-contexto[data-v-6ce18a31] {
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.5rem;
  padding-left: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.ejemplo-significado[data-v-6ce18a31] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sig-icono[data-v-6ce18a31] {
  font-size: 1.25rem;
}
.sig-texto[data-v-6ce18a31] {
  color: #6EE7B7;
  font-size: 0.9rem;
  font-weight: 500;
}

/* Importancia */
.importancia-section[data-v-6ce18a31] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-6ce18a31] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-contenido[data-v-6ce18a31] {
  color: #E9D5FF;
}
.importancia-intro[data-v-6ce18a31] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.pregunta-ejemplo-paes[data-v-6ce18a31] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  border-left: 3px solid #FCD34D;
  font-style: italic;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.importancia-nota[data-v-6ce18a31] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-6ce18a31] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6ce18a31] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-6ce18a31] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-6ce18a31] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-6ce18a31] {
    font-size: 2.5rem;
}
.icono-contexto[data-v-6ce18a31] {
    font-size: 2.75rem !important;
}
.icono-flecha[data-v-6ce18a31] {
    font-size: 1.75rem !important;
}
}

/* Comparación grid */
.comparacion-grid[data-v-cbcc8155] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-card[data-v-cbcc8155] {
  padding: 1rem;
  border-radius: 1rem;
}
.concepto-card.denotacion[data-v-cbcc8155] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.concepto-card.connotacion[data-v-cbcc8155] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.card-header[data-v-cbcc8155] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-cbcc8155] {
  font-size: 1.75rem;
}
.card-titulo[data-v-cbcc8155] {
  font-size: 1.1rem;
  font-weight: 700;
}
.denotacion .card-titulo[data-v-cbcc8155] {
  color: #93C5FD;
}
.connotacion .card-titulo[data-v-cbcc8155] {
  color: #FCD34D;
}
.card-def[data-v-cbcc8155] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.card-caracteristicas[data-v-cbcc8155] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.car-item[data-v-cbcc8155] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-cbcc8155] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.ejemplo-header[data-v-cbcc8155] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.ej-icono[data-v-cbcc8155] {
  font-size: 1.5rem;
}
.ej-titulo[data-v-cbcc8155] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-cbcc8155] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.significado-row[data-v-cbcc8155] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.significado-row[data-v-cbcc8155]:last-child {
  margin-bottom: 0;
}
.sig-tipo[data-v-cbcc8155] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
}
.tipo-label[data-v-cbcc8155] {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
}
.sig-tipo.denotacion .tipo-label[data-v-cbcc8155] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.sig-tipo.connotacion .tipo-label[data-v-cbcc8155] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.sig-definicion[data-v-cbcc8155] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  padding-left: 0.75rem;
  border-left: 2px solid rgba(139, 92, 246, 0.3);
}

/* Contextos section */
.contextos-section[data-v-cbcc8155] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-cbcc8155] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.contextos-lista[data-v-cbcc8155] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-cbcc8155] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.contexto-frase[data-v-cbcc8155] {
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.contexto-tipo[data-v-cbcc8155] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.badge[data-v-cbcc8155] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.badge.denotacion[data-v-cbcc8155] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.badge.connotacion[data-v-cbcc8155] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.contexto-exp[data-v-cbcc8155] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Tabla resumen */
.tabla-resumen[data-v-cbcc8155] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-cbcc8155] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-contenido[data-v-cbcc8155] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-row[data-v-cbcc8155] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tabla-row.header[data-v-cbcc8155] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-cbcc8155]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-col[data-v-cbcc8155] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-row.header .tabla-col[data-v-cbcc8155] {
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-row.header .tabla-col.denotacion[data-v-cbcc8155] {
  color: #93C5FD;
}
.tabla-row.header .tabla-col.connotacion[data-v-cbcc8155] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-cbcc8155] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cbcc8155] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-cbcc8155] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-cbcc8155] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-cbcc8155] {
    flex-direction: row;
}
.concepto-card[data-v-cbcc8155] {
    flex: 1;
}
.significado-row[data-v-cbcc8155] {
    flex-direction: row;
    align-items: flex-start;
}
.sig-tipo[data-v-cbcc8155] {
    min-width: 120px;
}
.sig-definicion[data-v-cbcc8155] {
    border-left: none;
    padding-left: 0;
}
.tabla-col[data-v-cbcc8155] {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
}
}

/* Estrategias lista */
.estrategias-lista[data-v-49178b0d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.estrategia-card[data-v-49178b0d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  overflow: hidden;
}
.estrategia-header[data-v-49178b0d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
}
.est-numero[data-v-49178b0d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.est-titulo[data-v-49178b0d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.estrategia-contenido[data-v-49178b0d] {
  padding: 1rem;
}
.est-desc[data-v-49178b0d] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Ejemplo dentro de estrategia */
.est-ejemplo[data-v-49178b0d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.ej-texto[data-v-49178b0d] {
  color: #FFFFFF;
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.palabra-clave[data-v-49178b0d] {
  color: #FCD34D;
  font-style: normal;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.ej-pista[data-v-49178b0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.pista-icono[data-v-49178b0d] {
  font-size: 1rem;
  flex-shrink: 0;
}
.pista-texto[data-v-49178b0d] {
  color: #6EE7B7;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Sustitución grid */
.sustitucion-grid[data-v-49178b0d] {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.sust-item[data-v-49178b0d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.sust-item.correcto[data-v-49178b0d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sust-item.incorrecto[data-v-49178b0d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sust-palabra[data-v-49178b0d] {
  color: #FFFFFF;
}
.sust-check[data-v-49178b0d] {
  font-weight: 700;
}
.sust-item.correcto .sust-check[data-v-49178b0d] {
  color: #6EE7B7;
}
.sust-item.incorrecto .sust-check[data-v-49178b0d] {
  color: #FCA5A5;
}

/* Relaciones tipos */
.relaciones-tipos[data-v-49178b0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rel-tipo[data-v-49178b0d] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.rel-nombre[data-v-49178b0d] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}
.rel-ej[data-v-49178b0d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-style: italic;
}
.rel-ej strong[data-v-49178b0d] {
  color: #6EE7B7;
  font-style: normal;
}

/* Tono comparación */
.tono-comparacion[data-v-49178b0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.tono-item[data-v-49178b0d] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid transparent;
}
.tono-item.destacado[data-v-49178b0d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tono-label[data-v-49178b0d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.tono-item.destacado .tono-label[data-v-49178b0d] {
  color: #FCD34D;
}
.tono-sig[data-v-49178b0d] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tip final */
.tip-final[data-v-49178b0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-top: 0.5rem;
}
.tip-icono[data-v-49178b0d] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-49178b0d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-contenido strong[data-v-49178b0d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tono-comparacion[data-v-49178b0d] {
    flex-direction: row;
}
.tono-item[data-v-49178b0d] {
    flex: 1;
}
}

.explorador[data-v-fe612233] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-fe612233] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-fe612233] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-fe612233] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fe612233] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-fe612233] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-fe612233] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-fe612233] {
  font-size: 1rem;
}
.tipo-texto[data-v-fe612233] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Texto de referencia */
.texto-referencia[data-v-fe612233] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-fe612233] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-fe612233] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-fe612233] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-fe612233] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-fe612233] p {
  margin: 0;
}
.texto-contenido[data-v-fe612233] strong {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}

/* Desafío container */
.desafio-container[data-v-fe612233] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-fe612233] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-fe612233] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-fe612233] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}
.pregunta-texto[data-v-fe612233] strong {
  color: #FCD34D;
}

/* Opciones */
.opciones-grid[data-v-fe612233] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-fe612233] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-fe612233]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-fe612233] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-fe612233] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-fe612233] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-fe612233]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-fe612233] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-fe612233] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-fe612233] {
  background: #EF4444;
}
.opcion-texto[data-v-fe612233] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-fe612233] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-fe612233] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-fe612233] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-fe612233] {
  flex: 1;
}
.feedback-titulo[data-v-fe612233] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-fe612233] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-fe612233] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-fe612233] {
  text-align: center;
}
.btn-verificar[data-v-fe612233] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-fe612233]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-fe612233] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fe612233] { flex: 1;
}
.nav-btn[data-v-fe612233] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-fe612233]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-fe612233] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fe612233] { font-size: 1.75rem;
}
.completado-texto[data-v-fe612233] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fe612233], .slide-leave-active[data-v-fe612233] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fe612233] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fe612233] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-fe612233], .fade-leave-active[data-v-fe612233] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-fe612233], .fade-leave-to[data-v-fe612233] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-fe612233] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen intro */
.resumen-intro[data-v-260aacb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-260aacb5] {
  font-size: 2rem;
  flex-shrink: 0;
}
.resumen-intro p[data-v-260aacb5] {
  margin: 0;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5;
}

/* Section titulo */
.section-titulo[data-v-260aacb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos section */
.conceptos-section[data-v-260aacb5] {
  margin-bottom: 1.5rem;
}
.conceptos-grid[data-v-260aacb5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-item[data-v-260aacb5] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.concepto-item.denotacion[data-v-260aacb5] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-item.connotacion[data-v-260aacb5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.concepto-header[data-v-260aacb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-260aacb5] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-260aacb5] {
  font-weight: 700;
  font-size: 0.95rem;
}
.denotacion .concepto-nombre[data-v-260aacb5] {
  color: #93C5FD;
}
.connotacion .concepto-nombre[data-v-260aacb5] {
  color: #FCD34D;
}
.concepto-def[data-v-260aacb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Estrategias section */
.estrategias-section[data-v-260aacb5] {
  margin-bottom: 1.5rem;
}
.estrategias-lista[data-v-260aacb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia-item[data-v-260aacb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.est-numero[data-v-260aacb5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.est-texto[data-v-260aacb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ironía section */
.ironia-section[data-v-260aacb5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.ironia-section .section-titulo[data-v-260aacb5] {
  color: #FCD34D;
}
.ironia-intro[data-v-260aacb5] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ironia-grid[data-v-260aacb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ironia-item[data-v-260aacb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.ironia-icono[data-v-260aacb5] {
  font-size: 1rem;
  flex-shrink: 0;
}
.ironia-texto[data-v-260aacb5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Errores section */
.errores-section[data-v-260aacb5] {
  margin-bottom: 1.5rem;
}
.errores-lista[data-v-260aacb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-260aacb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.error-icono[data-v-260aacb5] {
  color: #FCA5A5;
  font-weight: 700;
  flex-shrink: 0;
}
.error-texto[data-v-260aacb5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-260aacb5] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.tip-header[data-v-260aacb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(16, 185, 129, 0.15);
}
.tip-icono[data-v-260aacb5] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-260aacb5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-contenido[data-v-260aacb5] {
  padding: 1rem;
}
.tip-contenido p[data-v-260aacb5] {
  margin: 0;
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Motivación */
.motivacion[data-v-260aacb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.mot-icono[data-v-260aacb5] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.mot-texto[data-v-260aacb5] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-260aacb5] {
    flex-direction: row;
}
.concepto-item[data-v-260aacb5] {
    flex: 1;
}
.ironia-grid[data-v-260aacb5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-88b74c86] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.cerebro-icon[data-v-88b74c86] {
  font-size: 3rem;
  animation: pulse-88b74c86 2s ease-in-out infinite;
}
@keyframes pulse-88b74c86 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.herramientas[data-v-88b74c86] {
  display: flex;
  gap: 1rem;
  font-size: 1.5rem;
}
.herramienta[data-v-88b74c86] {
  animation: float-88b74c86 1.5s ease-in-out infinite;
}
.herramienta[data-v-88b74c86]:nth-child(2) {
  animation-delay: 0.3s;
}
.herramienta[data-v-88b74c86]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes float-88b74c86 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.estrategias-preview[data-v-88b74c86] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.estrategia-mini[data-v-88b74c86] {
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Definición box */
.definicion-box[data-v-88b74c86] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-88b74c86] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-88b74c86] {
  flex: 1;
}
.def-titulo[data-v-88b74c86] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-88b74c86] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Estrategias grid */
.estrategias-section[data-v-88b74c86] {
  margin: 1.5rem 0;
}
.estrategias-titulo[data-v-88b74c86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.estrategias-grid[data-v-88b74c86] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estrategia-card[data-v-88b74c86] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  transition: transform 0.2s ease;
}
.estrategia-card[data-v-88b74c86]:hover {
  transform: translateX(4px);
}
.estrategia-card.pistas[data-v-88b74c86] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.estrategia-card.conocimiento[data-v-88b74c86] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.estrategia-card.logica[data-v-88b74c86] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.estrategia-icono[data-v-88b74c86] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.estrategia-nombre[data-v-88b74c86] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  flex-shrink: 0;
}
.estrategia-desc[data-v-88b74c86] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Analogía */
.analogia-section[data-v-88b74c86] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.analogia-titulo[data-v-88b74c86] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.analogia-contenido p[data-v-88b74c86] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Fórmula visual */
.formula-section[data-v-88b74c86] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-88b74c86] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.formula-visual[data-v-88b74c86] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
}
.formula-item[data-v-88b74c86] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.formula-item.resultado[data-v-88b74c86] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.formula-emoji[data-v-88b74c86] {
  font-size: 1.25rem;
}
.formula-label[data-v-88b74c86] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-operador[data-v-88b74c86] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-88b74c86] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-88b74c86] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-88b74c86] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-88b74c86] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.estrategias-grid[data-v-88b74c86] {
    flex-direction: row;
}
.estrategia-card[data-v-88b74c86] {
    flex-direction: column;
    text-align: center;
    flex: 1;
    padding: 1.25rem 0.75rem;
}
.estrategia-card[data-v-88b74c86]:hover {
    transform: translateY(-4px);
}
.formula-visual[data-v-88b74c86] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.lupa-icon[data-v-64b3dde6] {
  font-size: 3rem;
  animation: search-64b3dde6 2s ease-in-out infinite;
}
@keyframes search-64b3dde6 {
0%, 100% { transform: translateX(0) rotate(0deg);
}
25% { transform: translateX(5px) rotate(5deg);
}
75% { transform: translateX(-5px) rotate(-5deg);
}
}
.pistas-flotantes[data-v-64b3dde6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.pista[data-v-64b3dde6] {
  padding: 0.35rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  animation: float-64b3dde6 2s ease-in-out infinite;
}
.pista[data-v-64b3dde6]:nth-child(2) { animation-delay: 0.3s;
}
.pista[data-v-64b3dde6]:nth-child(3) { animation-delay: 0.6s;
}
@keyframes float-64b3dde6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-4px);
}
}

/* Definición box */
.definicion-box[data-v-64b3dde6] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-64b3dde6] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-64b3dde6] {
  flex: 1;
}
.def-titulo[data-v-64b3dde6] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-64b3dde6] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tipos de pistas */
.tipos-section[data-v-64b3dde6] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-64b3dde6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.pista-card[data-v-64b3dde6] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.pista-header[data-v-64b3dde6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.pista-icono[data-v-64b3dde6] {
  font-size: 1.25rem;
}
.pista-nombre[data-v-64b3dde6] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.pista-contenido[data-v-64b3dde6] {
  padding: 1rem;
}
.pista-contenido p[data-v-64b3dde6] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  line-height: 1.5;
  font-size: 0.9rem;
}

/* Ejemplo box */
.ejemplo-box[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ejemplo-label[data-v-64b3dde6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-texto[data-v-64b3dde6] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.ejemplo-inferencia[data-v-64b3dde6] {
  color: #6EE7B7;
  font-size: 0.85rem;
  font-style: italic;
}
.highlight[data-v-64b3dde6] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}

/* Conectores grid */
.conectores-grid[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conector-tipo[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.conector-cat[data-v-64b3dde6] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.8rem;
}
.conector-ejemplos[data-v-64b3dde6] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tonos ejemplos */
.tonos-ejemplos[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tono[data-v-64b3dde6] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.tono.critico[data-v-64b3dde6] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.tono.ironico[data-v-64b3dde6] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.tono.admirativo[data-v-64b3dde6] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Estrategia box */
.estrategia-box[data-v-64b3dde6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-64b3dde6] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.estrategia-pasos[data-v-64b3dde6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-64b3dde6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-64b3dde6] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.paso-texto[data-v-64b3dde6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.paso-texto strong[data-v-64b3dde6] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-64b3dde6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-64b3dde6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-64b3dde6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-64b3dde6] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.conectores-grid[data-v-64b3dde6] {
    flex-direction: row;
}
.conector-tipo[data-v-64b3dde6] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-7f6f9307] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.cerebro-icon[data-v-7f6f9307] {
  font-size: 3rem;
  animation: glow-7f6f9307 2s ease-in-out infinite;
}
@keyframes glow-7f6f9307 {
0%, 100% { filter: drop-shadow(0 0 5px rgba(16, 185, 129, 0.3));
}
50% { filter: drop-shadow(0 0 15px rgba(16, 185, 129, 0.6));
}
}
.conexiones[data-v-7f6f9307] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.conexion[data-v-7f6f9307] {
  padding: 0.35rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-7f6f9307] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-7f6f9307] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-7f6f9307] {
  flex: 1;
}
.def-titulo[data-v-7f6f9307] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-7f6f9307] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tipos de conocimiento */
.tipos-section[data-v-7f6f9307] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-7f6f9307] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.conocimiento-grid[data-v-7f6f9307] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.conocimiento-card[data-v-7f6f9307] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  padding: 1rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  transition: transform 0.2s ease;
}
.conocimiento-card[data-v-7f6f9307]:hover {
  transform: translateY(-2px);
}
.conocimiento-icono[data-v-7f6f9307] {
  font-size: 1.75rem;
}
.conocimiento-nombre[data-v-7f6f9307] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.85rem;
}
.conocimiento-desc[data-v-7f6f9307] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Ejemplo section */
.ejemplo-section[data-v-7f6f9307] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-7f6f9307] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.ejemplo-texto-box[data-v-7f6f9307] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-left: 4px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 1rem;
}
.ejemplo-label[data-v-7f6f9307] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-7f6f9307] {
  margin: 0;
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.5;
  font-style: italic;
}
.inferencia-proceso[data-v-7f6f9307] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.proceso-item[data-v-7f6f9307] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.proceso-item.resultado[data-v-7f6f9307] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.proceso-label[data-v-7f6f9307] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.proceso-item.resultado .proceso-label[data-v-7f6f9307] {
  color: #6EE7B7;
}
.proceso-valor[data-v-7f6f9307] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.proceso-item.resultado .proceso-valor[data-v-7f6f9307] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Advertencia box */
.advertencia-box[data-v-7f6f9307] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.advertencia-icono[data-v-7f6f9307] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.advertencia-contenido[data-v-7f6f9307] {
  flex: 1;
}
.advertencia-titulo[data-v-7f6f9307] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.advertencia-texto[data-v-7f6f9307] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.9rem;
}

/* Contraste section */
.contraste-section[data-v-7f6f9307] {
  margin: 1.5rem 0;
}
.contraste-titulo[data-v-7f6f9307] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.contraste-grid[data-v-7f6f9307] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contraste-item[data-v-7f6f9307] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.contraste-item.incorrecto[data-v-7f6f9307] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.contraste-item.correcto[data-v-7f6f9307] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.contraste-label[data-v-7f6f9307] {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
}
.contraste-item.incorrecto .contraste-label[data-v-7f6f9307] {
  color: #FCA5A5;
}
.contraste-item.correcto .contraste-label[data-v-7f6f9307] {
  color: #6EE7B7;
}
.contraste-item p[data-v-7f6f9307] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.contraste-porque[data-v-7f6f9307] {
  font-size: 0.8rem;
  font-style: italic;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7f6f9307] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7f6f9307] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7f6f9307] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-7f6f9307] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.contraste-grid[data-v-7f6f9307] {
    flex-direction: row;
}
.contraste-item[data-v-7f6f9307] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.logica-icon[data-v-236f8670] {
  font-size: 3rem;
  animation: rotate-236f8670 4s linear infinite;
}
@keyframes rotate-236f8670 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.conexiones[data-v-236f8670] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.conexion[data-v-236f8670] {
  padding: 0.35rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-236f8670] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-236f8670] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-236f8670] {
  flex: 1;
}
.def-titulo[data-v-236f8670] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-236f8670] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tipos de razonamiento */
.tipos-section[data-v-236f8670] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-236f8670] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.razonamiento-card[data-v-236f8670] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.razonamiento-header[data-v-236f8670] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.razonamiento-header.deductivo[data-v-236f8670] {
  background: rgba(59, 130, 246, 0.2);
}
.razonamiento-header.causal[data-v-236f8670] {
  background: rgba(16, 185, 129, 0.2);
}
.razonamiento-header.analogia[data-v-236f8670] {
  background: rgba(245, 158, 11, 0.2);
}
.razonamiento-icono[data-v-236f8670] {
  font-size: 1.5rem;
}
.razonamiento-info[data-v-236f8670] {
  display: flex;
  flex-direction: column;
}
.razonamiento-nombre[data-v-236f8670] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.razonamiento-desc[data-v-236f8670] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.razonamiento-contenido[data-v-236f8670] {
  padding: 1rem;
}

/* Ejemplo lógico */
.ejemplo-logico[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.premisa[data-v-236f8670], .conclusion[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.conclusion[data-v-236f8670] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.premisa-label[data-v-236f8670], .conclusion-label[data-v-236f8670] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #93C5FD;
}
.conclusion-label[data-v-236f8670] {
  color: #6EE7B7;
}
.premisa-texto[data-v-236f8670], .conclusion-texto[data-v-236f8670] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.conclusion-texto[data-v-236f8670] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Proceso section */
.proceso-section[data-v-236f8670] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-236f8670] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.proceso-pasos[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.proceso-paso[data-v-236f8670] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-236f8670] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #D8B4FE;
  flex-shrink: 0;
}
.paso-contenido[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-titulo[data-v-236f8670] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-desc[data-v-236f8670] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Errores section */
.errores-section[data-v-236f8670] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-236f8670] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.errores-grid[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-236f8670] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-nombre[data-v-236f8670] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.85rem;
}
.error-desc[data-v-236f8670] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-236f8670] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-236f8670] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-236f8670] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-236f8670] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-pasos[data-v-236f8670] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.errores-grid[data-v-236f8670] {
    flex-direction: row;
}
.error-item[data-v-236f8670] {
    flex: 1;
}
}

.explorador[data-v-8659345b] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-8659345b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.progreso-item[data-v-8659345b] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-8659345b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8659345b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-8659345b] {
  font-size: 0.9rem;
}

/* Estrategia badge */
.estrategia-badge[data-v-8659345b] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.estrategia-badge.pistas[data-v-8659345b] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
  color: #FCD34D;
}
.estrategia-badge.conocimiento[data-v-8659345b] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.estrategia-badge.logica[data-v-8659345b] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.estrategia-icono[data-v-8659345b] {
  font-size: 1.25rem;
}

/* Desafío container */
.desafio-container[data-v-8659345b] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Texto de referencia */
.texto-referencia[data-v-8659345b] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-8659345b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-8659345b] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-8659345b] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-8659345b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-8659345b] p {
  margin: 0;
}
.texto-contenido[data-v-8659345b] strong {
  color: #FCD34D;
}

/* Pregunta */
.pregunta-box[data-v-8659345b] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-8659345b] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-8659345b] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones grid */
.opciones-grid[data-v-8659345b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-8659345b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-8659345b]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-8659345b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-8659345b] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.25) !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecto[data-v-8659345b] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.25) !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.3);
}
.opcion-btn[data-v-8659345b]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.opcion-letra[data-v-8659345b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #D8B4FE;
  flex-shrink: 0;
}
.opcion-texto[data-v-8659345b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Feedback */
.feedback-box[data-v-8659345b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-8659345b] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-8659345b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-8659345b] {
  flex: 1;
}
.feedback-titulo[data-v-8659345b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.feedback-estrategia[data-v-8659345b] {
  margin-bottom: 0.5rem;
}
.estrategia-mini[data-v-8659345b] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.estrategia-mini.pistas[data-v-8659345b] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.estrategia-mini.conocimiento[data-v-8659345b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.estrategia-mini.logica[data-v-8659345b] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.feedback-explicacion[data-v-8659345b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.feedback-explicacion[data-v-8659345b] strong {
  color: #FCD34D;
}

/* Acción container */
.accion-container[data-v-8659345b] {
  text-align: center;
}
.btn-verificar[data-v-8659345b] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-8659345b]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-8659345b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8659345b] { flex: 1;
}
.nav-btn[data-v-8659345b] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-8659345b]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-8659345b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.completado-icono[data-v-8659345b] { font-size: 1.75rem;
}
.completado-texto[data-v-8659345b] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8659345b], .slide-leave-active[data-v-8659345b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8659345b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8659345b] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-8659345b], .fade-leave-active[data-v-8659345b] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-8659345b], .fade-leave-to[data-v-8659345b] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.progreso-item[data-v-8659345b] {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
}
.opciones-grid[data-v-8659345b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Header visual */
.resumen-header[data-v-02941138] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-02941138] {
  font-size: 2.5rem;
}
.resumen-titulo-text[data-v-02941138] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estrategias resumen */
.estrategias-resumen[data-v-02941138] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.estrategia-resumen[data-v-02941138] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.estrategia-resumen.pistas[data-v-02941138] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.estrategia-resumen.conocimiento[data-v-02941138] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.estrategia-resumen.logica[data-v-02941138] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.estrategia-header[data-v-02941138] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.estrategia-resumen.pistas .estrategia-header[data-v-02941138] {
  background: rgba(245, 158, 11, 0.2);
}
.estrategia-resumen.conocimiento .estrategia-header[data-v-02941138] {
  background: rgba(16, 185, 129, 0.2);
}
.estrategia-resumen.logica .estrategia-header[data-v-02941138] {
  background: rgba(59, 130, 246, 0.2);
}
.estrategia-icono[data-v-02941138] {
  font-size: 1.5rem;
}
.estrategia-nombre[data-v-02941138] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.estrategia-puntos[data-v-02941138] {
  margin: 0;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.estrategia-puntos li[data-v-02941138] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.estrategia-puntos li[data-v-02941138]:last-child {
  margin-bottom: 0;
}
.estrategia-puntos li strong[data-v-02941138] {
  color: #FFFFFF;
}

/* Fórmula recordatorio */
.formula-recordatorio[data-v-02941138] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  text-align: center;
}
.formula-titulo[data-v-02941138] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.formula-visual[data-v-02941138] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.formula-elemento[data-v-02941138] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-elemento.resultado[data-v-02941138] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.formula-signo[data-v-02941138] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-02941138] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-02941138] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.tips-grid[data-v-02941138] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-02941138] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-numero[data-v-02941138] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.tip-texto[data-v-02941138] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-02941138] {
  color: #6EE7B7;
}

/* Errores a evitar */
.errores-evitar[data-v-02941138] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-02941138] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.errores-lista[data-v-02941138] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-02941138] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-02941138] {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-texto[data-v-02941138] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Checklist */
.checklist-section[data-v-02941138] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.checklist-titulo[data-v-02941138] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.checklist-items[data-v-02941138] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.check-item[data-v-02941138] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.check-box[data-v-02941138] {
  font-size: 1.25rem;
}
.check-texto[data-v-02941138] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Mensaje final */
.mensaje-final[data-v-02941138] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-02941138] {
  font-size: 2rem;
  flex-shrink: 0;
}
.mensaje-contenido[data-v-02941138] {
  flex: 1;
}
.mensaje-contenido strong[data-v-02941138] {
  display: block;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.mensaje-contenido p[data-v-02941138] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.tips-grid[data-v-02941138] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.estrategias-resumen[data-v-02941138] {
    flex-direction: row;
}
.estrategia-resumen[data-v-02941138] {
    flex: 1;
}
.estrategia-header[data-v-02941138] {
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-846ff18c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-846ff18c] {
  font-size: 2rem;
  animation: float-846ff18c 3s ease-in-out infinite;
}
.intro-visual .icono-grande[data-v-846ff18c] {
  font-size: 3rem;
}
.intro-visual .icono[data-v-846ff18c]:first-child {
  animation-delay: 0s;
}
.intro-visual .icono[data-v-846ff18c]:last-child {
  animation-delay: 0.5s;
}
@keyframes float-846ff18c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}

/* Definición box */
.definicion-box[data-v-846ff18c] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-846ff18c] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-846ff18c] {
  flex: 1;
}
.def-titulo[data-v-846ff18c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-846ff18c] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía */
.analogia-section[data-v-846ff18c] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-846ff18c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-846ff18c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.analogia-item[data-v-846ff18c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.analogia-icono[data-v-846ff18c] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.analogia-label[data-v-846ff18c] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.analogia-texto[data-v-846ff18c] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Importancia */
.importancia-section[data-v-846ff18c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-846ff18c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-lista[data-v-846ff18c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-846ff18c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.item-icono[data-v-846ff18c] {
  font-size: 1rem;
  flex-shrink: 0;
}
.item-texto[data-v-846ff18c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Preguntas típicas */
.preguntas-section[data-v-846ff18c] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-846ff18c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.preguntas-lista[data-v-846ff18c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-ejemplo[data-v-846ff18c] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-style: italic;
}

/* Tip */
.tip[data-v-846ff18c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-846ff18c] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-846ff18c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-846ff18c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono[data-v-846ff18c] {
    font-size: 2.5rem;
}
.intro-visual .icono-grande[data-v-846ff18c] {
    font-size: 3.5rem;
}
.analogia-grid[data-v-846ff18c] {
    gap: 1rem;
}
.analogia-item[data-v-846ff18c] {
    padding: 1rem;
}
.analogia-icono[data-v-846ff18c] {
    font-size: 2rem;
}
.analogia-texto[data-v-846ff18c] {
    font-size: 0.8rem;
}
}

/* Sección principal */
.seccion-principal[data-v-5850271a] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.seccion-header[data-v-5850271a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.seccion-icono[data-v-5850271a] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-5850271a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.seccion-contenido[data-v-5850271a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.seccion-desc[data-v-5850271a] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Grid de tipos */
.tipos-grid[data-v-5850271a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-5850271a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.tipo-header[data-v-5850271a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.narrativo[data-v-5850271a] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-header.expositivo[data-v-5850271a] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-icono[data-v-5850271a] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-5850271a] {
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-partes[data-v-5850271a] {
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.parte[data-v-5850271a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.parte-num[data-v-5850271a] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-texto[data-v-5850271a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-5850271a] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
}

/* Patrones */
.patrones-lista[data-v-5850271a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.patron-item[data-v-5850271a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.patron-icono[data-v-5850271a] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.patron-info[data-v-5850271a] {
  flex: 1;
}
.patron-nombre[data-v-5850271a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.patron-desc[data-v-5850271a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Párrafos */
.parrafos-grid[data-v-5850271a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.parrafo-tipo[data-v-5850271a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.parrafo-emoji[data-v-5850271a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.parrafo-nombre[data-v-5850271a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.8rem;
  margin-bottom: 0.15rem;
}
.parrafo-funcion[data-v-5850271a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-5850271a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5850271a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5850271a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-5850271a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-5850271a] {
    flex-direction: row;
}
.tipo-card[data-v-5850271a] {
    flex: 1;
}
.parrafos-grid[data-v-5850271a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Contenedor de secuencias */
.secuencias-container[data-v-befe12e7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}

/* Card de secuencia */
.secuencia-card[data-v-befe12e7] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.secuencia-card.narrativa[data-v-befe12e7] {
  border-color: rgba(245, 158, 11, 0.4);
}
.secuencia-card.descriptiva[data-v-befe12e7] {
  border-color: rgba(236, 72, 153, 0.4);
}
.secuencia-card.expositiva[data-v-befe12e7] {
  border-color: rgba(59, 130, 246, 0.4);
}
.secuencia-card.argumentativa[data-v-befe12e7] {
  border-color: rgba(16, 185, 129, 0.4);
}
.secuencia-card.dialogal[data-v-befe12e7] {
  border-color: rgba(139, 92, 246, 0.4);
}
.secuencia-header[data-v-befe12e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.secuencia-card.narrativa .secuencia-header[data-v-befe12e7] {
  background: rgba(245, 158, 11, 0.2);
}
.secuencia-card.descriptiva .secuencia-header[data-v-befe12e7] {
  background: rgba(236, 72, 153, 0.2);
}
.secuencia-card.expositiva .secuencia-header[data-v-befe12e7] {
  background: rgba(59, 130, 246, 0.2);
}
.secuencia-card.argumentativa .secuencia-header[data-v-befe12e7] {
  background: rgba(16, 185, 129, 0.2);
}
.secuencia-card.dialogal .secuencia-header[data-v-befe12e7] {
  background: rgba(139, 92, 246, 0.2);
}
.secuencia-icono[data-v-befe12e7] {
  font-size: 1.25rem;
}
.secuencia-nombre[data-v-befe12e7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.secuencia-body[data-v-befe12e7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.secuencia-pregunta[data-v-befe12e7] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.pregunta-icono[data-v-befe12e7] {
  font-size: 0.9rem;
}
.pregunta-texto[data-v-befe12e7] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.secuencia-desc[data-v-befe12e7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.secuencia-pistas[data-v-befe12e7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.pista-label[data-v-befe12e7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.pista[data-v-befe12e7] {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 9999px;
  color: #D8B4FE;
}
.secuencia-ejemplo[data-v-befe12e7] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  line-height: 1.4;
}

/* Textos mixtos */
.mixtos-section[data-v-befe12e7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.mixtos-titulo[data-v-befe12e7] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.mixtos-contenido p[data-v-befe12e7] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.mixtos-ejemplo[data-v-befe12e7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.mixto-item[data-v-befe12e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.mixto-tipo[data-v-befe12e7] {
  font-weight: 700;
  color: #D8B4FE;
}
.mixto-uso[data-v-befe12e7] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-befe12e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-befe12e7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-befe12e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-befe12e7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.secuencias-container[data-v-befe12e7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.secuencia-card.dialogal[data-v-befe12e7] {
    grid-column: span 2;
    max-width: 50%;
    justify-self: center;
}
}

.explorador[data-v-0818507b] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-0818507b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-0818507b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-0818507b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0818507b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-0818507b] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-0818507b] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-0818507b] {
  font-size: 1rem;
}
.tipo-texto[data-v-0818507b] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Texto de referencia */
.texto-referencia[data-v-0818507b] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-0818507b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-0818507b] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-0818507b] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-0818507b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-0818507b] p {
  margin: 0 0 0.75rem 0;
}
.texto-contenido[data-v-0818507b] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-0818507b] strong {
  color: #93C5FD;
}

/* Desafío container */
.desafio-container[data-v-0818507b] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-0818507b] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-0818507b] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-0818507b] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-0818507b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-0818507b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-0818507b]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-0818507b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-0818507b] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-0818507b] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-0818507b]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-0818507b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-0818507b] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-0818507b] {
  background: #EF4444;
}
.opcion-texto[data-v-0818507b] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-0818507b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-0818507b] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-0818507b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-0818507b] {
  flex: 1;
}
.feedback-titulo[data-v-0818507b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-0818507b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-0818507b] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-0818507b] {
  text-align: center;
}
.btn-verificar[data-v-0818507b] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-0818507b]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-0818507b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0818507b] { flex: 1;
}
.nav-btn[data-v-0818507b] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-0818507b]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-0818507b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0818507b] { font-size: 1.75rem;
}
.completado-texto[data-v-0818507b] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0818507b], .slide-leave-active[data-v-0818507b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0818507b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0818507b] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-0818507b], .fade-leave-active[data-v-0818507b] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-0818507b], .fade-leave-to[data-v-0818507b] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-0818507b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header */
.resumen-header[data-v-29198c5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-29198c5a] {
  font-size: 2rem;
}
.resumen-titulo[data-v-29198c5a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-29198c5a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-29198c5a] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.concepto-header[data-v-29198c5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-icono[data-v-29198c5a] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-29198c5a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.95rem;
}
.concepto-body[data-v-29198c5a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.mini-grid[data-v-29198c5a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.mini-item[data-v-29198c5a] {
  font-size: 0.85rem;
}
.mini-item strong[data-v-29198c5a] {
  color: #D8B4FE;
}

/* Patrones resumen */
.patrones-resumen[data-v-29198c5a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.patron-badge[data-v-29198c5a] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 9999px;
  color: #D8B4FE;
}

/* Secuencias resumen */
.secuencias-resumen[data-v-29198c5a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.sec-item[data-v-29198c5a] {
  display: flex;
  flex-direction: column;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.sec-nombre[data-v-29198c5a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.8rem;
}
.sec-pregunta[data-v-29198c5a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Estrategias */
.estrategias-section[data-v-29198c5a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.estrategias-titulo[data-v-29198c5a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategias-lista[data-v-29198c5a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia-item[data-v-29198c5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.estrategia-num[data-v-29198c5a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-29198c5a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.estrategia-contenido strong[data-v-29198c5a] {
  color: #FCD34D;
}

/* Conectores */
.conectores-section[data-v-29198c5a] {
  margin-bottom: 1.5rem;
}
.conectores-titulo[data-v-29198c5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.conectores-grid[data-v-29198c5a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.conector-grupo[data-v-29198c5a] {
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.grupo-nombre[data-v-29198c5a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.grupo-conectores[data-v-29198c5a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip final */
.tip-final[data-v-29198c5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.tip-emoji[data-v-29198c5a] {
  font-size: 2rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-29198c5a] {
  flex: 1;
}
.tip-titulo[data-v-29198c5a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.35rem;
}
.tip-texto[data-v-29198c5a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-texto strong[data-v-29198c5a] {
  color: #6EE7B7;
}

/* Revisión */
.revision-section[data-v-29198c5a] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.revision-titulo[data-v-29198c5a] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.revision-lista[data-v-29198c5a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.revision-item[data-v-29198c5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.check-icon[data-v-29198c5a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-29198c5a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.secuencias-resumen[data-v-29198c5a] {
    grid-template-columns: repeat(4, 1fr);
}
.conectores-grid[data-v-29198c5a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-800e73e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.inferencia-icon[data-v-800e73e7] {
  font-size: 3rem;
  animation: pulse-800e73e7 2s ease-in-out infinite;
}
@keyframes pulse-800e73e7 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.inferencia-arrows[data-v-800e73e7] {
  display: flex;
  gap: 1rem;
  font-size: 1.25rem;
  color: #C4B5FD;
}
.arrow[data-v-800e73e7] {
  animation: float-800e73e7 1.5s ease-in-out infinite;
}
.arrow[data-v-800e73e7]:nth-child(2) {
  animation-delay: 0.2s;
}
.arrow[data-v-800e73e7]:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes float-800e73e7 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-4px);
}
}
.tipos-preview[data-v-800e73e7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.tipo-mini[data-v-800e73e7] {
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Definición box */
.definicion-box[data-v-800e73e7] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-800e73e7] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-800e73e7] {
  flex: 1;
}
.def-titulo[data-v-800e73e7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-800e73e7] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tipos de inferencias grid */
.tipos-section[data-v-800e73e7] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-800e73e7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.tipos-grid[data-v-800e73e7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-card[data-v-800e73e7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
  transition: transform 0.2s ease;
}
.tipo-card[data-v-800e73e7]:hover {
  transform: translateY(-2px);
}
.tipo-card.local[data-v-800e73e7] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.global[data-v-800e73e7] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-card.lexica[data-v-800e73e7] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.causal[data-v-800e73e7] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.tipo-icono[data-v-800e73e7] {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.tipo-nombre[data-v-800e73e7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-800e73e7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Analogía */
.analogia-section[data-v-800e73e7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.analogia-titulo[data-v-800e73e7] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.analogia-contenido p[data-v-800e73e7] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-800e73e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-800e73e7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-800e73e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-800e73e7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-800e73e7] {
    flex-direction: row;
    gap: 1.5rem;
}
.inferencia-arrows[data-v-800e73e7] {
    flex-direction: column;
    gap: 0.25rem;
}
.tipos-preview[data-v-800e73e7] {
    flex-direction: column;
    align-items: flex-start;
}
.tipos-grid[data-v-800e73e7] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-800e73e7] {
    padding: 1.25rem 0.5rem;
}
}

/* Header visual */
.header-visual[data-v-2f79d027] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.icon-container[data-v-2f79d027] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.icon-container.local[data-v-2f79d027] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.6);
}
.main-icon[data-v-2f79d027] {
  font-size: 1.75rem;
}
.header-texto[data-v-2f79d027] {
  display: flex;
  flex-direction: column;
}
.header-titulo[data-v-2f79d027] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.header-sub[data-v-2f79d027] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Definición */
.definicion-box[data-v-2f79d027] {
  margin: 1rem 0 1.5rem;
}
.def-contenido p[data-v-2f79d027] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Ejemplo */
.ejemplo-section[data-v-2f79d027] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-header[data-v-2f79d027] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-2f79d027] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-2f79d027] {
  font-weight: 700;
  color: #FFFFFF;
}
.texto-fragmento[data-v-2f79d027] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 4px solid #3B82F6;
  padding: 1rem;
  border-radius: 0 0.75rem 0.75rem 0;
  margin-bottom: 1rem;
}
.fragmento-label[data-v-2f79d027] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.fragmento-texto[data-v-2f79d027] {
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.6;
}
.fragmento-texto strong[data-v-2f79d027] {
  color: #FCD34D;
  font-style: normal;
}
.pregunta-box[data-v-2f79d027] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.pregunta-label[data-v-2f79d027] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.pregunta-texto[data-v-2f79d027] {
  color: #FFFFFF;
  font-weight: 500;
}
.respuesta-box[data-v-2f79d027] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.respuesta-icono[data-v-2f79d027] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  color: white;
  font-size: 0.85rem;
  font-weight: 700;
  flex-shrink: 0;
}
.respuesta-texto[data-v-2f79d027] {
  color: #6EE7B7;
  font-weight: 600;
}
.explicacion[data-v-2f79d027] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.explicacion strong[data-v-2f79d027] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-2f79d027] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-2f79d027] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.caracteristicas-grid[data-v-2f79d027] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-2f79d027] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-2f79d027] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.caract-texto[data-v-2f79d027] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Frases comunes */
.frases-section[data-v-2f79d027] {
  margin: 1.5rem 0;
}
.frases-titulo[data-v-2f79d027] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.frases-grid[data-v-2f79d027] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.frase[data-v-2f79d027] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #D8B4FE;
  font-size: 0.9rem;
  font-style: italic;
}

/* Tip */
.tip[data-v-2f79d027] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2f79d027] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-2f79d027] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-2f79d027] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icon-container[data-v-2f79d027] {
    width: 70px;
    height: 70px;
}
.main-icon[data-v-2f79d027] {
    font-size: 2rem;
}
.frases-grid[data-v-2f79d027] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header visual */
.header-visual[data-v-e32a1ccf] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.icon-container[data-v-e32a1ccf] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.icon-container.global[data-v-e32a1ccf] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.6);
}
.main-icon[data-v-e32a1ccf] {
  font-size: 1.75rem;
}
.header-texto[data-v-e32a1ccf] {
  display: flex;
  flex-direction: column;
}
.header-titulo[data-v-e32a1ccf] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.header-sub[data-v-e32a1ccf] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Definición */
.definicion-box[data-v-e32a1ccf] {
  margin: 1rem 0 1.5rem;
}
.def-contenido p[data-v-e32a1ccf] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Comparativa visual */
.comparativa-section[data-v-e32a1ccf] {
  margin: 1.5rem 0;
}
.comparativa-titulo[data-v-e32a1ccf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.comparativa-grid[data-v-e32a1ccf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.comp-item[data-v-e32a1ccf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  text-align: center;
}
.comp-item.local[data-v-e32a1ccf] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.comp-item.global[data-v-e32a1ccf] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.comp-icono[data-v-e32a1ccf] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-label[data-v-e32a1ccf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.comp-visual[data-v-e32a1ccf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0.5rem 0;
}
.parrafo[data-v-e32a1ccf] {
  width: 50px;
  height: 8px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
.comp-item.local .parrafo.activo[data-v-e32a1ccf] {
  background: #3B82F6;
}
.comp-item.global .parrafo.activo[data-v-e32a1ccf] {
  background: #10B981;
}
.comp-desc[data-v-e32a1ccf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-e32a1ccf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-header[data-v-e32a1ccf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-e32a1ccf] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-e32a1ccf] {
  font-weight: 700;
  color: #FFFFFF;
}
.texto-resumen[data-v-e32a1ccf] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 4px solid #10B981;
  padding: 1rem;
  border-radius: 0 0.75rem 0.75rem 0;
  margin-bottom: 1rem;
}
.texto-label[data-v-e32a1ccf] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.texto-contenido p[data-v-e32a1ccf] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.texto-contenido p[data-v-e32a1ccf]:last-child {
  margin-bottom: 0;
}
.texto-contenido strong[data-v-e32a1ccf] {
  color: #6EE7B7;
}
.pregunta-box[data-v-e32a1ccf] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.pregunta-label[data-v-e32a1ccf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.pregunta-texto[data-v-e32a1ccf] {
  color: #FFFFFF;
  font-weight: 500;
}
.respuesta-box[data-v-e32a1ccf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.respuesta-icono[data-v-e32a1ccf] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  color: white;
  font-size: 0.85rem;
  font-weight: 700;
  flex-shrink: 0;
}
.respuesta-texto[data-v-e32a1ccf] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.95rem;
}
.explicacion[data-v-e32a1ccf] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.explicacion strong[data-v-e32a1ccf] {
  color: #FCD34D;
}

/* Preguntas que hacen las inferencias globales */
.preguntas-section[data-v-e32a1ccf] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-e32a1ccf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.preguntas-grid[data-v-e32a1ccf] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.pregunta-tipo[data-v-e32a1ccf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.pt-icono[data-v-e32a1ccf] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.pt-texto[data-v-e32a1ccf] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-e32a1ccf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e32a1ccf] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e32a1ccf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-e32a1ccf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icon-container[data-v-e32a1ccf] {
    width: 70px;
    height: 70px;
}
.main-icon[data-v-e32a1ccf] {
    font-size: 2rem;
}
.preguntas-grid[data-v-e32a1ccf] {
    grid-template-columns: repeat(2, 1fr);
}
.parrafo[data-v-e32a1ccf] {
    width: 70px;
}
}

/* Tabs */
.tabs-container[data-v-fe6f0c25] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tab-btn[data-v-fe6f0c25] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.tab-btn[data-v-fe6f0c25]:hover {
  background: rgba(139, 92, 246, 0.1);
}
.tab-btn.activo[data-v-fe6f0c25] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.5);
}
.tab-icono[data-v-fe6f0c25] {
  font-size: 1.25rem;
}
.tab-texto[data-v-fe6f0c25] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.tab-btn.activo .tab-texto[data-v-fe6f0c25] {
  color: #FFFFFF;
}

/* Tab contenido */
.tab-contenido[data-v-fe6f0c25] {
  min-height: 400px;
}

/* Header de tipo */
.tipo-header[data-v-fe6f0c25] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.tipo-header.lexica[data-v-fe6f0c25] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tipo-header.causal[data-v-fe6f0c25] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-icono[data-v-fe6f0c25] {
  font-size: 2rem;
}
.tipo-info[data-v-fe6f0c25] {
  display: flex;
  flex-direction: column;
}
.tipo-titulo[data-v-fe6f0c25] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.tipo-header.lexica .tipo-titulo[data-v-fe6f0c25] {
  color: #FCD34D;
}
.tipo-header.causal .tipo-titulo[data-v-fe6f0c25] {
  color: #FCA5A5;
}
.tipo-desc[data-v-fe6f0c25] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Definición */
.definicion[data-v-fe6f0c25] {
  margin-bottom: 1rem;
}
.definicion p[data-v-fe6f0c25] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Ejemplo box */
.ejemplo-box[data-v-fe6f0c25] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.ejemplo-titulo[data-v-fe6f0c25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.texto-cita[data-v-fe6f0c25] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.palabra-destacada[data-v-fe6f0c25] {
  color: #FCD34D;
  font-style: normal;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.pregunta-ejemplo[data-v-fe6f0c25] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.pe-label[data-v-fe6f0c25] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.pe-texto[data-v-fe6f0c25] {
  color: #FFFFFF;
  font-weight: 500;
}
.respuesta-ejemplo[data-v-fe6f0c25] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.re-icono[data-v-fe6f0c25] {
  color: #10B981;
  font-weight: 700;
}
.re-texto[data-v-fe6f0c25] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Pistas box */
.pistas-box[data-v-fe6f0c25] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.pistas-titulo[data-v-fe6f0c25] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.pistas-lista[data-v-fe6f0c25] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.6;
}
.pistas-lista li[data-v-fe6f0c25] {
  margin-bottom: 0.25rem;
}

/* Diagrama causal */
.diagrama-causal[data-v-fe6f0c25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}
.causa[data-v-fe6f0c25], .efecto[data-v-fe6f0c25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 120px;
}
.causa[data-v-fe6f0c25] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.efecto[data-v-fe6f0c25] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.dc-label[data-v-fe6f0c25] {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.causa .dc-label[data-v-fe6f0c25] {
  color: #FCA5A5;
}
.efecto .dc-label[data-v-fe6f0c25] {
  color: #6EE7B7;
}
.dc-texto[data-v-fe6f0c25] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 500;
}
.flecha[data-v-fe6f0c25] {
  font-size: 1.5rem;
  color: #C4B5FD;
}

/* Conectores */
.conectores-box[data-v-fe6f0c25] {
  margin-top: 1rem;
}
.conectores-titulo[data-v-fe6f0c25] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.conectores-grid[data-v-fe6f0c25] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.conector[data-v-fe6f0c25] {
  padding: 0.35rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 9999px;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-weight: 500;
}

/* Estrategia */
.estrategia-box[data-v-fe6f0c25] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.estrategia-icono[data-v-fe6f0c25] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-fe6f0c25] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.estrategia-contenido strong[data-v-fe6f0c25] {
  color: #D8B4FE;
}

/* Tip general */
.tip-general[data-v-fe6f0c25] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-fe6f0c25] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-fe6f0c25] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-fe6f0c25] {
  color: #6EE7B7;
}

/* Transiciones */
.fade-enter-active[data-v-fe6f0c25],
.fade-leave-active[data-v-fe6f0c25] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-fe6f0c25],
.fade-leave-to[data-v-fe6f0c25] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tabs-container[data-v-fe6f0c25] {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.diagrama-causal[data-v-fe6f0c25] {
    gap: 1.5rem;
}
.causa[data-v-fe6f0c25], .efecto[data-v-fe6f0c25] {
    min-width: 150px;
    padding: 1rem 1.5rem;
}
}

.explorador[data-v-ff4c05d8] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-ff4c05d8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-ff4c05d8] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-ff4c05d8] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ff4c05d8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-ff4c05d8] {
  font-size: 1rem;
}

/* Desafío container */
.desafio-container[data-v-ff4c05d8] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Texto de referencia */
.texto-referencia[data-v-ff4c05d8] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-ff4c05d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-ff4c05d8] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-ff4c05d8] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-ff4c05d8] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-ff4c05d8] p {
  margin: 0;
}
.texto-contenido[data-v-ff4c05d8] strong {
  color: #FCD34D;
}

/* Pregunta */
.pregunta-box[data-v-ff4c05d8] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-ff4c05d8] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-ff4c05d8] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Instrucción */
.instruccion-box[data-v-ff4c05d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.instruccion-icono[data-v-ff4c05d8] {
  font-size: 1.25rem;
}
.instruccion-texto[data-v-ff4c05d8] {
  color: #D8B4FE;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Tipos grid */
.tipos-grid[data-v-ff4c05d8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-btn[data-v-ff4c05d8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  border: 2px solid;
}
.tipo-btn.local[data-v-ff4c05d8] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-btn.global[data-v-ff4c05d8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-btn.lexica[data-v-ff4c05d8] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-btn.causal[data-v-ff4c05d8] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-btn[data-v-ff4c05d8]:hover:not(:disabled) {
  transform: translateY(-2px);
}
.tipo-btn.local[data-v-ff4c05d8]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.tipo-btn.global[data-v-ff4c05d8]:hover:not(:disabled) {
  border-color: rgba(16, 185, 129, 0.6);
}
.tipo-btn.lexica[data-v-ff4c05d8]:hover:not(:disabled) {
  border-color: rgba(245, 158, 11, 0.6);
}
.tipo-btn.causal[data-v-ff4c05d8]:hover:not(:disabled) {
  border-color: rgba(239, 68, 68, 0.6);
}
.tipo-btn.seleccionado[data-v-ff4c05d8] {
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.5);
}
.tipo-btn.correcto[data-v-ff4c05d8] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.5);
}
.tipo-btn.incorrecto[data-v-ff4c05d8] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.5);
}
.tipo-btn[data-v-ff4c05d8]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.tipo-icono[data-v-ff4c05d8] {
  font-size: 1.75rem;
}
.tipo-nombre[data-v-ff4c05d8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Feedback */
.feedback-box[data-v-ff4c05d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-ff4c05d8] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-ff4c05d8] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-ff4c05d8] {
  flex: 1;
}
.feedback-titulo[data-v-ff4c05d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-tipo[data-v-ff4c05d8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.feedback-tipo strong[data-v-ff4c05d8] {
  color: #6EE7B7;
}
.feedback-explicacion[data-v-ff4c05d8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.5;
}
.feedback-explicacion[data-v-ff4c05d8] strong {
  color: #FCD34D;
}

/* Acción container */
.accion-container[data-v-ff4c05d8] {
  text-align: center;
}
.btn-verificar[data-v-ff4c05d8] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-ff4c05d8]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-ff4c05d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ff4c05d8] { flex: 1;
}
.nav-btn[data-v-ff4c05d8] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-ff4c05d8]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-ff4c05d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.completado-icono[data-v-ff4c05d8] { font-size: 1.75rem;
}
.completado-texto[data-v-ff4c05d8] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ff4c05d8], .slide-leave-active[data-v-ff4c05d8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ff4c05d8] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ff4c05d8] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-ff4c05d8], .fade-leave-active[data-v-ff4c05d8] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-ff4c05d8], .fade-leave-to[data-v-ff4c05d8] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-ff4c05d8] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-btn[data-v-ff4c05d8] {
    padding: 1.25rem 0.75rem;
}
}

/* Header completado */
.header-completado[data-v-9a900194] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.icono-trofeo[data-v-9a900194] {
  font-size: 2.5rem;
}
.header-texto[data-v-9a900194] {
  display: flex;
  flex-direction: column;
}
.header-titulo[data-v-9a900194] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.header-sub[data-v-9a900194] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Resumen tipos */
.resumen-section[data-v-9a900194] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-9a900194] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.tipos-resumen[data-v-9a900194] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-9a900194] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-card.local[data-v-9a900194] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.global[data-v-9a900194] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.tipo-card.lexica[data-v-9a900194] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tipo-card.causal[data-v-9a900194] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-header[data-v-9a900194] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-9a900194] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-9a900194] {
  font-weight: 700;
  font-size: 1rem;
}
.tipo-card.local .tipo-nombre[data-v-9a900194] { color: #93C5FD;
}
.tipo-card.global .tipo-nombre[data-v-9a900194] { color: #6EE7B7;
}
.tipo-card.lexica .tipo-nombre[data-v-9a900194] { color: #FCD34D;
}
.tipo-card.causal .tipo-nombre[data-v-9a900194] { color: #FCA5A5;
}
.tipo-desc[data-v-9a900194] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-pista[data-v-9a900194] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Estrategia */
.estrategia-section[data-v-9a900194] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-9a900194] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.pasos-estrategia[data-v-9a900194] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-est[data-v-9a900194] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-9a900194] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.6);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-contenido[data-v-9a900194] {
  display: flex;
  flex-direction: column;
}
.paso-contenido strong[data-v-9a900194] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-desc[data-v-9a900194] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-9a900194] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-9a900194] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-grid[data-v-9a900194] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-9a900194] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-9a900194] {
  flex-shrink: 0;
}
.error-texto[data-v-9a900194] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-9a900194] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-icono[data-v-9a900194] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-9a900194] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-contenido strong[data-v-9a900194] {
  color: #6EE7B7;
}

/* Progreso del módulo */
.progreso-modulo[data-v-9a900194] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.progreso-titulo[data-v-9a900194] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.progreso-items[data-v-9a900194] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.progreso-item[data-v-9a900194] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.progreso-item.completado[data-v-9a900194] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.prog-check[data-v-9a900194] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
}
.prog-texto[data-v-9a900194] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-9a900194] {
    grid-template-columns: repeat(2, 1fr);
}
.pasos-estrategia[data-v-9a900194] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.progreso-items[data-v-9a900194] {
    flex-direction: row;
    justify-content: space-between;
}
.progreso-item[data-v-9a900194] {
    flex: 1;
}
}

/* Intro visual - Iceberg */
.intro-visual[data-v-6a70a493] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.iceberg[data-v-6a70a493] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 280px;
}
.iceberg-top[data-v-6a70a493] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem 1rem 0 0;
  width: 100%;
}
.waterline[data-v-6a70a493] {
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #60A5FA 0%, #93C5FD 50%, #60A5FA 100%);
  position: relative;
}
.waterline[data-v-6a70a493]::before {
  content: '〜〜 Superficie 〜〜';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(30, 30, 50, 0.9);
  padding: 0.2rem 0.75rem;
  font-size: 0.7rem;
  color: #93C5FD;
  border-radius: 0.5rem;
  white-space: nowrap;
}
.iceberg-bottom[data-v-6a70a493] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-top: none;
  border-radius: 0 0 1rem 1rem;
  width: 100%;
}
.iceberg-icon[data-v-6a70a493] {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.iceberg-label[data-v-6a70a493] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  text-align: center;
}
.iceberg-top .iceberg-label[data-v-6a70a493] {
  color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-6a70a493] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-6a70a493] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-6a70a493] {
  flex: 1;
}
.def-titulo[data-v-6a70a493] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-6a70a493] {
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Ejemplo */
.ejemplo-section[data-v-6a70a493] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-titulo[data-v-6a70a493] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-6a70a493] {
  font-style: italic;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.ejemplo-analisis[data-v-6a70a493] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analisis-item[data-v-6a70a493] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.analisis-item.explicito[data-v-6a70a493] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.analisis-item.implicito[data-v-6a70a493] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.analisis-icono[data-v-6a70a493] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.analisis-contenido[data-v-6a70a493] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.analisis-label[data-v-6a70a493] {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.analisis-item.explicito .analisis-label[data-v-6a70a493] {
  color: #93C5FD;
}
.analisis-item.implicito .analisis-label[data-v-6a70a493] {
  color: #6EE7B7;
}
.analisis-texto[data-v-6a70a493] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Importancia */
.importancia-section[data-v-6a70a493] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-6a70a493] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.importancia-contenido p[data-v-6a70a493] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-6a70a493] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6a70a493] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-6a70a493] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-6a70a493] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.iceberg[data-v-6a70a493] {
    max-width: 320px;
}
.iceberg-icon[data-v-6a70a493] {
    font-size: 2rem;
}
.ejemplo-analisis[data-v-6a70a493] {
    flex-direction: row;
}
.analisis-item[data-v-6a70a493] {
    flex: 1;
}
}

/* Título visual */
.titulo-visual[data-v-d7725be6] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.vs-container[data-v-d7725be6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.vs-item[data-v-d7725be6] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.95rem;
}
.vs-item.explicito[data-v-d7725be6] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.vs-item.implicito[data-v-d7725be6] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.vs-separador[data-v-d7725be6] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Comparativa */
.comparativa-grid[data-v-d7725be6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.comparativa-item[data-v-d7725be6] {
  border-radius: 1rem;
  overflow: hidden;
}
.comparativa-item.explicito[data-v-d7725be6] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.comparativa-item.implicito[data-v-d7725be6] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.comparativa-header[data-v-d7725be6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.comparativa-item.explicito .comparativa-header[data-v-d7725be6] {
  background: rgba(59, 130, 246, 0.2);
}
.comparativa-item.implicito .comparativa-header[data-v-d7725be6] {
  background: rgba(16, 185, 129, 0.2);
}
.comparativa-icono[data-v-d7725be6] {
  font-size: 1.25rem;
}
.comparativa-titulo[data-v-d7725be6] {
  font-weight: 700;
  font-size: 0.95rem;
}
.comparativa-item.explicito .comparativa-titulo[data-v-d7725be6] {
  color: #93C5FD;
}
.comparativa-item.implicito .comparativa-titulo[data-v-d7725be6] {
  color: #6EE7B7;
}
.comparativa-contenido[data-v-d7725be6] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.caracteristicas-lista[data-v-d7725be6] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.caracteristicas-lista li[data-v-d7725be6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0.25rem;
}
.caracteristicas-lista li[data-v-d7725be6]:last-child {
  margin-bottom: 0;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-d7725be6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-titulo[data-v-d7725be6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-d7725be6] {
  font-style: italic;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.preguntas-ejemplo[data-v-d7725be6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-item[data-v-d7725be6] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pregunta-item.explicito[data-v-d7725be6] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.pregunta-item.implicito[data-v-d7725be6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.pregunta-badge[data-v-d7725be6] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.4rem;
}
.pregunta-item.explicito .pregunta-badge[data-v-d7725be6] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.pregunta-item.implicito .pregunta-badge[data-v-d7725be6] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.pregunta-text[data-v-d7725be6] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
}
.pregunta-respuesta[data-v-d7725be6] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.respuesta-label[data-v-d7725be6] {
  font-weight: 600;
}
.pregunta-item.explicito .respuesta-label[data-v-d7725be6] {
  color: #93C5FD;
}
.pregunta-item.implicito .respuesta-label[data-v-d7725be6] {
  color: #6EE7B7;
}
.respuesta-nota[data-v-d7725be6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Identificar section */
.identificar-section[data-v-d7725be6] {
  margin: 1.5rem 0;
}
.identificar-titulo[data-v-d7725be6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.identificar-grid[data-v-d7725be6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.identificar-item[data-v-d7725be6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.identificar-icono[data-v-d7725be6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.identificar-contenido[data-v-d7725be6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.identificar-label[data-v-d7725be6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.identificar-texto[data-v-d7725be6] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-style: italic;
}
.identificar-resultado[data-v-d7725be6] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.identificar-resultado.explicito[data-v-d7725be6] {
  color: #93C5FD;
}
.identificar-resultado.implicito[data-v-d7725be6] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-d7725be6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d7725be6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d7725be6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d7725be6] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.comparativa-grid[data-v-d7725be6] {
    flex-direction: row;
}
.comparativa-item[data-v-d7725be6] {
    flex: 1;
}
.preguntas-ejemplo[data-v-d7725be6] {
    flex-direction: row;
}
.pregunta-item[data-v-d7725be6] {
    flex: 1;
}
}

/* Intro section */
.intro-section[data-v-1f273d6a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-1f273d6a] {
  font-size: 3rem;
  margin-bottom: 0.75rem;
}
.intro-section p[data-v-1f273d6a] {
  margin: 0;
  line-height: 1.6;
}

/* Pistas título */
.pistas-titulo[data-v-1f273d6a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

/* Pistas grid */
.pistas-grid[data-v-1f273d6a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.pista-card[data-v-1f273d6a] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.pista-header[data-v-1f273d6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.pista-icono[data-v-1f273d6a] {
  font-size: 1.25rem;
}
.pista-nombre[data-v-1f273d6a] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.pista-contenido[data-v-1f273d6a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.pista-descripcion[data-v-1f273d6a] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.pista-ejemplo[data-v-1f273d6a] {
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.4rem;
  border-left: 3px solid #60A5FA;
}
.ejemplo-label[data-v-1f273d6a] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0.2rem;
}
.ejemplo-texto[data-v-1f273d6a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Proceso section */
.proceso-section[data-v-1f273d6a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-1f273d6a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  text-align: center;
}
.proceso-pasos[data-v-1f273d6a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.proceso-paso[data-v-1f273d6a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.proceso-paso.final[data-v-1f273d6a] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.paso-numero[data-v-1f273d6a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.proceso-paso.final .paso-numero[data-v-1f273d6a] {
  background: rgba(16, 185, 129, 0.4);
}
.paso-contenido[data-v-1f273d6a] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-titulo[data-v-1f273d6a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-descripcion[data-v-1f273d6a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.proceso-flecha[data-v-1f273d6a] {
  font-size: 1rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-1f273d6a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-1f273d6a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-1f273d6a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-1f273d6a] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-section[data-v-1f273d6a] {
    flex-direction: row;
    text-align: left;
    gap: 1rem;
}
.intro-icono[data-v-1f273d6a] {
    margin-bottom: 0;
}
.pistas-grid[data-v-1f273d6a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
}

.explorador[data-v-5e3664cd] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-5e3664cd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-5e3664cd] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-5e3664cd] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5e3664cd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5e3664cd] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5e3664cd] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.desafio-badge[data-v-5e3664cd] {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Texto de referencia */
.texto-referencia[data-v-5e3664cd] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-5e3664cd] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-5e3664cd] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-5e3664cd] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-5e3664cd] p {
  margin: 0;
}

/* Sección título */
.seccion-titulo[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-5e3664cd] {
  font-size: 1.25rem;
}

/* Pistas section */
.pistas-section[data-v-5e3664cd] {
  margin-bottom: 1rem;
}
.instruccion-texto[data-v-5e3664cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.pistas-opciones[data-v-5e3664cd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pista-btn[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.pista-btn[data-v-5e3664cd]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.pista-btn.seleccionado[data-v-5e3664cd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.pista-btn.correcto[data-v-5e3664cd] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.pista-btn.incorrecto[data-v-5e3664cd] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.pista-btn[data-v-5e3664cd]:disabled {
  cursor: not-allowed;
}
.pista-text[data-v-5e3664cd] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.pista-check[data-v-5e3664cd] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Inferencia section */
.inferencia-section[data-v-5e3664cd] {
  margin-top: 0.5rem;
}
.pistas-correctas-box[data-v-5e3664cd] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pistas-correctas-titulo[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.pistas-correctas-lista[data-v-5e3664cd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.pista-tag[data-v-5e3664cd] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.pregunta-inferencia[data-v-5e3664cd] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}

/* Opciones */
.opciones-grid[data-v-5e3664cd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-5e3664cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-5e3664cd]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-5e3664cd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-5e3664cd] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-5e3664cd] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-5e3664cd]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-5e3664cd] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-5e3664cd] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-5e3664cd] {
  background: #EF4444;
}
.opcion-texto[data-v-5e3664cd] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Acción container */
.accion-container[data-v-5e3664cd] {
  text-align: center;
  margin-top: 1rem;
}
.btn-verificar[data-v-5e3664cd] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-5e3664cd]:hover {
  background: #059669;
}

/* Feedback */
.feedback-error[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  margin-top: 1rem;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.feedback-icono[data-v-5e3664cd] {
  font-size: 1rem;
}
.feedback-box[data-v-5e3664cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-5e3664cd] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-box .feedback-icono[data-v-5e3664cd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-5e3664cd] {
  flex: 1;
}
.feedback-titulo[data-v-5e3664cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-5e3664cd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-5e3664cd] strong {
  color: #6EE7B7;
}

/* Navegación */
.desafio-nav[data-v-5e3664cd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5e3664cd] { flex: 1;
}
.nav-btn[data-v-5e3664cd] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-5e3664cd]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-5e3664cd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5e3664cd] { font-size: 1.75rem;
}
.completado-texto[data-v-5e3664cd] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5e3664cd], .slide-leave-active[data-v-5e3664cd] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5e3664cd] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5e3664cd] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-5e3664cd], .fade-leave-active[data-v-5e3664cd] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-5e3664cd], .fade-leave-to[data-v-5e3664cd] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-5e3664cd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header */
.resumen-header[data-v-db20e258] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-db20e258] {
  font-size: 3rem;
  margin-bottom: 0.75rem;
}
.resumen-intro[data-v-db20e258] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.6;
}

/* Concepto clave */
.concepto-clave[data-v-db20e258] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.concepto-titulo[data-v-db20e258] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.concepto-grid[data-v-db20e258] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-item[data-v-db20e258] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-item[data-v-db20e258]:first-child {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-item[data-v-db20e258]:last-child {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-tipo[data-v-db20e258] {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.concepto-tipo.explicito[data-v-db20e258] {
  color: #93C5FD;
}
.concepto-tipo.implicito[data-v-db20e258] {
  color: #6EE7B7;
}
.concepto-descripcion[data-v-db20e258] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.concepto-ejemplo[data-v-db20e258] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Pistas resumen */
.pistas-resumen[data-v-db20e258] {
  margin-bottom: 1.5rem;
}
.pistas-titulo[data-v-db20e258] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pistas-lista[data-v-db20e258] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.pista-item[data-v-db20e258] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pista-icono[data-v-db20e258] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pista-texto[data-v-db20e258] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Proceso resumen */
.proceso-resumen[data-v-db20e258] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-db20e258] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  text-align: center;
}
.proceso-steps[data-v-db20e258] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.step[data-v-db20e258] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.arrow[data-v-db20e258] {
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Tips PAES */
.tips-paes[data-v-db20e258] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-db20e258] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-db20e258] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-db20e258] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-numero[data-v-db20e258] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.tip-texto[data-v-db20e258] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-texto strong[data-v-db20e258] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-db20e258] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 1rem;
}
.mensaje-icono[data-v-db20e258] {
  font-size: 2rem;
  flex-shrink: 0;
}
.mensaje-contenido[data-v-db20e258] {
  flex: 1;
}
.mensaje-titulo[data-v-db20e258] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.mensaje-texto[data-v-db20e258] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.mensaje-texto strong[data-v-db20e258] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-header[data-v-db20e258] {
    flex-direction: row;
    text-align: left;
    gap: 1rem;
}
.resumen-icono[data-v-db20e258] {
    margin-bottom: 0;
}
.concepto-grid[data-v-db20e258] {
    flex-direction: row;
}
.concepto-item[data-v-db20e258] {
    flex: 1;
}
.proceso-steps[data-v-db20e258] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.step[data-v-db20e258] {
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-a2022d1a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-a2022d1a] {
  font-size: 2rem;
  animation: float-a2022d1a 3s ease-in-out infinite;
}
.intro-visual .icono-central[data-v-a2022d1a] {
  font-size: 3rem;
  animation: pulse-a2022d1a 2s ease-in-out infinite;
}
@keyframes float-a2022d1a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes pulse-a2022d1a {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-a2022d1a] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-a2022d1a] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-a2022d1a] {
  flex: 1;
}
.def-titulo[data-v-a2022d1a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-a2022d1a] {
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Comparación literal vs literario */
.comparacion-section[data-v-a2022d1a] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a2022d1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-a2022d1a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comparacion-item[data-v-a2022d1a] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.comparacion-item.literal[data-v-a2022d1a] {
  background: rgba(107, 114, 128, 0.2);
  border: 2px solid rgba(107, 114, 128, 0.4);
}
.comparacion-item.literario[data-v-a2022d1a] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.comp-header[data-v-a2022d1a] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.literal .comp-header[data-v-a2022d1a] {
  color: #9CA3AF;
}
.literario .comp-header[data-v-a2022d1a] {
  color: #C4B5FD;
}
.comp-ejemplo[data-v-a2022d1a] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.comp-nota[data-v-a2022d1a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Qué vas a aprender */
.aprender-section[data-v-a2022d1a] {
  margin: 1.5rem 0;
}
.aprender-titulo[data-v-a2022d1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.aprender-grid[data-v-a2022d1a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aprender-item[data-v-a2022d1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.aprender-icono[data-v-a2022d1a] {
  font-size: 1.25rem;
}
.aprender-texto[data-v-a2022d1a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Importancia PAES */
.importancia-section[data-v-a2022d1a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-a2022d1a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-texto[data-v-a2022d1a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}

/* Tip */
.tip[data-v-a2022d1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a2022d1a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a2022d1a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a2022d1a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono[data-v-a2022d1a] {
    font-size: 2.5rem;
}
.intro-visual .icono-central[data-v-a2022d1a] {
    font-size: 3.5rem;
}
.aprender-grid[data-v-a2022d1a] {
    grid-template-columns: repeat(4, 1fr);
}
.comparacion-grid[data-v-a2022d1a] {
    gap: 1rem;
}
.comp-ejemplo[data-v-a2022d1a] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-41625f88] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-41625f88] {
  font-size: 2.5rem;
}
.titulo-visual[data-v-41625f88] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Cards de figuras */
.figura-card[data-v-41625f88] {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.figura-card.metafora[data-v-41625f88] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.figura-card.simil[data-v-41625f88] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.figura-card.personificacion[data-v-41625f88] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.figura-card.hiperbole[data-v-41625f88] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.figura-card.ironia[data-v-41625f88] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.figura-header[data-v-41625f88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.figura-icono[data-v-41625f88] {
  font-size: 1.5rem;
}
.figura-nombre[data-v-41625f88] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.figura-def[data-v-41625f88] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.figura-ejemplo[data-v-41625f88] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-text[data-v-41625f88] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-style: italic;
  margin-bottom: 0.25rem;
}
.ejemplo-text .highlight[data-v-41625f88] {
  color: #FCD34D;
  font-weight: 600;
  font-style: normal;
}
.ejemplo-nota[data-v-41625f88] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.figura-clave[data-v-41625f88] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.clave-label[data-v-41625f88] {
  font-weight: 700;
  color: #6EE7B7;
}
strong.enfasis[data-v-41625f88] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-41625f88] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-41625f88] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-41625f88] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-41625f88] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.figura-card[data-v-41625f88] {
    padding: 1.25rem;
}
.figura-nombre[data-v-41625f88] {
    font-size: 1.1rem;
}
}

/* Intro visual */
.intro-visual[data-v-86c77d3a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-86c77d3a] {
  font-size: 3rem;
  animation: glow-86c77d3a 2s ease-in-out infinite;
}
@keyframes glow-86c77d3a {
0%, 100% { filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.6));
}
50% { filter: drop-shadow(0 0 16px rgba(139, 92, 246, 0.9));
}
}
.titulo-visual[data-v-86c77d3a] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Definición box */
.definicion-box[data-v-86c77d3a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-86c77d3a] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.def-contenido[data-v-86c77d3a] {
  flex: 1;
}
.def-titulo[data-v-86c77d3a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-86c77d3a] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.9rem;
}

/* Símbolos comunes */
.simbolos-section[data-v-86c77d3a] {
  margin: 1.5rem 0;
}
.simbolos-titulo[data-v-86c77d3a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.simbolos-grid[data-v-86c77d3a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.simbolo-item[data-v-86c77d3a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.simbolo-icono[data-v-86c77d3a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.simbolo-nombre[data-v-86c77d3a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.simbolo-sig[data-v-86c77d3a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Ejemplo en contexto */
.ejemplo-contexto[data-v-86c77d3a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-86c77d3a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-86c77d3a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.6;
  margin-bottom: 0.75rem;
}
.ejemplo-analisis[data-v-86c77d3a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-86c77d3a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.analisis-simbolo[data-v-86c77d3a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.analisis-sig[data-v-86c77d3a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Cómo identificar */
.como-section[data-v-86c77d3a] {
  margin: 1.5rem 0;
}
.como-titulo[data-v-86c77d3a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.como-lista[data-v-86c77d3a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.como-item[data-v-86c77d3a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.como-num[data-v-86c77d3a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.como-texto[data-v-86c77d3a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-86c77d3a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-86c77d3a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-86c77d3a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-86c77d3a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.simbolos-grid[data-v-86c77d3a] {
    grid-template-columns: repeat(4, 1fr);
}
.analisis-item[data-v-86c77d3a] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-af1bf4de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-af1bf4de] {
  font-size: 2.5rem;
  animation: wave-af1bf4de 2s ease-in-out infinite;
}
@keyframes wave-af1bf4de {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}
.titulo-visual[data-v-af1bf4de] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Sección box */
.seccion-box[data-v-af1bf4de] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.seccion-box.tono[data-v-af1bf4de] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.seccion-box.voz[data-v-af1bf4de] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.seccion-header[data-v-af1bf4de] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-icono[data-v-af1bf4de] {
  font-size: 1.5rem;
}
.seccion-nombre[data-v-af1bf4de] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.seccion-def[data-v-af1bf4de] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}

/* Grid de tonos */
.tonos-grid[data-v-af1bf4de] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.tono-item[data-v-af1bf4de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.tono-emoji[data-v-af1bf4de] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tono-nombre[data-v-af1bf4de] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Ejemplo de tono */
.ejemplo-tono[data-v-af1bf4de] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-header[data-v-af1bf4de] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.ejemplo-texto[data-v-af1bf4de] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.6;
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
  border-left: 3px solid rgba(245, 158, 11, 0.5);
}
.ejemplo-analisis[data-v-af1bf4de] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.ejemplo-analisis strong[data-v-af1bf4de] {
  color: #6EE7B7;
}

/* Lista de voces */
.voces-lista[data-v-af1bf4de] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.voz-item[data-v-af1bf4de] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.voz-nombre[data-v-af1bf4de] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.voz-desc[data-v-af1bf4de] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.25rem;
}
.voz-efecto[data-v-af1bf4de] {
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Cómo identificar */
.como-section[data-v-af1bf4de] {
  margin: 1.5rem 0;
}
.como-titulo[data-v-af1bf4de] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pistas-grid[data-v-af1bf4de] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.pista-item[data-v-af1bf4de] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pista-icono[data-v-af1bf4de] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pista-texto[data-v-af1bf4de] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-af1bf4de] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-af1bf4de] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-af1bf4de] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-af1bf4de] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tonos-grid[data-v-af1bf4de] {
    grid-template-columns: repeat(6, 1fr);
}
.pistas-grid[data-v-af1bf4de] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-cae26937] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-cae26937] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-cae26937] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-cae26937] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-cae26937] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-cae26937] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-cae26937] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-cae26937] {
  font-size: 1rem;
}
.tipo-texto[data-v-cae26937] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Texto literario */
.texto-literario[data-v-cae26937] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.texto-header[data-v-cae26937] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
}
.texto-icono[data-v-cae26937] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-cae26937] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.texto-contenido[data-v-cae26937] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.7;
  font-style: italic;
}
.texto-contenido[data-v-cae26937] p {
  margin: 0;
}
.texto-contenido[data-v-cae26937] em {
  color: #FCD34D;
  font-style: normal;
  font-weight: 600;
}
.texto-fuente[data-v-cae26937] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: right;
}

/* Desafío container */
.desafio-container[data-v-cae26937] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-cae26937] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-cae26937] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-cae26937] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-cae26937] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-cae26937] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-cae26937]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-cae26937] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-cae26937] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-cae26937] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-cae26937]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-cae26937] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-cae26937] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-cae26937] {
  background: #EF4444;
}
.opcion-texto[data-v-cae26937] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-cae26937] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-cae26937] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-cae26937] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-cae26937] {
  flex: 1;
}
.feedback-titulo[data-v-cae26937] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-cae26937] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-cae26937] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-cae26937] {
  text-align: center;
}
.btn-verificar[data-v-cae26937] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-cae26937]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-cae26937] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-cae26937] { flex: 1;
}
.nav-btn[data-v-cae26937] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-cae26937]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-cae26937] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.completado-icono[data-v-cae26937] { font-size: 1.75rem;
}
.completado-texto[data-v-cae26937] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cae26937], .slide-leave-active[data-v-cae26937] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cae26937] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cae26937] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-cae26937], .fade-leave-active[data-v-cae26937] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-cae26937], .fade-leave-to[data-v-cae26937] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-cae26937] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header visual */
.header-visual[data-v-6e374b67] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.header-visual .icono[data-v-6e374b67] {
  font-size: 2.5rem;
}
.header-visual .titulo[data-v-6e374b67] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Grid de conceptos */
.conceptos-grid[data-v-6e374b67] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.concepto-card[data-v-6e374b67] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.concepto-header[data-v-6e374b67] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.concepto-header.figuras[data-v-6e374b67] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}
.concepto-header.simbolismo[data-v-6e374b67] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
}
.concepto-header.tono[data-v-6e374b67] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.concepto-card.figuras[data-v-6e374b67] {
  border-color: rgba(245, 158, 11, 0.4);
}
.concepto-card.simbolismo[data-v-6e374b67] {
  border-color: rgba(139, 92, 246, 0.4);
}
.concepto-card.tono[data-v-6e374b67] {
  border-color: rgba(59, 130, 246, 0.4);
}
.concepto-icono[data-v-6e374b67] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-6e374b67] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido[data-v-6e374b67] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.concepto-item[data-v-6e374b67] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
  line-height: 1.4;
}
.concepto-item strong[data-v-6e374b67] {
  color: #FFFFFF;
}

/* Estrategia PAES */
.estrategia-section[data-v-6e374b67] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-6e374b67] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-6e374b67] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-6e374b67] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-6e374b67] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-texto[data-v-6e374b67] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.paso-texto strong[data-v-6e374b67] {
  color: #FFFFFF;
}

/* Preguntas frecuentes */
.preguntas-section[data-v-6e374b67] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-6e374b67] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.preguntas-grid[data-v-6e374b67] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-tipo[data-v-6e374b67] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-6e374b67] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tipo-texto[data-v-6e374b67] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip final */
.tip-final[data-v-6e374b67] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tip-final .tip-icono[data-v-6e374b67] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-6e374b67] {
  flex: 1;
}
.tip-titulo[data-v-6e374b67] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-6e374b67] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-texto strong[data-v-6e374b67] {
  color: #FFFFFF;
}

/* Logro */
.logro-section[data-v-6e374b67] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #FCD34D;
  border-radius: 1rem;
  text-align: center;
}
.logro-icono[data-v-6e374b67] {
  font-size: 3rem;
  animation: bounce-6e374b67 2s ease-in-out infinite;
}
@keyframes bounce-6e374b67 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.logro-texto[data-v-6e374b67] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-6e374b67] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.preguntas-grid[data-v-6e374b67] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-fb376c09] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-fb376c09] {
  font-size: 2rem;
  animation: float-fb376c09 3s ease-in-out infinite;
}
.intro-visual .icono-central[data-v-fb376c09] {
  font-size: 3rem;
  animation: pulse-fb376c09 2s ease-in-out infinite;
}
@keyframes float-fb376c09 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes pulse-fb376c09 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-fb376c09] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-fb376c09] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-fb376c09] {
  flex: 1;
}
.def-titulo[data-v-fb376c09] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-fb376c09] {
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* Ejemplos de textos no literarios */
.ejemplos-section[data-v-fb376c09] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-fb376c09] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-fb376c09] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-fb376c09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-fb376c09] {
  font-size: 1.25rem;
}
.ejemplo-texto[data-v-fb376c09] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Qué vas a aprender */
.aprender-section[data-v-fb376c09] {
  margin: 1.5rem 0;
}
.aprender-titulo[data-v-fb376c09] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.aprender-grid[data-v-fb376c09] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aprender-item[data-v-fb376c09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.aprender-icono[data-v-fb376c09] {
  font-size: 1.25rem;
}
.aprender-texto[data-v-fb376c09] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Importancia PAES */
.importancia-section[data-v-fb376c09] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-fb376c09] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-texto[data-v-fb376c09] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}

/* Tip */
.tip[data-v-fb376c09] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-fb376c09] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-fb376c09] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-fb376c09] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono[data-v-fb376c09] {
    font-size: 2.5rem;
}
.intro-visual .icono-central[data-v-fb376c09] {
    font-size: 3.5rem;
}
.ejemplos-grid[data-v-fb376c09] {
    grid-template-columns: repeat(3, 1fr);
}
.aprender-grid[data-v-fb376c09] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Tipos section */
.tipos-section[data-v-b0cbd789] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}

/* Tipo card */
.tipo-card[data-v-b0cbd789] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.tipo-header[data-v-b0cbd789] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.tipo-header.expositivo[data-v-b0cbd789] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-header.argumentativo[data-v-b0cbd789] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-header.informativo[data-v-b0cbd789] {
  background: rgba(16, 185, 129, 0.2);
}
.tipo-card.expositivo[data-v-b0cbd789] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.argumentativo[data-v-b0cbd789] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-card.informativo[data-v-b0cbd789] {
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-icono[data-v-b0cbd789] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-b0cbd789] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-contenido[data-v-b0cbd789] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-proposito[data-v-b0cbd789] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.tipo-proposito strong[data-v-b0cbd789] {
  color: #FFFFFF;
}
.tipo-caracteristicas[data-v-b0cbd789] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.caracteristica[data-v-b0cbd789] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.tipo-ejemplos[data-v-b0cbd789] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tipo-ejemplos strong[data-v-b0cbd789] {
  color: #FFFFFF;
}

/* Clave section */
.clave-section[data-v-b0cbd789] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.clave-titulo[data-v-b0cbd789] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.clave-pregunta[data-v-b0cbd789] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.clave-pregunta strong[data-v-b0cbd789] {
  color: #C4B5FD;
}
.clave-tabla[data-v-b0cbd789] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-row[data-v-b0cbd789] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.clave-row.header[data-v-b0cbd789] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #C4B5FD;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.clave-col[data-v-b0cbd789] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.clave-col.tipo-expositivo[data-v-b0cbd789] {
  color: #93C5FD;
  font-weight: 600;
}
.clave-col.tipo-argumentativo[data-v-b0cbd789] {
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip[data-v-b0cbd789] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b0cbd789] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-b0cbd789] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b0cbd789] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-section[data-v-b0cbd789] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}
.tipo-header[data-v-b0cbd789] {
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.tipo-icono[data-v-b0cbd789] {
    font-size: 2rem;
}
}

/* Estructura section */
.estructura-section[data-v-d26fc377] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.estructura-titulo[data-v-d26fc377] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.estructura-diagrama[data-v-d26fc377] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.estructura-item[data-v-d26fc377] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  width: 100%;
  max-width: 350px;
}
.estructura-item.tesis[data-v-d26fc377] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.estructura-item.argumentos[data-v-d26fc377] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.estructura-item.evidencias[data-v-d26fc377] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.item-icono[data-v-d26fc377] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.item-contenido[data-v-d26fc377] {
  flex: 1;
}
.item-nombre[data-v-d26fc377] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.item-desc[data-v-d26fc377] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.conector[data-v-d26fc377] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Tipos de argumentos */
.tipos-section[data-v-d26fc377] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d26fc377] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-d26fc377] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-d26fc377] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-header[data-v-d26fc377] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-ejemplo[data-v-d26fc377] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Ejemplo práctico */
.ejemplo-section[data-v-d26fc377] {
  margin: 1.5rem 0;
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-titulo[data-v-d26fc377] {
  padding: 0.75rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  font-weight: 700;
  color: #FCD34D;
}
.ejemplo-texto[data-v-d26fc377] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.7;
}
.ejemplo-texto p[data-v-d26fc377] {
  margin: 0;
}
.ejemplo-texto .highlight[data-v-d26fc377] {
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
}
.ejemplo-texto .highlight.argumento[data-v-d26fc377] {
  background: rgba(59, 130, 246, 0.3);
  border-bottom: 2px solid #3B82F6;
}
.ejemplo-texto .highlight.evidencia[data-v-d26fc377] {
  background: rgba(16, 185, 129, 0.3);
  border-bottom: 2px solid #10B981;
}
.ejemplo-analisis[data-v-d26fc377] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-d26fc377] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.analisis-icono[data-v-d26fc377] {
  font-size: 1rem;
  flex-shrink: 0;
}
.analisis-texto[data-v-d26fc377] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.analisis-texto strong[data-v-d26fc377] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-d26fc377] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d26fc377] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d26fc377] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d26fc377] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-d26fc377] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Evidencias section */
.evidencias-section[data-v-14aa9333] {
  margin: 1.5rem 0;
}
.evidencias-titulo[data-v-14aa9333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.evidencias-grid[data-v-14aa9333] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.evidencia-card[data-v-14aa9333] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.evidencia-icono[data-v-14aa9333] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.evidencia-nombre[data-v-14aa9333] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.evidencia-ejemplo[data-v-14aa9333] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Distinción hechos vs opiniones */
.distincion-section[data-v-14aa9333] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.distincion-titulo[data-v-14aa9333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.distincion-intro[data-v-14aa9333] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.distincion-grid[data-v-14aa9333] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.distincion-card[data-v-14aa9333] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.distincion-header[data-v-14aa9333] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.distincion-header.hecho[data-v-14aa9333] {
  background: rgba(16, 185, 129, 0.3);
}
.distincion-header.opinion[data-v-14aa9333] {
  background: rgba(245, 158, 11, 0.3);
}
.distincion-icono[data-v-14aa9333] {
  font-size: 1rem;
}
.distincion-nombre[data-v-14aa9333] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.distincion-contenido[data-v-14aa9333] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
}
.distincion-def[data-v-14aa9333] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.distincion-ejemplo[data-v-14aa9333] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-style: italic;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.distincion-pista[data-v-14aa9333] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.distincion-pista strong[data-v-14aa9333] {
  color: #C4B5FD;
}

/* Evaluar section */
.evaluar-section[data-v-14aa9333] {
  margin: 1.5rem 0;
}
.evaluar-titulo[data-v-14aa9333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.evaluar-lista[data-v-14aa9333] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evaluar-item[data-v-14aa9333] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.evaluar-check[data-v-14aa9333] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.evaluar-texto[data-v-14aa9333] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.evaluar-texto strong[data-v-14aa9333] {
  color: #FFFFFF;
}

/* Palabras clave */
.palabras-section[data-v-14aa9333] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.palabras-titulo[data-v-14aa9333] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.palabras-grid[data-v-14aa9333] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.palabra[data-v-14aa9333] {
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-14aa9333] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-14aa9333] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-14aa9333] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-14aa9333] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.evidencias-grid[data-v-14aa9333] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-3bcb317b] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-3bcb317b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-3bcb317b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-3bcb317b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3bcb317b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-3bcb317b] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-3bcb317b] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-3bcb317b] {
  font-size: 1rem;
}
.tipo-texto[data-v-3bcb317b] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Texto box */
.texto-box[data-v-3bcb317b] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-3bcb317b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-3bcb317b] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-3bcb317b] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.texto-contenido[data-v-3bcb317b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.7;
}
.texto-contenido[data-v-3bcb317b] p {
  margin: 0;
}
.texto-fuente[data-v-3bcb317b] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: right;
}

/* Desafío container */
.desafio-container[data-v-3bcb317b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-3bcb317b] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-3bcb317b] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-3bcb317b] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-3bcb317b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-3bcb317b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-3bcb317b]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-3bcb317b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-3bcb317b] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-3bcb317b] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-3bcb317b]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-3bcb317b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-3bcb317b] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-3bcb317b] {
  background: #EF4444;
}
.opcion-texto[data-v-3bcb317b] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-3bcb317b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-3bcb317b] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-3bcb317b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-3bcb317b] {
  flex: 1;
}
.feedback-titulo[data-v-3bcb317b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-3bcb317b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-3bcb317b] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-3bcb317b] {
  text-align: center;
}
.btn-verificar[data-v-3bcb317b] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-3bcb317b]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-3bcb317b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3bcb317b] { flex: 1;
}
.nav-btn[data-v-3bcb317b] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-3bcb317b]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-3bcb317b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.completado-icono[data-v-3bcb317b] { font-size: 1.75rem;
}
.completado-texto[data-v-3bcb317b] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3bcb317b], .slide-leave-active[data-v-3bcb317b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3bcb317b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3bcb317b] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-3bcb317b], .fade-leave-active[data-v-3bcb317b] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-3bcb317b], .fade-leave-to[data-v-3bcb317b] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-3bcb317b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header visual */
.header-visual[data-v-5af29740] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.header-visual .icono[data-v-5af29740] {
  font-size: 2.5rem;
}
.header-visual .titulo[data-v-5af29740] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Grid de conceptos */
.conceptos-grid[data-v-5af29740] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.concepto-card[data-v-5af29740] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.concepto-header[data-v-5af29740] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.concepto-header.tipos[data-v-5af29740] {
  background: rgba(59, 130, 246, 0.2);
}
.concepto-header.argumentos[data-v-5af29740] {
  background: rgba(245, 158, 11, 0.2);
}
.concepto-header.evaluacion[data-v-5af29740] {
  background: rgba(139, 92, 246, 0.2);
}
.concepto-card.tipos[data-v-5af29740] {
  border-color: rgba(59, 130, 246, 0.4);
}
.concepto-card.argumentos[data-v-5af29740] {
  border-color: rgba(245, 158, 11, 0.4);
}
.concepto-card.evaluacion[data-v-5af29740] {
  border-color: rgba(139, 92, 246, 0.4);
}
.concepto-icono[data-v-5af29740] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-5af29740] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido[data-v-5af29740] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.concepto-item[data-v-5af29740] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
  line-height: 1.4;
}
.concepto-item strong[data-v-5af29740] {
  color: #FFFFFF;
}

/* Estrategia PAES */
.estrategia-section[data-v-5af29740] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-5af29740] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-5af29740] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-5af29740] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-5af29740] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-texto[data-v-5af29740] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.paso-texto strong[data-v-5af29740] {
  color: #FFFFFF;
}

/* Preguntas frecuentes */
.preguntas-section[data-v-5af29740] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-5af29740] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.preguntas-grid[data-v-5af29740] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-tipo[data-v-5af29740] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-5af29740] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tipo-texto[data-v-5af29740] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip final */
.tip-final[data-v-5af29740] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tip-final .tip-icono[data-v-5af29740] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-5af29740] {
  flex: 1;
}
.tip-titulo[data-v-5af29740] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-5af29740] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-texto strong[data-v-5af29740] {
  color: #FFFFFF;
}

/* Logro */
.logro-section[data-v-5af29740] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #93C5FD;
  border-radius: 1rem;
  text-align: center;
}
.logro-icono[data-v-5af29740] {
  font-size: 3rem;
  animation: bounce-5af29740 2s ease-in-out infinite;
}
@keyframes bounce-5af29740 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.logro-texto[data-v-5af29740] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-5af29740] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.preguntas-grid[data-v-5af29740] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-cbc2d980] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-cbc2d980] {
  font-size: 2.5rem;
}
.intro-visual .icono-pluma[data-v-cbc2d980] {
  animation: write-cbc2d980 2s ease-in-out infinite;
}
.intro-visual .icono-flecha[data-v-cbc2d980] {
  font-size: 2rem;
  color: #8B5CF6;
}
.intro-visual .icono-objetivo[data-v-cbc2d980] {
  animation: pulse-cbc2d980 2s ease-in-out infinite;
}
@keyframes write-cbc2d980 {
0%, 100% { transform: rotate(0deg);
}
25% { transform: rotate(-5deg);
}
75% { transform: rotate(5deg);
}
}
@keyframes pulse-cbc2d980 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15);
}
}

/* Definición box */
.definicion-box[data-v-cbc2d980] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-cbc2d980] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-cbc2d980] {
  flex: 1;
}
.def-titulo[data-v-cbc2d980] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-cbc2d980] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía */
.analogia-section[data-v-cbc2d980] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-cbc2d980] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-cbc2d980] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-cbc2d980] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-cbc2d980] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-cbc2d980] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Pregunta clave */
.pregunta-clave[data-v-cbc2d980] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-cbc2d980] {
  font-size: 2rem;
  flex-shrink: 0;
}
.pregunta-contenido[data-v-cbc2d980] {
  flex: 1;
}
.pregunta-titulo[data-v-cbc2d980] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.pregunta-texto[data-v-cbc2d980] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Importancia */
.importancia-section[data-v-cbc2d980] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-cbc2d980] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.importancia-nota[data-v-cbc2d980] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.importancia-lista[data-v-cbc2d980] {
  margin: 0;
  padding-left: 1.25rem;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.importancia-lista li[data-v-cbc2d980] {
  margin-bottom: 0.35rem;
  font-style: italic;
}

/* Tip */
.tip[data-v-cbc2d980] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cbc2d980] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-cbc2d980] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-cbc2d980] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-cbc2d980] {
    font-size: 3rem;
}
.analogia-grid[data-v-cbc2d980] {
    flex-direction: row;
}
.analogia-item[data-v-cbc2d980] {
    flex: 1;
}
}

/* Encabezado */
.encabezado[data-v-d213c46f] {
  margin-bottom: 1.5rem;
}

/* Grid de tipos */
.tipos-grid[data-v-d213c46f] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tipo-card[data-v-d213c46f] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.85rem;
}
.tipo-card.informar[data-v-d213c46f] {
  border-color: rgba(59, 130, 246, 0.5);
}
.tipo-card.persuadir[data-v-d213c46f] {
  border-color: rgba(245, 158, 11, 0.5);
}
.tipo-card.entretener[data-v-d213c46f] {
  border-color: rgba(236, 72, 153, 0.5);
}
.tipo-card.explicar[data-v-d213c46f] {
  border-color: rgba(16, 185, 129, 0.5);
}
.tipo-header[data-v-d213c46f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-d213c46f] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-d213c46f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-card.informar .tipo-nombre[data-v-d213c46f] { color: #93C5FD;
}
.tipo-card.persuadir .tipo-nombre[data-v-d213c46f] { color: #FCD34D;
}
.tipo-card.entretener .tipo-nombre[data-v-d213c46f] { color: #F9A8D4;
}
.tipo-card.explicar .tipo-nombre[data-v-d213c46f] { color: #6EE7B7;
}
.tipo-descripcion[data-v-d213c46f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-d213c46f] {
  margin-bottom: 0.5rem;
}
.ejemplo-label[data-v-d213c46f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.tipo-ejemplos ul[data-v-d213c46f] {
  margin: 0;
  padding-left: 1rem;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.tipo-ejemplos li[data-v-d213c46f] {
  margin-bottom: 0.1rem;
}
.tipo-pista[data-v-d213c46f] {
  font-size: 0.8rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  color: #D8B4FE;
}
.tipo-pista strong[data-v-d213c46f] {
  color: #FFFFFF;
}

/* Propósitos secundarios */
.secundarios-section[data-v-d213c46f] {
  margin: 1.5rem 0;
}
.secundarios-titulo[data-v-d213c46f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.secundarios-grid[data-v-d213c46f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.secundario-item[data-v-d213c46f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sec-icono[data-v-d213c46f] {
  font-size: 1.25rem;
}
.sec-texto[data-v-d213c46f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 500;
}

/* Nota importante */
.nota-importante[data-v-d213c46f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.nota-icono[data-v-d213c46f] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.nota-contenido[data-v-d213c46f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.nota-contenido strong[data-v-d213c46f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-d213c46f] {
    grid-template-columns: repeat(2, 1fr);
}
.secundarios-grid[data-v-d213c46f] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Encabezado */
.encabezado[data-v-1b4840fd] {
  margin-bottom: 1.5rem;
}

/* Estrategia section */
.estrategia-section[data-v-1b4840fd] {
  margin-bottom: 1.5rem;
}
.estrategia-titulo[data-v-1b4840fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.pasos-container[data-v-1b4840fd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-1b4840fd] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.paso-numero[data-v-1b4840fd] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 1rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-1b4840fd] {
  flex: 1;
}
.paso-titulo[data-v-1b4840fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
.paso-detalle[data-v-1b4840fd] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Marcas textuales */
.marcas-section[data-v-1b4840fd] {
  margin-bottom: 1.5rem;
}
.marcas-titulo[data-v-1b4840fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.marcas-grid[data-v-1b4840fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.marca-card[data-v-1b4840fd] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.marca-tipo[data-v-1b4840fd] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-block;
}
.marca-tipo.informar[data-v-1b4840fd] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.marca-tipo.persuadir[data-v-1b4840fd] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.marca-tipo.entretener[data-v-1b4840fd] {
  background: rgba(236, 72, 153, 0.2);
  color: #F9A8D4;
}
.marca-tipo.explicar[data-v-1b4840fd] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.marca-lista[data-v-1b4840fd] {
  margin: 0;
  padding-left: 1rem;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.marca-lista li[data-v-1b4840fd] {
  margin-bottom: 0.2rem;
}

/* Ejemplo aplicado */
.ejemplo-section[data-v-1b4840fd] {
  margin-bottom: 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-titulo[data-v-1b4840fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-1b4840fd] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.ejemplo-texto em[data-v-1b4840fd] {
  font-style: normal;
}
.ejemplo-analisis[data-v-1b4840fd] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.analisis-item[data-v-1b4840fd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.check[data-v-1b4840fd] {
  color: #6EE7B7;
  font-weight: 700;
}
.analisis-conclusion[data-v-1b4840fd] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  font-size: 0.95rem;
  color: #FFFFFF;
}
.prop-informar[data-v-1b4840fd] {
  color: #93C5FD;
  font-weight: 700;
}

/* Tip */
.tip[data-v-1b4840fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-1b4840fd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-1b4840fd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-1b4840fd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.marcas-grid[data-v-1b4840fd] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-21289444] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-21289444] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-21289444] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-21289444] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-21289444] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-21289444] {
  font-size: 0.9rem;
}

/* Desafío container */
.desafio-container[data-v-21289444] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-21289444] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-21289444] {
  font-size: 1rem;
}
.tipo-texto[data-v-21289444] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #D8B4FE;
}

/* Texto de referencia */
.texto-referencia[data-v-21289444] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-21289444] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-21289444] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-21289444] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-21289444] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-21289444] p {
  margin: 0;
}
.texto-contenido[data-v-21289444] strong {
  color: #FCD34D;
}

/* Pregunta */
.pregunta-box[data-v-21289444] {
  margin-bottom: 1rem;
}
.pregunta-label[data-v-21289444] {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Opciones */
.opciones-grid[data-v-21289444] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-21289444] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: center;
}
.opcion-btn[data-v-21289444]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-21289444] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-21289444] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-21289444] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-21289444]:disabled {
  cursor: not-allowed;
}

/* Colores por tipo */
.opcion-btn.informar[data-v-21289444]:not(.seleccionado):not(.correcto):not(.incorrecto) {
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-btn.persuadir[data-v-21289444]:not(.seleccionado):not(.correcto):not(.incorrecto) {
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-btn.entretener[data-v-21289444]:not(.seleccionado):not(.correcto):not(.incorrecto) {
  border-color: rgba(236, 72, 153, 0.4);
}
.opcion-btn.explicar[data-v-21289444]:not(.seleccionado):not(.correcto):not(.incorrecto) {
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-icono[data-v-21289444] {
  font-size: 1.75rem;
}
.opcion-texto[data-v-21289444] {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}
.opcion-btn.informar .opcion-texto[data-v-21289444] { color: #93C5FD;
}
.opcion-btn.persuadir .opcion-texto[data-v-21289444] { color: #FCD34D;
}
.opcion-btn.entretener .opcion-texto[data-v-21289444] { color: #F9A8D4;
}
.opcion-btn.explicar .opcion-texto[data-v-21289444] { color: #6EE7B7;
}

/* Feedback */
.feedback-box[data-v-21289444] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-21289444] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-21289444] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-21289444] {
  flex: 1;
}
.feedback-titulo[data-v-21289444] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-21289444] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-21289444] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-21289444] {
  text-align: center;
}
.btn-verificar[data-v-21289444] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-21289444]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-21289444] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-21289444] { flex: 1;
}
.nav-btn[data-v-21289444] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-21289444]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-21289444] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-21289444] { font-size: 1.75rem;
}
.completado-texto[data-v-21289444] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF; text-align: center;
}

/* Transiciones */
.slide-enter-active[data-v-21289444], .slide-leave-active[data-v-21289444] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-21289444] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-21289444] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-21289444], .fade-leave-active[data-v-21289444] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-21289444], .fade-leave-to[data-v-21289444] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.progreso-item[data-v-21289444] {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
}
.progreso-desafios[data-v-21289444] {
    gap: 0.5rem;
}
}

/* Encabezado */
.encabezado[data-v-f3da3ef7] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.encabezado-icono[data-v-f3da3ef7] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

/* Concepto clave */
.concepto-clave[data-v-f3da3ef7] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.concepto-header[data-v-f3da3ef7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-f3da3ef7] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-f3da3ef7] {
  font-weight: 700;
  color: #93C5FD;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.concepto-texto[data-v-f3da3ef7] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Propósitos principales */
.propositos-section[data-v-f3da3ef7] {
  margin-bottom: 1.5rem;
}
.propositos-titulo[data-v-f3da3ef7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.propositos-grid[data-v-f3da3ef7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.proposito-card[data-v-f3da3ef7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  text-align: center;
}
.proposito-card.informar[data-v-f3da3ef7] { border-color: rgba(59, 130, 246, 0.5);
}
.proposito-card.persuadir[data-v-f3da3ef7] { border-color: rgba(245, 158, 11, 0.5);
}
.proposito-card.entretener[data-v-f3da3ef7] { border-color: rgba(236, 72, 153, 0.5);
}
.proposito-card.explicar[data-v-f3da3ef7] { border-color: rgba(16, 185, 129, 0.5);
}
.prop-icono[data-v-f3da3ef7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-f3da3ef7] {
  font-weight: 700;
  font-size: 0.9rem;
}
.proposito-card.informar .prop-nombre[data-v-f3da3ef7] { color: #93C5FD;
}
.proposito-card.persuadir .prop-nombre[data-v-f3da3ef7] { color: #FCD34D;
}
.proposito-card.entretener .prop-nombre[data-v-f3da3ef7] { color: #F9A8D4;
}
.proposito-card.explicar .prop-nombre[data-v-f3da3ef7] { color: #6EE7B7;
}
.prop-desc[data-v-f3da3ef7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Estrategia */
.estrategia-section[data-v-f3da3ef7] {
  margin-bottom: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estrategia-titulo[data-v-f3da3ef7] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.estrategia-pasos[data-v-f3da3ef7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrat-paso[data-v-f3da3ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-f3da3ef7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-f3da3ef7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Pistas rápidas */
.pistas-section[data-v-f3da3ef7] {
  margin-bottom: 1.5rem;
}
.pistas-titulo[data-v-f3da3ef7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pistas-grid[data-v-f3da3ef7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.pista-item[data-v-f3da3ef7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pista-tipo[data-v-f3da3ef7] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
}
.pista-tipo.informar[data-v-f3da3ef7] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.pista-tipo.persuadir[data-v-f3da3ef7] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.pista-tipo.entretener[data-v-f3da3ef7] {
  background: rgba(236, 72, 153, 0.2);
  color: #F9A8D4;
}
.pista-tipo.explicar[data-v-f3da3ef7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.pista-marca[data-v-f3da3ef7] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Error común */
.error-comun[data-v-f3da3ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.error-icono[data-v-f3da3ef7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.error-contenido[data-v-f3da3ef7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.error-contenido strong[data-v-f3da3ef7] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-f3da3ef7] {
  margin-bottom: 1.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-f3da3ef7] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-f3da3ef7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-f3da3ef7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-check[data-v-f3da3ef7] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}

/* Mensaje final */
.mensaje-final[data-v-f3da3ef7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-f3da3ef7] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-f3da3ef7] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.final-texto strong[data-v-f3da3ef7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propositos-grid[data-v-f3da3ef7] {
    grid-template-columns: repeat(4, 1fr);
}
.pista-item[data-v-f3da3ef7] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-e4e37bad] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-e4e37bad] {
  font-size: 2.5rem;
}
.intro-visual .icono-cerebro[data-v-e4e37bad] {
  animation: pulse-e4e37bad 2s ease-in-out infinite;
}
.intro-visual .icono-texto[data-v-e4e37bad] {
  font-size: 3rem;
}
.intro-visual .icono-bombilla[data-v-e4e37bad] {
  animation: glow-e4e37bad 2s ease-in-out infinite;
}
@keyframes pulse-e4e37bad {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
@keyframes glow-e4e37bad {
0%, 100% { opacity: 1;
}
50% { opacity: 0.7;
}
}

/* Definición box */
.definicion-box[data-v-e4e37bad] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-e4e37bad] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-e4e37bad] {
  flex: 1;
}
.def-titulo[data-v-e4e37bad] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-e4e37bad] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía */
.analogia-section[data-v-e4e37bad] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-e4e37bad] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-e4e37bad] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-e4e37bad] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-e4e37bad] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-e4e37bad] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tipos de interpretación */
.tipos-section[data-v-e4e37bad] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-e4e37bad] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-e4e37bad] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-e4e37bad] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-e4e37bad] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-texto[data-v-e4e37bad] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}

/* Importancia */
.importancia-section[data-v-e4e37bad] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-e4e37bad] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-contenido[data-v-e4e37bad] {
  text-align: center;
}
.importancia-stat[data-v-e4e37bad] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.stat-numero[data-v-e4e37bad] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.stat-texto[data-v-e4e37bad] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.importancia-nota[data-v-e4e37bad] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-e4e37bad] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e4e37bad] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e4e37bad] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-e4e37bad] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-e4e37bad] {
    font-size: 3rem;
}
.intro-visual .icono-texto[data-v-e4e37bad] {
    font-size: 3.5rem;
}
.analogia-grid[data-v-e4e37bad] {
    flex-direction: row;
}
.analogia-item[data-v-e4e37bad] {
    flex: 1;
}
.tipos-grid[data-v-e4e37bad] {
    grid-template-columns: repeat(6, 1fr);
}
.tipo-texto[data-v-e4e37bad] {
    font-size: 0.8rem;
}
}

/* Comparación section */
.comparacion-section[data-v-90b6aba7] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-90b6aba7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-90b6aba7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparar-item[data-v-90b6aba7] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.comparar-item.localizar[data-v-90b6aba7] {
  border-color: rgba(16, 185, 129, 0.4);
}
.comparar-item.interpretar[data-v-90b6aba7] {
  border-color: rgba(59, 130, 246, 0.4);
}
.comparar-header[data-v-90b6aba7] {
  padding: 0.6rem 1rem;
  font-weight: 700;
  font-size: 0.95rem;
}
.comparar-item.localizar .comparar-header[data-v-90b6aba7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comparar-item.interpretar .comparar-header[data-v-90b6aba7] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.comparar-cuerpo[data-v-90b6aba7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.caracteristica[data-v-90b6aba7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.carac-icono[data-v-90b6aba7] {
  font-size: 1rem;
  flex-shrink: 0;
}
.carac-texto[data-v-90b6aba7] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ejemplo-mini[data-v-90b6aba7] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}
.ejemplo-label[data-v-90b6aba7] {
  font-style: normal;
  font-weight: 600;
  color: #FFFFFF;
  margin-right: 0.25rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-90b6aba7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-90b6aba7] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-90b6aba7] {
  margin-bottom: 1rem;
}
.texto-label[data-v-90b6aba7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.texto-contenido[data-v-90b6aba7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.texto-contenido em[data-v-90b6aba7] {
  color: #FCD34D;
  font-style: normal;
}
.preguntas-comparadas[data-v-90b6aba7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-tipo[data-v-90b6aba7] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.pregunta-tipo.localizar[data-v-90b6aba7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.pregunta-tipo.interpretar[data-v-90b6aba7] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.pregunta-header[data-v-90b6aba7] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.pregunta-tipo.localizar .pregunta-header[data-v-90b6aba7] { color: #6EE7B7;
}
.pregunta-tipo.interpretar .pregunta-header[data-v-90b6aba7] { color: #93C5FD;
}
.pregunta-texto[data-v-90b6aba7] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-style: italic;
}
.respuesta-box[data-v-90b6aba7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  font-size: 0.85rem;
}
.respuesta-label[data-v-90b6aba7] {
  color: #C4B5FD;
}
.respuesta-valor[data-v-90b6aba7] {
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-nota[data-v-90b6aba7] {
  width: 100%;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Reconocer preguntas */
.reconocer-section[data-v-90b6aba7] {
  margin: 1.5rem 0;
}
.reconocer-titulo[data-v-90b6aba7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pistas-grid[data-v-90b6aba7] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.pista-item[data-v-90b6aba7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.pista-icono[data-v-90b6aba7] {
  font-size: 1rem;
  flex-shrink: 0;
}
.pista-frase[data-v-90b6aba7] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-90b6aba7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-90b6aba7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-90b6aba7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-90b6aba7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-90b6aba7] {
    flex-direction: row;
}
.comparar-item[data-v-90b6aba7] {
    flex: 1;
}
.preguntas-comparadas[data-v-90b6aba7] {
    flex-direction: row;
}
.pregunta-tipo[data-v-90b6aba7] {
    flex: 1;
}
.pistas-grid[data-v-90b6aba7] {
    grid-template-columns: 1fr 1fr;
}
}

/* Tipo section */
.tipo-section[data-v-291065e4] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-291065e4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  font-weight: 700;
}
.tipo-header.inferencia[data-v-291065e4] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.tipo-header.figurado[data-v-291065e4] {
  background: rgba(168, 85, 247, 0.2);
  color: #D8B4FE;
}
.tipo-header.proposito[data-v-291065e4] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.tipo-header.relaciones[data-v-291065e4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tipo-num[data-v-291065e4] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.9rem;
}
.tipo-nombre[data-v-291065e4] {
  font-size: 1rem;
}
.tipo-contenido[data-v-291065e4] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-desc[data-v-291065e4] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Ejemplo box */
.ejemplo-box[data-v-291065e4] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-texto[data-v-291065e4] {
  font-style: italic;
  color: #FFFFFF;
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid rgba(139, 92, 246, 0.5);
  margin-bottom: 0.75rem;
}
.inferencia-resultado[data-v-291065e4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.inf-icono[data-v-291065e4] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.inf-texto[data-v-291065e4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.inf-texto strong[data-v-291065e4] {
  color: #FFFFFF;
}

/* Resumen tipos */
.resumen-tipos[data-v-291065e4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.resumen-titulo[data-v-291065e4] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.resumen-grid[data-v-291065e4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.resumen-item[data-v-291065e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-291065e4] {
  font-size: 1.25rem;
}
.resumen-texto[data-v-291065e4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-291065e4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-291065e4] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-291065e4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-291065e4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-grid[data-v-291065e4] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-5cbd0c95] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-5cbd0c95] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-5cbd0c95] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-5cbd0c95] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5cbd0c95] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-5cbd0c95] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-5cbd0c95] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-5cbd0c95] {
  font-size: 1rem;
}
.tipo-texto[data-v-5cbd0c95] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Texto de referencia */
.texto-referencia[data-v-5cbd0c95] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-5cbd0c95] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-5cbd0c95] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-5cbd0c95] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.9rem;
}
.texto-contenido[data-v-5cbd0c95] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-5cbd0c95] p {
  margin: 0;
}
.texto-contenido[data-v-5cbd0c95] em {
  color: #FCD34D;
  font-style: normal;
  font-weight: 600;
}
.texto-contenido[data-v-5cbd0c95] strong {
  color: #93C5FD;
}

/* Desafío container */
.desafio-container[data-v-5cbd0c95] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-5cbd0c95] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-5cbd0c95] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-5cbd0c95] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-5cbd0c95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-5cbd0c95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-5cbd0c95]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-5cbd0c95] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-5cbd0c95] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-5cbd0c95] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-5cbd0c95]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-5cbd0c95] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-5cbd0c95] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-5cbd0c95] {
  background: #EF4444;
}
.opcion-texto[data-v-5cbd0c95] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-5cbd0c95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-5cbd0c95] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-5cbd0c95] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-5cbd0c95] {
  flex: 1;
}
.feedback-titulo[data-v-5cbd0c95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-5cbd0c95] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-5cbd0c95] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-5cbd0c95] {
  text-align: center;
}
.btn-verificar[data-v-5cbd0c95] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-5cbd0c95]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-5cbd0c95] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5cbd0c95] { flex: 1;
}
.nav-btn[data-v-5cbd0c95] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-5cbd0c95]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-5cbd0c95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5cbd0c95] { font-size: 1.75rem;
}
.completado-texto[data-v-5cbd0c95] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5cbd0c95], .slide-leave-active[data-v-5cbd0c95] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5cbd0c95] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5cbd0c95] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-5cbd0c95], .fade-leave-active[data-v-5cbd0c95] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-5cbd0c95], .fade-leave-to[data-v-5cbd0c95] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-5cbd0c95] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-0978b344] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-0978b344] {
  font-size: 2rem;
}
.header-texto[data-v-0978b344] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-0978b344] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-0978b344] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.punto-icono[data-v-0978b344] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-0978b344] {
  flex: 1;
}
.punto-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.punto-desc[data-v-0978b344] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Diferencias section */
.diferencias-section[data-v-0978b344] {
  margin: 1.5rem 0;
}
.diferencias-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diferencias-grid[data-v-0978b344] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-0978b344] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.diferencia-item.localizar[data-v-0978b344] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.diferencia-item.interpretar[data-v-0978b344] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.diferencia-item.evaluar[data-v-0978b344] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
}
.diferencia-tipo[data-v-0978b344] {
  font-weight: 700;
  font-size: 0.9rem;
}
.diferencia-item.localizar .diferencia-tipo[data-v-0978b344] { color: #6EE7B7;
}
.diferencia-item.interpretar .diferencia-tipo[data-v-0978b344] { color: #93C5FD;
}
.diferencia-item.evaluar .diferencia-tipo[data-v-0978b344] { color: #D8B4FE;
}
.diferencia-porcentaje[data-v-0978b344] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.diferencia-desc[data-v-0978b344] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Frases section */
.frases-section[data-v-0978b344] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.frases-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.frases-grid[data-v-0978b344] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.frase-item[data-v-0978b344] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tips section */
.tips-section[data-v-0978b344] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-0978b344] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-0978b344] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-0978b344] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-0978b344] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Errores section */
.errores-section[data-v-0978b344] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-0978b344] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-0978b344] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-0978b344] {
  flex-shrink: 0;
}
.error-texto[data-v-0978b344] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Próximos pasos */
.proximos-section[data-v-0978b344] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.proximos-header[data-v-0978b344] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.proximos-icono[data-v-0978b344] {
  font-size: 1.5rem;
}
.proximos-titulo[data-v-0978b344] {
  font-weight: 700;
  color: #93C5FD;
}
.proximos-contenido p[data-v-0978b344] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista[data-v-0978b344] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista li[data-v-0978b344] {
  margin-bottom: 0.35rem;
}

/* Mensaje final */
.mensaje-final[data-v-0978b344] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-0978b344] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-0978b344] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.diferencias-grid[data-v-0978b344] {
    flex-direction: row;
}
.diferencia-item[data-v-0978b344] {
    flex: 1;
    text-align: center;
}
.frases-grid[data-v-0978b344] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a5c35d2e] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-a5c35d2e] {
  font-size: 2.5rem;
}
.icono-flecha[data-v-a5c35d2e] {
  color: #8B5CF6;
  font-size: 2rem !important;
}

/* Definiciones grid */
.definiciones-grid[data-v-a5c35d2e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.definicion-box[data-v-a5c35d2e] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid;
}
.definicion-box.tema[data-v-a5c35d2e] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.definicion-box.idea[data-v-a5c35d2e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.def-icono[data-v-a5c35d2e] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-a5c35d2e] {
  flex: 1;
}
.def-titulo[data-v-a5c35d2e] {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.definicion-box.tema .def-titulo[data-v-a5c35d2e] { color: #93C5FD;
}
.definicion-box.idea .def-titulo[data-v-a5c35d2e] { color: #6EE7B7;
}
.def-texto[data-v-a5c35d2e] {
  color: #FFFFFF;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
.def-ejemplo[data-v-a5c35d2e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Analogía */
.analogia-section[data-v-a5c35d2e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.analogia-titulo[data-v-a5c35d2e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.analogia-contenido[data-v-a5c35d2e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.analogia-item[data-v-a5c35d2e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  width: 100%;
}
.analogia-label[data-v-a5c35d2e] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #8B5CF6;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.analogia-texto[data-v-a5c35d2e] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.analogia-desc[data-v-a5c35d2e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.analogia-flecha[data-v-a5c35d2e] {
  font-size: 1.5rem;
  color: #8B5CF6;
  transform: rotate(90deg);
}

/* Importancia PAES */
.importancia-section[data-v-a5c35d2e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-a5c35d2e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-texto[data-v-a5c35d2e] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.preguntas-ejemplo[data-v-a5c35d2e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-a5c35d2e] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-a5c35d2e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a5c35d2e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a5c35d2e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a5c35d2e] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-a5c35d2e] {
    font-size: 3rem;
}
.definiciones-grid[data-v-a5c35d2e] {
    flex-direction: row;
}
.definicion-box[data-v-a5c35d2e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.def-icono[data-v-a5c35d2e] {
    align-self: center;
}
.analogia-contenido[data-v-a5c35d2e] {
    flex-direction: row;
    justify-content: center;
}
.analogia-item[data-v-a5c35d2e] {
    flex: 1;
    max-width: 280px;
}
.analogia-flecha[data-v-a5c35d2e] {
    transform: none;
}
.preguntas-ejemplo[data-v-a5c35d2e] {
    flex-direction: row;
    flex-wrap: wrap;
}
.pregunta-item[data-v-a5c35d2e] {
    flex: 1 1 calc(50% - 0.5rem);
}
}

/* Header visual */
.header-visual[data-v-f4749dc0] {
  margin: 1rem 0 1.5rem;
}
.vs-container[data-v-f4749dc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.vs-item[data-v-f4749dc0] {
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 1rem;
}
.vs-item.tema[data-v-f4749dc0] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.vs-item.idea[data-v-f4749dc0] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.vs-separator[data-v-f4749dc0] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Comparación */
.comparacion-section[data-v-f4749dc0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.comparacion-item[data-v-f4749dc0] {
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.comparacion-item.tema[data-v-f4749dc0] {
  border-color: rgba(59, 130, 246, 0.4);
}
.comparacion-item.idea[data-v-f4749dc0] {
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-header[data-v-f4749dc0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.comparacion-item.tema .comp-header[data-v-f4749dc0] {
  background: rgba(59, 130, 246, 0.2);
}
.comparacion-item.idea .comp-header[data-v-f4749dc0] {
  background: rgba(16, 185, 129, 0.2);
}
.comp-icono[data-v-f4749dc0] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-f4749dc0] {
  font-weight: 700;
  font-size: 1rem;
}
.comparacion-item.tema .comp-titulo[data-v-f4749dc0] { color: #93C5FD;
}
.comparacion-item.idea .comp-titulo[data-v-f4749dc0] { color: #6EE7B7;
}
.comp-body[data-v-f4749dc0] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.comp-caracteristica[data-v-f4749dc0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.comp-caracteristica[data-v-f4749dc0]:last-child {
  border-bottom: none;
}
.caract-label[data-v-f4749dc0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.caract-valor[data-v-f4749dc0] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.caract-valor.destacado[data-v-f4749dc0] {
  color: #FFFFFF;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
  margin-top: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-f4749dc0] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.ejemplo-titulo[data-v-f4749dc0] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-texto[data-v-f4749dc0] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
}
.ejemplo-texto p[data-v-f4749dc0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.7;
  font-style: italic;
}
.ejemplo-texto strong[data-v-f4749dc0] {
  color: #FCD34D;
  font-style: normal;
}
.ejemplo-analisis[data-v-f4749dc0] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analisis-item[data-v-f4749dc0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.analisis-icono[data-v-f4749dc0] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.analisis-contenido[data-v-f4749dc0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.analisis-label[data-v-f4749dc0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.analisis-valor[data-v-f4749dc0] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 500;
}

/* Regla box */
.regla-box[data-v-f4749dc0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-f4749dc0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.regla-contenido[data-v-f4749dc0] {
  flex: 1;
}
.regla-titulo[data-v-f4749dc0] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.regla-texto[data-v-f4749dc0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.regla-texto strong[data-v-f4749dc0] {
  color: #FFFFFF;
}

/* Error tip */
.tip-error[data-v-f4749dc0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.error-icono[data-v-f4749dc0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.error-contenido[data-v-f4749dc0] {
  flex: 1;
}
.error-titulo[data-v-f4749dc0] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.error-texto[data-v-f4749dc0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-section[data-v-f4749dc0] {
    flex-direction: row;
}
.comparacion-item[data-v-f4749dc0] {
    flex: 1;
}
.comp-caracteristica[data-v-f4749dc0] {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}
.caract-label[data-v-f4749dc0] {
    flex-shrink: 0;
    width: 100px;
}
.caract-valor[data-v-f4749dc0] {
    text-align: right;
    flex: 1;
}
.caract-valor.destacado[data-v-f4749dc0] {
    text-align: left;
}
}

/* Header visual */
.header-visual[data-v-1f260de7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-1f260de7] {
  font-size: 2rem;
}
.header-texto[data-v-1f260de7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estrategias */
.estrategias-lista[data-v-1f260de7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.estrategia-item[data-v-1f260de7] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.estrategia-numero[data-v-1f260de7] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
  color: #93C5FD;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-1f260de7] {
  flex: 1;
}
.estrategia-titulo[data-v-1f260de7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.estrategia-desc[data-v-1f260de7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.estrategia-ejemplo[data-v-1f260de7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.ejemplo-label[data-v-1f260de7] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
}
.ejemplo-texto[data-v-1f260de7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Verificación */
.verificacion-box[data-v-1f260de7] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.verificacion-header[data-v-1f260de7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(16, 185, 129, 0.2);
}
.verificacion-icono[data-v-1f260de7] {
  font-size: 1.25rem;
}
.verificacion-titulo[data-v-1f260de7] {
  font-weight: 700;
  color: #6EE7B7;
}
.verificacion-contenido[data-v-1f260de7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.verificacion-contenido p[data-v-1f260de7] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.verificacion-lista[data-v-1f260de7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.verif-item[data-v-1f260de7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.verif-check[data-v-1f260de7] {
  font-size: 1rem;
  flex-shrink: 0;
}
.verif-texto[data-v-1f260de7] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1f260de7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-1f260de7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-1f260de7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-1f260de7] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.estrategia-ejemplo[data-v-1f260de7] {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
}
.ejemplo-label[data-v-1f260de7] {
    flex-shrink: 0;
    width: 60px;
}
}

/* Header visual */
.header-visual[data-v-82268ccd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-82268ccd] {
  font-size: 2rem;
}
.header-texto[data-v-82268ccd] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estrategias */
.estrategias-lista[data-v-82268ccd] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.estrategia-item[data-v-82268ccd] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.estrategia-numero[data-v-82268ccd] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-82268ccd] {
  flex: 1;
}
.estrategia-titulo[data-v-82268ccd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.estrategia-desc[data-v-82268ccd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

/* Ubicación */
.estrategia-ubicacion[data-v-82268ccd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.ubicacion-item[data-v-82268ccd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.ubicacion-icono[data-v-82268ccd] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.ubicacion-texto[data-v-82268ccd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo */
.estrategia-ejemplo[data-v-82268ccd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.ejemplo-label[data-v-82268ccd] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
}
.ejemplo-texto[data-v-82268ccd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tabla diferencias */
.tabla-diferencias[data-v-82268ccd] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-82268ccd] {
  display: flex;
  background: rgba(139, 92, 246, 0.2);
}
.tabla-header .tabla-col[data-v-82268ccd] {
  font-weight: 700;
  font-size: 0.8rem;
}
.tabla-col.principal[data-v-82268ccd] { color: #6EE7B7;
}
.tabla-col.secundaria[data-v-82268ccd] { color: #C4B5FD;
}
.tabla-row[data-v-82268ccd] {
  display: flex;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-col[data-v-82268ccd] {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-row .tabla-col[data-v-82268ccd]:first-child {
  background: rgba(16, 185, 129, 0.05);
}

/* Tipo box */
.tipo-box[data-v-82268ccd] {
  margin: 1.5rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.tipo-header[data-v-82268ccd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.tipo-icono[data-v-82268ccd] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-82268ccd] {
  font-weight: 700;
  color: #D8B4FE;
}
.tipo-contenido[data-v-82268ccd] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-82268ccd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo-item.explicita[data-v-82268ccd] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-item.implicita[data-v-82268ccd] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-label[data-v-82268ccd] {
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}
.tipo-item.explicita .tipo-label[data-v-82268ccd] { color: #93C5FD;
}
.tipo-item.implicita .tipo-label[data-v-82268ccd] { color: #FCD34D;
}
.tipo-desc[data-v-82268ccd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-82268ccd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-82268ccd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-82268ccd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-82268ccd] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.header-texto[data-v-82268ccd] {
    font-size: 1.1rem;
}
.estrategia-ejemplo[data-v-82268ccd] {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
}
.ejemplo-label[data-v-82268ccd] {
    flex-shrink: 0;
    width: 60px;
}
.tipo-contenido[data-v-82268ccd] {
    flex-direction: row;
}
.tipo-item[data-v-82268ccd] {
    flex: 1;
}
}

.explorador[data-v-0fc164d7] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-0fc164d7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-0fc164d7] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-0fc164d7] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0fc164d7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-0fc164d7] {
  font-size: 1rem;
}

/* Tipo badge */
.tipo-badge[data-v-0fc164d7] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  border-radius: 9999px;
  margin-bottom: 1rem;
  border: 2px solid;
}
.tipo-badge.tema[data-v-0fc164d7] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-badge.idea[data-v-0fc164d7] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-icono[data-v-0fc164d7] {
  font-size: 1rem;
}
.tipo-texto[data-v-0fc164d7] {
  font-size: 0.8rem;
  font-weight: 700;
}
.tipo-badge.tema .tipo-texto[data-v-0fc164d7] { color: #93C5FD;
}
.tipo-badge.idea .tipo-texto[data-v-0fc164d7] { color: #6EE7B7;
}

/* Texto de referencia */
.texto-referencia[data-v-0fc164d7] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-0fc164d7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.texto-icono[data-v-0fc164d7] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-0fc164d7] {
  font-weight: 700;
  color: #D8B4FE;
  font-size: 0.85rem;
}
.texto-contenido[data-v-0fc164d7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.texto-contenido[data-v-0fc164d7] p {
  margin: 0;
}
.texto-contenido[data-v-0fc164d7] strong {
  color: #FCD34D;
  font-style: normal;
}

/* Desafío container */
.desafio-container[data-v-0fc164d7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta */
.pregunta-box[data-v-0fc164d7] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-0fc164d7] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-0fc164d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-0fc164d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-0fc164d7]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-0fc164d7] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-0fc164d7] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-0fc164d7] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-0fc164d7]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-0fc164d7] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-0fc164d7] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-0fc164d7] {
  background: #EF4444;
}
.opcion-texto[data-v-0fc164d7] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
  padding-top: 0.15rem;
}

/* Feedback */
.feedback-box[data-v-0fc164d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-0fc164d7] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-0fc164d7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-0fc164d7] {
  flex: 1;
}
.feedback-titulo[data-v-0fc164d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-0fc164d7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-0fc164d7] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-0fc164d7] {
  text-align: center;
}
.btn-verificar[data-v-0fc164d7] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-0fc164d7]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-0fc164d7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0fc164d7] { flex: 1;
}
.nav-btn[data-v-0fc164d7] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-0fc164d7]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-0fc164d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0fc164d7] { font-size: 1.75rem;
}
.completado-texto[data-v-0fc164d7] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0fc164d7], .slide-leave-active[data-v-0fc164d7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0fc164d7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0fc164d7] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-0fc164d7], .fade-leave-active[data-v-0fc164d7] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-0fc164d7], .fade-leave-to[data-v-0fc164d7] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-0fc164d7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-d6171065] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-d6171065] {
  font-size: 2rem;
}
.header-texto[data-v-d6171065] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparación final */
.comparacion-final[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.comp-item[data-v-d6171065] {
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  border: 2px solid;
}
.comp-item.tema[data-v-d6171065] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.comp-item.idea[data-v-d6171065] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-icono[data-v-d6171065] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.comp-titulo[data-v-d6171065] {
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.comp-item.tema .comp-titulo[data-v-d6171065] { color: #93C5FD;
}
.comp-item.idea .comp-titulo[data-v-d6171065] { color: #6EE7B7;
}
.comp-pregunta[data-v-d6171065] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.comp-formato[data-v-d6171065] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.comp-ejemplo[data-v-d6171065] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  display: inline-block;
}
.comp-separator[data-v-d6171065] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Estrategias section */
.estrategias-section[data-v-d6171065] {
  margin: 1.5rem 0;
}
.estrategias-titulo[data-v-d6171065] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.estrategias-grid[data-v-d6171065] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.estrategia-card[data-v-d6171065] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.estrategia-num[data-v-d6171065] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.estrategia-texto[data-v-d6171065] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Frases section */
.frases-section[data-v-d6171065] {
  margin: 1.5rem 0;
}
.frases-titulo[data-v-d6171065] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.frases-grid[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.frase-grupo[data-v-d6171065] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.frase-grupo.tema[data-v-d6171065] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.frase-grupo.idea[data-v-d6171065] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.frase-label[data-v-d6171065] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.frase-grupo.tema .frase-label[data-v-d6171065] { color: #93C5FD;
}
.frase-grupo.idea .frase-label[data-v-d6171065] { color: #6EE7B7;
}
.frase-items[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.frase-item[data-v-d6171065] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Errores section */
.errores-section[data-v-d6171065] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-d6171065] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-d6171065] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-d6171065] {
  flex-shrink: 0;
}
.error-texto[data-v-d6171065] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tips section */
.tips-section[data-v-d6171065] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-d6171065] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d6171065] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-d6171065] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-d6171065] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Verificación box */
.verificacion-box[data-v-d6171065] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.verificacion-titulo[data-v-d6171065] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.verificacion-contenido[data-v-d6171065] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.verificacion-columna[data-v-d6171065] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.verif-label[data-v-d6171065] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}
.verif-label.tema[data-v-d6171065] { color: #93C5FD;
}
.verif-label.idea[data-v-d6171065] { color: #6EE7B7;
}
.verif-texto[data-v-d6171065] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-d6171065] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-d6171065] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-d6171065] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-final[data-v-d6171065] {
    flex-direction: row;
    align-items: stretch;
}
.comp-item[data-v-d6171065] {
    flex: 1;
}
.comp-separator[data-v-d6171065] {
    display: flex;
    align-items: center;
}
.estrategias-grid[data-v-d6171065] {
    grid-template-columns: repeat(4, 1fr);
}
.estrategia-card[data-v-d6171065] {
    flex-direction: column;
    text-align: center;
    align-items: center;
}
.frases-grid[data-v-d6171065] {
    flex-direction: row;
}
.frase-grupo[data-v-d6171065] {
    flex: 1;
}
.verificacion-contenido[data-v-d6171065] {
    flex-direction: row;
}
.verificacion-columna[data-v-d6171065] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-d5936476] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-d5936476] {
  font-size: 2.5rem;
}
.intro-visual .icono-flecha[data-v-d5936476] {
  font-size: 2rem;
  color: #8B5CF6;
  animation: pulse-arrow-d5936476 1.5s ease-in-out infinite;
}
@keyframes pulse-arrow-d5936476 {
0%, 100% { opacity: 0.5; transform: translateX(0);
}
50% { opacity: 1; transform: translateX(3px);
}
}

/* Definición box */
.definicion-box[data-v-d5936476] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-d5936476] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-d5936476] {
  flex: 1;
}
.def-titulo[data-v-d5936476] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-d5936476] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Ejemplo section */
.ejemplo-section[data-v-d5936476] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-d5936476] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-comparacion[data-v-d5936476] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ejemplo-item[data-v-d5936476] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.ejemplo-item.sin-conector[data-v-d5936476] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.ejemplo-item.con-conector[data-v-d5936476] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-label[data-v-d5936476] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #C4B5FD;
}
.ejemplo-texto[data-v-d5936476] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.ejemplo-texto .conector[data-v-d5936476] {
  color: #FCD34D;
  font-style: normal;
}
.ejemplo-resultado[data-v-d5936476] {
  font-size: 0.8rem;
  font-weight: 600;
}
.ejemplo-resultado.malo[data-v-d5936476] {
  color: #FCA5A5;
}
.ejemplo-resultado.bueno[data-v-d5936476] {
  color: #6EE7B7;
}

/* Importancia */
.importancia-section[data-v-d5936476] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-d5936476] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.importancia-contenido[data-v-d5936476] {
  text-align: left;
}
.importancia-stat[data-v-d5936476] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.stat-icono[data-v-d5936476] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.stat-texto[data-v-d5936476] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.importancia-nota[data-v-d5936476] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.5;
  padding-left: 2rem;
}

/* Tipos preview */
.tipos-preview[data-v-d5936476] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d5936476] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-d5936476] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-d5936476] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-item.adicion[data-v-d5936476] { border-color: rgba(16, 185, 129, 0.4);
}
.tipo-item.contraste[data-v-d5936476] { border-color: rgba(245, 158, 11, 0.4);
}
.tipo-item.causa[data-v-d5936476] { border-color: rgba(59, 130, 246, 0.4);
}
.tipo-item.tiempo[data-v-d5936476] { border-color: rgba(236, 72, 153, 0.4);
}
.tipo-item.ejemplificacion[data-v-d5936476] { border-color: rgba(168, 85, 247, 0.4);
}
.tipo-item.conclusion[data-v-d5936476] { border-color: rgba(34, 211, 238, 0.4);
}
.tipo-icono[data-v-d5936476] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.tipo-texto[data-v-d5936476] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}

/* Tip */
.tip[data-v-d5936476] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d5936476] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d5936476] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d5936476] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-d5936476] {
    font-size: 3rem;
}
.ejemplo-comparacion[data-v-d5936476] {
    flex-direction: row;
}
.ejemplo-item[data-v-d5936476] {
    flex: 1;
}
.tipos-grid[data-v-d5936476] {
    grid-template-columns: repeat(6, 1fr);
}
.tipo-texto[data-v-d5936476] {
    font-size: 0.75rem;
}
}

/* Categoría box */
.categoria-box[data-v-d68798db] {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid;
}
.categoria-box.adicion[data-v-d68798db] {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.3);
}
.categoria-box.contraste[data-v-d68798db] {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.3);
}
.categoria-box.causa[data-v-d68798db] {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.3);
}
.categoria-box.tiempo[data-v-d68798db] {
  background: rgba(236, 72, 153, 0.08);
  border-color: rgba(236, 72, 153, 0.3);
}
.categoria-box.ejemplificacion[data-v-d68798db] {
  background: rgba(168, 85, 247, 0.08);
  border-color: rgba(168, 85, 247, 0.3);
}
.categoria-box.conclusion[data-v-d68798db] {
  background: rgba(34, 211, 238, 0.08);
  border-color: rgba(34, 211, 238, 0.3);
}
.categoria-header[data-v-d68798db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.categoria-icono[data-v-d68798db] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.categoria-info[data-v-d68798db] {
  flex: 1;
}
.categoria-titulo[data-v-d68798db] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.categoria-desc[data-v-d68798db] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.conectores-lista[data-v-d68798db] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.conectores-lista.mini[data-v-d68798db] {
  margin-bottom: 0.5rem;
}
.conector-tag[data-v-d68798db] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 9999px;
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 500;
}
.categoria-box.adicion .conector-tag[data-v-d68798db] { border: 1px solid rgba(16, 185, 129, 0.4);
}
.categoria-box.contraste .conector-tag[data-v-d68798db] { border: 1px solid rgba(245, 158, 11, 0.4);
}
.categoria-box.causa .conector-tag[data-v-d68798db] { border: 1px solid rgba(59, 130, 246, 0.4);
}
.categoria-box.tiempo .conector-tag[data-v-d68798db] { border: 1px solid rgba(236, 72, 153, 0.4);
}
.categoria-box.ejemplificacion .conector-tag[data-v-d68798db] { border: 1px solid rgba(168, 85, 247, 0.4);
}
.categoria-box.conclusion .conector-tag[data-v-d68798db] { border: 1px solid rgba(34, 211, 238, 0.4);
}

/* Causa sub-grupos */
.causa-sub[data-v-d68798db] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sub-grupo[data-v-d68798db] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sub-titulo[data-v-d68798db] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.4rem;
}

/* Ejemplo */
.categoria-ejemplo[data-v-d68798db] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ej-label[data-v-d68798db] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  text-transform: uppercase;
}
.ej-texto[data-v-d68798db] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.4;
}
.ej-texto strong[data-v-d68798db] {
  color: #FCD34D;
  font-style: normal;
}

/* Tip */
.tip[data-v-d68798db] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d68798db] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d68798db] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d68798db] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.causa-sub[data-v-d68798db] {
    flex-direction: row;
}
.sub-grupo[data-v-d68798db] {
    flex: 1;
}
.categoria-ejemplo[data-v-d68798db] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.ej-label[data-v-d68798db] {
    flex-shrink: 0;
}
}

/* Definición box */
.definicion-box[data-v-70637524] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-70637524] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-70637524] {
  flex: 1;
}
.def-titulo[data-v-70637524] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-70637524] {
  color: #FFFFFF;
  line-height: 1.5;
  font-size: 0.95rem;
}

/* Mecanismos section */
.mecanismos-section[data-v-70637524] {
  margin: 1.5rem 0;
}
.mecanismos-titulo[data-v-70637524] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.mecanismo-item[data-v-70637524] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.mecanismo-header[data-v-70637524] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.mecanismo-num[data-v-70637524] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.mecanismo-nombre[data-v-70637524] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.mecanismo-desc[data-v-70637524] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}
.mecanismo-ejemplo[data-v-70637524] {
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  margin-left: 2rem;
}
.mecanismo-ejemplo .ej[data-v-70637524] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}
.mecanismo-ejemplo .destacado[data-v-70637524] {
  color: #FCD34D;
  font-style: normal;
}

/* PAES section */
.paes-section[data-v-70637524] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.paes-titulo[data-v-70637524] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.paes-contenido[data-v-70637524] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paes-item[data-v-70637524] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paes-icono[data-v-70637524] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.paes-texto[data-v-70637524] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paes-texto strong[data-v-70637524] {
  color: #FFFFFF;
}

/* Ejemplo de texto */
.ejemplo-texto-section[data-v-70637524] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-70637524] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-texto-box[data-v-70637524] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.ejemplo-texto-box p[data-v-70637524] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
}
.ejemplo-texto-box .ref[data-v-70637524] {
  background: rgba(16, 185, 129, 0.25);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  color: #6EE7B7;
}
.ejemplo-texto-box .conector[data-v-70637524] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}
.ejemplo-leyenda[data-v-70637524] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.leyenda-item[data-v-70637524] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.leyenda-tag[data-v-70637524] {
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.leyenda-tag.ref[data-v-70637524] {
  background: rgba(16, 185, 129, 0.25);
  color: #6EE7B7;
}
.leyenda-tag.conector[data-v-70637524] {
  background: rgba(245, 158, 11, 0.25);
  color: #FCD34D;
}
.leyenda-texto[data-v-70637524] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-70637524] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-70637524] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-70637524] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-70637524] {
  color: #6EE7B7;
}

.explorador[data-v-78e3fd09] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-78e3fd09] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-78e3fd09] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-78e3fd09] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-78e3fd09] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-78e3fd09] {
  font-size: 0.9rem;
}

/* Texto de referencia */
.texto-referencia[data-v-78e3fd09] {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-78e3fd09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-78e3fd09] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-78e3fd09] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.texto-contenido[data-v-78e3fd09] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
  max-height: 220px;
  overflow-y: auto;
}
.texto-contenido[data-v-78e3fd09] p {
  margin: 0 0 0.75rem;
}
.texto-contenido[data-v-78e3fd09] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-78e3fd09] .conector {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}
.texto-contenido[data-v-78e3fd09] .ref {
  background: rgba(16, 185, 129, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #6EE7B7;
}

/* Desafío container */
.desafio-container[data-v-78e3fd09] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-78e3fd09] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-78e3fd09] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Pregunta */
.pregunta-box[data-v-78e3fd09] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-78e3fd09] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
}
.pregunta-texto[data-v-78e3fd09] strong {
  color: #FCD34D;
}

/* Opciones */
.opciones-grid[data-v-78e3fd09] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-78e3fd09] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-78e3fd09]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-78e3fd09] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-78e3fd09] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-78e3fd09] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-78e3fd09]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-78e3fd09] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-78e3fd09] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-78e3fd09] {
  background: #EF4444;
}
.opcion-texto[data-v-78e3fd09] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Feedback */
.feedback-box[data-v-78e3fd09] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-78e3fd09] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-78e3fd09] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-78e3fd09] {
  flex: 1;
}
.feedback-titulo[data-v-78e3fd09] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-78e3fd09] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-78e3fd09] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-78e3fd09] {
  text-align: center;
}
.btn-verificar[data-v-78e3fd09] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-78e3fd09]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-78e3fd09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-78e3fd09] { flex: 1;
}
.nav-btn[data-v-78e3fd09] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-78e3fd09]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-78e3fd09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-78e3fd09] { font-size: 1.75rem;
}
.completado-texto[data-v-78e3fd09] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-78e3fd09], .slide-leave-active[data-v-78e3fd09] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-78e3fd09] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-78e3fd09] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-78e3fd09], .fade-leave-active[data-v-78e3fd09] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-78e3fd09], .fade-leave-to[data-v-78e3fd09] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.progreso-item[data-v-78e3fd09] {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
}
.texto-contenido[data-v-78e3fd09] {
    max-height: 180px;
}
.opciones-grid[data-v-78e3fd09] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header */
.resumen-header[data-v-3dce25ef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-3dce25ef] {
  font-size: 2rem;
}
.header-texto[data-v-3dce25ef] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-3dce25ef] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-3dce25ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.punto-num[data-v-3dce25ef] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.punto-contenido[data-v-3dce25ef] {
  flex: 1;
}
.punto-titulo[data-v-3dce25ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
.punto-desc[data-v-3dce25ef] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tabla de conectores */
.tabla-section[data-v-3dce25ef] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-3dce25ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-conectores[data-v-3dce25ef] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tabla-row[data-v-3dce25ef] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tabla-row.adicion[data-v-3dce25ef] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tabla-row.contraste[data-v-3dce25ef] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tabla-row.causa[data-v-3dce25ef] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tabla-row.consecuencia[data-v-3dce25ef] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tabla-row.ejemplificacion[data-v-3dce25ef] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.3);
}
.tabla-row.conclusion[data-v-3dce25ef] {
  background: rgba(34, 211, 238, 0.1);
  border-color: rgba(34, 211, 238, 0.3);
}
.tabla-tipo[data-v-3dce25ef] {
  font-weight: 600;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.tabla-ejemplos[data-v-3dce25ef] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Estrategias */
.estrategias-section[data-v-3dce25ef] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.estrategias-titulo[data-v-3dce25ef] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.estrategias-lista[data-v-3dce25ef] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estrategia-item[data-v-3dce25ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.estrategia-icono[data-v-3dce25ef] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.estrategia-texto[data-v-3dce25ef] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.estrategia-texto strong[data-v-3dce25ef] {
  color: #FFFFFF;
}

/* Recordatorio */
.recordatorio-box[data-v-3dce25ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.recordatorio-icono[data-v-3dce25ef] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.recordatorio-contenido[data-v-3dce25ef] {
  flex: 1;
}
.recordatorio-titulo[data-v-3dce25ef] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.recordatorio-texto[data-v-3dce25ef] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Siguiente paso */
.siguiente-box[data-v-3dce25ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.siguiente-icono[data-v-3dce25ef] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.siguiente-contenido[data-v-3dce25ef] {
  flex: 1;
}
.siguiente-titulo[data-v-3dce25ef] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.siguiente-texto[data-v-3dce25ef] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-row[data-v-3dce25ef] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.tabla-tipo[data-v-3dce25ef] {
    min-width: 130px;
    margin-bottom: 0;
}
}

/* Intro visual */
.intro-visual[data-v-b9a42b92] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-b9a42b92] {
  font-size: 2.5rem;
}
.icono-flecha[data-v-b9a42b92] {
  font-size: 2rem !important;
  color: #8B5CF6;
  animation: pulse-b9a42b92 2s ease-in-out infinite;
}
.icono-dato[data-v-b9a42b92] {
  font-size: 2.25rem !important;
  color: #6EE7B7;
  font-weight: 800;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes pulse-b9a42b92 {
0%, 100% { opacity: 1; transform: translateX(0);
}
50% { opacity: 0.6; transform: translateX(3px);
}
}

/* Definición box */
.definicion-box[data-v-b9a42b92] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-b9a42b92] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-b9a42b92] {
  flex: 1;
}
.def-titulo[data-v-b9a42b92] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-b9a42b92] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Comparación */
.comparacion-section[data-v-b9a42b92] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-b9a42b92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-b9a42b92] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparacion-item[data-v-b9a42b92] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparacion-item.explicito[data-v-b9a42b92] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comparacion-item.implicito[data-v-b9a42b92] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.comp-header[data-v-b9a42b92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-b9a42b92] {
  font-size: 1.25rem;
}
.comparacion-item.explicito .comp-icono[data-v-b9a42b92] {
  color: #6EE7B7;
}
.comparacion-item.implicito .comp-icono[data-v-b9a42b92] {
  color: #FCD34D;
}
.comp-nombre[data-v-b9a42b92] {
  font-weight: 700;
  font-size: 0.95rem;
}
.comparacion-item.explicito .comp-nombre[data-v-b9a42b92] {
  color: #6EE7B7;
}
.comparacion-item.implicito .comp-nombre[data-v-b9a42b92] {
  color: #FCD34D;
}
.comp-ejemplo[data-v-b9a42b92] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.comp-ejemplo .destacado[data-v-b9a42b92] {
  color: #6EE7B7;
  font-style: normal;
}
.comp-nota[data-v-b9a42b92] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Importancia */
.importancia-section[data-v-b9a42b92] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-b9a42b92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.importancia-lista[data-v-b9a42b92] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-b9a42b92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.imp-icono[data-v-b9a42b92] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-b9a42b92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-b9a42b92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b9a42b92] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-b9a42b92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b9a42b92] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-b9a42b92] {
    font-size: 3rem;
}
.comparacion-grid[data-v-b9a42b92] {
    flex-direction: row;
}
.comparacion-item[data-v-b9a42b92] {
    flex: 1;
}
}

/* Tipos section */
.tipos-section[data-v-1f969b60] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-1f969b60] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.tipos-grid[data-v-1f969b60] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-1f969b60] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.85rem;
}
.tipo-header[data-v-1f969b60] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-1f969b60] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-1f969b60] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-ejemplos[data-v-1f969b60] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ejemplo[data-v-1f969b60] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.ejemplo strong[data-v-1f969b60] {
  color: #6EE7B7;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-1f969b60] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-1f969b60] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.ejemplo-texto[data-v-1f969b60] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.dato[data-v-1f969b60] {
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.dato.fecha[data-v-1f969b60] {
  background: rgba(245, 158, 11, 0.25);
  color: #FCD34D;
}
.dato.nombre[data-v-1f969b60] {
  background: rgba(139, 92, 246, 0.25);
  color: #C4B5FD;
}
.dato.lugar[data-v-1f969b60] {
  background: rgba(59, 130, 246, 0.25);
  color: #93C5FD;
}
.dato.cantidad[data-v-1f969b60] {
  background: rgba(16, 185, 129, 0.25);
  color: #6EE7B7;
}
.dato.cita[data-v-1f969b60] {
  background: rgba(236, 72, 153, 0.25);
  color: #F9A8D4;
}
.ejemplo-leyenda[data-v-1f969b60] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.leyenda-item[data-v-1f969b60] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
}
.leyenda-item.fecha[data-v-1f969b60] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.leyenda-item.nombre[data-v-1f969b60] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.leyenda-item.lugar[data-v-1f969b60] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.leyenda-item.cantidad[data-v-1f969b60] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.leyenda-item.cita[data-v-1f969b60] {
  background: rgba(236, 72, 153, 0.2);
  color: #F9A8D4;
}

/* Tip */
.tip[data-v-1f969b60] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1f969b60] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-1f969b60] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-1f969b60] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-1f969b60] {
    grid-template-columns: repeat(2, 1fr);
}
.tipo-card[data-v-1f969b60] {
    padding: 1rem;
}
.ejemplo-leyenda[data-v-1f969b60] {
    gap: 0.75rem;
}
}
@media (min-width: 768px) {
.tipos-grid[data-v-1f969b60] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Estrategias section */
.estrategias-section[data-v-25ec002b] {
  margin: 1.5rem 0;
}
.estrategias-titulo[data-v-25ec002b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.estrategia-card[data-v-25ec002b] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.estrategia-numero[data-v-25ec002b] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
  color: white;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-25ec002b] {
  flex: 1;
}
.estrategia-nombre[data-v-25ec002b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.estrategia-detalle[data-v-25ec002b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.estrategia-ejemplo[data-v-25ec002b] {
  font-size: 0.8rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  color: #C4B5FD;
  line-height: 1.5;
}
.ej-label[data-v-25ec002b] {
  font-weight: 700;
  color: #FFFFFF;
}
.ej-nota[data-v-25ec002b] {
  color: #6EE7B7;
  font-style: italic;
}
.clave[data-v-25ec002b] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}
.numero[data-v-25ec002b] {
  color: #6EE7B7;
  font-weight: 700;
}
.nombre[data-v-25ec002b] {
  color: #93C5FD;
  font-weight: 700;
}
.correcto[data-v-25ec002b] {
  color: #6EE7B7;
  font-weight: 600;
}
.incorrecto[data-v-25ec002b] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Proceso section */
.proceso-section[data-v-25ec002b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-25ec002b] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  text-align: center;
}
.proceso-pasos[data-v-25ec002b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.proceso-paso[data-v-25ec002b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  width: 100%;
  max-width: 200px;
}
.paso-num[data-v-25ec002b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-25ec002b] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 500;
}
.proceso-flecha[data-v-25ec002b] {
  color: #6EE7B7;
  font-size: 1.25rem;
  transform: rotate(90deg);
}

/* Tip */
.tip[data-v-25ec002b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-25ec002b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-25ec002b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-25ec002b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-pasos[data-v-25ec002b] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.proceso-paso[data-v-25ec002b] {
    width: auto;
}
.proceso-flecha[data-v-25ec002b] {
    transform: none;
}
}

.explorador[data-v-728d6adc] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-728d6adc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-728d6adc] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-728d6adc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-728d6adc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-728d6adc] {
  font-size: 1rem;
}

/* Desafío container */
.desafio-container[data-v-728d6adc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-728d6adc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-728d6adc] {
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}
.desafio-tipo[data-v-728d6adc] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Texto de referencia */
.texto-referencia[data-v-728d6adc] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.texto-header[data-v-728d6adc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-728d6adc] {
  font-size: 1rem;
}
.texto-titulo[data-v-728d6adc] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
}
.texto-contenido[data-v-728d6adc] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.texto-contenido[data-v-728d6adc] strong {
  background: rgba(16, 185, 129, 0.25);
  color: #6EE7B7;
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}

/* Pregunta */
.pregunta-box[data-v-728d6adc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-728d6adc] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pregunta-texto[data-v-728d6adc] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-728d6adc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-728d6adc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-728d6adc]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-728d6adc] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-728d6adc] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-728d6adc] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-728d6adc]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-728d6adc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-728d6adc] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-728d6adc] {
  background: #EF4444;
}
.opcion-texto[data-v-728d6adc] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Feedback */
.feedback-box[data-v-728d6adc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-728d6adc] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-728d6adc] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-728d6adc] {
  flex: 1;
}
.feedback-titulo[data-v-728d6adc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-728d6adc] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-728d6adc] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-728d6adc] {
  text-align: center;
}
.btn-verificar[data-v-728d6adc] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-728d6adc]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-728d6adc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-728d6adc] { flex: 1;
}
.nav-btn[data-v-728d6adc] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-728d6adc]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-728d6adc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-728d6adc] { font-size: 1.75rem;
}
.completado-texto[data-v-728d6adc] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-728d6adc], .slide-leave-active[data-v-728d6adc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-728d6adc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-728d6adc] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-728d6adc], .fade-leave-active[data-v-728d6adc] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-728d6adc], .fade-leave-to[data-v-728d6adc] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-728d6adc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-1ea42935] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
}
.resumen-icono[data-v-1ea42935] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-1ea42935] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Conceptos */
.conceptos-section[data-v-1ea42935] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-1ea42935] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-header[data-v-1ea42935] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-num[data-v-1ea42935] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.concepto-titulo[data-v-1ea42935] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-1ea42935] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tipos mini */
.tipos-mini[data-v-1ea42935] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.tipo-mini[data-v-1ea42935] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}

/* Estrategias mini */
.estrategias-mini[data-v-1ea42935] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.estrategia-mini[data-v-1ea42935] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.em-num[data-v-1ea42935] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Diferenciador */
.diferenciador-box[data-v-1ea42935] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.dif-header[data-v-1ea42935] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dif-icono[data-v-1ea42935] {
  font-size: 1.25rem;
}
.dif-titulo[data-v-1ea42935] {
  font-weight: 700;
  color: #FCD34D;
}
.dif-comparacion[data-v-1ea42935] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.dif-item[data-v-1ea42935] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
}
.dif-item.explicito[data-v-1ea42935] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.dif-item.implicito[data-v-1ea42935] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.dif-label[data-v-1ea42935] {
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.dif-item.explicito .dif-label[data-v-1ea42935] {
  color: #6EE7B7;
}
.dif-item.implicito .dif-label[data-v-1ea42935] {
  color: #C4B5FD;
}
.dif-desc[data-v-1ea42935] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.dif-vs[data-v-1ea42935] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-1ea42935] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.tip-header[data-v-1ea42935] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-1ea42935] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-1ea42935] {
  font-weight: 700;
  color: #6EE7B7;
}
.tip-contenido[data-v-1ea42935] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-contenido p[data-v-1ea42935] {
  margin: 0 0 0.5rem;
}
.frases-lista[data-v-1ea42935] {
  margin: 0.5rem 0;
  padding-left: 1rem;
  list-style: none;
}
.frases-lista li[data-v-1ea42935] {
  margin-bottom: 0.25rem;
  color: #FFFFFF;
}
.frases-lista li[data-v-1ea42935]::before {
  content: "•";
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.tip-nota[data-v-1ea42935] {
  margin-top: 0.5rem;
  font-style: italic;
  color: #6EE7B7;
}

/* Próximos */
.proximos-section[data-v-1ea42935] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.proximos-titulo[data-v-1ea42935] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.proximos-contenido[data-v-1ea42935] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.proximos-contenido p[data-v-1ea42935] {
  margin: 0 0 0.5rem;
}
.proximos-lista[data-v-1ea42935] {
  margin: 0.5rem 0 0;
  padding-left: 1rem;
  list-style: none;
}
.proximos-lista li[data-v-1ea42935] {
  margin-bottom: 0.25rem;
}
.proximos-lista li[data-v-1ea42935]::before {
  content: "→";
  color: #93C5FD;
  margin-right: 0.5rem;
}

/* Logro */
.logro-box[data-v-1ea42935] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
}
.logro-icono[data-v-1ea42935] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.logro-texto[data-v-1ea42935] {
  flex: 1;
}
.logro-titulo[data-v-1ea42935] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.logro-desc[data-v-1ea42935] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.dif-comparacion[data-v-1ea42935] {
    flex-wrap: nowrap;
}
.logro-box[data-v-1ea42935] {
    padding: 1.25rem;
}
.logro-icono[data-v-1ea42935] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-24fd5c69] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-24fd5c69] {
  font-size: 2.5rem;
}
.intro-visual .icono-lupa[data-v-24fd5c69] {
  animation: search-24fd5c69 2s ease-in-out infinite;
}
@keyframes search-24fd5c69 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* Definición box */
.definicion-box[data-v-24fd5c69] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-24fd5c69] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-24fd5c69] {
  flex: 1;
}
.def-titulo[data-v-24fd5c69] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #A78BFA;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-24fd5c69] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Tipos section */
.tipos-section[data-v-24fd5c69] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-24fd5c69] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-24fd5c69] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-24fd5c69] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
  text-align: center;
}
.tipo-item.narrativa[data-v-24fd5c69] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-item.poesia[data-v-24fd5c69] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.tipo-item.drama[data-v-24fd5c69] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-icono[data-v-24fd5c69] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-24fd5c69] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.tipo-ejemplos[data-v-24fd5c69] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Qué localizar section */
.que-localizar-section[data-v-24fd5c69] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.que-titulo[data-v-24fd5c69] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.que-lista[data-v-24fd5c69] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.que-item[data-v-24fd5c69] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.que-icono[data-v-24fd5c69] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.que-texto[data-v-24fd5c69] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Diferencia section */
.diferencia-section[data-v-24fd5c69] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-24fd5c69] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diferencia-contenido[data-v-24fd5c69] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.diferencia-item[data-v-24fd5c69] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.diferencia-item.no-literario[data-v-24fd5c69] {
  background: rgba(107, 114, 128, 0.1);
  border-color: rgba(107, 114, 128, 0.4);
}
.diferencia-item.literario[data-v-24fd5c69] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.dif-tipo[data-v-24fd5c69] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.diferencia-item.no-literario .dif-tipo[data-v-24fd5c69] {
  color: #9CA3AF;
}
.diferencia-item.literario .dif-tipo[data-v-24fd5c69] {
  color: #A78BFA;
}
.dif-desc[data-v-24fd5c69] {
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.dif-nota[data-v-24fd5c69] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-24fd5c69] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-24fd5c69] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-24fd5c69] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-24fd5c69] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-24fd5c69] {
    font-size: 3rem;
}
.tipos-grid[data-v-24fd5c69] {
    flex-direction: row;
}
.tipo-item[data-v-24fd5c69] {
    flex: 1;
}
.diferencia-contenido[data-v-24fd5c69] {
    flex-direction: row;
}
.diferencia-item[data-v-24fd5c69] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-7a32c94a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-7a32c94a] {
  font-size: 2.5rem;
}
.header-texto[data-v-7a32c94a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Elementos section */
.elementos-section[data-v-7a32c94a] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-7a32c94a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.elementos-grid[data-v-7a32c94a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.elemento-item[data-v-7a32c94a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.elemento-header[data-v-7a32c94a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.elemento-icono[data-v-7a32c94a] {
  font-size: 1.25rem;
}
.elemento-nombre[data-v-7a32c94a] {
  font-weight: 700;
  color: #93C5FD;
}
.elemento-buscar[data-v-7a32c94a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.buscar-label[data-v-7a32c94a] {
  color: #C4B5FD;
  margin-right: 0.25rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-7a32c94a] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-7a32c94a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-7a32c94a] {
  margin-bottom: 1rem;
}
.texto-literario[data-v-7a32c94a] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
}
.texto-literario .dato[data-v-7a32c94a] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-style: normal;
}
.preguntas-ejemplo[data-v-7a32c94a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-7a32c94a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-label[data-v-7a32c94a] {
  font-size: 1rem;
}
.pregunta-texto[data-v-7a32c94a] {
  color: #E9D5FF;
}
.pregunta-respuesta[data-v-7a32c94a] {
  color: #6EE7B7;
  margin-left: auto;
}

/* Dónde section */
.donde-section[data-v-7a32c94a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.donde-titulo[data-v-7a32c94a] {
  font-weight: 700;
  color: #A78BFA;
  margin-bottom: 0.75rem;
}
.donde-lista[data-v-7a32c94a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.donde-item[data-v-7a32c94a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.donde-num[data-v-7a32c94a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.donde-contenido[data-v-7a32c94a] {
  flex: 1;
}
.donde-nombre[data-v-7a32c94a] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.donde-desc[data-v-7a32c94a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Palabras section */
.palabras-section[data-v-7a32c94a] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-7a32c94a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.palabras-grid[data-v-7a32c94a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.palabra-grupo[data-v-7a32c94a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.palabra-tipo[data-v-7a32c94a] {
  font-weight: 700;
  color: #A78BFA;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.palabra-lista[data-v-7a32c94a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-7a32c94a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7a32c94a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7a32c94a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-7a32c94a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.elementos-grid[data-v-7a32c94a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.palabras-grid[data-v-7a32c94a] {
    flex-direction: row;
}
.palabra-grupo[data-v-7a32c94a] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-4d6d0cc7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-4d6d0cc7] {
  font-size: 2.5rem;
}
.header-texto[data-v-4d6d0cc7] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Diferencia box */
.diferencia-box[data-v-4d6d0cc7] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.dif-icono[data-v-4d6d0cc7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.dif-contenido[data-v-4d6d0cc7] {
  flex: 1;
}
.dif-titulo[data-v-4d6d0cc7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.dif-texto[data-v-4d6d0cc7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Qué section */
.que-section[data-v-4d6d0cc7] {
  margin: 1.5rem 0;
}
.que-titulo[data-v-4d6d0cc7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.que-grid[data-v-4d6d0cc7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.que-item[data-v-4d6d0cc7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.que-icono[data-v-4d6d0cc7] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.que-texto[data-v-4d6d0cc7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-4d6d0cc7] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-4d6d0cc7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.poema-container[data-v-4d6d0cc7] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(236, 72, 153, 0.4);
}
.poema-texto[data-v-4d6d0cc7] {
  padding: 1rem;
  background: rgba(236, 72, 153, 0.1);
}
.verso[data-v-4d6d0cc7] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.6;
}
.verso[data-v-4d6d0cc7]:last-child {
  margin-bottom: 0;
}
.verso .dato[data-v-4d6d0cc7] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-style: normal;
}
.poema-autor[data-v-4d6d0cc7] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: right;
}
.preguntas-poema[data-v-4d6d0cc7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-4d6d0cc7] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-label[data-v-4d6d0cc7] {
  font-size: 1rem;
}
.pregunta-texto[data-v-4d6d0cc7] {
  color: #E9D5FF;
  flex: 1;
  min-width: 150px;
}
.pregunta-respuesta[data-v-4d6d0cc7] {
  color: #6EE7B7;
  width: 100%;
  margin-top: 0.25rem;
}

/* Estrategias section */
.estrategias-section[data-v-4d6d0cc7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.estrategias-titulo[data-v-4d6d0cc7] {
  font-weight: 700;
  color: #A78BFA;
  margin-bottom: 0.75rem;
}
.estrategias-lista[data-v-4d6d0cc7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estrategia-item[data-v-4d6d0cc7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.estrategia-num[data-v-4d6d0cc7] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.estrategia-contenido[data-v-4d6d0cc7] {
  flex: 1;
}
.estrategia-nombre[data-v-4d6d0cc7] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.estrategia-desc[data-v-4d6d0cc7] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Cuidado section */
.cuidado-section[data-v-4d6d0cc7] {
  margin: 1.5rem 0;
}
.cuidado-titulo[data-v-4d6d0cc7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.cuidado-grid[data-v-4d6d0cc7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cuidado-item[data-v-4d6d0cc7] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.cuidado-item.localizar[data-v-4d6d0cc7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.cuidado-item.interpretar[data-v-4d6d0cc7] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.cuidado-tipo[data-v-4d6d0cc7] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.cuidado-item.localizar .cuidado-tipo[data-v-4d6d0cc7] {
  color: #6EE7B7;
}
.cuidado-item.interpretar .cuidado-tipo[data-v-4d6d0cc7] {
  color: #FCA5A5;
}
.cuidado-ejemplo[data-v-4d6d0cc7] {
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.cuidado-nota[data-v-4d6d0cc7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-4d6d0cc7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4d6d0cc7] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-4d6d0cc7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-4d6d0cc7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuidado-grid[data-v-4d6d0cc7] {
    flex-direction: row;
}
.cuidado-item[data-v-4d6d0cc7] {
    flex: 1;
}
.pregunta-respuesta[data-v-4d6d0cc7] {
    width: auto;
    margin-top: 0;
    margin-left: auto;
}
}

/* Header visual */
.header-visual[data-v-cf1a6ce0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-cf1a6ce0] {
  font-size: 2.5rem;
}
.header-texto[data-v-cf1a6ce0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estructura section */
.estructura-section[data-v-cf1a6ce0] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.estructura-grid[data-v-cf1a6ce0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.estructura-item[data-v-cf1a6ce0] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.estructura-item.dialogos[data-v-cf1a6ce0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.estructura-item.acotaciones[data-v-cf1a6ce0] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
}
.estructura-header[data-v-cf1a6ce0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.estructura-icono[data-v-cf1a6ce0] {
  font-size: 1.25rem;
}
.estructura-nombre[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #FFFFFF;
}
.estructura-desc[data-v-cf1a6ce0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.estructura-ejemplo[data-v-cf1a6ce0] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.estructura-ejemplo .personaje[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #93C5FD;
}
.estructura-ejemplo .acotacion[data-v-cf1a6ce0] {
  font-style: italic;
  color: #D8B4FE;
}

/* Qué section */
.que-section[data-v-cf1a6ce0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.que-titulo[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.que-lista[data-v-cf1a6ce0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.que-item[data-v-cf1a6ce0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.que-icono[data-v-cf1a6ce0] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.que-texto[data-v-cf1a6ce0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-cf1a6ce0] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.drama-container[data-v-cf1a6ce0] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.acotacion-linea[data-v-cf1a6ce0] {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.acotacion-texto[data-v-cf1a6ce0] {
  font-style: italic;
  color: #D8B4FE;
  font-size: 0.9rem;
  line-height: 1.6;
}
.acotacion-texto .dato[data-v-cf1a6ce0] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-style: normal;
}
.dialogo-linea[data-v-cf1a6ce0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.dialogo-linea[data-v-cf1a6ce0]:last-child {
  margin-bottom: 0;
}
.personaje-nombre[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.dialogo-texto[data-v-cf1a6ce0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  padding-left: 0.5rem;
}
.dialogo-texto .dato[data-v-cf1a6ce0] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}
.preguntas-drama[data-v-cf1a6ce0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-cf1a6ce0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-label[data-v-cf1a6ce0] {
  font-size: 1rem;
}
.pregunta-texto[data-v-cf1a6ce0] {
  color: #E9D5FF;
  flex: 1;
  min-width: 150px;
}
.pregunta-respuesta[data-v-cf1a6ce0] {
  color: #6EE7B7;
  width: 100%;
  margin-top: 0.25rem;
}

/* Dónde section */
.donde-section[data-v-cf1a6ce0] {
  margin: 1.5rem 0;
}
.donde-titulo[data-v-cf1a6ce0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.donde-tabla[data-v-cf1a6ce0] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-cf1a6ce0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.75rem;
  font-weight: 700;
  color: #A78BFA;
  font-size: 0.85rem;
}
.tabla-row[data-v-cf1a6ce0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-cf1a6ce0]:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
}
.tabla-col[data-v-cf1a6ce0] {
  padding-right: 0.5rem;
}

/* Tip */
.tip[data-v-cf1a6ce0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cf1a6ce0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-cf1a6ce0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-cf1a6ce0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.estructura-grid[data-v-cf1a6ce0] {
    flex-direction: row;
}
.estructura-item[data-v-cf1a6ce0] {
    flex: 1;
}
.dialogo-linea[data-v-cf1a6ce0] {
    flex-direction: row;
    align-items: baseline;
    gap: 0.75rem;
}
.dialogo-texto[data-v-cf1a6ce0] {
    padding-left: 0;
}
.pregunta-respuesta[data-v-cf1a6ce0] {
    width: auto;
    margin-top: 0;
    margin-left: auto;
}
}

.explorador[data-v-3a263a7d] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-3a263a7d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.progreso-item[data-v-3a263a7d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-3a263a7d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3a263a7d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-3a263a7d] {
  font-size: 0.9rem;
}

/* Tipo indicator */
.tipo-indicator[data-v-3a263a7d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.tipo-indicator.narrativa[data-v-3a263a7d] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.tipo-indicator.poesia[data-v-3a263a7d] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
  color: #F9A8D4;
}
.tipo-indicator.drama[data-v-3a263a7d] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.tipo-icono[data-v-3a263a7d] {
  font-size: 1.25rem;
}

/* Texto de referencia */
.texto-referencia[data-v-3a263a7d] {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.texto-referencia.narrativa[data-v-3a263a7d] {
  border-color: rgba(59, 130, 246, 0.4);
}
.texto-referencia.poesia[data-v-3a263a7d] {
  border-color: rgba(236, 72, 153, 0.4);
}
.texto-referencia.drama[data-v-3a263a7d] {
  border-color: rgba(245, 158, 11, 0.4);
}
.texto-header[data-v-3a263a7d] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.3);
}
.texto-referencia.narrativa .texto-header[data-v-3a263a7d] {
  background: rgba(59, 130, 246, 0.2);
}
.texto-referencia.poesia .texto-header[data-v-3a263a7d] {
  background: rgba(236, 72, 153, 0.2);
}
.texto-referencia.drama .texto-header[data-v-3a263a7d] {
  background: rgba(245, 158, 11, 0.2);
}
.texto-titulo[data-v-3a263a7d] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.texto-contenido[data-v-3a263a7d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
  max-height: 200px;
  overflow-y: auto;
}
.texto-contenido[data-v-3a263a7d] p {
  margin: 0 0 0.75rem;
}
.texto-contenido[data-v-3a263a7d] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-3a263a7d] .dato {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-weight: normal;
}
.texto-contenido[data-v-3a263a7d] .verso {
  font-style: italic;
  margin-bottom: 0.35rem;
}
.texto-contenido[data-v-3a263a7d] .acotacion {
  font-style: italic;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.texto-contenido[data-v-3a263a7d] .dialogo {
  margin-bottom: 0.5rem;
}
.texto-contenido[data-v-3a263a7d] .personaje {
  font-weight: 700;
  color: #93C5FD;
  margin-right: 0.5rem;
}
.texto-autor[data-v-3a263a7d] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: right;
  font-style: italic;
}

/* Desafío container */
.desafio-container[data-v-3a263a7d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3a263a7d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3a263a7d] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Pregunta */
.pregunta-box[data-v-3a263a7d] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-3a263a7d] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-3a263a7d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-3a263a7d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-3a263a7d]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-3a263a7d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-3a263a7d] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-3a263a7d] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-3a263a7d]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-3a263a7d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-3a263a7d] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-3a263a7d] {
  background: #EF4444;
}
.opcion-texto[data-v-3a263a7d] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Feedback */
.feedback-box[data-v-3a263a7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-3a263a7d] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-3a263a7d] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-3a263a7d] {
  flex: 1;
}
.feedback-titulo[data-v-3a263a7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-3a263a7d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-3a263a7d] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-3a263a7d] {
  text-align: center;
}
.btn-verificar[data-v-3a263a7d] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-3a263a7d]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-3a263a7d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3a263a7d] { flex: 1;
}
.nav-btn[data-v-3a263a7d] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-3a263a7d]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-3a263a7d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3a263a7d] { font-size: 1.75rem;
}
.completado-texto[data-v-3a263a7d] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3a263a7d], .slide-leave-active[data-v-3a263a7d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3a263a7d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3a263a7d] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-3a263a7d], .fade-leave-active[data-v-3a263a7d] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-3a263a7d], .fade-leave-to[data-v-3a263a7d] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.texto-contenido[data-v-3a263a7d] {
    max-height: 180px;
}
.opciones-grid[data-v-3a263a7d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-933afe73] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-933afe73] {
  font-size: 2rem;
}
.header-texto[data-v-933afe73] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tipos resumen */
.tipos-resumen[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tipo-card[data-v-933afe73] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.narrativa[data-v-933afe73] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.poesia[data-v-933afe73] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.tipo-card.drama[data-v-933afe73] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-933afe73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-icono[data-v-933afe73] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-933afe73] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.tipo-puntos[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.punto[data-v-933afe73] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Estrategia section */
.estrategia-section[data-v-933afe73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-933afe73] {
  font-weight: 700;
  color: #A78BFA;
  margin-bottom: 1rem;
}
.pasos-estrategia[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-estrategia[data-v-933afe73] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-933afe73] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-933afe73] {
  flex: 1;
}
.paso-nombre[data-v-933afe73] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.paso-desc[data-v-933afe73] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Tips section */
.tips-section[data-v-933afe73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-933afe73] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-933afe73] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-933afe73] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-933afe73] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-933afe73] {
  color: #FFFFFF;
}

/* Errores section */
.errores-section[data-v-933afe73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-933afe73] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-933afe73] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-933afe73] {
  flex-shrink: 0;
}
.error-texto[data-v-933afe73] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Comparación section */
.comparacion-section[data-v-933afe73] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-933afe73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.comparacion-grid[data-v-933afe73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comparacion-item[data-v-933afe73] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-tipo[data-v-933afe73] {
  font-weight: 700;
  color: #A78BFA;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.comp-desc[data-v-933afe73] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-933afe73] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-933afe73] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-933afe73] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-933afe73] {
    flex-direction: row;
}
.tipo-card[data-v-933afe73] {
    flex: 1;
}
.comparacion-grid[data-v-933afe73] {
    flex-direction: row;
}
.comparacion-item[data-v-933afe73] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-d3515d30] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual .icono[data-v-d3515d30] {
  font-size: 2.5rem;
}
.intro-visual .icono[data-v-d3515d30]:nth-child(2) {
  animation: search-d3515d30 2s ease-in-out infinite;
}
@keyframes search-d3515d30 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* Definición box */
.definicion-box[data-v-d3515d30] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-d3515d30] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-d3515d30] {
  flex: 1;
}
.def-titulo[data-v-d3515d30] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-d3515d30] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Tipos section */
.tipos-section[data-v-d3515d30] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d3515d30] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-d3515d30] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-item[data-v-d3515d30] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  text-align: center;
}
.tipo-item.expositivo[data-v-d3515d30] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-item.argumentativo[data-v-d3515d30] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.tipo-item.periodistico[data-v-d3515d30] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-item.cientifico[data-v-d3515d30] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-icono[data-v-d3515d30] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-d3515d30] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-d3515d30] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Qué localizar section */
.que-localizar-section[data-v-d3515d30] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.que-titulo[data-v-d3515d30] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.que-lista[data-v-d3515d30] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.que-item[data-v-d3515d30] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.que-icono[data-v-d3515d30] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.que-texto[data-v-d3515d30] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Diferencia section */
.diferencia-section[data-v-d3515d30] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-d3515d30] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diferencia-contenido[data-v-d3515d30] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.diferencia-item[data-v-d3515d30] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.diferencia-item.literario[data-v-d3515d30] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.diferencia-item.no-literario[data-v-d3515d30] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.dif-tipo[data-v-d3515d30] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.diferencia-item.literario .dif-tipo[data-v-d3515d30] {
  color: #A78BFA;
}
.diferencia-item.no-literario .dif-tipo[data-v-d3515d30] {
  color: #93C5FD;
}
.dif-desc[data-v-d3515d30] {
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.dif-nota[data-v-d3515d30] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-d3515d30] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d3515d30] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d3515d30] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d3515d30] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual .icono[data-v-d3515d30] {
    font-size: 3rem;
}
.tipos-grid[data-v-d3515d30] {
    grid-template-columns: repeat(4, 1fr);
}
.diferencia-contenido[data-v-d3515d30] {
    flex-direction: row;
}
.diferencia-item[data-v-d3515d30] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-50c5a3c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-50c5a3c4] {
  font-size: 2.5rem;
}
.header-texto[data-v-50c5a3c4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Características section */
.caracteristicas-section[data-v-50c5a3c4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.caract-titulo[data-v-50c5a3c4] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.caract-grid[data-v-50c5a3c4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-50c5a3c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.caract-icono[data-v-50c5a3c4] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.caract-texto[data-v-50c5a3c4] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Dónde section */
.donde-section[data-v-50c5a3c4] {
  margin: 1.5rem 0;
}
.donde-titulo[data-v-50c5a3c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.donde-lista[data-v-50c5a3c4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.donde-item[data-v-50c5a3c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.donde-num[data-v-50c5a3c4] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.donde-contenido[data-v-50c5a3c4] {
  flex: 1;
}
.donde-nombre[data-v-50c5a3c4] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.donde-desc[data-v-50c5a3c4] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-50c5a3c4] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-50c5a3c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-50c5a3c4] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-50c5a3c4] {
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.2);
  font-weight: 600;
  font-size: 0.85rem;
  color: #93C5FD;
}
.texto-contenido[data-v-50c5a3c4] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  color: #E9D5FF;
  line-height: 1.7;
  margin: 0;
  font-size: 0.9rem;
}
.texto-contenido .dato[data-v-50c5a3c4] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}
.preguntas-ejemplo[data-v-50c5a3c4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-50c5a3c4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-label[data-v-50c5a3c4] {
  font-size: 1rem;
}
.pregunta-texto[data-v-50c5a3c4] {
  color: #E9D5FF;
}
.pregunta-respuesta[data-v-50c5a3c4] {
  color: #6EE7B7;
  margin-left: auto;
}

/* Palabras section */
.palabras-section[data-v-50c5a3c4] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-50c5a3c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.palabras-grid[data-v-50c5a3c4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.palabra-grupo[data-v-50c5a3c4] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.palabra-tipo[data-v-50c5a3c4] {
  font-weight: 700;
  color: #A78BFA;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.palabra-lista[data-v-50c5a3c4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-50c5a3c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-50c5a3c4] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-50c5a3c4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-50c5a3c4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.palabras-grid[data-v-50c5a3c4] {
    flex-direction: row;
}
.palabra-grupo[data-v-50c5a3c4] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-5d4d7849] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-5d4d7849] {
  font-size: 2.5rem;
}
.header-texto[data-v-5d4d7849] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estructura section */
.estructura-section[data-v-5d4d7849] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-5d4d7849] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.estructura-visual[data-v-5d4d7849] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.estructura-item[data-v-5d4d7849] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
  width: 100%;
  max-width: 300px;
}
.estructura-item.tesis[data-v-5d4d7849] {
  background: rgba(236, 72, 153, 0.15);
  border-color: rgba(236, 72, 153, 0.5);
}
.estructura-item.argumentos[data-v-5d4d7849] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.estructura-item.conclusion[data-v-5d4d7849] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.est-num[data-v-5d4d7849] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.est-nombre[data-v-5d4d7849] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.est-desc[data-v-5d4d7849] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.estructura-flecha[data-v-5d4d7849] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Qué section */
.que-section[data-v-5d4d7849] {
  margin: 1.5rem 0;
}
.que-titulo[data-v-5d4d7849] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.que-grid[data-v-5d4d7849] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.que-item[data-v-5d4d7849] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.que-icono[data-v-5d4d7849] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.que-nombre[data-v-5d4d7849] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.que-ejemplos[data-v-5d4d7849] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo section */
.ejemplo-section[data-v-5d4d7849] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-5d4d7849] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-5d4d7849] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(236, 72, 153, 0.4);
}
.texto-header[data-v-5d4d7849] {
  padding: 0.5rem 1rem;
  background: rgba(236, 72, 153, 0.2);
  font-weight: 600;
  font-size: 0.85rem;
  color: #F9A8D4;
}
.texto-contenido[data-v-5d4d7849] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  color: #E9D5FF;
  line-height: 1.7;
  margin: 0;
  font-size: 0.9rem;
}
.tesis-highlight[data-v-5d4d7849] {
  background: rgba(236, 72, 153, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #F9A8D4;
}
.dato[data-v-5d4d7849] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}
.contra-highlight[data-v-5d4d7849] {
  background: rgba(107, 114, 128, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #D1D5DB;
}
.conclu-highlight[data-v-5d4d7849] {
  background: rgba(16, 185, 129, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #6EE7B7;
}

/* Leyenda */
.leyenda[data-v-5d4d7849] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  justify-content: center;
}
.leyenda-item[data-v-5d4d7849] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.color-box[data-v-5d4d7849] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.leyenda-item.tesis .color-box[data-v-5d4d7849] { background: #F9A8D4;
}
.leyenda-item.dato .color-box[data-v-5d4d7849] { background: #FCD34D;
}
.leyenda-item.contra .color-box[data-v-5d4d7849] { background: #D1D5DB;
}
.leyenda-item.conclu .color-box[data-v-5d4d7849] { background: #6EE7B7;
}
.preguntas-ejemplo[data-v-5d4d7849] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-5d4d7849] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-label[data-v-5d4d7849] {
  font-size: 1rem;
}
.pregunta-texto[data-v-5d4d7849] {
  color: #E9D5FF;
}
.pregunta-respuesta[data-v-5d4d7849] {
  color: #6EE7B7;
  margin-left: auto;
}

/* Palabras section */
.palabras-section[data-v-5d4d7849] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-5d4d7849] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.palabras-grid[data-v-5d4d7849] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.palabra-grupo[data-v-5d4d7849] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.palabra-grupo.tesis[data-v-5d4d7849] { border-color: #EC4899;
}
.palabra-grupo.argumento[data-v-5d4d7849] { border-color: #3B82F6;
}
.palabra-grupo.contra[data-v-5d4d7849] { border-color: #6B7280;
}
.palabra-tipo[data-v-5d4d7849] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.palabra-grupo.tesis .palabra-tipo[data-v-5d4d7849] { color: #F9A8D4;
}
.palabra-grupo.argumento .palabra-tipo[data-v-5d4d7849] { color: #93C5FD;
}
.palabra-grupo.contra .palabra-tipo[data-v-5d4d7849] { color: #D1D5DB;
}
.palabra-lista[data-v-5d4d7849] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-5d4d7849] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5d4d7849] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5d4d7849] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-5d4d7849] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.que-grid[data-v-5d4d7849] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.palabras-grid[data-v-5d4d7849] {
    flex-direction: row;
}
.palabra-grupo[data-v-5d4d7849] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-dcf32315] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-dcf32315] {
  font-size: 2.5rem;
}
.header-texto[data-v-dcf32315] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tipo section */
.tipo-section[data-v-dcf32315] {
  margin: 1.25rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.tipo-section.periodistico[data-v-dcf32315] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-section.cientifico[data-v-dcf32315] {
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-section.instructivo[data-v-dcf32315] {
  border-color: rgba(139, 92, 246, 0.4);
}
.tipo-header[data-v-dcf32315] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.tipo-section.periodistico .tipo-header[data-v-dcf32315] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-section.cientifico .tipo-header[data-v-dcf32315] {
  background: rgba(16, 185, 129, 0.2);
}
.tipo-section.instructivo .tipo-header[data-v-dcf32315] {
  background: rgba(139, 92, 246, 0.2);
}
.tipo-icono[data-v-dcf32315] {
  font-size: 1.5rem;
}
.tipo-titulo[data-v-dcf32315] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.tipo-body[data-v-dcf32315] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.25);
}
.tipo-descripcion[data-v-dcf32315] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.tipo-donde[data-v-dcf32315] {
  margin-bottom: 0.75rem;
}
.donde-subtitulo[data-v-dcf32315] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.donde-grid[data-v-dcf32315] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.donde-item[data-v-dcf32315] {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.donde-icono[data-v-dcf32315] {
  flex-shrink: 0;
}
.tipo-ejemplo[data-v-dcf32315] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.ejemplo-titulo[data-v-dcf32315] {
  font-weight: 600;
  color: #A78BFA;
  margin-right: 0.5rem;
}
.ejemplo-texto[data-v-dcf32315] {
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.5;
}
.dato[data-v-dcf32315] {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-style: normal;
}

/* Comparación section */
.comparacion-section[data-v-dcf32315] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-dcf32315] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.comparacion-tabla[data-v-dcf32315] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-dcf32315] {
  display: flex;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.8rem;
  color: #A78BFA;
}
.tabla-header span[data-v-dcf32315]:first-child {
  width: 40%;
}
.tabla-header span[data-v-dcf32315]:last-child {
  width: 60%;
}
.tabla-row[data-v-dcf32315] {
  display: flex;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
}
.tipo-label[data-v-dcf32315] {
  width: 40%;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-busca[data-v-dcf32315] {
  width: 60%;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-dcf32315] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-dcf32315] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-dcf32315] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-dcf32315] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-section[data-v-dcf32315] {
    margin: 1rem 0;
}
}

.explorador[data-v-73f62992] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-73f62992] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.progreso-item[data-v-73f62992] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-73f62992] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-73f62992] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-73f62992] {
  font-size: 0.9rem;
}

/* Tipo indicator */
.tipo-indicator[data-v-73f62992] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.tipo-indicator.expositivo[data-v-73f62992] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.tipo-indicator.argumentativo[data-v-73f62992] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
  color: #F9A8D4;
}
.tipo-indicator.periodistico[data-v-73f62992] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.tipo-indicator.cientifico[data-v-73f62992] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.tipo-indicator.instructivo[data-v-73f62992] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  color: #A78BFA;
}
.tipo-icono[data-v-73f62992] {
  font-size: 1.25rem;
}

/* Texto de referencia */
.texto-referencia[data-v-73f62992] {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid;
}
.texto-referencia.expositivo[data-v-73f62992] {
  border-color: rgba(59, 130, 246, 0.4);
}
.texto-referencia.argumentativo[data-v-73f62992] {
  border-color: rgba(236, 72, 153, 0.4);
}
.texto-referencia.periodistico[data-v-73f62992] {
  border-color: rgba(245, 158, 11, 0.4);
}
.texto-referencia.cientifico[data-v-73f62992] {
  border-color: rgba(16, 185, 129, 0.4);
}
.texto-referencia.instructivo[data-v-73f62992] {
  border-color: rgba(139, 92, 246, 0.4);
}
.texto-header[data-v-73f62992] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.3);
}
.texto-referencia.expositivo .texto-header[data-v-73f62992] {
  background: rgba(59, 130, 246, 0.2);
}
.texto-referencia.argumentativo .texto-header[data-v-73f62992] {
  background: rgba(236, 72, 153, 0.2);
}
.texto-referencia.periodistico .texto-header[data-v-73f62992] {
  background: rgba(245, 158, 11, 0.2);
}
.texto-referencia.cientifico .texto-header[data-v-73f62992] {
  background: rgba(16, 185, 129, 0.2);
}
.texto-referencia.instructivo .texto-header[data-v-73f62992] {
  background: rgba(139, 92, 246, 0.2);
}
.texto-titulo[data-v-73f62992] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.texto-contenido[data-v-73f62992] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
  max-height: 200px;
  overflow-y: auto;
}
.texto-contenido[data-v-73f62992] p {
  margin: 0 0 0.75rem;
}
.texto-contenido[data-v-73f62992] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-73f62992] .dato {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
  font-weight: normal;
}
.texto-fuente[data-v-73f62992] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: right;
  font-style: italic;
}

/* Desafío container */
.desafio-container[data-v-73f62992] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-73f62992] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-73f62992] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Pregunta */
.pregunta-box[data-v-73f62992] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-73f62992] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-73f62992] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-73f62992] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-73f62992]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-73f62992] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-73f62992] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-73f62992] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-73f62992]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-73f62992] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-73f62992] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-73f62992] {
  background: #EF4444;
}
.opcion-texto[data-v-73f62992] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Feedback */
.feedback-box[data-v-73f62992] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-73f62992] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-73f62992] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-73f62992] {
  flex: 1;
}
.feedback-titulo[data-v-73f62992] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-73f62992] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-73f62992] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-73f62992] {
  text-align: center;
}
.btn-verificar[data-v-73f62992] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-73f62992]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-73f62992] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-73f62992] { flex: 1;
}
.nav-btn[data-v-73f62992] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-73f62992]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-73f62992] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-73f62992] { font-size: 1.75rem;
}
.completado-texto[data-v-73f62992] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-73f62992], .slide-leave-active[data-v-73f62992] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-73f62992] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-73f62992] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-73f62992], .fade-leave-active[data-v-73f62992] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-73f62992], .fade-leave-to[data-v-73f62992] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.texto-contenido[data-v-73f62992] {
    max-height: 180px;
}
.opciones-grid[data-v-73f62992] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Header visual */
.header-visual[data-v-13c9f3fd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-13c9f3fd] {
  font-size: 2.5rem;
}
.header-texto[data-v-13c9f3fd] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen section - Tipos */
.resumen-section[data-v-13c9f3fd] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-13c9f3fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-13c9f3fd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-card[data-v-13c9f3fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.expositivo[data-v-13c9f3fd] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.argumentativo[data-v-13c9f3fd] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.tipo-card.periodistico[data-v-13c9f3fd] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-card.cientifico[data-v-13c9f3fd] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-icono[data-v-13c9f3fd] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tipo-nombre[data-v-13c9f3fd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.tipo-clave[data-v-13c9f3fd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Estrategias section */
.estrategias-section[data-v-13c9f3fd] {
  margin: 1.5rem 0;
}
.estrategias-titulo[data-v-13c9f3fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.estrategias-lista[data-v-13c9f3fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia-item[data-v-13c9f3fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.estrategia-num[data-v-13c9f3fd] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.estrategia-nombre[data-v-13c9f3fd] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.estrategia-desc[data-v-13c9f3fd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Buscar section */
.buscar-section[data-v-13c9f3fd] {
  margin: 1.5rem 0;
}
.buscar-titulo[data-v-13c9f3fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.buscar-tabla[data-v-13c9f3fd] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-row[data-v-13c9f3fd] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-13c9f3fd]:last-child {
  border-bottom: none;
}
.tabla-tipo[data-v-13c9f3fd] {
  font-weight: 600;
  color: #A78BFA;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tabla-donde[data-v-13c9f3fd] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tips section */
.tips-section[data-v-13c9f3fd] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-13c9f3fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tips-grid[data-v-13c9f3fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tip-card[data-v-13c9f3fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-icono[data-v-13c9f3fd] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-13c9f3fd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-13c9f3fd] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-13c9f3fd] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-13c9f3fd] {
  font-size: 2rem;
  flex-shrink: 0;
}
.mensaje-titulo[data-v-13c9f3fd] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.mensaje-texto[data-v-13c9f3fd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.mensaje-texto strong[data-v-13c9f3fd] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-13c9f3fd] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-13c9f3fd] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.estrategias-lista[data-v-13c9f3fd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.tabla-row[data-v-13c9f3fd] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.tabla-tipo[data-v-13c9f3fd] {
    margin-bottom: 0;
    width: 35%;
}
.tabla-donde[data-v-13c9f3fd] {
    width: 65%;
    text-align: right;
}
.tips-grid[data-v-13c9f3fd] {
    grid-template-columns: 1fr 1fr;
}
}

/* Intro visual */
.intro-visual[data-v-7de3b96a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-7de3b96a] {
  font-size: 2.5rem;
}
.icono-llave[data-v-7de3b96a] {
  animation: shake-7de3b96a 2s ease-in-out infinite;
}
.icono-flecha[data-v-7de3b96a] {
  color: #6EE7B7;
  animation: pulse-arrow-7de3b96a 1.5s ease-in-out infinite;
}
.icono-puerta[data-v-7de3b96a] {
  animation: glow-7de3b96a 2s ease-in-out infinite;
}
@keyframes shake-7de3b96a {
0%, 100% { transform: rotate(0deg);
}
25% { transform: rotate(-15deg);
}
75% { transform: rotate(15deg);
}
}
@keyframes pulse-arrow-7de3b96a {
0%, 100% { opacity: 1; transform: translateX(0);
}
50% { opacity: 0.7; transform: translateX(5px);
}
}
@keyframes glow-7de3b96a {
0%, 100% { filter: brightness(1);
}
50% { filter: brightness(1.3);
}
}

/* Definición box */
.definicion-box[data-v-7de3b96a] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-7de3b96a] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-7de3b96a] {
  flex: 1;
}
.def-titulo[data-v-7de3b96a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-7de3b96a] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Problema section */
.problema-section[data-v-7de3b96a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.problema-titulo[data-v-7de3b96a] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.problema-contenido p[data-v-7de3b96a] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}
.problema-ejemplo[data-v-7de3b96a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.tiempo-icono[data-v-7de3b96a] {
  font-size: 1.25rem;
}
.tiempo-texto[data-v-7de3b96a] {
  color: #FCA5A5;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Solución section */
.solucion-section[data-v-7de3b96a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.solucion-titulo[data-v-7de3b96a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.solucion-contenido p[data-v-7de3b96a] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}
.solucion-ejemplo[data-v-7de3b96a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.solucion-ejemplo .tiempo-texto[data-v-7de3b96a] {
  color: #6EE7B7;
}

/* Ejemplo section */
.ejemplo-section[data-v-7de3b96a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-7de3b96a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-ejemplo[data-v-7de3b96a] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-7de3b96a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-7de3b96a] {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5;
}
.palabra-clave[data-v-7de3b96a] {
  background: rgba(245, 158, 11, 0.3);
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-weight: 600;
}
.palabras-detectadas[data-v-7de3b96a] {
  margin-bottom: 1rem;
}
.pc-label[data-v-7de3b96a] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pc-tags[data-v-7de3b96a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pc-tag[data-v-7de3b96a] {
  padding: 0.3rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.busqueda-accion[data-v-7de3b96a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
}
.busqueda-icono[data-v-7de3b96a] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.busqueda-texto[data-v-7de3b96a] {
  color: #6EE7B7;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-7de3b96a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7de3b96a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7de3b96a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-7de3b96a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-7de3b96a] {
    font-size: 3rem;
}
}

/* Tipos section */
.tipos-section[data-v-d76e9d85] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d76e9d85] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.tipos-grid[data-v-d76e9d85] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-item[data-v-d76e9d85] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-d76e9d85] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.sustantivos[data-v-d76e9d85] { background: rgba(59, 130, 246, 0.25);
}
.tipo-header.numeros[data-v-d76e9d85] { background: rgba(16, 185, 129, 0.25);
}
.tipo-header.verbos[data-v-d76e9d85] { background: rgba(245, 158, 11, 0.25);
}
.tipo-header.especificos[data-v-d76e9d85] { background: rgba(139, 92, 246, 0.25);
}
.tipo-icono[data-v-d76e9d85] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-d76e9d85] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-body[data-v-d76e9d85] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-desc[data-v-d76e9d85] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-d76e9d85] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ejemplo-tag[data-v-d76e9d85] {
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* No clave section */
.no-clave-section[data-v-d76e9d85] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.no-clave-titulo[data-v-d76e9d85] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.no-clave-grid[data-v-d76e9d85] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.no-clave-item[data-v-d76e9d85] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.no-icono[data-v-d76e9d85] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.no-texto[data-v-d76e9d85] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Proceso section */
.proceso-section[data-v-d76e9d85] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-d76e9d85] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
}
.pasos-lista[data-v-d76e9d85] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-d76e9d85] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-numero[data-v-d76e9d85] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
  font-size: 0.9rem;
}
.paso-contenido[data-v-d76e9d85] {
  flex: 1;
}
.paso-titulo[data-v-d76e9d85] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.paso-desc[data-v-d76e9d85] {
  color: #C4B5FD;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-d76e9d85] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-d76e9d85] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-analisis[data-v-d76e9d85] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-original[data-v-d76e9d85] {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.6;
}
.pc[data-v-d76e9d85] {
  background: rgba(245, 158, 11, 0.3);
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-weight: 600;
}
.analisis-resultado[data-v-d76e9d85] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-d76e9d85] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.check[data-v-d76e9d85] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.analisis-texto[data-v-d76e9d85] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.analisis-texto strong[data-v-d76e9d85] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-d76e9d85] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d76e9d85] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d76e9d85] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d76e9d85] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-d76e9d85] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.no-clave-grid[data-v-d76e9d85] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Intro visual */
.intro-visual[data-v-e77f8671] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.palabra-cambia[data-v-e77f8671] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
}
.palabra-original[data-v-e77f8671] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.flecha[data-v-e77f8671] {
  font-size: 1.25rem;
  animation: swap-e77f8671 2s ease-in-out infinite;
}
@keyframes swap-e77f8671 {
0%, 100% { transform: scaleX(1);
}
50% { transform: scaleX(-1);
}
}
.palabra-sinonimo[data-v-e77f8671] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Alerta box */
.alerta-box[data-v-e77f8671] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.alerta-icono[data-v-e77f8671] {
  font-size: 2rem;
  flex-shrink: 0;
}
.alerta-titulo[data-v-e77f8671] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
}
.alerta-texto[data-v-e77f8671] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Concepto section */
.concepto-section[data-v-e77f8671] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.concepto-titulo[data-v-e77f8671] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.concepto-def[data-v-e77f8671] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}

/* Ejemplos sinónimos */
.ejemplos-sinonimos[data-v-e77f8671] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sinonimo-grupo[data-v-e77f8671] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sinonimo-original[data-v-e77f8671] {
  color: #93C5FD;
  font-weight: 700;
  font-size: 0.95rem;
}
.igual[data-v-e77f8671] {
  color: #C4B5FD;
}
.sinonimo-equiv[data-v-e77f8671] {
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Paráfrasis ejemplo */
.parafrasis-ejemplo[data-v-e77f8671] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.para-item[data-v-e77f8671] {
  margin-bottom: 0.5rem;
}
.para-label[data-v-e77f8671] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.para-texto[data-v-e77f8671] {
  font-size: 0.95rem;
  line-height: 1.4;
}
.para-texto.original[data-v-e77f8671] {
  color: #93C5FD;
}
.para-texto.parafraseado[data-v-e77f8671] {
  color: #6EE7B7;
}
.para-flecha[data-v-e77f8671] {
  text-align: center;
  color: #FCD34D;
  font-size: 0.85rem;
  margin: 0.75rem 0;
}

/* Tabla section */
.tabla-section[data-v-e77f8671] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-e77f8671] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-contenido[data-v-e77f8671] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.tabla-fila[data-v-e77f8671] {
  display: flex;
  padding: 0.6rem 0.75rem;
  gap: 1rem;
}
.tabla-fila.header[data-v-e77f8671] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-fila[data-v-e77f8671]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-pregunta[data-v-e77f8671] {
  flex: 0 0 35%;
  font-weight: 600;
  color: #93C5FD;
  font-size: 0.9rem;
}
.tabla-fila.header .col-pregunta[data-v-e77f8671] {
  color: #FFFFFF;
}
.col-texto[data-v-e77f8671] {
  flex: 1;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tabla-fila.header .col-texto[data-v-e77f8671] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Estrategia section */
.estrategia-section[data-v-e77f8671] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.estrategia-titulo[data-v-e77f8671] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.estrategia-contenido p[data-v-e77f8671] {
  color: #E9D5FF;
  margin: 0 0 1rem;
  line-height: 1.5;
}
.estrategia-ejemplo[data-v-e77f8671] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.palabra-base[data-v-e77f8671] {
  margin-bottom: 0.75rem;
}
.base-label[data-v-e77f8671] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.2rem;
}
.base-palabra[data-v-e77f8671] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1.1rem;
}
.alt-label[data-v-e77f8671] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  display: block;
}
.alt-lista[data-v-e77f8671] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.alt-item[data-v-e77f8671] {
  padding: 0.3rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 9999px;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-e77f8671] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e77f8671] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e77f8671] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-e77f8671] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.palabra-cambia[data-v-e77f8671] {
    padding: 1rem 2rem;
}
.palabra-original[data-v-e77f8671],
  .palabra-sinonimo[data-v-e77f8671],
  .flecha[data-v-e77f8671] {
    font-size: 1.5rem;
}
}

.explorador[data-v-d8d6e921] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-d8d6e921] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-d8d6e921] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-d8d6e921] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d8d6e921] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-d8d6e921] {
  font-size: 1rem;
}

/* Tipo desafío */
.tipo-desafio[data-v-d8d6e921] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.tipo-desafio.identificar[data-v-d8d6e921] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.tipo-desafio.sinonimos[data-v-d8d6e921] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.tipo-icono[data-v-d8d6e921] {
  font-size: 1.25rem;
}

/* Desafío container */
.desafio-container[data-v-d8d6e921] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}

/* Pregunta PAES */
.pregunta-paes[data-v-d8d6e921],
.pregunta-sinonimo[data-v-d8d6e921] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-d8d6e921] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pregunta-texto[data-v-d8d6e921] {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5;
}

/* Instrucción mini */
.instruccion-mini[data-v-d8d6e921] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  text-align: center;
}
.instruccion-mini strong[data-v-d8d6e921] {
  color: #FCD34D;
}
.palabra-buscar[data-v-d8d6e921] {
  color: #FCD34D;
  font-weight: 700;
}

/* Palabras grid (para identificar) */
.palabras-grid[data-v-d8d6e921] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.palabra-btn[data-v-d8d6e921] {
  padding: 0.5rem 0.85rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 9999px;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.palabra-btn[data-v-d8d6e921]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.palabra-btn.seleccionada[data-v-d8d6e921] {
  background: rgba(245, 158, 11, 0.25);
  border-color: #FCD34D;
  color: #FCD34D;
}
.palabra-btn.correcta[data-v-d8d6e921] {
  background: rgba(16, 185, 129, 0.25) !important;
  border-color: #10B981 !important;
  color: #6EE7B7 !important;
}
.palabra-btn.incorrecta[data-v-d8d6e921] {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: #EF4444 !important;
  color: #FCA5A5 !important;
}
.palabra-btn.disabled[data-v-d8d6e921] {
  opacity: 0.5;
  cursor: not-allowed;
}
.palabra-btn[data-v-d8d6e921]:disabled {
  cursor: not-allowed;
}

/* Texto referencia (para sinónimos) */
.texto-referencia[data-v-d8d6e921] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-d8d6e921] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-d8d6e921] {
  font-size: 1rem;
}
.texto-titulo[data-v-d8d6e921] {
  font-weight: 600;
  color: #93C5FD;
  font-size: 0.85rem;
}
.texto-contenido[data-v-d8d6e921] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.texto-contenido[data-v-d8d6e921] .resaltado {
  background: rgba(16, 185, 129, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #6EE7B7;
}

/* Opciones grid (para sinónimos) */
.opciones-grid[data-v-d8d6e921] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-d8d6e921] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-d8d6e921]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-d8d6e921] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-d8d6e921] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-d8d6e921] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-d8d6e921]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-d8d6e921] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-d8d6e921] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-d8d6e921] {
  background: #EF4444;
}
.opcion-texto[data-v-d8d6e921] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Feedback */
.feedback-box[data-v-d8d6e921] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-d8d6e921] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-d8d6e921] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-d8d6e921] {
  flex: 1;
}
.feedback-titulo[data-v-d8d6e921] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.feedback-explicacion[data-v-d8d6e921] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-d8d6e921] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-d8d6e921] {
  text-align: center;
}
.btn-verificar[data-v-d8d6e921] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-d8d6e921]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-d8d6e921] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d8d6e921] { flex: 1;
}
.nav-btn[data-v-d8d6e921] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-d8d6e921]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-d8d6e921] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d8d6e921] { font-size: 1.75rem;
}
.completado-contenido[data-v-d8d6e921] {
  display: flex;
  flex-direction: column;
}
.completado-texto[data-v-d8d6e921] { 
  font-size: 0.95rem; 
  font-weight: 600; 
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d8d6e921], .slide-leave-active[data-v-d8d6e921] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d8d6e921] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d8d6e921] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-d8d6e921], .fade-leave-active[data-v-d8d6e921] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-d8d6e921], .fade-leave-to[data-v-d8d6e921] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-d8d6e921] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-7e9a5e4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 1rem;
}
.resumen-icono[data-v-7e9a5e4b] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-7e9a5e4b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-7e9a5e4b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-7e9a5e4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 4px solid #8B5CF6;
}
.punto-numero[data-v-7e9a5e4b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
  font-size: 0.85rem;
}
.punto-contenido[data-v-7e9a5e4b] {
  flex: 1;
}
.punto-titulo[data-v-7e9a5e4b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.punto-desc[data-v-7e9a5e4b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.punto-desc strong[data-v-7e9a5e4b] {
  color: #FCD34D;
}

/* Tabla rápida */
.tabla-rapida[data-v-7e9a5e4b] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.tabla-titulo[data-v-7e9a5e4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.equivalencias-grid[data-v-7e9a5e4b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.equiv-item[data-v-7e9a5e4b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.equiv-pregunta[data-v-7e9a5e4b] {
  color: #93C5FD;
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 90px;
}
.equiv-flecha[data-v-7e9a5e4b] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.equiv-texto[data-v-7e9a5e4b] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Estrategia PAES */
.estrategia-paes[data-v-7e9a5e4b] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.estrategia-header[data-v-7e9a5e4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.estrategia-icono[data-v-7e9a5e4b] {
  font-size: 1.5rem;
}
.estrategia-titulo[data-v-7e9a5e4b] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.estrategia-pasos[data-v-7e9a5e4b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.est-paso[data-v-7e9a5e4b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.est-num[data-v-7e9a5e4b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.est-texto[data-v-7e9a5e4b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.est-texto strong[data-v-7e9a5e4b] {
  color: #FFFFFF;
}

/* Advertencia */
.advertencia[data-v-7e9a5e4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.advertencia-icono[data-v-7e9a5e4b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.advertencia-contenido[data-v-7e9a5e4b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.advertencia-titulo[data-v-7e9a5e4b] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.advertencia-texto[data-v-7e9a5e4b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.advertencia-texto strong[data-v-7e9a5e4b] {
  color: #FCA5A5;
}

/* Tip final */
.tip-final[data-v-7e9a5e4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-7e9a5e4b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7e9a5e4b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-7e9a5e4b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.equivalencias-grid[data-v-7e9a5e4b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Intro visual */
.intro-visual[data-v-d576a464] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-d576a464] {
  font-size: 2.5rem;
}
.intro-visual .icono-lupa[data-v-d576a464] {
  animation: search-d576a464 2s ease-in-out infinite;
}
.intro-visual .icono-libro[data-v-d576a464] {
  font-size: 3rem;
}
.intro-visual .icono-check[data-v-d576a464] {
  font-size: 2rem;
  color: #6EE7B7;
  font-weight: 800;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes search-d576a464 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* Definición box */
.definicion-box[data-v-d576a464] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-d576a464] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-d576a464] {
  flex: 1;
}
.def-titulo[data-v-d576a464] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-d576a464] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía */
.analogia-section[data-v-d576a464] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-d576a464] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.analogia-grid[data-v-d576a464] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-d576a464] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-icono[data-v-d576a464] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.analogia-texto[data-v-d576a464] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tipos de información */
.tipos-section[data-v-d576a464] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d576a464] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-d576a464] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-d576a464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-d576a464] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-texto[data-v-d576a464] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Importancia */
.importancia-section[data-v-d576a464] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.importancia-titulo[data-v-d576a464] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.importancia-contenido[data-v-d576a464] {
  text-align: center;
}
.importancia-stat[data-v-d576a464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.stat-numero[data-v-d576a464] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.stat-texto[data-v-d576a464] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.importancia-nota[data-v-d576a464] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-d576a464] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d576a464] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-d576a464] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d576a464] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-d576a464] {
    font-size: 3rem;
}
.intro-visual .icono-libro[data-v-d576a464] {
    font-size: 3.5rem;
}
.analogia-grid[data-v-d576a464] {
    flex-direction: row;
}
.analogia-item[data-v-d576a464] {
    flex: 1;
}
.tipos-grid[data-v-d576a464] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Comparación section */
.comparacion-section[data-v-a600ddd6] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a600ddd6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-a600ddd6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparar-item[data-v-a600ddd6] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.comparar-item.explicito[data-v-a600ddd6] {
  border-color: rgba(16, 185, 129, 0.4);
}
.comparar-item.implicito[data-v-a600ddd6] {
  border-color: rgba(239, 68, 68, 0.4);
}
.comparar-header[data-v-a600ddd6] {
  padding: 0.6rem 1rem;
  font-weight: 700;
  font-size: 0.95rem;
}
.comparar-item.explicito .comparar-header[data-v-a600ddd6] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comparar-item.implicito .comparar-header[data-v-a600ddd6] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.comparar-cuerpo[data-v-a600ddd6] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.comparar-def[data-v-a600ddd6] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-texto[data-v-a600ddd6] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-style: italic;
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.resaltado[data-v-a600ddd6] {
  background: rgba(16, 185, 129, 0.3);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}
.comparar-nota[data-v-a600ddd6] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Reconocer preguntas */
.reconocer-section[data-v-a600ddd6] {
  margin: 1.5rem 0;
}
.reconocer-titulo[data-v-a600ddd6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pistas-grid[data-v-a600ddd6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pista-item[data-v-a600ddd6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pista-icono[data-v-a600ddd6] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pista-contenido[data-v-a600ddd6] {
  flex: 1;
}
.pista-frase[data-v-a600ddd6] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.pista-desc[data-v-a600ddd6] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-a600ddd6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-a600ddd6] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.texto-ejemplo[data-v-a600ddd6] {
  margin-bottom: 1rem;
}
.texto-label[data-v-a600ddd6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.texto-contenido[data-v-a600ddd6] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.dato[data-v-a600ddd6] {
  background: rgba(245, 158, 11, 0.3);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-weight: 600;
}
.pregunta-ejemplo[data-v-a600ddd6] {
  margin-bottom: 0.75rem;
}
.pregunta-label[data-v-a600ddd6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-a600ddd6] {
  font-style: italic;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.respuesta-ejemplo[data-v-a600ddd6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.respuesta-label[data-v-a600ddd6] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.respuesta-valor[data-v-a600ddd6] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.respuesta-nota[data-v-a600ddd6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Diferencia box */
.diferencia-box[data-v-a600ddd6] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.diferencia-icono[data-v-a600ddd6] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.diferencia-contenido[data-v-a600ddd6] {
  flex: 1;
}
.diferencia-titulo[data-v-a600ddd6] {
  font-weight: 700;
  color: #D8B4FE;
  margin-bottom: 0.75rem;
}
.diferencia-tabla[data-v-a600ddd6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.diferencia-fila[data-v-a600ddd6] {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.diferencia-fila.header[data-v-a600ddd6] {
  background: rgba(0, 0, 0, 0.2);
}
.diferencia-fila.localizar[data-v-a600ddd6] {
  background: rgba(16, 185, 129, 0.15);
}
.diferencia-fila.interpretar[data-v-a600ddd6] {
  background: rgba(59, 130, 246, 0.15);
}
.col-tipo[data-v-a600ddd6] {
  width: 80px;
  font-weight: 600;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.diferencia-fila.header .col-tipo[data-v-a600ddd6] {
  color: #C4B5FD;
}
.diferencia-fila.localizar .col-tipo[data-v-a600ddd6] {
  color: #6EE7B7;
}
.diferencia-fila.interpretar .col-tipo[data-v-a600ddd6] {
  color: #93C5FD;
}
.col-desc[data-v-a600ddd6] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a600ddd6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a600ddd6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a600ddd6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-a600ddd6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-a600ddd6] {
    flex-direction: row;
}
.comparar-item[data-v-a600ddd6] {
    flex: 1;
}
.pistas-grid[data-v-a600ddd6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Estrategia cards */
.estrategia-card[data-v-4e4e9f4a] {
  margin: 1.25rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.estrategia-header[data-v-4e4e9f4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.estrategia-numero[data-v-4e4e9f4a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.estrategia-icono[data-v-4e4e9f4a] {
  font-size: 1.25rem;
}
.estrategia-nombre[data-v-4e4e9f4a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.estrategia-body[data-v-4e4e9f4a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.estrategia-desc[data-v-4e4e9f4a] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Ejemplo estrategia 1 */
.estrategia-ejemplo[data-v-4e4e9f4a] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.pregunta-demo[data-v-4e4e9f4a] {
  font-style: italic;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.keyword[data-v-4e4e9f4a] {
  background: rgba(245, 158, 11, 0.3);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-weight: 600;
}
.palabras-clave[data-v-4e4e9f4a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.palabras-clave .label[data-v-4e4e9f4a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.keyword-tag[data-v-4e4e9f4a] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Scanning demo */
.scanning-demo[data-v-4e4e9f4a] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.texto-scanning[data-v-4e4e9f4a] {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.texto-gris[data-v-4e4e9f4a] {
  color: rgba(255, 255, 255, 0.3);
}
.texto-resaltado[data-v-4e4e9f4a] {
  background: rgba(16, 185, 129, 0.3);
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}
.scanning-arrow[data-v-4e4e9f4a] {
  text-align: center;
  color: #6EE7B7;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Sinónimos ejemplo */
.sinonimos-ejemplo[data-v-4e4e9f4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sinonimo-item[data-v-4e4e9f4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.original[data-v-4e4e9f4a] {
  font-weight: 600;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.flecha[data-v-4e4e9f4a] {
  color: #C4B5FD;
}
.sinonimo[data-v-4e4e9f4a] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Verificación lista */
.verificacion-lista[data-v-4e4e9f4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.verificacion-item[data-v-4e4e9f4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.verificacion-item .check[data-v-4e4e9f4a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Proceso section */
.proceso-section[data-v-4e4e9f4a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.proceso-titulo[data-v-4e4e9f4a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  text-align: center;
}
.proceso-pasos[data-v-4e4e9f4a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.proceso-paso[data-v-4e4e9f4a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-4e4e9f4a] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.paso-texto[data-v-4e4e9f4a] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 500;
}
.proceso-flecha[data-v-4e4e9f4a] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-4e4e9f4a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4e4e9f4a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-4e4e9f4a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-4e4e9f4a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-pasos[data-v-4e4e9f4a] {
    flex-wrap: nowrap;
}
.sinonimos-ejemplo[data-v-4e4e9f4a] {
    flex-direction: row;
}
.sinonimo-item[data-v-4e4e9f4a] {
    flex: 1;
}
}

.explorador[data-v-ac144e86] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-ac144e86] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-ac144e86] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-ac144e86] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ac144e86] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-ac144e86] {
  font-size: 1rem;
}

/* Texto de referencia */
.texto-referencia[data-v-ac144e86] {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-ac144e86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-ac144e86] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-ac144e86] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.texto-contenido[data-v-ac144e86] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
  max-height: 200px;
  overflow-y: auto;
}
.texto-contenido[data-v-ac144e86] p {
  margin: 0 0 0.75rem;
}
.texto-contenido[data-v-ac144e86] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-ac144e86] .dato {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}

/* Desafío container */
.desafio-container[data-v-ac144e86] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ac144e86] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ac144e86] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Pregunta */
.pregunta-box[data-v-ac144e86] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-ac144e86] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

/* Opciones */
.opciones-grid[data-v-ac144e86] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-ac144e86] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-ac144e86]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-ac144e86] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-ac144e86] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-ac144e86] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-ac144e86]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-ac144e86] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-ac144e86] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-ac144e86] {
  background: #EF4444;
}
.opcion-texto[data-v-ac144e86] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Feedback */
.feedback-box[data-v-ac144e86] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-ac144e86] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-ac144e86] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-ac144e86] {
  flex: 1;
}
.feedback-titulo[data-v-ac144e86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-ac144e86] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-ac144e86] strong {
  color: #6EE7B7;
}

/* Acción container */
.accion-container[data-v-ac144e86] {
  text-align: center;
}
.btn-verificar[data-v-ac144e86] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-ac144e86]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-ac144e86] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ac144e86] { flex: 1;
}
.nav-btn[data-v-ac144e86] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-ac144e86]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-ac144e86] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ac144e86] { font-size: 1.75rem;
}
.completado-texto[data-v-ac144e86] { font-size: 0.95rem; font-weight: 600; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ac144e86], .slide-leave-active[data-v-ac144e86] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ac144e86] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ac144e86] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-ac144e86], .fade-leave-active[data-v-ac144e86] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-ac144e86], .fade-leave-to[data-v-ac144e86] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.texto-contenido[data-v-ac144e86] {
    max-height: 180px;
}
.opciones-grid[data-v-ac144e86] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Resumen header */
.resumen-header[data-v-8c1a5c59] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-8c1a5c59] {
  font-size: 2rem;
}
.header-texto[data-v-8c1a5c59] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-8c1a5c59] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-8c1a5c59] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.punto-icono[data-v-8c1a5c59] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-8c1a5c59] {
  flex: 1;
}
.punto-titulo[data-v-8c1a5c59] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.punto-desc[data-v-8c1a5c59] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Diferencias section */
.diferencias-section[data-v-8c1a5c59] {
  margin: 1.5rem 0;
}
.diferencias-titulo[data-v-8c1a5c59] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diferencias-grid[data-v-8c1a5c59] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-8c1a5c59] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.diferencia-item.localizar[data-v-8c1a5c59] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.diferencia-item.interpretar[data-v-8c1a5c59] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.diferencia-item.evaluar[data-v-8c1a5c59] {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
}
.diferencia-tipo[data-v-8c1a5c59] {
  font-weight: 700;
  font-size: 0.9rem;
}
.diferencia-item.localizar .diferencia-tipo[data-v-8c1a5c59] { color: #6EE7B7;
}
.diferencia-item.interpretar .diferencia-tipo[data-v-8c1a5c59] { color: #93C5FD;
}
.diferencia-item.evaluar .diferencia-tipo[data-v-8c1a5c59] { color: #D8B4FE;
}
.diferencia-desc[data-v-8c1a5c59] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips section */
.tips-section[data-v-8c1a5c59] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tips-titulo[data-v-8c1a5c59] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-8c1a5c59] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-8c1a5c59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-8c1a5c59] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-8c1a5c59] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Errores section */
.errores-section[data-v-8c1a5c59] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
}
.errores-titulo[data-v-8c1a5c59] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-8c1a5c59] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-8c1a5c59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-8c1a5c59] {
  flex-shrink: 0;
}
.error-texto[data-v-8c1a5c59] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Próximos pasos */
.proximos-section[data-v-8c1a5c59] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.proximos-header[data-v-8c1a5c59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.proximos-icono[data-v-8c1a5c59] {
  font-size: 1.5rem;
}
.proximos-titulo[data-v-8c1a5c59] {
  font-weight: 700;
  color: #93C5FD;
}
.proximos-contenido p[data-v-8c1a5c59] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista[data-v-8c1a5c59] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.proximos-lista li[data-v-8c1a5c59] {
  margin-bottom: 0.35rem;
}

/* Mensaje final */
.mensaje-final[data-v-8c1a5c59] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-8c1a5c59] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-8c1a5c59] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.diferencias-grid[data-v-8c1a5c59] {
    flex-direction: row;
}
.diferencia-item[data-v-8c1a5c59] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-8621c9ec] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.intro-visual span[data-v-8621c9ec] {
  font-size: 2.5rem;
}
.intro-visual .icono-ojo[data-v-8621c9ec] {
  animation: look-8621c9ec 2s ease-in-out infinite;
}
.intro-visual .icono-flash[data-v-8621c9ec] {
  color: #FCD34D;
  animation: pulse-8621c9ec 1s ease-in-out infinite;
}
@keyframes look-8621c9ec {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-8px);
}
75% { transform: translateX(8px);
}
}
@keyframes pulse-8621c9ec {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.15); opacity: 0.8;
}
}

/* Definición box */
.definicion-box[data-v-8621c9ec] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-8621c9ec] {
  font-size: 2rem;
  flex-shrink: 0;
}
.def-contenido[data-v-8621c9ec] {
  flex: 1;
}
.def-titulo[data-v-8621c9ec] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.def-texto[data-v-8621c9ec] {
  color: #FFFFFF;
  line-height: 1.5;
}

/* Analogía radar */
.analogia-section[data-v-8621c9ec] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.analogia-titulo[data-v-8621c9ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.analogia-contenido[data-v-8621c9ec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.radar-visual[data-v-8621c9ec] {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radar-circulo[data-v-8621c9ec] {
  width: 80px;
  height: 80px;
  border: 3px solid rgba(16, 185, 129, 0.5);
  border-radius: 50%;
  position: relative;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, transparent 70%);
}
.radar-linea[data-v-8621c9ec] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background: #6EE7B7;
  transform-origin: left center;
  animation: radar-sweep-8621c9ec 2s linear infinite;
}
@keyframes radar-sweep-8621c9ec {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.radar-punto[data-v-8621c9ec] {
  position: absolute;
  top: 20%;
  right: 25%;
  width: 8px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
  animation: radar-blink-8621c9ec 2s ease-in-out infinite;
}
@keyframes radar-blink-8621c9ec {
0%, 70%, 100% { opacity: 0.3;
}
75%, 95% { opacity: 1;
}
}
.analogia-texto[data-v-8621c9ec] {
  text-align: center;
}
.analogia-texto p[data-v-8621c9ec] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Comparación */
.comparacion-section[data-v-8621c9ec] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-8621c9ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.comparacion-grid[data-v-8621c9ec] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comparacion-item[data-v-8621c9ec] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.comparacion-item.lectura[data-v-8621c9ec] {
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.comparacion-item.scanning[data-v-8621c9ec] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.comp-header[data-v-8621c9ec] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.comparacion-item.lectura .comp-header[data-v-8621c9ec] {
  background: rgba(139, 92, 246, 0.2);
}
.comparacion-item.scanning .comp-header[data-v-8621c9ec] {
  background: rgba(16, 185, 129, 0.2);
}
.comp-icono[data-v-8621c9ec] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-8621c9ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.comp-body[data-v-8621c9ec] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.comp-lista[data-v-8621c9ec] {
  margin: 0;
  padding: 0 0 0 1.25rem;
  list-style: disc;
}
.comp-lista li[data-v-8621c9ec] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* Usos section */
.usos-section[data-v-8621c9ec] {
  margin: 1.5rem 0;
}
.usos-titulo[data-v-8621c9ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.usos-grid[data-v-8621c9ec] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.uso-item[data-v-8621c9ec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.uso-icono[data-v-8621c9ec] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.uso-texto[data-v-8621c9ec] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}

/* Tip */
.tip[data-v-8621c9ec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8621c9ec] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-8621c9ec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-8621c9ec] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual span[data-v-8621c9ec] {
    font-size: 3rem;
}
.analogia-contenido[data-v-8621c9ec] {
    flex-direction: row;
    text-align: left;
}
.analogia-texto[data-v-8621c9ec] {
    text-align: left;
}
.comparacion-grid[data-v-8621c9ec] {
    flex-direction: row;
}
.comparacion-item[data-v-8621c9ec] {
    flex: 1;
}
.usos-grid[data-v-8621c9ec] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Paso cards */
.paso-card[data-v-60934c57] {
  margin: 1.25rem 0;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.paso-card.destacado[data-v-60934c57] {
  border-color: rgba(16, 185, 129, 0.5);
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.15);
}
.paso-header[data-v-60934c57] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.paso-card.destacado .paso-header[data-v-60934c57] {
  background: rgba(16, 185, 129, 0.2);
}
.paso-numero[data-v-60934c57] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  color: white;
}
.paso-card.destacado .paso-numero[data-v-60934c57] {
  background: #10B981;
}
.paso-titulo[data-v-60934c57] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.paso-body[data-v-60934c57] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.paso-desc[data-v-60934c57] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Ejemplo paso 1 */
.paso-ejemplo[data-v-60934c57] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-pregunta[data-v-60934c57] {
  font-style: italic;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-busqueda[data-v-60934c57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.busco-label[data-v-60934c57] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.busco-item[data-v-60934c57] {
  padding: 0.25rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.85rem;
  font-weight: 600;
}
.busco-item.fecha[data-v-60934c57] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}

/* Palabras clave demo */
.palabras-clave-demo[data-v-60934c57] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.palabras-lista[data-v-60934c57] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.palabra-clave[data-v-60934c57] {
  padding: 0.3rem 0.75rem;
  background: rgba(245, 158, 11, 0.25);
  border: 1px solid rgba(245, 158, 11, 0.5);
  border-radius: 9999px;
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.9rem;
}
.palabras-tip[data-v-60934c57] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.palabras-tip .sinonimos[data-v-60934c57] {
  color: #E9D5FF;
  font-style: italic;
}

/* Zigzag demo */
.zigzag-demo[data-v-60934c57] {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.texto-demo[data-v-60934c57] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.linea-texto[data-v-60934c57] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.palabra-gris[data-v-60934c57] {
  color: rgba(255, 255, 255, 0.35);
}
.palabra-encontrada[data-v-60934c57] {
  background: rgba(16, 185, 129, 0.35);
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}
.zigzag-linea[data-v-60934c57] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.zigzag-svg[data-v-60934c57] {
  width: 100%;
  height: 100%;
}
.zigzag-path[data-v-60934c57] {
  animation: dash-60934c57 3s linear infinite;
}
@keyframes dash-60934c57 {
to {
    stroke-dashoffset: -20;
}
}
.zigzag-punto[data-v-60934c57] {
  animation: pulse-punto-60934c57 1s ease-in-out infinite;
}
@keyframes pulse-punto-60934c57 {
0%, 100% { r: 6; opacity: 1;
}
50% { r: 8; opacity: 0.8;
}
}

/* Técnica tips */
.tecnica-tips[data-v-60934c57] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tecnica-tip[data-v-60934c57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.tip-check[data-v-60934c57] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Contexto demo */
.contexto-demo[data-v-60934c57] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.texto-contexto[data-v-60934c57] {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.contexto-antes[data-v-60934c57], .contexto-despues[data-v-60934c57] {
  color: rgba(255, 255, 255, 0.6);
}
.contexto-clave[data-v-60934c57] {
  background: rgba(16, 185, 129, 0.3);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}
.contexto-resultado[data-v-60934c57] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resultado-check[data-v-60934c57] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  color: white;
  font-size: 0.85rem;
}
.resultado-texto[data-v-60934c57] {
  color: #E9D5FF;
}
.resultado-texto strong[data-v-60934c57] {
  color: #FFFFFF;
}

/* Resumen proceso */
.resumen-proceso[data-v-60934c57] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.resumen-titulo[data-v-60934c57] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  text-align: center;
}
.resumen-pasos[data-v-60934c57] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
}
.resumen-paso[data-v-60934c57] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rp-num[data-v-60934c57] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
}
.rp-texto[data-v-60934c57] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 500;
}
.resumen-flecha[data-v-60934c57] {
  color: #FCD34D;
  font-size: 0.9rem;
}

/* Tip final */
.tip[data-v-60934c57] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-60934c57] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-60934c57] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-60934c57] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-pasos[data-v-60934c57] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.resumen-paso[data-v-60934c57] {
    padding: 0.4rem 0.75rem;
}
.rp-texto[data-v-60934c57] {
    font-size: 0.85rem;
}
.tecnica-tips[data-v-60934c57] {
    flex-direction: row;
    justify-content: space-between;
}
}

/* Tipos section */
.tipos-section[data-v-23b00076] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-23b00076] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-grid[data-v-23b00076] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-23b00076] {
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.tipo-header[data-v-23b00076] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.tipo-icono[data-v-23b00076] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-23b00076] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-body[data-v-23b00076] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-ejemplo[data-v-23b00076] {
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.tipo-buscar[data-v-23b00076] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.buscar-label[data-v-23b00076] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.buscar-dato[data-v-23b00076] {
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Pistas section */
.pistas-section[data-v-23b00076] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.pistas-titulo[data-v-23b00076] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pistas-intro[data-v-23b00076] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.pistas-grid[data-v-23b00076] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.pista-item[data-v-23b00076] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pista-visual[data-v-23b00076] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.pista-visual.numeros[data-v-23b00076] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  font-family: monospace;
  font-size: 1.1rem;
}
.pista-visual.mayusculas[data-v-23b00076] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  font-size: 0.9rem;
}
.pista-visual.comillas[data-v-23b00076] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  font-style: italic;
  font-size: 0.9rem;
}
.pista-visual.negrita[data-v-23b00076] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
  font-size: 0.9rem;
}
.pista-desc[data-v-23b00076] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pista-desc strong[data-v-23b00076] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-23b00076] {
  margin: 1.5rem 0;
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  overflow: hidden;
}
.ejemplo-titulo[data-v-23b00076] {
  padding: 0.75rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-pregunta-demo[data-v-23b00076] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
}
.pregunta-label[data-v-23b00076] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pregunta-texto[data-v-23b00076] {
  margin: 0.5rem 0 0;
  color: #FFFFFF;
  font-style: italic;
  line-height: 1.5;
}
.pasos-aplicacion[data-v-23b00076] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
}
.paso-app[data-v-23b00076] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0;
}
.paso-app[data-v-23b00076]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.paso-app-num[data-v-23b00076] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.paso-app-contenido[data-v-23b00076] {
  flex: 1;
}
.paso-app-titulo[data-v-23b00076] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.paso-app-detalle[data-v-23b00076] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.paso-app-detalle strong[data-v-23b00076] {
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-23b00076] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-23b00076] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.errores-lista[data-v-23b00076] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.error-item[data-v-23b00076] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.error-x[data-v-23b00076] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EF4444;
  border-radius: 50%;
  color: white;
  font-size: 0.85rem;
  font-weight: 700;
  flex-shrink: 0;
}
.error-contenido strong[data-v-23b00076] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.error-contenido p[data-v-23b00076] {
  margin: 0.25rem 0 0;
  color: #FCA5A5;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-23b00076] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-23b00076] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-texto[data-v-23b00076] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-23b00076] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-23b00076] {
    grid-template-columns: repeat(2, 1fr);
}
.pistas-grid[data-v-23b00076] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-83e148ed] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-83e148ed] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.progreso-item[data-v-83e148ed] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.progreso-item.activo[data-v-83e148ed] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-83e148ed] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.progreso-check[data-v-83e148ed] {
  font-size: 1rem;
}

/* Cronómetro */
.cronometro-section[data-v-83e148ed] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.cronometro[data-v-83e148ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  transition: all 0.3s ease;
}
.cronometro.rapido[data-v-83e148ed] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.cronometro.rapido .crono-tiempo[data-v-83e148ed] {
  color: #6EE7B7;
}
.cronometro.medio[data-v-83e148ed] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.5);
}
.cronometro.medio .crono-tiempo[data-v-83e148ed] {
  color: #FCD34D;
}
.cronometro.lento[data-v-83e148ed] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
.cronometro.lento .crono-tiempo[data-v-83e148ed] {
  color: #FCA5A5;
}
.crono-icono[data-v-83e148ed] {
  font-size: 1.25rem;
}
.crono-tiempo[data-v-83e148ed] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  min-width: 50px;
}
.meta-tiempo[data-v-83e148ed] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
}
.meta-label[data-v-83e148ed] {
  color: #C4B5FD;
}
.meta-valor[data-v-83e148ed] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Texto de referencia */
.texto-referencia[data-v-83e148ed] {
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.texto-header[data-v-83e148ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(59, 130, 246, 0.2);
}
.texto-icono[data-v-83e148ed] {
  font-size: 1.25rem;
}
.texto-titulo[data-v-83e148ed] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.texto-tip[data-v-83e148ed] {
  margin-left: auto;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.texto-contenido[data-v-83e148ed] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.7;
  max-height: 180px;
  overflow-y: auto;
}
.texto-contenido[data-v-83e148ed] p {
  margin: 0 0 0.75rem;
}
.texto-contenido[data-v-83e148ed] p:last-child {
  margin-bottom: 0;
}
.texto-contenido[data-v-83e148ed] .dato {
  background: rgba(245, 158, 11, 0.25);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  color: #FCD34D;
}

/* Desafío container */
.desafio-container[data-v-83e148ed] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-83e148ed] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-83e148ed] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Pregunta */
.pregunta-box[data-v-83e148ed] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-83e148ed] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-83e148ed] strong {
  color: #FCD34D;
}
.palabras-clave[data-v-83e148ed] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.pc-label[data-v-83e148ed] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pc-tag[data-v-83e148ed] {
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Opciones */
.opciones-grid[data-v-83e148ed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-83e148ed] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-83e148ed]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.15);
}
.opcion-btn.seleccionado[data-v-83e148ed] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.correcto[data-v-83e148ed] {
  border-color: #10B981 !important;
  background: rgba(16, 185, 129, 0.3) !important;
}
.opcion-btn.incorrecto[data-v-83e148ed] {
  border-color: #EF4444 !important;
  background: rgba(239, 68, 68, 0.3) !important;
}
.opcion-btn[data-v-83e148ed]:disabled {
  cursor: not-allowed;
}
.opcion-letra[data-v-83e148ed] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.opcion-btn.correcto .opcion-letra[data-v-83e148ed] {
  background: #10B981;
}
.opcion-btn.incorrecto .opcion-letra[data-v-83e148ed] {
  background: #EF4444;
}
.opcion-texto[data-v-83e148ed] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Feedback */
.feedback-box[data-v-83e148ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.feedback-box.correcto[data-v-83e148ed] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-83e148ed] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.feedback-contenido[data-v-83e148ed] {
  flex: 1;
}
.feedback-titulo[data-v-83e148ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.feedback-explicacion[data-v-83e148ed] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.feedback-explicacion[data-v-83e148ed] strong {
  color: #6EE7B7;
}
.feedback-tiempo[data-v-83e148ed] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.feedback-tiempo strong[data-v-83e148ed] {
  color: #FFFFFF;
}

/* Acción container */
.accion-container[data-v-83e148ed] {
  text-align: center;
}
.btn-verificar[data-v-83e148ed] {
  padding: 0.75rem 2rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-83e148ed]:hover {
  background: #059669;
}

/* Navegación */
.desafio-nav[data-v-83e148ed] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-83e148ed] { flex: 1;
}
.nav-btn[data-v-83e148ed] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn[data-v-83e148ed]:hover {
  background: rgba(139, 92, 246, 0.3);
}

/* Mensaje completado */
.mensaje-completado[data-v-83e148ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-83e148ed] { font-size: 1.75rem;
}
.completado-contenido[data-v-83e148ed] {
  display: flex;
  flex-direction: column;
}
.completado-texto[data-v-83e148ed] { 
  font-size: 0.95rem; 
  font-weight: 600; 
  color: #FFFFFF;
}
.completado-stats[data-v-83e148ed] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.completado-stats strong[data-v-83e148ed] {
  color: #6EE7B7;
}

/* Transiciones */
.slide-enter-active[data-v-83e148ed], .slide-leave-active[data-v-83e148ed] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-83e148ed] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-83e148ed] { opacity: 0; transform: translateX(-15px);
}
.fade-enter-active[data-v-83e148ed], .fade-leave-active[data-v-83e148ed] {
  transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-83e148ed], .fade-leave-to[data-v-83e148ed] {
  opacity: 0;
}

/* Desktop */
@media (min-width: 640px) {
.texto-contenido[data-v-83e148ed] {
    max-height: 160px;
}
.opciones-grid[data-v-83e148ed] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Recap visual */
.recap-visual[data-v-e4c19ffe] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.recap-icono[data-v-e4c19ffe] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.recap-titulo[data-v-e4c19ffe] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Definición resumen */
.definicion-resumen[data-v-e4c19ffe] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.definicion-resumen p[data-v-e4c19ffe] {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.6;
  text-align: center;
}

/* Pasos section */
.pasos-section[data-v-e4c19ffe] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-e4c19ffe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pasos-grid[data-v-e4c19ffe] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.paso-resumen[data-v-e4c19ffe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.paso-num[data-v-e4c19ffe] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-e4c19ffe] {
  flex: 1;
  min-width: 0;
}
.paso-nombre[data-v-e4c19ffe] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.paso-desc[data-v-e4c19ffe] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Pistas resumen */
.pistas-resumen[data-v-e4c19ffe] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.pistas-titulo[data-v-e4c19ffe] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.pistas-items[data-v-e4c19ffe] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.pista-item[data-v-e4c19ffe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pista-ejemplo[data-v-e4c19ffe] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.pista-ejemplo.numeros[data-v-e4c19ffe] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  font-family: monospace;
}
.pista-ejemplo.mayusculas[data-v-e4c19ffe] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.pista-ejemplo.comillas[data-v-e4c19ffe] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.pista-ejemplo.negrita[data-v-e4c19ffe] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.pista-tipo[data-v-e4c19ffe] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* PAES section */
.paes-section[data-v-e4c19ffe] {
  margin: 1.5rem 0;
}
.paes-titulo[data-v-e4c19ffe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.paes-lista[data-v-e4c19ffe] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paes-item[data-v-e4c19ffe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.paes-check[data-v-e4c19ffe] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.paes-item span[data-v-e4c19ffe]:last-child {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tiempo section */
.tiempo-section[data-v-e4c19ffe] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.tiempo-header[data-v-e4c19ffe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tiempo-icono[data-v-e4c19ffe] {
  font-size: 1.5rem;
}
.tiempo-titulo[data-v-e4c19ffe] {
  font-weight: 700;
  color: #FFFFFF;
}
.tiempo-comparacion[data-v-e4c19ffe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.tiempo-item[data-v-e4c19ffe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  min-width: 100px;
}
.tiempo-item.lento[data-v-e4c19ffe] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tiempo-item.rapido[data-v-e4c19ffe] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tiempo-etiqueta[data-v-e4c19ffe] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tiempo-valor[data-v-e4c19ffe] {
  font-size: 1.1rem;
  font-weight: 800;
}
.tiempo-item.lento .tiempo-valor[data-v-e4c19ffe] {
  color: #FCA5A5;
}
.tiempo-item.rapido .tiempo-valor[data-v-e4c19ffe] {
  color: #6EE7B7;
}
.tiempo-desc[data-v-e4c19ffe] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.tiempo-flecha[data-v-e4c19ffe] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.tiempo-nota[data-v-e4c19ffe] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip final */
.tip-final[data-v-e4c19ffe] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(245, 158, 11, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-e4c19ffe] {
  font-size: 2rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-e4c19ffe] {
  flex: 1;
}
.tip-titulo[data-v-e4c19ffe] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tip-texto[data-v-e4c19ffe] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-e4c19ffe] {
  color: #FFFFFF;
}

/* Recordatorio */
.recordatorio[data-v-e4c19ffe] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.recordatorio-emoji[data-v-e4c19ffe] {
  font-size: 1.75rem;
}
.recordatorio-texto[data-v-e4c19ffe] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.recordatorio-texto strong[data-v-e4c19ffe] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.pasos-grid[data-v-e4c19ffe] {
    grid-template-columns: repeat(4, 1fr);
}
.pistas-items[data-v-e4c19ffe] {
    grid-template-columns: repeat(4, 1fr);
}
.tiempo-item[data-v-e4c19ffe] {
    min-width: 130px;
}
}

/* Intro visual con animación de campo */
.intro-visual[data-v-602c7eb5] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.campo-intro[data-v-602c7eb5] {
  position: relative;
  width: 160px;
  height: 160px;
}
.carga-central[data-v-602c7eb5] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}
.carga-central.positiva[data-v-602c7eb5] {
  background: rgba(239, 68, 68, 0.3);
  border: 3px solid #EF4444;
}
.carga-central .signo[data-v-602c7eb5] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCA5A5;
}
.lineas-container[data-v-602c7eb5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.linea[data-v-602c7eb5] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 2px;
  background: linear-gradient(to right, transparent, #FCA5A5);
  transform-origin: left center;
}
.linea[data-v-602c7eb5]::after {
  content: '→';
  position: absolute;
  right: -8px;
  top: -9px;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.linea.l1[data-v-602c7eb5] { transform: rotate(0deg);
}
.linea.l2[data-v-602c7eb5] { transform: rotate(45deg);
}
.linea.l3[data-v-602c7eb5] { transform: rotate(90deg);
}
.linea.l4[data-v-602c7eb5] { transform: rotate(135deg);
}
.linea.l5[data-v-602c7eb5] { transform: rotate(180deg);
}
.linea.l6[data-v-602c7eb5] { transform: rotate(225deg);
}
.linea.l7[data-v-602c7eb5] { transform: rotate(270deg);
}
.linea.l8[data-v-602c7eb5] { transform: rotate(315deg);
}

/* Texto inline */
strong.positivo[data-v-602c7eb5] {
  color: #FCA5A5;
}
strong.negativo[data-v-602c7eb5] {
  color: #93C5FD;
}

/* Fórmula box */
.formula-box[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-602c7eb5] {
  font-size: 2rem;
}
.formula-contenido[data-v-602c7eb5] {
  flex: 1;
}
.formula-titulo[data-v-602c7eb5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-ecuacion[data-v-602c7eb5] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.fraccion[data-v-602c7eb5] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.fraccion .num[data-v-602c7eb5] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.fraccion .den[data-v-602c7eb5] {
  padding-top: 2px;
  font-size: 0.85rem;
}

/* Variables section */
.variables-section[data-v-602c7eb5] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-602c7eb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-602c7eb5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable-item[data-v-602c7eb5] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-602c7eb5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.var-desc[data-v-602c7eb5] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.var-unidad[data-v-602c7eb5] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Líneas de campo section */
.lineas-section[data-v-602c7eb5] {
  margin: 1.5rem 0;
}
.lineas-explicacion[data-v-602c7eb5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.linea-tipo[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.linea-visual[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.carga-mini[data-v-602c7eb5] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}
.carga-mini.pos[data-v-602c7eb5] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.carga-mini.neg[data-v-602c7eb5] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.flechas-saliendo[data-v-602c7eb5], .flechas-entrando[data-v-602c7eb5] {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  line-height: 0.7;
}
.flechas-saliendo[data-v-602c7eb5] {
  color: #FCA5A5;
}
.flechas-entrando[data-v-602c7eb5] {
  color: #93C5FD;
}
.linea-label[data-v-602c7eb5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Propiedades */
.propiedades-section[data-v-602c7eb5] {
  margin: 1.5rem 0;
}
.propiedades-lista[data-v-602c7eb5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.propiedad-item[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.propiedad-icono[data-v-602c7eb5] {
  font-size: 1rem;
}
.propiedad-texto[data-v-602c7eb5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.propiedad-texto strong[data-v-602c7eb5] {
  color: #FFFFFF;
}

/* Vector section */
.vector-section[data-v-602c7eb5] {
  margin: 1.5rem 0;
}
.vector-grid[data-v-602c7eb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vector-caso[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.vector-visual[data-v-602c7eb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.carga[data-v-602c7eb5] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}
.carga.pos[data-v-602c7eb5] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.carga.neg[data-v-602c7eb5] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.flecha-vector[data-v-602c7eb5] {
  font-size: 1.2rem;
  color: #FCD34D;
}
.punto-prueba[data-v-602c7eb5] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-style: italic;
}
.vector-label[data-v-602c7eb5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-602c7eb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-602c7eb5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-602c7eb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-602c7eb5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.campo-intro[data-v-602c7eb5] {
    width: 180px;
    height: 180px;
}
.linea[data-v-602c7eb5] {
    width: 65px;
}
.variables-grid[data-v-602c7eb5] {
    grid-template-columns: repeat(4, 1fr);
}
.lineas-explicacion[data-v-602c7eb5] {
    flex-direction: row;
}
.linea-tipo[data-v-602c7eb5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.vector-grid[data-v-602c7eb5] {
    flex-direction: row;
    gap: 0.75rem;
}
.vector-caso[data-v-602c7eb5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
}

/* Analogía visual */
.intro-visual[data-v-78b224a1] {
  margin: 1rem 0 1.5rem;
}
.analogia-container[data-v-78b224a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.analogia-item[data-v-78b224a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.analogia-icono[data-v-78b224a1] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.analogia-label[data-v-78b224a1] {
  font-size: 0.75rem;
  color: #E9D5FF;
  max-width: 120px;
}
.analogia-flecha[data-v-78b224a1] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}

/* Texto inline */
strong.positivo[data-v-78b224a1] {
  color: #FCA5A5;
}
strong.negativo[data-v-78b224a1] {
  color: #93C5FD;
}

/* Fórmula box */
.formula-box[data-v-78b224a1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-78b224a1] {
  font-size: 2rem;
}
.formula-contenido[data-v-78b224a1] {
  flex: 1;
}
.formula-titulo[data-v-78b224a1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-ecuacion[data-v-78b224a1] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.fraccion[data-v-78b224a1] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.fraccion .num[data-v-78b224a1] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.fraccion .den[data-v-78b224a1] {
  padding-top: 2px;
  font-size: 0.85rem;
}

/* Variables section */
.variables-section[data-v-78b224a1] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-78b224a1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-78b224a1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable-item[data-v-78b224a1] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-78b224a1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.var-desc[data-v-78b224a1] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.var-unidad[data-v-78b224a1] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Diferencia de potencial */
.diferencia-section[data-v-78b224a1] {
  margin: 1.5rem 0;
}
.diferencia-box[data-v-78b224a1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.diferencia-formula[data-v-78b224a1] {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 1rem;
}
.diferencia-visual[data-v-78b224a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.punto[data-v-78b224a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  min-width: 50px;
}
.punto-label[data-v-78b224a1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.punto-valor[data-v-78b224a1] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.flecha-potencial[data-v-78b224a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #6EE7B7;
}
.flecha-potencial[data-v-78b224a1]::before {
  content: '⟶';
  font-size: 1.5rem;
}
.trabajo[data-v-78b224a1] {
  font-size: 0.7rem;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
}
.diferencia-texto[data-v-78b224a1] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.diferencia-texto strong[data-v-78b224a1] {
  color: #FFFFFF;
}

/* Relación E y V */
.relacion-section[data-v-78b224a1] {
  margin: 1.5rem 0;
}
.relacion-box[data-v-78b224a1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.relacion-formula[data-v-78b224a1] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.relacion-info[data-v-78b224a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.info-item[data-v-78b224a1] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.info-sep[data-v-78b224a1] {
  color: #C4B5FD;
}
.relacion-texto[data-v-78b224a1] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Superficies equipotenciales */
.equipotencial-section[data-v-78b224a1] {
  margin: 1.5rem 0;
}
.equipotencial-visual[data-v-78b224a1] {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto 1rem;
}
.carga-centro[data-v-78b224a1] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FCA5A5;
  font-weight: 800;
  font-size: 1.2rem;
  z-index: 2;
}
.circulo-eq[data-v-78b224a1] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px dashed;
  border-radius: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0.2rem;
  font-size: 0.6rem;
  font-weight: 600;
}
.circulo-eq.c1[data-v-78b224a1] {
  width: 50px;
  height: 50px;
  border-color: rgba(252, 211, 77, 0.6);
  color: #FCD34D;
}
.circulo-eq.c2[data-v-78b224a1] {
  width: 85px;
  height: 85px;
  border-color: rgba(252, 211, 77, 0.4);
  color: #FCD34D;
}
.circulo-eq.c3[data-v-78b224a1] {
  width: 120px;
  height: 120px;
  border-color: rgba(252, 211, 77, 0.25);
  color: #FCD34D;
}
.equipotencial-props[data-v-78b224a1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.eq-prop[data-v-78b224a1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.eq-icono[data-v-78b224a1] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.eq-texto[data-v-78b224a1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.eq-texto strong[data-v-78b224a1] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-78b224a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-78b224a1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-78b224a1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-78b224a1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.analogia-container[data-v-78b224a1] {
    gap: 1rem;
}
.analogia-item[data-v-78b224a1] {
    min-width: 150px;
}
.variables-grid[data-v-78b224a1] {
    grid-template-columns: repeat(4, 1fr);
}
.equipotencial-visual[data-v-78b224a1] {
    width: 160px;
    height: 160px;
}
.circulo-eq.c1[data-v-78b224a1] { width: 60px; height: 60px;
}
.circulo-eq.c2[data-v-78b224a1] { width: 100px; height: 100px;
}
.circulo-eq.c3[data-v-78b224a1] { width: 140px; height: 140px;
}
}

.simulador[data-v-6013e6a9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-6013e6a9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-6013e6a9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-6013e6a9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-6013e6a9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-6013e6a9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-6013e6a9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-6013e6a9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-6013e6a9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-6013e6a9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Líneas de campo ===== */
.lineas-container[data-v-6013e6a9] {
  text-align: center;
}
.campo-visual[data-v-6013e6a9] {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto 1rem;
}
.carga-fuente[data-v-6013e6a9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}
.carga-fuente.positiva[data-v-6013e6a9] {
  background: rgba(239, 68, 68, 0.3);
  border: 3px solid #EF4444;
}
.carga-fuente.negativa[data-v-6013e6a9] {
  background: rgba(59, 130, 246, 0.3);
  border: 3px solid #3B82F6;
}
.carga-fuente .carga-signo[data-v-6013e6a9] {
  font-size: 2rem;
  font-weight: 800;
}
.carga-fuente.positiva .carga-signo[data-v-6013e6a9] {
  color: #FCA5A5;
}
.carga-fuente.negativa .carga-signo[data-v-6013e6a9] {
  color: #93C5FD;
}
.lineas-campo[data-v-6013e6a9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.linea-flecha[data-v-6013e6a9] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  height: 2px;
  transform-origin: left center;
}
.linea-flecha .flecha[data-v-6013e6a9] {
  position: absolute;
  right: -5px;
  top: -10px;
  font-size: 1rem;
  font-weight: 700;
}
.linea-flecha.salen[data-v-6013e6a9] {
  background: linear-gradient(to right, transparent, #FCA5A5);
}
.linea-flecha.salen .flecha[data-v-6013e6a9] {
  color: #FCA5A5;
}
.linea-flecha.entran[data-v-6013e6a9] {
  background: linear-gradient(to right, #93C5FD, transparent);
}
.linea-flecha.entran .flecha[data-v-6013e6a9] {
  color: #93C5FD;
  left: -15px;
  right: auto;
}
.pregunta-lineas[data-v-6013e6a9] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-lineas[data-v-6013e6a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-opcion[data-v-6013e6a9] {
  padding: 0.7rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn-opcion.seleccionado[data-v-6013e6a9] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-6013e6a9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion.incorrecto[data-v-6013e6a9] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.lineas-contador[data-v-6013e6a9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Campo y distancia ===== */
.distancia-container[data-v-6013e6a9] {
  text-align: center;
}
.formula-referencia[data-v-6013e6a9] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fraccion[data-v-6013e6a9] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.15rem;
}
.fraccion .num[data-v-6013e6a9] {
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 2px;
  font-size: 0.8rem;
}
.fraccion .den[data-v-6013e6a9] {
  padding-top: 2px;
  font-size: 0.8rem;
}
.visualizador-campo[data-v-6013e6a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  min-height: 80px;
}
.carga-fuente-dist[data-v-6013e6a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.carga-fuente-dist .carga-signo[data-v-6013e6a9] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 800;
}
.carga-fuente-dist.positiva .carga-signo[data-v-6013e6a9] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.carga-fuente-dist .carga-label[data-v-6013e6a9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.linea-distancia[data-v-6013e6a9] {
  height: 3px;
  background: linear-gradient(to right, #FCD34D, #FCD34D);
  position: relative;
  transition: width 0.3s ease;
  min-width: 40px;
}
.dist-valor[data-v-6013e6a9] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  white-space: nowrap;
}
.punto-medicion[data-v-6013e6a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.punto-label[data-v-6013e6a9] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
}
.campo-display[data-v-6013e6a9] {
  margin-bottom: 1rem;
}
.campo-barra-container[data-v-6013e6a9] {
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.campo-barra[data-v-6013e6a9] {
  height: 100%;
  background: linear-gradient(to right, #10B981, #6EE7B7);
  transition: width 0.3s ease;
  border-radius: 0.5rem;
}
.campo-valor[data-v-6013e6a9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider-container[data-v-6013e6a9] {
  margin-bottom: 1rem;
}
.slider-label[data-v-6013e6a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.5rem;
}
.slider-distancia[data-v-6013e6a9] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider-distancia[data-v-6013e6a9]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: 2px solid #6D28D9;
}
.slider-valores[data-v-6013e6a9] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.pregunta-distancia[data-v-6013e6a9] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-distancia strong[data-v-6013e6a9] {
  color: #FCD34D;
}
.opciones-campo[data-v-6013e6a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Potencial y movimiento ===== */
.potencial-container[data-v-6013e6a9] {
  text-align: center;
}
.escenario-potencial[data-v-6013e6a9] {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
.region[data-v-6013e6a9] {
  flex: 1;
  padding: 1rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.region-alta[data-v-6013e6a9] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.1));
}
.region-baja[data-v-6013e6a9] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.3));
}
.region-label[data-v-6013e6a9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.campo-uniforme[data-v-6013e6a9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.5rem;
  background: rgba(0, 0, 0, 0.3);
}
.campo-flecha[data-v-6013e6a9] {
  font-size: 1.2rem;
  color: #6EE7B7;
}
.campo-texto[data-v-6013e6a9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.carga-pregunta[data-v-6013e6a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.carga-movil[data-v-6013e6a9] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.carga-movil.positiva[data-v-6013e6a9] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
}
.carga-movil.negativa[data-v-6013e6a9] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
}
.carga-movil .carga-signo[data-v-6013e6a9] {
  font-size: 1.3rem;
  font-weight: 800;
}
.carga-movil.positiva .carga-signo[data-v-6013e6a9] {
  color: #FCA5A5;
}
.carga-movil.negativa .carga-signo[data-v-6013e6a9] {
  color: #93C5FD;
}
.carga-descripcion[data-v-6013e6a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pregunta-potencial[data-v-6013e6a9] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-potencial[data-v-6013e6a9] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.btn-direccion[data-v-6013e6a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-direccion.seleccionado[data-v-6013e6a9] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-direccion.correcto[data-v-6013e6a9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-direccion.incorrecto[data-v-6013e6a9] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.direccion-icono[data-v-6013e6a9] {
  font-size: 1.5rem;
}
.direccion-label[data-v-6013e6a9] {
  font-size: 0.8rem;
  font-weight: 600;
}
.potencial-contador[data-v-6013e6a9] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-6013e6a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-6013e6a9] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-6013e6a9] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-6013e6a9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-6013e6a9] {
  flex: 1;
}
.nav-btn[data-v-6013e6a9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-6013e6a9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-6013e6a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-6013e6a9] {
  font-size: 1.75rem;
}
.completado-texto[data-v-6013e6a9] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-6013e6a9], .slide-leave-active[data-v-6013e6a9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-6013e6a9] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-6013e6a9] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-lineas[data-v-6013e6a9] {
    flex-direction: row;
    justify-content: center;
}
.btn-opcion[data-v-6013e6a9] {
    min-width: 140px;
}
.opciones-campo[data-v-6013e6a9] {
    grid-template-columns: repeat(4, 1fr);
}
.campo-visual[data-v-6013e6a9] {
    width: 160px;
    height: 160px;
}
.linea-flecha[data-v-6013e6a9] {
    width: 55px;
}
}

/* Header resumen */
.resumen-header[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-9ad80c28] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-9ad80c28] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos section */
.conceptos-section[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-9ad80c28] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.concepto-header[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-9ad80c28] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-9ad80c28] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-formula[data-v-9ad80c28] {
  font-family: 'Times New Roman', serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.concepto-info[data-v-9ad80c28] {
  display: flex;
  justify-content: space-around;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-info strong[data-v-9ad80c28] {
  color: #6EE7B7;
}

/* Líneas resumen */
.lineas-resumen[data-v-9ad80c28] {
  margin-bottom: 1.5rem;
}
.section-titulo[data-v-9ad80c28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lineas-grid[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.linea-item[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.carga-mini[data-v-9ad80c28] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}
.carga-mini.pos[data-v-9ad80c28] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.carga-mini.neg[data-v-9ad80c28] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.flecha-out[data-v-9ad80c28], .flecha-in[data-v-9ad80c28] {
  font-size: 1rem;
  font-weight: 700;
}
.flecha-out[data-v-9ad80c28] {
  color: #FCA5A5;
}
.flecha-in[data-v-9ad80c28] {
  color: #93C5FD;
}
.linea-desc[data-v-9ad80c28] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-left: auto;
}
.linea-desc strong[data-v-9ad80c28] {
  color: #FFFFFF;
}
.linea-prop[data-v-9ad80c28] {
  display: flex;
  gap: 1rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Relaciones */
.relaciones-section[data-v-9ad80c28] {
  margin-bottom: 1.5rem;
}
.relacion-box[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.relacion-item[data-v-9ad80c28] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.rel-label[data-v-9ad80c28] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.rel-formula[data-v-9ad80c28] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Movimiento */
.movimiento-section[data-v-9ad80c28] {
  margin-bottom: 1.5rem;
}
.movimiento-grid[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mov-item[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.mov-item.positivo[data-v-9ad80c28] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.mov-item.negativo[data-v-9ad80c28] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.mov-carga[data-v-9ad80c28] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.2rem;
}
.mov-item.positivo .mov-carga[data-v-9ad80c28] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.mov-item.negativo .mov-carga[data-v-9ad80c28] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  color: #93C5FD;
}
.mov-desc[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.mov-desc strong[data-v-9ad80c28] {
  color: #FFFFFF;
}

/* Tips */
.tips-section[data-v-9ad80c28] {
  margin-bottom: 1.5rem;
}
.tips-lista[data-v-9ad80c28] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-9ad80c28] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-num[data-v-9ad80c28] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-text[data-v-9ad80c28] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-text strong[data-v-9ad80c28] {
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-9ad80c28] {
  margin-bottom: 1.5rem;
}
.constante-nota[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.nota-label[data-v-9ad80c28] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.nota-valor[data-v-9ad80c28] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comparacion-tabla[data-v-9ad80c28] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-9ad80c28] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.8fr;
  gap: 0.25rem;
  padding: 0.5rem;
  font-size: 0.8rem;
}
.tabla-row.header[data-v-9ad80c28] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-row[data-v-9ad80c28]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.mag-label[data-v-9ad80c28] {
  color: #FFFFFF;
  font-weight: 600;
}
.formula-cell[data-v-9ad80c28] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  text-align: center;
}
.dep-cell[data-v-9ad80c28] {
  color: #6EE7B7;
  text-align: center;
}

/* Final box */
.final-box[data-v-9ad80c28] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-9ad80c28] {
  font-size: 1.75rem;
}
.final-texto[data-v-9ad80c28] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-9ad80c28] {
    flex-direction: row;
}
.concepto-card[data-v-9ad80c28] {
    flex: 1;
}
.lineas-grid[data-v-9ad80c28] {
    flex-direction: row;
}
.linea-item[data-v-9ad80c28] {
    flex: 1;
    justify-content: center;
}
.linea-desc[data-v-9ad80c28] {
    margin-left: 0;
}
.movimiento-grid[data-v-9ad80c28] {
    flex-direction: row;
}
.mov-item[data-v-9ad80c28] {
    flex: 1;
}
}

/* Intro visual - Imán */
.intro-visual[data-v-d8850c51] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.iman-visual[data-v-d8850c51] {
  display: flex;
  align-items: center;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.polo[data-v-d8850c51] {
  width: 50px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  color: white;
}
.polo.norte[data-v-d8850c51] {
  background: linear-gradient(135deg, #EF4444, #DC2626);
}
.polo.sur[data-v-d8850c51] {
  background: linear-gradient(135deg, #3B82F6, #2563EB);
}
.iman-cuerpo[data-v-d8850c51] {
  width: 60px;
  height: 70px;
  background: linear-gradient(180deg, #6B7280, #4B5563);
  display: flex;
  align-items: center;
  justify-content: center;
}
.iman-texto[data-v-d8850c51] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #D1D5DB;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 2px;
}

/* Los colores de polos se manejan en los componentes específicos */

/* Polos section */
.polos-section[data-v-d8850c51] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-d8850c51] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polos-info[data-v-d8850c51] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.polo-card[data-v-d8850c51] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.polo-card.norte[data-v-d8850c51] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.polo-card.sur[data-v-d8850c51] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.polo-letra[data-v-d8850c51] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.polo-card.norte .polo-letra[data-v-d8850c51] {
  background: #EF4444;
  color: white;
}
.polo-card.sur .polo-letra[data-v-d8850c51] {
  background: #3B82F6;
  color: white;
}
.polo-nombre[data-v-d8850c51] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.polo-desc[data-v-d8850c51] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.regla-polos[data-v-d8850c51] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.regla-polos strong[data-v-d8850c51] {
  color: #FCD34D;
}

/* Interacciones */
.interacciones-section[data-v-d8850c51] {
  margin: 1.5rem 0;
}
.interacciones-grid[data-v-d8850c51] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.interaccion[data-v-d8850c51] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.polos-visual[data-v-d8850c51] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.polo-mini[data-v-d8850c51] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.85rem;
}
.polo-mini.norte[data-v-d8850c51] {
  background: #EF4444;
  color: white;
}
.polo-mini.sur[data-v-d8850c51] {
  background: #3B82F6;
  color: white;
}
.flecha[data-v-d8850c51] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.flecha.repulsion[data-v-d8850c51] { color: #FCA5A5;
}
.flecha.atraccion[data-v-d8850c51] { color: #6EE7B7;
}
.interaccion-label[data-v-d8850c51] {
  font-weight: 600;
  font-size: 0.85rem;
}
.interaccion-label.positivo[data-v-d8850c51] { color: #6EE7B7;
}
.interaccion-label.negativo[data-v-d8850c51] { color: #FCA5A5;
}
.regla-clave[data-v-d8850c51] {
  text-align: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.regla-clave strong[data-v-d8850c51] {
  color: #FFFFFF;
}

/* Definición */
.definicion[data-v-d8850c51] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-d8850c51] {
  font-size: 1.5rem;
}
.def-contenido[data-v-d8850c51] {
  flex: 1;
}
.def-titulo[data-v-d8850c51] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-d8850c51] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Comparación */
.comparacion-box[data-v-d8850c51] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.comparacion-titulo[data-v-d8850c51] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.comparacion-grid[data-v-d8850c51] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.comp-item[data-v-d8850c51] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.comp-label[data-v-d8850c51] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #6EE7B7;
  min-width: 70px;
}
.comp-valor[data-v-d8850c51] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d8850c51] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d8850c51] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d8850c51] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d8850c51] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.iman-visual[data-v-d8850c51] {
    transform: scale(1.2);
}
.interacciones-grid[data-v-d8850c51] {
    flex-direction: row;
    gap: 0.75rem;
}
.interaccion[data-v-d8850c51] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
.comparacion-grid[data-v-d8850c51] {
    flex-direction: row;
    gap: 0.75rem;
}
.comp-item[data-v-d8850c51] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Campo visual */
.campo-visual[data-v-27f6502a] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.campo-svg[data-v-27f6502a] {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/* Propiedades */
.propiedades-section[data-v-27f6502a] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-27f6502a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-lista[data-v-27f6502a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad[data-v-27f6502a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-numero[data-v-27f6502a] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
}
.prop-contenido[data-v-27f6502a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.prop-titulo[data-v-27f6502a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.prop-desc[data-v-27f6502a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.prop-desc strong[data-v-27f6502a] {
  color: #FFFFFF;
}
strong.norte[data-v-27f6502a] {
  color: #FCA5A5;
}
strong.sur[data-v-27f6502a] {
  color: #93C5FD;
}

/* Campo uniforme */
.campo-uniforme-section[data-v-27f6502a] {
  margin: 1.5rem 0;
}
.campo-uniforme-visual[data-v-27f6502a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.uniforme-svg[data-v-27f6502a] {
  width: 100%;
  height: auto;
}
.uniforme-desc[data-v-27f6502a] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.uniforme-desc strong[data-v-27f6502a] {
  color: #6EE7B7;
}

/* Mano derecha */
.mano-section[data-v-27f6502a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.mano-contenido[data-v-27f6502a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.mano-icono[data-v-27f6502a] {
  font-size: 2.5rem;
}
.mano-pasos[data-v-27f6502a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mano-paso[data-v-27f6502a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-27f6502a] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
}
.paso-texto[data-v-27f6502a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-27f6502a] {
  color: #FCD34D;
}
.mano-nota[data-v-27f6502a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tip */
.tip[data-v-27f6502a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-27f6502a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-27f6502a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-27f6502a] {
  color: #6EE7B7;
}
.tip-texto strong.norte[data-v-27f6502a] {
  color: #FCA5A5;
}
.tip-texto strong.sur[data-v-27f6502a] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.campo-svg[data-v-27f6502a] {
    max-width: 350px;
}
.propiedades-lista[data-v-27f6502a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
}

/* Descubrimiento box */
.descubrimiento-box[data-v-2d821780] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.descubrimiento-header[data-v-2d821780] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.descubrimiento-icono[data-v-2d821780] {
  font-size: 1.5rem;
}
.descubrimiento-titulo[data-v-2d821780] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.descubrimiento-texto[data-v-2d821780] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.descubrimiento-texto strong[data-v-2d821780] {
  color: #FFFFFF;
}

/* Secciones */
.conductor-section[data-v-2d821780],
.formula-section[data-v-2d821780],
.solenoide-section[data-v-2d821780],
.aplicaciones-section[data-v-2d821780] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-2d821780] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conductor visual */
.conductor-visual[data-v-2d821780] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.conductor-svg[data-v-2d821780] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.conductor-desc[data-v-2d821780] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.desc-item[data-v-2d821780] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.desc-simbolo[data-v-2d821780] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.85rem;
}
.desc-simbolo.corriente[data-v-2d821780] {
  background: #F59E0B;
  color: white;
}
.desc-simbolo.campo[data-v-2d821780] {
  background: #8B5CF6;
  color: white;
}
.desc-texto[data-v-2d821780] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fórmula */
.formula-card[data-v-2d821780] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-principal[data-v-2d821780] {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-variables[data-v-2d821780] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.var-item[data-v-2d821780] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.var-simbolo[data-v-2d821780] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 20px;
}
.var-desc[data-v-2d821780] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Solenoide */
.solenoide-visual[data-v-2d821780] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.solenoide-svg[data-v-2d821780] {
  width: 100%;
  max-width: 250px;
  height: auto;
}
.solenoide-desc[data-v-2d821780] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.solenoide-desc strong[data-v-2d821780] {
  color: #FFFFFF;
}
.solenoide-formula[data-v-2d821780] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.formula-label[data-v-2d821780] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}
.formula-valor[data-v-2d821780] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-nota[data-v-2d821780] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Aplicaciones */
.aplicaciones-grid[data-v-2d821780] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-2d821780] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-2d821780] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.app-nombre[data-v-2d821780] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-2d821780] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2d821780] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2d821780] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2d821780] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-variables[data-v-2d821780] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicaciones-grid[data-v-2d821780] {
    grid-template-columns: repeat(4, 1fr);
}
}

.simulador[data-v-e717ad1f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e717ad1f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e717ad1f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e717ad1f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e717ad1f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e717ad1f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e717ad1f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e717ad1f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e717ad1f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e717ad1f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Polos ===== */
.polos-container[data-v-e717ad1f] {
  text-align: center;
}
.polos-escena[data-v-e717ad1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.iman-mini[data-v-e717ad1f] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 3px solid;
}
.iman-mini.norte[data-v-e717ad1f] {
  background: linear-gradient(135deg, #EF4444, #DC2626);
  border-color: #B91C1C;
}
.iman-mini.sur[data-v-e717ad1f] {
  background: linear-gradient(135deg, #3B82F6, #2563EB);
  border-color: #1D4ED8;
}
.polo-letra[data-v-e717ad1f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: white;
}
.pregunta-interaccion[data-v-e717ad1f] {
  font-size: 2rem;
  color: #FCD34D;
  font-weight: 700;
}
.opciones-interaccion[data-v-e717ad1f] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-interaccion[data-v-e717ad1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-interaccion.seleccionado[data-v-e717ad1f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-interaccion.correcto[data-v-e717ad1f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-interaccion.incorrecto[data-v-e717ad1f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-icono[data-v-e717ad1f] {
  font-size: 1.5rem;
}
.btn-label[data-v-e717ad1f] {
  font-size: 0.85rem;
  font-weight: 600;
}
.interaccion-contador[data-v-e717ad1f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Líneas ===== */
.lineas-container[data-v-e717ad1f] {
  text-align: center;
}
.lineas-visual[data-v-e717ad1f] {
  margin-bottom: 1rem;
}
.iman-lineas[data-v-e717ad1f] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.75rem;
}
.polo-iman[data-v-e717ad1f] {
  width: 40px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 1.2rem;
}
.polo-iman.norte[data-v-e717ad1f] {
  background: #EF4444;
  border-radius: 4px 0 0 4px;
}
.polo-iman.sur[data-v-e717ad1f] {
  background: #3B82F6;
  border-radius: 0 4px 4px 0;
}
.iman-centro[data-v-e717ad1f] {
  width: 30px;
  height: 50px;
  background: #4B5563;
}
.pregunta-linea[data-v-e717ad1f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-lineas[data-v-e717ad1f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-linea[data-v-e717ad1f] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
}
.btn-linea.seleccionado[data-v-e717ad1f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-linea.correcto[data-v-e717ad1f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-linea.incorrecto[data-v-e717ad1f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.linea-contador[data-v-e717ad1f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Calcular campo ===== */
.calculo-container[data-v-e717ad1f] {
  text-align: center;
}
.problema-campo[data-v-e717ad1f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.problema-dato[data-v-e717ad1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-label[data-v-e717ad1f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-e717ad1f] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-ayuda[data-v-e717ad1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-e717ad1f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-dato[data-v-e717ad1f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pregunta-campo[data-v-e717ad1f] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-campo[data-v-e717ad1f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-campo[data-v-e717ad1f] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 600;
}
.btn-campo.seleccionado[data-v-e717ad1f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-campo.correcto[data-v-e717ad1f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-campo.incorrecto[data-v-e717ad1f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.campo-contador[data-v-e717ad1f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-e717ad1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e717ad1f] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-e717ad1f] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e717ad1f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e717ad1f] {
  flex: 1;
}
.nav-btn[data-v-e717ad1f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e717ad1f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e717ad1f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e717ad1f] {
  font-size: 1.75rem;
}
.completado-texto[data-v-e717ad1f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e717ad1f], .slide-leave-active[data-v-e717ad1f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e717ad1f] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-e717ad1f] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Título resumen */
.titulo-resumen[data-v-883ce37e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.titulo-icono[data-v-883ce37e] {
  font-size: 1.5rem;
}
.titulo-texto[data-v-883ce37e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Concepto card */
.concepto-card[data-v-883ce37e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-numero[data-v-883ce37e] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
}
.concepto-contenido[data-v-883ce37e] {
  flex: 1;
}
.concepto-titulo[data-v-883ce37e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* Polos mini */
.polos-mini[data-v-883ce37e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.polo-mini[data-v-883ce37e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.polo-sym[data-v-883ce37e] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.polo-mini.norte .polo-sym[data-v-883ce37e] {
  background: #EF4444;
}
.polo-mini.sur .polo-sym[data-v-883ce37e] {
  background: #3B82F6;
}
.polo-name[data-v-883ce37e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.regla-mini[data-v-883ce37e] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.regla-mini strong[data-v-883ce37e] {
  color: #6EE7B7;
}

/* Líneas props */
.lineas-props[data-v-883ce37e] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.linea-prop[data-v-883ce37e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.prop-check[data-v-883ce37e] {
  color: #6EE7B7;
  font-size: 0.75rem;
}
.prop-text strong[data-v-883ce37e] {
  color: #FFFFFF;
}
.prop-text strong.norte[data-v-883ce37e] {
  color: #FCA5A5;
}
.prop-text strong.sur[data-v-883ce37e] {
  color: #93C5FD;
}

/* Electro mini */
.electro-mini p[data-v-883ce37e] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.electro-mini strong[data-v-883ce37e] {
  color: #FCD34D;
}

/* Fórmulas section */
.formulas-section[data-v-883ce37e] {
  margin: 1rem 0;
}
.section-titulo[data-v-883ce37e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-883ce37e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-883ce37e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.formula-item.destacado[data-v-883ce37e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.formula-nombre[data-v-883ce37e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-eq[data-v-883ce37e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.formula-item.destacado .formula-eq[data-v-883ce37e] {
  color: #6EE7B7;
}

/* Unidades section */
.unidades-section[data-v-883ce37e] {
  margin: 1rem 0;
}
.unidades-grid[data-v-883ce37e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.unidad-item[data-v-883ce37e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.unidad-nombre[data-v-883ce37e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.unidad-valor[data-v-883ce37e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}

/* Tips PAES */
.tips-paes[data-v-883ce37e] {
  margin: 1rem 0;
}
.tips-titulo[data-v-883ce37e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-883ce37e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-883ce37e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-883ce37e] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 16px;
}
.tip-texto[data-v-883ce37e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-883ce37e] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-883ce37e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.mensaje-icono[data-v-883ce37e] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-883ce37e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-card[data-v-883ce37e] {
    padding: 1rem;
}
.formulas-grid[data-v-883ce37e] {
    flex-direction: row;
    flex-wrap: wrap;
}
.formula-item[data-v-883ce37e] {
    flex: 1;
    min-width: 150px;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.unidades-grid[data-v-883ce37e] {
    flex-direction: row;
}
.unidad-item[data-v-883ce37e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.15rem;
}
}

/* Intro visual */
.intro-visual[data-v-a093d6db] {
  margin: 1rem 0 1.5rem;
}
.particulas-intro[data-v-a093d6db] {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.particula[data-v-a093d6db] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.particula .signo[data-v-a093d6db] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 800;
  border: 3px solid;
}
.particula.proton .signo[data-v-a093d6db] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.particula.electron .signo[data-v-a093d6db] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.particula .nombre[data-v-a093d6db] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-a093d6db] {
  color: #FCA5A5;
}
strong.negativo[data-v-a093d6db] {
  color: #93C5FD;
}
strong.neutro[data-v-a093d6db] {
  color: #9CA3AF;
}

/* Sección átomo */
.atomo-section[data-v-a093d6db] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a093d6db] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.atomo-visual[data-v-a093d6db] {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto 1rem;
}
.nucleo[data-v-a093d6db] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(156, 163, 175, 0.3));
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px;
}
.proton-nucleo[data-v-a093d6db], .neutron-nucleo[data-v-a093d6db] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
}
.proton-nucleo[data-v-a093d6db] {
  background: #EF4444;
  color: white;
}
.neutron-nucleo[data-v-a093d6db] {
  background: #6B7280;
  color: white;
}
.orbita[data-v-a093d6db] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px dashed rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  animation: rotar-orbita-a093d6db 4s linear infinite;
}
@keyframes rotar-orbita-a093d6db {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.electron-orbita[data-v-a093d6db] {
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 700;
}
.particulas-info[data-v-a093d6db] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.info-item[data-v-a093d6db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.info-part[data-v-a093d6db] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 85px;
}
.info-part.positivo[data-v-a093d6db] { color: #FCA5A5;
}
.info-part.negativo[data-v-a093d6db] { color: #93C5FD;
}
.info-part.neutro[data-v-a093d6db] { color: #9CA3AF;
}
.info-desc[data-v-a093d6db] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Interacciones */
.interacciones-section[data-v-a093d6db] {
  margin: 1.5rem 0;
}
.interacciones-grid[data-v-a093d6db] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.interaccion[data-v-a093d6db] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.interaccion.destacada[data-v-a093d6db] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.cargas-visual[data-v-a093d6db] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.carga[data-v-a093d6db] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
}
.carga.pos[data-v-a093d6db] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.carga.neg[data-v-a093d6db] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.flecha[data-v-a093d6db] {
  font-size: 1rem;
  color: #C4B5FD;
}
.flecha.repulsion[data-v-a093d6db] { color: #FCA5A5;
}
.flecha.atraccion[data-v-a093d6db] { color: #6EE7B7;
}
.interaccion-label[data-v-a093d6db] {
  font-weight: 600;
  font-size: 0.85rem;
}
.interaccion-label.positivo[data-v-a093d6db] { color: #6EE7B7;
}
.interaccion-label.negativo[data-v-a093d6db] { color: #FCA5A5;
}
.regla-clave[data-v-a093d6db] {
  text-align: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.regla-clave strong[data-v-a093d6db] {
  color: #FFFFFF;
}

/* Definición */
.definicion[data-v-a093d6db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-a093d6db] {
  font-size: 1.5rem;
}
.def-contenido[data-v-a093d6db] {
  flex: 1;
}
.def-titulo[data-v-a093d6db] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-a093d6db] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Conservación */
.conservacion-box[data-v-a093d6db] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.conservacion-icono[data-v-a093d6db] {
  font-size: 1.75rem;
}
.conservacion-contenido[data-v-a093d6db] {
  flex: 1;
}
.conservacion-titulo[data-v-a093d6db] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.conservacion-texto[data-v-a093d6db] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.conservacion-texto strong[data-v-a093d6db] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a093d6db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a093d6db] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a093d6db] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a093d6db] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.particulas-intro[data-v-a093d6db] {
    gap: 3rem;
}
.particula .signo[data-v-a093d6db] {
    width: 70px;
    height: 70px;
    font-size: 2.5rem;
}
.atomo-visual[data-v-a093d6db] {
    width: 160px;
    height: 160px;
}
.interacciones-grid[data-v-a093d6db] {
    flex-direction: row;
    gap: 0.75rem;
}
.interaccion[data-v-a093d6db] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-077492ed] {
  color: #FCA5A5;
}
strong.negativo[data-v-077492ed] {
  color: #93C5FD;
}

/* Método card */
.metodo-card[data-v-077492ed] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-card.destacado[data-v-077492ed] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.metodo-header[data-v-077492ed] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.metodo-numero[data-v-077492ed] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.metodo-titulo[data-v-077492ed] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.metodo-contenido[data-v-077492ed] {
  padding-left: 0.25rem;
}
.metodo-desc[data-v-077492ed] {
  margin: 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Visual frotamiento */
.visual-frotamiento[data-v-077492ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.objeto[data-v-077492ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.obj-emoji[data-v-077492ed] {
  font-size: 2.5rem;
}
.objeto.animando .obj-emoji[data-v-077492ed] {
  animation: frotar-077492ed 0.3s ease-in-out infinite;
}
@keyframes frotar-077492ed {
0%, 100% { transform: translateX(-3px);
}
50% { transform: translateX(3px);
}
}
.obj-carga[data-v-077492ed] {
  font-weight: 700;
  font-size: 1rem;
}
.obj-carga.positivo[data-v-077492ed] { color: #FCA5A5;
}
.obj-carga.negativo[data-v-077492ed] { color: #93C5FD;
}
.flechas-transferencia[data-v-077492ed] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Visual contacto */
.visual-contacto[data-v-077492ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.esfera[data-v-077492ed] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid;
}
.esfera.cargada[data-v-077492ed] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.esfera.neutra[data-v-077492ed] {
  background: rgba(156, 163, 175, 0.2);
  border-color: #6B7280;
}
.esfera.resultado[data-v-077492ed] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
}
.esf-signo[data-v-077492ed] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #93C5FD;
}
.esf-signo.neutro[data-v-077492ed] {
  color: #9CA3AF;
}
.flecha-contacto[data-v-077492ed], .igual[data-v-077492ed] {
  color: #C4B5FD;
  font-size: 1.2rem;
}

/* Visual inducción */
.visual-induccion[data-v-077492ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.inductor[data-v-077492ed] {
  padding: 0.75rem 1rem;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
}
.ind-carga[data-v-077492ed] {
  font-weight: 700;
  color: #93C5FD;
}
.inducido[data-v-077492ed] {
  display: flex;
  border: 2px solid #6B7280;
  border-radius: 0.5rem;
  overflow: hidden;
}
.zona[data-v-077492ed] {
  padding: 0.5rem 0.75rem;
}
.zona-cercana[data-v-077492ed] {
  background: rgba(239, 68, 68, 0.2);
}
.zona-lejana[data-v-077492ed] {
  background: rgba(59, 130, 246, 0.2);
}
.zona-carga[data-v-077492ed] {
  font-weight: 700;
  font-size: 0.9rem;
}
.zona-carga.positivo[data-v-077492ed] { color: #FCA5A5;
}
.zona-carga.negativo[data-v-077492ed] { color: #93C5FD;
}

/* Ejemplo cotidiano */
.ejemplo-cotidiano[data-v-077492ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.ejemplo-icono[data-v-077492ed] {
  font-size: 1rem;
}
.ejemplo-texto[data-v-077492ed] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Característica clave */
.caracteristica-clave[data-v-077492ed] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}
.caracteristica-clave strong[data-v-077492ed] {
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-077492ed] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-077492ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-077492ed] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-077492ed] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  font-size: 0.8rem;
}
.tabla-row.header[data-v-077492ed] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-077492ed]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* Tip */
.tip[data-v-077492ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-077492ed] {
  font-size: 1.25rem;
}
.tip-texto[data-v-077492ed] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-077492ed] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.visual-frotamiento[data-v-077492ed] {
    gap: 1.5rem;
}
.obj-emoji[data-v-077492ed] {
    font-size: 3rem;
}
.visual-contacto[data-v-077492ed] {
    gap: 0.75rem;
}
.esfera[data-v-077492ed] {
    width: 50px;
    height: 50px;
}
}

.simulador[data-v-13768e24] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-13768e24] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-13768e24] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-13768e24] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-13768e24] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-13768e24] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-13768e24] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-13768e24] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-13768e24] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-13768e24] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Interacción ===== */
.interaccion-container[data-v-13768e24] {
  text-align: center;
}
.cargas-escena[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
}
.carga-objeto[data-v-13768e24] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid;
}
.carga-objeto.positivo[data-v-13768e24] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.carga-objeto.negativo[data-v-13768e24] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
}
.carga-signo[data-v-13768e24] {
  font-size: 2rem;
  font-weight: 800;
}
.carga-objeto.positivo .carga-signo[data-v-13768e24] {
  color: #FCA5A5;
}
.carga-objeto.negativo .carga-signo[data-v-13768e24] {
  color: #93C5FD;
}
.pregunta-interaccion[data-v-13768e24] {
  font-size: 2rem;
  color: #FCD34D;
  font-weight: 700;
}
.opciones-interaccion[data-v-13768e24] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-interaccion[data-v-13768e24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-interaccion.seleccionado[data-v-13768e24] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-interaccion.correcto[data-v-13768e24] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-interaccion.incorrecto[data-v-13768e24] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-icono[data-v-13768e24] {
  font-size: 1.5rem;
}
.btn-label[data-v-13768e24] {
  font-size: 0.85rem;
  font-weight: 600;
}
.interaccion-contador[data-v-13768e24] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Electrización ===== */
.electrizacion-container[data-v-13768e24] {
  text-align: center;
}
.escenario-electrizacion[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.objeto-escena[data-v-13768e24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.obj-visual[data-v-13768e24] {
  font-size: 2.5rem;
}
.obj-estado[data-v-13768e24] {
  font-weight: 700;
  font-size: 0.9rem;
}
.obj-estado.positivo[data-v-13768e24] { color: #FCA5A5;
}
.obj-estado.negativo[data-v-13768e24] { color: #93C5FD;
}
.obj-estado.neutro[data-v-13768e24] { color: #9CA3AF;
}
.obj-estado.mixto[data-v-13768e24] { color: #FCD34D;
}
.accion-electrizacion[data-v-13768e24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.accion-emoji[data-v-13768e24] {
  font-size: 1.5rem;
}
.accion-texto[data-v-13768e24] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.pregunta-electrizacion[data-v-13768e24] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-metodo[data-v-13768e24] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-metodo[data-v-13768e24] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 600;
}
.btn-metodo.seleccionado[data-v-13768e24] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-metodo.correcto[data-v-13768e24] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-metodo.incorrecto[data-v-13768e24] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.metodo-contador[data-v-13768e24] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Calcular carga ===== */
.calculo-container[data-v-13768e24] {
  text-align: center;
}
.problema-visual[data-v-13768e24] {
  margin-bottom: 1rem;
}
.atomo-cuenta[data-v-13768e24] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.part-cuenta[data-v-13768e24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 2px solid;
}
.part-cuenta.protones[data-v-13768e24] {
  border-color: rgba(239, 68, 68, 0.4);
}
.part-cuenta.electrones[data-v-13768e24] {
  border-color: rgba(59, 130, 246, 0.4);
}
.part-icono[data-v-13768e24] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.2rem;
}
.part-cuenta.protones .part-icono[data-v-13768e24] {
  background: #EF4444;
  color: white;
}
.part-cuenta.electrones .part-icono[data-v-13768e24] {
  background: #3B82F6;
  color: white;
}
.part-num[data-v-13768e24] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.part-label[data-v-13768e24] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pregunta-carga[data-v-13768e24] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.input-carga[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-signo[data-v-13768e24] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  color: #6EE7B7;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-13768e24] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.carga-input[data-v-13768e24] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.carga-input.correcto[data-v-13768e24] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.carga-input.incorrecto[data-v-13768e24] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-13768e24] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.ayuda-carga[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ayuda-icono[data-v-13768e24] {
  font-size: 1rem;
}
.ayuda-texto[data-v-13768e24] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.carga-contador[data-v-13768e24] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-13768e24] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-13768e24] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-13768e24] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-13768e24] {
  flex: 1;
}
.nav-btn[data-v-13768e24] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-13768e24] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-13768e24] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-13768e24] {
  font-size: 1.75rem;
}
.completado-texto[data-v-13768e24] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-13768e24], .slide-leave-active[data-v-13768e24] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-13768e24] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-13768e24] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Título resumen */
.titulo-resumen[data-v-92ddac00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.titulo-icono[data-v-92ddac00] {
  font-size: 1.5rem;
}
.titulo-texto[data-v-92ddac00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Concepto card */
.concepto-card[data-v-92ddac00] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-card.destacado[data-v-92ddac00] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.concepto-numero[data-v-92ddac00] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
}
.concepto-contenido[data-v-92ddac00] {
  flex: 1;
}
.concepto-titulo[data-v-92ddac00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* Tipos de carga */
.concepto-resumen[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-carga[data-v-92ddac00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.carga-simbolo[data-v-92ddac00] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.carga-simbolo.positivo[data-v-92ddac00] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.carga-simbolo.negativo[data-v-92ddac00] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.carga-desc[data-v-92ddac00] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.carga-desc strong[data-v-92ddac00] {
  color: #FFFFFF;
}

/* Interacciones mini */
.interacciones-mini[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.inter-item[data-v-92ddac00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.inter-item.destacado[data-v-92ddac00] {
  background: rgba(16, 185, 129, 0.1);
}
.inter-cargas[data-v-92ddac00] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 30px;
}
.inter-flecha[data-v-92ddac00] {
  color: #C4B5FD;
}
.inter-resultado[data-v-92ddac00] {
  font-weight: 600;
}
.inter-resultado.positivo[data-v-92ddac00] { color: #6EE7B7;
}
.inter-resultado.negativo[data-v-92ddac00] { color: #FCA5A5;
}

/* Métodos mini */
.metodos-mini[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.metodo-mini[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.metodo-nombre[data-v-92ddac00] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
}
.metodo-key[data-v-92ddac00] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Conservación mini */
.conservacion-mini p[data-v-92ddac00] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.conservacion-mini strong[data-v-92ddac00] {
  color: #6EE7B7;
}
.formula-conservacion[data-v-92ddac00] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Fórmulas section */
.formulas-section[data-v-92ddac00] {
  margin: 1rem 0;
}
.section-titulo[data-v-92ddac00] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-92ddac00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.formula-label[data-v-92ddac00] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-valor[data-v-92ddac00] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Tips PAES */
.tips-paes[data-v-92ddac00] {
  margin: 1rem 0;
}
.tips-titulo[data-v-92ddac00] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-92ddac00] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-92ddac00] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-92ddac00] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 16px;
}
.tip-texto[data-v-92ddac00] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-92ddac00] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-92ddac00] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.mensaje-icono[data-v-92ddac00] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-92ddac00] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-card[data-v-92ddac00] {
    padding: 1rem;
}
.formulas-grid[data-v-92ddac00] {
    flex-direction: row;
    flex-wrap: wrap;
}
.formula-item[data-v-92ddac00] {
    flex: 1;
    min-width: 180px;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-d23aa88a] {
  margin: 1rem 0 1.5rem;
}
.circuito-iconos[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.icono[data-v-d23aa88a] {
  font-size: 1.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.icono.bateria[data-v-d23aa88a] {
  background: rgba(251, 191, 36, 0.2);
}
.icono.cable[data-v-d23aa88a] {
  background: rgba(139, 92, 246, 0.2);
}
.icono.carga[data-v-d23aa88a] {
  background: rgba(16, 185, 129, 0.2);
}
.icono.retorno[data-v-d23aa88a] {
  background: rgba(59, 130, 246, 0.2);
}
.flecha-flujo[data-v-d23aa88a] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: bold;
}

/* Texto destacado */
strong.fuente[data-v-d23aa88a] {
  color: #FCD34D;
}

/* Componentes */
.componentes-section[data-v-d23aa88a] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-d23aa88a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-d23aa88a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-icono[data-v-d23aa88a] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  font-size: 1.25rem;
}
.fuente-bg[data-v-d23aa88a] { background: rgba(251, 191, 36, 0.3);
}
.conductor-bg[data-v-d23aa88a] { background: rgba(139, 92, 246, 0.3);
}
.carga-bg[data-v-d23aa88a] { background: rgba(16, 185, 129, 0.3);
}
.interruptor-bg[data-v-d23aa88a] { background: rgba(59, 130, 246, 0.3);
}
.comp-info[data-v-d23aa88a] {
  flex: 1;
  min-width: 0;
}
.comp-nombre[data-v-d23aa88a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.comp-desc[data-v-d23aa88a] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Circuito visual */
.circuito-visual[data-v-d23aa88a] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.circuito-titulo[data-v-d23aa88a] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
}
.circuito-diagrama[data-v-d23aa88a] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.diagrama-fila[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.diagrama-fila.middle[data-v-d23aa88a] {
  gap: 2rem;
}
.nodo[data-v-d23aa88a] {
  width: 8px;
  height: 8px;
  background: #8B5CF6;
  border-radius: 50%;
}
.cable[data-v-d23aa88a] {
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #78350F, #92400E);
  position: relative;
  overflow: hidden;
}
.cable.horizontal[data-v-d23aa88a] {
  border-radius: 2px;
}
.electron[data-v-d23aa88a] {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: bold;
  top: -5px;
  animation: flow-d23aa88a 1.5s linear infinite;
}
@keyframes flow-d23aa88a {
0% { left: -14px;
}
100% { left: 100%;
}
}
.elemento[data-v-d23aa88a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.bateria-elem[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.polo-mas[data-v-d23aa88a] {
  color: #EF4444;
  font-weight: 800;
  font-size: 1rem;
}
.polo-menos[data-v-d23aa88a] {
  color: #3B82F6;
  font-weight: 800;
  font-size: 1rem;
}
.bateria-cuerpo[data-v-d23aa88a] {
  width: 30px;
  height: 40px;
  background: linear-gradient(to top, #374151, #4B5563);
  border-radius: 3px;
  position: relative;
}
.bateria-cuerpo[data-v-d23aa88a]::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, #FCD34D, #F59E0B);
  border-radius: 0 0 3px 3px;
}
.ampolleta-elem[data-v-d23aa88a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ampolleta-bulb[data-v-d23aa88a] {
  font-size: 2rem;
  animation: glow-d23aa88a 1s ease-in-out infinite;
}
@keyframes glow-d23aa88a {
0%, 100% { filter: brightness(1);
}
50% { filter: brightness(1.3);
}
}
.elem-label[data-v-d23aa88a] {
  color: #C4B5FD;
  font-size: 0.75rem;
  font-weight: 600;
}
.leyenda-diagrama[data-v-d23aa88a] {
  margin-top: 0.75rem;
  text-align: center;
}
.leyenda-item[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #C4B5FD;
  font-size: 0.75rem;
}
.electron-legend[data-v-d23aa88a] {
  width: 16px;
  height: 16px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: bold;
}

/* Tipos de conexión */
.tipos-section[data-v-d23aa88a] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d23aa88a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-d23aa88a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-card[data-v-d23aa88a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.serie[data-v-d23aa88a] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.tipo-card.paralelo[data-v-d23aa88a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-nombre[data-v-d23aa88a] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.serie .tipo-nombre[data-v-d23aa88a] { color: #FCD34D;
}
.paralelo .tipo-nombre[data-v-d23aa88a] { color: #6EE7B7;
}
.tipo-visual[data-v-d23aa88a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  font-family: monospace;
}
.resistor-mini[data-v-d23aa88a] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  color: #E9D5FF;
  font-size: 0.75rem;
  font-weight: 600;
}
.conector[data-v-d23aa88a] {
  color: #8B5CF6;
}
.tipo-visual-paralelo[data-v-d23aa88a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.rama[data-v-d23aa88a] {
  padding: 0.15rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  color: #E9D5FF;
  font-size: 0.7rem;
  font-family: monospace;
  font-weight: 600;
}
.tipo-desc[data-v-d23aa88a] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Concepto clave */
.concepto-clave[data-v-d23aa88a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-d23aa88a] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-d23aa88a] {
  flex: 1;
}
.concepto-titulo[data-v-d23aa88a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-d23aa88a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-d23aa88a] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-d23aa88a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d23aa88a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d23aa88a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d23aa88a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-grid[data-v-d23aa88a] {
    grid-template-columns: repeat(4, 1fr);
}
.circuito-iconos[data-v-d23aa88a] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.icono[data-v-d23aa88a] {
    font-size: 2rem;
}
.cable[data-v-d23aa88a] {
    width: 120px;
}
.diagrama-fila.middle[data-v-d23aa88a] {
    gap: 3rem;
}
}

/* Color serie */
strong.serie-color[data-v-77331214] {
  color: #FCD34D;
}

/* Visual serie */
.serie-visual[data-v-77331214] {
  margin: 1rem 0 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.serie-circuito[data-v-77331214] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.bateria-serie[data-v-77331214] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.polo-p[data-v-77331214] {
  color: #EF4444;
  font-weight: 800;
  font-size: 0.9rem;
}
.polo-n[data-v-77331214] {
  color: #3B82F6;
  font-weight: 800;
  font-size: 0.9rem;
}
.bateria-body[data-v-77331214] {
  width: 20px;
  height: 30px;
  background: linear-gradient(to top, #FCD34D 60%, #4B5563 60%);
  border-radius: 2px;
}
.cable-serie[data-v-77331214] {
  width: 20px;
  height: 3px;
  background: #92400E;
}
.resistor-serie[data-v-77331214] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.r-label[data-v-77331214] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: monospace;
}
.r-body[data-v-77331214] {
  width: 30px;
  height: 12px;
  background: linear-gradient(90deg, 
    #8B5CF6 0%, #8B5CF6 20%, 
    #1F2937 20%, #1F2937 40%,
    #8B5CF6 40%, #8B5CF6 60%,
    #1F2937 60%, #1F2937 80%,
    #8B5CF6 80%, #8B5CF6 100%
  );
  border-radius: 2px;
}
.serie-nota[data-v-77331214] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #FCD34D;
  font-size: 0.85rem;
}
.nota-icono[data-v-77331214] {
  font-size: 1rem;
}

/* Características */
.caracteristicas[data-v-77331214] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-77331214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-77331214] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.caract-item[data-v-77331214] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.caract-item.corriente[data-v-77331214] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caract-item.voltaje[data-v-77331214] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.caract-icono[data-v-77331214] {
  font-size: 1.5rem;
}
.caract-info[data-v-77331214] {
  flex: 1;
}
.caract-nombre[data-v-77331214] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.corriente .caract-nombre[data-v-77331214] { color: #6EE7B7;
}
.voltaje .caract-nombre[data-v-77331214] { color: #FCD34D;
}
.caract-valor[data-v-77331214] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caract-desc[data-v-77331214] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Fórmula */
.formula-box[data-v-77331214] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-77331214] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-77331214] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-explicacion[data-v-77331214] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo */
.ejemplo-box[data-v-77331214] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-77331214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-77331214] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.3);
}
.ejemplo-enunciado strong[data-v-77331214] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-77331214] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-77331214] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-77331214] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-solucion.resultado .paso-num[data-v-77331214] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-77331214] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.paso-solucion.resultado .paso-texto[data-v-77331214] {
  color: #6EE7B7;
}

/* Analogía */
.analogia-box[data-v-77331214] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.analogia-icono[data-v-77331214] {
  font-size: 1.5rem;
}
.analogia-titulo[data-v-77331214] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.analogia-texto[data-v-77331214] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.analogia-texto strong[data-v-77331214] {
  color: #93C5FD;
}

/* Tip importante */
.tip-importante[data-v-77331214] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-77331214] {
  font-size: 1.25rem;
}
.tip-texto[data-v-77331214] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-77331214] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-77331214] {
    grid-template-columns: repeat(2, 1fr);
}
.serie-circuito[data-v-77331214] {
    gap: 0.5rem;
    flex-wrap: nowrap;
}
.cable-serie[data-v-77331214] {
    width: 30px;
}
.r-body[data-v-77331214] {
    width: 40px;
    height: 16px;
}
}

/* Color paralelo */
strong.paralelo-color[data-v-fac489fa] {
  color: #6EE7B7;
}

/* Visual paralelo */
.paralelo-visual[data-v-fac489fa] {
  margin: 1rem 0 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.paralelo-circuito[data-v-fac489fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.bateria-paralelo[data-v-fac489fa] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.polo-p[data-v-fac489fa] {
  color: #EF4444;
  font-weight: 800;
  font-size: 0.9rem;
}
.polo-n[data-v-fac489fa] {
  color: #3B82F6;
  font-weight: 800;
  font-size: 0.9rem;
}
.bateria-body[data-v-fac489fa] {
  width: 20px;
  height: 30px;
  background: linear-gradient(to top, #FCD34D 60%, #4B5563 60%);
  border-radius: 2px;
}
.ramas-container[data-v-fac489fa] {
  display: flex;
  align-items: center;
}
.nodo-izq[data-v-fac489fa], .nodo-der[data-v-fac489fa] {
  width: 8px;
  height: 60px;
  background: #92400E;
  border-radius: 2px;
}
.ramas[data-v-fac489fa] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rama[data-v-fac489fa] {
  display: flex;
  align-items: center;
}
.cable-h[data-v-fac489fa] {
  width: 12px;
  height: 3px;
  background: #92400E;
}
.resistor-p[data-v-fac489fa] {
  padding: 0.15rem 0.4rem;
  background: linear-gradient(90deg, #8B5CF6, #6D28D9, #8B5CF6);
  border-radius: 2px;
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.paralelo-nota[data-v-fac489fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.nota-icono[data-v-fac489fa] {
  font-size: 1rem;
}

/* Características */
.caracteristicas[data-v-fac489fa] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-fac489fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-fac489fa] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.caract-item[data-v-fac489fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.caract-item.corriente[data-v-fac489fa] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caract-item.voltaje[data-v-fac489fa] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.caract-icono[data-v-fac489fa] {
  font-size: 1.5rem;
}
.caract-info[data-v-fac489fa] {
  flex: 1;
}
.caract-nombre[data-v-fac489fa] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.corriente .caract-nombre[data-v-fac489fa] { color: #6EE7B7;
}
.voltaje .caract-nombre[data-v-fac489fa] { color: #FCD34D;
}
.caract-valor[data-v-fac489fa] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caract-desc[data-v-fac489fa] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Fórmula */
.formula-box[data-v-fac489fa] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-fac489fa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-fac489fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  font-family: monospace;
  font-size: 1.1rem;
  color: #6EE7B7;
}
.fraccion[data-v-fac489fa] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.num[data-v-fac489fa] {
  border-bottom: 2px solid #6EE7B7;
  padding-bottom: 2px;
  font-weight: 700;
}
.denom[data-v-fac489fa] {
  padding-top: 2px;
  font-weight: 700;
}
.igual[data-v-fac489fa], .mas[data-v-fac489fa] {
  font-weight: 700;
  color: #C4B5FD;
}
.formula-explicacion[data-v-fac489fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Caso especial */
.caso-especial[data-v-fac489fa] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  text-align: center;
}
.caso-titulo[data-v-fac489fa] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.caso-formula[data-v-fac489fa] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.fraccion-inline[data-v-fac489fa] {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}
.num-inline[data-v-fac489fa] {
  border-bottom: 2px solid #6EE7B7;
  padding: 0 0.25rem;
}
.denom-inline[data-v-fac489fa] {
  padding: 0 0.25rem;
}
.caso-nota[data-v-fac489fa] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Ejemplo */
.ejemplo-box[data-v-fac489fa] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-fac489fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-fac489fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.3);
}
.ejemplo-enunciado strong[data-v-fac489fa] {
  color: #6EE7B7;
}
.ejemplo-solucion[data-v-fac489fa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-solucion[data-v-fac489fa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-fac489fa] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.paso-solucion.resultado .paso-num[data-v-fac489fa] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-fac489fa] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.paso-solucion.resultado .paso-texto[data-v-fac489fa] {
  color: #6EE7B7;
}
.ejemplo-verificacion[data-v-fac489fa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.verif-icono[data-v-fac489fa] {
  font-size: 1rem;
}
.verif-texto[data-v-fac489fa] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Comparación */
.comparacion[data-v-fac489fa] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.comp-titulo[data-v-fac489fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comp-tabla[data-v-fac489fa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-header[data-v-fac489fa], .comp-row[data-v-fac489fa] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  text-align: center;
}
.comp-header[data-v-fac489fa] {
  font-weight: 700;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.serie-header[data-v-fac489fa] {
  color: #FCD34D;
}
.paralelo-header[data-v-fac489fa] {
  color: #6EE7B7;
}
.comp-row[data-v-fac489fa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-col[data-v-fac489fa]:first-child {
  color: #C4B5FD;
  font-weight: 600;
  text-align: left;
}

/* Tip importante */
.tip-importante[data-v-fac489fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fac489fa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fac489fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fac489fa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-fac489fa] {
    grid-template-columns: repeat(2, 1fr);
}
.paralelo-circuito[data-v-fac489fa] {
    gap: 1rem;
}
.cable-h[data-v-fac489fa] {
    width: 20px;
}
.formula-principal[data-v-fac489fa] {
    font-size: 1.25rem;
}
}

.simulador[data-v-51ba73da] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-51ba73da] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-51ba73da] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-51ba73da] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-51ba73da] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-51ba73da] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-51ba73da] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-51ba73da] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-51ba73da] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-51ba73da] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== Cálculos ===== */
.calculo-container[data-v-51ba73da] {
  text-align: center;
}
.formula-referencia[data-v-51ba73da] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-referencia.paralelo[data-v-51ba73da] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-label[data-v-51ba73da] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.paralelo .formula-label[data-v-51ba73da] {
  color: #6EE7B7;
}
.formula-texto[data-v-51ba73da] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.9rem;
}

/* Circuito serie visual */
.circuito-serie-visual[data-v-51ba73da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.bateria-mini[data-v-51ba73da] {
  font-size: 1.5rem;
}
.cable-mini[data-v-51ba73da] {
  color: #92400E;
  font-weight: bold;
}
.resistor-visual[data-v-51ba73da] {
  padding: 0.4rem 0.6rem;
  background: linear-gradient(90deg, #8B5CF6, #6D28D9, #8B5CF6);
  border-radius: 0.25rem;
}
.r-valor[data-v-51ba73da] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.85rem;
  font-family: monospace;
}

/* Circuito paralelo visual */
.circuito-paralelo-visual[data-v-51ba73da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.nodo-visual[data-v-51ba73da] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.ramas-visual[data-v-51ba73da] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rama-visual[data-v-51ba73da] {
  padding: 0.3rem 0.5rem;
  background: linear-gradient(90deg, #10B981, #059669, #10B981);
  border-radius: 0.25rem;
}
.r-valor-p[data-v-51ba73da] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.8rem;
  font-family: monospace;
}
.pregunta-calculo[data-v-51ba73da] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.input-respuesta[data-v-51ba73da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-51ba73da] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.calculo-input[data-v-51ba73da] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-51ba73da] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-51ba73da] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-51ba73da] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-51ba73da] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-51ba73da] {
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.contador[data-v-51ba73da] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== Identificar circuito ===== */
.identificar-container[data-v-51ba73da] {
  text-align: center;
}
.circuito-mostrar[data-v-51ba73da] {
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.circuito-id[data-v-51ba73da] {
  display: flex;
  justify-content: center;
}

/* Serie */
.linea-circuito[data-v-51ba73da] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.elem-c[data-v-51ba73da] {
  font-size: 1.5rem;
}
.conector-c[data-v-51ba73da] {
  color: #92400E;
  font-weight: bold;
}
.res-c[data-v-51ba73da] {
  padding: 0.3rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  font-family: monospace;
}

/* Paralelo */
.estructura-paralelo[data-v-51ba73da] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.columna-ramas[data-v-51ba73da] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.25rem;
  border-left: 3px solid #92400E;
  border-right: 3px solid #92400E;
}
.res-c-p[data-v-51ba73da] {
  padding: 0.25rem 0.5rem;
  background: #10B981;
  border-radius: 0.25rem;
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  font-family: monospace;
}

/* Mixto */
.estructura-mixto[data-v-51ba73da] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.paralelo-mini[data-v-51ba73da] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.15rem;
  border-left: 2px solid #92400E;
  border-right: 2px solid #92400E;
}
.res-c-mini[data-v-51ba73da] {
  padding: 0.15rem 0.35rem;
  background: #10B981;
  border-radius: 0.2rem;
  color: white;
  font-weight: 700;
  font-size: 0.7rem;
  font-family: monospace;
}
.pregunta-identificar[data-v-51ba73da] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.opciones-tipo[data-v-51ba73da] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.btn-tipo[data-v-51ba73da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 80px;
}
.btn-tipo.seleccionado[data-v-51ba73da] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-tipo.correcto[data-v-51ba73da] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-tipo.incorrecto[data-v-51ba73da] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.tipo-icono[data-v-51ba73da] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-51ba73da] {
  font-size: 0.85rem;
  font-weight: 600;
}

/* Resultado correcto */
.resultado-correcto[data-v-51ba73da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-51ba73da] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-51ba73da] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-51ba73da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-51ba73da] {
  flex: 1;
}
.nav-btn[data-v-51ba73da] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-51ba73da] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-51ba73da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-51ba73da] {
  font-size: 1.75rem;
}
.completado-texto[data-v-51ba73da] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-51ba73da], .slide-leave-active[data-v-51ba73da] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-51ba73da] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-51ba73da] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Colores */
strong.serie-color[data-v-32457965] { color: #FCD34D;
}
strong.paralelo-color[data-v-32457965] { color: #6EE7B7;
}

/* Visual mixto */
.mixto-visual[data-v-32457965] {
  margin: 1rem 0 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mixto-titulo[data-v-32457965] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.mixto-diagrama[data-v-32457965] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.bateria-mix[data-v-32457965] {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.polo-p[data-v-32457965] { color: #EF4444; font-weight: 800; font-size: 0.8rem;
}
.polo-n[data-v-32457965] { color: #3B82F6; font-weight: 800; font-size: 0.8rem;
}
.bat-body[data-v-32457965] {
  width: 16px;
  height: 24px;
  background: linear-gradient(to top, #FCD34D 60%, #4B5563 60%);
  border-radius: 2px;
}
.cable-mix[data-v-32457965] {
  color: #92400E;
  font-weight: bold;
  font-size: 0.9rem;
}
.r-serie-box[data-v-32457965] {
  padding: 0.3rem 0.5rem;
  background: #F59E0B;
  border-radius: 0.25rem;
}
.r-label[data-v-32457965] {
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  font-family: monospace;
}
.paralelo-grupo[data-v-32457965] {
  display: flex;
  align-items: center;
}
.nodo-l[data-v-32457965], .nodo-r[data-v-32457965] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.ramas-mix[data-v-32457965] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.15rem 0.25rem;
  border-left: 2px solid #92400E;
  border-right: 2px solid #92400E;
}
.rama-mix[data-v-32457965] {
  padding: 0.2rem 0.4rem;
  background: #10B981;
  border-radius: 0.2rem;
}
.r-label-p[data-v-32457965] {
  color: white;
  font-weight: 700;
  font-size: 0.7rem;
  font-family: monospace;
}

/* Estrategia */
.estrategia[data-v-32457965] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estrategia-titulo[data-v-32457965] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.pasos-estrategia[data-v-32457965] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-e[data-v-32457965] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-32457965] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-32457965] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo mixto */
.ejemplo-mixto[data-v-32457965] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-32457965] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-32457965] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.circuito-ejemplo[data-v-32457965] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.elem-ej[data-v-32457965] {
  font-size: 1.1rem;
}
.conector[data-v-32457965] {
  color: #92400E;
  font-weight: bold;
}
.r-ej[data-v-32457965] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  font-family: monospace;
}
.r-ej.serie-r[data-v-32457965] { background: #F59E0B;
}
.r-ej.paralelo-r[data-v-32457965] { background: #10B981;
}
.r-ej.resultado-r[data-v-32457965] { background: #8B5CF6;
}
.paralelo-ej[data-v-32457965] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.15rem;
  border-left: 2px solid #92400E;
  border-right: 2px solid #92400E;
}
.enunciado-texto[data-v-32457965] {
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: center;
}

/* Solución */
.solucion-pasos[data-v-32457965] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.solucion-paso[data-v-32457965] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.paso-header[data-v-32457965] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-badge[data-v-32457965] {
  padding: 0.15rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-32457965] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.simplificacion[data-v-32457965] {
  margin: 0.5rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.circuito-simplificado[data-v-32457965] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.paso-calculo[data-v-32457965] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calculo-linea[data-v-32457965] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
  padding-left: 0.5rem;
}
.calculo-linea.resultado[data-v-32457965] {
  color: #FFFFFF;
  padding-top: 0.25rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
  margin-top: 0.25rem;
}
.calculo-linea.resultado strong[data-v-32457965] {
  color: #6EE7B7;
}

/* Resumen visual */
.resumen-visual[data-v-32457965] {
  margin: 1.5rem 0;
  text-align: center;
}
.resumen-titulo[data-v-32457965] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.proceso-visual[data-v-32457965] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.etapa[data-v-32457965] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 80px;
}
.etapa-icono[data-v-32457965] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.etapa-texto[data-v-32457965] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: monospace;
}
.flecha-proceso[data-v-32457965] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: bold;
}

/* Tip PAES */
.tip-paes[data-v-32457965] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tip-icono[data-v-32457965] {
  font-size: 1.5rem;
}
.tip-titulo[data-v-32457965] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-32457965] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-32457965] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mixto-diagrama[data-v-32457965] {
    gap: 0.5rem;
    flex-wrap: nowrap;
}
.circuito-ejemplo[data-v-32457965],
  .circuito-simplificado[data-v-32457965] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.proceso-visual[data-v-32457965] {
    flex-wrap: nowrap;
}
}

/* Colores */
strong.serie-color[data-v-192adcb0] { color: #FCD34D;
}
strong.paralelo-color[data-v-192adcb0] { color: #6EE7B7;
}

/* Header resumen */
.resumen-header[data-v-192adcb0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-192adcb0] {
  font-size: 2rem;
}
.resumen-texto[data-v-192adcb0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparativa */
.comparativa-box[data-v-192adcb0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.comparativa-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
}
.tabla-comparativa[data-v-192adcb0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tabla-row[data-v-192adcb0] {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.5fr;
  gap: 0.5rem;
  align-items: center;
}
.tabla-row.header[data-v-192adcb0] {
  font-weight: 700;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding-bottom: 0.5rem;
  margin-bottom: 0.25rem;
}
.tabla-col[data-v-192adcb0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.tabla-col.label[data-v-192adcb0] {
  text-align: left;
  color: #C4B5FD;
  font-weight: 600;
}
.serie-h[data-v-192adcb0] { color: #FCD34D;
}
.paralelo-h[data-v-192adcb0] { color: #6EE7B7;
}
.formula-p[data-v-192adcb0] {
  font-family: monospace;
  font-size: 0.7rem;
}
.frac[data-v-192adcb0] {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  text-align: center;
  font-size: 0.65rem;
}
.num[data-v-192adcb0] { border-bottom: 1px solid #6EE7B7;
}
.den[data-v-192adcb0] { font-size: 0.6rem;
}

/* Fórmulas */
.formulas-box[data-v-192adcb0] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formulas-grid[data-v-192adcb0] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.formula-card[data-v-192adcb0] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula-card.serie-card[data-v-192adcb0] {
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.formula-card.paralelo-card[data-v-192adcb0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-card.ohm-card[data-v-192adcb0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.formula-tipo[data-v-192adcb0] {
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.serie-card .formula-tipo[data-v-192adcb0] { color: #FCD34D;
}
.paralelo-card .formula-tipo[data-v-192adcb0] { color: #6EE7B7;
}
.ohm-card .formula-tipo[data-v-192adcb0] { color: #C4B5FD;
}
.formula-eq[data-v-192adcb0] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.frac-inline[data-v-192adcb0] {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  text-align: center;
  line-height: 1.1;
}
.num-i[data-v-192adcb0] { border-bottom: 1px solid #6EE7B7; padding: 0 0.25rem; font-size: 0.85rem;
}
.den-i[data-v-192adcb0] { padding: 0 0.25rem; font-size: 0.85rem;
}

/* Trucos */
.trucos-box[data-v-192adcb0] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.trucos-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.trucos-lista[data-v-192adcb0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.truco-item[data-v-192adcb0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.truco-num[data-v-192adcb0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.truco-contenido[data-v-192adcb0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.truco-contenido strong[data-v-192adcb0] {
  color: #FCD34D;
}

/* Verificación */
.verificacion-box[data-v-192adcb0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.verif-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.verif-ejemplos[data-v-192adcb0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.verif-item[data-v-192adcb0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.verif-item.correcto[data-v-192adcb0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.verif-item.incorrecto[data-v-192adcb0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.verif-icono[data-v-192adcb0] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.correcto .verif-icono[data-v-192adcb0] {
  background: #10B981;
  color: white;
}
.incorrecto .verif-icono[data-v-192adcb0] {
  background: #EF4444;
  color: white;
}
.verif-texto[data-v-192adcb0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
}
.verif-razon[data-v-192adcb0] {
  font-size: 0.75rem;
  font-family: inherit;
}
.correcto .verif-razon[data-v-192adcb0] { color: #6EE7B7;
}
.incorrecto .verif-razon[data-v-192adcb0] { color: #FCA5A5;
}

/* Aplicaciones */
.aplicaciones-box[data-v-192adcb0] {
  margin: 1.5rem 0;
}
.aplic-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aplic-grid[data-v-192adcb0] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.aplic-item[data-v-192adcb0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.aplic-icono[data-v-192adcb0] {
  font-size: 1.75rem;
}
.aplic-info[data-v-192adcb0] {
  flex: 1;
}
.aplic-nombre[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.aplic-tipo[data-v-192adcb0] {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  margin: 0.25rem 0;
}
.serie-tipo[data-v-192adcb0] {
  background: rgba(251, 191, 36, 0.2);
  color: #FCD34D;
}
.paralelo-tipo[data-v-192adcb0] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.aplic-desc[data-v-192adcb0] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Mensaje final */
.mensaje-final[data-v-192adcb0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-192adcb0] {
  font-size: 2.5rem;
}
.final-titulo[data-v-192adcb0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-192adcb0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-192adcb0] {
    grid-template-columns: repeat(3, 1fr);
}
.aplic-grid[data-v-192adcb0] {
    grid-template-columns: repeat(2, 1fr);
}
.tabla-row[data-v-192adcb0] {
    grid-template-columns: 80px 1fr 1.2fr;
}
.tabla-col[data-v-192adcb0] {
    font-size: 0.85rem;
}
}

/* Intro visual - Cable con electrones */
.intro-visual[data-v-2509c7bc] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.cable-visual[data-v-2509c7bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1));
  border-radius: 0.75rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.cable-segmento[data-v-2509c7bc] {
  display: flex;
  gap: 1.5rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(90deg, #78350F, #92400E);
  border-radius: 0.5rem;
}
.electron[data-v-2509c7bc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
}
.electron.animado[data-v-2509c7bc] {
  animation: mover-electron-2509c7bc 2s ease-in-out infinite;
}
.electron.delay-1[data-v-2509c7bc] {
  animation-delay: 0.3s;
}
.electron.delay-2[data-v-2509c7bc] {
  animation-delay: 0.6s;
}
@keyframes mover-electron-2509c7bc {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(8px);
}
}
.flecha-flujo[data-v-2509c7bc] {
  font-size: 2rem;
  color: #FCD34D;
  font-weight: 700;
  animation: pulsar-2509c7bc 1.5s ease-in-out infinite;
}
@keyframes pulsar-2509c7bc {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.label-corriente[data-v-2509c7bc] {
  margin-top: 0.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}

/* Texto positivo/negativo */
strong.positivo[data-v-2509c7bc] {
  color: #FCA5A5;
}
strong.negativo[data-v-2509c7bc] {
  color: #93C5FD;
}

/* Analogía */
.analogia-section[data-v-2509c7bc] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-2509c7bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-grid[data-v-2509c7bc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analogia-item[data-v-2509c7bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.analogia-icono[data-v-2509c7bc] {
  font-size: 1.25rem;
}
.analogia-concepto[data-v-2509c7bc] {
  font-size: 0.85rem;
  color: #93C5FD;
  min-width: 100px;
}
.analogia-equivale[data-v-2509c7bc] {
  color: #8B5CF6;
  font-weight: 700;
}
.analogia-electrica[data-v-2509c7bc] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Fórmula */
.formula-section[data-v-2509c7bc] {
  margin: 1.5rem 0;
}
.formula-box[data-v-2509c7bc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-2509c7bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.formula-simbolo[data-v-2509c7bc] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-igual[data-v-2509c7bc] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.formula-fraccion[data-v-2509c7bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-num[data-v-2509c7bc], .fraccion-den[data-v-2509c7bc] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0 0.5rem;
}
.fraccion-linea[data-v-2509c7bc] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.2rem 0;
}
.formula-donde[data-v-2509c7bc] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.donde-item[data-v-2509c7bc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.donde-var[data-v-2509c7bc] {
  font-weight: 700;
  color: #FCD34D;
}

/* Definición */
.definicion[data-v-2509c7bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-2509c7bc] {
  font-size: 1.5rem;
}
.def-contenido[data-v-2509c7bc] {
  flex: 1;
}
.def-titulo[data-v-2509c7bc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-2509c7bc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-descripcion[data-v-2509c7bc] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Sentido de la corriente */
.sentido-section[data-v-2509c7bc] {
  margin: 1.5rem 0;
}
.sentidos-comparacion[data-v-2509c7bc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sentido-item[data-v-2509c7bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sentido-visual[data-v-2509c7bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
}
.sentido-signo[data-v-2509c7bc] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
}
.sentido-visual.convencional .sentido-signo[data-v-2509c7bc]:first-child {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.sentido-visual.convencional .sentido-signo[data-v-2509c7bc]:last-child {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.sentido-visual.real .sentido-signo.neg[data-v-2509c7bc] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.sentido-visual.real .sentido-signo.pos[data-v-2509c7bc] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.sentido-flecha[data-v-2509c7bc] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.sentido-nombre[data-v-2509c7bc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.sentido-desc[data-v-2509c7bc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-2509c7bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2509c7bc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2509c7bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2509c7bc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cable-segmento[data-v-2509c7bc] {
    gap: 2rem;
    padding: 0.75rem 1.5rem;
}
.electron[data-v-2509c7bc] {
    width: 32px;
    height: 32px;
    font-size: 1.1rem;
}
.analogia-grid[data-v-2509c7bc] {
    flex-direction: row;
    flex-wrap: wrap;
}
.analogia-item[data-v-2509c7bc] {
    flex: 1;
    min-width: 150px;
    flex-direction: column;
    text-align: center;
}
.sentidos-comparacion[data-v-2509c7bc] {
    flex-direction: row;
    gap: 1rem;
}
.sentido-item[data-v-2509c7bc] {
    flex: 1;
}
}

/* Tipo de corriente card */
.tipo-corriente[data-v-a618708a] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-a618708a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.tipo-header.dc[data-v-a618708a] {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border-bottom: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-header.ac[data-v-a618708a] {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border-bottom: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-icono[data-v-a618708a] {
  font-size: 2rem;
}
.tipo-titulo h3[data-v-a618708a] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-sigla[data-v-a618708a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-contenido[data-v-a618708a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Gráficos de corriente */
.grafico-corriente[data-v-a618708a] {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.eje-y[data-v-a618708a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
  padding-top: 0.25rem;
}
.grafico-area[data-v-a618708a] {
  flex: 1;
  position: relative;
  height: 50px;
}

/* DC - línea horizontal */
.linea-dc[data-v-a618708a] {
  position: absolute;
  top: 12px;
  left: 0;
  right: 30px;
  height: 3px;
  background: #6EE7B7;
  border-radius: 2px;
}
.eje-x[data-v-a618708a] {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* AC - onda sinusoidal */
.onda-ac[data-v-a618708a] {
  width: 100%;
  height: 40px;
}
.eje-x-ac[data-v-a618708a] {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Características */
.caracteristicas[data-v-a618708a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.caracteristica[data-v-a618708a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.carac-icono[data-v-a618708a] {
  font-size: 1rem;
}
.caracteristica strong[data-v-a618708a] {
  color: #FFFFFF;
}

/* Fuentes */
.fuentes[data-v-a618708a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fuentes-titulo[data-v-a618708a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.fuentes-lista[data-v-a618708a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fuente[data-v-a618708a] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Info Chile */
.info-chile[data-v-a618708a] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.chile-icono[data-v-a618708a] {
  font-size: 2rem;
}
.chile-contenido[data-v-a618708a] {
  flex: 1;
}
.chile-titulo[data-v-a618708a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.chile-datos[data-v-a618708a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.dato[data-v-a618708a] {
  color: #FFFFFF;
}
.dato-separador[data-v-a618708a] {
  color: #6B7280;
}
.chile-explicacion[data-v-a618708a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Comparación */
.comparacion-section[data-v-a618708a] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a618708a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-a618708a] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-a618708a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tabla-row.header[data-v-a618708a] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-col[data-v-a618708a] {
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row:last-child .tabla-col[data-v-a618708a] {
  border-bottom: none;
}
.tabla-col.label[data-v-a618708a] {
  text-align: left;
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.1);
}
.tabla-col.dc[data-v-a618708a] {
  color: #6EE7B7;
  font-weight: 700;
}
.tabla-col.ac[data-v-a618708a] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tip */
.tip[data-v-a618708a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a618708a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a618708a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a618708a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-header[data-v-a618708a] {
    padding: 1rem;
}
.tipo-titulo h3[data-v-a618708a] {
    font-size: 1.1rem;
}
.grafico-corriente[data-v-a618708a] {
    padding: 0.75rem;
}
.grafico-area[data-v-a618708a] {
    height: 60px;
}
.caracteristicas[data-v-a618708a] {
    flex-direction: row;
    flex-wrap: wrap;
}
.caracteristica[data-v-a618708a] {
    flex: 1;
    min-width: 180px;
}
}

.simulador[data-v-50e36ec6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-50e36ec6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-50e36ec6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-50e36ec6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-50e36ec6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-50e36ec6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-50e36ec6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-50e36ec6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-50e36ec6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-50e36ec6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular corriente ===== */
.calculo-container[data-v-50e36ec6] {
  text-align: center;
}
.formula-referencia[data-v-50e36ec6] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-50e36ec6] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.formula-texto[data-v-50e36ec6] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 1rem;
}
.problema-visual[data-v-50e36ec6] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.dato-item[data-v-50e36ec6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.dato-icono[data-v-50e36ec6] {
  font-size: 1.5rem;
}
.dato-valor[data-v-50e36ec6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.pregunta-corriente[data-v-50e36ec6] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.input-corriente[data-v-50e36ec6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-50e36ec6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.corriente-input[data-v-50e36ec6] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.corriente-input.correcto[data-v-50e36ec6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.corriente-input.incorrecto[data-v-50e36ec6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-50e36ec6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-50e36ec6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-50e36ec6] {
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.contador[data-v-50e36ec6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: DC vs AC ===== */
.identificar-container[data-v-50e36ec6] {
  text-align: center;
}
.dispositivo-visual[data-v-50e36ec6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.dispositivo-emoji[data-v-50e36ec6] {
  font-size: 4rem;
}
.dispositivo-nombre[data-v-50e36ec6] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
}
.pregunta-tipo[data-v-50e36ec6] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-tipo[data-v-50e36ec6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.btn-tipo[data-v-50e36ec6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 100px;
}
.btn-tipo.dc[data-v-50e36ec6]:hover {
  border-color: #10B981;
}
.btn-tipo.ac[data-v-50e36ec6]:hover {
  border-color: #FCD34D;
}
.btn-tipo.seleccionado[data-v-50e36ec6] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-tipo.correcto[data-v-50e36ec6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-tipo.incorrecto[data-v-50e36ec6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.tipo-icono[data-v-50e36ec6] {
  font-size: 1.5rem;
}
.tipo-label[data-v-50e36ec6] {
  font-size: 1.1rem;
  font-weight: 700;
}
.tipo-desc[data-v-50e36ec6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.btn-tipo.correcto .tipo-desc[data-v-50e36ec6],
.btn-tipo.incorrecto .tipo-desc[data-v-50e36ec6] {
  color: rgba(255, 255, 255, 0.8);
}

/* ===== DESAFÍO 3: Simulador visual ===== */
.simulador-visual[data-v-50e36ec6] {
  text-align: center;
}
.circuito-visual[data-v-50e36ec6] {
  position: relative;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.bateria[data-v-50e36ec6] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.polo[data-v-50e36ec6] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
}
.polo.positivo[data-v-50e36ec6] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.polo.negativo[data-v-50e36ec6] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.bateria-cuerpo[data-v-50e36ec6] {
  font-size: 2rem;
}
.cable[data-v-50e36ec6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  background: linear-gradient(90deg, #78350F, #92400E);
  border-radius: 0.25rem;
  width: 80%;
  max-width: 200px;
}
.electron-sim[data-v-50e36ec6] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
}
.electron-sim.animando[data-v-50e36ec6] {
  animation: fluir-electron-50e36ec6 var(--animation-speed, 1.5s) ease-in-out infinite;
}
@keyframes fluir-electron-50e36ec6 {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(20px); opacity: 0.7;
}
}
.bombilla[data-v-50e36ec6] {
  padding: 0.5rem;
  transition: all 0.3s ease;
}
.bombilla-emoji[data-v-50e36ec6] {
  font-size: 2.5rem;
  transition: all 0.3s ease;
}
.bombilla.encendida .bombilla-emoji[data-v-50e36ec6] {
  filter: drop-shadow(0 0 10px #FCD34D);
}
.control-corriente[data-v-50e36ec6] {
  margin-bottom: 1rem;
}
.btn-interruptor[data-v-50e36ec6] {
  padding: 0.6rem 1.5rem;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.btn-interruptor.encendido[data-v-50e36ec6] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.slider-intensidad[data-v-50e36ec6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.slider-label[data-v-50e36ec6] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.slider[data-v-50e36ec6] {
  width: 100px;
  accent-color: #8B5CF6;
}
.slider-valor[data-v-50e36ec6] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 35px;
}
.info-simulacion[data-v-50e36ec6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.info-item[data-v-50e36ec6] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
}
.info-label[data-v-50e36ec6] {
  color: #C4B5FD;
}
.info-valor[data-v-50e36ec6] {
  font-weight: 600;
  color: #FFFFFF;
}
.pregunta-simulador[data-v-50e36ec6] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-simulador strong[data-v-50e36ec6] {
  color: #FCD34D;
}
.opciones-simulador[data-v-50e36ec6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-opcion-sim[data-v-50e36ec6] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.btn-opcion-sim.seleccionado[data-v-50e36ec6] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion-sim.correcto[data-v-50e36ec6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion-sim.incorrecto[data-v-50e36ec6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-50e36ec6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-50e36ec6] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-50e36ec6] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-50e36ec6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-50e36ec6] {
  flex: 1;
}
.nav-btn[data-v-50e36ec6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-50e36ec6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-50e36ec6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-50e36ec6] {
  font-size: 1.75rem;
}
.completado-texto[data-v-50e36ec6] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-50e36ec6], .slide-leave-active[data-v-50e36ec6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-50e36ec6] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-50e36ec6] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-a44cba65] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-a44cba65] {
  font-size: 2.5rem;
}
.resumen-intro[data-v-a44cba65] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Concepto box */
.concepto-box[data-v-a44cba65] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.concepto-titulo[data-v-a44cba65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.concepto-texto[data-v-a44cba65] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-a44cba65] {
  color: #FCD34D;
}

/* Fórmula resumen */
.formula-resumen[data-v-a44cba65] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.formula-titulo[data-v-a44cba65] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.formula-grande[data-v-a44cba65] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-var[data-v-a44cba65] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-igual[data-v-a44cba65] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.formula-frac[data-v-a44cba65] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.frac-num[data-v-a44cba65], .frac-den[data-v-a44cba65] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0 0.5rem;
}
.frac-linea[data-v-a44cba65] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.2rem 0;
}
.formula-unidades[data-v-a44cba65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.unidad[data-v-a44cba65] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tipos resumen */
.tipos-resumen[data-v-a44cba65] {
  margin-bottom: 1rem;
}
.tipos-titulo[data-v-a44cba65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.tipos-grid[data-v-a44cba65] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-a44cba65] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.dc[data-v-a44cba65] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-card.ac[data-v-a44cba65] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-nombre[data-v-a44cba65] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-card.dc .tipo-nombre[data-v-a44cba65] {
  color: #6EE7B7;
}
.tipo-card.ac .tipo-nombre[data-v-a44cba65] {
  color: #FCD34D;
}
.tipo-caracteristica[data-v-a44cba65] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-a44cba65] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Chile resumen */
.chile-resumen[data-v-a44cba65] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.chile-icono[data-v-a44cba65] {
  font-size: 1.75rem;
}
.chile-datos[data-v-a44cba65] {
  display: flex;
  flex-direction: column;
}
.chile-titulo[data-v-a44cba65] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.chile-valor[data-v-a44cba65] {
  font-size: 1rem;
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-a44cba65] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-a44cba65] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tips-lista[data-v-a44cba65] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tips-lista li[data-v-a44cba65] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.tips-lista li strong[data-v-a44cba65] {
  color: #FFFFFF;
}

/* Errores comunes */
.errores-box[data-v-a44cba65] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.errores-titulo[data-v-a44cba65] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.error-item[data-v-a44cba65] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}
.error-item[data-v-a44cba65]:last-child {
  margin-bottom: 0;
}
.error-mal[data-v-a44cba65] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.error-bien[data-v-a44cba65] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-a44cba65] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-a44cba65] {
  font-size: 2rem;
}
.final-texto[data-v-a44cba65] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-a44cba65] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-a44cba65] {
    gap: 1rem;
}
.tipo-card[data-v-a44cba65] {
    padding: 0.75rem;
}
.formula-unidades[data-v-a44cba65] {
    gap: 1rem;
}
.unidad[data-v-a44cba65] {
    font-size: 0.85rem;
    padding: 0.3rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-a778c549] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.conductor-visual[data-v-a778c549] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  position: relative;
}
.campo-b[data-v-a778c549] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.campo-flecha[data-v-a778c549] {
  font-size: 1.5rem;
  color: #3B82F6;
}
.campo-label[data-v-a778c549] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-top: 0.25rem;
}
.conductor[data-v-a778c549] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30px;
  height: 80px;
  background: linear-gradient(180deg, #F59E0B, #D97706);
  border-radius: 4px;
  justify-content: center;
  position: relative;
}
.corriente-flecha[data-v-a778c549] {
  font-size: 1.5rem;
  color: white;
}
.corriente-label[data-v-a778c549] {
  position: absolute;
  bottom: -20px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.fuerza-resultante[data-v-a778c549] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fuerza-flecha[data-v-a778c549] {
  font-size: 2rem;
  color: #10B981;
}
.fuerza-label[data-v-a778c549] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Condiciones */
.condiciones-section[data-v-a778c549] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a778c549] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condiciones-grid[data-v-a778c549] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion[data-v-a778c549] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cond-icono[data-v-a778c549] {
  font-size: 1.25rem;
}
.cond-texto[data-v-a778c549] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Regla de la mano derecha */
.regla-section[data-v-a778c549] {
  margin: 1.5rem 0;
}
.regla-explicacion[data-v-a778c549] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mano-visual[data-v-a778c549] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.75rem;
}
.dedo[data-v-a778c549] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.dedo-flecha[data-v-a778c549] {
  font-size: 1.75rem;
}
.dedo-label[data-v-a778c549] {
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
}
.pulgar .dedo-label[data-v-a778c549] { color: #FCD34D;
}
.indice .dedo-label[data-v-a778c549] { color: #93C5FD;
}
.palma .dedo-label[data-v-a778c549] { color: #6EE7B7;
}
.regla-texto[data-v-a778c549] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
  text-align: center;
}
.regla-texto strong[data-v-a778c549] {
  color: #FFFFFF;
}

/* Perpendicular box */
.perpendicular-box[data-v-a778c549] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.perp-titulo[data-v-a778c549] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.perp-contenido[data-v-a778c549] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.perp-contenido strong[data-v-a778c549] {
  color: #FFFFFF;
}

/* Definición */
.definicion[data-v-a778c549] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-a778c549] {
  font-size: 1.5rem;
}
.def-contenido[data-v-a778c549] {
  flex: 1;
}
.def-titulo[data-v-a778c549] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-a778c549] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Tip */
.tip[data-v-a778c549] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a778c549] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a778c549] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a778c549] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.condiciones-grid[data-v-a778c549] {
    flex-direction: row;
    gap: 0.75rem;
}
.condicion[data-v-a778c549] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.conductor-visual[data-v-a778c549] {
    gap: 2.5rem;
    padding: 2rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-a1114a3d] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.formula-box[data-v-a1114a3d] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
  padding: 1.25rem 2rem;
}
.formula-grande[data-v-a1114a3d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Variables */
.variables-section[data-v-a1114a3d] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a1114a3d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-a1114a3d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.variable[data-v-a1114a3d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-a1114a3d] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  border-radius: 8px;
  font-family: 'Times New Roman', serif;
}
.var-simbolo.fuerza[data-v-a1114a3d] { background: #10B981; color: white;
}
.var-simbolo.campo[data-v-a1114a3d] { background: #3B82F6; color: white;
}
.var-simbolo.corriente[data-v-a1114a3d] { background: #F59E0B; color: white;
}
.var-simbolo.longitud[data-v-a1114a3d] { background: #8B5CF6; color: white;
}
.var-simbolo.angulo[data-v-a1114a3d] { background: #EF4444; color: white;
}
.var-info[data-v-a1114a3d] {
  display: flex;
  flex-direction: column;
}
.var-nombre[data-v-a1114a3d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.var-unidad[data-v-a1114a3d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Casos especiales */
.casos-section[data-v-a1114a3d] {
  margin: 1.5rem 0;
}
.casos-grid[data-v-a1114a3d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.caso[data-v-a1114a3d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
  text-align: center;
}
.caso.maximo[data-v-a1114a3d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.caso.nulo[data-v-a1114a3d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.caso-angulo[data-v-a1114a3d] {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.caso.maximo .caso-angulo[data-v-a1114a3d] { color: #6EE7B7;
}
.caso.nulo .caso-angulo[data-v-a1114a3d] { color: #FCA5A5;
}
.caso-resultado[data-v-a1114a3d] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.5rem;
}
.caso-formula[data-v-a1114a3d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.caso-nota[data-v-a1114a3d] {
  font-size: 0.7rem;
  font-weight: 600;
}
.caso.maximo .caso-nota[data-v-a1114a3d] { color: #6EE7B7;
}
.caso.nulo .caso-nota[data-v-a1114a3d] { color: #FCA5A5;
}
.caso-visual[data-v-a1114a3d] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.flecha-i[data-v-a1114a3d] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.flecha-b[data-v-a1114a3d] {
  font-size: 1.25rem;
  color: #93C5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-a1114a3d] {
  margin: 1.5rem 0;
}
.ejemplo-box[data-v-a1114a3d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-a1114a3d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-enunciado strong[data-v-a1114a3d] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-a1114a3d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-a1114a3d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-a1114a3d] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-a1114a3d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-a1114a3d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.resultado-label[data-v-a1114a3d] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-valor[data-v-a1114a3d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a1114a3d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a1114a3d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a1114a3d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a1114a3d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-a1114a3d] {
    font-size: 1.75rem;
}
.variables-grid[data-v-a1114a3d] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro motor */
.intro-motor[data-v-112ea6dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.5rem;
}
.motor-icono[data-v-112ea6dc] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.intro-texto[data-v-112ea6dc] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  max-width: 400px;
}
.intro-texto strong[data-v-112ea6dc] {
  color: #FFFFFF;
}

/* Section titulo */
.section-titulo[data-v-112ea6dc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Principio visual */
.principio-section[data-v-112ea6dc] {
  margin: 1.5rem 0;
}
.principio-visual[data-v-112ea6dc] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.motor-esquema[data-v-112ea6dc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.iman-lado[data-v-112ea6dc] {
  width: 35px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
  border-radius: 4px;
}
.iman-lado.norte[data-v-112ea6dc] {
  background: linear-gradient(180deg, #EF4444, #DC2626);
}
.iman-lado.sur[data-v-112ea6dc] {
  background: linear-gradient(180deg, #3B82F6, #2563EB);
}
.espira-container[data-v-112ea6dc] {
  position: relative;
  width: 80px;
  height: 60px;
}
.espira[data-v-112ea6dc] {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-between;
}
.lado[data-v-112ea6dc] {
  width: 12px;
  height: 100%;
  background: #F59E0B;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lado-horizontal[data-v-112ea6dc] {
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 10px;
  background: #F59E0B;
}
.lado[data-v-112ea6dc]::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: #F59E0B;
}
.fuerza-flecha[data-v-112ea6dc] {
  position: absolute;
  font-size: 1.5rem;
  font-weight: 700;
}
.fuerza-flecha.arriba[data-v-112ea6dc] {
  top: -25px;
  color: #6EE7B7;
}
.fuerza-flecha.abajo[data-v-112ea6dc] {
  bottom: -25px;
  color: #6EE7B7;
}
.eje[data-v-112ea6dc] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.eje-punto[data-v-112ea6dc] {
  color: #8B5CF6;
  font-size: 1rem;
}
.motor-leyenda[data-v-112ea6dc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ley-item[data-v-112ea6dc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.arrow[data-v-112ea6dc] {
  font-weight: 700;
}
.arrow.up[data-v-112ea6dc] { color: #6EE7B7;
}
.arrow.down[data-v-112ea6dc] { color: #6EE7B7;
}

/* Pasos */
.pasos-section[data-v-112ea6dc] {
  margin: 1.5rem 0;
}
.pasos-list[data-v-112ea6dc] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.paso-item[data-v-112ea6dc] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-112ea6dc] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-112ea6dc] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-titulo[data-v-112ea6dc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-desc[data-v-112ea6dc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Partes */
.partes-section[data-v-112ea6dc] {
  margin: 1.5rem 0;
}
.partes-grid[data-v-112ea6dc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.parte[data-v-112ea6dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.parte-icono[data-v-112ea6dc] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.parte-nombre[data-v-112ea6dc] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-desc[data-v-112ea6dc] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Aplicaciones */
.aplicaciones-section[data-v-112ea6dc] {
  margin: 1.5rem 0;
}
.aplicaciones-grid[data-v-112ea6dc] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-112ea6dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-112ea6dc] {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-112ea6dc] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-112ea6dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-112ea6dc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-112ea6dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-112ea6dc] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.aplicaciones-grid[data-v-112ea6dc] {
    gap: 0.75rem;
}
.app-nombre[data-v-112ea6dc] {
    font-size: 0.75rem;
}
.partes-grid[data-v-112ea6dc] {
    grid-template-columns: repeat(4, 1fr);
}
}

.simulador[data-v-2917ebbd] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2917ebbd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2917ebbd] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2917ebbd] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2917ebbd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2917ebbd] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2917ebbd] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2917ebbd] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2917ebbd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2917ebbd] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Dirección ===== */
.direccion-container[data-v-2917ebbd] {
  text-align: center;
}
.escena-fuerza[data-v-2917ebbd] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.vectores-visual[data-v-2917ebbd] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
.vector[data-v-2917ebbd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.vector-flecha[data-v-2917ebbd] {
  font-size: 2rem;
  font-weight: 700;
}
.vector-label[data-v-2917ebbd] {
  font-size: 0.85rem;
  font-weight: 700;
}
.vector.corriente .vector-flecha[data-v-2917ebbd] { color: #FCD34D;
}
.vector.corriente .vector-label[data-v-2917ebbd] { color: #FCD34D;
}
.vector.campo .vector-flecha[data-v-2917ebbd] { color: #93C5FD;
}
.vector.campo .vector-label[data-v-2917ebbd] { color: #93C5FD;
}
.vector.fuerza .vector-flecha[data-v-2917ebbd] { color: #6EE7B7;
}
.vector.fuerza .vector-label[data-v-2917ebbd] { color: #6EE7B7;
}
.vector.pregunta .vector-flecha[data-v-2917ebbd] {
  width: 40px;
  height: 40px;
  background: rgba(16, 185, 129, 0.2);
  border: 2px dashed #10B981;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #6EE7B7;
}
.pregunta-direccion[data-v-2917ebbd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-direccion[data-v-2917ebbd] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-direccion[data-v-2917ebbd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-direccion .btn-icono[data-v-2917ebbd] {
  font-size: 1.25rem;
}
.btn-direccion .btn-label[data-v-2917ebbd] {
  font-size: 0.7rem;
  font-weight: 600;
}
.btn-direccion.seleccionado[data-v-2917ebbd] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-direccion.correcto[data-v-2917ebbd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-direccion.incorrecto[data-v-2917ebbd] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.ayuda-mano[data-v-2917ebbd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.direccion-contador[data-v-2917ebbd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Cálculo ===== */
.calculo-container[data-v-2917ebbd] {
  text-align: center;
}
.formula-recordatorio[data-v-2917ebbd] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-2917ebbd] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.problema-datos[data-v-2917ebbd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.dato[data-v-2917ebbd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-label[data-v-2917ebbd] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.dato-valor[data-v-2917ebbd] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-calculo[data-v-2917ebbd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-calculo[data-v-2917ebbd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-calculo[data-v-2917ebbd] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
}
.btn-calculo.seleccionado[data-v-2917ebbd] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-calculo.correcto[data-v-2917ebbd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-calculo.incorrecto[data-v-2917ebbd] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.calculo-contador[data-v-2917ebbd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Motor ===== */
.motor-container[data-v-2917ebbd] {
  text-align: center;
}
.motor-pregunta[data-v-2917ebbd] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.opciones-motor[data-v-2917ebbd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-motor[data-v-2917ebbd] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
}
.btn-motor.seleccionado[data-v-2917ebbd] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-motor.correcto[data-v-2917ebbd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-motor.incorrecto[data-v-2917ebbd] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.motor-contador[data-v-2917ebbd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-2917ebbd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2917ebbd] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-2917ebbd] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2917ebbd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2917ebbd] {
  flex: 1;
}
.nav-btn[data-v-2917ebbd] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2917ebbd] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2917ebbd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2917ebbd] {
  font-size: 1.75rem;
}
.completado-texto[data-v-2917ebbd] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2917ebbd], .slide-leave-active[data-v-2917ebbd] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2917ebbd] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-2917ebbd] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-direccion[data-v-2917ebbd] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Header */
.resumen-header[data-v-ffbb5ff3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-ffbb5ff3] {
  font-size: 1.75rem;
}
.header-texto[data-v-ffbb5ff3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-ffbb5ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-ffbb5ff3] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.card-num[data-v-ffbb5ff3] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.card-contenido[data-v-ffbb5ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.card-titulo[data-v-ffbb5ff3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-formula[data-v-ffbb5ff3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.card-texto[data-v-ffbb5ff3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.card-texto strong[data-v-ffbb5ff3] {
  color: #FFFFFF;
}

/* Section titulo */
.section-titulo[data-v-ffbb5ff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Unidades */
.unidades-section[data-v-ffbb5ff3] {
  margin-bottom: 1.5rem;
}
.unidades-grid[data-v-ffbb5ff3] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.unidad[data-v-ffbb5ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.uni-simbolo[data-v-ffbb5ff3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.uni-unidad[data-v-ffbb5ff3] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Casos */
.casos-section[data-v-ffbb5ff3] {
  margin-bottom: 1.5rem;
}
.casos-grid[data-v-ffbb5ff3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.caso-box[data-v-ffbb5ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.caso-box.max[data-v-ffbb5ff3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.caso-box.min[data-v-ffbb5ff3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.caso-titulo[data-v-ffbb5ff3] {
  font-size: 1rem;
  font-weight: 700;
}
.caso-box.max .caso-titulo[data-v-ffbb5ff3] { color: #6EE7B7;
}
.caso-box.min .caso-titulo[data-v-ffbb5ff3] { color: #FCA5A5;
}
.caso-resultado[data-v-ffbb5ff3] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caso-nota[data-v-ffbb5ff3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-ffbb5ff3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-ffbb5ff3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-ffbb5ff3] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tips-lista li[data-v-ffbb5ff3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista strong[data-v-ffbb5ff3] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-ffbb5ff3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-ffbb5ff3] {
  font-size: 1.5rem;
}
.final-texto[data-v-ffbb5ff3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.unidades-grid[data-v-ffbb5ff3] {
    gap: 0.75rem;
}
.uni-unidad[data-v-ffbb5ff3] {
    font-size: 0.75rem;
}
}

/* Intro visual - Generador */
.intro-visual[data-v-35377b24] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.generador-visual[data-v-35377b24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.turbina[data-v-35377b24] {
  position: relative;
  width: 50px;
  height: 50px;
  animation: girar-35377b24 3s linear infinite;
}
@keyframes girar-35377b24 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.aspa[data-v-35377b24] {
  position: absolute;
  width: 4px;
  height: 22px;
  background: linear-gradient(to top, #8B5CF6, #C4B5FD);
  left: 50%;
  top: 50%;
  transform-origin: center bottom;
  border-radius: 2px;
}
.aspa[data-v-35377b24]:nth-child(1) { transform: translateX(-50%) translateY(-100%) rotate(0deg);
}
.aspa[data-v-35377b24]:nth-child(2) { transform: translateX(-50%) translateY(-100%) rotate(120deg);
}
.aspa[data-v-35377b24]:nth-child(3) { transform: translateX(-50%) translateY(-100%) rotate(240deg);
}
.flecha-energia[data-v-35377b24] {
  font-size: 1.5rem;
  color: #FCD34D;
  animation: pulso-35377b24 1.5s ease-in-out infinite;
}
@keyframes pulso-35377b24 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.generador-icono[data-v-35377b24] {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6D28D9, #8B5CF6);
  border: 3px solid #C4B5FD;
  border-radius: 50%;
}
.gen-simbolo[data-v-35377b24] {
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.electricidad[data-v-35377b24] {
  font-size: 2rem;
  animation: brillar-35377b24 1s ease-in-out infinite;
}
@keyframes brillar-35377b24 {
0%, 100% { filter: brightness(1);
}
50% { filter: brightness(1.5);
}
}

/* Colores inline */
strong.positivo[data-v-35377b24] {
  color: #6EE7B7;
}
strong.negativo[data-v-35377b24] {
  color: #FCA5A5;
}

/* Principio fundamental */
.principio-section[data-v-35377b24] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-35377b24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principio-diagrama[data-v-35377b24] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.paso-gen[data-v-35377b24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.4rem;
}
.paso-gen .paso-icono[data-v-35377b24] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.paso-gen .paso-label[data-v-35377b24] {
  font-size: 0.65rem;
  color: #C4B5FD;
  max-width: 60px;
}
.paso-gen.resultado[data-v-35377b24] {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.paso-gen.resultado .paso-label[data-v-35377b24] {
  color: #6EE7B7;
  font-weight: 600;
}
.paso-flecha[data-v-35377b24] {
  color: #FCD34D;
  font-size: 0.9rem;
  font-weight: 700;
}

/* Concepto clave */
.concepto-clave[data-v-35377b24] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-35377b24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.concepto-contenido p[data-v-35377b24] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}
.concepto-formula[data-v-35377b24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.formula[data-v-35377b24] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.formula-desc[data-v-35377b24] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Fuentes de energía */
.fuentes-section[data-v-35377b24] {
  margin: 1.5rem 0;
}
.fuentes-grid[data-v-35377b24] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fuente-item[data-v-35377b24] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.fuente-item.renovable[data-v-35377b24] {
  border-color: rgba(16, 185, 129, 0.4);
}
.fuente-item.no-renovable[data-v-35377b24] {
  border-color: rgba(239, 68, 68, 0.4);
}
.fuente-icono[data-v-35377b24] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.fuente-nombre[data-v-35377b24] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fuente-tag[data-v-35377b24] {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
  margin-top: 0.25rem;
}
.fuente-item.renovable .fuente-tag[data-v-35377b24] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.fuente-item.no-renovable .fuente-tag[data-v-35377b24] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.fuentes-nota[data-v-35377b24] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Tip */
.tip[data-v-35377b24] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-35377b24] {
  font-size: 1.25rem;
}
.tip-texto[data-v-35377b24] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-35377b24] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.generador-visual[data-v-35377b24] {
    gap: 1rem;
}
.turbina[data-v-35377b24] {
    width: 60px;
    height: 60px;
}
.aspa[data-v-35377b24] {
    height: 28px;
    width: 5px;
}
.fuentes-grid[data-v-35377b24] {
    grid-template-columns: repeat(4, 1fr);
}
.principio-diagrama[data-v-35377b24] {
    flex-wrap: nowrap;
}
.paso-gen .paso-label[data-v-35377b24] {
    font-size: 0.75rem;
}
}

/* Categoría header */
.categoria-header[data-v-c7ded973] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.categoria-header.solar-cat[data-v-c7ded973] {
  margin-top: 1.5rem;
  background: rgba(245, 158, 11, 0.2);
}
.cat-icono[data-v-c7ded973] {
  font-size: 1.25rem;
}
.cat-titulo[data-v-c7ded973] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Card de central */
.central-card[data-v-c7ded973] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.central-card.hidro[data-v-c7ded973] { border-left: 3px solid #3B82F6;
}
.central-card.termo[data-v-c7ded973] { border-left: 3px solid #EF4444;
}
.central-card.eolica[data-v-c7ded973] { border-left: 3px solid #10B981;
}
.central-card.solar[data-v-c7ded973] { border-left: 3px solid #F59E0B;
}
.central-header[data-v-c7ded973] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.central-icono[data-v-c7ded973] {
  font-size: 1.75rem;
}
.central-info[data-v-c7ded973] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.central-nombre[data-v-c7ded973] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.central-tag[data-v-c7ded973] {
  font-size: 0.65rem;
  padding: 0.1rem 0.4rem;
  border-radius: 9999px;
  width: fit-content;
}
.central-tag.renovable[data-v-c7ded973] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.central-tag.no-renovable[data-v-c7ded973] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Proceso de generación */
.central-proceso[data-v-c7ded973] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.proceso-paso[data-v-c7ded973] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 60px;
}
.proceso-paso .p-icono[data-v-c7ded973] {
  font-size: 1.1rem;
}
.proceso-paso .p-texto[data-v-c7ded973] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.proceso-paso.resultado[data-v-c7ded973] {
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
  padding: 0.3rem;
}
.proceso-paso.resultado .p-texto[data-v-c7ded973] {
  color: #6EE7B7;
  font-weight: 600;
}
.proceso-flecha[data-v-c7ded973] {
  color: #FCD34D;
  font-size: 0.8rem;
  font-weight: 700;
}

/* Datos adicionales */
.central-dato[data-v-c7ded973] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.central-dato strong[data-v-c7ded973] {
  color: #FCD34D;
}
.central-detalle[data-v-c7ded973] {
  margin-top: 0.5rem;
}
.combustibles[data-v-c7ded973] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  align-items: center;
}
.comb-label[data-v-c7ded973] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comb-item[data-v-c7ded973] {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border-radius: 0.25rem;
}
.comb-item.renovable-item[data-v-c7ded973] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.solar-nota[data-v-c7ded973] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  line-height: 1.4;
}
.solar-nota strong[data-v-c7ded973] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-c7ded973] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-c7ded973] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-c7ded973] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-c7ded973] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-c7ded973] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-row.header .comp-cell[data-v-c7ded973] {
  font-weight: 700;
  color: #FFFFFF;
}
.comp-cell[data-v-c7ded973] {
  padding: 0.4rem 0.3rem;
  font-size: 0.7rem;
  text-align: center;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.comp-cell.positivo[data-v-c7ded973] {
  color: #6EE7B7;
}
.comp-cell.negativo[data-v-c7ded973] {
  color: #FCA5A5;
}
.comp-cell.neutro[data-v-c7ded973] {
  color: #FCD34D;
}
.comp-nota[data-v-c7ded973] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.4rem;
}

/* Tip */
.tip[data-v-c7ded973] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c7ded973] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c7ded973] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c7ded973] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.central-proceso[data-v-c7ded973] {
    flex-wrap: nowrap;
}
.proceso-paso .p-texto[data-v-c7ded973] {
    font-size: 0.75rem;
}
.comp-cell[data-v-c7ded973] {
    font-size: 0.8rem;
    padding: 0.5rem;
}
}

.simulador[data-v-907e4c54] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-907e4c54] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-907e4c54] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-907e4c54] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-907e4c54] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-907e4c54] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-907e4c54] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-907e4c54] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-907e4c54] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-907e4c54] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar central ===== */
.identificar-container[data-v-907e4c54] {
  text-align: center;
}
.central-visual[data-v-907e4c54] {
  padding: 1.5rem;
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hidro-visual[data-v-907e4c54], .termo-visual[data-v-907e4c54], .eolica-visual[data-v-907e4c54], .solar-visual[data-v-907e4c54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.agua-cayendo[data-v-907e4c54] {
  display: flex;
  flex-direction: column;
  animation: caer-907e4c54 1s ease-in-out infinite;
}
@keyframes caer-907e4c54 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(10px);
}
}
.gota[data-v-907e4c54] {
  font-size: 1.2rem;
  animation: parpadear-907e4c54 0.5s ease-in-out infinite alternate;
}
.gota[data-v-907e4c54]:nth-child(2) { animation-delay: 0.2s;
}
.gota[data-v-907e4c54]:nth-child(3) { animation-delay: 0.4s;
}
@keyframes parpadear-907e4c54 {
from { opacity: 0.5;
}
to { opacity: 1;
}
}
.turbina-mini[data-v-907e4c54] {
  font-size: 2rem;
  animation: girar-907e4c54 2s linear infinite;
}
@keyframes girar-907e4c54 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.resultado-elec[data-v-907e4c54] {
  font-size: 1.5rem;
  animation: brillar-907e4c54 1s ease-in-out infinite;
}
@keyframes brillar-907e4c54 {
0%, 100% { filter: brightness(1);
}
50% { filter: brightness(1.5);
}
}
.fuego[data-v-907e4c54] {
  font-size: 1.5rem;
  animation: fuego-anim-907e4c54 0.5s ease-in-out infinite alternate;
}
@keyframes fuego-anim-907e4c54 {
from { transform: scale(1);
}
to { transform: scale(1.1);
}
}
.vapor[data-v-907e4c54] {
  font-size: 1.3rem;
  animation: subir-907e4c54 1s ease-in-out infinite;
}
@keyframes subir-907e4c54 {
0%, 100% { transform: translateY(0); opacity: 1;
}
50% { transform: translateY(-5px); opacity: 0.7;
}
}
.viento[data-v-907e4c54] {
  font-size: 1.5rem;
  animation: soplar-907e4c54 1s ease-in-out infinite;
}
@keyframes soplar-907e4c54 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
.molino[data-v-907e4c54] {
  position: relative;
  width: 40px;
  height: 40px;
  animation: girar-907e4c54 2s linear infinite;
}
.aspa-m[data-v-907e4c54] {
  position: absolute;
  width: 3px;
  height: 18px;
  background: linear-gradient(to top, #8B5CF6, #C4B5FD);
  left: 50%;
  top: 50%;
  transform-origin: center bottom;
  border-radius: 2px;
}
.aspa-m[data-v-907e4c54]:nth-child(1) { transform: translateX(-50%) translateY(-100%) rotate(0deg);
}
.aspa-m[data-v-907e4c54]:nth-child(2) { transform: translateX(-50%) translateY(-100%) rotate(120deg);
}
.aspa-m[data-v-907e4c54]:nth-child(3) { transform: translateX(-50%) translateY(-100%) rotate(240deg);
}
.sol[data-v-907e4c54] {
  font-size: 2rem;
  animation: pulsar-907e4c54 1.5s ease-in-out infinite;
}
@keyframes pulsar-907e4c54 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.rayos[data-v-907e4c54] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.rayo[data-v-907e4c54] {
  color: #FCD34D;
  font-size: 0.8rem;
  animation: rayo-anim-907e4c54 0.5s ease-in-out infinite;
}
.rayo[data-v-907e4c54]:nth-child(2) { animation-delay: 0.25s;
}
@keyframes rayo-anim-907e4c54 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.panel[data-v-907e4c54] {
  font-size: 2rem;
}
.opciones-tipo[data-v-907e4c54] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-tipo[data-v-907e4c54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-tipo.seleccionado[data-v-907e4c54] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-tipo.correcto[data-v-907e4c54] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-tipo.incorrecto[data-v-907e4c54] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-tipo .btn-icono[data-v-907e4c54] {
  font-size: 1.25rem;
}
.btn-tipo .btn-label[data-v-907e4c54] {
  font-size: 0.75rem;
  font-weight: 600;
}
.identificar-contador[data-v-907e4c54] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Ordenar proceso ===== */
.ordenar-container[data-v-907e4c54] {
  text-align: center;
}
.central-target[data-v-907e4c54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.target-icono[data-v-907e4c54] {
  font-size: 1.5rem;
}
.target-nombre[data-v-907e4c54] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pasos-disponibles[data-v-907e4c54] {
  margin-bottom: 1rem;
}
.pasos-label[data-v-907e4c54] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pasos-pool[data-v-907e4c54] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-btn[data-v-907e4c54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  position: relative;
}
.paso-btn.seleccionado[data-v-907e4c54] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.paso-btn[data-v-907e4c54]:disabled {
  opacity: 0.7;
}
.paso-orden[data-v-907e4c54] {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-icono[data-v-907e4c54] {
  font-size: 1.25rem;
}
.paso-texto[data-v-907e4c54] {
  font-size: 0.8rem;
  flex: 1;
  text-align: left;
}
.botones-accion[data-v-907e4c54] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-907e4c54], .btn-reiniciar[data-v-907e4c54] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-907e4c54] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-907e4c54] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.orden-feedback[data-v-907e4c54] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.orden-feedback.correcto[data-v-907e4c54] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.ordenar-contador[data-v-907e4c54] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Verdadero/Falso ===== */
.ventajas-container[data-v-907e4c54] {
  text-align: center;
}
.afirmacion-card[data-v-907e4c54] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.afirmacion-icono[data-v-907e4c54] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.afirmacion-texto[data-v-907e4c54] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-vd[data-v-907e4c54] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.opciones-vd[data-v-907e4c54] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-vd[data-v-907e4c54] {
  padding: 0.75rem 1.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.btn-vd.verdadero[data-v-907e4c54] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-vd.falso[data-v-907e4c54] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-vd.seleccionado[data-v-907e4c54] {
  transform: scale(1.05);
}
.btn-vd.correcto[data-v-907e4c54] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-vd.incorrecto[data-v-907e4c54] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.vd-explicacion[data-v-907e4c54] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #FCD34D;
  text-align: left;
  margin-bottom: 0.75rem;
}
.vd-contador[data-v-907e4c54] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-907e4c54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-907e4c54] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-907e4c54] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-907e4c54] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-907e4c54] {
  flex: 1;
}
.nav-btn[data-v-907e4c54] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-907e4c54] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-907e4c54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-907e4c54] {
  font-size: 1.75rem;
}
.completado-texto[data-v-907e4c54] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-907e4c54], .slide-leave-active[data-v-907e4c54] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-907e4c54] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-907e4c54] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Header del resumen */
.resumen-header[data-v-449fb516] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-449fb516] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-449fb516] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.punto-clave[data-v-449fb516] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.punto-numero[data-v-449fb516] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.punto-contenido[data-v-449fb516] {
  flex: 1;
}
.punto-titulo[data-v-449fb516] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.punto-texto[data-v-449fb516] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.positivo[data-v-449fb516] {
  color: #6EE7B7;
}
strong.advertencia[data-v-449fb516] {
  color: #FCD34D;
}

/* Tipos mini */
.tipos-mini[data-v-449fb516] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.tipo-item[data-v-449fb516] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.tipo-item.diferente[data-v-449fb516] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-449fb516] {
  font-size: 1rem;
}
.tipo-label[data-v-449fb516] {
  font-weight: 600;
  font-size: 0.75rem;
  color: #FFFFFF;
  min-width: 80px;
}
.tipo-desc[data-v-449fb516] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tipo-item.diferente .tipo-desc[data-v-449fb516] {
  color: #FCD34D;
}

/* Fórmula resumen */
.formula-resumen[data-v-449fb516] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-449fb516] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formula-contenido[data-v-449fb516] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula[data-v-449fb516] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-explicacion[data-v-449fb516] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Renovables section */
.renovables-section[data-v-449fb516] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-449fb516] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.renovables-grid[data-v-449fb516] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.renovable-col[data-v-449fb516], .no-renovable-col[data-v-449fb516] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.renovable-col[data-v-449fb516] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.no-renovable-col[data-v-449fb516] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.col-titulo[data-v-449fb516] {
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.col-titulo.positivo[data-v-449fb516] {
  color: #6EE7B7;
}
.col-titulo.negativo[data-v-449fb516] {
  color: #FCA5A5;
}
.col-items[data-v-449fb516] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.col-items span[data-v-449fb516] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-449fb516] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-449fb516] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tips-lista[data-v-449fb516] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-449fb516] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-449fb516] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-item .tip-texto[data-v-449fb516] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-item .tip-texto strong[data-v-449fb516] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-449fb516] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.final-icono[data-v-449fb516] {
  font-size: 1.75rem;
}
.final-texto[data-v-449fb516] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-mini[data-v-449fb516] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
.tipo-label[data-v-449fb516] {
    min-width: 100px;
}
.col-items span[data-v-449fb516] {
    font-size: 0.8rem;
}
.tip-item .tip-texto[data-v-449fb516] {
    font-size: 0.85rem;
}
}

/* Intro visual - Bobina e imán */
.intro-visual[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.bobina-visual[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bobina[data-v-a7b85e3b] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.espira[data-v-a7b85e3b] {
  width: 50px;
  height: 20px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  background: transparent;
}
.iman-movimiento[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  animation: mover-iman-a7b85e3b 2s ease-in-out infinite;
}
@keyframes mover-iman-a7b85e3b {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-15px);
}
}
.iman[data-v-a7b85e3b] {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.polo-n[data-v-a7b85e3b], .polo-s[data-v-a7b85e3b] {
  width: 24px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
}
.polo-n[data-v-a7b85e3b] {
  background: #EF4444;
}
.polo-s[data-v-a7b85e3b] {
  background: #3B82F6;
}
.flecha-mov[data-v-a7b85e3b] {
  font-size: 1.2rem;
  color: #FCD34D;
  animation: parpadeo-a7b85e3b 1s ease-in-out infinite;
}
@keyframes parpadeo-a7b85e3b {
0%, 100% { opacity: 1;
}
50% { opacity: 0.3;
}
}
.voltimetro[data-v-a7b85e3b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.vm-label[data-v-a7b85e3b] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.vm-valor[data-v-a7b85e3b] {
  font-size: 1.5rem;
  animation: pulso-a7b85e3b 1.5s ease-in-out infinite;
}
@keyframes pulso-a7b85e3b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}

/* Colores inline */
strong.positivo[data-v-a7b85e3b] {
  color: #6EE7B7;
}
strong.negativo[data-v-a7b85e3b] {
  color: #FCA5A5;
}

/* Historia */
.historia-section[data-v-a7b85e3b] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a7b85e3b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cientificos-grid[data-v-a7b85e3b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.cientifico-card[data-v-a7b85e3b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.cientifico-icono[data-v-a7b85e3b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.cientifico-nombre[data-v-a7b85e3b] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
}
.cientifico-desc[data-v-a7b85e3b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-a7b85e3b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-a7b85e3b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.concepto-contenido[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-item[data-v-a7b85e3b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
}
.concepto-item .icono[data-v-a7b85e3b] {
  font-size: 1.5rem;
}
.concepto-item .texto[data-v-a7b85e3b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-flecha[data-v-a7b85e3b] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.concepto-nota[data-v-a7b85e3b] {
  text-align: center;
  font-size: 0.8rem;
  color: #FCA5A5;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* Variaciones */
.variaciones-section[data-v-a7b85e3b] {
  margin: 1.5rem 0;
}
.variaciones-lista[data-v-a7b85e3b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.variacion-item[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-icono[data-v-a7b85e3b] {
  font-size: 1.25rem;
}
.var-texto[data-v-a7b85e3b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Definición */
.definicion[data-v-a7b85e3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-a7b85e3b] {
  font-size: 1.5rem;
}
.def-contenido[data-v-a7b85e3b] {
  flex: 1;
}
.def-titulo[data-v-a7b85e3b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-a7b85e3b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-a7b85e3b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a7b85e3b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a7b85e3b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a7b85e3b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a7b85e3b] {
    gap: 2rem;
    padding: 1.5rem;
}
.espira[data-v-a7b85e3b] {
    width: 70px;
    height: 25px;
}
.polo-n[data-v-a7b85e3b], .polo-s[data-v-a7b85e3b] {
    width: 30px;
    height: 50px;
    font-size: 1rem;
}
.variaciones-lista[data-v-a7b85e3b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-e0bbe9f4] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-e0bbe9f4] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}
.formula-titulo[data-v-e0bbe9f4] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-e0bbe9f4] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  letter-spacing: 2px;
}

/* Colores inline */
strong.positivo[data-v-e0bbe9f4] {
  color: #6EE7B7;
}
strong.negativo[data-v-e0bbe9f4] {
  color: #FCA5A5;
}

/* Variables */
.variables-section[data-v-e0bbe9f4] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-e0bbe9f4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-e0bbe9f4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.variable-card[data-v-e0bbe9f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.var-simbolo[data-v-e0bbe9f4] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.var-nombre[data-v-e0bbe9f4] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.var-unidad[data-v-e0bbe9f4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Flujo magnético */
.flujo-section[data-v-e0bbe9f4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-formula-box[data-v-e0bbe9f4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.flujo-formula[data-v-e0bbe9f4] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}
.flujo-variables[data-v-e0bbe9f4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.flujo-var[data-v-e0bbe9f4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.flujo-var strong[data-v-e0bbe9f4] {
  color: #93C5FD;
}
.flujo-visual[data-v-e0bbe9f4] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
}
.espira-visual[data-v-e0bbe9f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.espira-circulo[data-v-e0bbe9f4] {
  width: 50px;
  height: 50px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #C4B5FD;
}
.campo-lineas[data-v-e0bbe9f4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.linea[data-v-e0bbe9f4] {
  color: #3B82F6;
  font-size: 1rem;
}
.angulo-label[data-v-e0bbe9f4] {
  position: absolute;
  top: -10px;
  right: 30px;
  font-size: 0.8rem;
  color: #FCD34D;
  font-style: italic;
}

/* Signo negativo */
.signo-section[data-v-e0bbe9f4] {
  margin: 1.5rem 0;
}
.signo-explicacion[data-v-e0bbe9f4] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.signo-explicacion p[data-v-e0bbe9f4] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.signo-explicacion p[data-v-e0bbe9f4]:last-child {
  margin-bottom: 0;
}
.signo-referencia[data-v-e0bbe9f4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Relaciones */
.relaciones-section[data-v-e0bbe9f4] {
  margin: 1.5rem 0;
}
.relaciones-grid[data-v-e0bbe9f4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.relacion-item[data-v-e0bbe9f4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.relacion-item.aumenta[data-v-e0bbe9f4] {
  border-left: 3px solid #6EE7B7;
}
.rel-factor[data-v-e0bbe9f4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.rel-efecto[data-v-e0bbe9f4] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-e0bbe9f4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e0bbe9f4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e0bbe9f4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e0bbe9f4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-e0bbe9f4] {
    font-size: 2.25rem;
}
.variables-grid[data-v-e0bbe9f4] {
    grid-template-columns: repeat(4, 1fr);
}
.relaciones-grid[data-v-e0bbe9f4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
}

/* Enunciado principal */
.enunciado-principal[data-v-5837c87e] {
  margin: 1rem 0 1.5rem;
}
.enunciado-box[data-v-5837c87e] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}
.enunciado-titulo[data-v-5837c87e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.enunciado-texto[data-v-5837c87e] {
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Colores inline */
strong.positivo[data-v-5837c87e] {
  color: #6EE7B7;
}
strong.negativo[data-v-5837c87e] {
  color: #FCA5A5;
}

/* Secciones */
.section-titulo[data-v-5837c87e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Visualización */
.visualizacion-section[data-v-5837c87e] {
  margin: 1.5rem 0;
}
.caso-visual[data-v-5837c87e] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.caso-titulo[data-v-5837c87e] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: inline-block;
}
.caso-titulo.aumenta[data-v-5837c87e] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.caso-titulo.disminuye[data-v-5837c87e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.caso-contenido[data-v-5837c87e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.caso-diagrama[data-v-5837c87e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.iman-mov[data-v-5837c87e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.polo[data-v-5837c87e] {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EF4444;
  color: white;
  font-weight: 800;
  border-radius: 4px;
}
.flecha-entrada[data-v-5837c87e] {
  font-size: 1.5rem;
  color: #6EE7B7;
  animation: mover-derecha-5837c87e 1s ease-in-out infinite;
}
@keyframes mover-derecha-5837c87e {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
.flecha-salida[data-v-5837c87e] {
  font-size: 1.5rem;
  color: #FCA5A5;
  animation: mover-izquierda-5837c87e 1s ease-in-out infinite;
}
@keyframes mover-izquierda-5837c87e {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.bobina-caso[data-v-5837c87e] {
  width: 50px;
  height: 50px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.campo-inducido[data-v-5837c87e] {
  font-size: 1.75rem;
  font-weight: 700;
}
.campo-inducido.opuesto[data-v-5837c87e] {
  color: #FCA5A5;
}
.campo-inducido.mismo[data-v-5837c87e] {
  color: #6EE7B7;
}
.caso-explicacion[data-v-5837c87e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Analogía */
.analogia-section[data-v-5837c87e] {
  margin: 1.5rem 0;
}
.analogia-box[data-v-5837c87e] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-icono[data-v-5837c87e] {
  font-size: 2rem;
}
.analogia-texto[data-v-5837c87e] {
  flex: 1;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.analogia-texto strong[data-v-5837c87e] {
  color: #FCD34D;
}

/* Regla de la mano */
.regla-section[data-v-5837c87e] {
  margin: 1.5rem 0;
}
.regla-contenido[data-v-5837c87e] {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.regla-visual[data-v-5837c87e] {
  display: flex;
  justify-content: center;
}
.mano[data-v-5837c87e] {
  font-size: 3rem;
}
.regla-pasos[data-v-5837c87e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-paso[data-v-5837c87e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-5837c87e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
}
.paso-texto[data-v-5837c87e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Importancia */
.importancia-section[data-v-5837c87e] {
  margin: 1.5rem 0;
}
.importancia-grid[data-v-5837c87e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-5837c87e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.imp-icono[data-v-5837c87e] {
  font-size: 1.25rem;
}
.imp-texto[data-v-5837c87e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.imp-texto strong[data-v-5837c87e] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-5837c87e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5837c87e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5837c87e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5837c87e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caso-contenido[data-v-5837c87e] {
    flex-direction: row;
    align-items: center;
}
.caso-diagrama[data-v-5837c87e] {
    flex: 0 0 auto;
}
.caso-explicacion[data-v-5837c87e] {
    text-align: left;
    flex: 1;
}
}

.simulador[data-v-d02b88fe] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d02b88fe] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d02b88fe] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d02b88fe] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d02b88fe] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d02b88fe] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d02b88fe] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d02b88fe] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d02b88fe] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d02b88fe] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Inducción ===== */
.induccion-container[data-v-d02b88fe] {
  text-align: center;
}
.escenario-visual[data-v-d02b88fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  min-height: 80px;
}
.bobina-escenario[data-v-d02b88fe] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.espira-sim[data-v-d02b88fe] {
  width: 50px;
  height: 16px;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
}
.iman-escenario[data-v-d02b88fe] {
  display: flex;
  border-radius: 4px;
  overflow: hidden;
}
.iman-escenario.acercando[data-v-d02b88fe] {
  animation: acercar-d02b88fe 1.5s ease-in-out infinite;
}
.iman-escenario.alejando[data-v-d02b88fe] {
  animation: alejar-d02b88fe 1.5s ease-in-out infinite;
}
.iman-escenario.quieto[data-v-d02b88fe] {
  animation: none;
}
@keyframes acercar-d02b88fe {
0%, 100% { transform: translateX(30px);
}
50% { transform: translateX(5px);
}
}
@keyframes alejar-d02b88fe {
0%, 100% { transform: translateX(5px);
}
50% { transform: translateX(30px);
}
}
.polo-n[data-v-d02b88fe], .polo-s[data-v-d02b88fe] {
  width: 22px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.8rem;
  color: white;
}
.polo-n[data-v-d02b88fe] {
  background: #EF4444;
}
.polo-s[data-v-d02b88fe] {
  background: #3B82F6;
}
.escenario-descripcion[data-v-d02b88fe] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.opciones-induccion[data-v-d02b88fe] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-induccion[data-v-d02b88fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-induccion.seleccionado[data-v-d02b88fe] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-induccion.correcto[data-v-d02b88fe] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-induccion.incorrecto[data-v-d02b88fe] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-icono[data-v-d02b88fe] {
  font-size: 1.5rem;
}
.btn-label[data-v-d02b88fe] {
  font-size: 0.8rem;
  font-weight: 600;
}
.induccion-contador[data-v-d02b88fe] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Lenz ===== */
.lenz-container[data-v-d02b88fe] {
  text-align: center;
}
.lenz-escenario[data-v-d02b88fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.iman-lenz[data-v-d02b88fe] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.iman-lenz.acercando .flecha-mov[data-v-d02b88fe] {
  color: #6EE7B7;
  animation: mover-derecha-d02b88fe 1s ease-in-out infinite;
}
.iman-lenz.alejando .flecha-mov[data-v-d02b88fe] {
  color: #FCA5A5;
  animation: mover-izquierda-d02b88fe 1s ease-in-out infinite;
}
@keyframes mover-derecha-d02b88fe {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
@keyframes mover-izquierda-d02b88fe {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.flecha-mov[data-v-d02b88fe] {
  font-size: 1.25rem;
  font-weight: 700;
}
.bobina-lenz[data-v-d02b88fe] {
  padding: 0.5rem;
}
.espira-lenz[data-v-d02b88fe] {
  width: 50px;
  height: 50px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
}
.lenz-pregunta[data-v-d02b88fe] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.opciones-lenz[data-v-d02b88fe] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-lenz[data-v-d02b88fe] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
}
.btn-lenz.seleccionado[data-v-d02b88fe] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-lenz.correcto[data-v-d02b88fe] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-lenz.incorrecto[data-v-d02b88fe] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.lenz-contador[data-v-d02b88fe] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: FEM ===== */
.fem-container[data-v-d02b88fe] {
  text-align: center;
}
.fem-datos[data-v-d02b88fe] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.dato-item[data-v-d02b88fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 80px;
}
.dato-label[data-v-d02b88fe] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-d02b88fe] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fem-formula[data-v-d02b88fe] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-d02b88fe] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.fem-pregunta[data-v-d02b88fe] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-fem[data-v-d02b88fe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-fem[data-v-d02b88fe] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
}
.btn-fem.seleccionado[data-v-d02b88fe] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-fem.correcto[data-v-d02b88fe] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-fem.incorrecto[data-v-d02b88fe] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.fem-contador[data-v-d02b88fe] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-d02b88fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d02b88fe] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-d02b88fe] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d02b88fe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d02b88fe] {
  flex: 1;
}
.nav-btn[data-v-d02b88fe] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d02b88fe] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d02b88fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d02b88fe] {
  font-size: 1.75rem;
}
.completado-texto[data-v-d02b88fe] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d02b88fe], .slide-leave-active[data-v-d02b88fe] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d02b88fe] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-d02b88fe] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro visual - Generador */
.intro-visual[data-v-f2bf1ffc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.generador-visual[data-v-f2bf1ffc] {
  position: relative;
  width: 120px;
  height: 80px;
}
.bobina-gira[data-v-f2bf1ffc] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotar-f2bf1ffc 2s linear infinite;
}
@keyframes rotar-f2bf1ffc {
from { transform: translate(-50%, -50%) rotate(0deg);
}
to { transform: translate(-50%, -50%) rotate(360deg);
}
}
.bobina-rect[data-v-f2bf1ffc] {
  width: 40px;
  height: 30px;
  border: 3px solid #8B5CF6;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.2);
}
.iman-izq[data-v-f2bf1ffc], .iman-der[data-v-f2bf1ffc] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.iman-izq[data-v-f2bf1ffc] {
  left: 0;
}
.iman-der[data-v-f2bf1ffc] {
  right: 0;
}
.polo[data-v-f2bf1ffc] {
  width: 25px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  color: white;
  border-radius: 4px;
}
.iman-izq .polo[data-v-f2bf1ffc] {
  background: #EF4444;
}
.iman-der .polo[data-v-f2bf1ffc] {
  background: #3B82F6;
}
.salida-ca[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.onda[data-v-f2bf1ffc] {
  font-size: 2rem;
  color: #6EE7B7;
}
.label-ca[data-v-f2bf1ffc] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Colores inline */
strong.positivo[data-v-f2bf1ffc] {
  color: #6EE7B7;
}
strong.negativo[data-v-f2bf1ffc] {
  color: #FCA5A5;
}

/* Secciones */
.section-titulo[data-v-f2bf1ffc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Funcionamiento */
.funcionamiento-section[data-v-f2bf1ffc] {
  margin: 1.5rem 0;
}
.pasos-func[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-func[data-v-f2bf1ffc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.paso-num[data-v-f2bf1ffc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.paso-contenido[data-v-f2bf1ffc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* FEM section */
.fem-section[data-v-f2bf1ffc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-box[data-v-f2bf1ffc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-f2bf1ffc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-simplificada[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.o-bien[data-v-f2bf1ffc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-max[data-v-f2bf1ffc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.donde[data-v-f2bf1ffc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.variables-fem[data-v-f2bf1ffc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.var-item[data-v-f2bf1ffc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.var-sim[data-v-f2bf1ffc] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.var-desc[data-v-f2bf1ffc] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* CA section */
.ca-section[data-v-f2bf1ffc] {
  margin: 1.5rem 0;
}
.ca-grafico[data-v-f2bf1ffc] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.eje-y[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding: 0.25rem 0;
}
.onda-senoidal[data-v-f2bf1ffc] {
  flex: 1;
}
.svg-onda[data-v-f2bf1ffc] {
  width: 100%;
  height: 60px;
}
.ca-explicacion[data-v-f2bf1ffc] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Frecuencia Chile */
.frecuencia-section[data-v-f2bf1ffc] {
  margin: 1.5rem 0;
}
.frecuencia-datos[data-v-f2bf1ffc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato-chile[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.dato-valor[data-v-f2bf1ffc] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.dato-desc[data-v-f2bf1ffc] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.nota-freq[data-v-f2bf1ffc] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Tipos */
.tipos-section[data-v-f2bf1ffc] {
  margin: 1.5rem 0;
}
.tipos-grid[data-v-f2bf1ffc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-f2bf1ffc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-f2bf1ffc] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-f2bf1ffc] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-f2bf1ffc] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-f2bf1ffc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f2bf1ffc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f2bf1ffc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f2bf1ffc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f2bf1ffc] {
    gap: 2rem;
    padding: 1.5rem;
}
.generador-visual[data-v-f2bf1ffc] {
    width: 150px;
    height: 100px;
}
.tipos-grid[data-v-f2bf1ffc] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Concepto central */
.concepto-central[data-v-0c72d81d] {
  margin: 1rem 0 1.5rem;
}
.concepto-box[data-v-0c72d81d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  justify-content: center;
}
.concepto-icono[data-v-0c72d81d] {
  font-size: 1.75rem;
}
.concepto-texto[data-v-0c72d81d] {
  font-size: 1rem;
  color: #FFFFFF;
}

/* Colores inline */
strong.positivo[data-v-0c72d81d] {
  color: #6EE7B7;
}
strong.negativo[data-v-0c72d81d] {
  color: #FCA5A5;
}

/* Secciones */
.section-titulo[data-v-0c72d81d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Leyes */
.leyes-section[data-v-0c72d81d] {
  margin: 1.5rem 0;
}
.ley-card[data-v-0c72d81d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.ley-card.faraday[data-v-0c72d81d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ley-card.lenz[data-v-0c72d81d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ley-header[data-v-0c72d81d] {
  margin-bottom: 0.5rem;
}
.ley-nombre[data-v-0c72d81d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ley-formula[data-v-0c72d81d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ley-descripcion[data-v-0c72d81d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ley-descripcion.central[data-v-0c72d81d] {
  text-align: center;
}
.ley-factores[data-v-0c72d81d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.factor[data-v-0c72d81d] {
  color: #6EE7B7;
}
.igual[data-v-0c72d81d] {
  color: #C4B5FD;
}
.resultado[data-v-0c72d81d] {
  color: #FCD34D;
  font-weight: 700;
}
.lenz-regla[data-v-0c72d81d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-0c72d81d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.si[data-v-0c72d81d] {
  color: #6EE7B7;
}
.entonces[data-v-0c72d81d] {
  color: #C4B5FD;
}
.hace[data-v-0c72d81d] {
  color: #FCA5A5;
}

/* Flujo */
.flujo-section[data-v-0c72d81d] {
  margin: 1.5rem 0;
  text-align: center;
}
.flujo-formula-box[data-v-0c72d81d] {
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.flujo-formula[data-v-0c72d81d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}
.flujo-unidad[data-v-0c72d81d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Generador */
.generador-section[data-v-0c72d81d] {
  margin: 1.5rem 0;
}
.generador-resumen[data-v-0c72d81d] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.gen-formula[data-v-0c72d81d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.gen-descripcion[data-v-0c72d81d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.gen-fem-max[data-v-0c72d81d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.chile-datos[data-v-0c72d81d] {
  text-align: center;
}
.chile-dato[data-v-0c72d81d] {
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Fórmulas PAES */
.formulas-paes[data-v-0c72d81d] {
  margin: 1.5rem 0;
}
.formulas-grid[data-v-0c72d81d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.formula-item[data-v-0c72d81d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-0c72d81d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-eq[data-v-0c72d81d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Tips */
.tips-paes[data-v-0c72d81d] {
  margin: 1.5rem 0;
}
.tips-lista[data-v-0c72d81d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-0c72d81d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-0c72d81d] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-0c72d81d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-0c72d81d] {
  color: #FCD34D;
}

/* Aplicaciones */
.aplicaciones-section[data-v-0c72d81d] {
  margin: 1.5rem 0;
}
.aplicaciones-grid[data-v-0c72d81d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-item[data-v-0c72d81d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.app-icono[data-v-0c72d81d] {
  font-size: 1.25rem;
}
.app-nombre[data-v-0c72d81d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-0c72d81d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-0c72d81d] {
  font-size: 1.75rem;
}
.final-texto[data-v-0c72d81d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.final-texto strong[data-v-0c72d81d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.aplicaciones-grid[data-v-0c72d81d] {
    grid-template-columns: repeat(4, 1fr);
}
.tips-lista[data-v-0c72d81d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-153fee01] {
  margin: 1rem 0 1.5rem;
}
.casa-iconos[data-v-153fee01] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.icono[data-v-153fee01] {
  font-size: 1.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.icono.casa[data-v-153fee01] {
  background: rgba(251, 191, 36, 0.2);
}
.icono.poste[data-v-153fee01] {
  background: rgba(139, 92, 246, 0.2);
}
.icono.medidor[data-v-153fee01] {
  background: rgba(59, 130, 246, 0.2);
}
.icono.tablero[data-v-153fee01] {
  background: rgba(16, 185, 129, 0.2);
}
.flecha-energia[data-v-153fee01] {
  color: #FCD34D;
  font-size: 1.25rem;
  font-weight: bold;
}

/* Texto destacado */
strong.energia[data-v-153fee01] {
  color: #FCD34D;
}
strong.peligro[data-v-153fee01] {
  color: #FCA5A5;
}

/* Recorrido */
.recorrido-section[data-v-153fee01] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.recorrido-titulo[data-v-153fee01] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: center;
}
.recorrido-pasos[data-v-153fee01] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.paso-recorrido[data-v-153fee01] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 280px;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-numero[data-v-153fee01] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.paso-info[data-v-153fee01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.paso-icono[data-v-153fee01] {
  font-size: 1.25rem;
}
.paso-texto[data-v-153fee01] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-detalle[data-v-153fee01] {
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-left: auto;
}
.paso-conector[data-v-153fee01] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Componentes */
.componentes-section[data-v-153fee01] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-153fee01] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-153fee01] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente[data-v-153fee01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-icono[data-v-153fee01] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  font-size: 1.25rem;
}
.medidor-bg[data-v-153fee01] { background: rgba(59, 130, 246, 0.3);
}
.tablero-bg[data-v-153fee01] { background: rgba(16, 185, 129, 0.3);
}
.cable-bg[data-v-153fee01] { background: rgba(139, 92, 246, 0.3);
}
.enchufe-bg[data-v-153fee01] { background: rgba(251, 191, 36, 0.3);
}
.comp-info[data-v-153fee01] {
  flex: 1;
  min-width: 0;
}
.comp-nombre[data-v-153fee01] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.comp-desc[data-v-153fee01] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Cables */
.cables-section[data-v-153fee01] {
  margin: 1.5rem 0;
}
.cables-titulo[data-v-153fee01] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cables-grid[data-v-153fee01] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cable[data-v-153fee01] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.cable.fase[data-v-153fee01] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.cable.neutro[data-v-153fee01] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.cable.tierra[data-v-153fee01] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.cable-color[data-v-153fee01] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
}
.fase .cable-color[data-v-153fee01] { background: #EF4444;
}
.neutro .cable-color[data-v-153fee01] { background: #3B82F6;
}
.tierra .cable-color[data-v-153fee01] { background: #10B981;
}
.cable-info[data-v-153fee01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cable-nombre[data-v-153fee01] {
  font-weight: 700;
  font-size: 0.9rem;
}
.fase .cable-nombre[data-v-153fee01] { color: #FCA5A5;
}
.neutro .cable-nombre[data-v-153fee01] { color: #93C5FD;
}
.tierra .cable-nombre[data-v-153fee01] { color: #6EE7B7;
}
.cable-volt[data-v-153fee01] {
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
}
.fase .cable-volt[data-v-153fee01] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.neutro .cable-volt[data-v-153fee01] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.tierra .cable-volt[data-v-153fee01] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.cable-desc[data-v-153fee01] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-left: auto;
}

/* Dato importante */
.dato-importante[data-v-153fee01] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-153fee01] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-153fee01] {
  flex: 1;
}
.dato-titulo[data-v-153fee01] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.dato-texto[data-v-153fee01] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.dato-texto strong[data-v-153fee01] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-153fee01] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-153fee01] {
  font-size: 1.25rem;
}
.tip-texto[data-v-153fee01] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-153fee01] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-grid[data-v-153fee01] {
    grid-template-columns: repeat(4, 1fr);
}
.casa-iconos[data-v-153fee01] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.icono[data-v-153fee01] {
    font-size: 2rem;
}
.cables-grid[data-v-153fee01] {
    flex-direction: row;
}
.cable[data-v-153fee01] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.cable-info[data-v-153fee01] {
    flex-direction: column;
    gap: 0.25rem;
}
.cable-desc[data-v-153fee01] {
    margin-left: 0;
    font-size: 0.75rem;
}
}

/* Intro */
.intro-proteccion[data-v-99dccb3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-99dccb3f] {
  font-size: 2rem;
}
.intro-texto[data-v-99dccb3f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
strong.peligro[data-v-99dccb3f] {
  color: #FCA5A5;
}
strong.verde[data-v-99dccb3f] {
  color: #6EE7B7;
}
strong.amarillo[data-v-99dccb3f] {
  color: #FCD34D;
}

/* Tablero */
.tablero-section[data-v-99dccb3f] {
  margin: 1.5rem 0;
}
.tablero-titulo[data-v-99dccb3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tablero-visual[data-v-99dccb3f] {
  display: flex;
  justify-content: center;
}
.tablero-caja[data-v-99dccb3f] {
  background: linear-gradient(to bottom, #374151, #1F2937);
  border: 2px solid #4B5563;
  border-radius: 0.5rem;
  padding: 0.75rem;
  min-width: 200px;
}
.tablero-fila[data-v-99dccb3f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tablero-fila.circuitos[data-v-99dccb3f] {
  gap: 0.3rem;
}
.tablero-fila[data-v-99dccb3f]:last-child {
  margin-bottom: 0;
  padding-top: 0.5rem;
  border-top: 1px solid #4B5563;
}
.dispositivo[data-v-99dccb3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.4rem;
}
.disp-label[data-v-99dccb3f] {
  font-size: 0.55rem;
  color: #9CA3AF;
  text-transform: uppercase;
  font-weight: 600;
}
.switch[data-v-99dccb3f] {
  width: 16px;
  height: 24px;
  background: #374151;
  border: 2px solid #6B7280;
  border-radius: 3px;
  position: relative;
}
.switch[data-v-99dccb3f]::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 8px;
  background: #9CA3AF;
  left: 1px;
  border-radius: 2px;
  transition: all 0.2s;
}
.switch.on[data-v-99dccb3f]::after {
  top: 2px;
  background: #10B981;
}
.switch.off[data-v-99dccb3f]::after {
  bottom: 2px;
  background: #EF4444;
}

/* Dispositivos de protección */
.dispositivos-section[data-v-99dccb3f] {
  margin: 1.5rem 0;
}
.dispositivos-titulo[data-v-99dccb3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dispositivo-card[data-v-99dccb3f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.dispositivo-card.fusible[data-v-99dccb3f] {
  border-color: rgba(245, 158, 11, 0.4);
}
.dispositivo-card.automatico[data-v-99dccb3f] {
  border-color: rgba(59, 130, 246, 0.4);
}
.dispositivo-card.diferencial[data-v-99dccb3f] {
  border-color: rgba(16, 185, 129, 0.4);
}
.card-header[data-v-99dccb3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-99dccb3f] {
  font-size: 1.25rem;
}
.card-nombre[data-v-99dccb3f] {
  font-weight: 700;
  font-size: 0.95rem;
}
.fusible .card-nombre[data-v-99dccb3f] { color: #FCD34D;
}
.automatico .card-nombre[data-v-99dccb3f] { color: #93C5FD;
}
.diferencial .card-nombre[data-v-99dccb3f] { color: #6EE7B7;
}
.card-contenido[data-v-99dccb3f] {
  padding-left: 0.25rem;
}
.card-desc[data-v-99dccb3f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0 0 0.5rem 0;
}
.card-detalle[data-v-99dccb3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.detalle-label[data-v-99dccb3f] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.detalle-valor[data-v-99dccb3f] {
  padding: 0.15rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
}
.card-nota[data-v-99dccb3f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: #FCA5A5;
  padding: 0.3rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.25rem;
}
.card-nota.positivo[data-v-99dccb3f] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.card-formula[data-v-99dccb3f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.card-formula strong[data-v-99dccb3f] {
  color: #6EE7B7;
}

/* Tierra */
.tierra-section[data-v-99dccb3f] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tierra-titulo[data-v-99dccb3f] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tierra-visual[data-v-99dccb3f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tierra-diagrama[data-v-99dccb3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
}
.aparato-falla[data-v-99dccb3f], .tierra-fisica[data-v-99dccb3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.aparato-icono[data-v-99dccb3f], .tierra-icono[data-v-99dccb3f] {
  font-size: 1.25rem;
}
.aparato-label[data-v-99dccb3f] {
  color: #FCA5A5;
  font-size: 0.8rem;
  font-weight: 600;
}
.tierra-label[data-v-99dccb3f] {
  color: #6EE7B7;
  font-size: 0.8rem;
  font-weight: 600;
}
.tierra-flecha[data-v-99dccb3f] {
  color: #10B981;
  font-size: 1.25rem;
  font-weight: bold;
}
.corriente-fuga[data-v-99dccb3f] {
  padding: 0.2rem 0.5rem;
  background: rgba(251, 191, 36, 0.2);
  border-radius: 0.25rem;
}
.fuga-texto[data-v-99dccb3f] {
  color: #FCD34D;
  font-size: 0.75rem;
  font-weight: 600;
}
.tierra-explicacion[data-v-99dccb3f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
  text-align: center;
}

/* Comparación */
.comparacion-section[data-v-99dccb3f] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-99dccb3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-99dccb3f] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-99dccb3f], .tabla-fila[data-v-99dccb3f] {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
}
.tabla-header[data-v-99dccb3f] {
  background: rgba(139, 92, 246, 0.2);
}
.col-header[data-v-99dccb3f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
  font-weight: 600;
}
.tabla-fila[data-v-99dccb3f] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila.diferencial[data-v-99dccb3f] {
  background: rgba(16, 185, 129, 0.1);
}
.col-nombre[data-v-99dccb3f] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.col-valor[data-v-99dccb3f] {
  text-align: center;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.col-valor.no[data-v-99dccb3f] {
  color: #6B7280;
}
.col-valor.si[data-v-99dccb3f] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tip */
.tip[data-v-99dccb3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-99dccb3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-99dccb3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-99dccb3f] {
  color: #C4B5FD;
}
.tip-texto strong.verde[data-v-99dccb3f] {
  color: #6EE7B7;
}
.tip-texto strong.amarillo[data-v-99dccb3f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tablero-caja[data-v-99dccb3f] {
    min-width: 280px;
    padding: 1rem;
}
.disp-label[data-v-99dccb3f] {
    font-size: 0.65rem;
}
.switch[data-v-99dccb3f] {
    width: 20px;
    height: 30px;
}
}

/* Intro */
.intro-consumo[data-v-da30818b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-da30818b] {
  font-size: 2rem;
}
.intro-contenido[data-v-da30818b] {
  flex: 1;
}
.intro-texto[data-v-da30818b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
strong.energia[data-v-da30818b] {
  color: #FCD34D;
}

/* Fórmula */
.formula-section[data-v-da30818b] {
  margin: 1.5rem 0;
}
.formula-card[data-v-da30818b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-titulo[data-v-da30818b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-principal[data-v-da30818b] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
  margin-bottom: 0.75rem;
}
.formula-variables[data-v-da30818b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.variable[data-v-da30818b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.var-simbolo[data-v-da30818b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: monospace;
}
.var-desc[data-v-da30818b] {
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Ejemplo */
.ejemplo-section[data-v-da30818b] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-da30818b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-card[data-v-da30818b] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-da30818b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.3);
}
.problema-icono[data-v-da30818b] {
  font-size: 1.25rem;
}
.problema-texto[data-v-da30818b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-pasos[data-v-da30818b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-calculo[data-v-da30818b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.paso-label[data-v-da30818b] {
  color: #C4B5FD;
  min-width: 70px;
}
.paso-valor[data-v-da30818b] {
  color: #FFFFFF;
  font-family: monospace;
}
.paso-calculo.resultado[data-v-da30818b] {
  margin-top: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.paso-calculo.resultado .paso-valor strong[data-v-da30818b] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Consumos */
.consumos-section[data-v-da30818b] {
  margin: 1.5rem 0;
}
.consumos-titulo[data-v-da30818b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consumos-grid[data-v-da30818b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.consumo-item[data-v-da30818b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.consumo-icono[data-v-da30818b] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.consumo-nombre[data-v-da30818b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.consumo-valor[data-v-da30818b] {
  font-size: 0.8rem;
  font-weight: 700;
  font-family: monospace;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  margin-top: 0.2rem;
}
.consumo-valor.bajo[data-v-da30818b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.consumo-valor.medio[data-v-da30818b] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.consumo-valor.alto[data-v-da30818b] {
  background: rgba(251, 191, 36, 0.2);
  color: #FCD34D;
}
.consumo-valor.muy-alto[data-v-da30818b] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Corriente */
.corriente-section[data-v-da30818b] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.corriente-titulo[data-v-da30818b] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.corriente-explicacion p[data-v-da30818b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0 0 0.75rem 0;
}
.corriente-formula[data-v-da30818b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.formula-base[data-v-da30818b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-destaque[data-v-da30818b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.corriente-ejemplo[data-v-da30818b] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ej-header[data-v-da30818b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ej-calculo[data-v-da30818b] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ej-nota[data-v-da30818b] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Seguridad */
.seguridad-section[data-v-da30818b] {
  margin: 1.5rem 0;
}
.seguridad-titulo[data-v-da30818b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.seguridad-grid[data-v-da30818b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.seguridad-item[data-v-da30818b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.seguridad-item.peligro[data-v-da30818b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.seguridad-item.peligro .seg-icono[data-v-da30818b] {
  color: #EF4444;
}
.seguridad-item.peligro .seg-texto[data-v-da30818b] {
  color: #FCA5A5;
}
.seguridad-item.correcto[data-v-da30818b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.seguridad-item.correcto .seg-icono[data-v-da30818b] {
  color: #10B981;
}
.seguridad-item.correcto .seg-texto[data-v-da30818b] {
  color: #6EE7B7;
}
.seg-icono[data-v-da30818b] {
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-da30818b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-da30818b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-da30818b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-da30818b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.consumos-grid[data-v-da30818b] {
    grid-template-columns: repeat(6, 1fr);
}
.seguridad-grid[data-v-da30818b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.simulador[data-v-21be2ce2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-21be2ce2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-21be2ce2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-21be2ce2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-21be2ce2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-21be2ce2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-21be2ce2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-21be2ce2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-21be2ce2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Energía ===== */
.calculo-container[data-v-21be2ce2] {
  text-align: center;
}
.formula-referencia[data-v-21be2ce2] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid rgba(251, 191, 36, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-referencia.corriente[data-v-21be2ce2] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-label[data-v-21be2ce2] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.corriente .formula-label[data-v-21be2ce2] {
  color: #FCA5A5;
}
.formula-texto[data-v-21be2ce2] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.9rem;
}
.problema-energia[data-v-21be2ce2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.aparato-visual[data-v-21be2ce2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.aparato-icono[data-v-21be2ce2] {
  font-size: 2rem;
}
.aparato-nombre[data-v-21be2ce2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.datos-problema[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.dato[data-v-21be2ce2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-label[data-v-21be2ce2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-21be2ce2] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.pregunta-calculo[data-v-21be2ce2] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.input-respuesta[data-v-21be2ce2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-21be2ce2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.calculo-input[data-v-21be2ce2] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-21be2ce2] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-21be2ce2] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-21be2ce2] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-21be2ce2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-21be2ce2] {
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.contador[data-v-21be2ce2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Protección ===== */
.identificar-container[data-v-21be2ce2] {
  text-align: center;
}
.situacion-visual[data-v-21be2ce2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-21be2ce2] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-21be2ce2] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.4;
}
.pregunta-identificar[data-v-21be2ce2] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-proteccion[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.btn-proteccion[data-v-21be2ce2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.btn-proteccion.seleccionado[data-v-21be2ce2] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-proteccion.correcto[data-v-21be2ce2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-proteccion.incorrecto[data-v-21be2ce2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.proteccion-icono[data-v-21be2ce2] {
  font-size: 1.5rem;
}
.proteccion-nombre[data-v-21be2ce2] {
  font-size: 0.8rem;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Corriente ===== */
.corriente-container[data-v-21be2ce2] {
  text-align: center;
}
.problema-corriente[data-v-21be2ce2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.circuito-info[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.3);
}
.info-item[data-v-21be2ce2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.info-label[data-v-21be2ce2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.info-valor[data-v-21be2ce2] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.aparatos-conectados[data-v-21be2ce2] {
  text-align: center;
}
.aparatos-label[data-v-21be2ce2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.5rem;
}
.aparatos-lista[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.aparato-mini[data-v-21be2ce2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.ap-icono[data-v-21be2ce2] {
  font-size: 1.25rem;
}
.ap-potencia[data-v-21be2ce2] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-family: monospace;
}
.potencia-total[data-v-21be2ce2] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.potencia-total strong[data-v-21be2ce2] {
  color: #FCD34D;
}
.pregunta-corriente[data-v-21be2ce2] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-corriente[data-v-21be2ce2] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.btn-corriente[data-v-21be2ce2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-corriente.seleccionado[data-v-21be2ce2] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-corriente.correcto[data-v-21be2ce2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-corriente.incorrecto[data-v-21be2ce2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-icono[data-v-21be2ce2] {
  font-size: 1rem;
  font-weight: 700;
}
.btn-texto[data-v-21be2ce2] {
  font-size: 0.85rem;
  font-weight: 600;
}
.feedback-corriente[data-v-21be2ce2] {
  margin-bottom: 0.75rem;
}
.calculo-explicacion[data-v-21be2ce2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calculo-explicacion strong[data-v-21be2ce2] {
  color: #FCD34D;
}
.calculo-explicacion .ok[data-v-21be2ce2] {
  color: #6EE7B7;
  margin-left: 0.5rem;
}
.calculo-explicacion .mal[data-v-21be2ce2] {
  color: #FCA5A5;
  margin-left: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-21be2ce2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-21be2ce2] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-21be2ce2] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-21be2ce2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-21be2ce2] {
  flex: 1;
}
.nav-btn[data-v-21be2ce2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-21be2ce2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-21be2ce2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-21be2ce2] {
  font-size: 1.75rem;
}
.completado-texto[data-v-21be2ce2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-21be2ce2], .slide-leave-active[data-v-21be2ce2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-21be2ce2] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-21be2ce2] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-91a2f1e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(251, 191, 36, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-91a2f1e7] {
  font-size: 1.75rem;
}
.header-texto[data-v-91a2f1e7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-91a2f1e7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-item[data-v-91a2f1e7] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-numero[data-v-91a2f1e7] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.concepto-contenido[data-v-91a2f1e7] {
  flex: 1;
}
.concepto-titulo[data-v-91a2f1e7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.35rem;
}
.concepto-detalle[data-v-91a2f1e7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-detalle p[data-v-91a2f1e7] {
  margin: 0.25rem 0 0 0;
}
.detalle-ruta[data-v-91a2f1e7] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.concepto-texto[data-v-91a2f1e7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
strong.amarillo[data-v-91a2f1e7] {
  color: #FCD34D;
}
strong.verde[data-v-91a2f1e7] {
  color: #6EE7B7;
}

/* Cables mini */
.cables-mini[data-v-91a2f1e7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.cable-mini[data-v-91a2f1e7] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.cable-mini.fase[data-v-91a2f1e7] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.cable-mini.neutro[data-v-91a2f1e7] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.cable-mini.tierra[data-v-91a2f1e7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Protecciones mini */
.protecciones-mini[data-v-91a2f1e7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.prot-item[data-v-91a2f1e7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.prot-item.destacado[data-v-91a2f1e7] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
}
.prot-nombre[data-v-91a2f1e7] {
  color: #C4B5FD;
}
.prot-funcion[data-v-91a2f1e7] {
  color: #E9D5FF;
}

/* Fórmulas */
.formulas-section[data-v-91a2f1e7] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-91a2f1e7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-91a2f1e7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-91a2f1e7] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-91a2f1e7] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-91a2f1e7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-unidades[data-v-91a2f1e7] {
  font-size: 0.65rem;
  color: #A78BFA;
  font-family: monospace;
}

/* Tips */
.tips-section[data-v-91a2f1e7] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-91a2f1e7] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-91a2f1e7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-91a2f1e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-icono[data-v-91a2f1e7] {
  color: #10B981;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-91a2f1e7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-91a2f1e7] {
  color: #6EE7B7;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-91a2f1e7] {
  margin: 1.5rem 0;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-91a2f1e7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-91a2f1e7] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-pregunta[data-v-91a2f1e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-91a2f1e7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-paso[data-v-91a2f1e7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.sol-paso.resultado[data-v-91a2f1e7] {
  margin-top: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.sol-paso.resultado strong[data-v-91a2f1e7] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Mensaje final */
.mensaje-final[data-v-91a2f1e7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.final-icono[data-v-91a2f1e7] {
  font-size: 2rem;
}
.final-contenido[data-v-91a2f1e7] {
  flex: 1;
}
.final-titulo[data-v-91a2f1e7] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-91a2f1e7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-91a2f1e7] {
    gap: 0.75rem;
}
.formula-card[data-v-91a2f1e7] {
    padding: 0.75rem;
}
.formula-nombre[data-v-91a2f1e7] {
    font-size: 0.75rem;
}
.formula-expresion[data-v-91a2f1e7] {
    font-size: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-95bac6c0] {
  margin: 1rem 0 1.5rem;
}
.cargas-intro[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.carga-visual[data-v-95bac6c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.carga-visual .signo[data-v-95bac6c0] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.75rem;
  font-weight: 800;
  border: 3px solid;
}
.carga-visual.positiva .signo[data-v-95bac6c0] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.carga-visual.negativa .signo[data-v-95bac6c0] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.carga-visual .label[data-v-95bac6c0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.fuerza-visual[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0 0.5rem;
}
.flecha-izq[data-v-95bac6c0], .flecha-der[data-v-95bac6c0] {
  font-size: 1.25rem;
  color: #FCA5A5;
  font-weight: 700;
}
.distancia[data-v-95bac6c0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}

/* Texto inline */
strong.positivo[data-v-95bac6c0] {
  color: #6EE7B7;
}
strong.negativo[data-v-95bac6c0] {
  color: #FCA5A5;
}

/* Fórmula box */
.formula-box[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-95bac6c0] {
  font-size: 2rem;
}
.formula-contenido[data-v-95bac6c0] {
  flex: 1;
}
.formula-titulo[data-v-95bac6c0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-ecuacion[data-v-95bac6c0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.fraccion[data-v-95bac6c0] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.fraccion .num[data-v-95bac6c0] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.9rem;
}
.fraccion .den[data-v-95bac6c0] {
  padding-top: 2px;
  font-size: 0.9rem;
}

/* Variables section */
.variables-section[data-v-95bac6c0] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-95bac6c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-95bac6c0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable-item[data-v-95bac6c0] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-95bac6c0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.var-desc[data-v-95bac6c0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.var-unidad[data-v-95bac6c0] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Características */
.caracteristicas-section[data-v-95bac6c0] {
  margin: 1.5rem 0;
}
.caracteristicas-grid[data-v-95bac6c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-95bac6c0] {
  width: 45px;
  height: 45px;
  min-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
}
.caract-icono.proporcional[data-v-95bac6c0] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.caract-icono.inverso[data-v-95bac6c0] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  color: #FCA5A5;
  font-size: 0.8rem;
}
.caract-texto[data-v-95bac6c0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.caract-texto strong[data-v-95bac6c0] {
  color: #FFFFFF;
}

/* Dirección */
.direccion-section[data-v-95bac6c0] {
  margin: 1.5rem 0;
}
.direccion-grid[data-v-95bac6c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.direccion-item[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.direccion-item.atraccion[data-v-95bac6c0] {
  border-color: rgba(16, 185, 129, 0.4);
}
.direccion-item.repulsion[data-v-95bac6c0] {
  border-color: rgba(239, 68, 68, 0.4);
}
.cargas-mini[data-v-95bac6c0] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.carga[data-v-95bac6c0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}
.carga.pos[data-v-95bac6c0] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.carga.neg[data-v-95bac6c0] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.flecha[data-v-95bac6c0] {
  font-size: 0.9rem;
}
.flecha.atrae[data-v-95bac6c0] {
  color: #6EE7B7;
}
.flecha.repele[data-v-95bac6c0] {
  color: #FCA5A5;
}
.direccion-label[data-v-95bac6c0] {
  font-weight: 600;
  font-size: 0.8rem;
}
.direccion-label.positivo[data-v-95bac6c0] {
  color: #6EE7B7;
}
.direccion-label.negativo[data-v-95bac6c0] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-95bac6c0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-95bac6c0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-95bac6c0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-95bac6c0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.carga-visual .signo[data-v-95bac6c0] {
    width: 60px;
    height: 60px;
    font-size: 2rem;
}
.fuerza-visual[data-v-95bac6c0] {
    padding: 0 1rem;
}
.formula-ecuacion[data-v-95bac6c0] {
    font-size: 1.75rem;
}
.variables-grid[data-v-95bac6c0] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristicas-grid[data-v-95bac6c0] {
    flex-direction: row;
}
.caracteristica[data-v-95bac6c0] {
    flex: 1;
}
.direccion-grid[data-v-95bac6c0] {
    flex-direction: row;
    gap: 0.75rem;
}
.direccion-item[data-v-95bac6c0] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
}

/* Comparación de fórmulas */
.comparacion-formulas[data-v-6a299b8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-6a299b8b] {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-card.electrica[data-v-6a299b8b] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.formula-card.gravitacional[data-v-6a299b8b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-header[data-v-6a299b8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-emoji[data-v-6a299b8b] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-6a299b8b] {
  font-weight: 700;
  font-size: 0.9rem;
}
.formula-card.electrica .formula-nombre[data-v-6a299b8b] {
  color: #C4B5FD;
}
.formula-card.gravitacional .formula-nombre[data-v-6a299b8b] {
  color: #6EE7B7;
}
.formula-ecuacion[data-v-6a299b8b] {
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  text-align: center;
}
.separador[data-v-6a299b8b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion[data-v-6a299b8b] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.15rem;
}
.fraccion .num[data-v-6a299b8b] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.fraccion .den[data-v-6a299b8b] {
  padding-top: 2px;
  font-size: 0.85rem;
}

/* Tabla de comparación */
.tabla-section[data-v-6a299b8b] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-6a299b8b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-6a299b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.tabla-header[data-v-6a299b8b], .tabla-row[data-v-6a299b8b] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0.25rem;
}
.tabla-header[data-v-6a299b8b] {
  font-weight: 700;
  padding: 0.5rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem 0.4rem 0 0;
}
.tabla-row[data-v-6a299b8b] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.tabla-row[data-v-6a299b8b]:last-child {
  border-radius: 0 0 0.4rem 0.4rem;
}
.col-concepto[data-v-6a299b8b] {
  color: #E9D5FF;
}
.col-electrica[data-v-6a299b8b] {
  color: #C4B5FD;
  text-align: center;
}
.col-gravitacional[data-v-6a299b8b] {
  color: #6EE7B7;
  text-align: center;
}

/* Diferencias */
.diferencias-section[data-v-6a299b8b] {
  margin: 1.5rem 0;
}
.diferencias-grid[data-v-6a299b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.diferencia[data-v-6a299b8b] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.dif-header[data-v-6a299b8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dif-icono[data-v-6a299b8b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.dif-titulo[data-v-6a299b8b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.dif-contenido[data-v-6a299b8b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dif-item[data-v-6a299b8b] {
  padding: 0.25rem 0;
}
.dif-item strong[data-v-6a299b8b] {
  color: #FFFFFF;
}
.dif-texto[data-v-6a299b8b] {
  margin: 0;
  line-height: 1.4;
}
.dif-texto strong[data-v-6a299b8b] {
  color: #FFFFFF;
}
.positivo[data-v-6a299b8b] {
  color: #6EE7B7;
}
.negativo[data-v-6a299b8b] {
  color: #FCA5A5;
}

/* Ejemplo box */
.ejemplo-box[data-v-6a299b8b] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-header[data-v-6a299b8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-6a299b8b] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-6a299b8b] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.ejemplo-calculos[data-v-6a299b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.calculo[data-v-6a299b8b] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.calculo-label[data-v-6a299b8b] {
  color: #E9D5FF;
}
.calculo-valor[data-v-6a299b8b] {
  font-weight: 600;
  font-family: monospace;
}
.calculo.electrico .calculo-valor[data-v-6a299b8b] {
  color: #C4B5FD;
}
.calculo.gravitacional .calculo-valor[data-v-6a299b8b] {
  color: #6EE7B7;
}
.ejemplo-conclusion[data-v-6a299b8b] {
  text-align: center;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-6a299b8b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6a299b8b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6a299b8b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6a299b8b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-formulas[data-v-6a299b8b] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.formula-card[data-v-6a299b8b] {
    width: auto;
    min-width: 200px;
}
.formula-ecuacion[data-v-6a299b8b] {
    font-size: 1.3rem;
}
.tabla-comparacion[data-v-6a299b8b] {
    font-size: 0.85rem;
}
.diferencias-grid[data-v-6a299b8b] {
    flex-direction: row;
}
.diferencia[data-v-6a299b8b] {
    flex: 1;
}
}

.simulador[data-v-1c71378c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1c71378c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1c71378c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1c71378c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1c71378c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1c71378c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1c71378c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1c71378c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1c71378c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1c71378c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Distancia ===== */
.distancia-container[data-v-1c71378c] {
  text-align: center;
}
.visualizador-cargas[data-v-1c71378c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  min-height: 80px;
}
.carga-fija[data-v-1c71378c], .carga-movil[data-v-1c71378c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  transition: transform 0.3s ease;
}
.carga-signo[data-v-1c71378c] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 800;
}
.positiva .carga-signo[data-v-1c71378c] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.carga-label[data-v-1c71378c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.linea-distancia[data-v-1c71378c] {
  height: 3px;
  background: linear-gradient(to right, #FCA5A5, #FCA5A5);
  position: relative;
  transition: width 0.3s ease;
  min-width: 40px;
}
.dist-valor[data-v-1c71378c] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  white-space: nowrap;
}
.fuerza-display[data-v-1c71378c] {
  margin-bottom: 1rem;
}
.fuerza-barra-container[data-v-1c71378c] {
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.fuerza-barra[data-v-1c71378c] {
  height: 100%;
  background: linear-gradient(to right, #10B981, #6EE7B7);
  transition: width 0.3s ease;
  border-radius: 0.5rem;
}
.fuerza-valor[data-v-1c71378c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider-container[data-v-1c71378c] {
  margin-bottom: 1rem;
}
.slider-label[data-v-1c71378c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.5rem;
}
.slider-distancia[data-v-1c71378c] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider-distancia[data-v-1c71378c]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: 2px solid #6D28D9;
}
.slider-valores[data-v-1c71378c] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.pregunta-distancia[data-v-1c71378c] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-distancia strong[data-v-1c71378c] {
  color: #FCD34D;
}
.opciones-fuerza[data-v-1c71378c], .opciones-carga[data-v-1c71378c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-opcion[data-v-1c71378c] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn-opcion.seleccionado[data-v-1c71378c] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-1c71378c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion.incorrecto[data-v-1c71378c] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Carga ===== */
.carga-container[data-v-1c71378c] {
  text-align: center;
}
.formula-referencia[data-v-1c71378c] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fraccion[data-v-1c71378c] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.15rem;
}
.fraccion .num[data-v-1c71378c] {
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 2px;
  font-size: 0.8rem;
}
.fraccion .den[data-v-1c71378c] {
  padding-top: 2px;
  font-size: 0.8rem;
}
.escenario-carga[data-v-1c71378c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.escenario-item[data-v-1c71378c] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.esc-label[data-v-1c71378c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.esc-valor[data-v-1c71378c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-carga[data-v-1c71378c] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.carga-contador[data-v-1c71378c], .calculo-contador[data-v-1c71378c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Calcular ===== */
.calculo-container[data-v-1c71378c] {
  text-align: center;
}
.problema-datos[data-v-1c71378c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.datos-header[data-v-1c71378c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.datos-grid[data-v-1c71378c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato[data-v-1c71378c] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.dato.constante[data-v-1c71378c] {
  grid-column: span 2;
  background: rgba(245, 158, 11, 0.1);
}
.dato-var[data-v-1c71378c] {
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.dato-val[data-v-1c71378c] {
  color: #FFFFFF;
  font-weight: 600;
}
.pregunta-calculo[data-v-1c71378c] {
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-calculo strong[data-v-1c71378c] {
  color: #FFFFFF;
}
.ayuda-calculo[data-v-1c71378c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
.ayuda-icono[data-v-1c71378c] {
  font-size: 1rem;
}
.ayuda-texto[data-v-1c71378c] {
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.input-calculo[data-v-1c71378c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.calculo-input[data-v-1c71378c] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-1c71378c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-1c71378c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-label[data-v-1c71378c] {
  font-size: 1.1rem;
  color: #FCD34D;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
}
.btn-verificar[data-v-1c71378c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-1c71378c] {
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-1c71378c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1c71378c] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-1c71378c] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1c71378c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1c71378c] {
  flex: 1;
}
.nav-btn[data-v-1c71378c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1c71378c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1c71378c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1c71378c] {
  font-size: 1.75rem;
}
.completado-texto[data-v-1c71378c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1c71378c], .slide-leave-active[data-v-1c71378c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1c71378c] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-1c71378c] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-fuerza[data-v-1c71378c], .opciones-carga[data-v-1c71378c] {
    grid-template-columns: repeat(4, 1fr);
}
.datos-grid[data-v-1c71378c] {
    grid-template-columns: repeat(4, 1fr);
}
.dato.constante[data-v-1c71378c] {
    grid-column: span 1;
}
}

/* Fórmula central */
.formula-central[data-v-ec83b253] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-ec83b253] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-icono[data-v-ec83b253] {
  font-size: 1.75rem;
}
.formula-texto[data-v-ec83b253] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.fraccion[data-v-ec83b253] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.15rem;
}
.fraccion .num[data-v-ec83b253] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.9rem;
}
.fraccion .den[data-v-ec83b253] {
  padding-top: 2px;
  font-size: 0.9rem;
}
.constante-box[data-v-ec83b253] {
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.k-label[data-v-ec83b253] {
  color: #FCD34D;
  font-weight: 600;
}
.k-valor[data-v-ec83b253] {
  color: #FFFFFF;
  font-weight: 700;
  font-family: monospace;
}

/* Secciones */
.ideas-section[data-v-ec83b253], .comparacion-section[data-v-ec83b253], .errores-section[data-v-ec83b253], .pasos-section[data-v-ec83b253] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-ec83b253] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Ideas grid */
.ideas-grid[data-v-ec83b253] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.idea[data-v-ec83b253] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.idea-icono[data-v-ec83b253] {
  font-size: 1.25rem;
}
.idea-texto[data-v-ec83b253] {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.idea-texto strong[data-v-ec83b253] {
  color: #FFFFFF;
}
.idea-formula[data-v-ec83b253] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-size: 0.8rem;
}

/* Comparación tabla */
.comparacion-tabla[data-v-ec83b253] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.comp-row[data-v-ec83b253] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-row.header[data-v-ec83b253] {
  font-weight: 700;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem 0.4rem 0 0;
}
.comp-row[data-v-ec83b253]:not(.header) {
  padding: 0.35rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.comp-row[data-v-ec83b253]:last-child {
  border-radius: 0 0 0.4rem 0.4rem;
}
.comp-col[data-v-ec83b253] {
  color: #E9D5FF;
}
.comp-col.electrica[data-v-ec83b253] {
  color: #C4B5FD;
  text-align: center;
}
.comp-col.gravit[data-v-ec83b253] {
  color: #6EE7B7;
  text-align: center;
}

/* Errores */
.errores-lista[data-v-ec83b253] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-ec83b253] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.error-x[data-v-ec83b253] {
  color: #EF4444;
  font-weight: 700;
  font-size: 1rem;
}
.error-texto[data-v-ec83b253] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-texto strong[data-v-ec83b253] {
  color: #FCA5A5;
}

/* Pasos */
.pasos-lista[data-v-ec83b253] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-ec83b253] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.paso-num[data-v-ec83b253] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.paso-texto[data-v-ec83b253] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-ec83b253] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ec83b253] {
  font-size: 1.75rem;
}
.tip-contenido[data-v-ec83b253] {
  flex: 1;
}
.tip-titulo[data-v-ec83b253] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-ec83b253] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-ec83b253] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-ec83b253] {
    font-size: 1.75rem;
}
.ideas-grid[data-v-ec83b253] {
    grid-template-columns: repeat(4, 1fr);
}
.idea-texto[data-v-ec83b253] {
    font-size: 0.8rem;
}
.comparacion-tabla[data-v-ec83b253] {
    font-size: 0.8rem;
}
.errores-lista[data-v-ec83b253], .pasos-lista[data-v-ec83b253] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
.pasos-lista[data-v-ec83b253] {
    grid-template-columns: 1fr;
}
}

/* Intro visual */
.intro-visual[data-v-7342681d] {
  text-align: center;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border-radius: 1rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.formula-grande[data-v-7342681d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-grande .var[data-v-7342681d] {
  font-size: 2.5rem;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.formula-grande .var.v[data-v-7342681d] {
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
}
.formula-grande .var.i[data-v-7342681d] {
  color: #6EE7B7;
  background: rgba(110, 231, 183, 0.2);
}
.formula-grande .var.r[data-v-7342681d] {
  color: #FCA5A5;
  background: rgba(252, 165, 165, 0.2);
}
.formula-grande .igual[data-v-7342681d],
.formula-grande .multiplicacion[data-v-7342681d] {
  font-size: 2rem;
  color: #C4B5FD;
  font-weight: 700;
}
.formula-nombre[data-v-7342681d] {
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
}

/* Colores para texto */
strong.voltaje[data-v-7342681d] {
  color: #FCD34D;
}
strong.corriente[data-v-7342681d] {
  color: #6EE7B7;
}
strong.resistencia[data-v-7342681d] {
  color: #FCA5A5;
}

/* Analogía */
.analogia-section[data-v-7342681d] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-7342681d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-visual[data-v-7342681d] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tubo-agua[data-v-7342681d] {
  height: 40px;
  background: linear-gradient(90deg, #64748B, #64748B);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.agua-flujo[data-v-7342681d] {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  bottom: 8px;
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
  animation: fluir-7342681d 2s linear infinite;
}
@keyframes fluir-7342681d {
0% { background-position: 0 0;
}
100% { background-position: 50px 0;
}
}
.estrechamiento[data-v-7342681d] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  background: linear-gradient(90deg, transparent, #64748B 30%, #64748B 70%, transparent);
}
.analogia-grid[data-v-7342681d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analogia-item[data-v-7342681d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.analogia-icono[data-v-7342681d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
}
.analogia-icono.voltaje-bg[data-v-7342681d] {
  background: rgba(252, 211, 77, 0.3);
  color: #FCD34D;
  border: 2px solid #FCD34D;
}
.analogia-icono.corriente-bg[data-v-7342681d] {
  background: rgba(110, 231, 183, 0.3);
  color: #6EE7B7;
  border: 2px solid #6EE7B7;
}
.analogia-icono.resistencia-bg[data-v-7342681d] {
  background: rgba(252, 165, 165, 0.3);
  color: #FCA5A5;
  border: 2px solid #FCA5A5;
}
.analogia-concepto[data-v-7342681d] {
  font-weight: 600;
  color: #FFFFFF;
  min-width: 80px;
}
.analogia-equivale[data-v-7342681d] {
  color: #8B5CF6;
  font-weight: 700;
}
.analogia-agua[data-v-7342681d] {
  color: #93C5FD;
  font-size: 0.9rem;
}

/* Fórmula box */
.formula-section[data-v-7342681d] {
  margin: 1.5rem 0;
}
.formula-box[data-v-7342681d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-7342681d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-item[data-v-7342681d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.formula-var[data-v-7342681d] {
  font-size: 1.75rem;
  font-weight: 800;
}
.formula-var.voltaje[data-v-7342681d] { color: #FCD34D;
}
.formula-var.corriente[data-v-7342681d] { color: #6EE7B7;
}
.formula-var.resistencia[data-v-7342681d] { color: #FCA5A5;
}
.formula-desc[data-v-7342681d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.formula-unidad[data-v-7342681d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula-operador[data-v-7342681d] {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 700;
}

/* Variaciones */
.variaciones-section[data-v-7342681d] {
  margin: 1.5rem 0;
}
.variaciones-grid[data-v-7342681d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.variacion-item[data-v-7342681d] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.variacion-formula[data-v-7342681d] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.variacion-uso[data-v-7342681d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Triángulo de Ohm */
.triangulo-section[data-v-7342681d] {
  margin: 1.5rem 0;
}
.triangulo-visual[data-v-7342681d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.triangulo[data-v-7342681d] {
  width: 150px;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.triangulo-top[data-v-7342681d] {
  margin-bottom: 0.5rem;
}
.triangulo-linea[data-v-7342681d] {
  height: 2px;
  background: #C4B5FD;
  margin: 0.5rem 0;
}
.triangulo-bottom[data-v-7342681d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.tri-var[data-v-7342681d] {
  font-size: 1.5rem;
  font-weight: 800;
}
.tri-var.voltaje[data-v-7342681d] { color: #FCD34D;
}
.tri-var.corriente[data-v-7342681d] { color: #6EE7B7;
}
.tri-var.resistencia[data-v-7342681d] { color: #FCA5A5;
}
.tri-mult[data-v-7342681d] {
  color: #C4B5FD;
  font-weight: 700;
}
.triangulo-tip[data-v-7342681d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  max-width: 250px;
}

/* Tip */
.tip[data-v-7342681d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7342681d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7342681d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7342681d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande .var[data-v-7342681d] {
    font-size: 3rem;
}
.analogia-grid[data-v-7342681d] {
    flex-direction: row;
    flex-wrap: wrap;
}
.analogia-item[data-v-7342681d] {
    flex: 1;
    min-width: 150px;
    flex-direction: column;
    text-align: center;
}
.variaciones-grid[data-v-7342681d] {
    gap: 1rem;
}
.variacion-formula[data-v-7342681d] {
    font-size: 1.2rem;
}
.variacion-uso[data-v-7342681d] {
    font-size: 0.8rem;
}
}

/* Intro visual - Resistor */
.intro-visual[data-v-1de1a74a] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.resistor-visual[data-v-1de1a74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.cable-izq[data-v-1de1a74a], .cable-der[data-v-1de1a74a] {
  width: 40px;
  height: 6px;
  background: #92400E;
}
.resistor-body[data-v-1de1a74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 80px;
  height: 30px;
  background: linear-gradient(180deg, #D4A574, #B8956C, #D4A574);
  border-radius: 4px;
  padding: 0 8px;
}
.banda[data-v-1de1a74a] {
  width: 6px;
  height: 100%;
  border-radius: 1px;
}
.banda1[data-v-1de1a74a] { background: #8B4513;
}
.banda2[data-v-1de1a74a] { background: #000000;
}
.banda3[data-v-1de1a74a] { background: #FF0000;
}
.banda4[data-v-1de1a74a] { background: #FFD700;
}
.label-resistor[data-v-1de1a74a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Colores para texto */
strong.resistencia[data-v-1de1a74a] {
  color: #FCA5A5;
}
strong.corriente[data-v-1de1a74a] {
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-1de1a74a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-1de1a74a] {
  font-size: 1.5rem;
}
.def-contenido[data-v-1de1a74a] {
  flex: 1;
}
.def-titulo[data-v-1de1a74a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-1de1a74a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-descripcion[data-v-1de1a74a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Sección título */
.section-titulo[data-v-1de1a74a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Fórmula */
.formula-section[data-v-1de1a74a] {
  margin: 1.5rem 0;
}
.formula-box[data-v-1de1a74a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-1de1a74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.formula-var[data-v-1de1a74a] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCA5A5;
}
.formula-var.rho[data-v-1de1a74a] {
  color: #C4B5FD;
}
.formula-igual[data-v-1de1a74a], .formula-mult[data-v-1de1a74a] {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 700;
}
.formula-fraccion[data-v-1de1a74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-num[data-v-1de1a74a], .fraccion-den[data-v-1de1a74a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0 0.5rem;
}
.fraccion-linea[data-v-1de1a74a] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.15rem 0;
}
.formula-donde[data-v-1de1a74a] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.donde-item[data-v-1de1a74a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.donde-var[data-v-1de1a74a] {
  font-weight: 700;
  color: #FCA5A5;
}
.donde-var.rho[data-v-1de1a74a] {
  color: #C4B5FD;
}

/* Factores */
.factores-section[data-v-1de1a74a] {
  margin: 1.5rem 0;
}
.factores-grid[data-v-1de1a74a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-item[data-v-1de1a74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.factor-icono[data-v-1de1a74a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.factor-nombre[data-v-1de1a74a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.factor-efecto[data-v-1de1a74a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.factor-efecto.aumenta strong[data-v-1de1a74a] {
  color: #FCA5A5;
}
.factor-efecto.disminuye strong[data-v-1de1a74a] {
  color: #6EE7B7;
}
.factor-analogia[data-v-1de1a74a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Conductividad */
.conductividad-section[data-v-1de1a74a] {
  margin: 1.5rem 0;
}
.conductividad-box[data-v-1de1a74a] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.conductividad-formula[data-v-1de1a74a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cond-var[data-v-1de1a74a] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.cond-igual[data-v-1de1a74a] {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 700;
}
.cond-fraccion[data-v-1de1a74a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conductividad-desc[data-v-1de1a74a] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 1rem;
}
.materiales-comparacion[data-v-1de1a74a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.material-item[data-v-1de1a74a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.material-item.conductor[data-v-1de1a74a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.material-item.aislante[data-v-1de1a74a] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.material-item.semiconductor[data-v-1de1a74a] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.mat-icono[data-v-1de1a74a] {
  font-size: 1.25rem;
}
.mat-nombre[data-v-1de1a74a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 100px;
}
.mat-ejemplo[data-v-1de1a74a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  flex: 1;
}
.mat-sigma[data-v-1de1a74a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1de1a74a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1de1a74a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1de1a74a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1de1a74a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.factores-grid[data-v-1de1a74a] {
    grid-template-columns: repeat(4, 1fr);
}
.materiales-comparacion[data-v-1de1a74a] {
    flex-direction: row;
}
.material-item[data-v-1de1a74a] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.mat-nombre[data-v-1de1a74a] {
    min-width: auto;
}
}

.simulador[data-v-cd50a8b6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-cd50a8b6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-cd50a8b6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-cd50a8b6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-cd50a8b6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-cd50a8b6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cd50a8b6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cd50a8b6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-cd50a8b6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-cd50a8b6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Cálculos ===== */
.calculo-container[data-v-cd50a8b6] {
  text-align: center;
}
.formula-referencia[data-v-cd50a8b6] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-cd50a8b6] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.formula-texto[data-v-cd50a8b6] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 1rem;
}
.circuito-visual[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.circuito-elemento[data-v-cd50a8b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  min-width: 60px;
}
.elem-icono[data-v-cd50a8b6] {
  font-size: 1.5rem;
}
.elem-valor[data-v-cd50a8b6] {
  font-weight: 700;
  font-size: 0.9rem;
}
.elem-valor.voltaje[data-v-cd50a8b6] { color: #FCD34D;
}
.elem-valor.resistencia[data-v-cd50a8b6] { color: #FCA5A5;
}
.elem-valor.corriente-color[data-v-cd50a8b6] { color: #6EE7B7;
}
.circuito-flecha[data-v-cd50a8b6] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.pregunta-calculo[data-v-cd50a8b6] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-calculo strong[data-v-cd50a8b6] {
  color: #FCD34D;
}
.input-respuesta[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-cd50a8b6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.calculo-input[data-v-cd50a8b6] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-cd50a8b6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-cd50a8b6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-cd50a8b6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-cd50a8b6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-cd50a8b6] {
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-family: monospace;
}
.contador[data-v-cd50a8b6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Simulador interactivo ===== */
.simulador-interactivo[data-v-cd50a8b6] {
  text-align: center;
}
.circuito-animado[data-v-cd50a8b6] {
  position: relative;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.bateria-sim[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.polo[data-v-cd50a8b6] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.8rem;
}
.polo.pos[data-v-cd50a8b6] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid #EF4444;
}
.polo.neg[data-v-cd50a8b6] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 2px solid #3B82F6;
}
.bateria-cuerpo[data-v-cd50a8b6] {
  width: 40px;
  height: 60px;
  background: #374151;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.bateria-nivel[data-v-cd50a8b6] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #FCD34D, #F59E0B);
  transition: height 0.3s ease;
}
.bateria-valor[data-v-cd50a8b6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-left: 0.5rem;
}
.cable-superior[data-v-cd50a8b6], .cable-inferior[data-v-cd50a8b6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  background: linear-gradient(90deg, #78350F, #92400E);
  border-radius: 0.25rem;
  width: 80%;
  max-width: 200px;
}
.electron-sim[data-v-cd50a8b6] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
}
.electron-sim.animando[data-v-cd50a8b6] {
  animation: fluir-electron-cd50a8b6 linear infinite;
}
@keyframes fluir-electron-cd50a8b6 {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(25px); opacity: 0.6;
}
}
.resistor-sim[data-v-cd50a8b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.resistor-body-sim[data-v-cd50a8b6] {
  width: 60px;
  height: 25px;
  background: linear-gradient(180deg, #D4A574, #B8956C, #D4A574);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zigzag[data-v-cd50a8b6] {
  width: 40px;
  height: 10px;
  background: repeating-linear-gradient(
    90deg,
    #8B4513 0px,
    #8B4513 4px,
    transparent 4px,
    transparent 8px
  );
}
.resistor-valor[data-v-cd50a8b6] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}
.amperimetro[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.amper-icono[data-v-cd50a8b6] {
  font-size: 1.25rem;
}
.amper-valor[data-v-cd50a8b6] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.controles-sim[data-v-cd50a8b6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.control-label[data-v-cd50a8b6] {
  font-size: 0.8rem;
  font-weight: 600;
  min-width: 90px;
  text-align: right;
}
.control-label.voltaje-label[data-v-cd50a8b6] { color: #FCD34D;
}
.control-label.resistencia-label[data-v-cd50a8b6] { color: #FCA5A5;
}
.slider[data-v-cd50a8b6] {
  flex: 1;
  max-width: 150px;
}
.slider.voltaje-slider[data-v-cd50a8b6] { accent-color: #FCD34D;
}
.slider.resistencia-slider[data-v-cd50a8b6] { accent-color: #FCA5A5;
}
.control-valor[data-v-cd50a8b6] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 50px;
}
.resultado-sim[data-v-cd50a8b6] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.resultado-formula[data-v-cd50a8b6] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resultado-formula strong[data-v-cd50a8b6] {
  color: #6EE7B7;
}
.pregunta-simulador[data-v-cd50a8b6] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-simulador strong[data-v-cd50a8b6] {
  color: #FCA5A5;
}
.opciones-sim[data-v-cd50a8b6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-opcion-sim[data-v-cd50a8b6] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.btn-opcion-sim.seleccionado[data-v-cd50a8b6] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion-sim.correcto[data-v-cd50a8b6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion-sim.incorrecto[data-v-cd50a8b6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Relaciones ===== */
.relaciones-container[data-v-cd50a8b6] {
  text-align: center;
}
.relacion-pregunta[data-v-cd50a8b6] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.relacion-visual[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.variable-inicial[data-v-cd50a8b6], .variable-resultado[data-v-cd50a8b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.var-nombre[data-v-cd50a8b6] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.var-cambio[data-v-cd50a8b6] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.flecha-relacion[data-v-cd50a8b6] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.opciones-relacion[data-v-cd50a8b6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.btn-relacion[data-v-cd50a8b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.btn-relacion.seleccionado[data-v-cd50a8b6] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-relacion.correcto[data-v-cd50a8b6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-relacion.incorrecto[data-v-cd50a8b6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacion-icono[data-v-cd50a8b6] {
  font-size: 1.25rem;
}
.relacion-texto[data-v-cd50a8b6] {
  font-size: 0.85rem;
  font-weight: 600;
}

/* Resultado correcto */
.resultado-correcto[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cd50a8b6] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-cd50a8b6] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-cd50a8b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-cd50a8b6] {
  flex: 1;
}
.nav-btn[data-v-cd50a8b6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-cd50a8b6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-cd50a8b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cd50a8b6] {
  font-size: 1.75rem;
}
.completado-texto[data-v-cd50a8b6] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cd50a8b6], .slide-leave-active[data-v-cd50a8b6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cd50a8b6] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-cd50a8b6] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.circuito-visual[data-v-cd50a8b6] {
    flex-wrap: nowrap;
}
.controles-sim[data-v-cd50a8b6] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Colores para texto */
strong.voltaje[data-v-33a10479] {
  color: #FCD34D;
}
strong.corriente[data-v-33a10479] {
  color: #6EE7B7;
}
strong.resistencia[data-v-33a10479] {
  color: #FCA5A5;
}
strong.potencia[data-v-33a10479] {
  color: #93C5FD;
}

/* Sección título */
.section-titulo[data-v-33a10479] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Ejemplos */
.ejemplo-section[data-v-33a10479] {
  margin: 1.5rem 0;
}
.ejemplo-box[data-v-33a10479] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-33a10479] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-solucion[data-v-33a10479] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-33a10479] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-33a10479] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-texto[data-v-33a10479] {
  color: #E9D5FF;
  font-family: monospace;
  font-size: 0.9rem;
}

/* Potencia */
.potencia-section[data-v-33a10479] {
  margin: 1.5rem 0;
}
.potencia-box[data-v-33a10479] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.potencia-intro[data-v-33a10479] {
  color: #E9D5FF;
  margin: 0 0 1rem;
  font-size: 0.9rem;
}
.formulas-potencia[data-v-33a10479] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.formula-card[data-v-33a10479] {
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-principal-potencia[data-v-33a10479] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.formula-descripcion[data-v-33a10479] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.unidad-potencia[data-v-33a10479] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.5rem;
}
.unidad-icono[data-v-33a10479] {
  font-size: 1.25rem;
}
.unidad-texto[data-v-33a10479] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.unidad-texto strong[data-v-33a10479] {
  color: #93C5FD;
}

/* Aplicaciones */
.aplicaciones-section[data-v-33a10479] {
  margin: 1.5rem 0;
}
.aplicaciones-grid[data-v-33a10479] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion-item[data-v-33a10479] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.aplicacion-icono[data-v-33a10479] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.aplicacion-nombre[data-v-33a10479] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.aplicacion-desc[data-v-33a10479] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-33a10479] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-33a10479] {
  font-size: 1.25rem;
}
.tip-texto[data-v-33a10479] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-33a10479] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-potencia[data-v-33a10479] {
    gap: 1rem;
}
.formula-principal-potencia[data-v-33a10479] {
    font-size: 1.2rem;
}
.formula-descripcion[data-v-33a10479] {
    font-size: 0.75rem;
}
.aplicaciones-grid[data-v-33a10479] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicacion-item[data-v-33a10479] {
    padding: 1rem 0.75rem;
}
.aplicacion-icono[data-v-33a10479] {
    font-size: 1.75rem;
}
}

/* Intro */
.resumen-intro[data-v-8198c327] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-8198c327] {
  font-size: 2rem;
}
.resumen-intro p[data-v-8198c327] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-8198c327] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-8198c327] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-8198c327] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-8198c327]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-8198c327] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-8198c327] {
    grid-column: span 1;
}
}
.card-header[data-v-8198c327] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-8198c327] {
  font-size: 1.25rem;
}
.card-titulo[data-v-8198c327] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-8198c327] {
  color: #E9D5FF;
}
.card-nota[data-v-8198c327] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Fórmula grande */
.formula-grande-resumen[data-v-8198c327] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.formula-grande-resumen .var[data-v-8198c327] {
  font-size: 2rem;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.formula-grande-resumen .var.v[data-v-8198c327] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.formula-grande-resumen .var.i[data-v-8198c327] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.formula-grande-resumen .var.r[data-v-8198c327] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.formula-grande-resumen .operador[data-v-8198c327] {
  font-size: 1.5rem;
  color: #C4B5FD;
  font-weight: 700;
}

/* Variables grid */
.variables-grid[data-v-8198c327] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.var-item[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.var-item.voltaje[data-v-8198c327] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.var-item.corriente[data-v-8198c327] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.var-item.resistencia[data-v-8198c327] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.var-letra[data-v-8198c327] {
  font-size: 1.25rem;
  font-weight: 800;
}
.var-item.voltaje .var-letra[data-v-8198c327] { color: #FCD34D;
}
.var-item.corriente .var-letra[data-v-8198c327] { color: #6EE7B7;
}
.var-item.resistencia .var-letra[data-v-8198c327] { color: #FCA5A5;
}
.var-nombre[data-v-8198c327] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.var-unidad[data-v-8198c327] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Mini triángulo */
.mini-triangulo[data-v-8198c327] {
  text-align: center;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tri-top[data-v-8198c327] {
  margin-bottom: 0.25rem;
}
.tri-linea[data-v-8198c327] {
  height: 2px;
  background: #C4B5FD;
  margin: 0.25rem auto;
  width: 80px;
}
.tri-bottom[data-v-8198c327] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.mini-triangulo .v[data-v-8198c327] { color: #FCD34D; font-weight: 800; font-size: 1.25rem;
}
.mini-triangulo .i[data-v-8198c327] { color: #6EE7B7; font-weight: 800; font-size: 1.25rem;
}
.mini-triangulo .r[data-v-8198c327] { color: #FCA5A5; font-weight: 800; font-size: 1.25rem;
}
.mini-triangulo .mult[data-v-8198c327] { color: #C4B5FD;
}
.despeje-rapido[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.despeje-item[data-v-8198c327] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Resistencia */
.formula-resistencia[data-v-8198c327] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  text-align: center;
  margin-bottom: 0.5rem;
}
.factores-lista[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.factor[data-v-8198c327] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Potencia */
.potencia-formulas[data-v-8198c327] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.potencia-item[data-v-8198c327] {
  padding: 0.5rem 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
}
.pot-formula[data-v-8198c327] {
  font-family: monospace;
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}

/* Proporcionalidades */
.proporcionalidad-item[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.proporcionalidad-item.directo[data-v-8198c327] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.proporcionalidad-item.inverso[data-v-8198c327] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.prop-tipo[data-v-8198c327] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.proporcionalidad-item.directo .prop-tipo[data-v-8198c327] { color: #6EE7B7;
}
.proporcionalidad-item.inverso .prop-tipo[data-v-8198c327] { color: #FCA5A5;
}
.prop-relacion[data-v-8198c327] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Materiales */
.materiales-lista[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.material[data-v-8198c327] {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
}
.material.conductor[data-v-8198c327] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.material.aislante[data-v-8198c327] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.material.semi[data-v-8198c327] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-8198c327] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-8198c327] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-8198c327] {
  font-size: 1.25rem;
}
.tip-text[data-v-8198c327] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-8198c327] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-8198c327] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-8198c327] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-8198c327 1s ease-in-out infinite;
}
@keyframes bounce-8198c327 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-8198c327] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-8198c327] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-4d34b010] {
  text-align: center;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border-radius: 1rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.formula-grande[data-v-4d34b010] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-grande .var[data-v-4d34b010] {
  font-size: 2.5rem;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.formula-grande .var.p[data-v-4d34b010] {
  color: #C084FC;
  background: rgba(192, 132, 252, 0.2);
}
.formula-grande .var.v[data-v-4d34b010] {
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
}
.formula-grande .var.i[data-v-4d34b010] {
  color: #6EE7B7;
  background: rgba(110, 231, 183, 0.2);
}
.formula-grande .igual[data-v-4d34b010],
.formula-grande .multiplicacion[data-v-4d34b010] {
  font-size: 2rem;
  color: #C4B5FD;
  font-weight: 700;
}
.formula-nombre[data-v-4d34b010] {
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
}

/* Colores para texto */
strong.potencia[data-v-4d34b010] {
  color: #C084FC;
}
strong.voltaje[data-v-4d34b010] {
  color: #FCD34D;
}
strong.corriente[data-v-4d34b010] {
  color: #6EE7B7;
}

/* Section titles */
.section-titulo[data-v-4d34b010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Analogía */
.analogia-section[data-v-4d34b010] {
  margin: 1.5rem 0;
}
.analogia-grid[data-v-4d34b010] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.analogia-item[data-v-4d34b010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.analogia-visual[data-v-4d34b010] {
  margin-bottom: 0.5rem;
}
.bombilla[data-v-4d34b010] {
  font-size: 2.5rem;
  display: block;
}
.bombilla.baja[data-v-4d34b010] {
  opacity: 0.5;
  filter: brightness(0.7);
}
.bombilla.alta[data-v-4d34b010] {
  filter: brightness(1.3);
  text-shadow: 0 0 20px #FCD34D;
}
.analogia-label[data-v-4d34b010] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.analogia-desc[data-v-4d34b010] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.analogia-conclusion[data-v-4d34b010] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}

/* Fórmula box */
.formula-section[data-v-4d34b010] {
  margin: 1.5rem 0;
}
.formula-box[data-v-4d34b010] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-4d34b010] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-item[data-v-4d34b010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.formula-var[data-v-4d34b010] {
  font-size: 1.75rem;
  font-weight: 800;
}
.formula-var.potencia[data-v-4d34b010] { color: #C084FC;
}
.formula-var.voltaje[data-v-4d34b010] { color: #FCD34D;
}
.formula-var.corriente[data-v-4d34b010] { color: #6EE7B7;
}
.formula-desc[data-v-4d34b010] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.formula-unidad[data-v-4d34b010] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula-operador[data-v-4d34b010] {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 700;
}

/* Ejemplos */
.ejemplos-section[data-v-4d34b010] {
  margin: 1.5rem 0;
}
.ejemplos-grid[data-v-4d34b010] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-4d34b010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-4d34b010] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-4d34b010] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-4d34b010] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C084FC;
}

/* Unidades */
.unidades-section[data-v-4d34b010] {
  margin: 1.5rem 0;
}
.unidades-grid[data-v-4d34b010] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.unidad[data-v-4d34b010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(192, 132, 252, 0.1);
  border: 1px solid rgba(192, 132, 252, 0.3);
  border-radius: 0.5rem;
}
.unidad-nombre[data-v-4d34b010] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C084FC;
}
.unidad-equiv[data-v-4d34b010] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-4d34b010] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4d34b010] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4d34b010] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4d34b010] {
  color: #6EE7B7;
}
.tip-texto strong.potencia[data-v-4d34b010] {
  color: #C084FC;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande .var[data-v-4d34b010] {
    font-size: 3rem;
}
.ejemplos-grid[data-v-4d34b010] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-4d34b010] {
    padding: 0.75rem;
}
.ej-icono[data-v-4d34b010] {
    font-size: 1.75rem;
}
}

/* Section titles */
.section-titulo[data-v-689f8fa3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Colores para texto */
strong.potencia[data-v-689f8fa3] {
  color: #C084FC;
}
strong.energia[data-v-689f8fa3] {
  color: #60A5FA;
}
strong.tiempo[data-v-689f8fa3] {
  color: #FCD34D;
}

/* Fórmulas principales */
.formulas-section[data-v-689f8fa3] {
  margin: 1rem 0 1.5rem;
}
.formulas-grid[data-v-689f8fa3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-689f8fa3] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-card.principal[data-v-689f8fa3] {
  background: rgba(192, 132, 252, 0.15);
  border-color: rgba(192, 132, 252, 0.5);
}
.formula-expresion[data-v-689f8fa3] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.formula-uso[data-v-689f8fa3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Derivación */
.derivacion-section[data-v-689f8fa3] {
  margin: 1.5rem 0;
}
.derivacion-box[data-v-689f8fa3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.derivacion-paso[data-v-689f8fa3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-num[data-v-689f8fa3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-689f8fa3] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-689f8fa3] {
  color: #FCD34D;
}
.derivacion-resultado[data-v-689f8fa3] {
  margin-left: 32px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* kWh Section */
.kwh-section[data-v-689f8fa3] {
  margin: 1.5rem 0;
}
.kwh-explicacion[data-v-689f8fa3] {
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.kwh-explicacion p[data-v-689f8fa3] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.kwh-formula[data-v-689f8fa3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.kwh-item[data-v-689f8fa3] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kwh-var[data-v-689f8fa3] {
  font-size: 1.5rem;
  font-weight: 800;
}
.kwh-var.energia[data-v-689f8fa3] { color: #60A5FA;
}
.kwh-var.potencia[data-v-689f8fa3] { color: #C084FC;
}
.kwh-var.tiempo[data-v-689f8fa3] { color: #FCD34D;
}
.kwh-desc[data-v-689f8fa3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.kwh-igual[data-v-689f8fa3], .kwh-mult[data-v-689f8fa3] {
  font-size: 1.25rem;
  color: #FFFFFF;
  font-weight: 700;
}
.kwh-unidades[data-v-689f8fa3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.kwh-unidad[data-v-689f8fa3] {
  font-weight: 700;
  color: #60A5FA;
  font-size: 1rem;
}

/* Ejemplo */
.ejemplo-section[data-v-689f8fa3] {
  margin: 1.5rem 0;
}
.ejemplo-box[data-v-689f8fa3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-689f8fa3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-pasos[data-v-689f8fa3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-paso[data-v-689f8fa3] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-label[data-v-689f8fa3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-calculo[data-v-689f8fa3] {
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-resultado[data-v-689f8fa3] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.resultado-label[data-v-689f8fa3] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.resultado-valor[data-v-689f8fa3] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Costo */
.costo-section[data-v-689f8fa3] {
  margin: 1.5rem 0;
}
.costo-formula[data-v-689f8fa3] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.costo-texto[data-v-689f8fa3] {
  font-family: monospace;
  color: #FCD34D;
  font-size: 0.9rem;
  font-weight: 600;
}
.costo-ejemplo[data-v-689f8fa3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  text-align: center;
}
.costo-ejemplo strong[data-v-689f8fa3] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-689f8fa3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-689f8fa3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-689f8fa3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-689f8fa3] {
  color: #6EE7B7;
}
.tip-texto strong.energia[data-v-689f8fa3] {
  color: #60A5FA;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-689f8fa3] {
    gap: 1rem;
}
.formula-expresion[data-v-689f8fa3] {
    font-size: 1.2rem;
}
.formula-uso[data-v-689f8fa3] {
    font-size: 0.75rem;
}
.ejemplo-paso[data-v-689f8fa3] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
}

.simulador[data-v-36e63b2a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-36e63b2a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-36e63b2a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-36e63b2a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-36e63b2a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-36e63b2a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-36e63b2a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-36e63b2a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-36e63b2a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-36e63b2a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Cálculos ===== */
.calculo-container[data-v-36e63b2a] {
  text-align: center;
}
.formula-referencia[data-v-36e63b2a] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-36e63b2a] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.formula-texto[data-v-36e63b2a] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 1rem;
}
.circuito-visual[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.circuito-elemento[data-v-36e63b2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  min-width: 60px;
}
.elem-icono[data-v-36e63b2a] {
  font-size: 1.5rem;
}
.elem-valor[data-v-36e63b2a] {
  font-weight: 700;
  font-size: 0.9rem;
}
.elem-valor.voltaje[data-v-36e63b2a] { color: #FCD34D;
}
.elem-valor.potencia[data-v-36e63b2a] { color: #C084FC;
}
.elem-valor.corriente-color[data-v-36e63b2a] { color: #6EE7B7;
}
.circuito-flecha[data-v-36e63b2a] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.pregunta-calculo[data-v-36e63b2a] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-calculo strong[data-v-36e63b2a] {
  color: #C084FC;
}
.input-respuesta[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-36e63b2a] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C084FC;
}
.calculo-input[data-v-36e63b2a] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-36e63b2a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-36e63b2a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-36e63b2a] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-36e63b2a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-36e63b2a] {
  font-size: 0.85rem;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-family: monospace;
}
.contador[data-v-36e63b2a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Simulador interactivo ===== */
.simulador-interactivo[data-v-36e63b2a] {
  text-align: center;
}
.bombilla-visual[data-v-36e63b2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.bombilla-container[data-v-36e63b2a] {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bombilla-glow[data-v-36e63b2a] {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(252, 211, 77, 0.6) 0%, transparent 70%);
  transition: all 0.3s ease;
}
.bombilla-icono[data-v-36e63b2a] {
  font-size: 4rem;
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease;
}
.bombilla-potencia[data-v-36e63b2a] {
  margin-top: 0.5rem;
}
.potencia-valor[data-v-36e63b2a] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #C084FC;
}
.controles-sim[data-v-36e63b2a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.control-label[data-v-36e63b2a] {
  font-size: 0.8rem;
  font-weight: 600;
  min-width: 80px;
  text-align: right;
}
.control-label.voltaje-label[data-v-36e63b2a] { color: #FCD34D;
}
.control-label.corriente-label[data-v-36e63b2a] { color: #6EE7B7;
}
.slider[data-v-36e63b2a] {
  flex: 1;
  max-width: 150px;
}
.slider.voltaje-slider[data-v-36e63b2a] { accent-color: #FCD34D;
}
.slider.corriente-slider[data-v-36e63b2a] { accent-color: #6EE7B7;
}
.control-valor[data-v-36e63b2a] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 60px;
}
.resultado-sim[data-v-36e63b2a] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.resultado-formula[data-v-36e63b2a] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resultado-formula strong[data-v-36e63b2a] {
  color: #C084FC;
}
.pregunta-simulador[data-v-36e63b2a] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pregunta-simulador strong[data-v-36e63b2a] {
  color: #FCD34D;
}
.opciones-sim[data-v-36e63b2a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-opcion-sim[data-v-36e63b2a] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.btn-opcion-sim.seleccionado[data-v-36e63b2a] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion-sim.correcto[data-v-36e63b2a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion-sim.incorrecto[data-v-36e63b2a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: kWh ===== */
.kwh-container[data-v-36e63b2a] {
  text-align: center;
}
.aparato-visual[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.aparato-icono[data-v-36e63b2a] {
  font-size: 3rem;
}
.aparato-info[data-v-36e63b2a] {
  text-align: left;
}
.aparato-nombre[data-v-36e63b2a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25rem;
}
.aparato-datos[data-v-36e63b2a] {
  display: flex;
  gap: 0.75rem;
}
.dato[data-v-36e63b2a] {
  font-size: 0.85rem;
  font-weight: 600;
}
.dato.potencia-dato[data-v-36e63b2a] { color: #C084FC;
}
.dato.tiempo-dato[data-v-36e63b2a] { color: #FCD34D;
}
.pregunta-kwh[data-v-36e63b2a] {
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pregunta-kwh strong[data-v-36e63b2a] {
  color: #60A5FA;
}
.ayuda-conversion[data-v-36e63b2a] {
  margin-bottom: 0.75rem;
}
.ayuda-texto[data-v-36e63b2a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Resultado correcto */
.resultado-correcto[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-36e63b2a] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-36e63b2a] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-36e63b2a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-36e63b2a] {
  flex: 1;
}
.nav-btn[data-v-36e63b2a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-36e63b2a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-36e63b2a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-36e63b2a] {
  font-size: 1.75rem;
}
.completado-texto[data-v-36e63b2a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-36e63b2a], .slide-leave-active[data-v-36e63b2a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-36e63b2a] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-36e63b2a] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.circuito-visual[data-v-36e63b2a] {
    flex-wrap: nowrap;
}
.controles-sim[data-v-36e63b2a] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Section titles */
.section-titulo[data-v-7b429963] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Colores para texto */
strong.potencia[data-v-7b429963] { color: #C084FC;
}
strong.energia[data-v-7b429963] { color: #60A5FA;
}
strong.voltaje[data-v-7b429963] { color: #FCD34D;
}
strong.corriente[data-v-7b429963] { color: #6EE7B7;
}
strong.tiempo[data-v-7b429963] { color: #FCD34D;
}

/* Sections */
.resumen-section[data-v-7b429963] {
  margin-bottom: 1.5rem;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-principal-box[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(192, 132, 252, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(192, 132, 252, 0.4);
  border-radius: 0.75rem;
}
.formula-grande[data-v-7b429963] {
  font-size: 2rem;
  font-weight: 800;
  color: #C084FC;
  font-family: monospace;
}
.formula-desc[data-v-7b429963] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.formulas-secundarias[data-v-7b429963] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-7b429963] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-text[data-v-7b429963] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Energía box */
.energia-box[data-v-7b429963] {
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.energia-formula[data-v-7b429963] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.energia-expresion[data-v-7b429963] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #60A5FA;
  font-family: monospace;
  display: block;
  margin-bottom: 0.25rem;
}
.energia-unidades[data-v-7b429963] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.conversion-box[data-v-7b429963] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.conversion-titulo[data-v-7b429963] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.8rem;
  width: 100%;
  text-align: center;
}
.conversion-item[data-v-7b429963] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Unidades grid */
.unidades-grid[data-v-7b429963] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.unidad-card[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.unidad-simbolo[data-v-7b429963] {
  font-size: 1.5rem;
  font-weight: 800;
}
.unidad-simbolo.potencia[data-v-7b429963] { color: #C084FC;
}
.unidad-simbolo.energia[data-v-7b429963] { color: #60A5FA;
}
.unidad-simbolo.tiempo[data-v-7b429963] { color: #FCD34D;
}
.unidad-nombre[data-v-7b429963] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.unidad-medida[data-v-7b429963] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Relaciones */
.relaciones-list[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-7b429963] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.relacion-icono[data-v-7b429963] {
  font-size: 1rem;
  flex-shrink: 0;
}
.relacion-texto[data-v-7b429963] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-7b429963] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-pregunta[data-v-7b429963] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-solucion[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.solucion-paso[data-v-7b429963] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-7b429963] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.paso-contenido[data-v-7b429963] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-contenido strong[data-v-7b429963] {
  color: #FFFFFF;
}

/* Tips finales */
.tips-finales[data-v-7b429963] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-7b429963] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icono[data-v-7b429963] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7b429963] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-7b429963] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-7b429963] {
    font-size: 2.5rem;
}
.unidades-grid[data-v-7b429963] {
    gap: 1rem;
}
.unidad-card[data-v-7b429963] {
    padding: 0.75rem;
}
.unidad-simbolo[data-v-7b429963] {
    font-size: 1.75rem;
}
.unidad-nombre[data-v-7b429963] {
    font-size: 0.8rem;
}
.unidad-medida[data-v-7b429963] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-e63c8ad6] {
  margin: 1rem 0 1.5rem;
}
.escena-calor[data-v-e63c8ad6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(to right, rgba(239, 68, 68, 0.1), rgba(147, 197, 253, 0.1));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.objeto[data-v-e63c8ad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  position: relative;
}
.objeto.caliente[data-v-e63c8ad6] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.objeto.frio[data-v-e63c8ad6] {
  background: rgba(147, 197, 253, 0.2);
  border: 2px solid rgba(147, 197, 253, 0.5);
}
.termometro-mini[data-v-e63c8ad6] {
  width: 12px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mercurio-mini[data-v-e63c8ad6] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #FCA5A5);
  border-radius: 0 0 4px 4px;
}
.objeto-label[data-v-e63c8ad6] {
  font-weight: 700;
  font-size: 0.9rem;
}
.objeto.caliente .objeto-label[data-v-e63c8ad6] { color: #FCA5A5;
}
.objeto.frio .objeto-label[data-v-e63c8ad6] { color: #93C5FD;
}
.moleculas-rapidas[data-v-e63c8ad6], .moleculas-lentas[data-v-e63c8ad6] {
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
  justify-content: center;
  width: 40px;
}
.molecula[data-v-e63c8ad6] {
  font-size: 0.5rem;
}
.molecula.rapida[data-v-e63c8ad6] {
  color: #FCD34D;
  animation: vibrar-rapido-e63c8ad6 0.2s ease-in-out infinite;
}
.molecula.lenta[data-v-e63c8ad6] {
  color: #93C5FD;
  animation: vibrar-lento-e63c8ad6 0.8s ease-in-out infinite;
}
@keyframes vibrar-rapido-e63c8ad6 {
0%, 100% { transform: translate(0, 0);
}
25% { transform: translate(3px, -3px);
}
50% { transform: translate(-3px, 3px);
}
75% { transform: translate(3px, 3px);
}
}
@keyframes vibrar-lento-e63c8ad6 {
0%, 100% { transform: translate(0, 0);
}
50% { transform: translate(1px, -1px);
}
}
.flecha-calor[data-v-e63c8ad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flecha-texto[data-v-e63c8ad6] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.flecha-icono[data-v-e63c8ad6] {
  font-size: 1.5rem;
  animation: pulsar-e63c8ad6 1s ease-in-out infinite;
}
@keyframes pulsar-e63c8ad6 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.8;
}
}
.frase-clave[data-v-e63c8ad6] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.calor[data-v-e63c8ad6] { color: #FCA5A5;
}
strong.energia[data-v-e63c8ad6] { color: #FCD34D;
}
strong.temp[data-v-e63c8ad6] { color: #93C5FD;
}

/* Modelo cinético box */
.modelo-box[data-v-e63c8ad6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.modelo-header[data-v-e63c8ad6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.modelo-icono[data-v-e63c8ad6] {
  font-size: 1.25rem;
}
.modelo-titulo[data-v-e63c8ad6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.modelo-contenido p[data-v-e63c8ad6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.comparacion-particulas[data-v-e63c8ad6] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.particulas-item[data-v-e63c8ad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
}
.particulas-item.caliente[data-v-e63c8ad6] {
  background: rgba(239, 68, 68, 0.2);
}
.particulas-item.frio[data-v-e63c8ad6] {
  background: rgba(147, 197, 253, 0.2);
}
.particulas-visual[data-v-e63c8ad6] {
  display: flex;
  gap: 0.3rem;
}
.particulas-visual.rapidas .p[data-v-e63c8ad6] {
  color: #FCD34D;
  animation: vibrar-rapido-e63c8ad6 0.2s ease-in-out infinite;
}
.particulas-visual.lentas .p[data-v-e63c8ad6] {
  color: #93C5FD;
  animation: vibrar-lento-e63c8ad6 0.8s ease-in-out infinite;
}
.particulas-desc[data-v-e63c8ad6] {
  font-size: 0.75rem;
  text-align: center;
  color: #E9D5FF;
}
.particulas-item.caliente .particulas-desc strong[data-v-e63c8ad6] { color: #FCA5A5;
}
.particulas-item.frio .particulas-desc strong[data-v-e63c8ad6] { color: #93C5FD;
}

/* Diferencia box */
.diferencia-box[data-v-e63c8ad6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dif-header[data-v-e63c8ad6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dif-icono[data-v-e63c8ad6] {
  font-size: 1.25rem;
}
.dif-titulo[data-v-e63c8ad6] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.dif-contenido[data-v-e63c8ad6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-e63c8ad6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.dif-concepto[data-v-e63c8ad6] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 90px;
}
.dif-concepto.temp[data-v-e63c8ad6] { color: #93C5FD;
}
.dif-concepto.calor[data-v-e63c8ad6] { color: #FCA5A5;
}
.dif-texto[data-v-e63c8ad6] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.dif-unidad[data-v-e63c8ad6] {
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}

/* Conversión box */
.conversion-box[data-v-e63c8ad6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.conv-header[data-v-e63c8ad6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.conv-icono[data-v-e63c8ad6] {
  font-size: 1.25rem;
}
.conv-titulo[data-v-e63c8ad6] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.conv-formula[data-v-e63c8ad6] {
  margin: 0.5rem 0;
}
.formula[data-v-e63c8ad6] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  display: inline-block;
}
.conv-nota[data-v-e63c8ad6] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-e63c8ad6] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e63c8ad6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-e63c8ad6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-e63c8ad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-e63c8ad6] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-e63c8ad6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-valor[data-v-e63c8ad6] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-e63c8ad6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e63c8ad6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e63c8ad6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e63c8ad6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-calor[data-v-e63c8ad6] {
    gap: 2rem;
    padding: 2rem;
}
.objeto[data-v-e63c8ad6] {
    padding: 1rem;
}
.termometro-mini[data-v-e63c8ad6] {
    width: 14px;
    height: 60px;
}
.moleculas-rapidas[data-v-e63c8ad6], .moleculas-lentas[data-v-e63c8ad6] {
    width: 50px;
}
.ejemplos-grid[data-v-e63c8ad6] {
    grid-template-columns: repeat(4, 1fr);
}
.dif-item[data-v-e63c8ad6] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-19cf5144] {
  margin: 1rem 0 1.5rem;
}
.comparacion-calentamiento[data-v-19cf5144] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.sustancia[data-v-19cf5144] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  flex: 1;
}
.sust-icono[data-v-19cf5144] {
  font-size: 2rem;
}
.sust-nombre[data-v-19cf5144] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.calor-aplicado[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.3rem;
}
.fuego[data-v-19cf5144] {
  font-size: 0.9rem;
}
.q-valor[data-v-19cf5144] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}
.resultado[data-v-19cf5144] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.vs[data-v-19cf5144] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 1rem;
}
.frase-clave[data-v-19cf5144] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}
strong.calor[data-v-19cf5144] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-19cf5144] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 0.75rem;
}
.def-header[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-19cf5144] {
  font-size: 1.25rem;
}
.def-titulo[data-v-19cf5144] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.def-contenido p[data-v-19cf5144] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.unidad-ce[data-v-19cf5144] {
  font-size: 0.85rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  display: inline-block;
}
.unidad-ce strong[data-v-19cf5144] {
  color: #FCD34D;
}

/* Tabla de calores específicos */
.tabla-ce[data-v-19cf5144] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-titulo[data-v-19cf5144] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-19cf5144] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.tabla-row[data-v-19cf5144] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.5rem;
  border-radius: 0.3rem;
}
.tabla-row.header[data-v-19cf5144] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  font-size: 0.8rem;
}
.tabla-row[data-v-19cf5144]:not(.header) {
  background: rgba(139, 92, 246, 0.1);
}
.col-sust[data-v-19cf5144] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.col-valor[data-v-19cf5144] {
  color: #C4B5FD;
  font-size: 0.85rem;
  font-weight: 600;
}
.col-valor.highlight[data-v-19cf5144] {
  color: #FCD34D;
}
.tabla-nota[data-v-19cf5144] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Fórmula box */
.formula-box[data-v-19cf5144] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-19cf5144] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-19cf5144] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-19cf5144] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-principal[data-v-19cf5144] {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-family: 'Georgia', serif;
  margin-bottom: 0.75rem;
}
.formula-variables[data-v-19cf5144] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.variable[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.var-simbolo[data-v-19cf5144] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  min-width: 24px;
}
.var-desc[data-v-19cf5144] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.formula-nota[data-v-19cf5144] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Ejemplo box */
.ejemplo-box[data-v-19cf5144] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-19cf5144] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-19cf5144] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-19cf5144] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ejemplo-solucion[data-v-19cf5144] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
}
.paso-num[data-v-19cf5144] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-texto[data-v-19cf5144] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso.resultado[data-v-19cf5144] {
  background: rgba(16, 185, 129, 0.2);
}
.paso.resultado .paso-num[data-v-19cf5144] {
  background: #10B981;
}
.paso.resultado .paso-texto strong[data-v-19cf5144] {
  color: #6EE7B7;
}

/* Signo box */
.signo-box[data-v-19cf5144] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.signo-header[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.signo-icono[data-v-19cf5144] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.signo-titulo[data-v-19cf5144] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.signo-contenido[data-v-19cf5144] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.signo-item[data-v-19cf5144] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.signo-item.positivo[data-v-19cf5144] {
  background: rgba(16, 185, 129, 0.2);
}
.signo-item.negativo[data-v-19cf5144] {
  background: rgba(239, 68, 68, 0.2);
}
.signo-valor[data-v-19cf5144] {
  font-weight: 700;
  font-size: 1rem;
  min-width: 50px;
}
.signo-item.positivo .signo-valor[data-v-19cf5144] { color: #6EE7B7;
}
.signo-item.negativo .signo-valor[data-v-19cf5144] { color: #FCA5A5;
}
.signo-desc[data-v-19cf5144] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.signo-item.positivo .signo-desc strong[data-v-19cf5144] { color: #6EE7B7;
}
.signo-item.negativo .signo-desc strong[data-v-19cf5144] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-19cf5144] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-19cf5144] {
  font-size: 1.25rem;
}
.tip-texto[data-v-19cf5144] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-19cf5144] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-calentamiento[data-v-19cf5144] {
    gap: 1.5rem;
    padding: 1.5rem;
}
.sust-icono[data-v-19cf5144] {
    font-size: 2.5rem;
}
.formula-variables[data-v-19cf5144] {
    grid-template-columns: repeat(4, 1fr);
}
.signo-contenido[data-v-19cf5144] {
    flex-direction: row;
}
.signo-item[data-v-19cf5144] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-8aac105b] {
  margin: 1rem 0 1.5rem;
}
.proceso-equilibrio[data-v-8aac105b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  overflow-x: auto;
}
.estado[data-v-8aac105b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 70px;
}
.titulo-estado[data-v-8aac105b] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
  text-transform: uppercase;
}
.objetos-estado[data-v-8aac105b] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.obj-eq[data-v-8aac105b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.obj-temp[data-v-8aac105b] {
  font-size: 0.65rem;
  font-weight: 700;
}
.obj-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.obj-eq.caliente .obj-temp[data-v-8aac105b] { color: #FCA5A5;
}
.obj-eq.frio .obj-temp[data-v-8aac105b] { color: #93C5FD;
}
.obj-eq.medio-cal .obj-temp[data-v-8aac105b] { color: #FCA5A5;
}
.obj-eq.medio-frio .obj-temp[data-v-8aac105b] { color: #6EE7B7;
}
.obj-eq.equilibrado .obj-temp[data-v-8aac105b] { color: #FCD34D;
}
.transferencia[data-v-8aac105b] {
  font-size: 0.75rem;
  color: #FCA5A5;
  animation: pulsar-8aac105b 1s infinite;
}
@keyframes pulsar-8aac105b {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.flecha-proceso[data-v-8aac105b] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Colores temáticos */
strong.dif[data-v-8aac105b] { color: #C4B5FD;
}
strong.calor[data-v-8aac105b] { color: #FCA5A5;
}
strong.eq[data-v-8aac105b] { color: #FCD34D;
}

/* Conservación box */
.conservacion-box[data-v-8aac105b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.cons-header[data-v-8aac105b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cons-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.cons-titulo[data-v-8aac105b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.cons-formula[data-v-8aac105b] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-family: 'Georgia', serif;
  margin-bottom: 0.5rem;
}
.cons-alternativa[data-v-8aac105b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.cons-alternativa strong[data-v-8aac105b] {
  color: #FCD34D;
}
.cons-nota[data-v-8aac105b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ecuación box */
.ecuacion-box[data-v-8aac105b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.ec-header[data-v-8aac105b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ec-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.ec-titulo[data-v-8aac105b] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.ec-formula[data-v-8aac105b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  overflow-x: auto;
}
.ec-despeje[data-v-8aac105b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ec-resultado[data-v-8aac105b] {
  font-size: 0.8rem;
  color: #FCD34D;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  overflow-x: auto;
}

/* Caso especial box */
.caso-especial-box[data-v-8aac105b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.caso-header[data-v-8aac105b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.caso-titulo[data-v-8aac105b] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.caso-contenido p[data-v-8aac105b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.caso-formula[data-v-8aac105b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.25rem;
}
.caso-nota[data-v-8aac105b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo box */
.ejemplo-box[data-v-8aac105b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-8aac105b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-8aac105b] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-8aac105b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ejemplo-solucion[data-v-8aac105b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-8aac105b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
}
.paso-num[data-v-8aac105b] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
}
.paso-texto[data-v-8aac105b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso.resultado[data-v-8aac105b] {
  background: rgba(16, 185, 129, 0.2);
}
.paso.resultado .paso-num[data-v-8aac105b] {
  background: #10B981;
}
.paso.resultado .paso-texto strong[data-v-8aac105b] {
  color: #6EE7B7;
}
.ejemplo-analisis[data-v-8aac105b] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.3rem;
}

/* Condiciones box */
.condiciones-box[data-v-8aac105b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cond-header[data-v-8aac105b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cond-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.cond-titulo[data-v-8aac105b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.condiciones-lista[data-v-8aac105b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cond-item[data-v-8aac105b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.cond-num[data-v-8aac105b] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
}
.cond-texto[data-v-8aac105b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cond-texto strong[data-v-8aac105b] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-8aac105b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8aac105b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8aac105b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8aac105b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-equilibrio[data-v-8aac105b] {
    gap: 1rem;
    padding: 1.5rem;
}
.estado[data-v-8aac105b] {
    min-width: 100px;
}
.titulo-estado[data-v-8aac105b] {
    font-size: 0.75rem;
}
.obj-temp[data-v-8aac105b] {
    font-size: 0.75rem;
}
.obj-icono[data-v-8aac105b] {
    font-size: 1.5rem;
}
.ec-formula[data-v-8aac105b], .ec-resultado[data-v-8aac105b] {
    font-size: 0.9rem;
}
}

.explorador[data-v-4bd4f9b4] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4bd4f9b4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4bd4f9b4] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4bd4f9b4] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4bd4f9b4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4bd4f9b4] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4bd4f9b4] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4bd4f9b4] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4bd4f9b4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4bd4f9b4] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Fórmula referencia */
.formula-referencia[data-v-4bd4f9b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-4bd4f9b4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula[data-v-4bd4f9b4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula.eq[data-v-4bd4f9b4] {
  font-size: 0.9rem;
}

/* ===== DESAFÍO 1: Calcular Calor ===== */
.calculo-calor-container[data-v-4bd4f9b4] {
  text-align: center;
}
.datos-problema[data-v-4bd4f9b4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.dato[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.dato-label[data-v-4bd4f9b4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-4bd4f9b4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.sustancia[data-v-4bd4f9b4] { color: #FCD34D;
}
.dato-valor.frio[data-v-4bd4f9b4] { color: #93C5FD;
}
.dato-valor.caliente[data-v-4bd4f9b4] { color: #FCA5A5;
}
.visualizacion-calor[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.termometro-sim[data-v-4bd4f9b4] {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.term-tubo[data-v-4bd4f9b4] {
  width: 16px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.term-mercurio[data-v-4bd4f9b4] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #FCA5A5);
  border-radius: 0 0 6px 6px;
  transition: height 0.5s ease;
}
.term-escala[data-v-4bd4f9b4] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.calor-visual[data-v-4bd4f9b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.calor-icono[data-v-4bd4f9b4] {
  font-size: 2rem;
  animation: pulsar-fuego-4bd4f9b4 1s infinite;
}
@keyframes pulsar-fuego-4bd4f9b4 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15);
}
}
.calor-pregunta[data-v-4bd4f9b4] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Input respuesta */
.input-respuesta[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.input-label[data-v-4bd4f9b4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calor[data-v-4bd4f9b4], .input-eq[data-v-4bd4f9b4] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calor.correcto[data-v-4bd4f9b4], .input-eq.correcto[data-v-4bd4f9b4] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calor.incorrecto[data-v-4bd4f9b4], .input-eq.incorrecto[data-v-4bd4f9b4] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-4bd4f9b4] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-4bd4f9b4] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-4bd4f9b4] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-4bd4f9b4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-4bd4f9b4] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-4bd4f9b4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Equilibrio ===== */
.equilibrio-container[data-v-4bd4f9b4] {
  text-align: center;
}
.mezcla-visual[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.recipiente[data-v-4bd4f9b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 60px;
}
.recipiente.caliente[data-v-4bd4f9b4] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.recipiente.frio[data-v-4bd4f9b4] {
  background: rgba(147, 197, 253, 0.2);
  border: 2px solid rgba(147, 197, 253, 0.5);
}
.recipiente.resultado[data-v-4bd4f9b4] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.rec-icono[data-v-4bd4f9b4] {
  font-size: 1.5rem;
}
.rec-dato[data-v-4bd4f9b4] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.rec-temp[data-v-4bd4f9b4] {
  font-size: 0.9rem;
  font-weight: 700;
}
.rec-temp.caliente[data-v-4bd4f9b4] { color: #FCA5A5;
}
.rec-temp.frio[data-v-4bd4f9b4] { color: #93C5FD;
}
.rec-temp.eq[data-v-4bd4f9b4] { color: #FCD34D;
}
.mezcla-flecha[data-v-4bd4f9b4] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* ===== DESAFÍO 3: Conceptos ===== */
.conceptos-container[data-v-4bd4f9b4] {
  text-align: center;
}
.concepto-visual[data-v-4bd4f9b4] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.concepto-emoji[data-v-4bd4f9b4] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.concepto-situacion[data-v-4bd4f9b4] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.concepto-pregunta[data-v-4bd4f9b4] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-concepto[data-v-4bd4f9b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-4bd4f9b4] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-btn[data-v-4bd4f9b4]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionada[data-v-4bd4f9b4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcta[data-v-4bd4f9b4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecta[data-v-4bd4f9b4] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4bd4f9b4] { font-size: 1.25rem;
}
.resultado-texto[data-v-4bd4f9b4] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-4bd4f9b4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4bd4f9b4] { flex: 1;
}
.nav-btn[data-v-4bd4f9b4] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4bd4f9b4] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4bd4f9b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4bd4f9b4] { font-size: 1.75rem;
}
.completado-texto[data-v-4bd4f9b4] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4bd4f9b4], .slide-leave-active[data-v-4bd4f9b4] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4bd4f9b4] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4bd4f9b4] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.mezcla-visual[data-v-4bd4f9b4] {
    gap: 1rem;
}
.recipiente[data-v-4bd4f9b4] {
    min-width: 80px;
}
.rec-icono[data-v-4bd4f9b4] {
    font-size: 2rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-10c0f03a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.concepto-central[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1.25rem 2rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 1rem;
}
.concepto-icono[data-v-10c0f03a] {
  font-size: 2.5rem;
}
.concepto-texto[data-v-10c0f03a] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.concepto-def[data-v-10c0f03a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Conceptos box */
.conceptos-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conceptos-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-10c0f03a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-item[data-v-10c0f03a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ci-icono[data-v-10c0f03a] {
  font-size: 1.25rem;
}
.ci-contenido[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
}
.ci-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
}
.ci-desc[data-v-10c0f03a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmulas box */
.formulas-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-lista[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-item.principal[data-v-10c0f03a] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.formula-nombre[data-v-10c0f03a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-eq[data-v-10c0f03a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-eq.eq[data-v-10c0f03a] {
  font-size: 0.95rem;
}
.formula-eq.conv[data-v-10c0f03a] {
  font-size: 1rem;
  color: #6EE7B7;
}

/* Calores específicos box */
.ce-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.ce-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ce-lista[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ce-item[data-v-10c0f03a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ce-item.destacado[data-v-10c0f03a] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ce-sustancia[data-v-10c0f03a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ce-valor[data-v-10c0f03a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.ce-nota[data-v-10c0f03a] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* PAES box */
.paes-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.paes-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-lista[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paes-item[data-v-10c0f03a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.paes-num[data-v-10c0f03a] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
}
.paes-texto[data-v-10c0f03a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paes-texto strong[data-v-10c0f03a] {
  color: #6EE7B7;
}

/* Errores box */
.errores-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-10c0f03a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-10c0f03a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.error-mal[data-v-10c0f03a] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
}
.error-texto[data-v-10c0f03a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Aplicación box */
.aplicacion-box[data-v-10c0f03a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-titulo[data-v-10c0f03a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicacion-grid[data-v-10c0f03a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-item[data-v-10c0f03a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.app-icono[data-v-10c0f03a] {
  font-size: 1.25rem;
}
.app-texto[data-v-10c0f03a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-10c0f03a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-10c0f03a] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-10c0f03a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-10c0f03a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-10c0f03a] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicacion-grid[data-v-10c0f03a] {
    grid-template-columns: repeat(4, 1fr);
}
.ce-lista[data-v-10c0f03a] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.ce-item[data-v-10c0f03a] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-a646a05e] {
  margin: 1rem 0 1.5rem;
}
.escena-conservacion[data-v-a646a05e] {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 1.5rem 1rem 3rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  min-height: 120px;
  overflow: hidden;
}
.pendulo-container[data-v-a646a05e] {
  position: relative;
  width: 100px;
  height: 80px;
  transform-origin: top center;
}
.pendulo-container.animando[data-v-a646a05e] {
  animation: oscilar-a646a05e 2s ease-in-out infinite;
}
@keyframes oscilar-a646a05e {
0%, 100% { transform: rotate(-30deg);
}
50% { transform: rotate(30deg);
}
}
.pendulo-cuerda[data-v-a646a05e] {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 60px;
  background: #C4B5FD;
  transform: translateX(-50%);
}
.pendulo-masa[data-v-a646a05e] {
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
}
.frase-clave[data-v-a646a05e] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.energia[data-v-a646a05e] { color: #FCD34D;
}
strong.transformacion[data-v-a646a05e] { color: #93C5FD;
}

/* Concepto box */
.concepto-box[data-v-a646a05e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.concepto-header[data-v-a646a05e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-a646a05e] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-a646a05e] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-principal[data-v-a646a05e] {
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-a646a05e] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-descripcion[data-v-a646a05e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}

/* Transformación box */
.transformacion-box[data-v-a646a05e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.transf-header[data-v-a646a05e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.transf-icono[data-v-a646a05e] {
  font-size: 1.25rem;
}
.transf-titulo[data-v-a646a05e] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.transf-visual[data-v-a646a05e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.transf-etapa[data-v-a646a05e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  max-width: 80px;
}
.etapa-emoji[data-v-a646a05e] {
  font-size: 1.25rem;
}
.etapa-label[data-v-a646a05e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.etapa-barras[data-v-a646a05e] {
  display: flex;
  gap: 3px;
  height: 50px;
  align-items: flex-end;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.barra-ep[data-v-a646a05e] {
  width: 15px;
  background: #93C5FD;
  border-radius: 2px;
  transition: height 0.3s ease;
}
.barra-ec[data-v-a646a05e] {
  width: 15px;
  background: #FCD34D;
  border-radius: 2px;
  transition: height 0.3s ease;
}
.etapa-desc[data-v-a646a05e] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.transf-flecha[data-v-a646a05e] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}
.transf-leyenda[data-v-a646a05e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.leyenda-item[data-v-a646a05e] {
  font-size: 0.75rem;
}
.leyenda-item.ep[data-v-a646a05e] {
  color: #93C5FD;
}
.leyenda-item.ec[data-v-a646a05e] {
  color: #FCD34D;
}

/* Condiciones box */
.condiciones-box[data-v-a646a05e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.cond-header[data-v-a646a05e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cond-icono[data-v-a646a05e] {
  font-size: 1.25rem;
}
.cond-titulo[data-v-a646a05e] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.cond-contenido p[data-v-a646a05e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.cond-lista[data-v-a646a05e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cond-item[data-v-a646a05e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.cond-item.verde[data-v-a646a05e] {
  border-left: 3px solid #6EE7B7;
}
.cond-check[data-v-a646a05e] {
  color: #6EE7B7;
  font-weight: 700;
}
.cond-texto[data-v-a646a05e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cond-texto strong[data-v-a646a05e] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplos-section[data-v-a646a05e] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a646a05e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-a646a05e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-a646a05e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-a646a05e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-a646a05e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-a646a05e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a646a05e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a646a05e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a646a05e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-conservacion[data-v-a646a05e] {
    padding: 2rem;
    min-height: 140px;
}
.pendulo-container[data-v-a646a05e] {
    width: 120px;
    height: 100px;
}
.pendulo-cuerda[data-v-a646a05e] {
    height: 80px;
}
.pendulo-masa[data-v-a646a05e] {
    top: 75px;
    font-size: 2rem;
}
.frase-clave[data-v-a646a05e] {
    font-size: 0.95rem;
}
.ejemplos-grid[data-v-a646a05e] {
    grid-template-columns: repeat(4, 1fr);
}
.transf-etapa[data-v-a646a05e] {
    max-width: 100px;
}
.etapa-label[data-v-a646a05e] {
    font-size: 0.75rem;
}
}

/* Colores temáticos */
strong.energia[data-v-d194622e] { color: #FCD34D;
}
strong.velocidad[data-v-d194622e] { color: #93C5FD;
}
strong.altura[data-v-d194622e] { color: #6EE7B7;
}
strong.cancelar[data-v-d194622e] { color: #FCA5A5;
}

/* Formula box */
.formula-box[data-v-d194622e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-d194622e] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-d194622e] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-principal[data-v-d194622e] {
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-d194622e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.formula-expandida[data-v-d194622e] {
  font-size: 1.1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.formula-unidades[data-v-d194622e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.unidad-item[data-v-d194622e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Conservación box */
.conservacion-box[data-v-d194622e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.cons-header[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cons-icono[data-v-d194622e] {
  font-size: 1.25rem;
}
.cons-titulo[data-v-d194622e] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.cons-contenido p[data-v-d194622e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.ecuacion-conservacion[data-v-d194622e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.ecuacion-lado[data-v-d194622e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ecuacion-label[data-v-d194622e] {
  font-size: 0.65rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.ecuacion-label.inicial[data-v-d194622e] { color: #93C5FD;
}
.ecuacion-label.final[data-v-d194622e] { color: #FCD34D;
}
.ecuacion-formula[data-v-d194622e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.ecuacion-igual[data-v-d194622e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.ecuacion-expandida[data-v-d194622e] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.eq-exp[data-v-d194622e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}

/* Casos especiales */
.casos-box[data-v-d194622e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.casos-header[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.casos-icono[data-v-d194622e] {
  font-size: 1.25rem;
}
.casos-titulo[data-v-d194622e] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.casos-lista[data-v-d194622e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.caso[data-v-d194622e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.caso-header[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.caso-num[data-v-d194622e] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
}
.caso-titulo[data-v-d194622e] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.caso-condiciones[data-v-d194622e] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.cond[data-v-d194622e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.15rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.caso-formula[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.cf-antes[data-v-d194622e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.cf-flecha[data-v-d194622e] {
  color: #8B5CF6;
  font-weight: 700;
}
.cf-despues[data-v-d194622e] {
  font-size: 0.85rem;
  font-family: 'Times New Roman', serif;
}
.cf-despues.resultado[data-v-d194622e] {
  color: #FCD34D;
  font-weight: 700;
}

/* Nota box */
.nota-box[data-v-d194622e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.nota-header[data-v-d194622e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.nota-icono[data-v-d194622e] {
  font-size: 1.25rem;
}
.nota-titulo[data-v-d194622e] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.nota-contenido p[data-v-d194622e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.simplificacion[data-v-d194622e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.simp-antes[data-v-d194622e], .simp-despues[data-v-d194622e] {
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
}
.simp-antes[data-v-d194622e] {
  color: #C4B5FD;
}
.simp-antes s[data-v-d194622e] {
  color: #FCA5A5;
  text-decoration-color: #FCA5A5;
}
.simp-flecha[data-v-d194622e] {
  color: #8B5CF6;
  font-weight: 700;
}
.simp-despues[data-v-d194622e] {
  color: #6EE7B7;
  font-weight: 700;
}
.nota-conclusion[data-v-d194622e] {
  margin-top: 0.5rem;
}

/* Tip */
.tip[data-v-d194622e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d194622e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d194622e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d194622e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-d194622e] {
    font-size: 1.75rem;
}
.formula-expandida[data-v-d194622e] {
    font-size: 1.25rem;
}
.ecuacion-formula[data-v-d194622e] {
    font-size: 1.1rem;
}
}

/* Colores temáticos */
strong.ejemplo[data-v-466e7b1e] { color: #FCD34D;
}

/* Aplicación box base */
.aplicacion-box[data-v-466e7b1e] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.pendulo-box[data-v-466e7b1e] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.montana-box[data-v-466e7b1e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.app-header[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-icono[data-v-466e7b1e] {
  font-size: 1.25rem;
}
.app-titulo[data-v-466e7b1e] {
  font-weight: 700;
  font-size: 0.95rem;
}
.pendulo-box .app-titulo[data-v-466e7b1e] { color: #93C5FD;
}
.montana-box .app-titulo[data-v-466e7b1e] { color: #C4B5FD;
}

/* Péndulo visual */
.app-visual[data-v-466e7b1e] {
  margin-bottom: 0.75rem;
}
.pendulo-diagrama[data-v-466e7b1e] {
  position: relative;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.pendulo-pivote[data-v-466e7b1e] {
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.pendulo-posiciones[data-v-466e7b1e] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0.5rem;
}
.pos[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.pos-label[data-v-466e7b1e] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.pos-emoji[data-v-466e7b1e] {
  font-size: 1rem;
}
.pos-datos[data-v-466e7b1e] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.pos-izq[data-v-466e7b1e], .pos-der[data-v-466e7b1e] {
  transform: translateY(-15px);
}

/* Montaña visual */
.montana-diagrama[data-v-466e7b1e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.montana-svg[data-v-466e7b1e] {
  width: 100%;
  height: auto;
  max-height: 120px;
}

/* Explicación */
.app-explicacion[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.exp-item[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.exp-punto[data-v-466e7b1e] {
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.exp-punto.alta[data-v-466e7b1e] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.exp-punto.baja[data-v-466e7b1e] { background: rgba(252, 211, 77, 0.2); color: #FCD34D;
}
.exp-punto.inicio[data-v-466e7b1e] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.exp-punto.medio[data-v-466e7b1e] { background: rgba(252, 211, 77, 0.2); color: #FCD34D;
}
.exp-punto.final[data-v-466e7b1e] { background: rgba(110, 231, 183, 0.2); color: #6EE7B7;
}
.exp-texto[data-v-466e7b1e] {
  color: #E9D5FF;
}

/* Fórmula aplicada */
.formula-aplicada[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.fa-label[data-v-466e7b1e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.fa-formula[data-v-466e7b1e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.fa-simplificado[data-v-466e7b1e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.fa-nota[data-v-466e7b1e] {
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Condición box */
.condicion-box[data-v-466e7b1e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cond-header[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cond-icono[data-v-466e7b1e] {
  font-size: 1.25rem;
}
.cond-titulo[data-v-466e7b1e] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.cond-contenido p[data-v-466e7b1e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.condicion-principal[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.cp-formula[data-v-466e7b1e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.cp-texto[data-v-466e7b1e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cond-ejemplos[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.cond-ej[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.cond-ej.verde[data-v-466e7b1e] {
  background: rgba(16, 185, 129, 0.2);
}
.cond-ej.rojo[data-v-466e7b1e] {
  background: rgba(239, 68, 68, 0.2);
}
.cej-icono[data-v-466e7b1e] {
  font-weight: 700;
}
.cond-ej.verde .cej-icono[data-v-466e7b1e] { color: #6EE7B7;
}
.cond-ej.rojo .cej-icono[data-v-466e7b1e] { color: #FCA5A5;
}
.cej-texto[data-v-466e7b1e] {
  color: #E9D5FF;
}

/* Ejemplo box */
.ejemplo-box[data-v-466e7b1e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ej-header[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ej-icono[data-v-466e7b1e] {
  font-size: 1.25rem;
}
.ej-titulo[data-v-466e7b1e] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ej-problema[data-v-466e7b1e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ej-solucion[data-v-466e7b1e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-466e7b1e] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.paso-texto[data-v-466e7b1e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-466e7b1e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.25rem;
}
.res-label[data-v-466e7b1e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.res-valor[data-v-466e7b1e] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-466e7b1e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-466e7b1e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-466e7b1e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-466e7b1e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cond-ejemplos[data-v-466e7b1e] {
    flex-direction: row;
}
.cond-ej[data-v-466e7b1e] {
    flex: 1;
}
}

.explorador[data-v-ccd40a38] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ccd40a38] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ccd40a38] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ccd40a38] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ccd40a38] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ccd40a38] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ccd40a38] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ccd40a38] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ccd40a38] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ccd40a38] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador de péndulo ===== */
.simulador-pendulo[data-v-ccd40a38] {
  text-align: center;
}
.canvas-pendulo[data-v-ccd40a38] {
  position: relative;
  height: 140px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.pendulo-pivot[data-v-ccd40a38] {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: #C4B5FD;
  font-size: 0.75rem;
}
.pendulo-brazo[data-v-ccd40a38] {
  position: absolute;
  top: 15px;
  left: 50%;
  width: 2px;
  height: 80px;
  transform-origin: top center;
  transition: transform 0.15s ease;
}
.pendulo-cuerda-sim[data-v-ccd40a38] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 60px;
  background: #C4B5FD;
}
.pendulo-masa-sim[data-v-ccd40a38] {
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
}
.pendulo-suelo[data-v-ccd40a38] {
  position: absolute;
  bottom: 10px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #6EE7B7;
}
.altura-indicador[data-v-ccd40a38] {
  position: absolute;
  right: 10px;
  bottom: 12px;
  width: 20px;
  background: rgba(147, 197, 253, 0.4);
  border-radius: 2px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: height 0.15s ease;
}
.altura-valor[data-v-ccd40a38] {
  position: absolute;
  bottom: -18px;
  font-size: 0.6rem;
  color: #93C5FD;
  white-space: nowrap;
}

/* Barras de energía */
.barras-energia[data-v-ccd40a38] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.barra-container[data-v-ccd40a38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.barra-label[data-v-ccd40a38] {
  font-size: 0.75rem;
  font-weight: 600;
}
.ep-label[data-v-ccd40a38] { color: #93C5FD;
}
.ec-label[data-v-ccd40a38] { color: #FCD34D;
}
.em-label[data-v-ccd40a38] { color: #6EE7B7;
}
.barra-track[data-v-ccd40a38] {
  width: 30px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.barra-fill[data-v-ccd40a38] {
  width: 100%;
  border-radius: 2px;
  transition: height 0.15s ease;
}
.ep-fill[data-v-ccd40a38] { background: #93C5FD;
}
.ec-fill[data-v-ccd40a38] { background: #FCD34D;
}
.em-fill[data-v-ccd40a38] { background: #6EE7B7;
}
.barra-valor[data-v-ccd40a38] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.barra-container.total[data-v-ccd40a38] {
  border-left: 1px solid rgba(139, 92, 246, 0.3);
  padding-left: 1rem;
}
.controles-pendulo[data-v-ccd40a38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.control-label-d1[data-v-ccd40a38] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.slider-pendulo[data-v-ccd40a38] {
  width: 100%;
  max-width: 250px;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
  background: linear-gradient(to right, #FCA5A5, #8B5CF6, #6EE7B7);
}
.slider-pendulo[data-v-ccd40a38]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.posicion-texto[data-v-ccd40a38] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.objetivo-d1[data-v-ccd40a38] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.objetivo-d1 strong[data-v-ccd40a38] {
  color: #FCD34D;
}
.btn-continuar[data-v-ccd40a38] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
}

/* ===== DESAFÍO 2: Calcular velocidad ===== */
.calcular-container[data-v-ccd40a38] {
  text-align: center;
}
.problema-d2[data-v-ccd40a38] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-ccd40a38] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obj-emoji-d2[data-v-ccd40a38] {
  font-size: 3rem;
}
.datos-d2[data-v-ccd40a38] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.dato-visual[data-v-ccd40a38] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.dato-visual.altura[data-v-ccd40a38] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato-visual.altura2[data-v-ccd40a38] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.dato-visual.gravedad[data-v-ccd40a38] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.problema-texto-d2[data-v-ccd40a38] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-respuesta[data-v-ccd40a38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-ccd40a38] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calculo[data-v-ccd40a38] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-ccd40a38] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-ccd40a38] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-ccd40a38] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-ccd40a38] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-ccd40a38], .feedback-d3[data-v-ccd40a38] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-ccd40a38], .feedback-d3.correcto[data-v-ccd40a38] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-ccd40a38], .feedback-d3.incorrecto[data-v-ccd40a38] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.ayuda-d2[data-v-ccd40a38], .ayuda-d3[data-v-ccd40a38] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}
.contador-d2[data-v-ccd40a38], .contador-d3[data-v-ccd40a38] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Montaña rusa ===== */
.montana-container[data-v-ccd40a38] {
  text-align: center;
}
.escenario-d3[data-v-ccd40a38] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.montana-visual[data-v-ccd40a38] {
  margin-bottom: 0.5rem;
}
.montana-svg-d3[data-v-ccd40a38] {
  width: 100%;
  height: auto;
  max-height: 100px;
}
.pregunta-d3[data-v-ccd40a38] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pregunta-d3 strong[data-v-ccd40a38] {
  color: #FCD34D;
}
.opciones-d3[data-v-ccd40a38] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-ccd40a38] {
  flex: 1;
  max-width: 120px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.opcion-btn.si[data-v-ccd40a38] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.no[data-v-ccd40a38] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-btn.seleccionado[data-v-ccd40a38] {
  transform: scale(1.05);
}
.opcion-btn.si.seleccionado[data-v-ccd40a38] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-btn.no.seleccionado[data-v-ccd40a38] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opcion-btn.correcto[data-v-ccd40a38] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-ccd40a38] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-ccd40a38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ccd40a38] { font-size: 1.25rem;
}
.resultado-texto[data-v-ccd40a38] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ccd40a38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ccd40a38] { flex: 1;
}
.nav-btn[data-v-ccd40a38] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ccd40a38] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ccd40a38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ccd40a38] { font-size: 1.75rem;
}
.completado-texto[data-v-ccd40a38] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ccd40a38], .slide-leave-active[data-v-ccd40a38] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ccd40a38] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ccd40a38] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-e72219c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-emoji[data-v-e72219c8] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-e72219c8] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Principio box */
.principio-box[data-v-e72219c8] {
  text-align: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.principio-titulo[data-v-e72219c8] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.principio-formula[data-v-e72219c8] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.pf-main[data-v-e72219c8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.principio-condicion[data-v-e72219c8] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.principio-condicion strong[data-v-e72219c8] {
  color: #FFFFFF;
}

/* Fórmulas box */
.formulas-box[data-v-e72219c8] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-e72219c8] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-e72219c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.formula-item[data-v-e72219c8] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-item.destacado[data-v-e72219c8] {
  grid-column: span 2;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.fi-nombre[data-v-e72219c8] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.fi-formula[data-v-e72219c8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-item.destacado .fi-formula[data-v-e72219c8] {
  color: #FCD34D;
}

/* Casos box */
.casos-box[data-v-e72219c8] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.casos-titulo[data-v-e72219c8] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.casos-lista[data-v-e72219c8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-e72219c8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-icono[data-v-e72219c8] {
  font-size: 1.25rem;
}
.caso-info[data-v-e72219c8] {
  display: flex;
  flex-direction: column;
}
.caso-nombre[data-v-e72219c8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caso-formula[data-v-e72219c8] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}

/* Tips box */
.tips-box[data-v-e72219c8] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-e72219c8] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-e72219c8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-e72219c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-e72219c8] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e72219c8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Transformación resumen */
.transformacion-resumen[data-v-e72219c8] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.transf-titulo[data-v-e72219c8] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.transf-visual[data-v-e72219c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.transf-estado[data-v-e72219c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.te-icono[data-v-e72219c8] {
  font-size: 1.25rem;
}
.te-label[data-v-e72219c8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.te-barras[data-v-e72219c8] {
  display: flex;
  width: 60px;
  height: 30px;
  border-radius: 0.25rem;
  overflow: hidden;
}
.te-ep[data-v-e72219c8] {
  background: #93C5FD;
}
.te-ec[data-v-e72219c8] {
  background: #FCD34D;
}
.transf-flecha[data-v-e72219c8] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.transf-leyenda[data-v-e72219c8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
}
.leg-ep[data-v-e72219c8] { color: #93C5FD;
}
.leg-ec[data-v-e72219c8] { color: #FCD34D;
}
.leg-total[data-v-e72219c8] { color: #6EE7B7; font-weight: 600;
}

/* Final box */
.final-box[data-v-e72219c8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-emoji[data-v-e72219c8] {
  font-size: 2rem;
}
.final-texto[data-v-e72219c8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.final-texto strong[data-v-e72219c8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-e72219c8] {
    grid-template-columns: repeat(2, 1fr);
}
.casos-lista[data-v-e72219c8] {
    flex-direction: row;
    flex-wrap: wrap;
}
.caso-item[data-v-e72219c8] {
    flex: 1;
    min-width: 140px;
}
}

/* Intro visual */
.intro-visual[data-v-1d916ddf] {
  margin: 1rem 0 1.5rem;
}
.escena-cinetica[data-v-1d916ddf] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  min-height: 100px;
  overflow: hidden;
}
.objeto-movimiento[data-v-1d916ddf] {
  font-size: 3rem;
  z-index: 2;
  transition: transform 3s ease-in-out;
}
.objeto-movimiento.moviendo[data-v-1d916ddf] {
  animation: mover-objeto-1d916ddf 3.5s ease-in-out infinite;
}
@keyframes mover-objeto-1d916ddf {
0% { transform: translateX(-60px);
}
50% { transform: translateX(60px);
}
100% { transform: translateX(-60px);
}
}
.estela-movimiento[data-v-1d916ddf] {
  position: absolute;
  left: 20%;
  right: 20%;
  height: 4px;
  background: linear-gradient(to right, transparent, #FCD34D, transparent);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.estela-movimiento.activa[data-v-1d916ddf] {
  opacity: 0.6;
  animation: pulso-estela-1d916ddf 1.5s ease-in-out infinite;
}
@keyframes pulso-estela-1d916ddf {
0%, 100% { opacity: 0.3;
}
50% { opacity: 0.7;
}
}
.frase-clave[data-v-1d916ddf] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.energia[data-v-1d916ddf] { color: #FCD34D;
}
strong.velocidad[data-v-1d916ddf] { color: #93C5FD;
}
strong.masa[data-v-1d916ddf] { color: #FCA5A5;
}
strong.positivo[data-v-1d916ddf] { color: #6EE7B7;
}

/* Características box */
.caracteristicas-box[data-v-1d916ddf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.caract-header[data-v-1d916ddf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.caract-icono[data-v-1d916ddf] {
  font-size: 1.25rem;
}
.caract-titulo[data-v-1d916ddf] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.caracteristicas-lista[data-v-1d916ddf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-1d916ddf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caract-num[data-v-1d916ddf] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.caract-texto[data-v-1d916ddf] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-1d916ddf] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1d916ddf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1d916ddf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1d916ddf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-1d916ddf] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-1d916ddf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-valor[data-v-1d916ddf] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.ej-valor.velocidad[data-v-1d916ddf] { color: #93C5FD;
}
.ej-valor.baja[data-v-1d916ddf] { color: #E9D5FF;
}
.ej-valor.cero[data-v-1d916ddf] { color: #FCA5A5;
}

/* Comparación box */
.comparacion-box[data-v-1d916ddf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.comp-header[data-v-1d916ddf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-1d916ddf] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-1d916ddf] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.comp-contenido p[data-v-1d916ddf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.comp-ejemplos[data-v-1d916ddf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-ejemplo[data-v-1d916ddf] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.comp-ejemplo.destacado[data-v-1d916ddf] {
  background: rgba(147, 197, 253, 0.2);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.comp-caso[data-v-1d916ddf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.comp-resultado[data-v-1d916ddf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-ejemplo.destacado .comp-resultado[data-v-1d916ddf] {
  color: #93C5FD;
}

/* Unidad box */
.unidad-box[data-v-1d916ddf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidad-header[data-v-1d916ddf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-icono[data-v-1d916ddf] {
  font-size: 1.25rem;
}
.unidad-titulo[data-v-1d916ddf] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidad-contenido[data-v-1d916ddf] {
  text-align: center;
}
.unidad-formula[data-v-1d916ddf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-nombre[data-v-1d916ddf] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-igual[data-v-1d916ddf] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-definicion[data-v-1d916ddf] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-texto[data-v-1d916ddf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Tip */
.tip[data-v-1d916ddf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1d916ddf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1d916ddf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1d916ddf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-cinetica[data-v-1d916ddf] {
    padding: 2.5rem;
}
.objeto-emoji[data-v-1d916ddf] {
    font-size: 4rem;
}
.frase-clave[data-v-1d916ddf] {
    font-size: 0.95rem;
}
.ejemplos-grid[data-v-1d916ddf] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-8d5463e2] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-8d5463e2] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #FCD34D;
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
}
.formula-titulo[data-v-8d5463e2] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.formula-grande[data-v-8d5463e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-ec[data-v-8d5463e2] {
  color: #FCD34D;
}
.formula-igual[data-v-8d5463e2] {
  color: #E9D5FF;
}
.formula-fraccion[data-v-8d5463e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
}
.numerador[data-v-8d5463e2] {
  border-bottom: 2px solid #E9D5FF;
  padding-bottom: 2px;
  color: #E9D5FF;
}
.denominador[data-v-8d5463e2] {
  padding-top: 2px;
  color: #E9D5FF;
}
.formula-m[data-v-8d5463e2] {
  color: #FCA5A5;
}
.formula-v[data-v-8d5463e2] {
  color: #93C5FD;
}

/* Variables section */
.variables-section[data-v-8d5463e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.variable-item[data-v-8d5463e2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-8d5463e2] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 0.4rem;
  flex-shrink: 0;
}
.var-simbolo.ec[data-v-8d5463e2] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
  border: 1px solid rgba(252, 211, 77, 0.4);
}
.var-simbolo.masa[data-v-8d5463e2] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.var-simbolo.velocidad[data-v-8d5463e2] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.var-info[data-v-8d5463e2] {
  flex: 1;
}
.var-nombre[data-v-8d5463e2] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.var-unidad[data-v-8d5463e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-8d5463e2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-8d5463e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-8d5463e2] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-8d5463e2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-8d5463e2] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema p[data-v-8d5463e2] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.masa[data-v-8d5463e2] { color: #FCA5A5;
}
strong.velocidad[data-v-8d5463e2] { color: #93C5FD;
}
.ejemplo-solucion[data-v-8d5463e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-8d5463e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.paso-solucion.resultado[data-v-8d5463e2] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-8d5463e2] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-solucion.resultado .paso-num[data-v-8d5463e2] {
  background: #10B981;
}
.paso-contenido[data-v-8d5463e2] {
  flex: 1;
}
.paso-titulo[data-v-8d5463e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-datos[data-v-8d5463e2] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.dato[data-v-8d5463e2] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.dato.masa[data-v-8d5463e2] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato.velocidad[data-v-8d5463e2] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.paso-formula[data-v-8d5463e2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-resultado[data-v-8d5463e2] {
  font-size: 1rem;
  color: #6EE7B7;
}
.paso-resultado strong[data-v-8d5463e2] {
  color: #6EE7B7;
}

/* Conversión box */
.conversion-box[data-v-8d5463e2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.conv-header[data-v-8d5463e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.conv-icono[data-v-8d5463e2] {
  font-size: 1.25rem;
}
.conv-titulo[data-v-8d5463e2] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.conv-contenido p[data-v-8d5463e2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.conv-tabla[data-v-8d5463e2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.conv-row[data-v-8d5463e2] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.conv-magnitud[data-v-8d5463e2] {
  color: #C4B5FD;
  min-width: 70px;
}
.conv-valor[data-v-8d5463e2] {
  color: #E9D5FF;
}
.conv-valor strong[data-v-8d5463e2] {
  color: #FCA5A5;
}
.conv-tip[data-v-8d5463e2] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.conv-tip strong[data-v-8d5463e2] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-8d5463e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8d5463e2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8d5463e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8d5463e2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-8d5463e2] {
    font-size: 2.25rem;
    gap: 0.75rem;
}
.formula-fraccion[data-v-8d5463e2] {
    font-size: 1.5rem;
}
.variables-section[data-v-8d5463e2] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.variable-item[data-v-8d5463e2] {
    flex: 1;
    max-width: 180px;
}
}

/* Teorema box */
.teorema-box[data-v-21191bb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.teorema-header[data-v-21191bb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.teorema-icono[data-v-21191bb5] {
  font-size: 1.25rem;
}
.teorema-titulo[data-v-21191bb5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.formula-teorema[data-v-21191bb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.formula-w[data-v-21191bb5] {
  color: #FCA5A5;
}
.formula-igual[data-v-21191bb5] {
  color: #E9D5FF;
}
.formula-delta[data-v-21191bb5] {
  color: #FCD34D;
}
.formula-ec[data-v-21191bb5] {
  color: #FCD34D;
  font-size: 1rem;
}
.formula-menos[data-v-21191bb5] {
  color: #E9D5FF;
}
.formula-expandida[data-v-21191bb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  font-size: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-fraccion[data-v-21191bb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
  line-height: 1;
}
.numerador[data-v-21191bb5] {
  border-bottom: 2px solid #E9D5FF;
  padding-bottom: 2px;
  color: #E9D5FF;
}
.denominador[data-v-21191bb5] {
  padding-top: 2px;
  color: #E9D5FF;
}
.formula-m[data-v-21191bb5] {
  color: #FCA5A5;
}
.formula-v[data-v-21191bb5] {
  color: #93C5FD;
}

/* Significado section */
.significado-section[data-v-21191bb5] {
  margin: 1.5rem 0;
}
.significado-titulo[data-v-21191bb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.significado-casos[data-v-21191bb5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.significado-casos[data-v-21191bb5] {
    grid-template-columns: 1fr;
}
}
.caso[data-v-21191bb5] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.caso.positivo[data-v-21191bb5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.caso.negativo[data-v-21191bb5] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.caso-header[data-v-21191bb5] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.caso-signo[data-v-21191bb5] {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.positivo .caso-signo[data-v-21191bb5] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.negativo .caso-signo[data-v-21191bb5] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.caso-nombre[data-v-21191bb5] {
  font-size: 0.8rem;
  font-weight: 600;
}
.positivo .caso-nombre[data-v-21191bb5] { color: #6EE7B7;
}
.negativo .caso-nombre[data-v-21191bb5] { color: #FCA5A5;
}
.caso-descripcion[data-v-21191bb5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.caso-resultado[data-v-21191bb5] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-ejemplo[data-v-21191bb5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-21191bb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-21191bb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-21191bb5] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-21191bb5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-21191bb5] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema p[data-v-21191bb5] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.masa[data-v-21191bb5] { color: #FCA5A5;
}
strong.velocidad[data-v-21191bb5] { color: #93C5FD;
}
strong.negativo[data-v-21191bb5] { color: #FCA5A5;
}
.ejemplo-solucion[data-v-21191bb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-21191bb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.paso-solucion.resultado[data-v-21191bb5] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-21191bb5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-solucion.resultado .paso-num[data-v-21191bb5] {
  background: #10B981;
}
.paso-contenido[data-v-21191bb5] {
  flex: 1;
}
.paso-titulo[data-v-21191bb5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-21191bb5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-resultado[data-v-21191bb5] {
  font-size: 1rem;
  margin-top: 0.25rem;
}
.paso-interpretacion[data-v-21191bb5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  font-style: italic;
}

/* Aplicaciones box */
.aplicaciones-box[data-v-21191bb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.app-header[data-v-21191bb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-icono[data-v-21191bb5] {
  font-size: 1.25rem;
}
.app-titulo[data-v-21191bb5] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.app-lista[data-v-21191bb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-item[data-v-21191bb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.app-emoji[data-v-21191bb5] {
  font-size: 1.5rem;
}
.app-info[data-v-21191bb5] {
  flex: 1;
}
.app-nombre[data-v-21191bb5] {
  display: block;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.app-desc[data-v-21191bb5] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-21191bb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-21191bb5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-21191bb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-21191bb5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-teorema[data-v-21191bb5] {
    font-size: 1.5rem;
}
.formula-expandida[data-v-21191bb5] {
    font-size: 1.2rem;
    gap: 0.5rem;
}
.formula-fraccion[data-v-21191bb5] {
    font-size: 1rem;
}
}

.explorador[data-v-e4613966] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e4613966] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e4613966] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e4613966] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e4613966] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e4613966] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e4613966] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e4613966] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e4613966] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e4613966] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-ec[data-v-e4613966] {
  text-align: center;
}
.canvas-ec[data-v-e4613966] {
  position: relative;
  height: 100px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.pista-ec[data-v-e4613966] {
  position: absolute;
  bottom: 10px;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #C4B5FD, #8B5CF6);
  border-radius: 2px;
}
.objeto-ec[data-v-e4613966] {
  position: absolute;
  bottom: 20px;
  font-size: 2rem;
  transition: left 0.5s ease, transform 0.3s ease;
}
.velocimetro-visual[data-v-e4613966] {
  position: absolute;
  top: 10px;
  left: 10%;
  right: 10%;
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  overflow: hidden;
}
.velocimetro-barra[data-v-e4613966] {
  height: 100%;
  background: linear-gradient(to right, #93C5FD, #3B82F6);
  transition: width 0.3s ease;
  border-radius: 10px;
}
.velocimetro-texto[data-v-e4613966] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.resultado-ec[data-v-e4613966] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-live[data-v-e4613966] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.ec-valor[data-v-e4613966] {
  font-size: 1.5rem;
  font-weight: 700;
  transition: color 0.3s ease;
}
.ec-valor.alta[data-v-e4613966] { color: #FCA5A5;
}
.ec-valor.media[data-v-e4613966] { color: #FCD34D;
}
.ec-valor.baja[data-v-e4613966] { color: #6EE7B7;
}
.controles-sim[data-v-e4613966] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-e4613966] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-e4613966] {
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 80px;
  text-align: right;
}
.control-label.masa[data-v-e4613966] { color: #FCA5A5;
}
.control-label.velocidad[data-v-e4613966] { color: #93C5FD;
}
.slider[data-v-e4613966] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.masa[data-v-e4613966] { background: rgba(252, 165, 165, 0.3);
}
.slider.velocidad[data-v-e4613966] { background: rgba(147, 197, 253, 0.3);
}
.slider[data-v-e4613966]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.masa[data-v-e4613966]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.velocidad[data-v-e4613966]::-webkit-slider-thumb { background: #93C5FD;
}
.slider[data-v-e4613966]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.masa[data-v-e4613966]::-moz-range-thumb { background: #FCA5A5;
}
.slider.velocidad[data-v-e4613966]::-moz-range-thumb { background: #93C5FD;
}
.control-valor[data-v-e4613966] {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 50px;
  text-align: left;
}
.control-valor.masa[data-v-e4613966] { color: #FCA5A5;
}
.control-valor.velocidad[data-v-e4613966] { color: #93C5FD;
}
.objetivo-d1[data-v-e4613966] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-e4613966] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-e4613966] {
  text-align: center;
}
.problema-d2[data-v-e4613966] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-e4613966] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obj-emoji-d2[data-v-e4613966] {
  font-size: 3rem;
}
.datos-d2[data-v-e4613966] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.dato-visual[data-v-e4613966] {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
}
.dato-visual.masa[data-v-e4613966] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-visual.velocidad[data-v-e4613966] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.pregunta-d2[data-v-e4613966] {
  font-size: 1rem;
  color: #E9D5FF;
}
strong.energia[data-v-e4613966] { color: #FCD34D;
}
strong.trabajo[data-v-e4613966] { color: #FCA5A5;
}
.input-respuesta[data-v-e4613966] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-e4613966] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.btn-signo[data-v-e4613966] {
  width: 36px;
  height: 36px;
  font-size: 1.2rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-e4613966] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.input-calculo[data-v-e4613966] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-e4613966] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-e4613966] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-e4613966] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-e4613966] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-e4613966], .feedback-d3[data-v-e4613966] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-e4613966], .feedback-d3.correcto[data-v-e4613966] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-e4613966], .feedback-d3.incorrecto[data-v-e4613966] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-d2[data-v-e4613966], .contador-d3[data-v-e4613966] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Teorema ===== */
.teorema-container[data-v-e4613966] {
  text-align: center;
}
.escenario-d3[data-v-e4613966] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-emoji[data-v-e4613966] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.escenario-texto[data-v-e4613966] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.escenario-datos[data-v-e4613966] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.dato-d3[data-v-e4613966] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.dato-d3.masa[data-v-e4613966] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-d3.velocidad[data-v-e4613966] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.pregunta-d3[data-v-e4613966] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ayuda-d3[data-v-e4613966] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-e4613966] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e4613966] { font-size: 1.25rem;
}
.resultado-texto[data-v-e4613966] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e4613966] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e4613966] { flex: 1;
}
.nav-btn[data-v-e4613966] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e4613966] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e4613966] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e4613966] { font-size: 1.75rem;
}
.completado-texto[data-v-e4613966] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e4613966], .slide-leave-active[data-v-e4613966] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e4613966] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e4613966] { opacity: 0; transform: translateX(-15px);
}

/* Fórmula resumen */
.formula-resumen[data-v-476e01bf] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-476e01bf] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #FCD34D;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
}
.formula-grande[data-v-476e01bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-ec[data-v-476e01bf] {
  color: #FCD34D;
}
.formula-igual[data-v-476e01bf] {
  color: #E9D5FF;
}
.formula-fraccion[data-v-476e01bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
}
.numerador[data-v-476e01bf] {
  border-bottom: 2px solid #E9D5FF;
  padding-bottom: 2px;
  color: #E9D5FF;
}
.denominador[data-v-476e01bf] {
  padding-top: 2px;
  color: #E9D5FF;
}
.formula-m[data-v-476e01bf] {
  color: #FCA5A5;
}
.formula-v[data-v-476e01bf] {
  color: #93C5FD;
}

/* Puntos clave */
.puntos-clave[data-v-476e01bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.punto-header[data-v-476e01bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.punto-icono[data-v-476e01bf] {
  font-size: 1.25rem;
}
.punto-titulo[data-v-476e01bf] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.puntos-lista[data-v-476e01bf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-476e01bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-num[data-v-476e01bf] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-476e01bf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.punto-texto[data-v-476e01bf] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.punto-texto strong[data-v-476e01bf] {
  color: #FCD34D;
}
strong.positivo[data-v-476e01bf] {
  color: #6EE7B7;
}
.punto-ejemplo[data-v-476e01bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Errores comunes */
.errores-box[data-v-476e01bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.error-header[data-v-476e01bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.error-icono[data-v-476e01bf] {
  font-size: 1.25rem;
}
.error-titulo[data-v-476e01bf] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.errores-lista[data-v-476e01bf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 400px) {
.errores-lista[data-v-476e01bf] {
    grid-template-columns: 1fr;
}
}
.error-item[data-v-476e01bf] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.error-mal[data-v-476e01bf] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-476e01bf] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Conversión rápida */
.conversion-rapida[data-v-476e01bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.conv-header[data-v-476e01bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.conv-icono[data-v-476e01bf] {
  font-size: 1.25rem;
}
.conv-titulo[data-v-476e01bf] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.conv-contenido[data-v-476e01bf] {
  text-align: center;
}
.conv-formula[data-v-476e01bf] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.conv-formula strong[data-v-476e01bf] {
  color: #93C5FD;
}
.conv-ejemplos[data-v-476e01bf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.conv-ej[data-v-476e01bf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Fórmulas relacionadas */
.formulas-relacionadas[data-v-476e01bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.rel-header[data-v-476e01bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rel-icono[data-v-476e01bf] {
  font-size: 1.25rem;
}
.rel-titulo[data-v-476e01bf] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.formulas-grid[data-v-476e01bf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 480px) {
.formulas-grid[data-v-476e01bf] {
    grid-template-columns: 1fr;
}
}
.formula-rel[data-v-476e01bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-476e01bf] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-476e01bf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Tip final */
.tip-final[data-v-476e01bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #6EE7B7;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-final .tip-icono[data-v-476e01bf] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-476e01bf] {
  flex: 1;
}
.tip-titulo[data-v-476e01bf] {
  display: block;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-476e01bf] {
  display: block;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-476e01bf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-476e01bf] {
    font-size: 2.25rem;
    gap: 0.75rem;
}
.formula-fraccion[data-v-476e01bf] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-6b1ae154] {
  margin: 1rem 0 1.5rem;
}
.escena-potencial[data-v-6b1ae154] {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.1), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  min-height: 120px;
  overflow: hidden;
}
.montaña[data-v-6b1ae154] {
  position: relative;
  width: 120px;
  height: 80px;
  background: linear-gradient(135deg, #6B7280, #4B5563);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.objeto-altura[data-v-6b1ae154] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  z-index: 2;
  transition: top 2s ease-in;
}
.objeto-altura.cayendo[data-v-6b1ae154] {
  animation: caer-objeto-6b1ae154 3.5s ease-in-out infinite;
}
@keyframes caer-objeto-6b1ae154 {
0%, 10% { top: -20px;
}
40%, 60% { top: 50px;
}
90%, 100% { top: -20px;
}
}
.nivel-suelo[data-v-6b1ae154] {
  position: absolute;
  bottom: -10px;
  left: -30px;
  right: -30px;
  height: 3px;
  background: #6EE7B7;
  border-radius: 1.5px;
}
.nivel-suelo[data-v-6b1ae154]::before {
  content: 'h = 0';
  position: absolute;
  right: -40px;
  top: -8px;
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}
.indicador-altura[data-v-6b1ae154] {
  position: absolute;
  left: -25px;
  top: 10px;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flecha-h[data-v-6b1ae154] {
  color: #93C5FD;
  font-size: 1.2rem;
}
.valor-h[data-v-6b1ae154] {
  color: #93C5FD;
  font-size: 0.8rem;
  font-weight: 700;
}
.frase-clave[data-v-6b1ae154] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.energia[data-v-6b1ae154] { color: #FCD34D;
}
strong.altura[data-v-6b1ae154] { color: #93C5FD;
}
strong.masa[data-v-6b1ae154] { color: #FCA5A5;
}
strong.gravedad[data-v-6b1ae154] { color: #6EE7B7;
}

/* Características box */
.caracteristicas-box[data-v-6b1ae154] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.caract-header[data-v-6b1ae154] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.caract-icono[data-v-6b1ae154] {
  font-size: 1.25rem;
}
.caract-titulo[data-v-6b1ae154] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.caracteristicas-lista[data-v-6b1ae154] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-6b1ae154] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caract-num[data-v-6b1ae154] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.caract-texto[data-v-6b1ae154] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-6b1ae154] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-6b1ae154] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-6b1ae154] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-6b1ae154] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-6b1ae154] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-6b1ae154] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-valor[data-v-6b1ae154] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.ej-valor.altura[data-v-6b1ae154] { color: #93C5FD;
}
.ej-valor.cero[data-v-6b1ae154] { color: #C4B5FD;
}

/* Referencia box */
.referencia-box[data-v-6b1ae154] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.ref-header[data-v-6b1ae154] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ref-icono[data-v-6b1ae154] {
  font-size: 1.25rem;
}
.ref-titulo[data-v-6b1ae154] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.ref-contenido p[data-v-6b1ae154] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.ref-ejemplos[data-v-6b1ae154] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.ref-ejemplo[data-v-6b1ae154] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ref-caso[data-v-6b1ae154] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ref-nota[data-v-6b1ae154] {
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.15);
  border-radius: 0.4rem;
  margin: 0 !important;
}

/* Unidad box */
.unidad-box[data-v-6b1ae154] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidad-header[data-v-6b1ae154] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-icono[data-v-6b1ae154] {
  font-size: 1.25rem;
}
.unidad-titulo[data-v-6b1ae154] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidad-contenido[data-v-6b1ae154] {
  text-align: center;
}
.unidad-formula[data-v-6b1ae154] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-nombre[data-v-6b1ae154] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-igual[data-v-6b1ae154] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-definicion[data-v-6b1ae154] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-texto[data-v-6b1ae154] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Tip */
.tip[data-v-6b1ae154] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6b1ae154] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6b1ae154] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6b1ae154] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-potencial[data-v-6b1ae154] {
    padding: 2rem;
    min-height: 140px;
}
.montaña[data-v-6b1ae154] {
    width: 160px;
    height: 100px;
}
.objeto-altura[data-v-6b1ae154] {
    font-size: 2rem;
}
.frase-clave[data-v-6b1ae154] {
    font-size: 0.95rem;
}
.ejemplos-grid[data-v-6b1ae154] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-6e6c696a] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-6e6c696a] {
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #93C5FD;
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
}
.formula-titulo[data-v-6e6c696a] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.formula-grande[data-v-6e6c696a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-ep[data-v-6e6c696a] {
  color: #93C5FD;
}
.formula-igual[data-v-6e6c696a] {
  color: #E9D5FF;
}
.formula-simbolo[data-v-6e6c696a] {
  color: #E9D5FF;
  font-size: 1.25rem;
}
.formula-m[data-v-6e6c696a] {
  color: #FCA5A5;
}
.formula-g[data-v-6e6c696a] {
  color: #6EE7B7;
}
.formula-h[data-v-6e6c696a] {
  color: #93C5FD;
}

/* Variables section */
.variables-section[data-v-6e6c696a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.variable-item[data-v-6e6c696a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-6e6c696a] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.4rem;
  flex-shrink: 0;
}
.var-simbolo.ep[data-v-6e6c696a] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.var-simbolo.masa[data-v-6e6c696a] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.var-simbolo.gravedad[data-v-6e6c696a] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.var-simbolo.altura[data-v-6e6c696a] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.var-info[data-v-6e6c696a] {
  flex: 1;
  min-width: 0;
}
.var-nombre[data-v-6e6c696a] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.var-unidad[data-v-6e6c696a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-6e6c696a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-6e6c696a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-6e6c696a] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-6e6c696a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-6e6c696a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema p[data-v-6e6c696a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.masa[data-v-6e6c696a] { color: #FCA5A5;
}
strong.altura[data-v-6e6c696a] { color: #93C5FD;
}
.ejemplo-solucion[data-v-6e6c696a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-6e6c696a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.paso-solucion.resultado[data-v-6e6c696a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-6e6c696a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-solucion.resultado .paso-num[data-v-6e6c696a] {
  background: #10B981;
}
.paso-contenido[data-v-6e6c696a] {
  flex: 1;
}
.paso-titulo[data-v-6e6c696a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-datos[data-v-6e6c696a] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.dato[data-v-6e6c696a] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.dato.masa[data-v-6e6c696a] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato.gravedad[data-v-6e6c696a] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.dato.altura[data-v-6e6c696a] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.paso-formula[data-v-6e6c696a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-resultado[data-v-6e6c696a] {
  font-size: 1rem;
  color: #6EE7B7;
}
.paso-resultado strong[data-v-6e6c696a] {
  color: #6EE7B7;
}

/* Comparación box */
.comparacion-box[data-v-6e6c696a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-header[data-v-6e6c696a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-6e6c696a] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-6e6c696a] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.comp-tabla[data-v-6e6c696a] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.comp-row[data-v-6e6c696a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.4rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.comp-row.header[data-v-6e6c696a] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-col[data-v-6e6c696a] {
  font-size: 0.8rem;
  text-align: center;
}
.comp-col.label[data-v-6e6c696a] {
  text-align: left;
  color: #C4B5FD;
}
.comp-col.energia-p[data-v-6e6c696a] {
  color: #93C5FD;
  font-weight: 600;
}
.comp-col.energia-c[data-v-6e6c696a] {
  color: #FCD34D;
  font-weight: 600;
}

/* Gravedad box */
.gravedad-box[data-v-6e6c696a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
  border-radius: 0.75rem;
}
.grav-header[data-v-6e6c696a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.grav-icono[data-v-6e6c696a] {
  font-size: 1.25rem;
}
.grav-titulo[data-v-6e6c696a] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.grav-contenido[data-v-6e6c696a] {
  text-align: center;
}
.grav-valor[data-v-6e6c696a] {
  margin-bottom: 0.5rem;
}
.grav-numero[data-v-6e6c696a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.grav-nota[data-v-6e6c696a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-6e6c696a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6e6c696a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e6c696a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e6c696a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-6e6c696a] {
    font-size: 2.25rem;
    gap: 0.6rem;
}
.variables-section[data-v-6e6c696a] {
    grid-template-columns: repeat(4, 1fr);
}
.variable-item[data-v-6e6c696a] {
    flex-direction: column;
    text-align: center;
}
.var-simbolo[data-v-6e6c696a] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}
}

/* Concepto principal */
.concepto-principal[data-v-a5ccb7aa] {
  margin: 1rem 0 1.5rem;
}
.concepto-box[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #6EE7B7;
  border-radius: 0.75rem;
}
.concepto-icono[data-v-a5ccb7aa] {
  font-size: 2rem;
  flex-shrink: 0;
}
.concepto-texto[data-v-a5ccb7aa] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.5;
}
strong.positivo[data-v-a5ccb7aa] {
  color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-a5ccb7aa] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #FCD34D;
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-a5ccb7aa] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.formula-grande[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.formula-em[data-v-a5ccb7aa] { color: #FCD34D;
}
.formula-igual[data-v-a5ccb7aa], .formula-mas[data-v-a5ccb7aa] { color: #E9D5FF;
}
.formula-ec[data-v-a5ccb7aa] { color: #FCD34D;
}
.formula-ep[data-v-a5ccb7aa] { color: #93C5FD;
}
.formula-expandida[data-v-a5ccb7aa] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}

/* Transformación section */
.transformacion-section[data-v-a5ccb7aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.trans-titulo[data-v-a5ccb7aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  text-align: center;
}
.caida-visual[data-v-a5ccb7aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.posicion[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.posicion.arriba[data-v-a5ccb7aa] {
  border-left: 3px solid #93C5FD;
}
.posicion.abajo[data-v-a5ccb7aa] {
  border-left: 3px solid #FCD34D;
}
.pos-emoji[data-v-a5ccb7aa] {
  font-size: 1.5rem;
}
.pos-info[data-v-a5ccb7aa] {
  flex: 1;
}
.pos-label[data-v-a5ccb7aa] {
  display: block;
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.energias[data-v-a5ccb7aa] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.energia[data-v-a5ccb7aa] {
  font-size: 0.75rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.energia.ep[data-v-a5ccb7aa] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.energia.ec[data-v-a5ccb7aa] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.flecha-transformacion[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.flecha-linea[data-v-a5ccb7aa] {
  width: 30px;
  height: 2px;
  background: #8B5CF6;
  position: relative;
}
.flecha-linea[data-v-a5ccb7aa]::after {
  content: '↓';
  position: absolute;
  right: -8px;
  top: -10px;
  color: #8B5CF6;
}
.flecha-texto[data-v-a5ccb7aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.trans-nota[data-v-a5ccb7aa] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
strong.ep-color[data-v-a5ccb7aa] { color: #93C5FD;
}
strong.ec-color[data-v-a5ccb7aa] { color: #FCD34D;
}

/* Conservación box */
.conservacion-box[data-v-a5ccb7aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(110, 231, 183, 0.1);
  border: 2px solid rgba(110, 231, 183, 0.4);
  border-radius: 0.75rem;
}
.cons-header[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cons-icono[data-v-a5ccb7aa] {
  font-size: 1.25rem;
}
.cons-titulo[data-v-a5ccb7aa] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.cons-formula[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.cons-lado[data-v-a5ccb7aa] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.cons-label[data-v-a5ccb7aa] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.cons-expr[data-v-a5ccb7aa] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cons-igual[data-v-a5ccb7aa] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.cons-expandida[data-v-a5ccb7aa] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}

/* Ejemplo */
.ejemplo-section[data-v-a5ccb7aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-a5ccb7aa] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-a5ccb7aa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-a5ccb7aa] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema p[data-v-a5ccb7aa] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.altura[data-v-a5ccb7aa] { color: #93C5FD;
}
.ejemplo-solucion[data-v-a5ccb7aa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso-sol[data-v-a5ccb7aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.paso-sol.resultado[data-v-a5ccb7aa] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-a5ccb7aa] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.paso-sol.resultado .paso-num[data-v-a5ccb7aa] {
  background: #10B981;
}
.paso-cont[data-v-a5ccb7aa] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-tit[data-v-a5ccb7aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-calc[data-v-a5ccb7aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.resultado-final[data-v-a5ccb7aa] {
  color: #6EE7B7;
}
.resultado-final strong[data-v-a5ccb7aa] {
  color: #6EE7B7;
}
.ejemplo-nota[data-v-a5ccb7aa] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.3rem;
}

/* Casos box */
.casos-box[data-v-a5ccb7aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.casos-header[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.casos-icono[data-v-a5ccb7aa] {
  font-size: 1.25rem;
}
.casos-titulo[data-v-a5ccb7aa] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.casos-lista[data-v-a5ccb7aa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.caso-item[data-v-a5ccb7aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.caso-mal[data-v-a5ccb7aa] {
  color: #FCA5A5;
  font-weight: 700;
}
.caso-texto[data-v-a5ccb7aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-texto strong[data-v-a5ccb7aa] {
  color: #FCA5A5;
}
.casos-nota[data-v-a5ccb7aa] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}

/* Tip */
.tip[data-v-a5ccb7aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a5ccb7aa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a5ccb7aa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a5ccb7aa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-a5ccb7aa] {
    font-size: 2rem;
    gap: 0.6rem;
}
.caida-visual[data-v-a5ccb7aa] {
    flex-direction: row;
    align-items: stretch;
}
.posicion[data-v-a5ccb7aa] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.posicion.arriba[data-v-a5ccb7aa] {
    border-left: none;
    border-top: 3px solid #93C5FD;
}
.posicion.abajo[data-v-a5ccb7aa] {
    border-left: none;
    border-top: 3px solid #FCD34D;
}
.flecha-transformacion[data-v-a5ccb7aa] {
    flex-direction: column;
    padding: 0 0.5rem;
}
.flecha-linea[data-v-a5ccb7aa] {
    width: 2px;
    height: 30px;
}
.flecha-linea[data-v-a5ccb7aa]::after {
    content: '→';
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}
}

.explorador[data-v-d8a55f00] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d8a55f00] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d8a55f00] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d8a55f00] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d8a55f00] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d8a55f00] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d8a55f00] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d8a55f00] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d8a55f00] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d8a55f00] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-ep[data-v-d8a55f00] {
  text-align: center;
}
.canvas-ep[data-v-d8a55f00] {
  position: relative;
  height: 140px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.1), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
  display: flex;
}
.escala-altura[data-v-d8a55f00] {
  position: relative;
  width: 35px;
  border-right: 1px solid rgba(147, 197, 253, 0.3);
}
.escala-marca[data-v-d8a55f00] {
  position: absolute;
  left: 0;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.escala-valor[data-v-d8a55f00] {
  font-size: 0.6rem;
  color: #93C5FD;
}
.montaña-sim[data-v-d8a55f00] {
  flex: 1;
  position: relative;
}
.suelo-sim[data-v-d8a55f00] {
  position: absolute;
  bottom: 5%;
  left: 10%;
  right: 10%;
  height: 3px;
  background: #6EE7B7;
  border-radius: 1.5px;
}
.objeto-sim[data-v-d8a55f00] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.75rem;
  transition: bottom 0.5s ease;
}
.resultado-ep[data-v-d8a55f00] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-live[data-v-d8a55f00] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.ep-valor[data-v-d8a55f00] {
  font-size: 1.5rem;
  font-weight: 700;
  transition: color 0.3s ease;
}
.ep-valor.alta[data-v-d8a55f00] { color: #FCA5A5;
}
.ep-valor.media[data-v-d8a55f00] { color: #FCD34D;
}
.ep-valor.baja[data-v-d8a55f00] { color: #6EE7B7;
}
.controles-sim[data-v-d8a55f00] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-d8a55f00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-d8a55f00] {
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 70px;
  text-align: right;
}
.control-label.masa[data-v-d8a55f00] { color: #FCA5A5;
}
.control-label.altura[data-v-d8a55f00] { color: #93C5FD;
}
.slider[data-v-d8a55f00] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.masa[data-v-d8a55f00] { background: rgba(252, 165, 165, 0.3);
}
.slider.altura[data-v-d8a55f00] { background: rgba(147, 197, 253, 0.3);
}
.slider[data-v-d8a55f00]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.masa[data-v-d8a55f00]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.altura[data-v-d8a55f00]::-webkit-slider-thumb { background: #93C5FD;
}
.slider[data-v-d8a55f00]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.masa[data-v-d8a55f00]::-moz-range-thumb { background: #FCA5A5;
}
.slider.altura[data-v-d8a55f00]::-moz-range-thumb { background: #93C5FD;
}
.control-valor[data-v-d8a55f00] {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 50px;
  text-align: left;
}
.control-valor.masa[data-v-d8a55f00] { color: #FCA5A5;
}
.control-valor.altura[data-v-d8a55f00] { color: #93C5FD;
}
.objetivo-d1[data-v-d8a55f00] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-d8a55f00] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-d8a55f00] {
  text-align: center;
}
.problema-d2[data-v-d8a55f00] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-d8a55f00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obj-emoji-d2[data-v-d8a55f00] {
  font-size: 3rem;
}
.datos-d2[data-v-d8a55f00] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.dato-visual[data-v-d8a55f00] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.dato-visual.masa[data-v-d8a55f00] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-visual.altura[data-v-d8a55f00] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato-visual.gravedad[data-v-d8a55f00] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.pregunta-d2[data-v-d8a55f00] {
  font-size: 1rem;
  color: #E9D5FF;
}
strong.energia[data-v-d8a55f00] { color: #FCD34D;
}
strong.velocidad[data-v-d8a55f00] { color: #93C5FD;
}
.input-respuesta[data-v-d8a55f00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-d8a55f00] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calculo[data-v-d8a55f00] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-d8a55f00] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-d8a55f00] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-d8a55f00] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-d8a55f00] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-d8a55f00], .feedback-d3[data-v-d8a55f00] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-d8a55f00], .feedback-d3.correcto[data-v-d8a55f00] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-d8a55f00], .feedback-d3.incorrecto[data-v-d8a55f00] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-d2[data-v-d8a55f00], .contador-d3[data-v-d8a55f00] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Conservación ===== */
.conservacion-container[data-v-d8a55f00] {
  text-align: center;
}
.escenario-d3[data-v-d8a55f00] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-visual[data-v-d8a55f00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.visual-arriba[data-v-d8a55f00], .visual-abajo[data-v-d8a55f00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.visual-arriba[data-v-d8a55f00] {
  border-left: 3px solid #93C5FD;
}
.visual-abajo[data-v-d8a55f00] {
  border-left: 3px solid #FCD34D;
}
.visual-emoji[data-v-d8a55f00] {
  font-size: 1.5rem;
}
.visual-dato[data-v-d8a55f00] {
  font-size: 0.8rem;
  font-weight: 600;
}
.visual-dato.altura[data-v-d8a55f00] {
  color: #93C5FD;
}
.visual-flecha[data-v-d8a55f00] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.escenario-texto[data-v-d8a55f00] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.escenario-datos[data-v-d8a55f00] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.dato-d3[data-v-d8a55f00] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
}
.dato-d3.masa[data-v-d8a55f00] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.pregunta-d3[data-v-d8a55f00] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ayuda-d3[data-v-d8a55f00] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d8a55f00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d8a55f00] { font-size: 1.25rem;
}
.resultado-texto[data-v-d8a55f00] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d8a55f00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d8a55f00] { flex: 1;
}
.nav-btn[data-v-d8a55f00] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d8a55f00] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d8a55f00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d8a55f00] { font-size: 1.75rem;
}
.completado-texto[data-v-d8a55f00] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d8a55f00], .slide-leave-active[data-v-d8a55f00] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d8a55f00] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d8a55f00] { opacity: 0; transform: translateX(-15px);
}

/* Fórmulas resumen */
.formulas-resumen[data-v-a6781a29] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-a6781a29] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-box.ep[data-v-a6781a29] {
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #93C5FD;
}
.formula-box.conserva[data-v-a6781a29] {
  background: linear-gradient(135deg, rgba(110, 231, 183, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #6EE7B7;
}
.formula-titulo[data-v-a6781a29] {
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.formula-box.ep .formula-titulo[data-v-a6781a29] { color: #93C5FD;
}
.formula-box.conserva .formula-titulo[data-v-a6781a29] { color: #6EE7B7;
}
.formula-grande[data-v-a6781a29] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.formula-grande-small[data-v-a6781a29] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-var[data-v-a6781a29] { color: #93C5FD;
}
.formula-var.m[data-v-a6781a29] { color: #FCA5A5;
}
.formula-var.g[data-v-a6781a29] { color: #6EE7B7;
}
.formula-var.h[data-v-a6781a29] { color: #93C5FD;
}
.formula-igual[data-v-a6781a29], .formula-dot[data-v-a6781a29] { color: #E9D5FF;
}

/* Puntos clave */
.puntos-clave[data-v-a6781a29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.punto-header[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.punto-icono[data-v-a6781a29] {
  font-size: 1.25rem;
}
.punto-titulo[data-v-a6781a29] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.puntos-lista[data-v-a6781a29] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-a6781a29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-num[data-v-a6781a29] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-a6781a29] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.punto-texto[data-v-a6781a29] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.punto-texto strong[data-v-a6781a29] {
  color: #FCD34D;
}
strong.negativo[data-v-a6781a29] {
  color: #FCA5A5;
}
.punto-ejemplo[data-v-a6781a29] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Errores comunes */
.errores-box[data-v-a6781a29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.error-header[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.error-icono[data-v-a6781a29] {
  font-size: 1.25rem;
}
.error-titulo[data-v-a6781a29] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.errores-lista[data-v-a6781a29] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 400px) {
.errores-lista[data-v-a6781a29] {
    grid-template-columns: 1fr;
}
}
.error-item[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.error-mal[data-v-a6781a29] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-a6781a29] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Comparación */
.comparacion-rapida[data-v-a6781a29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-header[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-a6781a29] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-a6781a29] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.comp-tabla[data-v-a6781a29] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.comp-row[data-v-a6781a29] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.4rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.comp-row.header[data-v-a6781a29] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-col[data-v-a6781a29] {
  font-size: 0.75rem;
  text-align: center;
}
.comp-col.label[data-v-a6781a29] {
  text-align: left;
  color: #C4B5FD;
}
.comp-col.ep[data-v-a6781a29] {
  color: #93C5FD;
  font-weight: 600;
}
.comp-col.ec[data-v-a6781a29] {
  color: #FCD34D;
  font-weight: 600;
}

/* Fórmulas relacionadas */
.formulas-relacionadas[data-v-a6781a29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.rel-header[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rel-icono[data-v-a6781a29] {
  font-size: 1.25rem;
}
.rel-titulo[data-v-a6781a29] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formulas-grid[data-v-a6781a29] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 480px) {
.formulas-grid[data-v-a6781a29] {
    grid-template-columns: 1fr;
}
}
.formula-rel[data-v-a6781a29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-nombre[data-v-a6781a29] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-a6781a29] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-nota[data-v-a6781a29] {
  font-size: 0.65rem;
  color: #9CA3AF;
  margin-top: 0.25rem;
}

/* Valores box */
.valores-box[data-v-a6781a29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
  border-radius: 0.75rem;
}
.val-header[data-v-a6781a29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.val-icono[data-v-a6781a29] {
  font-size: 1.25rem;
}
.val-titulo[data-v-a6781a29] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.valores-grid[data-v-a6781a29] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.valor-item[data-v-a6781a29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.val-nombre[data-v-a6781a29] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.val-numero[data-v-a6781a29] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip final */
.tip-final[data-v-a6781a29] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #6EE7B7;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-final .tip-icono[data-v-a6781a29] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-a6781a29] {
  flex: 1;
}
.tip-titulo[data-v-a6781a29] {
  display: block;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-a6781a29] {
  display: block;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a6781a29] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-resumen[data-v-a6781a29] {
    gap: 1rem;
}
.formula-grande[data-v-a6781a29] {
    font-size: 1.5rem;
}
.formula-grande-small[data-v-a6781a29] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-7b600c9d] {
  margin: 1rem 0 1.5rem;
}
.escena-enfriamiento[data-v-7b600c9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 1.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.taza-container[data-v-7b600c9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.taza[data-v-7b600c9d] {
  width: 60px;
  height: 50px;
  background: #8B5CF6;
  border-radius: 0 0 10px 10px;
  position: relative;
  overflow: hidden;
  border: 3px solid #6D28D9;
}
.taza[data-v-7b600c9d]::after {
  content: '';
  position: absolute;
  right: -15px;
  top: 10px;
  width: 12px;
  height: 25px;
  border: 3px solid #6D28D9;
  border-radius: 0 8px 8px 0;
  border-left: none;
}
.vapor[data-v-7b600c9d] {
  position: absolute;
  top: -20px;
  width: 8px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: vapor-7b600c9d 1.5s ease-in-out infinite;
}
.vapor[data-v-7b600c9d]:nth-child(1) { left: 10px;
}
.vapor[data-v-7b600c9d]:nth-child(2) { left: 25px;
}
.vapor[data-v-7b600c9d]:nth-child(3) { left: 40px;
}
@keyframes vapor-7b600c9d {
0% { opacity: 0; transform: translateY(5px) scale(0.8);
}
50% { opacity: 0.6; transform: translateY(-10px) scale(1);
}
100% { opacity: 0; transform: translateY(-25px) scale(0.6);
}
}
.liquido[data-v-7b600c9d] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75%;
  border-radius: 0 0 7px 7px;
  transition: background 0.3s ease;
}
.temperatura-display[data-v-7b600c9d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
  font-family: monospace;
}
.ambiente-info[data-v-7b600c9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.ambiente-icono[data-v-7b600c9d] {
  font-size: 1.5rem;
}
.ambiente-texto[data-v-7b600c9d] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}
.frase-clave[data-v-7b600c9d] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.newton[data-v-7b600c9d] { color: #FCD34D;
}
strong.proporcional[data-v-7b600c9d] { color: #93C5FD;
}
strong.diferencia[data-v-7b600c9d] { color: #FCA5A5;
}
strong.caliente[data-v-7b600c9d] { color: #FCA5A5;
}
strong.rapido[data-v-7b600c9d] { color: #F97316;
}
strong.medio[data-v-7b600c9d] { color: #FCD34D;
}
strong.lento[data-v-7b600c9d] { color: #93C5FD;
}

/* Idea box */
.idea-box[data-v-7b600c9d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.idea-header[data-v-7b600c9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.idea-icono[data-v-7b600c9d] {
  font-size: 1.25rem;
}
.idea-titulo[data-v-7b600c9d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.idea-contenido p[data-v-7b600c9d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0.5rem 0;
}

/* Comportamiento section */
.comportamiento-section[data-v-7b600c9d] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-7b600c9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-7b600c9d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-item[data-v-7b600c9d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-fase[data-v-7b600c9d] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.comp-barra[data-v-7b600c9d] {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.barra-fill[data-v-7b600c9d] {
  height: 100%;
  border-radius: 4px;
  animation: llenar-7b600c9d 2s ease-in-out infinite;
}
.barra-fill.rapido[data-v-7b600c9d] {
  width: 90%;
  background: linear-gradient(to right, #F97316, #FCA5A5);
}
.barra-fill.medio[data-v-7b600c9d] {
  width: 50%;
  background: linear-gradient(to right, #FCD34D, #FBBF24);
}
.barra-fill.lento[data-v-7b600c9d] {
  width: 20%;
  background: linear-gradient(to right, #93C5FD, #60A5FA);
}
@keyframes llenar-7b600c9d {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}
.comp-desc[data-v-7b600c9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-7b600c9d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-7b600c9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-7b600c9d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-7b600c9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-7b600c9d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-7b600c9d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-temp[data-v-7b600c9d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCA5A5;
  margin-top: 0.25rem;
}

/* Condiciones box */
.condiciones-box[data-v-7b600c9d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.cond-header[data-v-7b600c9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cond-icono[data-v-7b600c9d] {
  font-size: 1.25rem;
}
.cond-titulo[data-v-7b600c9d] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.condiciones-lista[data-v-7b600c9d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cond-item[data-v-7b600c9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.check[data-v-7b600c9d] {
  color: #6EE7B7;
  font-weight: 700;
}
.cond-item strong[data-v-7b600c9d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-7b600c9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7b600c9d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7b600c9d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7b600c9d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-enfriamiento[data-v-7b600c9d] {
    gap: 3rem;
    padding: 2rem;
}
.taza[data-v-7b600c9d] {
    width: 80px;
    height: 65px;
}
.temperatura-display[data-v-7b600c9d] {
    font-size: 2rem;
}
.ejemplos-grid[data-v-7b600c9d] {
    grid-template-columns: repeat(4, 1fr);
}
.comp-grid[data-v-7b600c9d] {
    flex-direction: row;
}
.comp-item[data-v-7b600c9d] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-ff607856] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-ff607856] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
}
.formula-titulo[data-v-ff607856] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.formula-ecuacion[data-v-ff607856] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-texto[data-v-ff607856] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  letter-spacing: 1px;
}

/* Variables */
.variables-section[data-v-ff607856] {
  margin: 1.5rem 0;
}
.var-titulo[data-v-ff607856] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-ff607856] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable[data-v-ff607856] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.var-simbolo[data-v-ff607856] {
  font-weight: 700;
  font-size: 0.95rem;
  min-width: 35px;
  text-align: center;
  font-family: 'Times New Roman', serif;
}
.var-simbolo.temp[data-v-ff607856] { color: #FCA5A5;
}
.var-simbolo.ambiente[data-v-ff607856] { color: #93C5FD;
}
.var-simbolo.inicial[data-v-ff607856] { color: #FCD34D;
}
.var-simbolo.constante[data-v-ff607856] { color: #6EE7B7;
}
.var-simbolo.tiempo[data-v-ff607856] { color: #C4B5FD;
}
.var-simbolo.euler[data-v-ff607856] { color: #F9A8D4;
}
.var-desc[data-v-ff607856] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Forma diferencial */
.diferencial-box[data-v-ff607856] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.dif-header[data-v-ff607856] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dif-icono[data-v-ff607856] {
  font-size: 1.25rem;
}
.dif-titulo[data-v-ff607856] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.dif-formula[data-v-ff607856] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-diff[data-v-ff607856] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.dif-explicacion[data-v-ff607856] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dif-explicacion strong[data-v-ff607856] {
  color: #FCD34D;
}
strong.diferencia[data-v-ff607856] {
  color: #FCA5A5;
}

/* Gráfico */
.grafico-section[data-v-ff607856] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-ff607856] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-ff607856] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.grafico[data-v-ff607856] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.eje-y[data-v-ff607856] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
  min-width: 25px;
  text-align: right;
  padding: 5px 0;
}
.area-grafico[data-v-ff607856] {
  flex: 1;
  position: relative;
  background: rgba(139, 92, 246, 0.05);
  border-left: 2px solid rgba(139, 92, 246, 0.5);
  border-bottom: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0 0 4px;
  min-height: 100px;
}
.curva-svg[data-v-ff607856] {
  width: 100%;
  height: 100%;
}
.linea-ta[data-v-ff607856] {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 0.65rem;
  color: #93C5FD;
  font-weight: 600;
}
.eje-x[data-v-ff607856] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding-left: 30px;
  margin-top: 0.25rem;
}
.grafico-notas[data-v-ff607856] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.nota[data-v-ff607856] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.nota-color[data-v-ff607856] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.nota-color.rapido[data-v-ff607856] {
  background: linear-gradient(to bottom, #FCA5A5, #F97316);
}
.nota-color.lento[data-v-ff607856] {
  background: linear-gradient(to bottom, #93C5FD, #60A5FA);
}

/* Ejemplo */
.ejemplo-box[data-v-ff607856] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.ej-header[data-v-ff607856] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-ff607856] {
  font-size: 1.25rem;
}
.ej-titulo[data-v-ff607856] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ej-problema[data-v-ff607856] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
strong.inicial[data-v-ff607856] { color: #FCA5A5;
}
strong.ambiente[data-v-ff607856] { color: #93C5FD;
}
strong.tiempo[data-v-ff607856] { color: #FCD34D;
}
.ej-solucion[data-v-ff607856] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-ff607856] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.paso-num[data-v-ff607856] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-texto[data-v-ff607856] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso.resultado[data-v-ff607856] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso.resultado .paso-num[data-v-ff607856] {
  background: #10B981;
}
.paso.resultado .paso-texto strong[data-v-ff607856] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-ff607856] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ff607856] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ff607856] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ff607856] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-ff607856] {
    font-size: 1.5rem;
}
.variables-grid[data-v-ff607856] {
    grid-template-columns: repeat(3, 1fr);
}
.area-grafico[data-v-ff607856] {
    min-height: 120px;
}
}

.explorador[data-v-da111568] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-da111568] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-da111568] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-da111568] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-da111568] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-da111568] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-da111568] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-da111568] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-da111568] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-da111568] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-da111568] {
  text-align: center;
}
.visual-enfriamiento[data-v-da111568] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.objeto-caliente[data-v-da111568] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  border: 3px solid rgba(255, 255, 255, 0.3);
}
.temp-objeto[data-v-da111568] {
  font-size: 1rem;
  font-weight: 800;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.ambiente-display[data-v-da111568] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.2);
  border-radius: 0.5rem;
}
.ambiente-label[data-v-da111568] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.ambiente-temp[data-v-da111568] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.grafico-tiempo-real[data-v-da111568] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-area[data-v-da111568] {
  height: 80px;
}
.curva-svg[data-v-da111568] {
  width: 100%;
  height: 100%;
}
.controles-sim[data-v-da111568] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.control-item[data-v-da111568] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.control-item label[data-v-da111568] {
  min-width: 75px;
  text-align: right;
}
.slider[data-v-da111568] {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  appearance: none;
  background: linear-gradient(to right, #93C5FD, #FCA5A5);
}
.slider[data-v-da111568]::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}
.control-valor[data-v-da111568] {
  min-width: 45px;
  font-weight: 700;
  color: #FCD34D;
}
.botones-sim[data-v-da111568] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-sim[data-v-da111568] {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.btn-sim.activo[data-v-da111568] {
  background: #8B5CF6;
  color: white;
}
.btn-sim.reset[data-v-da111568] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.pregunta-desafio[data-v-da111568] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-da111568] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-texto strong[data-v-da111568] {
  color: #FCD34D;
}
.opciones-respuesta[data-v-da111568] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-btn[data-v-da111568] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-da111568]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionada[data-v-da111568] {
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-da111568] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecta[data-v-da111568] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Cálculos ===== */
.calculo-container[data-v-da111568] {
  text-align: center;
}
.problema-visual[data-v-da111568] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-da111568] {
  font-size: 3rem;
}
.problema-datos[data-v-da111568] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  text-align: left;
}
.dato[data-v-da111568] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
strong.inicial[data-v-da111568] { color: #FCA5A5;
}
strong.ambiente[data-v-da111568] { color: #93C5FD;
}
strong.constante[data-v-da111568] { color: #6EE7B7;
}
strong.tiempo[data-v-da111568] { color: #FCD34D;
}
.formula-recordatorio[data-v-da111568] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.pregunta-calc[data-v-da111568] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.input-respuesta[data-v-da111568] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.input-label[data-v-da111568] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calc[data-v-da111568] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calc.correcto[data-v-da111568] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calc.incorrecto[data-v-da111568] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-da111568] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-da111568] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-da111568] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-da111568] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-da111568] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-da111568] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Aplicaciones ===== */
.aplicaciones-container[data-v-da111568] {
  text-align: center;
}
.escenario-box[data-v-da111568] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-emoji[data-v-da111568] {
  font-size: 3rem;
  display: block;
  margin-bottom: 0.5rem;
}
.escenario-titulo[data-v-da111568] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.escenario-desc[data-v-da111568] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pregunta-app[data-v-da111568] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-app[data-v-da111568] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-app-btn[data-v-da111568] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  text-align: left;
}
.opcion-app-btn[data-v-da111568]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
}
.opcion-app-btn.seleccionada[data-v-da111568] {
  border-color: #8B5CF6;
}
.opcion-app-btn.correcta[data-v-da111568] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-app-btn.incorrecta[data-v-da111568] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-da111568] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-da111568] { font-size: 1.25rem;
}
.resultado-texto[data-v-da111568] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-da111568] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-da111568] { flex: 1;
}
.nav-btn[data-v-da111568] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-da111568] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-da111568] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-da111568] { font-size: 1.75rem;
}
.completado-texto[data-v-da111568] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-da111568], .slide-leave-active[data-v-da111568] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-da111568] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-da111568] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.visual-enfriamiento[data-v-da111568] {
    gap: 3rem;
}
.objeto-caliente[data-v-da111568] {
    width: 100px;
    height: 100px;
}
.temp-objeto[data-v-da111568] {
    font-size: 1.2rem;
}
.controles-sim[data-v-da111568] {
    flex-direction: row;
    justify-content: center;
}
.control-item[data-v-da111568] {
    flex: 0 0 auto;
}
}

/* Resumen header */
.resumen-header[data-v-b25093ba] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.icono-grande[data-v-b25093ba] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.titulo-resumen[data-v-b25093ba] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-box[data-v-b25093ba] {
  margin-bottom: 1.5rem;
}
.conceptos-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-lista[data-v-b25093ba] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-item[data-v-b25093ba] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.concepto-num[data-v-b25093ba] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.concepto-contenido[data-v-b25093ba] {
  flex: 1;
}
.concepto-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.concepto-desc[data-v-b25093ba] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.proporcional[data-v-b25093ba] { color: #93C5FD;
}
strong.diferencia[data-v-b25093ba] { color: #FCA5A5;
}
strong.rapido[data-v-b25093ba] { color: #F97316;
}
strong.lento[data-v-b25093ba] { color: #93C5FD;
}
strong.ambiente[data-v-b25093ba] { color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-b25093ba] {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(147, 197, 253, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.formula-header[data-v-b25093ba] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-b25093ba] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.formula-contenido[data-v-b25093ba] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-b25093ba] {
  font-size: 1.15rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.formula-alternativa[data-v-b25093ba] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.alt-label[data-v-b25093ba] {
  color: #93C5FD;
}
.alt-formula[data-v-b25093ba] {
  font-family: 'Times New Roman', serif;
  margin-left: 0.5rem;
}
.variables-resumen[data-v-b25093ba] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.var-item[data-v-b25093ba] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.var-sim[data-v-b25093ba] {
  font-weight: 700;
  font-size: 0.8rem;
  font-family: 'Times New Roman', serif;
  min-width: 30px;
}
.var-sim.temp[data-v-b25093ba] { color: #FCA5A5;
}
.var-sim.ambiente[data-v-b25093ba] { color: #93C5FD;
}
.var-sim.inicial[data-v-b25093ba] { color: #FCD34D;
}
.var-sim.constante[data-v-b25093ba] { color: #6EE7B7;
}
.var-desc[data-v-b25093ba] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Aplicaciones */
.aplicaciones-box[data-v-b25093ba] {
  margin-bottom: 1.5rem;
}
.apps-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.apps-grid[data-v-b25093ba] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-card[data-v-b25093ba] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.app-icono[data-v-b25093ba] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.app-nombre[data-v-b25093ba] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
}
.app-uso[data-v-b25093ba] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-b25093ba] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.tips-header[data-v-b25093ba] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-b25093ba] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-b25093ba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-b25093ba] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-b25093ba] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-b25093ba] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-b25093ba] {
  color: #FCD34D;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-b25093ba] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.ej-header[data-v-b25093ba] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-b25093ba] {
  font-size: 1.25rem;
}
.ej-titulo[data-v-b25093ba] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.ej-contenido[data-v-b25093ba] {
  text-align: center;
}
.ej-problema[data-v-b25093ba] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ej-pregunta[data-v-b25093ba] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ej-solucion[data-v-b25093ba] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-paso[data-v-b25093ba] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-b25093ba] {
  font-size: 1rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}
.sol-resultado strong[data-v-b25093ba] {
  font-size: 1.1rem;
}

/* Mensaje final */
.mensaje-final[data-v-b25093ba] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-b25093ba] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-b25093ba] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.apps-grid[data-v-b25093ba] {
    grid-template-columns: repeat(4, 1fr);
}
.variables-resumen[data-v-b25093ba] {
    grid-template-columns: repeat(4, 1fr);
}
.icono-grande[data-v-b25093ba] {
    font-size: 3rem;
}
.titulo-resumen[data-v-b25093ba] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-71755759] {
  margin: 1rem 0 1.5rem;
}
.escena-potencia[data-v-71755759] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.trabajador[data-v-71755759] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.trabajador.rapido[data-v-71755759] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.trabajador.lento[data-v-71755759] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.emoji-trabajador[data-v-71755759] {
  font-size: 2rem;
}
.caja-mini[data-v-71755759] {
  font-size: 1rem;
}
.tiempo-label[data-v-71755759] {
  font-size: 0.9rem;
  font-weight: 700;
}
.rapido .tiempo-label[data-v-71755759] { color: #6EE7B7;
}
.lento .tiempo-label[data-v-71755759] { color: #FCD34D;
}
.vs-text[data-v-71755759] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.frase-clave[data-v-71755759] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.potencia[data-v-71755759] { color: #FCD34D;
}
strong.trabajo[data-v-71755759] { color: #93C5FD;
}
strong.rapido[data-v-71755759] { color: #6EE7B7;
}
strong.tiempo[data-v-71755759] { color: #C4B5FD;
}
strong.alta[data-v-71755759] { color: #6EE7B7;
}
strong.baja[data-v-71755759] { color: #FCA5A5;
}

/* Analogía box */
.analogia-box[data-v-71755759] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.analogia-header[data-v-71755759] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.analogia-icono[data-v-71755759] { font-size: 1.25rem;
}
.analogia-titulo[data-v-71755759] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.analogia-grid[data-v-71755759] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 400px) {
.analogia-grid[data-v-71755759] {
    grid-template-columns: 1fr;
}
}
.analogia-item[data-v-71755759] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.analogia-item.alta[data-v-71755759] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.analogia-item.baja[data-v-71755759] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.ana-emoji[data-v-71755759] { font-size: 1.5rem;
}
.ana-texto[data-v-71755759] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.ana-resultado[data-v-71755759] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ana-resultado strong.alta[data-v-71755759] { color: #6EE7B7;
}
.ana-resultado strong.baja[data-v-71755759] { color: #FCA5A5;
}
.analogia-nota[data-v-71755759] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Definición */
.definicion[data-v-71755759] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.def-header[data-v-71755759] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-71755759] { font-size: 1.25rem;
}
.def-titulo[data-v-71755759] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.def-texto[data-v-71755759] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}

/* Unidad box */
.unidad-box[data-v-71755759] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidad-header[data-v-71755759] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.unidad-icono[data-v-71755759] { font-size: 1.25rem;
}
.unidad-titulo[data-v-71755759] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidad-contenido[data-v-71755759] {
  text-align: center;
}
.unidad-formula[data-v-71755759] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.unidad-nombre[data-v-71755759] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-igual[data-v-71755759] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-definicion[data-v-71755759] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-ejemplos[data-v-71755759] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-unidad[data-v-71755759] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-valor[data-v-71755759] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 80px;
}
.ej-item[data-v-71755759] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* HP box */
.hp-box[data-v-71755759] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.hp-header[data-v-71755759] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hp-icono[data-v-71755759] { font-size: 1.25rem;
}
.hp-titulo[data-v-71755759] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.hp-contenido[data-v-71755759] {
  text-align: center;
}
.hp-formula[data-v-71755759] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hp-valor[data-v-71755759] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
}
.hp-igual[data-v-71755759] {
  font-size: 1rem;
  color: #E9D5FF;
}
.hp-watt[data-v-71755759] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.hp-texto[data-v-71755759] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  text-align: left;
}

/* Tip */
.tip[data-v-71755759] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-71755759] { font-size: 1.25rem;
}
.tip-texto[data-v-71755759] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-71755759] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-potencia[data-v-71755759] {
    gap: 2rem;
    padding: 2rem;
}
.emoji-trabajador[data-v-71755759] {
    font-size: 2.5rem;
}
.frase-clave[data-v-71755759] {
    font-size: 0.95rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-333a929f], .formula-alternativa[data-v-333a929f] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-header[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-333a929f] { font-size: 1.25rem;
}
.formula-titulo[data-v-333a929f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.formula-box[data-v-333a929f] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-grande[data-v-333a929f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.var[data-v-333a929f] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.var.potencia[data-v-333a929f] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.var.trabajo[data-v-333a929f] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.var.tiempo[data-v-333a929f] {
  background: rgba(196, 181, 253, 0.2);
  color: #C4B5FD;
}
.var.fuerza[data-v-333a929f] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.var.velocidad[data-v-333a929f] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.igual[data-v-333a929f], .operador[data-v-333a929f] {
  color: #E9D5FF;
}
.fraccion[data-v-333a929f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.numerador[data-v-333a929f] {
  padding-bottom: 2px;
  border-bottom: 2px solid #E9D5FF;
}
.denominador[data-v-333a929f] {
  padding-top: 2px;
}
.formula-descripcion[data-v-333a929f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: left;
  padding-left: 1rem;
}
.var-item[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.var-texto[data-v-333a929f] {
  color: #E9D5FF;
}

/* Derivación */
.derivacion[data-v-333a929f] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.derivacion-titulo[data-v-333a929f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.derivacion-pasos[data-v-333a929f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}
.paso[data-v-333a929f] {
  padding: 0.25rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.paso.resultado[data-v-333a929f] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.flecha[data-v-333a929f] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-333a929f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-visual.alternativo[data-v-333a929f] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ej-header[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ej-icono[data-v-333a929f] { font-size: 1.25rem;
}
.ej-titulo[data-v-333a929f] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.alternativo .ej-titulo[data-v-333a929f] {
  color: #FCD34D;
}
.ej-problema[data-v-333a929f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.ej-solucion[data-v-333a929f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.paso-calculo[data-v-333a929f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 1rem;
  color: #E9D5FF;
}
.fraccion-inline[data-v-333a929f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
}
.linea-frac[data-v-333a929f] {
  width: 100%;
  height: 2px;
  background: #E9D5FF;
}
.resultado[data-v-333a929f] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Colores inline */
strong.trabajo[data-v-333a929f] { color: #93C5FD;
}
strong.tiempo[data-v-333a929f] { color: #C4B5FD;
}
strong.fuerza[data-v-333a929f] { color: #FCA5A5;
}
strong.velocidad[data-v-333a929f] { color: #6EE7B7;
}

/* Cuándo usar */
.cuando-usar[data-v-333a929f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.cuando-header[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cuando-icono[data-v-333a929f] { font-size: 1.25rem;
}
.cuando-titulo[data-v-333a929f] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.cuando-grid[data-v-333a929f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 400px) {
.cuando-grid[data-v-333a929f] {
    grid-template-columns: 1fr;
}
}
.cuando-item[data-v-333a929f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-mini[data-v-333a929f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.cuando-texto[data-v-333a929f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Conversiones */
.conversiones-box[data-v-333a929f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.conv-header[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.conv-icono[data-v-333a929f] { font-size: 1.25rem;
}
.conv-titulo[data-v-333a929f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.conv-grid[data-v-333a929f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.conv-item[data-v-333a929f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.conv-desde[data-v-333a929f] {
  font-weight: 700;
  color: #FCD34D;
}
.conv-igual[data-v-333a929f] {
  color: #C4B5FD;
}
.conv-hasta[data-v-333a929f] {
  font-weight: 600;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-333a929f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-333a929f] { font-size: 1.25rem;
}
.tip-texto[data-v-333a929f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-333a929f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-333a929f] {
    font-size: 1.75rem;
}
.derivacion-pasos[data-v-333a929f] {
    font-size: 0.9rem;
}
}

/* Colores temáticos */
strong.potencia[data-v-42550f6f] { color: #FCD34D;
}
strong.resultado[data-v-42550f6f] { color: #6EE7B7;
}
strong.costo[data-v-42550f6f] { color: #FCA5A5;
}

/* Aplicación box */
.aplicacion-box[data-v-42550f6f] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.aplicacion-box.vehiculos[data-v-42550f6f] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.aplicacion-box.electro[data-v-42550f6f] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.aplicacion-box.ejercicio[data-v-42550f6f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.app-header[data-v-42550f6f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-icono[data-v-42550f6f] { font-size: 1.25rem;
}
.app-titulo[data-v-42550f6f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Vehículos grid */
.vehiculos-grid[data-v-42550f6f] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.vehiculo-item[data-v-42550f6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.v-emoji[data-v-42550f6f] { font-size: 1.5rem;
}
.v-nombre[data-v-42550f6f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.v-potencia[data-v-42550f6f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Electro grid */
.electro-grid[data-v-42550f6f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 500px) {
.electro-grid[data-v-42550f6f] {
    grid-template-columns: repeat(4, 1fr);
}
}
.electro-item[data-v-42550f6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.e-emoji[data-v-42550f6f] { font-size: 1.25rem;
}
.e-nombre[data-v-42550f6f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.e-potencia[data-v-42550f6f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}

/* App nota */
.app-nota[data-v-42550f6f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Energía box */
.energia-box[data-v-42550f6f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.energia-header[data-v-42550f6f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.energia-icono[data-v-42550f6f] { font-size: 1.25rem;
}
.energia-titulo[data-v-42550f6f] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.energia-formula[data-v-42550f6f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  flex-wrap: wrap;
}
.e-var[data-v-42550f6f] {
  color: #E9D5FF;
  font-weight: 600;
}
.e-var.potencia[data-v-42550f6f] { color: #FCD34D;
}
.e-var.tiempo[data-v-42550f6f] { color: #C4B5FD;
}
.e-igual[data-v-42550f6f], .e-mult[data-v-42550f6f] { color: #C4B5FD;
}
.energia-ejemplo[data-v-42550f6f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-42550f6f] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ejemplo-calc[data-v-42550f6f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.ejemplo-nota[data-v-42550f6f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejercicio comparación */
.ejercicio-comparacion[data-v-42550f6f] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejercicio-item[data-v-42550f6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 80px;
}
.ejercicio-item.destacado[data-v-42550f6f] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ex-emoji[data-v-42550f6f] { font-size: 1.5rem;
}
.ex-nombre[data-v-42550f6f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.ex-potencia[data-v-42550f6f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Problema PAES */
.problema-paes[data-v-42550f6f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(252, 165, 165, 0.1);
  border: 2px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.75rem;
}
.problema-header[data-v-42550f6f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-42550f6f] { font-size: 1.25rem;
}
.problema-titulo[data-v-42550f6f] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.problema-enunciado[data-v-42550f6f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  line-height: 1.5;
}
.problema-solucion[data-v-42550f6f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-42550f6f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-42550f6f] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-texto[data-v-42550f6f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.paso-calc[data-v-42550f6f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  width: 100%;
  margin-left: calc(22px + 0.5rem);
}

/* Tip */
.tip[data-v-42550f6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-42550f6f] { font-size: 1.25rem;
}
.tip-texto[data-v-42550f6f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-42550f6f] {
  color: #6EE7B7;
}

.explorador[data-v-003c02b7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-003c02b7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-003c02b7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-003c02b7] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-003c02b7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-003c02b7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-003c02b7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-003c02b7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-003c02b7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-003c02b7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-potencia[data-v-003c02b7] {
  text-align: center;
}
.canvas-potencia[data-v-003c02b7] {
  display: flex;
  gap: 0.5rem;
  height: 150px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.escala-vertical[data-v-003c02b7] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.escala-marca[data-v-003c02b7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.ascensor-track[data-v-003c02b7] {
  flex: 1;
  position: relative;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ascensor-caja[data-v-003c02b7] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: bottom 0.1s linear;
}
.ascensor-emoji[data-v-003c02b7] {
  font-size: 2rem;
}
.ascensor-masa[data-v-003c02b7] {
  font-size: 0.65rem;
  color: #FCA5A5;
  font-weight: 600;
}
.altura-marker[data-v-003c02b7] {
  position: absolute;
  bottom: 0;
  right: 5px;
  width: 4px;
  background: linear-gradient(to top, #6EE7B7, #10B981);
  border-radius: 2px;
  transition: height 0.1s linear;
}
.altura-label[data-v-003c02b7] {
  position: absolute;
  top: -20px;
  right: 8px;
  font-size: 0.65rem;
  color: #6EE7B7;
  white-space: nowrap;
}
.resultado-potencia[data-v-003c02b7] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-live[data-v-003c02b7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.potencia-valor[data-v-003c02b7] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.potencia-valor strong[data-v-003c02b7] {
  color: #FCD34D;
}
.potencia-kw[data-v-003c02b7] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.controles-sim[data-v-003c02b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-003c02b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-003c02b7] {
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 70px;
  text-align: right;
}
.control-label.masa[data-v-003c02b7] { color: #FCA5A5;
}
.control-label.altura[data-v-003c02b7] { color: #6EE7B7;
}
.control-label.tiempo[data-v-003c02b7] { color: #C4B5FD;
}
.slider[data-v-003c02b7] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.masa[data-v-003c02b7] { background: rgba(252, 165, 165, 0.3);
}
.slider.altura[data-v-003c02b7] { background: rgba(110, 231, 183, 0.3);
}
.slider.tiempo[data-v-003c02b7] { background: rgba(196, 181, 253, 0.3);
}
.slider[data-v-003c02b7]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.masa[data-v-003c02b7]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.altura[data-v-003c02b7]::-webkit-slider-thumb { background: #6EE7B7;
}
.slider.tiempo[data-v-003c02b7]::-webkit-slider-thumb { background: #C4B5FD;
}
.slider[data-v-003c02b7]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.masa[data-v-003c02b7]::-moz-range-thumb { background: #FCA5A5;
}
.slider.altura[data-v-003c02b7]::-moz-range-thumb { background: #6EE7B7;
}
.slider.tiempo[data-v-003c02b7]::-moz-range-thumb { background: #C4B5FD;
}
.control-valor[data-v-003c02b7] {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 60px;
  text-align: left;
}
.control-valor.masa[data-v-003c02b7] { color: #FCA5A5;
}
.control-valor.altura[data-v-003c02b7] { color: #6EE7B7;
}
.control-valor.tiempo[data-v-003c02b7] { color: #C4B5FD;
}
.btn-simular[data-v-003c02b7] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-simular[data-v-003c02b7]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.objetivo-d1[data-v-003c02b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-003c02b7] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-003c02b7] {
  text-align: center;
}
.problema-d2[data-v-003c02b7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-003c02b7] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-003c02b7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.datos-d2[data-v-003c02b7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.dato-item[data-v-003c02b7] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.dato-item.trabajo[data-v-003c02b7] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato-item.tiempo[data-v-003c02b7] {
  background: rgba(196, 181, 253, 0.2);
  color: #C4B5FD;
}
.dato-item.fuerza[data-v-003c02b7] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-item.velocidad[data-v-003c02b7] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.dato-item.masa[data-v-003c02b7] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-item.altura[data-v-003c02b7] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.input-respuesta[data-v-003c02b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-003c02b7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calculo[data-v-003c02b7] {
  width: 90px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-003c02b7] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-003c02b7] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-003c02b7] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-003c02b7] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-003c02b7] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-003c02b7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-003c02b7] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-d2[data-v-003c02b7], .contador-d3[data-v-003c02b7] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Comparar ===== */
.comparar-container[data-v-003c02b7] {
  text-align: center;
}
.comparar-pregunta[data-v-003c02b7] {
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.comparar-opciones[data-v-003c02b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 400px) {
.comparar-opciones[data-v-003c02b7] {
    flex-direction: column;
}
}
.opcion-comparar[data-v-003c02b7] {
  flex: 1;
  max-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.opcion-comparar.seleccionado[data-v-003c02b7] {
  border-color: #8B5CF6;
  transform: scale(1.02);
}
.opcion-comparar.correcto[data-v-003c02b7] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-comparar.incorrecto[data-v-003c02b7] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-emoji[data-v-003c02b7] {
  font-size: 1.75rem;
}
.opcion-nombre[data-v-003c02b7] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opcion-datos[data-v-003c02b7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dato-small[data-v-003c02b7] {
  font-size: 0.7rem;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.dato-small.trabajo[data-v-003c02b7] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato-small.tiempo[data-v-003c02b7] {
  background: rgba(196, 181, 253, 0.2);
  color: #C4B5FD;
}
.opcion-potencia[data-v-003c02b7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.2rem 0.4rem;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.25rem;
}
.vs-divider[data-v-003c02b7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  padding: 0 0.25rem;
}
.comparar-tip[data-v-003c02b7] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-003c02b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-003c02b7] { font-size: 1.25rem;
}
.resultado-texto[data-v-003c02b7] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-003c02b7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-003c02b7] { flex: 1;
}
.nav-btn[data-v-003c02b7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-003c02b7] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-003c02b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-003c02b7] { font-size: 1.75rem;
}
.completado-texto[data-v-003c02b7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-003c02b7], .slide-leave-active[data-v-003c02b7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-003c02b7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-003c02b7] { opacity: 0; transform: translateX(-15px);
}

/* Colores temáticos */
strong.potencia[data-v-daed6aa5] { color: #FCD34D;
}
strong.trabajo[data-v-daed6aa5] { color: #93C5FD;
}
strong.tiempo[data-v-daed6aa5] { color: #C4B5FD;
}
strong.fuerza[data-v-daed6aa5] { color: #FCA5A5;
}
strong.velocidad[data-v-daed6aa5] { color: #6EE7B7;
}
strong.alta[data-v-daed6aa5] { color: #6EE7B7;
}
strong.resultado[data-v-daed6aa5] { color: #FCD34D;
}

/* Resumen header */
.resumen-header[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 211, 77, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-emoji[data-v-daed6aa5] { font-size: 2rem;
}
.resumen-texto[data-v-daed6aa5] {
  font-size: 1rem;
  color: #E9D5FF;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-daed6aa5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 400px) {
.formulas-resumen[data-v-daed6aa5] {
    grid-template-columns: 1fr;
}
}
.formula-card[data-v-daed6aa5] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-card.principal[data-v-daed6aa5] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.formula-card.alternativa[data-v-daed6aa5] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.formula-nombre[data-v-daed6aa5] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.principal .formula-nombre[data-v-daed6aa5] { color: #8B5CF6;
}
.alternativa .formula-nombre[data-v-daed6aa5] { color: #10B981;
}
.formula-contenido[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.var[data-v-daed6aa5] {
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.var.potencia[data-v-daed6aa5] { background: rgba(252, 211, 77, 0.2); color: #FCD34D;
}
.var.trabajo[data-v-daed6aa5] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.var.tiempo[data-v-daed6aa5] { background: rgba(196, 181, 253, 0.2); color: #C4B5FD;
}
.var.fuerza[data-v-daed6aa5] { background: rgba(252, 165, 165, 0.2); color: #FCA5A5;
}
.var.velocidad[data-v-daed6aa5] { background: rgba(110, 231, 183, 0.2); color: #6EE7B7;
}
.igual[data-v-daed6aa5], .mult[data-v-daed6aa5] { color: #E9D5FF;
}
.fraccion[data-v-daed6aa5] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion .var.trabajo[data-v-daed6aa5] {
  border-bottom: 2px solid #E9D5FF;
  padding-bottom: 2px;
}
.fraccion .var.tiempo[data-v-daed6aa5] {
  padding-top: 2px;
}
.formula-uso[data-v-daed6aa5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Unidades resumen */
.unidades-resumen[data-v-daed6aa5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidad-header[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.unidad-icono[data-v-daed6aa5] { font-size: 1.25rem;
}
.unidad-titulo[data-v-daed6aa5] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidades-grid[data-v-daed6aa5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.unidad-item[data-v-daed6aa5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 80px;
}
.unidad-simbolo[data-v-daed6aa5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-nombre[data-v-daed6aa5] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.unidad-def[data-v-daed6aa5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ideas clave */
.ideas-clave[data-v-daed6aa5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.ideas-header[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ideas-icono[data-v-daed6aa5] { font-size: 1.25rem;
}
.ideas-titulo[data-v-daed6aa5] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.ideas-lista[data-v-daed6aa5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.idea-item[data-v-daed6aa5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.idea-num[data-v-daed6aa5] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.idea-texto[data-v-daed6aa5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tips PAES */
.tips-paes[data-v-daed6aa5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-daed6aa5] { font-size: 1.25rem;
}
.tips-titulo[data-v-daed6aa5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-daed6aa5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-daed6aa5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tip-check[data-v-daed6aa5] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-daed6aa5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-daed6aa5] {
  color: #FCD34D;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-daed6aa5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-daed6aa5] { font-size: 1.25rem;
}
.ejemplo-titulo[data-v-daed6aa5] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-daed6aa5] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-enunciado[data-v-daed6aa5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ejemplo-solucion[data-v-daed6aa5] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-daed6aa5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-emoji[data-v-daed6aa5] { font-size: 1.75rem;
}
.final-texto[data-v-daed6aa5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Intro visual */
.intro-visual[data-v-1cdf2b53] {
  margin: 1rem 0 1.5rem;
}
.escena-propagacion[data-v-1cdf2b53] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.fuente-calor[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.fuente-icono[data-v-1cdf2b53] {
  font-size: 2.5rem;
  animation: pulsar-fuego-1cdf2b53 1s infinite;
}
@keyframes pulsar-fuego-1cdf2b53 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15);
}
}
.fuente-label[data-v-1cdf2b53] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-weight: 600;
}
.flechas-propagacion[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flecha-tipo[data-v-1cdf2b53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.flecha[data-v-1cdf2b53] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.tipo-label[data-v-1cdf2b53] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.tipo-label.conduccion[data-v-1cdf2b53] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.tipo-label.conveccion[data-v-1cdf2b53] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.tipo-label.radiacion[data-v-1cdf2b53] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Colores temáticos */
strong.calor[data-v-1cdf2b53] { color: #FCA5A5;
}
strong.conduccion[data-v-1cdf2b53] { color: #FCA5A5;
}
strong.conveccion[data-v-1cdf2b53] { color: #93C5FD;
}
strong.radiacion[data-v-1cdf2b53] { color: #FCD34D;
}

/* Grid de mecanismos */
.mecanismos-grid[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.mecanismo-card[data-v-1cdf2b53] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.mecanismo-card.conduccion[data-v-1cdf2b53] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.mecanismo-card.conveccion[data-v-1cdf2b53] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.mecanismo-card.radiacion[data-v-1cdf2b53] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.mec-header[data-v-1cdf2b53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mec-icono[data-v-1cdf2b53] {
  font-size: 1.5rem;
}
.mec-nombre[data-v-1cdf2b53] {
  font-weight: 700;
  font-size: 1rem;
}
.mecanismo-card.conduccion .mec-nombre[data-v-1cdf2b53] { color: #FCA5A5;
}
.mecanismo-card.conveccion .mec-nombre[data-v-1cdf2b53] { color: #93C5FD;
}
.mecanismo-card.radiacion .mec-nombre[data-v-1cdf2b53] { color: #FCD34D;
}
.mec-desc[data-v-1cdf2b53] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.mec-medio[data-v-1cdf2b53] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.mec-ejemplo[data-v-1cdf2b53] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  padding-top: 0.25rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}

/* Comparación box */
.comparacion-box[data-v-1cdf2b53] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-header[data-v-1cdf2b53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-1cdf2b53] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-1cdf2b53] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.comp-contenido[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.comp-label[data-v-1cdf2b53] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.comp-valor[data-v-1cdf2b53] {
  font-size: 0.8rem;
}
.comp-valor.necesita[data-v-1cdf2b53] { color: #FCA5A5;
}
.comp-valor.no-necesita[data-v-1cdf2b53] { color: #6EE7B7;
}

/* Ejemplo integrado */
.ejemplo-integrado[data-v-1cdf2b53] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ej-titulo[data-v-1cdf2b53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-1cdf2b53] {
  font-size: 1.25rem;
}
.ej-lista[data-v-1cdf2b53] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ej-item[data-v-1cdf2b53] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.ej-bullet[data-v-1cdf2b53] {
  font-size: 0.6rem;
  margin-top: 0.3rem;
}
.ej-bullet.conduccion[data-v-1cdf2b53] { color: #FCA5A5;
}
.ej-bullet.conveccion[data-v-1cdf2b53] { color: #93C5FD;
}
.ej-bullet.radiacion[data-v-1cdf2b53] { color: #FCD34D;
}
.ej-text[data-v-1cdf2b53] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1cdf2b53] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1cdf2b53] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1cdf2b53] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1cdf2b53] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-propagacion[data-v-1cdf2b53] {
    gap: 2.5rem;
    padding: 2rem;
}
.mecanismos-grid[data-v-1cdf2b53] {
    flex-direction: row;
    gap: 0.75rem;
}
.mecanismo-card[data-v-1cdf2b53] {
    flex: 1;
}
.comp-item[data-v-1cdf2b53] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}

/* Visual de conducción */
.conduccion-visual[data-v-184d9fc7] {
  margin: 1rem 0 1.5rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(to right, rgba(239, 68, 68, 0.15), rgba(147, 197, 253, 0.15));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.barra-metalica[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background: linear-gradient(to right, #B87333, #8B4513, #696969);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.zona-caliente[data-v-184d9fc7], .zona-fria[data-v-184d9fc7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.zona-icono[data-v-184d9fc7] {
  font-size: 1.5rem;
}
.zona-temp[data-v-184d9fc7] {
  font-size: 0.75rem;
  font-weight: 700;
}
.zona-caliente .zona-temp[data-v-184d9fc7] { color: #FCA5A5;
}
.zona-fria .zona-temp[data-v-184d9fc7] { color: #93C5FD;
}
.particulas-barra[data-v-184d9fc7] {
  display: flex;
  gap: 0.5rem;
}
.particula[data-v-184d9fc7] {
  font-size: 0.6rem;
  color: #FCD34D;
  animation: vibrar-particula-184d9fc7 0.3s ease-in-out infinite;
}
@keyframes vibrar-particula-184d9fc7 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}
.flechas-transferencia[data-v-184d9fc7] {
  text-align: center;
  margin-top: 0.5rem;
}
.flecha-energia[data-v-184d9fc7] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  letter-spacing: 2px;
}

/* Colores temáticos */
strong.conduccion[data-v-184d9fc7] { color: #FCA5A5;
}

/* Ley de Fourier */
.ley-box[data-v-184d9fc7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.ley-header[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ley-icono[data-v-184d9fc7] {
  font-size: 1.25rem;
}
.ley-titulo[data-v-184d9fc7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.formula-principal[data-v-184d9fc7] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-184d9fc7] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  display: inline-block;
  font-family: monospace;
}
.variables-grid[data-v-184d9fc7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.var-item[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.var-simbolo[data-v-184d9fc7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  min-width: 30px;
}
.var-desc[data-v-184d9fc7] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Conductividad */
.conductividad-section[data-v-184d9fc7] {
  margin: 1.5rem 0;
}
.cond-titulo[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.cond-icono[data-v-184d9fc7] {
  font-size: 1.25rem;
}
.cond-desc[data-v-184d9fc7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.materiales-comparacion[data-v-184d9fc7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.material-grupo[data-v-184d9fc7] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.material-grupo.buenos[data-v-184d9fc7] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.material-grupo.malos[data-v-184d9fc7] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.grupo-header[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.grupo-icono[data-v-184d9fc7] {
  font-size: 1rem;
}
.grupo-titulo[data-v-184d9fc7] {
  font-weight: 700;
  font-size: 0.85rem;
}
.material-grupo.buenos .grupo-titulo[data-v-184d9fc7] { color: #FCA5A5;
}
.material-grupo.malos .grupo-titulo[data-v-184d9fc7] { color: #93C5FD;
}
.material-lista[data-v-184d9fc7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.material[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.mat-nombre[data-v-184d9fc7] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.mat-valor[data-v-184d9fc7] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.grupo-uso[data-v-184d9fc7] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Factores */
.factores-box[data-v-184d9fc7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.fact-titulo[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.fact-icono[data-v-184d9fc7] {
  font-size: 1.25rem;
}
.factores-grid[data-v-184d9fc7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor[data-v-184d9fc7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-up[data-v-184d9fc7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.factor-down[data-v-184d9fc7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.factor-text[data-v-184d9fc7] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-184d9fc7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-184d9fc7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-184d9fc7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-184d9fc7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conduccion-visual[data-v-184d9fc7] {
    padding: 2rem;
}
.barra-metalica[data-v-184d9fc7] {
    padding: 1rem;
}
.zona-icono[data-v-184d9fc7] {
    font-size: 2rem;
}
.particulas-barra[data-v-184d9fc7] {
    gap: 1rem;
}
.materiales-comparacion[data-v-184d9fc7] {
    flex-direction: row;
}
.material-grupo[data-v-184d9fc7] {
    flex: 1;
}
.variables-grid[data-v-184d9fc7] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Secciones */
.seccion-conveccion[data-v-10a3c44b], .seccion-radiacion[data-v-10a3c44b] {
  margin-bottom: 2rem;
}
.seccion-header[data-v-10a3c44b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.seccion-header.conveccion[data-v-10a3c44b] {
  background: rgba(147, 197, 253, 0.2);
  border-left: 4px solid #93C5FD;
}
.seccion-header.radiacion[data-v-10a3c44b] {
  background: rgba(245, 158, 11, 0.2);
  border-left: 4px solid #FCD34D;
}
.seccion-icono[data-v-10a3c44b] {
  font-size: 1.5rem;
}
.seccion-titulo[data-v-10a3c44b] {
  font-size: 1.25rem;
  font-weight: 700;
}
.seccion-header.conveccion .seccion-titulo[data-v-10a3c44b] { color: #93C5FD;
}
.seccion-header.radiacion .seccion-titulo[data-v-10a3c44b] { color: #FCD34D;
}

/* Colores temáticos */
strong.conveccion[data-v-10a3c44b] { color: #93C5FD;
}
strong.radiacion[data-v-10a3c44b] { color: #FCD34D;
}

/* Visual convección */
.conveccion-visual[data-v-10a3c44b] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.75rem;
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.recipiente-agua[data-v-10a3c44b] {
  position: relative;
  padding: 1.5rem;
  background: linear-gradient(to bottom, rgba(147, 197, 253, 0.2), rgba(147, 197, 253, 0.4));
  border-radius: 0.5rem;
  min-height: 120px;
}
.fuego-abajo[data-v-10a3c44b] {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  animation: pulsar-fuego-10a3c44b 1s infinite;
}
@keyframes pulsar-fuego-10a3c44b {
0%, 100% { transform: translateX(-50%) scale(1);
}
50% { transform: translateX(-50%) scale(1.1);
}
}
.corrientes[data-v-10a3c44b] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.5rem;
}
.corriente[data-v-10a3c44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flecha-conv[data-v-10a3c44b] {
  font-size: 1.5rem;
  font-weight: 700;
}
.corriente.arriba .flecha-conv[data-v-10a3c44b] {
  color: #FCA5A5;
  animation: mover-arriba-10a3c44b 1s infinite;
}
.corriente.abajo .flecha-conv[data-v-10a3c44b] {
  color: #93C5FD;
  animation: mover-abajo-10a3c44b 1s infinite;
}
@keyframes mover-arriba-10a3c44b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes mover-abajo-10a3c44b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
.temp-conv[data-v-10a3c44b] {
  font-size: 0.7rem;
  font-weight: 600;
}
.temp-conv.caliente[data-v-10a3c44b] { color: #FCA5A5;
}
.temp-conv.frio[data-v-10a3c44b] { color: #93C5FD;
}
.particulas-conv[data-v-10a3c44b] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.part-conv[data-v-10a3c44b] {
  font-size: 0.75rem;
  color: #FCD34D;
  animation: circular-10a3c44b 3s linear infinite;
}
@keyframes circular-10a3c44b {
0% { transform: translate(0, 0);
}
25% { transform: translate(10px, -10px);
}
50% { transform: translate(20px, 0);
}
75% { transform: translate(10px, 10px);
}
100% { transform: translate(0, 0);
}
}
.descripcion[data-v-10a3c44b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}

/* Tipos de convección */
.tipos-conveccion[data-v-10a3c44b] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-conv[data-v-10a3c44b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tipo-nombre[data-v-10a3c44b] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
}
.tipo-desc[data-v-10a3c44b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tipo-ej[data-v-10a3c44b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplos convección */
.ejemplos-conv[data-v-10a3c44b], .ejemplos-rad[data-v-10a3c44b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-conv[data-v-10a3c44b], .ejemplo-rad[data-v-10a3c44b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ej-icon[data-v-10a3c44b] {
  font-size: 1rem;
}
.ej-text[data-v-10a3c44b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Visual radiación */
.radiacion-visual[data-v-10a3c44b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0;
  padding: 1rem;
  background: linear-gradient(to right, rgba(245, 158, 11, 0.1), rgba(0, 0, 0, 0.3), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.sol-radiante[data-v-10a3c44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sol-icono[data-v-10a3c44b] {
  font-size: 2.5rem;
  animation: pulsar-sol-10a3c44b 2s infinite;
}
@keyframes pulsar-sol-10a3c44b {
0%, 100% { transform: scale(1); filter: brightness(1);
}
50% { transform: scale(1.1); filter: brightness(1.2);
}
}
.ondas-radiacion[data-v-10a3c44b] {
  display: flex;
  gap: 0.25rem;
}
.onda[data-v-10a3c44b] {
  font-size: 0.8rem;
  color: #FCD34D;
  animation: mover-onda-10a3c44b 1s infinite;
}
@keyframes mover-onda-10a3c44b {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(5px); opacity: 0.5;
}
}
.espacio-vacio[data-v-10a3c44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.vacio-label[data-v-10a3c44b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.vacio-desc[data-v-10a3c44b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.tierra-receptora[data-v-10a3c44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.tierra-icono[data-v-10a3c44b] {
  font-size: 2rem;
}
.tierra-label[data-v-10a3c44b] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Ley Stefan-Boltzmann */
.ley-stefan[data-v-10a3c44b] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.stefan-header[data-v-10a3c44b] {
  margin-bottom: 0.5rem;
}
.stefan-titulo[data-v-10a3c44b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.stefan-formula[data-v-10a3c44b] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula[data-v-10a3c44b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  display: inline-block;
  font-family: monospace;
}
.stefan-vars[data-v-10a3c44b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  justify-content: center;
}
.var[data-v-10a3c44b] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.var strong[data-v-10a3c44b] {
  color: #FCD34D;
}
.stefan-clave[data-v-10a3c44b] {
  font-size: 0.8rem;
  color: #FCA5A5;
  text-align: center;
  font-weight: 600;
}

/* Emisividad */
.emisividad-box[data-v-10a3c44b] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.emis-titulo[data-v-10a3c44b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.emis-comparacion[data-v-10a3c44b] {
  display: flex;
  gap: 0.5rem;
}
.emis-item[data-v-10a3c44b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.emis-item.negro[data-v-10a3c44b] {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.emis-item.brillante[data-v-10a3c44b] {
  background: linear-gradient(135deg, rgba(192, 192, 192, 0.3), rgba(255, 255, 255, 0.1));
  border: 1px solid rgba(192, 192, 192, 0.5);
}
.emis-color[data-v-10a3c44b] {
  width: 30px;
  height: 20px;
  border-radius: 0.25rem;
}
.emis-item.negro .emis-color[data-v-10a3c44b] {
  background: #1a1a1a;
}
.emis-item.brillante .emis-color[data-v-10a3c44b] {
  background: linear-gradient(135deg, #c0c0c0, #f0f0f0);
}
.emis-valor[data-v-10a3c44b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.emis-desc[data-v-10a3c44b] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-10a3c44b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-10a3c44b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-10a3c44b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-10a3c44b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.radiacion-visual[data-v-10a3c44b] {
    padding: 1.5rem;
}
.sol-icono[data-v-10a3c44b] {
    font-size: 3rem;
}
.tierra-icono[data-v-10a3c44b] {
    font-size: 2.5rem;
}
}

.explorador[data-v-a856aad6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a856aad6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a856aad6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a856aad6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a856aad6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a856aad6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a856aad6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a856aad6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a856aad6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a856aad6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-a856aad6] {
  text-align: center;
}
.situacion-box[data-v-a856aad6] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.situacion-emoji[data-v-a856aad6] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-a856aad6] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.pregunta-mecanismo[data-v-a856aad6] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-mecanismo[data-v-a856aad6] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.opcion-mec[data-v-a856aad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
}
.opcion-mec.conduccion[data-v-a856aad6] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-mec.conveccion[data-v-a856aad6] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
  color: #93C5FD;
}
.opcion-mec.radiacion[data-v-a856aad6] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-mec.seleccionada[data-v-a856aad6] {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.opcion-mec.correcta[data-v-a856aad6] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-mec.incorrecta[data-v-a856aad6] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.mec-icon[data-v-a856aad6] {
  font-size: 1.5rem;
}
.mec-name[data-v-a856aad6] {
  font-size: 0.8rem;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Conducción ===== */
.conduccion-sim-container[data-v-a856aad6] {
  text-align: center;
}
.instruccion-sim[data-v-a856aad6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.selector-material[data-v-a856aad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.selector-label[data-v-a856aad6] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.materiales-btns[data-v-a856aad6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.mat-btn[data-v-a856aad6] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
}
.mat-btn.activo[data-v-a856aad6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.barra-conduccion[data-v-a856aad6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.extremo-caliente[data-v-a856aad6], .extremo-frio[data-v-a856aad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.extremo-icono[data-v-a856aad6] {
  font-size: 1.5rem;
}
.extremo-temp[data-v-a856aad6] {
  font-size: 0.75rem;
  font-weight: 700;
}
.extremo-caliente .extremo-temp[data-v-a856aad6] { color: #FCA5A5;
}
.extremo-frio .extremo-temp[data-v-a856aad6] { color: #93C5FD;
}
.barra-material[data-v-a856aad6] {
  flex: 1;
  height: 30px;
  border-radius: 0.3rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.barra-material.cobre[data-v-a856aad6] {
  background: linear-gradient(to right, #B87333, #DA8A67);
}
.barra-material.aluminio[data-v-a856aad6] {
  background: linear-gradient(to right, #A8A8A8, #C0C0C0);
}
.barra-material.hierro[data-v-a856aad6] {
  background: linear-gradient(to right, #5F5F5F, #8A8A8A);
}
.barra-material.madera[data-v-a856aad6] {
  background: linear-gradient(to right, #8B4513, #A0522D);
}
.onda-calor[data-v-a856aad6] {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 200, 100, 0.6), transparent);
  animation: mover-onda-a856aad6 linear infinite;
}
@keyframes mover-onda-a856aad6 {
0% { left: 0;
}
100% { left: 70%;
}
}
.k-valor[data-v-a856aad6] {
  font-size: 0.7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.pregunta-conduccion[data-v-a856aad6] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-aislante[data-v-a856aad6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.opcion-aislante[data-v-a856aad6] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
}
.opcion-aislante.seleccionada[data-v-a856aad6] {
  border-color: #8B5CF6;
}
.opcion-aislante.correcta[data-v-a856aad6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-aislante.incorrecta[data-v-a856aad6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Clasificar ===== */
.clasificar-container[data-v-a856aad6] {
  text-align: center;
}
.instruccion-clasificar[data-v-a856aad6] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.situacion-clasificar[data-v-a856aad6] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.sit-texto[data-v-a856aad6] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.sit-emoji[data-v-a856aad6] {
  font-size: 2.5rem;
}
.opciones-clasificar[data-v-a856aad6] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-clas[data-v-a856aad6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  border: 2px solid;
}
.opcion-clas.conduccion[data-v-a856aad6] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-clas.conveccion[data-v-a856aad6] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
  color: #93C5FD;
}
.opcion-clas.radiacion[data-v-a856aad6] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-clas.correcta[data-v-a856aad6] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-clas.incorrecta[data-v-a856aad6] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.clas-icon[data-v-a856aad6] {
  font-size: 1.5rem;
}
.clas-name[data-v-a856aad6] {
  font-size: 0.8rem;
  font-weight: 600;
}

/* Botones de acción */
.botones-accion[data-v-a856aad6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.btn-verificar[data-v-a856aad6] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-reiniciar[data-v-a856aad6] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.feedback[data-v-a856aad6] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-a856aad6] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-a856aad6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-a856aad6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a856aad6] { font-size: 1.25rem;
}
.resultado-texto[data-v-a856aad6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-a856aad6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a856aad6] { flex: 1;
}
.nav-btn[data-v-a856aad6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a856aad6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a856aad6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a856aad6] { font-size: 1.75rem;
}
.completado-texto[data-v-a856aad6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a856aad6], .slide-leave-active[data-v-a856aad6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a856aad6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a856aad6] { opacity: 0; transform: translateX(-15px);
}

/* Tabla resumen */
.tabla-resumen[data-v-237f8ad1] {
  margin: 1rem 0;
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-237f8ad1] {
  display: none;
}
.tabla-fila[data-v-237f8ad1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila[data-v-237f8ad1]:last-child {
  border-bottom: none;
}
.tabla-fila.conduccion[data-v-237f8ad1] {
  background: rgba(239, 68, 68, 0.1);
}
.tabla-fila.conveccion[data-v-237f8ad1] {
  background: rgba(147, 197, 253, 0.1);
}
.tabla-fila.radiacion[data-v-237f8ad1] {
  background: rgba(245, 158, 11, 0.1);
}
.fila-mec[data-v-237f8ad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mec-icon[data-v-237f8ad1] {
  font-size: 1.25rem;
}
.mec-nombre[data-v-237f8ad1] {
  font-weight: 700;
  font-size: 0.95rem;
}
.tabla-fila.conduccion .mec-nombre[data-v-237f8ad1] { color: #FCA5A5;
}
.tabla-fila.conveccion .mec-nombre[data-v-237f8ad1] { color: #93C5FD;
}
.tabla-fila.radiacion .mec-nombre[data-v-237f8ad1] { color: #FCD34D;
}
.fila-como[data-v-237f8ad1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-left: 1.75rem;
}
.fila-medio[data-v-237f8ad1] {
  padding-left: 1.75rem;
}
.necesita[data-v-237f8ad1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}
.no-necesita[data-v-237f8ad1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}

/* Fórmulas */
.formulas-section[data-v-237f8ad1] {
  margin: 1.5rem 0;
}
.formulas-header[data-v-237f8ad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formulas-icono[data-v-237f8ad1] {
  font-size: 1.25rem;
}
.formulas-titulo[data-v-237f8ad1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-237f8ad1] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border: 2px solid;
}
.formula-box.conduccion[data-v-237f8ad1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-box.radiacion[data-v-237f8ad1] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-nombre[data-v-237f8ad1] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.formula-box.conduccion .formula-nombre[data-v-237f8ad1] { color: #FCA5A5;
}
.formula-box.radiacion .formula-nombre[data-v-237f8ad1] { color: #FCD34D;
}
.formula[data-v-237f8ad1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.formula-nota[data-v-237f8ad1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Conceptos */
.conceptos-section[data-v-237f8ad1] {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-237f8ad1] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.concepto-bullet[data-v-237f8ad1] {
  color: #8B5CF6;
  font-weight: 700;
}
.concepto-text[data-v-237f8ad1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-text strong[data-v-237f8ad1] {
  color: #FFFFFF;
}

/* Aplicaciones */
.aplicaciones-section[data-v-237f8ad1] {
  margin: 1.5rem 0;
}
.aplic-header[data-v-237f8ad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.aplic-icono[data-v-237f8ad1] {
  font-size: 1.25rem;
}
.aplic-titulo[data-v-237f8ad1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-237f8ad1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-237f8ad1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.aplic-ejemplo[data-v-237f8ad1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.aplic-mec[data-v-237f8ad1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-237f8ad1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-header[data-v-237f8ad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-237f8ad1] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-237f8ad1] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.tips-lista[data-v-237f8ad1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-237f8ad1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-237f8ad1] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-text[data-v-237f8ad1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong.conduccion[data-v-237f8ad1] { color: #FCA5A5;
}
.tip-text strong.conveccion[data-v-237f8ad1] { color: #93C5FD;
}
.tip-text strong.radiacion[data-v-237f8ad1] { color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-237f8ad1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-237f8ad1] {
  font-size: 1.75rem;
}
.final-texto[data-v-237f8ad1] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-237f8ad1] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(139, 92, 246, 0.2);
}
.col-titulo[data-v-237f8ad1] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #C4B5FD;
    text-transform: uppercase;
}
.tabla-fila[data-v-237f8ad1] {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 0.5rem;
    align-items: center;
}
.fila-como[data-v-237f8ad1], .fila-medio[data-v-237f8ad1] {
    padding-left: 0;
}
.aplicaciones-grid[data-v-237f8ad1] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-b87238fb] {
  margin: 1rem 0 1.5rem;
}
.escena-temperatura[data-v-b87238fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 1.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.termometro-visual[data-v-b87238fb] {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  height: 100px;
}
.tubo-termometro[data-v-b87238fb] {
  width: 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px 8px 8px 8px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mercurio[data-v-b87238fb] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #FCA5A5);
  border-radius: 0 0 6px 6px;
  transition: height 0.1s linear;
}
.escala-termometro[data-v-b87238fb] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.moleculas-box[data-v-b87238fb] {
  width: 80px;
  height: 80px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.molecula[data-v-b87238fb] {
  position: absolute;
  font-size: 0.6rem;
  color: #FCD34D;
  animation: vibrar-b87238fb 0.5s ease-in-out infinite;
}
.molecula[data-v-b87238fb]:nth-child(1) { top: 20%; left: 20%;
}
.molecula[data-v-b87238fb]:nth-child(2) { top: 30%; left: 60%;
}
.molecula[data-v-b87238fb]:nth-child(3) { top: 50%; left: 30%;
}
.molecula[data-v-b87238fb]:nth-child(4) { top: 60%; left: 70%;
}
.molecula[data-v-b87238fb]:nth-child(5) { top: 70%; left: 45%;
}
.molecula[data-v-b87238fb]:nth-child(6) { top: 40%; left: 50%;
}
.molecula.rapidas[data-v-b87238fb] {
  animation: vibrar-rapido-b87238fb 0.2s ease-in-out infinite;
}
@keyframes vibrar-b87238fb {
0%, 100% { transform: translate(0, 0);
}
25% { transform: translate(2px, -2px);
}
50% { transform: translate(-2px, 2px);
}
75% { transform: translate(2px, 2px);
}
}
@keyframes vibrar-rapido-b87238fb {
0%, 100% { transform: translate(0, 0);
}
25% { transform: translate(4px, -4px);
}
50% { transform: translate(-4px, 4px);
}
75% { transform: translate(4px, 4px);
}
}
.frase-clave[data-v-b87238fb] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.temp[data-v-b87238fb] { color: #FCD34D;
}
strong.energia[data-v-b87238fb] { color: #93C5FD;
}
strong.caliente[data-v-b87238fb] { color: #FCA5A5;
}
strong.frio[data-v-b87238fb] { color: #93C5FD;
}

/* Características box */
.caracteristicas-box[data-v-b87238fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.caract-header[data-v-b87238fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.caract-icono[data-v-b87238fb] {
  font-size: 1.25rem;
}
.caract-titulo[data-v-b87238fb] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.caracteristicas-lista[data-v-b87238fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-b87238fb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caract-num[data-v-b87238fb] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.caract-texto[data-v-b87238fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Diferencia box */
.diferencia-box[data-v-b87238fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.dif-header[data-v-b87238fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dif-icono[data-v-b87238fb] {
  font-size: 1.25rem;
}
.dif-titulo[data-v-b87238fb] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.dif-contenido[data-v-b87238fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-b87238fb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dif-concepto[data-v-b87238fb] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 100px;
}
.dif-concepto.temp[data-v-b87238fb] { color: #FCD34D;
}
.dif-concepto.calor[data-v-b87238fb] { color: #FCA5A5;
}
.dif-texto[data-v-b87238fb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-b87238fb] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-b87238fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-b87238fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-b87238fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-b87238fb] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-b87238fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-valor[data-v-b87238fb] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.ej-valor.frio[data-v-b87238fb] { color: #93C5FD;
}
.ej-valor.normal[data-v-b87238fb] { color: #6EE7B7;
}
.ej-valor.caliente[data-v-b87238fb] { color: #FCD34D;
}
.ej-valor.muycaliente[data-v-b87238fb] { color: #FCA5A5;
}

/* Termómetros box */
.termometros-box[data-v-b87238fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.term-header[data-v-b87238fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.term-icono[data-v-b87238fb] {
  font-size: 1.25rem;
}
.term-titulo[data-v-b87238fb] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.term-contenido p[data-v-b87238fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.term-tipos[data-v-b87238fb] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.term-tipo[data-v-b87238fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tipo-icono[data-v-b87238fb] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-b87238fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-b87238fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b87238fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b87238fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b87238fb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-temperatura[data-v-b87238fb] {
    gap: 3rem;
    padding: 2rem;
}
.termometro-visual[data-v-b87238fb] {
    height: 120px;
}
.moleculas-box[data-v-b87238fb] {
    width: 100px;
    height: 100px;
}
.ejemplos-grid[data-v-b87238fb] {
    grid-template-columns: repeat(4, 1fr);
}
.dif-item[data-v-b87238fb] {
    flex-direction: row;
}
}

/* Intro escalas */
.intro-escalas[data-v-e4fd91c3] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.termometros-comparacion[data-v-e4fd91c3] {
  display: flex;
  gap: 2rem;
  padding: 1.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.term-col[data-v-e4fd91c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.term-nombre[data-v-e4fd91c3] {
  font-size: 1.25rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
  border-radius: 0.4rem;
}
.term-nombre.celsius[data-v-e4fd91c3] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.term-nombre.kelvin[data-v-e4fd91c3] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.term-tubo[data-v-e4fd91c3] {
  position: relative;
  width: 50px;
  height: 120px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.4rem;
}
.term-marca[data-v-e4fd91c3] {
  position: absolute;
  right: -35px;
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  transform: translateY(-50%);
}
.term-linea[data-v-e4fd91c3] {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 70%;
  border-radius: 0.2rem;
}
.term-linea.celsius[data-v-e4fd91c3] {
  background: linear-gradient(to top, #EF4444, #FCA5A5);
}
.term-linea.kelvin[data-v-e4fd91c3] {
  background: linear-gradient(to top, #3B82F6, #93C5FD);
}

/* Colores temáticos */
strong.celsius[data-v-e4fd91c3] { color: #FCA5A5;
}
strong.kelvin[data-v-e4fd91c3] { color: #93C5FD;
}

/* Escala box */
.escala-box[data-v-e4fd91c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.celsius-box[data-v-e4fd91c3] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.kelvin-box[data-v-e4fd91c3] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.escala-header[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.escala-icono[data-v-e4fd91c3] {
  font-size: 1.25rem;
}
.escala-titulo[data-v-e4fd91c3] {
  font-weight: 700;
  font-size: 0.95rem;
}
.celsius-box .escala-titulo[data-v-e4fd91c3] { color: #FCA5A5;
}
.kelvin-box .escala-titulo[data-v-e4fd91c3] { color: #93C5FD;
}
.escala-contenido[data-v-e4fd91c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-ref[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.85rem;
}
.punto-icono[data-v-e4fd91c3] {
  font-size: 1rem;
}
.punto-texto[data-v-e4fd91c3] {
  flex: 1;
  color: #E9D5FF;
}
.punto-valor[data-v-e4fd91c3] {
  font-weight: 700;
  color: #FCD34D;
}
.escala-nota[data-v-e4fd91c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  margin: 0.5rem 0 0 0;
}

/* Fórmula box */
.formula-box[data-v-e4fd91c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-e4fd91c3] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-e4fd91c3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-contenido[data-v-e4fd91c3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}
.formula-principal[data-v-e4fd91c3], .formula-inversa[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-k[data-v-e4fd91c3] { color: #93C5FD;
}
.formula-c[data-v-e4fd91c3] { color: #FCA5A5;
}
.formula-igual[data-v-e4fd91c3], .formula-mas[data-v-e4fd91c3], .formula-menos[data-v-e4fd91c3] { color: #E9D5FF;
}
.formula-num[data-v-e4fd91c3] { color: #FCD34D;
}

/* Ejemplos de conversión */
.ejemplos-section[data-v-e4fd91c3] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e4fd91c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-e4fd91c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-conv[data-v-e4fd91c3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.conv-caso[data-v-e4fd91c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conv-operacion[data-v-e4fd91c3] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Cero absoluto box */
.cero-absoluto-box[data-v-e4fd91c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 0.75rem;
}
.cero-header[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cero-icono[data-v-e4fd91c3] {
  font-size: 1.25rem;
}
.cero-titulo[data-v-e4fd91c3] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.cero-contenido[data-v-e4fd91c3] {
  text-align: center;
}
.cero-valores[data-v-e4fd91c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.cero-k[data-v-e4fd91c3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.cero-separador[data-v-e4fd91c3] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.cero-c[data-v-e4fd91c3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.cero-texto[data-v-e4fd91c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Tip */
.tip[data-v-e4fd91c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e4fd91c3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e4fd91c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e4fd91c3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.termometros-comparacion[data-v-e4fd91c3] {
    gap: 3rem;
    padding: 2rem;
}
.term-tubo[data-v-e4fd91c3] {
    width: 60px;
    height: 150px;
}
.formula-principal[data-v-e4fd91c3], .formula-inversa[data-v-e4fd91c3] {
    font-size: 1.25rem;
}
.ejemplo-conv[data-v-e4fd91c3] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}

/* Intro dilatación */
.intro-dilatacion[data-v-49ee6354] {
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.barra-container[data-v-49ee6354] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.barra-label[data-v-49ee6354] {
  font-size: 0.75rem;
  font-weight: 600;
}
.barra-label.frio[data-v-49ee6354] { color: #93C5FD;
}
.barra-label.caliente[data-v-49ee6354] { color: #FCA5A5;
}
.barra[data-v-49ee6354] {
  position: relative;
  height: 20px;
  width: 100px;
  transition: width 0.8s ease;
}
.barra.calentada[data-v-49ee6354] {
  width: 140px;
}
.barra-visual[data-v-49ee6354] {
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #93C5FD, #8B5CF6, #FCA5A5);
  border-radius: 4px;
  transition: all 0.8s ease;
}
.barra.calentada .barra-visual[data-v-49ee6354] {
  background: linear-gradient(to right, #FCA5A5, #EF4444);
}
.efecto-visual[data-v-49ee6354] {
  text-align: center;
  margin-top: 0.75rem;
}
.efecto-texto[data-v-49ee6354] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Colores temáticos */
strong.dilat[data-v-49ee6354] { color: #FCD34D;
}
strong.caliente[data-v-49ee6354] { color: #FCA5A5;
}
strong.frio[data-v-49ee6354] { color: #93C5FD;
}

/* Explicación box */
.explicacion-box[data-v-49ee6354] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.exp-header[data-v-49ee6354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.exp-icono[data-v-49ee6354] {
  font-size: 1.25rem;
}
.exp-titulo[data-v-49ee6354] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.exp-contenido p[data-v-49ee6354] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.particulas-demo[data-v-49ee6354] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.particulas-frias[data-v-49ee6354], .particulas-calientes[data-v-49ee6354] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.particulas-frias .p[data-v-49ee6354] {
  color: #93C5FD;
  font-size: 1rem;
}
.particulas-calientes .p[data-v-49ee6354] {
  color: #FCA5A5;
  font-size: 1rem;
  margin: 0 0.25rem;
}
.particulas-label[data-v-49ee6354] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tipos de dilatación */
.tipos-section[data-v-49ee6354] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-49ee6354] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-49ee6354] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-49ee6354] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-visual[data-v-49ee6354] {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.tipo-visual.lineal .linea-antes[data-v-49ee6354] {
  width: 20px;
  height: 4px;
  background: #93C5FD;
  border-radius: 2px;
}
.tipo-visual.lineal .linea-despues[data-v-49ee6354] {
  width: 30px;
  height: 4px;
  background: #FCA5A5;
  border-radius: 2px;
  margin-left: 5px;
}
.tipo-visual.superficial .area-antes[data-v-49ee6354] {
  width: 16px;
  height: 16px;
  background: #93C5FD;
  border-radius: 2px;
}
.tipo-visual.superficial .area-despues[data-v-49ee6354] {
  width: 24px;
  height: 24px;
  background: #FCA5A5;
  border-radius: 2px;
  margin-left: 5px;
}
.tipo-visual.volumetrica .cubo-antes[data-v-49ee6354] {
  width: 16px;
  height: 16px;
  background: #93C5FD;
  border-radius: 3px;
  transform: perspective(100px) rotateX(5deg) rotateY(-5deg);
}
.tipo-visual.volumetrica .cubo-despues[data-v-49ee6354] {
  width: 22px;
  height: 22px;
  background: #FCA5A5;
  border-radius: 4px;
  transform: perspective(100px) rotateX(5deg) rotateY(-5deg);
  margin-left: 5px;
}
.tipo-nombre[data-v-49ee6354] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.tipo-desc[data-v-49ee6354] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.tipo-formula[data-v-49ee6354] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Fórmula box */
.formula-box[data-v-49ee6354] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-49ee6354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-49ee6354] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-49ee6354] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-contenido[data-v-49ee6354] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-principal[data-v-49ee6354] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.var[data-v-49ee6354] { font-family: 'Times New Roman', serif;
}
.var.delta[data-v-49ee6354] { color: #6EE7B7;
}
.var.inicial[data-v-49ee6354] { color: #93C5FD;
}
.var.alfa[data-v-49ee6354] { color: #FCD34D;
}
.var.delta-t[data-v-49ee6354] { color: #FCA5A5;
}
.signo[data-v-49ee6354] { color: #E9D5FF;
}
.variables-lista[data-v-49ee6354] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.var-item[data-v-49ee6354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.var-simbolo[data-v-49ee6354] {
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  min-width: 25px;
}
.var-simbolo.delta[data-v-49ee6354] { color: #6EE7B7;
}
.var-simbolo.inicial[data-v-49ee6354] { color: #93C5FD;
}
.var-simbolo.alfa[data-v-49ee6354] { color: #FCD34D;
}
.var-simbolo.delta-t[data-v-49ee6354] { color: #FCA5A5;
}
.var-texto[data-v-49ee6354] {
  color: #E9D5FF;
}

/* Materiales box */
.materiales-box[data-v-49ee6354] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.mat-header[data-v-49ee6354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mat-icono[data-v-49ee6354] {
  font-size: 1.25rem;
}
.mat-titulo[data-v-49ee6354] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.mat-tabla[data-v-49ee6354] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mat-row[data-v-49ee6354] {
  display: flex;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.mat-row.header[data-v-49ee6354] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.mat-col[data-v-49ee6354] {
  flex: 1;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.mat-col.num[data-v-49ee6354] {
  text-align: right;
  color: #FCD34D;
  font-weight: 600;
}
.mat-nota[data-v-49ee6354] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
  margin: 0.5rem 0 0 0;
}

/* Aplicaciones */
.aplicaciones-section[data-v-49ee6354] {
  margin: 1.5rem 0;
}
.app-titulo[data-v-49ee6354] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.app-grid[data-v-49ee6354] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-item[data-v-49ee6354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.app-icono[data-v-49ee6354] {
  font-size: 1.25rem;
}
.app-texto[data-v-49ee6354] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-49ee6354] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-49ee6354] {
  font-size: 1.25rem;
}
.tip-texto[data-v-49ee6354] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-49ee6354] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.barra[data-v-49ee6354] {
    width: 150px;
}
.barra.calentada[data-v-49ee6354] {
    width: 200px;
}
.particulas-demo[data-v-49ee6354] {
    gap: 3rem;
}
.tipo-card[data-v-49ee6354] {
    padding: 0.75rem;
}
.tipo-nombre[data-v-49ee6354] {
    font-size: 0.85rem;
}
.tipo-formula[data-v-49ee6354] {
    font-size: 0.75rem;
}
}

.explorador[data-v-2eacaf2d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2eacaf2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2eacaf2d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2eacaf2d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2eacaf2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2eacaf2d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2eacaf2d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2eacaf2d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2eacaf2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2eacaf2d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Convertidor ===== */
.convertidor-container[data-v-2eacaf2d] {
  text-align: center;
}
.termometro-interactivo[data-v-2eacaf2d] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.term-visual[data-v-2eacaf2d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.term-tubo[data-v-2eacaf2d] {
  width: 20px;
  height: 100px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.term-mercurio[data-v-2eacaf2d] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #FCA5A5);
  border-radius: 0 0 8px 8px;
  transition: height 0.3s ease;
}
.term-escala[data-v-2eacaf2d] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px;
}
.term-escala.celsius .marca-temp[data-v-2eacaf2d] { color: #FCA5A5; font-size: 0.6rem;
}
.term-escala.kelvin .marca-temp[data-v-2eacaf2d] { color: #93C5FD; font-size: 0.6rem;
}
.slider-temp[data-v-2eacaf2d] {
  width: 80%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
  background: linear-gradient(to right, #93C5FD, #8B5CF6, #FCA5A5);
  margin-bottom: 0.75rem;
}
.slider-temp[data-v-2eacaf2d]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.temp-display[data-v-2eacaf2d] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.temp-valor[data-v-2eacaf2d] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
}
.temp-valor.celsius[data-v-2eacaf2d] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.temp-valor.kelvin[data-v-2eacaf2d] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.problema-conversion[data-v-2eacaf2d] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-2eacaf2d] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
strong.celsius[data-v-2eacaf2d] { color: #FCA5A5;
}
strong.kelvin[data-v-2eacaf2d] { color: #93C5FD;
}
.input-respuesta[data-v-2eacaf2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.input-label[data-v-2eacaf2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-conv[data-v-2eacaf2d], .input-dilat[data-v-2eacaf2d] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-conv.correcto[data-v-2eacaf2d], .input-dilat.correcto[data-v-2eacaf2d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-conv.incorrecto[data-v-2eacaf2d], .input-dilat.incorrecto[data-v-2eacaf2d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-2eacaf2d] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-2eacaf2d] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-2eacaf2d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.feedback.correcto[data-v-2eacaf2d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-2eacaf2d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-2eacaf2d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Dilatación ===== */
.dilatacion-container[data-v-2eacaf2d] {
  text-align: center;
}
.barra-simulador[data-v-2eacaf2d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.barra-info[data-v-2eacaf2d] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.barra-mat[data-v-2eacaf2d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.barra-datos[data-v-2eacaf2d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.barra-visual-container[data-v-2eacaf2d] {
  height: 24px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 4px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.barra-visual[data-v-2eacaf2d] {
  height: 100%;
  background: linear-gradient(to right, #93C5FD, #FCA5A5);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.temp-control[data-v-2eacaf2d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.temp-label[data-v-2eacaf2d] {
  font-size: 0.8rem;
  font-weight: 600;
}
.temp-label.frio[data-v-2eacaf2d] { color: #93C5FD;
}
.temp-label.caliente[data-v-2eacaf2d] { color: #FCA5A5;
}
.slider-dilat[data-v-2eacaf2d] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
  background: linear-gradient(to right, #93C5FD, #FCA5A5);
}
.slider-dilat[data-v-2eacaf2d]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}
.temp-actual[data-v-2eacaf2d] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.5rem;
}
.formula-ayuda[data-v-2eacaf2d] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.9rem;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.datos-problema[data-v-2eacaf2d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-2eacaf2d] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dato strong[data-v-2eacaf2d] {
  color: #FCD34D;
}
.pregunta-dilat[data-v-2eacaf2d] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Escenarios ===== */
.escenarios-container[data-v-2eacaf2d] {
  text-align: center;
}
.escenario-visual[data-v-2eacaf2d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-emoji[data-v-2eacaf2d] {
  font-size: 3rem;
  display: block;
  margin-bottom: 0.5rem;
}
.escenario-desc[data-v-2eacaf2d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.escenario-pregunta[data-v-2eacaf2d] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-escenario[data-v-2eacaf2d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-2eacaf2d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-2eacaf2d]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionada[data-v-2eacaf2d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcta[data-v-2eacaf2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecta[data-v-2eacaf2d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-2eacaf2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2eacaf2d] { font-size: 1.25rem;
}
.resultado-texto[data-v-2eacaf2d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2eacaf2d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2eacaf2d] { flex: 1;
}
.nav-btn[data-v-2eacaf2d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2eacaf2d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2eacaf2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2eacaf2d] { font-size: 1.75rem;
}
.completado-texto[data-v-2eacaf2d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2eacaf2d], .slide-leave-active[data-v-2eacaf2d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2eacaf2d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2eacaf2d] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border-radius: 0.5rem;
}
.resumen-icono[data-v-6b8c4d73] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-6b8c4d73] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-6b8c4d73] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-6b8c4d73] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.concepto-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.concepto-header.temp[data-v-6b8c4d73] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.concepto-header.escalas[data-v-6b8c4d73] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.concepto-header.dilat[data-v-6b8c4d73] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.concepto-icono[data-v-6b8c4d73] {
  font-size: 1rem;
}
.concepto-contenido[data-v-6b8c4d73] {
  padding: 0.75rem;
}
.concepto-contenido p[data-v-6b8c4d73] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.concepto-detalle[data-v-6b8c4d73] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.formula-mini[data-v-6b8c4d73] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.escalas-ref[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.esc[data-v-6b8c4d73] {
  font-weight: 700;
  font-size: 0.9rem;
}
.esc.celsius[data-v-6b8c4d73] { color: #FCA5A5;
}
.esc.kelvin[data-v-6b8c4d73] { color: #93C5FD;
}
.esc-sep[data-v-6b8c4d73] { color: #E9D5FF;
}

/* Fórmulas box */
.formulas-box[data-v-6b8c4d73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formulas-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formulas-icono[data-v-6b8c4d73] {
  font-size: 1.25rem;
}
.formulas-titulo[data-v-6b8c4d73] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formulas-lista[data-v-6b8c4d73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-6b8c4d73] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-6b8c4d73] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-eq[data-v-6b8c4d73] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos box */
.puntos-box[data-v-6b8c4d73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.puntos-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.puntos-icono[data-v-6b8c4d73] {
  font-size: 1.25rem;
}
.puntos-titulo[data-v-6b8c4d73] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.puntos-lista[data-v-6b8c4d73] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-6b8c4d73] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.punto-check[data-v-6b8c4d73] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.punto-texto[data-v-6b8c4d73] {
  color: #E9D5FF;
}
.punto-texto strong[data-v-6b8c4d73] {
  color: #FCD34D;
}
.punto-texto strong.kelvin[data-v-6b8c4d73] {
  color: #93C5FD;
}

/* Errores box */
.errores-box[data-v-6b8c4d73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.errores-icono[data-v-6b8c4d73] {
  font-size: 1.25rem;
}
.errores-titulo[data-v-6b8c4d73] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.errores-lista[data-v-6b8c4d73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-6b8c4d73] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.error-cruz[data-v-6b8c4d73] {
  color: #EF4444;
  font-weight: 700;
}
.error-mal[data-v-6b8c4d73] {
  color: #FCA5A5;
  text-decoration: line-through;
}
.error-bien[data-v-6b8c4d73] {
  color: #6EE7B7;
  flex-basis: 100%;
  padding-left: 1.25rem;
}

/* Tabla box */
.tabla-box[data-v-6b8c4d73] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tabla-header[data-v-6b8c4d73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tabla-icono[data-v-6b8c4d73] {
  font-size: 1.25rem;
}
.tabla-titulo[data-v-6b8c4d73] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-6b8c4d73] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-row[data-v-6b8c4d73] {
  display: flex;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.tabla-row.header[data-v-6b8c4d73] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-col[data-v-6b8c4d73] {
  flex: 1;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.tabla-col[data-v-6b8c4d73]:first-child {
  text-align: left;
  flex: 2;
}
.tabla-col.celsius[data-v-6b8c4d73] {
  color: #FCA5A5;
  font-weight: 600;
}
.tabla-col.kelvin[data-v-6b8c4d73] {
  color: #93C5FD;
  font-weight: 600;
}

/* Tip final */
.tip-final[data-v-6b8c4d73] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6b8c4d73] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-6b8c4d73] {
  flex: 1;
}
.tip-contenido strong[data-v-6b8c4d73] {
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-lista[data-v-6b8c4d73] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
}
.tip-lista li[data-v-6b8c4d73] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-6b8c4d73] {
    grid-template-columns: repeat(3, 1fr);
}
.formula-item[data-v-6b8c4d73] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.error-bien[data-v-6b8c4d73] {
    flex-basis: auto;
    padding-left: 0;
}
}

/* Intro visual */
.intro-visual[data-v-f055e384] {
  margin: 1rem 0 1.5rem;
}
.escena-trabajo[data-v-f055e384] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  min-height: 100px;
  overflow: hidden;
}
.caja-escena[data-v-f055e384] {
  font-size: 3rem;
  z-index: 2;
  transition: transform 3s ease-in-out;
}
.caja-escena.moviendo[data-v-f055e384] {
  animation: mover-caja-f055e384 3.5s ease-in-out infinite;
}
@keyframes mover-caja-f055e384 {
0% { transform: translateX(-40px);
}
50% { transform: translateX(40px);
}
100% { transform: translateX(-40px);
}
}
.flecha-fuerza[data-v-f055e384] {
  position: absolute;
  left: calc(50% - 80px);
  top: 30%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.flecha-fuerza.activa[data-v-f055e384] {
  opacity: 1;
}
.flecha-fuerza[data-v-f055e384]::after {
  content: '→';
  font-size: 2rem;
  color: #FCA5A5;
  font-weight: bold;
}
.flecha-texto[data-v-f055e384] {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.recorrido-linea[data-v-f055e384] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 3px;
  background: #6EE7B7;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.recorrido-linea.activa[data-v-f055e384] {
  opacity: 1;
}
.recorrido-linea[data-v-f055e384]::before,
.recorrido-linea[data-v-f055e384]::after {
  content: '';
  position: absolute;
  top: -3px;
  width: 8px;
  height: 8px;
  border-bottom: 3px solid #6EE7B7;
}
.recorrido-linea[data-v-f055e384]::before {
  left: 0;
  border-left: 3px solid #6EE7B7;
}
.recorrido-linea[data-v-f055e384]::after {
  right: 0;
  border-right: 3px solid #6EE7B7;
}
.recorrido-texto[data-v-f055e384] {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.frase-clave[data-v-f055e384] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.trabajo[data-v-f055e384] { color: #FCD34D;
}
strong.fuerza[data-v-f055e384] { color: #FCA5A5;
}
strong.direccion[data-v-f055e384] { color: #93C5FD;
}
strong.desplazamiento[data-v-f055e384] { color: #6EE7B7;
}
strong.negativo[data-v-f055e384] { color: #FCA5A5;
}

/* Condiciones box */
.condiciones-box[data-v-f055e384] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.cond-header[data-v-f055e384] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cond-icono[data-v-f055e384] {
  font-size: 1.25rem;
}
.cond-titulo[data-v-f055e384] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.condiciones-lista[data-v-f055e384] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion-item[data-v-f055e384] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.cond-num[data-v-f055e384] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.cond-texto[data-v-f055e384] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos comparación */
.ejemplos-comparacion[data-v-f055e384] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
@media (max-width: 480px) {
.ejemplos-comparacion[data-v-f055e384] {
    grid-template-columns: 1fr;
}
}
.ejemplo-col[data-v-f055e384] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.ejemplo-col.positivo[data-v-f055e384] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ejemplo-col.negativo[data-v-f055e384] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.ejemplo-header[data-v-f055e384] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.positivo .ej-icono[data-v-f055e384] {
  color: #6EE7B7;
  font-weight: 700;
}
.negativo .ej-icono[data-v-f055e384] {
  color: #FCA5A5;
  font-weight: 700;
}
.ej-titulo[data-v-f055e384] {
  font-weight: 700;
  font-size: 0.85rem;
}
.positivo .ej-titulo[data-v-f055e384] { color: #6EE7B7;
}
.negativo .ej-titulo[data-v-f055e384] { color: #FCA5A5;
}
.ejemplo-lista[data-v-f055e384] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ej-item[data-v-f055e384] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-emoji[data-v-f055e384] {
  font-size: 1rem;
}
.nota-circular[data-v-f055e384] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
  margin: 0.5rem 0 1rem;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}

/* Unidad box */
.unidad-box[data-v-f055e384] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidad-header[data-v-f055e384] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-icono[data-v-f055e384] {
  font-size: 1.25rem;
}
.unidad-titulo[data-v-f055e384] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidad-contenido[data-v-f055e384] {
  text-align: center;
}
.unidad-formula[data-v-f055e384] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.unidad-nombre[data-v-f055e384] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-igual[data-v-f055e384] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-definicion[data-v-f055e384] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.unidad-texto[data-v-f055e384] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Tip */
.tip[data-v-f055e384] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f055e384] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f055e384] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f055e384] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-trabajo[data-v-f055e384] {
    padding: 2.5rem;
}
.caja-emoji[data-v-f055e384] {
    font-size: 4rem;
}
.frase-clave[data-v-f055e384] {
    font-size: 0.95rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-21f8bc79] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-grande[data-v-21f8bc79] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}
.formula-leyenda[data-v-21f8bc79] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  font-size: 0.8rem;
}
.leyenda-item[data-v-21f8bc79] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.leyenda-item.trabajo[data-v-21f8bc79] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.leyenda-item.fuerza[data-v-21f8bc79] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.leyenda-item.distancia[data-v-21f8bc79] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.leyenda-item.angulo[data-v-21f8bc79] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}

/* Colores temáticos */
strong.fuerza[data-v-21f8bc79] { color: #FCA5A5;
}
strong.distancia[data-v-21f8bc79] { color: #6EE7B7;
}
strong.angulo[data-v-21f8bc79] { color: #93C5FD;
}

/* Ángulo visual */
.angulo-visual[data-v-21f8bc79] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.angulo-titulo[data-v-21f8bc79] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.casos-angulo[data-v-21f8bc79] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 480px) {
.casos-angulo[data-v-21f8bc79] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.caso-item[data-v-21f8bc79] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-diagrama[data-v-21f8bc79] {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.caso-flecha-f[data-v-21f8bc79] { color: #FCA5A5;
}
.caso-flecha-f-up[data-v-21f8bc79] { color: #FCA5A5;
}
.caso-flecha-f-back[data-v-21f8bc79] { color: #FCA5A5;
}
.caso-flecha-d[data-v-21f8bc79] { color: #6EE7B7; margin-left: 0.25rem;
}
.caso-diagrama.cero[data-v-21f8bc79] {
  flex-direction: row;
}
.caso-diagrama.noventa[data-v-21f8bc79] {
  flex-direction: column;
}
.caso-diagrama.ciento-ochenta[data-v-21f8bc79] {
  flex-direction: row;
}
.caso-info[data-v-21f8bc79] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.caso-angulo[data-v-21f8bc79] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.caso-cos[data-v-21f8bc79] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.caso-resultado[data-v-21f8bc79] {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.2rem;
  border-radius: 0.25rem;
}
.caso-resultado.positivo[data-v-21f8bc79] { color: #6EE7B7; background: rgba(16, 185, 129, 0.2);
}
.caso-resultado.cero[data-v-21f8bc79] { color: #FCD34D; background: rgba(245, 158, 11, 0.2);
}
.caso-resultado.negativo[data-v-21f8bc79] { color: #FCA5A5; background: rgba(239, 68, 68, 0.2);
}
.caso-desc[data-v-21f8bc79] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-21f8bc79] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-21f8bc79] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-21f8bc79] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-21f8bc79] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-21f8bc79] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-solucion[data-v-21f8bc79] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-21f8bc79] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.3rem 0;
}
.sol-label[data-v-21f8bc79] {
  color: #C4B5FD;
  min-width: 85px;
}
.sol-valor[data-v-21f8bc79] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-paso.final[data-v-21f8bc79] {
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(110, 231, 183, 0.3);
}
.sol-valor.resultado[data-v-21f8bc79] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}

/* Tabla cosenos */
.tabla-cosenos[data-v-21f8bc79] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-21f8bc79] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-grid[data-v-21f8bc79] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 2px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-21f8bc79] {
  padding: 0.5rem;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
}
.tabla-cell[data-v-21f8bc79] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-cell.angulo[data-v-21f8bc79] {
  font-weight: 700;
  color: #93C5FD;
}
.tabla-cell.positivo[data-v-21f8bc79] { color: #6EE7B7;
}
.tabla-cell.cero[data-v-21f8bc79] { color: #FCD34D;
}
.tabla-cell.negativo[data-v-21f8bc79] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-21f8bc79] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-21f8bc79] {
  font-size: 1.25rem;
}
.tip-texto[data-v-21f8bc79] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-21f8bc79] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-21f8bc79] {
    font-size: 2rem;
}
.formula-leyenda[data-v-21f8bc79] {
    font-size: 0.85rem;
}
}

/* Colores temáticos */
strong.positivo[data-v-2541e674] { color: #6EE7B7;
}
strong.negativo[data-v-2541e674] { color: #FCA5A5;
}
strong.cero[data-v-2541e674] { color: #FCD34D;
}

/* Comparación trabajo */
.comparacion-trabajo[data-v-2541e674] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
@media (max-width: 640px) {
.comparacion-trabajo[data-v-2541e674] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.trabajo-card[data-v-2541e674] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.trabajo-card.positivo[data-v-2541e674] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.trabajo-card.negativo[data-v-2541e674] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.trabajo-card.cero[data-v-2541e674] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.card-header[data-v-2541e674] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-2541e674] {
  font-size: 1.1rem;
}
.card-titulo[data-v-2541e674] {
  font-weight: 700;
  font-size: 0.85rem;
}
.positivo .card-titulo[data-v-2541e674] { color: #6EE7B7;
}
.negativo .card-titulo[data-v-2541e674] { color: #FCA5A5;
}
.cero .card-titulo[data-v-2541e674] { color: #FCD34D;
}
.card-visual[data-v-2541e674] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.visual-diagrama[data-v-2541e674] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.diag-f[data-v-2541e674], .diag-d[data-v-2541e674] { color: #6EE7B7;
}
.visual-diagrama.neg .diag-f[data-v-2541e674] { color: #FCA5A5;
}
.visual-diagrama.cero .diag-f-up[data-v-2541e674] { color: #FCA5A5;
}
.diag-obj[data-v-2541e674] { font-size: 1.25rem;
}
.card-condicion[data-v-2541e674] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
  font-family: 'Times New Roman', serif;
}
.card-significado[data-v-2541e674] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.card-ejemplos[data-v-2541e674] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ej-mini[data-v-2541e674] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.15rem 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Caso fricción */
.caso-friccion[data-v-2541e674] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.friccion-header[data-v-2541e674] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.friccion-icono[data-v-2541e674] {
  font-size: 1.25rem;
}
.friccion-titulo[data-v-2541e674] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.friccion-visual[data-v-2541e674] {
  margin-bottom: 0.75rem;
}
.friccion-diagrama[data-v-2541e674] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.fric-obj[data-v-2541e674] {
  font-size: 1.5rem;
}
.fric-flecha-mov[data-v-2541e674] {
  color: #6EE7B7;
  font-weight: 600;
}
.fric-flecha-roce[data-v-2541e674] {
  color: #FCA5A5;
  font-weight: 600;
}
.friccion-texto[data-v-2541e674] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-2541e674] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.ejemplo-titulo[data-v-2541e674] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-texto[data-v-2541e674] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ejemplo-calculo[data-v-2541e674] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: 'Times New Roman', serif;
  font-size: 0.95rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ejemplo-calculo .resultado[data-v-2541e674] {
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 0.25rem;
}
.ejemplo-calculo .resultado.negativo[data-v-2541e674] {
  color: #FCA5A5;
}
.ejemplo-nota[data-v-2541e674] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
  font-style: italic;
}

/* Resumen signos */
.resumen-signos[data-v-2541e674] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-2541e674] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.resumen-grid[data-v-2541e674] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.resumen-item[data-v-2541e674] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.resumen-item.positivo[data-v-2541e674] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #6EE7B7;
}
.resumen-item.negativo[data-v-2541e674] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #FCA5A5;
}
.resumen-item.cero[data-v-2541e674] {
  background: rgba(245, 158, 11, 0.15);
  border-left: 3px solid #FCD34D;
}
.res-signo[data-v-2541e674] {
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 50px;
}
.positivo .res-signo[data-v-2541e674] { color: #6EE7B7;
}
.negativo .res-signo[data-v-2541e674] { color: #FCA5A5;
}
.cero .res-signo[data-v-2541e674] { color: #FCD34D;
}
.res-significa[data-v-2541e674] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-2541e674] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-2541e674] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2541e674] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2541e674] {
  color: #6EE7B7;
}

.explorador[data-v-069a4ddf] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-069a4ddf] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-069a4ddf] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-069a4ddf] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-069a4ddf] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-069a4ddf] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-069a4ddf] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-069a4ddf] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-069a4ddf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-069a4ddf] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-trabajo[data-v-069a4ddf] {
  text-align: center;
}
.canvas-trabajo[data-v-069a4ddf] {
  position: relative;
  height: 120px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.suelo-trabajo[data-v-069a4ddf] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(to top, #4B5563, transparent);
}
.caja-trabajo[data-v-069a4ddf] {
  position: absolute;
  bottom: 15px;
  font-size: 2.5rem;
  transition: left 0.5s ease;
}
.caja-emoji-sim[data-v-069a4ddf] {
  display: block;
}
.flecha-visual[data-v-069a4ddf] {
  position: absolute;
  left: calc(20% + 50px);
  top: 30px;
  height: 8px;
  background: linear-gradient(to right, #FCA5A5, #EF4444);
  border-radius: 4px;
  transform-origin: left center;
}
.flecha-visual[data-v-069a4ddf]::after {
  content: '▶';
  position: absolute;
  right: -10px;
  top: -8px;
  color: #EF4444;
  font-size: 0.75rem;
}
.flecha-f[data-v-069a4ddf] {
  position: absolute;
  top: -18px;
  right: 5px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.recorrido-visual[data-v-069a4ddf] {
  position: absolute;
  bottom: 5px;
  left: 15%;
  height: 3px;
  background: #6EE7B7;
  border-radius: 2px;
}
.recorrido-d[data-v-069a4ddf] {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
  white-space: nowrap;
}
.resultado-trabajo[data-v-069a4ddf] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-live[data-v-069a4ddf] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.trabajo-valor[data-v-069a4ddf] {
  font-size: 1.5rem;
  font-weight: 700;
  transition: color 0.3s ease;
}
.trabajo-valor.positivo[data-v-069a4ddf] { color: #6EE7B7;
}
.trabajo-valor.negativo[data-v-069a4ddf] { color: #FCA5A5;
}
.trabajo-valor.cero[data-v-069a4ddf] { color: #FCD34D;
}
.controles-sim[data-v-069a4ddf] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-069a4ddf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-069a4ddf] {
  font-size: 0.75rem;
  font-weight: 600;
  min-width: 70px;
  text-align: right;
}
.control-label.fuerza[data-v-069a4ddf] { color: #FCA5A5;
}
.control-label.distancia[data-v-069a4ddf] { color: #6EE7B7;
}
.control-label.angulo[data-v-069a4ddf] { color: #93C5FD;
}
.slider[data-v-069a4ddf] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.fuerza[data-v-069a4ddf] { background: rgba(252, 165, 165, 0.3);
}
.slider.distancia[data-v-069a4ddf] { background: rgba(110, 231, 183, 0.3);
}
.slider.angulo[data-v-069a4ddf] { background: rgba(147, 197, 253, 0.3);
}
.slider[data-v-069a4ddf]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.fuerza[data-v-069a4ddf]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.distancia[data-v-069a4ddf]::-webkit-slider-thumb { background: #6EE7B7;
}
.slider.angulo[data-v-069a4ddf]::-webkit-slider-thumb { background: #93C5FD;
}
.slider[data-v-069a4ddf]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.fuerza[data-v-069a4ddf]::-moz-range-thumb { background: #FCA5A5;
}
.slider.distancia[data-v-069a4ddf]::-moz-range-thumb { background: #6EE7B7;
}
.slider.angulo[data-v-069a4ddf]::-moz-range-thumb { background: #93C5FD;
}
.control-valor[data-v-069a4ddf] {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 45px;
  text-align: left;
}
.control-valor.fuerza[data-v-069a4ddf] { color: #FCA5A5;
}
.control-valor.distancia[data-v-069a4ddf] { color: #6EE7B7;
}
.control-valor.angulo[data-v-069a4ddf] { color: #93C5FD;
}
.objetivo-d1[data-v-069a4ddf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-069a4ddf] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-069a4ddf] {
  text-align: center;
}
.problema-d2[data-v-069a4ddf] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-069a4ddf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obj-emoji-d2[data-v-069a4ddf] {
  font-size: 2rem;
}
.dato-visual[data-v-069a4ddf] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.dato-visual.fuerza[data-v-069a4ddf] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-visual.distancia[data-v-069a4ddf] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.dato-visual.angulo[data-v-069a4ddf] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.pregunta-d2[data-v-069a4ddf] {
  font-size: 1rem;
  color: #E9D5FF;
}
strong.trabajo[data-v-069a4ddf] { color: #FCD34D;
}
.input-respuesta[data-v-069a4ddf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-069a4ddf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.btn-signo[data-v-069a4ddf] {
  width: 36px;
  height: 36px;
  font-size: 1.2rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-069a4ddf] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.input-calculo[data-v-069a4ddf] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-069a4ddf] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-069a4ddf] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-069a4ddf] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-069a4ddf] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-069a4ddf] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-069a4ddf] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-069a4ddf] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-d2[data-v-069a4ddf], .contador-d3[data-v-069a4ddf] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Identificar ===== */
.identificar-container[data-v-069a4ddf] {
  text-align: center;
}
.situacion-d3[data-v-069a4ddf] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.situacion-emoji[data-v-069a4ddf] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-069a4ddf] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.situacion-detalle[data-v-069a4ddf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.opciones-d3[data-v-069a4ddf] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-trabajo[data-v-069a4ddf] {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-family: inherit;
  transition: all 0.2s ease;
  flex: 1;
  max-width: 100px;
}
.opcion-trabajo.positivo[data-v-069a4ddf] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.opcion-trabajo.cero[data-v-069a4ddf] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.opcion-trabajo.negativo[data-v-069a4ddf] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.opcion-trabajo.seleccionado[data-v-069a4ddf] {
  transform: scale(1.05);
}
.opcion-trabajo.correcto[data-v-069a4ddf] {
  background: #10B981;
  border-color: #047857;
}
.opcion-trabajo.incorrecto[data-v-069a4ddf] {
  background: #EF4444;
  border-color: #B91C1C;
}
.opcion-signo[data-v-069a4ddf] {
  font-size: 0.9rem;
  font-weight: 700;
}
.positivo .opcion-signo[data-v-069a4ddf] { color: #6EE7B7;
}
.cero .opcion-signo[data-v-069a4ddf] { color: #FCD34D;
}
.negativo .opcion-signo[data-v-069a4ddf] { color: #FCA5A5;
}
.opcion-trabajo.correcto .opcion-signo[data-v-069a4ddf],
.opcion-trabajo.incorrecto .opcion-signo[data-v-069a4ddf] { color: white;
}
.opcion-label[data-v-069a4ddf] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.opcion-trabajo.correcto .opcion-label[data-v-069a4ddf],
.opcion-trabajo.incorrecto .opcion-label[data-v-069a4ddf] { color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-069a4ddf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-069a4ddf] { font-size: 1.25rem;
}
.resultado-texto[data-v-069a4ddf] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-069a4ddf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-069a4ddf] { flex: 1;
}
.nav-btn[data-v-069a4ddf] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-069a4ddf] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-069a4ddf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-069a4ddf] { font-size: 1.75rem;
}
.completado-texto[data-v-069a4ddf] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-069a4ddf], .slide-leave-active[data-v-069a4ddf] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-069a4ddf] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-069a4ddf] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-497d02bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-emoji[data-v-497d02bf] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-497d02bf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-497d02bf] {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-formula[data-v-497d02bf] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.concepto-unidades[data-v-497d02bf] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.concepto-unidades strong[data-v-497d02bf] {
  color: #6EE7B7;
}

/* Puntos grid */
.puntos-grid[data-v-497d02bf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.puntos-grid[data-v-497d02bf] {
    grid-template-columns: 1fr;
}
}
.punto-card[data-v-497d02bf] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-497d02bf] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.punto-contenido[data-v-497d02bf] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.punto-titulo[data-v-497d02bf] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-texto[data-v-497d02bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tabla resumen cosenos */
.tabla-resumen[data-v-497d02bf] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-497d02bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tabla-contenido[data-v-497d02bf] {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.cos-item[data-v-497d02bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 45px;
}
.cos-angulo[data-v-497d02bf] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.cos-valor[data-v-497d02bf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Errores section */
.errores-section[data-v-497d02bf] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-header[data-v-497d02bf] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.errores-icono[data-v-497d02bf] {
  font-size: 1.1rem;
}
.errores-titulo[data-v-497d02bf] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.errores-lista[data-v-497d02bf] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.error-item[data-v-497d02bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.error-x[data-v-497d02bf] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-497d02bf] {
  color: #E9D5FF;
}

/* Conexión energía */
.conexion-energia[data-v-497d02bf] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.conexion-header[data-v-497d02bf] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.conexion-icono[data-v-497d02bf] {
  font-size: 1.1rem;
}
.conexion-titulo[data-v-497d02bf] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.conexion-texto[data-v-497d02bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.conexion-texto strong[data-v-497d02bf] {
  color: #6EE7B7;
}
.conexion-formula[data-v-497d02bf] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.conexion-nota[data-v-497d02bf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
  text-align: center;
}

/* Tip final */
.tip-final[data-v-497d02bf] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-icono[data-v-497d02bf] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-497d02bf] {
  flex: 1;
}
.tip-titulo[data-v-497d02bf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-texto[data-v-497d02bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.6;
}

/* Completado lección */
.completado-leccion[data-v-497d02bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-emoji[data-v-497d02bf] {
  font-size: 1.75rem;
}
.completado-texto[data-v-497d02bf] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-formula[data-v-497d02bf] {
    font-size: 2rem;
}
}

/* Visual introductorio */
.intro-visual[data-v-98e78439] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.eficiencia-visual[data-v-98e78439] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.energia-entrada[data-v-98e78439] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
}
.energia-icono[data-v-98e78439] {
  font-size: 1.5rem;
}
.energia-label[data-v-98e78439] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.flecha-proceso[data-v-98e78439] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.proceso-box[data-v-98e78439] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
}
.proceso-icono[data-v-98e78439] {
  font-size: 1.25rem;
}
.proceso-nombre[data-v-98e78439] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.salidas[data-v-98e78439] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.salida[data-v-98e78439] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.salida.util[data-v-98e78439] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  color: #6EE7B7;
}
.salida.perdida[data-v-98e78439] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #EF4444;
  color: #FCA5A5;
}
.salida-icono[data-v-98e78439] {
  font-size: 0.9rem;
}

/* Fórmula */
.formula-section[data-v-98e78439] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-98e78439] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-98e78439] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula[data-v-98e78439] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion[data-v-98e78439] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5rem;
}
.numerador[data-v-98e78439] {
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 0.25rem;
}
.denominador[data-v-98e78439] {
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  padding-top: 0.25rem;
}
.formula-nota[data-v-98e78439] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-98e78439] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-98e78439] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-98e78439] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-card[data-v-98e78439] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-header[data-v-98e78439] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.ejemplo-icono[data-v-98e78439] {
  font-size: 1rem;
}
.ejemplo-nombre[data-v-98e78439] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.barra-eficiencia[data-v-98e78439] {
  display: flex;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
}
.barra-util[data-v-98e78439] {
  background: linear-gradient(90deg, #10B981, #6EE7B7);
}
.barra-perdida[data-v-98e78439] {
  background: linear-gradient(90deg, #EF4444, #FCA5A5);
}
.ejemplo-valor[data-v-98e78439] {
  text-align: right;
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.ejemplo-valor.positivo[data-v-98e78439] { color: #6EE7B7;
}
.ejemplo-valor.negativo[data-v-98e78439] { color: #FCA5A5;
}
.ejemplo-valor.neutro[data-v-98e78439] { color: #FCD34D;
}
.leyenda[data-v-98e78439] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
}
.ley-item.util[data-v-98e78439] { color: #6EE7B7;
}
.ley-item.perdida[data-v-98e78439] { color: #FCA5A5;
}

/* Importancia */
.importancia-section[data-v-98e78439] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.importancia-icono[data-v-98e78439] {
  font-size: 2rem;
}
.importancia-contenido[data-v-98e78439] {
  flex: 1;
}
.importancia-titulo[data-v-98e78439] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.importancia-lista[data-v-98e78439] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.importancia-lista strong[data-v-98e78439] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-98e78439] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-98e78439] {
  font-size: 1.25rem;
}
.tip-texto[data-v-98e78439] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-98e78439] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.eficiencia-visual[data-v-98e78439] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
.ejemplos-grid[data-v-98e78439] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Comparación visual */
.comparacion-visual[data-v-86a3b7a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.energia-tipo[data-v-86a3b7a0] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
  flex: 1;
  min-width: 120px;
}
.energia-tipo.renovable[data-v-86a3b7a0] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid #10B981;
}
.energia-tipo.no-renovable[data-v-86a3b7a0] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid #EF4444;
}
.tipo-header[data-v-86a3b7a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.25rem;
}
.tipo-icono[data-v-86a3b7a0] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-86a3b7a0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-86a3b7a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs[data-v-86a3b7a0] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Renovables grid */
.renovables-section[data-v-86a3b7a0] {
  margin: 1.5rem 0;
}
.renovables-titulo[data-v-86a3b7a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.renovables-grid[data-v-86a3b7a0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.renovable-card[data-v-86a3b7a0] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.renovable-card.solar[data-v-86a3b7a0] { border-color: rgba(251, 191, 36, 0.5);
}
.renovable-card.eolica[data-v-86a3b7a0] { border-color: rgba(96, 165, 250, 0.5);
}
.renovable-card.hidro[data-v-86a3b7a0] { border-color: rgba(59, 130, 246, 0.5);
}
.renovable-card.geo[data-v-86a3b7a0] { border-color: rgba(239, 68, 68, 0.5);
}
.card-icono[data-v-86a3b7a0] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-nombre[data-v-86a3b7a0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.card-desc[data-v-86a3b7a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.card-dato[data-v-86a3b7a0] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.card-dato strong[data-v-86a3b7a0] {
  color: #6EE7B7;
}

/* Chile section */
.chile-section[data-v-86a3b7a0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.chile-header[data-v-86a3b7a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chile-icono[data-v-86a3b7a0] {
  font-size: 1.25rem;
}
.chile-titulo[data-v-86a3b7a0] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.chile-grafico[data-v-86a3b7a0] {
  margin-bottom: 0.75rem;
}
.barra-matriz[data-v-86a3b7a0] {
  display: flex;
  height: 28px;
  border-radius: 6px;
  overflow: hidden;
}
.segmento[data-v-86a3b7a0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.segmento.hidro[data-v-86a3b7a0] { background: #3B82F6;
}
.segmento.solar[data-v-86a3b7a0] { background: #FBBF24;
}
.segmento.eolica[data-v-86a3b7a0] { background: #60A5FA;
}
.segmento.fossil[data-v-86a3b7a0] { background: #6B7280;
}
.seg-label[data-v-86a3b7a0] {
  font-size: 0.6rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.chile-dato[data-v-86a3b7a0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.chile-dato strong[data-v-86a3b7a0] {
  color: #6EE7B7;
}

/* Pros y cons */
.pros-cons[data-v-86a3b7a0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.pros[data-v-86a3b7a0], .cons[data-v-86a3b7a0] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.pros[data-v-86a3b7a0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cons[data-v-86a3b7a0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.pc-header[data-v-86a3b7a0] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.pc-header.positivo[data-v-86a3b7a0] { color: #6EE7B7;
}
.pc-header.negativo[data-v-86a3b7a0] { color: #FCA5A5;
}
.pc-lista[data-v-86a3b7a0] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Principio */
.principio-section[data-v-86a3b7a0] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.principio-icono[data-v-86a3b7a0] {
  font-size: 1.5rem;
}
.principio-contenido[data-v-86a3b7a0] {
  flex: 1;
}
.principio-titulo[data-v-86a3b7a0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.principio-texto[data-v-86a3b7a0] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.principio-texto strong[data-v-86a3b7a0] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-86a3b7a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-86a3b7a0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-86a3b7a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-86a3b7a0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.renovables-grid[data-v-86a3b7a0] {
    grid-template-columns: repeat(4, 1fr);
}
.comparacion-visual[data-v-86a3b7a0] {
    flex-wrap: nowrap;
    gap: 1rem;
}
}

.explorador[data-v-0689d5a6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0689d5a6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0689d5a6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0689d5a6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0689d5a6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0689d5a6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0689d5a6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0689d5a6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0689d5a6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0689d5a6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calculador ===== */
.calculador[data-v-0689d5a6] {
  text-align: center;
}
.dispositivo-visual[data-v-0689d5a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.entrada-energia[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
  border-radius: 0.4rem;
}
.entrada-icono[data-v-0689d5a6] { font-size: 1.25rem;
}
.entrada-valor[data-v-0689d5a6] { font-size: 0.7rem; color: #93C5FD; font-weight: 600;
}
.dispositivo-box[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
}
.dispositivo-icono[data-v-0689d5a6] { font-size: 1.5rem;
}
.dispositivo-nombre[data-v-0689d5a6] { font-size: 0.7rem; color: #C4B5FD;
}
.salidas-energia[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.salida-util[data-v-0689d5a6], .salida-perdida[data-v-0689d5a6] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.salida-util[data-v-0689d5a6] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  color: #6EE7B7;
}
.salida-perdida[data-v-0689d5a6] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #EF4444;
  color: #FCA5A5;
}
.salida-icono[data-v-0689d5a6] { font-size: 0.9rem;
}
.sliders-container[data-v-0689d5a6] {
  margin-bottom: 1rem;
}
.slider-group[data-v-0689d5a6] {
  margin-bottom: 0.75rem;
}
.slider-label[data-v-0689d5a6] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
}
.slider-valor[data-v-0689d5a6] { color: #93C5FD; font-weight: 600;
}
.slider-valor.util[data-v-0689d5a6] { color: #6EE7B7;
}
.slider[data-v-0689d5a6] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider[data-v-0689d5a6]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
}
.slider.util[data-v-0689d5a6]::-webkit-slider-thumb {
  background: #10B981;
}
.calc-resultado[data-v-0689d5a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.calc-formula[data-v-0689d5a6] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.calc-valor[data-v-0689d5a6] {
  font-size: 1.25rem;
  font-weight: 700;
}
.calc-valor.buena[data-v-0689d5a6] { color: #6EE7B7;
}
.calc-valor.mala[data-v-0689d5a6] { color: #FCA5A5;
}
.pregunta-calc[data-v-0689d5a6] {
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.opciones-calc[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-0689d5a6] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-0689d5a6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-0689d5a6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-0689d5a6] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.progreso-contador[data-v-0689d5a6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Clasificar Energías ===== */
.clasificar-energia[data-v-0689d5a6] {
  text-align: center;
}
.instruccion-clasif[data-v-0689d5a6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.fuente-actual[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fuente-icono[data-v-0689d5a6] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.fuente-nombre[data-v-0689d5a6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-tipo[data-v-0689d5a6] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-btn[data-v-0689d5a6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  border: 2px solid;
}
.tipo-btn.renovable[data-v-0689d5a6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.tipo-btn.no-renovable[data-v-0689d5a6] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.tipo-btn.seleccionado[data-v-0689d5a6] {
  transform: scale(1.02);
}
.tipo-btn.correcto[data-v-0689d5a6] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.tipo-btn.incorrecto[data-v-0689d5a6] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.tipo-icono[data-v-0689d5a6] {
  font-size: 1.5rem;
}
.razon-tipo[data-v-0689d5a6] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Optimizar Casa ===== */
.optimizar-casa[data-v-0689d5a6] {
  text-align: center;
}
.casa-visual[data-v-0689d5a6] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.casa-svg[data-v-0689d5a6] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.luz-led[data-v-0689d5a6] {
  animation: brillo-led-0689d5a6 2s ease-in-out infinite;
}
@keyframes brillo-led-0689d5a6 {
0%, 100% { opacity: 0.8;
}
50% { opacity: 1; filter: drop-shadow(0 0 8px #FCD34D);
}
}
.luz-old[data-v-0689d5a6] {
  opacity: 0.6;
}
.estadisticas[data-v-0689d5a6] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.stat[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-label[data-v-0689d5a6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.stat-valor[data-v-0689d5a6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.stat-valor.bueno[data-v-0689d5a6] { color: #6EE7B7;
}
.stat-valor.ahorro[data-v-0689d5a6] { color: #FCD34D;
}
.mejoras-titulo[data-v-0689d5a6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.mejoras-grid[data-v-0689d5a6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.mejora-btn[data-v-0689d5a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.mejora-btn.activa[data-v-0689d5a6] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.mejora-icono[data-v-0689d5a6] {
  font-size: 1.25rem;
}
.mejora-nombre[data-v-0689d5a6] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.mejora-ahorro[data-v-0689d5a6] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.btn-verificar[data-v-0689d5a6] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.feedback-opt[data-v-0689d5a6] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback-opt.positivo[data-v-0689d5a6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.feedback-opt.negativo[data-v-0689d5a6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-0689d5a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0689d5a6] { font-size: 1.25rem;
}
.resultado-texto[data-v-0689d5a6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0689d5a6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0689d5a6] { flex: 1;
}
.nav-btn[data-v-0689d5a6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0689d5a6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0689d5a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0689d5a6] { font-size: 1.75rem;
}
.completado-texto[data-v-0689d5a6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0689d5a6], .slide-leave-active[data-v-0689d5a6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0689d5a6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0689d5a6] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-calc[data-v-0689d5a6] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-0689d5a6] {
    flex: 1;
    max-width: 140px;
}
.dispositivo-visual[data-v-0689d5a6] {
    flex-wrap: nowrap;
}
}

/* Header resumen */
.resumen-header[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-c4eb9903] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-c4eb9903] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-c4eb9903] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-num[data-v-c4eb9903] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-titulo[data-v-c4eb9903] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido[data-v-c4eb9903] {
  padding: 0.75rem;
}

/* Fórmula mini */
.formula-mini[data-v-c4eb9903] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.puntos-clave[data-v-c4eb9903] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.puntos-clave strong[data-v-c4eb9903] {
  color: #FFFFFF;
}

/* Comparación mini */
.comparacion-mini[data-v-c4eb9903] {
  display: flex;
  gap: 0.5rem;
}
.tipo-mini[data-v-c4eb9903] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-mini.renovable[data-v-c4eb9903] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-mini.no-renovable[data-v-c4eb9903] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-emoji[data-v-c4eb9903] {
  display: block;
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.tipo-label[data-v-c4eb9903] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-c4eb9903] {
  display: block;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tabla eficiencias */
.tabla-eficiencias[data-v-c4eb9903] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fila-ef[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ef-nombre[data-v-c4eb9903] {
  width: 120px;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ef-barra[data-v-c4eb9903] {
  flex: 1;
  height: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
}
.ef-fill[data-v-c4eb9903] {
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 5px;
}
.ef-valor[data-v-c4eb9903] {
  width: 40px;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: right;
}
.ef-valor.alta[data-v-c4eb9903] { color: #6EE7B7;
}
.ef-valor.media[data-v-c4eb9903] { color: #FCD34D;
}
.ef-valor.baja[data-v-c4eb9903] { color: #FCA5A5;
}

/* Tips PAES */
.paes-section[data-v-c4eb9903] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.paes-header[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paes-icono[data-v-c4eb9903] {
  font-size: 1.25rem;
}
.paes-titulo[data-v-c4eb9903] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paes-tips[data-v-c4eb9903] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c4eb9903] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-bullet[data-v-c4eb9903] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-text strong[data-v-c4eb9903] {
  color: #FFFFFF;
}

/* Fórmulas */
.formulas-section[data-v-c4eb9903] {
  margin: 1.5rem 0;
}
.formulas-header[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formulas-icono[data-v-c4eb9903] {
  font-size: 1.25rem;
}
.formulas-titulo[data-v-c4eb9903] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formulas-grid[data-v-c4eb9903] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-c4eb9903] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-c4eb9903] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-eq[data-v-c4eb9903] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-c4eb9903] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.ejemplo-icono[data-v-c4eb9903] {
  font-size: 1rem;
}
.ejemplo-titulo[data-v-c4eb9903] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.ejemplo-contenido[data-v-c4eb9903] {
  padding: 0.75rem;
}
.ejemplo-texto[data-v-c4eb9903] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.ejemplo-texto strong[data-v-c4eb9903] {
  color: #93C5FD;
}
.ejemplo-solucion[data-v-c4eb9903] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sol-paso[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.paso-num[data-v-c4eb9903] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.paso-text[data-v-c4eb9903] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.sol-resultado[data-v-c4eb9903] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
}
.sol-resultado strong[data-v-c4eb9903] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Mensaje final */
.mensaje-final[data-v-c4eb9903] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-c4eb9903] {
  font-size: 1.5rem;
}
.final-texto[data-v-c4eb9903] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-c4eb9903] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.formula-item[data-v-c4eb9903] {
    flex-direction: column;
    text-align: center;
}
.ef-nombre[data-v-c4eb9903] {
    width: 150px;
    font-size: 0.8rem;
}
}

/* Estrella animada */
.intro-visual[data-v-2299f8d7] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.estrella-animada[data-v-2299f8d7] {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nucleo[data-v-2299f8d7] {
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, #FCD34D 0%, #F59E0B 50%, #DC2626 100%);
  border-radius: 50%;
  z-index: 10;
  animation: pulso-estrella-2299f8d7 2s ease-in-out infinite;
  box-shadow: 0 0 30px #F59E0B, 0 0 60px rgba(245, 158, 11, 0.5);
}
@keyframes pulso-estrella-2299f8d7 {
0%, 100% { transform: scale(1); box-shadow: 0 0 30px #F59E0B, 0 0 60px rgba(245, 158, 11, 0.5);
}
50% { transform: scale(1.1); box-shadow: 0 0 40px #FCD34D, 0 0 80px rgba(252, 211, 77, 0.6);
}
}
.corona[data-v-2299f8d7] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.rayo[data-v-2299f8d7] {
  position: absolute;
  width: 4px;
  height: 25px;
  background: linear-gradient(to top, #FCD34D, transparent);
  border-radius: 2px;
  opacity: 0.7;
  animation: rayo-pulse-2299f8d7 1.5s ease-in-out infinite;
}
.r1[data-v-2299f8d7] { top: 5px; left: 50%; transform: translateX(-50%);
}
.r2[data-v-2299f8d7] { bottom: 5px; left: 50%; transform: translateX(-50%) rotate(180deg); animation-delay: 0.4s;
}
.r3[data-v-2299f8d7] { left: 5px; top: 50%; transform: translateY(-50%) rotate(-90deg); animation-delay: 0.8s;
}
.r4[data-v-2299f8d7] { right: 5px; top: 50%; transform: translateY(-50%) rotate(90deg); animation-delay: 1.2s;
}
@keyframes rayo-pulse-2299f8d7 {
0%, 100% { opacity: 0.5; height: 25px;
}
50% { opacity: 1; height: 35px;
}
}

/* Idea central */
.idea-central[data-v-2299f8d7] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-2299f8d7] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-2299f8d7] {
  flex: 1;
}
.idea-titulo[data-v-2299f8d7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-2299f8d7] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.idea-texto strong[data-v-2299f8d7] {
  color: #FCD34D;
}

/* Estructura */
.estructura-section[data-v-2299f8d7] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-2299f8d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-grid[data-v-2299f8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estructura-item[data-v-2299f8d7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.estructura-item.nucleo-item[data-v-2299f8d7] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.1);
}
.est-icono[data-v-2299f8d7] {
  font-size: 1.25rem;
}
.est-nombre[data-v-2299f8d7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 100px;
}
.est-desc[data-v-2299f8d7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Datos del Sol */
.datos-section[data-v-2299f8d7] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-2299f8d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-grid[data-v-2299f8d7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato[data-v-2299f8d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.dato-valor[data-v-2299f8d7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.dato-unidad[data-v-2299f8d7] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tip */
.tip[data-v-2299f8d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2299f8d7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2299f8d7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2299f8d7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.estrella-animada[data-v-2299f8d7] {
    width: 150px;
    height: 150px;
}
.nucleo[data-v-2299f8d7] {
    width: 60px;
    height: 60px;
}
.estructura-grid[data-v-2299f8d7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.datos-grid[data-v-2299f8d7] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Animación de fusión */
.intro-visual[data-v-7799029d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.fusion-animada[data-v-7799029d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.particula-h[data-v-7799029d] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, #60A5FA 0%, #3B82F6 100%);
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
  color: white;
  animation: acercar-7799029d 2s ease-in-out infinite;
}
.p1[data-v-7799029d] { animation-delay: 0s;
}
.p2[data-v-7799029d] { animation-delay: 0.2s;
}
@keyframes acercar-7799029d {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
.flecha-fusion[data-v-7799029d] {
  font-size: 1.5rem;
  color: #FCD34D;
  animation: pulse-arrow-7799029d 1s ease-in-out infinite;
}
@keyframes pulse-arrow-7799029d {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.particula-he[data-v-7799029d] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, #FBBF24 0%, #F59E0B 100%);
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
  color: white;
  animation: brillar-7799029d 2s ease-in-out infinite;
}
@keyframes brillar-7799029d {
0%, 100% { box-shadow: 0 0 10px rgba(251, 191, 36, 0.5);
}
50% { box-shadow: 0 0 25px rgba(251, 191, 36, 0.8);
}
}
.energia-liberada[data-v-7799029d] {
  font-size: 1.2rem;
  animation: energia-pulse-7799029d 1s ease-in-out infinite;
}
@keyframes energia-pulse-7799029d {
0%, 100% { opacity: 0.6; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.2);
}
}

/* Proceso central */
.proceso-central[data-v-7799029d] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.proceso-icono[data-v-7799029d] {
  font-size: 1.75rem;
}
.proceso-contenido[data-v-7799029d] {
  flex: 1;
}
.proceso-titulo[data-v-7799029d] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.proceso-ecuacion[data-v-7799029d] {
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  margin: 0.5rem 0;
  display: inline-block;
}
.energia[data-v-7799029d] {
  color: #FCD34D;
}
.proceso-desc[data-v-7799029d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Condiciones */
.condiciones-section[data-v-7799029d] {
  margin: 1.5rem 0;
}
.condiciones-titulo[data-v-7799029d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condiciones-grid[data-v-7799029d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion[data-v-7799029d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.cond-icono[data-v-7799029d] {
  font-size: 1.25rem;
}
.cond-info[data-v-7799029d] {
  display: flex;
  flex-direction: column;
}
.cond-nombre[data-v-7799029d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.cond-valor[data-v-7799029d] {
  font-size: 0.75rem;
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-7799029d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-7799029d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-7799029d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-7799029d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.fusion[data-v-7799029d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-item.fision[data-v-7799029d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-header[data-v-7799029d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.comp-icono[data-v-7799029d] {
  font-size: 1rem;
}
.comp-nombre[data-v-7799029d] {
  font-weight: 700;
  font-size: 0.85rem;
}
.fusion .comp-nombre[data-v-7799029d] { color: #6EE7B7;
}
.fision .comp-nombre[data-v-7799029d] { color: #FCA5A5;
}
.comp-lista[data-v-7799029d] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.comp-lista li[data-v-7799029d] {
  margin-bottom: 0.15rem;
}

/* Defecto de masa */
.defecto-section[data-v-7799029d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.defecto-titulo[data-v-7799029d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.defecto-contenido[data-v-7799029d] {
  text-align: center;
}
.defecto-formula[data-v-7799029d] {
  margin-bottom: 0.5rem;
}
.formula-text[data-v-7799029d] {
  font-family: 'Courier New', monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
}
.defecto-explicacion[data-v-7799029d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}
.defecto-explicacion strong[data-v-7799029d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-7799029d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7799029d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7799029d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7799029d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fusion-animada[data-v-7799029d] {
    gap: 1rem;
    padding: 1.5rem 2rem;
}
.particula-h[data-v-7799029d] {
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
}
.particula-he[data-v-7799029d] {
    width: 60px;
    height: 60px;
    font-size: 1.3rem;
}
}

/* Visual del ciclo */
.intro-visual[data-v-577bf04b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  overflow-x: auto;
}
.ciclo-visual[data-v-577bf04b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  min-width: min-content;
}
.etapa[data-v-577bf04b] {
  font-size: 1.5rem;
  padding: 0.5rem;
  animation: float-577bf04b 3s ease-in-out infinite;
}
.etapa.nebulosa[data-v-577bf04b] { animation-delay: 0s;
}
.etapa.proto[data-v-577bf04b] { animation-delay: 0.5s;
}
.etapa.secuencia[data-v-577bf04b] { animation-delay: 1s;
}
.etapa.final[data-v-577bf04b] { animation-delay: 1.5s;
}
@keyframes float-577bf04b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.flecha-ciclo[data-v-577bf04b] {
  color: #FCD34D;
  font-size: 1rem;
  opacity: 0.7;
}

/* Etapas timeline */
.etapas-section[data-v-577bf04b] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-577bf04b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-vertical[data-v-577bf04b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
.timeline-vertical[data-v-577bf04b]::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: linear-gradient(to bottom, #8B5CF6, #10B981);
}
.timeline-item[data-v-577bf04b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
  position: relative;
}
.timeline-item.destacado[data-v-577bf04b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
  margin-left: 0;
}
.timeline-item.destacado[data-v-577bf04b]::before {
  display: none;
}
.timeline-icono[data-v-577bf04b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  font-size: 1rem;
  z-index: 1;
  flex-shrink: 0;
}
.timeline-item.destacado .timeline-icono[data-v-577bf04b] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.timeline-contenido[data-v-577bf04b] {
  flex: 1;
}
.timeline-nombre[data-v-577bf04b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.timeline-desc[data-v-577bf04b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.timeline-item.destacado .timeline-desc[data-v-577bf04b] {
  color: #FCD34D;
}

/* Destino según masa */
.destino-section[data-v-577bf04b] {
  margin: 1.5rem 0;
}
.destino-titulo[data-v-577bf04b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.destino-grid[data-v-577bf04b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.destino-card[data-v-577bf04b] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.destino-card.pequena[data-v-577bf04b] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.destino-card.grande[data-v-577bf04b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.destino-header[data-v-577bf04b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.destino-icono[data-v-577bf04b] {
  font-size: 1.25rem;
}
.destino-masa[data-v-577bf04b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.destino-nombre[data-v-577bf04b] {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.destino-card.pequena .destino-nombre[data-v-577bf04b] { color: #93C5FD;
}
.destino-card.grande .destino-nombre[data-v-577bf04b] { color: #FCA5A5;
}
.destino-desc[data-v-577bf04b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.destino-desc strong[data-v-577bf04b] {
  color: #FFFFFF;
}
.destino-ejemplo[data-v-577bf04b] {
  font-size: 0.75rem;
  color: #A78BFA;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Diagrama HR */
.hr-section[data-v-577bf04b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.hr-titulo[data-v-577bf04b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.hr-info p[data-v-577bf04b] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.hr-info strong[data-v-577bf04b] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-577bf04b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-577bf04b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-577bf04b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-577bf04b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ciclo-visual[data-v-577bf04b] {
    gap: 1rem;
    padding: 1rem 1.5rem;
}
.etapa[data-v-577bf04b] {
    font-size: 2rem;
}
.destino-grid[data-v-577bf04b] {
    flex-direction: row;
}
.destino-card[data-v-577bf04b] {
    flex: 1;
}
}

/* Visual de nucleosíntesis */
.intro-visual[data-v-aba3ba0c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 1.5rem;
}
.nucleosintesis-visual[data-v-aba3ba0c] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  overflow-x: auto;
}
.elemento[data-v-aba3ba0c] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.elemento.h[data-v-aba3ba0c] { background: linear-gradient(135deg, #60A5FA, #3B82F6);
}
.elemento.he[data-v-aba3ba0c] { background: linear-gradient(135deg, #FBBF24, #F59E0B);
}
.elemento.c[data-v-aba3ba0c] { background: linear-gradient(135deg, #6B7280, #4B5563);
}
.elemento.o[data-v-aba3ba0c] { background: linear-gradient(135deg, #34D399, #10B981);
}
.elemento.fe[data-v-aba3ba0c] { background: linear-gradient(135deg, #F87171, #EF4444);
}
.flecha-elem[data-v-aba3ba0c] {
  color: #FCD34D;
  font-size: 0.9rem;
  opacity: 0.7;
}
.visual-label[data-v-aba3ba0c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Quote */
.quote-section[data-v-aba3ba0c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.quote-icono[data-v-aba3ba0c] {
  font-size: 1.75rem;
}
.quote-contenido[data-v-aba3ba0c] {
  flex: 1;
}
.quote-texto[data-v-aba3ba0c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-style: italic;
}
.quote-autor[data-v-aba3ba0c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tipos de nucleosíntesis */
.tipos-section[data-v-aba3ba0c] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-aba3ba0c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-aba3ba0c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-aba3ba0c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-item.destacado[data-v-aba3ba0c] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-aba3ba0c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-icono[data-v-aba3ba0c] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-aba3ba0c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-elementos[data-v-aba3ba0c] {
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-aba3ba0c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Límite del hierro */
.hierro-section[data-v-aba3ba0c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.hierro-titulo[data-v-aba3ba0c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hierro-contenido[data-v-aba3ba0c] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.hierro-visual[data-v-aba3ba0c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.hierro-simbolo[data-v-aba3ba0c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.hierro-numero[data-v-aba3ba0c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.hierro-info p[data-v-aba3ba0c] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.hierro-info strong[data-v-aba3ba0c] {
  color: #FCA5A5;
}
.hierro-detalle[data-v-aba3ba0c] {
  font-size: 0.8rem !important;
  color: #A78BFA !important;
}

/* Capas de estrella */
.capas-section[data-v-aba3ba0c] {
  margin: 1.5rem 0;
}
.capas-titulo[data-v-aba3ba0c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capas-visual[data-v-aba3ba0c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.capa[data-v-aba3ba0c] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: white;
}
.capa-h[data-v-aba3ba0c] { width: 100%; height: 24px; background: rgba(96, 165, 250, 0.3); border: 1px solid rgba(96, 165, 250, 0.5);
}
.capa-he[data-v-aba3ba0c] { width: 85%; height: 22px; background: rgba(251, 191, 36, 0.3); border: 1px solid rgba(251, 191, 36, 0.5);
}
.capa-c[data-v-aba3ba0c] { width: 70%; height: 20px; background: rgba(107, 114, 128, 0.4); border: 1px solid rgba(107, 114, 128, 0.6);
}
.capa-o[data-v-aba3ba0c] { width: 55%; height: 18px; background: rgba(52, 211, 153, 0.3); border: 1px solid rgba(52, 211, 153, 0.5);
}
.capa-si[data-v-aba3ba0c] { width: 40%; height: 16px; background: rgba(167, 139, 250, 0.3); border: 1px solid rgba(167, 139, 250, 0.5);
}
.capa-fe[data-v-aba3ba0c] { width: 25%; height: 14px; background: rgba(248, 113, 113, 0.4); border: 1px solid rgba(248, 113, 113, 0.6);
}
.capa-elemento[data-v-aba3ba0c] {
  font-family: 'Courier New', monospace;
  white-space: nowrap;
}
.capas-leyenda[data-v-aba3ba0c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  text-align: center;
}

/* Tip */
.tip[data-v-aba3ba0c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-aba3ba0c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-aba3ba0c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-aba3ba0c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.nucleosintesis-visual[data-v-aba3ba0c] {
    gap: 0.5rem;
    padding: 1rem 1.5rem;
}
.elemento[data-v-aba3ba0c] {
    width: 45px;
    height: 45px;
    font-size: 1rem;
}
.tipos-grid[data-v-aba3ba0c] {
    flex-direction: row;
}
.tipo-item[data-v-aba3ba0c] {
    flex: 1;
}
}

.explorador[data-v-028fd199] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-028fd199] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-028fd199] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-028fd199] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-028fd199] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-028fd199] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-028fd199] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-028fd199] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-028fd199] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-028fd199] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ciclo Estelar ===== */
.ciclo-container[data-v-028fd199] {
  text-align: center;
}
.masa-selector[data-v-028fd199] {
  margin-bottom: 1rem;
}
.masa-label[data-v-028fd199] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.masa-botones[data-v-028fd199] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.masa-btn[data-v-028fd199] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.masa-btn.activo[data-v-028fd199] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.ciclo-visual-interactivo[data-v-028fd199] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.etapa-visual[data-v-028fd199] {
  margin-bottom: 0.75rem;
}
.etapa-emoji[data-v-028fd199] {
  font-size: 3rem;
  display: inline-block;
  animation: pulso-etapa-028fd199 2s ease-in-out infinite;
}
@keyframes pulso-etapa-028fd199 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.etapa-nombre[data-v-028fd199] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-desc[data-v-028fd199] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.tiempo-control[data-v-028fd199] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
}
.btn-tiempo[data-v-028fd199] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-tiempo[data-v-028fd199]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.tiempo-barra[data-v-028fd199] {
  flex: 1;
  height: 8px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 4px;
  overflow: hidden;
}
.tiempo-progreso[data-v-028fd199] {
  height: 100%;
  background: linear-gradient(to right, #8B5CF6, #F59E0B);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.pregunta-ciclo[data-v-028fd199] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-ciclo[data-v-028fd199] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-ciclo[data-v-028fd199] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-ciclo.correcto[data-v-028fd199] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-ciclo.incorrecto[data-v-028fd199] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.progreso-ciclo[data-v-028fd199], .progreso-clasificar[data-v-028fd199] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-028fd199] {
  text-align: center;
}
.clasificar-instruccion[data-v-028fd199] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.clasificar-instruccion strong[data-v-028fd199] {
  color: #FFFFFF;
}
.caracteristica-actual[data-v-028fd199] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.clasificar-opciones[data-v-028fd199] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.clasificar-btn[data-v-028fd199] {
  flex: 1;
  max-width: 140px;
  padding: 1rem 0.75rem;
  border: 2px solid;
  border-radius: 0.75rem;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.clasificar-btn.fusion[data-v-028fd199] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.clasificar-btn.fision[data-v-028fd199] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.clasificar-btn.seleccionado[data-v-028fd199] {
  transform: scale(1.05);
}
.clasificar-btn.correcto[data-v-028fd199] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.clasificar-btn.incorrecto[data-v-028fd199] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.hint-clasificar[data-v-028fd199], .hint-elementos[data-v-028fd199] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Elementos ===== */
.elementos-container[data-v-028fd199] {
  text-align: center;
}
.elementos-intro[data-v-028fd199] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.elementos-pool[data-v-028fd199] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.elemento-btn[data-v-028fd199] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
  color: white;
  border: 3px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.elemento-btn.seleccionado[data-v-028fd199] {
  transform: scale(1.15);
  border-color: #FCD34D;
  box-shadow: 0 0 12px rgba(252, 211, 77, 0.5);
}
.elementos-orden[data-v-028fd199] {
  margin-bottom: 1rem;
}
.orden-label[data-v-028fd199] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-elementos[data-v-028fd199] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.slot-elemento[data-v-028fd199] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.slot-elemento.seleccionable[data-v-028fd199] {
  border-color: #FCD34D;
  background: rgba(252, 211, 77, 0.1);
  animation: pulse-028fd199 1s infinite;
}
@keyframes pulse-028fd199 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-elemento.ocupado[data-v-028fd199] {
  border-style: solid;
  border-color: transparent;
}
.slot-texto[data-v-028fd199] {
  font-weight: 800;
  font-size: 1rem;
  color: white;
}
.slot-placeholder[data-v-028fd199] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
}
.botones-elementos[data-v-028fd199] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar-elem[data-v-028fd199], .btn-reiniciar-elem[data-v-028fd199] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar-elem[data-v-028fd199] {
  background: #10B981;
  color: white;
}
.btn-reiniciar-elem[data-v-028fd199] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-028fd199] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-028fd199] { font-size: 1.25rem;
}
.resultado-texto[data-v-028fd199] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-028fd199] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-028fd199] { flex: 1;
}
.nav-btn[data-v-028fd199] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-028fd199] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-028fd199] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-028fd199] { font-size: 1.75rem;
}
.completado-texto[data-v-028fd199] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-028fd199], .slide-leave-active[data-v-028fd199] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-028fd199] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-028fd199] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.masa-botones[data-v-028fd199] {
    flex-wrap: nowrap;
}
.opciones-ciclo[data-v-028fd199] {
    flex-direction: row;
    justify-content: center;
}
.opcion-ciclo[data-v-028fd199] {
    flex: 1;
    max-width: 180px;
}
}

/* Visual resumen */
.intro-visual[data-v-c3f133f9] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.resumen-visual[data-v-c3f133f9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.icono[data-v-c3f133f9] {
  font-size: 1.75rem;
}
.flecha[data-v-c3f133f9] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Conceptos clave */
.conceptos-section[data-v-c3f133f9] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-c3f133f9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-lista[data-v-c3f133f9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-c3f133f9] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-num[data-v-c3f133f9] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.85rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.concepto-contenido[data-v-c3f133f9] {
  flex: 1;
}
.concepto-nombre[data-v-c3f133f9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
.concepto-desc[data-v-c3f133f9] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.concepto-desc strong[data-v-c3f133f9] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-c3f133f9] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-c3f133f9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-c3f133f9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-c3f133f9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-tipo[data-v-c3f133f9] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.comp-tipo.fusion[data-v-c3f133f9] { color: #6EE7B7;
}
.comp-tipo.fision[data-v-c3f133f9] { color: #FCA5A5;
}
.comp-detalle[data-v-c3f133f9] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}
.comp-donde[data-v-c3f133f9] {
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Tips PAES */
.tips-paes[data-v-c3f133f9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-c3f133f9] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c3f133f9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-c3f133f9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-c3f133f9] {
  color: #10B981;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-c3f133f9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c3f133f9] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-c3f133f9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-c3f133f9] {
  font-size: 1.5rem;
}
.mensaje-texto[data-v-c3f133f9] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
  font-style: italic;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-c3f133f9] {
    gap: 1rem;
    padding: 1rem 2rem;
}
.icono[data-v-c3f133f9] {
    font-size: 2rem;
}
}

/* Intro visual con animación del núcleo */
.intro-visual[data-v-5588b3b5] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.nucleo-animado[data-v-5588b3b5] {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proton[data-v-5588b3b5], .neutron[data-v-5588b3b5] {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  animation: vibrar-5588b3b5 0.5s ease-in-out infinite alternate;
}
.proton[data-v-5588b3b5] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.neutron[data-v-5588b3b5] {
  background: rgba(156, 163, 175, 0.3);
  border: 2px solid #9CA3AF;
  color: #D1D5DB;
}
.p1[data-v-5588b3b5] { top: 15px; left: 20px; animation-delay: 0s;
}
.n1[data-v-5588b3b5] { top: 15px; right: 20px; animation-delay: 0.1s;
}
.p2[data-v-5588b3b5] { bottom: 15px; left: 20px; animation-delay: 0.2s;
}
.n2[data-v-5588b3b5] { bottom: 15px; right: 20px; animation-delay: 0.3s;
}
.fuerza-union[data-v-5588b3b5] {
  position: absolute;
  font-size: 1.5rem;
  animation: pulsar-5588b3b5 1s ease-in-out infinite;
}
@keyframes vibrar-5588b3b5 {
0% { transform: translate(0, 0);
}
100% { transform: translate(2px, 2px);
}
}
@keyframes pulsar-5588b3b5 {
0%, 100% { opacity: 0.5; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.2);
}
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-5588b3b5] {
  color: #6EE7B7;
}
strong.negativo[data-v-5588b3b5] {
  color: #FCA5A5;
}

/* Color especial para protones (carga positiva - rojo para física) */
strong.proton[data-v-5588b3b5] {
  color: #FCA5A5;
}

/* Idea central */
.idea-central[data-v-5588b3b5] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-5588b3b5] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-5588b3b5] {
  flex: 1;
}
.idea-titulo[data-v-5588b3b5] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-5588b3b5] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.idea-texto strong[data-v-5588b3b5] {
  color: #FCD34D;
}

/* Fuerzas fundamentales */
.fuerzas-section[data-v-5588b3b5] {
  margin: 1.5rem 0;
}
.fuerzas-titulo[data-v-5588b3b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fuerzas-grid[data-v-5588b3b5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fuerza-item[data-v-5588b3b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.fuerza-item.destacada[data-v-5588b3b5] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
  grid-column: span 2;
}
.fuerza-icono[data-v-5588b3b5] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.fuerza-nombre[data-v-5588b3b5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fuerza-desc[data-v-5588b3b5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.fuerza-intensidad[data-v-5588b3b5] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Comparación de intensidades */
.comparacion-section[data-v-5588b3b5] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-5588b3b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.barras-comparacion[data-v-5588b3b5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.barra-item[data-v-5588b3b5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.barra-nombre[data-v-5588b3b5] {
  font-size: 0.75rem;
  color: #E9D5FF;
  width: 100px;
  flex-shrink: 0;
}
.barra[data-v-5588b3b5] {
  height: 12px;
  border-radius: 6px;
}
.barra.fuerte[data-v-5588b3b5] {
  width: 100%;
  background: linear-gradient(90deg, #F59E0B, #EF4444);
}
.barra.electro[data-v-5588b3b5] {
  width: 60%;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6);
}
.barra.debil[data-v-5588b3b5] {
  width: 25%;
  background: linear-gradient(90deg, #6366F1, #EC4899);
}
.barra.gravedad[data-v-5588b3b5] {
  width: 5%;
  min-width: 8px;
  background: linear-gradient(90deg, #10B981, #14B8A6);
}
.barra-valor[data-v-5588b3b5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-5588b3b5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5588b3b5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5588b3b5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5588b3b5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.nucleo-animado[data-v-5588b3b5] {
    width: 150px;
    height: 150px;
}
.proton[data-v-5588b3b5], .neutron[data-v-5588b3b5] {
    width: 45px;
    height: 45px;
    font-size: 0.9rem;
}
.fuerzas-grid[data-v-5588b3b5] {
    grid-template-columns: repeat(4, 1fr);
}
.fuerza-item.destacada[data-v-5588b3b5] {
    grid-column: span 1;
}
.barra-nombre[data-v-5588b3b5] {
    width: 130px;
}
}

/* Diagrama SVG */
.diagrama-section[data-v-e20d8faf] {
  margin: 1rem 0 1.5rem;
}
.diagrama-container[data-v-e20d8faf] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
}
.nucleo-svg[data-v-e20d8faf] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Características */
.caracteristicas[data-v-e20d8faf] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-e20d8faf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-e20d8faf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-e20d8faf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-e20d8faf] {
  font-size: 1.25rem;
  margin-top: 0.1rem;
}
.caract-info[data-v-e20d8faf] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-e20d8faf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caract-desc[data-v-e20d8faf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Alcance visual */
.alcance-section[data-v-e20d8faf] {
  margin: 1.5rem 0;
}
.alcance-titulo[data-v-e20d8faf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alcance-visual[data-v-e20d8faf] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.escala-linea[data-v-e20d8faf] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.zona[data-v-e20d8faf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.zona.fuerte[data-v-e20d8faf] {
  flex: 1;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #F59E0B;
}
.zona.atomo[data-v-e20d8faf] {
  flex: 3;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.zona-label[data-v-e20d8faf] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.zona-rango[data-v-e20d8faf] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}
.alcance-nota[data-v-e20d8faf] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  font-style: italic;
}

/* Nota sobre gluones */
.nota-gluones[data-v-e20d8faf] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.nota-icono[data-v-e20d8faf] {
  font-size: 1.25rem;
}
.nota-contenido[data-v-e20d8faf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nota-contenido > strong[data-v-e20d8faf] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.nota-texto[data-v-e20d8faf] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-e20d8faf] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-e20d8faf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e20d8faf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e20d8faf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e20d8faf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-e20d8faf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Balance visual */
.balance-visual[data-v-27276289] {
  margin: 1rem 0 1.5rem;
}
.balance-container[data-v-27276289] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.fuerza-lado[data-v-27276289] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  flex: 1;
  max-width: 100px;
}
.fuerza-lado.fuerte[data-v-27276289] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.fuerza-lado.electro[data-v-27276289] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.fuerza-flecha[data-v-27276289] {
  font-size: 1.5rem;
  font-weight: 700;
}
.fuerza-lado.fuerte .fuerza-flecha[data-v-27276289] {
  color: #FCD34D;
}
.fuerza-lado.electro .fuerza-flecha[data-v-27276289] {
  color: #FCA5A5;
}
.fuerza-nombre[data-v-27276289] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.fuerza-tag[data-v-27276289] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.nucleo-centro[data-v-27276289] {
  font-size: 2.5rem;
  animation: pulso-27276289 2s ease-in-out infinite;
}
@keyframes pulso-27276289 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Relación N/Z */
.relacion-section[data-v-27276289] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-27276289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relacion-contenido[data-v-27276289] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.relacion-formula[data-v-27276289] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-box[data-v-27276289] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-desc[data-v-27276289] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.relacion-explicacion[data-v-27276289] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.relacion-explicacion strong[data-v-27276289] {
  color: #6EE7B7;
}

/* Estabilidad grid */
.estabilidad-section[data-v-27276289] {
  margin: 1.5rem 0;
}
.estabilidad-titulo[data-v-27276289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estabilidad-grid[data-v-27276289] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.estab-item[data-v-27276289] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.estab-ejemplo[data-v-27276289] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.elemento[data-v-27276289] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.composicion[data-v-27276289] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}
.estab-desc[data-v-27276289] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Inestabilidad */
.inestable-section[data-v-27276289] {
  margin: 1.5rem 0;
}
.inestable-titulo[data-v-27276289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.inestable-contenido[data-v-27276289] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.inestable-contenido p[data-v-27276289] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.inestable-contenido strong[data-v-27276289] {
  color: #FCA5A5;
}
.consecuencias[data-v-27276289] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia[data-v-27276289] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cons-icono[data-v-27276289] {
  font-size: 1rem;
}
.cons-texto[data-v-27276289] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Energía de enlace */
.energia-section[data-v-27276289] {
  margin: 1.5rem 0;
}
.energia-titulo[data-v-27276289] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.energia-contenido[data-v-27276289] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.energia-contenido p[data-v-27276289] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.energia-contenido strong[data-v-27276289] {
  color: #6EE7B7;
}
.energia-dato[data-v-27276289] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-icono[data-v-27276289] {
  font-size: 1.2rem;
}
.dato-texto[data-v-27276289] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.dato-texto strong[data-v-27276289] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-27276289] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-27276289] {
  font-size: 1.25rem;
}
.tip-texto[data-v-27276289] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-27276289] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.balance-container[data-v-27276289] {
    gap: 1rem;
    padding: 1rem;
}
.fuerza-lado[data-v-27276289] {
    max-width: 140px;
}
.fuerza-nombre[data-v-27276289] {
    font-size: 0.8rem;
}
.estabilidad-grid[data-v-27276289] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual de decaimiento */
.decay-visual[data-v-a2053e8e] {
  margin: 1rem 0 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.decay-container[data-v-a2053e8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.particula[data-v-a2053e8e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(156, 163, 175, 0.2);
  border: 2px solid #9CA3AF;
  border-radius: 0.5rem;
}
.particula.antes[data-v-a2053e8e] {
  background: rgba(156, 163, 175, 0.3);
}
.part-icono[data-v-a2053e8e] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #D1D5DB;
}
.part-icono.proton[data-v-a2053e8e] {
  color: #FCA5A5;
}
.part-icono.electron[data-v-a2053e8e] {
  color: #93C5FD;
}
.part-icono.neutrino[data-v-a2053e8e] {
  color: #A78BFA;
}
.part-nombre[data-v-a2053e8e] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.decay-flecha[data-v-a2053e8e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.25rem;
}
.flecha-simbolo[data-v-a2053e8e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #EC4899;
}
.flecha-label[data-v-a2053e8e] {
  font-size: 0.55rem;
  color: #EC4899;
  font-weight: 600;
}
.particulas-despues[data-v-a2053e8e] {
  display: flex;
  gap: 0.25rem;
}
.particulas-despues .particula[data-v-a2053e8e] {
  padding: 0.3rem 0.4rem;
}
.particulas-despues .part-icono[data-v-a2053e8e] {
  font-size: 1rem;
}
.particulas-despues .part-nombre[data-v-a2053e8e] {
  font-size: 0.5rem;
}
.decay-nombre[data-v-a2053e8e] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Características */
.caracteristicas[data-v-a2053e8e] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-a2053e8e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-a2053e8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-a2053e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-a2053e8e] {
  font-size: 1.25rem;
  margin-top: 0.1rem;
}
.caract-info[data-v-a2053e8e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-a2053e8e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caract-desc[data-v-a2053e8e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-a2053e8e] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a2053e8e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-a2053e8e] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-a2053e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 0.25rem;
}
.col-vacia[data-v-a2053e8e] {
  display: block;
}
.col-titulo[data-v-a2053e8e] {
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
}
.col-titulo.fuerte[data-v-a2053e8e] {
  color: #FCD34D;
}
.col-titulo.debil[data-v-a2053e8e] {
  color: #EC4899;
}
.tabla-row[data-v-a2053e8e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.row-label[data-v-a2053e8e] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  padding-left: 0.25rem;
}
.row-val[data-v-a2053e8e] {
  font-size: 0.65rem;
  text-align: center;
  color: #C4B5FD;
}
.row-val.fuerte[data-v-a2053e8e] {
  color: #FCD34D;
}
.row-val.debil[data-v-a2053e8e] {
  color: #F472B6;
}

/* Sol section */
.sol-section[data-v-a2053e8e] {
  margin: 1.5rem 0;
}
.sol-titulo[data-v-a2053e8e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.sol-contenido[data-v-a2053e8e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.sol-visual[data-v-a2053e8e] {
  font-size: 2.5rem;
  animation: brillar-a2053e8e 2s ease-in-out infinite;
}
@keyframes brillar-a2053e8e {
0%, 100% { transform: scale(1); filter: brightness(1);
}
50% { transform: scale(1.1); filter: brightness(1.3);
}
}
.sol-texto[data-v-a2053e8e] {
  flex: 1;
}
.sol-texto p[data-v-a2053e8e] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.sol-texto strong[data-v-a2053e8e] {
  color: #FCD34D;
}

/* Bosones */
.bosones-section[data-v-a2053e8e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.bosones-icono[data-v-a2053e8e] {
  font-size: 1.25rem;
}
.bosones-contenido[data-v-a2053e8e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.bosones-contenido > strong[data-v-a2053e8e] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.bosones-texto[data-v-a2053e8e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.bosones-texto strong[data-v-a2053e8e] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-a2053e8e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a2053e8e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a2053e8e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a2053e8e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.decay-container[data-v-a2053e8e] {
    flex-wrap: nowrap;
    gap: 1rem;
}
.caract-grid[data-v-a2053e8e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.col-titulo[data-v-a2053e8e], .row-label[data-v-a2053e8e] {
    font-size: 0.8rem;
}
.row-val[data-v-a2053e8e] {
    font-size: 0.75rem;
}
}

/* Visual de resumen */
.resumen-visual[data-v-86c31e25] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.nucleo-final[data-v-86c31e25] {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nucleo-centro[data-v-86c31e25] {
  font-size: 3rem;
  animation: pulso-86c31e25 2s ease-in-out infinite;
}
@keyframes pulso-86c31e25 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.fuerzas-orbitando[data-v-86c31e25] {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: rotar-86c31e25 8s linear infinite;
}
@keyframes rotar-86c31e25 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.fuerza-orb[data-v-86c31e25] {
  position: absolute;
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.fuerza-orb.fuerte[data-v-86c31e25] {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  border: 1px solid #F59E0B;
}
.fuerza-orb.debil[data-v-86c31e25] {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(236, 72, 153, 0.3);
  color: #F472B6;
  border: 1px solid #EC4899;
}

/* Conceptos section */
.conceptos-section[data-v-86c31e25] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-86c31e25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-card[data-v-86c31e25] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-card.fuerte[data-v-86c31e25] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.concepto-card.debil[data-v-86c31e25] {
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.4);
}
.card-header[data-v-86c31e25] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-86c31e25] {
  font-size: 1.25rem;
}
.card-nombre[data-v-86c31e25] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-puntos[data-v-86c31e25] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.punto[data-v-86c31e25] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-check[data-v-86c31e25] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.8rem;
}
.punto-texto[data-v-86c31e25] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.punto-texto strong[data-v-86c31e25] {
  color: #FFFFFF;
}

/* Estabilidad resumen */
.estabilidad-resumen[data-v-86c31e25] {
  margin: 1.5rem 0;
}
.estab-titulo[data-v-86c31e25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.estab-contenido[data-v-86c31e25] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.estab-punto[data-v-86c31e25] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.estab-icono[data-v-86c31e25] {
  font-size: 1rem;
}
.estab-texto[data-v-86c31e25] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.estab-texto strong[data-v-86c31e25] {
  color: #FFFFFF;
}

/* Fuerzas ordenadas */
.fuerzas-orden[data-v-86c31e25] {
  margin: 1.5rem 0;
}
.orden-titulo[data-v-86c31e25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-lista[data-v-86c31e25] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.orden-item[data-v-86c31e25] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.orden-num[data-v-86c31e25] {
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 24px;
}
.orden-nombre[data-v-86c31e25] {
  flex: 1;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.orden-valor[data-v-86c31e25] {
  font-size: 0.75rem;
  font-family: monospace;
  color: #C4B5FD;
}
.orden-item.primero[data-v-86c31e25] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.orden-item.primero .orden-num[data-v-86c31e25] { color: #FCD34D;
}
.orden-item.segundo[data-v-86c31e25] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.orden-item.segundo .orden-num[data-v-86c31e25] { color: #93C5FD;
}
.orden-item.tercero[data-v-86c31e25] {
  background: rgba(236, 72, 153, 0.2);
  border: 1px solid rgba(236, 72, 153, 0.4);
}
.orden-item.tercero .orden-num[data-v-86c31e25] { color: #F472B6;
}
.orden-item.cuarto[data-v-86c31e25] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.orden-item.cuarto .orden-num[data-v-86c31e25] { color: #6EE7B7;
}

/* PAES section */
.paes-section[data-v-86c31e25] {
  margin: 1.5rem 0;
}
.paes-titulo[data-v-86c31e25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-preguntas[data-v-86c31e25] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paes-pregunta[data-v-86c31e25] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.preg-icono[data-v-86c31e25] {
  font-size: 0.9rem;
}
.preg-texto[data-v-86c31e25] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip final */
.tip-final[data-v-86c31e25] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.tip-icono[data-v-86c31e25] {
  font-size: 1.5rem;
}
.tip-texto[data-v-86c31e25] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-86c31e25] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.nucleo-final[data-v-86c31e25] {
    width: 150px;
    height: 150px;
}
.nucleo-centro[data-v-86c31e25] {
    font-size: 4rem;
}
.fuerza-orb[data-v-86c31e25] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}
.orden-lista[data-v-86c31e25] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
.paes-preguntas[data-v-86c31e25] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual con animación */
.intro-visual[data-v-123f385d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.sistema-gravitacional[data-v-123f385d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.masa-grande[data-v-123f385d] {
  font-size: 3rem;
  animation: pulso-123f385d 2s ease-in-out infinite;
}
.masa-pequena[data-v-123f385d] {
  font-size: 2rem;
  animation: orbitar-luna-123f385d 3s ease-in-out infinite;
}
@keyframes pulso-123f385d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
@keyframes orbitar-luna-123f385d {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-8px);
}
}
.flechas-atraccion[data-v-123f385d] {
  display: flex;
  gap: 0.25rem;
}
.flecha[data-v-123f385d] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  animation: atraccion-123f385d 1.5s ease-in-out infinite;
}
.flecha.izq[data-v-123f385d] {
  animation-delay: 0s;
}
.flecha.der[data-v-123f385d] {
  animation-delay: 0.75s;
}
@keyframes atraccion-123f385d {
0%, 100% { opacity: 0.3; transform: scaleX(0.8);
}
50% { opacity: 1; transform: scaleX(1);
}
}

/* Idea central */
.idea-central[data-v-123f385d] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-123f385d] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-123f385d] {
  flex: 1;
}
.idea-titulo[data-v-123f385d] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-123f385d] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Características */
.caracteristicas[data-v-123f385d] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-123f385d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-123f385d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-123f385d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-123f385d] {
  font-size: 1.25rem;
}
.caract-texto[data-v-123f385d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.caract-texto strong[data-v-123f385d] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplos-section[data-v-123f385d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-123f385d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-123f385d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-123f385d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-123f385d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-123f385d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-123f385d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-123f385d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-123f385d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-123f385d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.sistema-gravitacional[data-v-123f385d] {
    gap: 1rem;
    padding: 1.5rem 2rem;
}
.masa-grande[data-v-123f385d] {
    font-size: 4rem;
}
.masa-pequena[data-v-123f385d] {
    font-size: 2.5rem;
}
.caract-grid[data-v-123f385d] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.ejemplos-grid[data-v-123f385d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-3709b6df] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-3709b6df] {
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(96, 165, 250, 0.2));
  border: 3px solid #8B5CF6;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
}
.formula-texto[data-v-3709b6df] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  letter-spacing: 0.05em;
}

/* Diagrama */
.diagrama-section[data-v-3709b6df] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-3709b6df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-container[data-v-3709b6df] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
}
.diagrama-svg[data-v-3709b6df] {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Variables */
.variables-section[data-v-3709b6df] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-3709b6df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-3709b6df] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.variable[data-v-3709b6df] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-3709b6df] {
  font-size: 1.1rem;
  font-weight: 800;
  font-family: 'Courier New', monospace;
  min-width: 50px;
  text-align: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.var-simbolo.fuerza[data-v-3709b6df] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.var-simbolo.constante[data-v-3709b6df] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
}
.var-simbolo.masa[data-v-3709b6df] {
  color: #93C5FD;
  background: rgba(96, 165, 250, 0.2);
}
.var-simbolo.distancia[data-v-3709b6df] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.var-info[data-v-3709b6df] {
  display: flex;
  flex-direction: column;
}
.var-nombre[data-v-3709b6df] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.var-unidad[data-v-3709b6df] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Nota sobre G */
.nota-g[data-v-3709b6df] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.nota-icono[data-v-3709b6df] {
  font-size: 1.25rem;
}
.nota-contenido[data-v-3709b6df] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nota-contenido strong[data-v-3709b6df] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.nota-texto[data-v-3709b6df] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-3709b6df] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3709b6df] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3709b6df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3709b6df] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-3709b6df] {
    font-size: 2rem;
}
.variables-grid[data-v-3709b6df] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Fórmula recordatorio */
.formula-recordatorio[data-v-fa7108c0] {
  text-align: center;
  margin: 0.5rem 0 1rem;
}
.formula-mini[data-v-fa7108c0] {
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 1rem;
}

/* Texto positivo/negativo */
strong.positivo[data-v-fa7108c0] {
  color: #6EE7B7;
}
strong.negativo[data-v-fa7108c0] {
  color: #FCA5A5;
}

/* Secciones de efecto */
.efecto-section[data-v-fa7108c0] {
  margin: 1.5rem 0;
}
.efecto-titulo[data-v-fa7108c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efecto-icono[data-v-fa7108c0] {
  font-size: 1.25rem;
}

/* Cajas de relación */
.relacion-box[data-v-fa7108c0] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.relacion-box.directa[data-v-fa7108c0] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.relacion-box.inversa[data-v-fa7108c0] {
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.relacion-header[data-v-fa7108c0] {
  padding: 0.5rem;
  text-align: center;
}
.relacion-box.directa .relacion-header[data-v-fa7108c0] {
  background: rgba(16, 185, 129, 0.2);
}
.relacion-box.inversa .relacion-header[data-v-fa7108c0] {
  background: rgba(239, 68, 68, 0.2);
}
.relacion-tipo[data-v-fa7108c0] {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.relacion-box.directa .relacion-tipo[data-v-fa7108c0] {
  color: #6EE7B7;
}
.relacion-box.inversa .relacion-tipo[data-v-fa7108c0] {
  color: #FCA5A5;
}
.relacion-contenido[data-v-fa7108c0] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-fa7108c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.caso-cambio[data-v-fa7108c0] {
  color: #E9D5FF;
}
.caso-flecha[data-v-fa7108c0] {
  color: #8B5CF6;
  font-weight: 700;
}
.caso-resultado[data-v-fa7108c0] {
  color: #FFFFFF;
}
.formula-explicacion[data-v-fa7108c0] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Tabla resumen */
.tabla-resumen[data-v-fa7108c0] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-fa7108c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla[data-v-fa7108c0] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-fa7108c0] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  gap: 0.5rem;
  padding: 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-fa7108c0]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-fa7108c0] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-cell[data-v-fa7108c0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-cell.masa[data-v-fa7108c0] {
  color: #93C5FD;
  font-weight: 600;
}
.tabla-cell.distancia[data-v-fa7108c0] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-fa7108c0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fa7108c0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fa7108c0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fa7108c0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caso[data-v-fa7108c0] {
    font-size: 0.9rem;
    flex-wrap: nowrap;
}
.tabla-cell[data-v-fa7108c0] {
    font-size: 0.85rem;
}
}

/* Texto positivo/negativo */
strong.positivo[data-v-c54d3d8a] {
  color: #6EE7B7;
}
strong.negativo[data-v-c54d3d8a] {
  color: #FCA5A5;
}

/* Secciones de aplicación */
.aplicacion-section[data-v-c54d3d8a] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.aplicacion-header[data-v-c54d3d8a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.aplicacion-icono[data-v-c54d3d8a] {
  font-size: 1.25rem;
}
.aplicacion-titulo[data-v-c54d3d8a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.aplicacion-contenido[data-v-c54d3d8a] {
  padding: 0.75rem;
}

/* Fórmulas derivadas */
.formula-derivada[data-v-c54d3d8a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-linea[data-v-c54d3d8a] {
  text-align: center;
}
.formula-paso[data-v-c54d3d8a] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.formula-linea.resultado .formula-paso[data-v-c54d3d8a] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.formula-donde[data-v-c54d3d8a] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.dato-importante[data-v-c54d3d8a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.dato-label[data-v-c54d3d8a] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.dato-valor[data-v-c54d3d8a] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Grid de planetas */
.planetas-grid[data-v-c54d3d8a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  padding: 0.75rem;
}
.planeta-card[data-v-c54d3d8a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.planeta-emoji[data-v-c54d3d8a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.planeta-nombre[data-v-c54d3d8a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.planeta-g[data-v-c54d3d8a] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.planeta-comp[data-v-c54d3d8a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Visual de alturas */
.altura-visual[data-v-c54d3d8a] {
  padding: 0.75rem;
}
.altura-diagrama[data-v-c54d3d8a] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.tierra-simple[data-v-c54d3d8a] {
  font-size: 3rem;
}
.alturas[data-v-c54d3d8a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.altura-item[data-v-c54d3d8a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alt-linea[data-v-c54d3d8a] {
  width: 30px;
  height: 2px;
  border-radius: 1px;
}
.altura-item.superficie .alt-linea[data-v-c54d3d8a] {
  background: #6EE7B7;
}
.altura-item.media .alt-linea[data-v-c54d3d8a] {
  background: #FCD34D;
}
.altura-item.alta .alt-linea[data-v-c54d3d8a] {
  background: #FCA5A5;
}
.alt-texto[data-v-c54d3d8a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-clave[data-v-c54d3d8a] {
  margin: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-clave strong[data-v-c54d3d8a] {
  color: #FFFFFF;
}

/* Órbitas */
.orbita-explicacion[data-v-c54d3d8a] {
  padding: 0.75rem;
}
.orbita-explicacion p[data-v-c54d3d8a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ecuacion-orbital[data-v-c54d3d8a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.ecuacion[data-v-c54d3d8a] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ecuacion-detalle[data-v-c54d3d8a] {
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-c54d3d8a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c54d3d8a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c54d3d8a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c54d3d8a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.planeta-card[data-v-c54d3d8a] {
    padding: 0.75rem;
}
.planeta-emoji[data-v-c54d3d8a] {
    font-size: 2rem;
}
.planeta-nombre[data-v-c54d3d8a] {
    font-size: 0.85rem;
}
.planeta-g[data-v-c54d3d8a] {
    font-size: 0.75rem;
}
.tierra-simple[data-v-c54d3d8a] {
    font-size: 4rem;
}
}

.explorador[data-v-8e9f7617] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8e9f7617] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8e9f7617] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8e9f7617] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8e9f7617] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8e9f7617] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8e9f7617] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8e9f7617] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8e9f7617] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8e9f7617] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-8e9f7617] {
  text-align: center;
}
.sistema-visual[data-v-8e9f7617] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.sistema-svg[data-v-8e9f7617] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.controles[data-v-8e9f7617] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-8e9f7617] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-label[data-v-8e9f7617] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.label-icono[data-v-8e9f7617] {
  font-size: 1rem;
}
.slider[data-v-8e9f7617] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider[data-v-8e9f7617]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider[data-v-8e9f7617]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.masa-slider[data-v-8e9f7617]::-webkit-slider-thumb {
  background: #60A5FA;
}
.masa-slider[data-v-8e9f7617]::-moz-range-thumb {
  background: #60A5FA;
}
.distancia-slider[data-v-8e9f7617]::-webkit-slider-thumb {
  background: #10B981;
}
.distancia-slider[data-v-8e9f7617]::-moz-range-thumb {
  background: #10B981;
}
.fuerza-indicador[data-v-8e9f7617] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.fuerza-label[data-v-8e9f7617] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fuerza-valor[data-v-8e9f7617] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCA5A5;
}
.pregunta-simulador[data-v-8e9f7617] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-simulador[data-v-8e9f7617] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-sim[data-v-8e9f7617], .opcion-calc[data-v-8e9f7617] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-sim[data-v-8e9f7617]:hover:not(:disabled), .opcion-calc[data-v-8e9f7617]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-sim.seleccionado[data-v-8e9f7617], .opcion-calc.seleccionado[data-v-8e9f7617] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-sim.correcto[data-v-8e9f7617], .opcion-calc.correcto[data-v-8e9f7617] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-sim.incorrecto[data-v-8e9f7617], .opcion-calc.incorrecto[data-v-8e9f7617] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.progreso-sim[data-v-8e9f7617], .progreso-calc[data-v-8e9f7617], .progreso-planeta[data-v-8e9f7617] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Cálculos ===== */
.calculo-container[data-v-8e9f7617] {
  text-align: center;
}
.formula-recordatorio[data-v-8e9f7617] {
  margin-bottom: 1rem;
}
.formula[data-v-8e9f7617] {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.problema-calculo[data-v-8e9f7617] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.cambios-dados[data-v-8e9f7617] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.cambio[data-v-8e9f7617] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.pregunta-calculo[data-v-8e9f7617] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-calculo[data-v-8e9f7617] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hint-calculo[data-v-8e9f7617], .hint-planeta[data-v-8e9f7617] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Planetas ===== */
.planetas-container[data-v-8e9f7617] {
  text-align: center;
}
.contexto-planetas[data-v-8e9f7617] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.contexto-planetas p[data-v-8e9f7617] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.contexto-planetas strong[data-v-8e9f7617] {
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.problema-planeta[data-v-8e9f7617] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.datos-planeta[data-v-8e9f7617] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.dato-planeta[data-v-8e9f7617] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.respuesta-planeta[data-v-8e9f7617] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.resp-label[data-v-8e9f7617] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resp-input[data-v-8e9f7617] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.resp-input.correcto[data-v-8e9f7617] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.resp-input.incorrecto[data-v-8e9f7617] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.resp-unidad[data-v-8e9f7617] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar[data-v-8e9f7617] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-8e9f7617] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8e9f7617] { font-size: 1.25rem;
}
.resultado-texto[data-v-8e9f7617] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8e9f7617] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8e9f7617] { flex: 1;
}
.nav-btn[data-v-8e9f7617] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8e9f7617] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8e9f7617] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8e9f7617] { font-size: 1.75rem;
}
.completado-texto[data-v-8e9f7617] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8e9f7617], .slide-leave-active[data-v-8e9f7617] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8e9f7617] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8e9f7617] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.controles[data-v-8e9f7617] {
    flex-direction: row;
    justify-content: center;
}
.control-grupo[data-v-8e9f7617] {
    flex: 1;
    max-width: 200px;
}
.opciones-simulador[data-v-8e9f7617] {
    flex-direction: row;
    justify-content: center;
}
.opcion-sim[data-v-8e9f7617] {
    flex: 1;
    max-width: 150px;
}
}

/* Fórmula central */
.formula-central[data-v-e718da1a] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 1.5rem;
}
.formula-box[data-v-e718da1a] {
  padding: 0.75rem 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(96, 165, 250, 0.2));
  border: 3px solid #8B5CF6;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
}
.formula-texto[data-v-e718da1a] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}

/* Conceptos clave */
.conceptos-clave[data-v-e718da1a] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-e718da1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-e718da1a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-e718da1a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.concepto-header[data-v-e718da1a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.concepto-header.verde[data-v-e718da1a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.concepto-header.rojo[data-v-e718da1a] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.concepto-icono[data-v-e718da1a] {
  font-size: 1rem;
}
.concepto-body[data-v-e718da1a] {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.relacion[data-v-e718da1a] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.efecto[data-v-e718da1a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.ejemplo[data-v-e718da1a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Aplicaciones resumidas */
.aplicaciones-resumen[data-v-e718da1a] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-e718da1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-lista[data-v-e718da1a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aplicacion-item[data-v-e718da1a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-e718da1a] {
  font-size: 1.25rem;
}
.app-contenido[data-v-e718da1a] {
  display: flex;
  flex-direction: column;
}
.app-contenido strong[data-v-e718da1a] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.app-formula[data-v-e718da1a] {
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  color: #FCD34D;
}
.app-detalle[data-v-e718da1a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-e718da1a] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.errores-titulo[data-v-e718da1a] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-e718da1a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-e718da1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.error-icono[data-v-e718da1a] {
  font-size: 0.9rem;
}
.error-texto strong[data-v-e718da1a] {
  color: #FFFFFF;
}

/* Tabla rápida */
.tabla-rapida[data-v-e718da1a] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-e718da1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla[data-v-e718da1a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-e718da1a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-e718da1a]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-e718da1a] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tabla-cell[data-v-e718da1a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tabla-cell.positivo[data-v-e718da1a] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-cell.negativo[data-v-e718da1a] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip final */
.tip-final[data-v-e718da1a] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-e718da1a] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-e718da1a] {
  flex: 1;
}
.tip-contenido strong[data-v-e718da1a] {
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-pasos[data-v-e718da1a] {
  margin: 0.5rem 0 0 1rem;
  padding: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.tip-pasos li[data-v-e718da1a] {
  margin-bottom: 0.25rem;
}

/* Felicitación */
.felicitacion[data-v-e718da1a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.felicitacion-icono[data-v-e718da1a] {
  font-size: 1.75rem;
}
.felicitacion-texto[data-v-e718da1a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-e718da1a] {
    font-size: 1.5rem;
}
.concepto-header[data-v-e718da1a] {
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
}
.concepto-body[data-v-e718da1a] {
    padding: 0.75rem;
}
.relacion[data-v-e718da1a] {
    font-size: 0.95rem;
}
.efecto[data-v-e718da1a], .ejemplo[data-v-e718da1a] {
    font-size: 0.8rem;
}
}

/* Intro visual con órbita animada */
.intro-visual[data-v-5eb5ec83] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.orbita-animada[data-v-5eb5ec83] {
  width: 180px;
  height: 120px;
  position: relative;
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  transform: perspective(100px) rotateX(20deg);
}
.sol[data-v-5eb5ec83] {
  position: absolute;
  left: 25%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  filter: drop-shadow(0 0 10px #FCD34D);
}
.planeta[data-v-5eb5ec83] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #60A5FA, #3B82F6);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  animation: orbitar-5eb5ec83 4s linear infinite;
  box-shadow: 0 0 8px rgba(96, 165, 250, 0.6);
}
@keyframes orbitar-5eb5ec83 {
0% {
    left: 100%;
    top: 50%;
}
25% {
    left: 50%;
    top: 0%;
}
50% {
    left: 0%;
    top: 50%;
}
75% {
    left: 50%;
    top: 100%;
}
100% {
    left: 100%;
    top: 50%;
}
}

/* Contexto histórico */
.contexto-section[data-v-5eb5ec83] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-5eb5ec83] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-5eb5ec83] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-5eb5ec83] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.contexto-icono[data-v-5eb5ec83] {
  font-size: 1.25rem;
}
.contexto-texto[data-v-5eb5ec83] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.contexto-texto strong[data-v-5eb5ec83] {
  color: #FFFFFF;
}

/* Preview de las leyes */
.leyes-preview[data-v-5eb5ec83] {
  margin: 1.5rem 0;
}
.leyes-titulo[data-v-5eb5ec83] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.leyes-grid[data-v-5eb5ec83] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ley-card[data-v-5eb5ec83] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem 0.5rem;
  text-align: center;
  transition: all 0.2s ease;
}
.ley-card[data-v-5eb5ec83]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.ley-numero[data-v-5eb5ec83] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.ley-nombre[data-v-5eb5ec83] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.ley-desc[data-v-5eb5ec83] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-5eb5ec83] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5eb5ec83] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5eb5ec83] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5eb5ec83] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.orbita-animada[data-v-5eb5ec83] {
    width: 240px;
    height: 160px;
}
.sol[data-v-5eb5ec83] {
    font-size: 2.5rem;
}
.planeta[data-v-5eb5ec83] {
    width: 20px;
    height: 20px;
}
.ley-card[data-v-5eb5ec83] {
    padding: 1rem;
}
.ley-numero[data-v-5eb5ec83] {
    font-size: 1.75rem;
}
.ley-nombre[data-v-5eb5ec83] {
    font-size: 0.85rem;
}
.ley-desc[data-v-5eb5ec83] {
    font-size: 0.75rem;
}
}

/* Enunciado */
.enunciado[data-v-fb4578b4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.enunciado-icono[data-v-fb4578b4] {
  font-size: 1.75rem;
}
.enunciado-contenido[data-v-fb4578b4] {
  flex: 1;
}
.enunciado-titulo[data-v-fb4578b4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.enunciado-texto[data-v-fb4578b4] {
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.enunciado-texto strong[data-v-fb4578b4] {
  color: #6EE7B7;
}

/* Elipse visual */
.elipse-section[data-v-fb4578b4] {
  margin: 1.5rem 0;
}
.elipse-container[data-v-fb4578b4] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
}
.elipse-svg[data-v-fb4578b4] {
  width: 100%;
  height: auto;
}
.foco.sol[data-v-fb4578b4] {
  filter: drop-shadow(0 0 8px #FCD34D);
}
.planeta-movil[data-v-fb4578b4] {
  animation: orbitar-elipse-fb4578b4 6s ease-in-out infinite;
  filter: drop-shadow(0 0 4px #60A5FA);
}
@keyframes orbitar-elipse-fb4578b4 {
0% { cx: 280; cy: 100;
}
25% { cx: 150; cy: 20;
}
50% { cx: 20; cy: 100;
}
75% { cx: 150; cy: 180;
}
100% { cx: 280; cy: 100;
}
}

/* Puntos importantes */
.puntos-section[data-v-fb4578b4] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-fb4578b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-grid[data-v-fb4578b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.punto-card[data-v-fb4578b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.punto-card.afelio[data-v-fb4578b4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.punto-card.perihelio[data-v-fb4578b4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.punto-icono[data-v-fb4578b4] {
  font-size: 1.5rem;
}
.punto-info[data-v-fb4578b4] {
  flex: 1;
}
.punto-nombre[data-v-fb4578b4] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.punto-desc[data-v-fb4578b4] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.punto-desc strong[data-v-fb4578b4] {
  color: #FFFFFF;
}
.punto-dato[data-v-fb4578b4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Parámetros */
.parametros-section[data-v-fb4578b4] {
  margin: 1.5rem 0;
}
.parametros-titulo[data-v-fb4578b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.parametros-lista[data-v-fb4578b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parametro[data-v-fb4578b4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.param-simbolo[data-v-fb4578b4] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
  font-style: italic;
  color: #FCD34D;
}
.param-nombre[data-v-fb4578b4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.param-desc[data-v-fb4578b4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Ejemplo */
.ejemplo[data-v-fb4578b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-icono[data-v-fb4578b4] {
  font-size: 1.25rem;
}
.ejemplo-texto[data-v-fb4578b4] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.ejemplo-texto strong[data-v-fb4578b4] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.enunciado[data-v-fb4578b4] {
    padding: 1.25rem;
}
.enunciado-texto[data-v-fb4578b4] {
    font-size: 1.1rem;
}
.parametro[data-v-fb4578b4] {
    flex-direction: row;
}
.param-desc[data-v-fb4578b4] {
    margin-left: auto;
}
}

/* Enunciado */
.enunciado[data-v-857fca3b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.enunciado-icono[data-v-857fca3b] {
  font-size: 1.75rem;
}
.enunciado-contenido[data-v-857fca3b] {
  flex: 1;
}
.enunciado-titulo[data-v-857fca3b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.enunciado-texto[data-v-857fca3b] {
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.enunciado-texto strong[data-v-857fca3b] {
  color: #6EE7B7;
}

/* Sección de áreas */
.areas-section[data-v-857fca3b] {
  margin: 1.5rem 0;
}
.areas-container[data-v-857fca3b] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
}
.areas-svg[data-v-857fca3b] {
  width: 100%;
  height: auto;
}
.areas-leyenda[data-v-857fca3b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.leyenda-item[data-v-857fca3b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.leyenda-color[data-v-857fca3b] {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}
.leyenda-item.verde .leyenda-color[data-v-857fca3b] {
  background: #10B981;
}
.leyenda-item.azul .leyenda-color[data-v-857fca3b] {
  background: #60A5FA;
}
.leyenda-texto[data-v-857fca3b] {
  color: #E9D5FF;
}
.leyenda-texto strong[data-v-857fca3b] {
  color: #FFFFFF;
}

/* Ecuación */
.ecuacion-box[data-v-857fca3b] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.ecuacion-titulo[data-v-857fca3b] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ecuacion[data-v-857fca3b] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ecuacion-nota[data-v-857fca3b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Consecuencia */
.consecuencia-section[data-v-857fca3b] {
  margin: 1.5rem 0;
}
.consecuencia-titulo[data-v-857fca3b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencia-grid[data-v-857fca3b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.consecuencia-item[data-v-857fca3b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.consec-icono[data-v-857fca3b] {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.consec-texto[data-v-857fca3b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.consec-texto strong[data-v-857fca3b] {
  color: #FFFFFF;
}
strong.rapido[data-v-857fca3b] {
  color: #6EE7B7;
}
strong.lento[data-v-857fca3b] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-857fca3b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-857fca3b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-857fca3b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-857fca3b] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.enunciado-texto[data-v-857fca3b] {
    font-size: 1.1rem;
}
.areas-leyenda[data-v-857fca3b] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.ecuacion[data-v-857fca3b] {
    font-size: 2rem;
}
.consecuencia-item[data-v-857fca3b] {
    padding: 1rem;
}
.consec-texto[data-v-857fca3b] {
    font-size: 0.9rem;
}
}

/* Enunciado */
.enunciado[data-v-c4260089] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.enunciado-icono[data-v-c4260089] {
  font-size: 1.75rem;
}
.enunciado-contenido[data-v-c4260089] {
  flex: 1;
}
.enunciado-titulo[data-v-c4260089] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.enunciado-texto[data-v-c4260089] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Ecuación principal */
.ecuacion-principal[data-v-c4260089] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.ecuacion-formula[data-v-c4260089] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-parte[data-v-c4260089] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-simbolo[data-v-c4260089] {
  font-size: 2rem;
  color: #FCD34D;
}
.ecuacion-equivalente[data-v-c4260089] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.equiv-formula[data-v-c4260089] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.equiv-nota[data-v-c4260089] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-c4260089] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-c4260089] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: center;
}
.comparacion-formula[data-v-c4260089] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.fraccion[data-v-c4260089] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-c4260089], .denominador[data-v-c4260089] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.linea[data-v-c4260089] {
  width: 100%;
  height: 2px;
  background: #C4B5FD;
  margin: 0.25rem 0;
}
.igual[data-v-c4260089] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}

/* Interpretación */
.interpretacion-section[data-v-c4260089] {
  margin: 1.5rem 0;
}
.interpretacion-titulo[data-v-c4260089] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interpretacion-grid[data-v-c4260089] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.interp-item[data-v-c4260089] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.interp-icono[data-v-c4260089] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.interp-texto[data-v-c4260089] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.interp-texto strong[data-v-c4260089] {
  color: #FFFFFF;
}
.rapido[data-v-c4260089] {
  color: #6EE7B7;
  font-weight: 600;
}
.lento[data-v-c4260089] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tabla */
.tabla-section[data-v-c4260089] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-c4260089] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-c4260089] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-planetas[data-v-c4260089] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-planetas th[data-v-c4260089],
.tabla-planetas td[data-v-c4260089] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-planetas th[data-v-c4260089] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
  font-size: 0.75rem;
}
.tabla-planetas td[data-v-c4260089] {
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-planetas td.constante[data-v-c4260089] {
  color: #6EE7B7;
  font-weight: 700;
}
.tabla-nota[data-v-c4260089] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  font-size: 0.8rem;
}
.nota-icono[data-v-c4260089] {
  font-size: 1rem;
}
.nota-texto[data-v-c4260089] {
  color: #C4B5FD;
}
.nota-texto strong[data-v-c4260089] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-c4260089] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c4260089] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c4260089] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c4260089] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.enunciado-texto[data-v-c4260089] {
    font-size: 1.05rem;
}
.formula-parte[data-v-c4260089] {
    font-size: 3rem;
}
.equiv-formula[data-v-c4260089] {
    font-size: 1.2rem;
}
.interp-item[data-v-c4260089] {
    padding: 1.25rem;
}
.interp-texto[data-v-c4260089] {
    font-size: 0.9rem;
}
.tabla-planetas[data-v-c4260089] {
    font-size: 0.9rem;
}
}

.explorador[data-v-c1fb8b4a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c1fb8b4a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c1fb8b4a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c1fb8b4a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c1fb8b4a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c1fb8b4a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c1fb8b4a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c1fb8b4a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c1fb8b4a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c1fb8b4a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Elipse ===== */
.elipse-interactiva[data-v-c1fb8b4a] {
  text-align: center;
}
.elipse-svg[data-v-c1fb8b4a] {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}
.punto-clickeable[data-v-c1fb8b4a] {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.punto-clickeable[data-v-c1fb8b4a]:hover {
  transform: scale(1.1);
}
.punto-clickeable.correcto circle[data-v-c1fb8b4a]:first-of-type {
  stroke: #10B981;
  stroke-width: 3;
}
.punto-clickeable.incorrecto circle[data-v-c1fb8b4a]:first-of-type {
  stroke: #EF4444;
  stroke-width: 3;
  animation: shake-c1fb8b4a 0.3s ease;
}
@keyframes shake-c1fb8b4a {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px);
}
75% { transform: translateX(3px);
}
}
.pregunta-punto[data-v-c1fb8b4a] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.feedback-elipse[data-v-c1fb8b4a] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-elipse.correcto[data-v-c1fb8b4a] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.progreso-elipse[data-v-c1fb8b4a], .progreso-velocidad[data-v-c1fb8b4a], .progreso-calculo[data-v-c1fb8b4a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 2: Velocidades ===== */
.velocidad-container[data-v-c1fb8b4a] {
  text-align: center;
}
.velocidad-svg[data-v-c1fb8b4a] {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}
.velocidad-pregunta[data-v-c1fb8b4a] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.velocidad-opciones[data-v-c1fb8b4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.opcion-btn[data-v-c1fb8b4a] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-c1fb8b4a]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionado[data-v-c1fb8b4a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-c1fb8b4a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-c1fb8b4a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Cálculos ===== */
.calculo-container[data-v-c1fb8b4a] {
  text-align: center;
}
.calculo-formula[data-v-c1fb8b4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-c1fb8b4a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula[data-v-c1fb8b4a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.calculo-problema[data-v-c1fb8b4a] {
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-weight: 600;
}
.calculo-datos[data-v-c1fb8b4a] {
  margin-bottom: 1rem;
}
.dato[data-v-c1fb8b4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.dato-label[data-v-c1fb8b4a] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.dato-valor[data-v-c1fb8b4a] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1.1rem;
}
.calculo-respuesta[data-v-c1fb8b4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.resp-label[data-v-c1fb8b4a] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resp-input[data-v-c1fb8b4a] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.resp-input.correcto[data-v-c1fb8b4a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.resp-input.incorrecto[data-v-c1fb8b4a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.resp-unidad[data-v-c1fb8b4a] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar[data-v-c1fb8b4a] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.calculo-hint[data-v-c1fb8b4a] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Resultado correcto */
.resultado-correcto[data-v-c1fb8b4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c1fb8b4a] { font-size: 1.25rem;
}
.resultado-texto[data-v-c1fb8b4a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-c1fb8b4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c1fb8b4a] { flex: 1;
}
.nav-btn[data-v-c1fb8b4a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c1fb8b4a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c1fb8b4a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c1fb8b4a] { font-size: 1.75rem;
}
.completado-texto[data-v-c1fb8b4a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c1fb8b4a], .slide-leave-active[data-v-c1fb8b4a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c1fb8b4a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c1fb8b4a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.velocidad-opciones[data-v-c1fb8b4a] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-c1fb8b4a] {
    flex: 1;
    max-width: 200px;
}
}

/* Intro */
.resumen-intro[data-v-ad8c5f3c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-ad8c5f3c] {
  font-size: 2rem;
}
.resumen-intro p[data-v-ad8c5f3c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-ad8c5f3c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-ad8c5f3c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-ad8c5f3c]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-ad8c5f3c] {
  grid-column: span 2;
}
.card-header[data-v-ad8c5f3c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-numero[data-v-ad8c5f3c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.85rem;
  color: #FCD34D;
}
.card-titulo[data-v-ad8c5f3c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.card-contenido[data-v-ad8c5f3c] {
  color: #E9D5FF;
}
.card-texto[data-v-ad8c5f3c] {
  margin: 0.5rem 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.card-texto strong[data-v-ad8c5f3c] {
  color: #6EE7B7;
}

/* Mini visuales */
.ley-visual[data-v-ad8c5f3c], .areas-visual[data-v-ad8c5f3c] {
  margin: 0.5rem 0;
}
.mini-orbita[data-v-ad8c5f3c], .mini-areas[data-v-ad8c5f3c] {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Puntos perihelio/afelio */
.card-puntos[data-v-ad8c5f3c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.7rem;
}
.punto[data-v-ad8c5f3c] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.punto.perihelio[data-v-ad8c5f3c] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.punto.afelio[data-v-ad8c5f3c] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Velocidades */
.card-velocidades[data-v-ad8c5f3c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.7rem;
}
.vel[data-v-ad8c5f3c] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.vel.rapido[data-v-ad8c5f3c] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.vel.lento[data-v-ad8c5f3c] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}

/* Fórmula grande */
.formula-grande[data-v-ad8c5f3c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 0.5rem 0;
}
.formula-main[data-v-ad8c5f3c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-equiv[data-v-ad8c5f3c] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-ad8c5f3c] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.ejemplo-item[data-v-ad8c5f3c] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.ejemplo-item .planeta[data-v-ad8c5f3c] {
  font-size: 1rem;
}
.ejemplo-item .datos[data-v-ad8c5f3c] {
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-ad8c5f3c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-ad8c5f3c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-ad8c5f3c] {
  font-size: 1.25rem;
}
.tip-text[data-v-ad8c5f3c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-ad8c5f3c] {
  color: #FCD34D;
}

/* Conexiones */
.conexiones[data-v-ad8c5f3c] {
  margin-bottom: 1.5rem;
}
.conexion-titulo[data-v-ad8c5f3c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conexion-grid[data-v-ad8c5f3c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conexion-item[data-v-ad8c5f3c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.conexion-icono[data-v-ad8c5f3c] {
  font-size: 1.25rem;
}
.conexion-texto[data-v-ad8c5f3c] {
  color: #E9D5FF;
}
.conexion-texto strong[data-v-ad8c5f3c] {
  color: #93C5FD;
}

/* Celebración */
.celebracion[data-v-ad8c5f3c] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-ad8c5f3c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-ad8c5f3c 1s ease-in-out infinite;
}
@keyframes bounce-ad8c5f3c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-ad8c5f3c] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-ad8c5f3c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Mobile: stack cards */
@media (max-width: 480px) {
.resumen-cards[data-v-ad8c5f3c] {
    grid-template-columns: 1fr;
}
.resumen-card.wide[data-v-ad8c5f3c] {
    grid-column: span 1;
}
}

/* Desktop */
@media (min-width: 640px) {
.resumen-intro p[data-v-ad8c5f3c] {
    font-size: 1.1rem;
}
.resumen-cards[data-v-ad8c5f3c] {
    gap: 1rem;
}
.resumen-card[data-v-ad8c5f3c] {
    padding: 1rem;
}
.card-titulo[data-v-ad8c5f3c] {
    font-size: 0.95rem;
}
.card-texto[data-v-ad8c5f3c] {
    font-size: 0.85rem;
}
.formula-main[data-v-ad8c5f3c] {
    font-size: 1.75rem;
}
.conexion-grid[data-v-ad8c5f3c] {
    flex-direction: row;
}
.conexion-item[data-v-ad8c5f3c] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-a60650b9] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.escala-visual[data-v-a60650b9] {
  width: 100%;
  max-width: 300px;
}
.escala-barra[data-v-a60650b9] {
  position: relative;
  height: 40px;
  margin-bottom: 0.5rem;
}
.escala-marca[data-v-a60650b9] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.marca-num[data-v-a60650b9] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.escala-linea[data-v-a60650b9] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(to right, #6EE7B7, #FCD34D, #EF4444);
  border-radius: 3px;
}
.escala-label[data-v-a60650b9] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Concepto logarítmico */
.concepto-log[data-v-a60650b9] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-header[data-v-a60650b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-a60650b9] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-a60650b9] {
  font-weight: 700;
  font-size: 1rem;
  color: #C4B5FD;
}
.concepto-contenido p[data-v-a60650b9] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.incrementos[data-v-a60650b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.incremento[data-v-a60650b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.inc-factor[data-v-a60650b9] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-weight: 600;
  color: #FFFFFF;
}
.inc-arrow[data-v-a60650b9] {
  color: #C4B5FD;
}
.inc-efecto[data-v-a60650b9] {
  font-weight: 700;
}
.inc-efecto.amp[data-v-a60650b9] {
  color: #93C5FD;
}
.inc-efecto.ene[data-v-a60650b9] {
  color: #FCD34D;
}

/* Comparación energía */
.comparacion-section[data-v-a60650b9] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a60650b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-a60650b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.comp-item[data-v-a60650b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.8rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 70px;
}
.comp-item.destacado[data-v-a60650b9] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.comp-item.mayor[data-v-a60650b9] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.comp-mag[data-v-a60650b9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.comp-energia[data-v-a60650b9] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.comp-equiv[data-v-a60650b9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-flecha[data-v-a60650b9] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Tipos de escalas */
.tipos-escalas[data-v-a60650b9] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a60650b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-a60650b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-a60650b9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-card.principal[data-v-a60650b9] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-header[data-v-a60650b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-sigla[data-v-a60650b9] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #93C5FD;
}
.principal .tipo-sigla[data-v-a60650b9] {
  color: #6EE7B7;
}
.tipo-nombre[data-v-a60650b9] {
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-desc[data-v-a60650b9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.tipo-uso[data-v-a60650b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-uso.destacado[data-v-a60650b9] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Rangos */
.rangos-section[data-v-a60650b9] {
  margin: 1.5rem 0;
}
.rangos-titulo[data-v-a60650b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rangos-lista[data-v-a60650b9] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.rango-item[data-v-a60650b9] {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.rango-valor[data-v-a60650b9] {
  font-weight: 700;
  min-width: 65px;
}
.rango-nombre[data-v-a60650b9] {
  flex: 1;
  color: #E9D5FF;
}
.rango-efecto[data-v-a60650b9] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.rango-item.micro[data-v-a60650b9] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.rango-item.micro .rango-valor[data-v-a60650b9] { color: #6EE7B7;
}
.rango-item.menor[data-v-a60650b9] {
  background: rgba(147, 197, 253, 0.1);
  border-left: 3px solid #93C5FD;
}
.rango-item.menor .rango-valor[data-v-a60650b9] { color: #93C5FD;
}
.rango-item.ligero[data-v-a60650b9] {
  background: rgba(252, 211, 77, 0.1);
  border-left: 3px solid #FCD34D;
}
.rango-item.ligero .rango-valor[data-v-a60650b9] { color: #FCD34D;
}
.rango-item.moderado[data-v-a60650b9] {
  background: rgba(253, 186, 116, 0.1);
  border-left: 3px solid #FDBA74;
}
.rango-item.moderado .rango-valor[data-v-a60650b9] { color: #FDBA74;
}
.rango-item.fuerte[data-v-a60650b9] {
  background: rgba(252, 165, 165, 0.1);
  border-left: 3px solid #FCA5A5;
}
.rango-item.fuerte .rango-valor[data-v-a60650b9] { color: #FCA5A5;
}
.rango-item.mayor[data-v-a60650b9] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.rango-item.mayor .rango-valor[data-v-a60650b9] { color: #EF4444;
}
.rango-item.grande[data-v-a60650b9] {
  background: rgba(153, 27, 27, 0.15);
  border-left: 3px solid #991B1B;
}
.rango-item.grande .rango-valor[data-v-a60650b9] { color: #FCA5A5;
}

/* Ejemplo Chile */
.ejemplo-chile[data-v-a60650b9] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.ejemplo-icono[data-v-a60650b9] {
  font-size: 2rem;
}
.ejemplo-contenido[data-v-a60650b9] {
  flex: 1;
}
.ejemplo-titulo[data-v-a60650b9] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.ejemplo-dato[data-v-a60650b9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.ejemplo-dato strong[data-v-a60650b9] {
  color: #FFFFFF;
}
.ejemplo-extra[data-v-a60650b9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-a60650b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a60650b9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a60650b9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a60650b9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-a60650b9] {
    flex-direction: row;
}
.tipo-card[data-v-a60650b9] {
    flex: 1;
}
.rango-item[data-v-a60650b9] {
    font-size: 0.85rem;
}
.rango-valor[data-v-a60650b9] {
    min-width: 80px;
}
}

/* Intro visual - Mapa de intensidad */
.intro-visual[data-v-512078bc] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.mapa-intensidad[data-v-512078bc] {
  position: relative;
  width: 200px;
  height: 200px;
}
.epicentro[data-v-512078bc] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.epicentro-icono[data-v-512078bc] {
  font-size: 1.5rem;
}
.epicentro-label[data-v-512078bc] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.circulo[data-v-512078bc] {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
}
.circulo.c1[data-v-512078bc] {
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.circulo.c2[data-v-512078bc] {
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(253, 186, 116, 0.2);
  border: 2px dashed #FDBA74;
  color: #FDBA74;
}
.circulo.c3[data-v-512078bc] {
  width: 130px;
  height: 130px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(252, 211, 77, 0.15);
  border: 2px dashed #FCD34D;
  color: #FCD34D;
}
.circulo.c4[data-v-512078bc] {
  width: 180px;
  height: 180px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(110, 231, 183, 0.1);
  border: 2px dashed #6EE7B7;
  color: #6EE7B7;
}

/* Diferencia visual */
.diferencia-visual[data-v-512078bc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.dif-item[data-v-512078bc] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.dif-item.magnitud[data-v-512078bc] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.dif-item.intensidad[data-v-512078bc] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.dif-header[data-v-512078bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dif-icono[data-v-512078bc] {
  font-size: 1.1rem;
}
.dif-titulo[data-v-512078bc] {
  font-weight: 700;
  font-size: 1rem;
}
.magnitud .dif-titulo[data-v-512078bc] { color: #6EE7B7;
}
.intensidad .dif-titulo[data-v-512078bc] { color: #FCA5A5;
}
.dif-caracteristica[data-v-512078bc] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.2rem;
}
.dif-check[data-v-512078bc] {
  color: #6EE7B7;
  font-size: 0.7rem;
}
.dif-vs[data-v-512078bc] {
  text-align: center;
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Escala Mercalli */
.mercalli-section[data-v-512078bc] {
  margin: 1.5rem 0;
}
.mercalli-titulo[data-v-512078bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mercalli-grid[data-v-512078bc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.merc-grupo[data-v-512078bc] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.merc-grupo.leve[data-v-512078bc] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 4px solid #6EE7B7;
}
.merc-grupo.moderado[data-v-512078bc] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 4px solid #FCD34D;
}
.merc-grupo.fuerte[data-v-512078bc] {
  background: rgba(249, 115, 22, 0.1);
  border-left: 4px solid #F97316;
}
.merc-grupo.catastrofico[data-v-512078bc] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 4px solid #EF4444;
}
.merc-rango[data-v-512078bc] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.leve .merc-rango[data-v-512078bc] { color: #6EE7B7;
}
.moderado .merc-rango[data-v-512078bc] { color: #FCD34D;
}
.fuerte .merc-rango[data-v-512078bc] { color: #F97316;
}
.catastrofico .merc-rango[data-v-512078bc] { color: #EF4444;
}
.merc-items[data-v-512078bc] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.merc-item[data-v-512078bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.merc-num[data-v-512078bc] {
  font-weight: 700;
  color: #C4B5FD;
  min-width: 25px;
}
.merc-desc[data-v-512078bc] {
  color: #E9D5FF;
}

/* Factores */
.factores-section[data-v-512078bc] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-512078bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-512078bc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-item[data-v-512078bc] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-icono[data-v-512078bc] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.factor-nombre[data-v-512078bc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.factor-efecto[data-v-512078bc] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-512078bc] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-512078bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-512078bc] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-512078bc] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.ejemplo-contenido p[data-v-512078bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.ejemplo-contenido strong[data-v-512078bc] {
  color: #FFFFFF;
}
.ejemplo-lugares[data-v-512078bc] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.lugar-item[data-v-512078bc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.lugar-dist[data-v-512078bc] {
  color: #E9D5FF;
}
.lugar-int[data-v-512078bc] {
  font-weight: 700;
}
.lugar-int.alta[data-v-512078bc] { color: #EF4444;
}
.lugar-int.media[data-v-512078bc] { color: #F97316;
}
.lugar-int.baja[data-v-512078bc] { color: #6EE7B7;
}

/* Tip */
.tip[data-v-512078bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-512078bc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-512078bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-512078bc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diferencia-visual[data-v-512078bc] {
    flex-direction: row;
    align-items: stretch;
}
.dif-item[data-v-512078bc] {
    flex: 1;
}
.dif-vs[data-v-512078bc] {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}
.mercalli-grid[data-v-512078bc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-4d6be7bd] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4d6be7bd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4d6be7bd] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4d6be7bd] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4d6be7bd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4d6be7bd] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4d6be7bd] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4d6be7bd] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4d6be7bd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4d6be7bd] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Energía ===== */
.energia-container[data-v-4d6be7bd] {
  text-align: center;
}
.energia-pregunta[data-v-4d6be7bd] {
  margin-bottom: 1rem;
}
.energia-pregunta p[data-v-4d6be7bd] {
  margin: 0 0 0.25rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.energia-pregunta strong[data-v-4d6be7bd] {
  color: #FFFFFF;
}
.energia-visual[data-v-4d6be7bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.energia-sismo[data-v-4d6be7bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}
.energia-sismo.s1[data-v-4d6be7bd] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.energia-sismo.s2[data-v-4d6be7bd] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.sismo-mag[data-v-4d6be7bd] {
  font-weight: 800;
  font-size: 1.5rem;
  color: #FFFFFF;
}
.sismo-label[data-v-4d6be7bd] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.energia-flecha[data-v-4d6be7bd] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.energia-tip[data-v-4d6be7bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  color: #FCD34D;
}
.energia-opciones[data-v-4d6be7bd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.energia-btn[data-v-4d6be7bd] {
  padding: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.energia-btn.seleccionado[data-v-4d6be7bd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.energia-btn.correcto[data-v-4d6be7bd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.energia-btn.incorrecto[data-v-4d6be7bd] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.energia-contador[data-v-4d6be7bd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-4d6be7bd] {
  text-align: center;
}
.clasificar-pregunta[data-v-4d6be7bd] {
  margin-bottom: 1rem;
}
.clasificar-pregunta p[data-v-4d6be7bd] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.afirmacion-box[data-v-4d6be7bd] {
  background: rgba(0, 0, 0, 0.3);
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.afirmacion-comillas[data-v-4d6be7bd] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.afirmacion-texto[data-v-4d6be7bd] {
  color: #FFFFFF;
  font-size: 1rem;
  font-style: italic;
}
.clasificar-opciones[data-v-4d6be7bd] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.clasificar-btn[data-v-4d6be7bd] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.clasificar-btn.magnitud[data-v-4d6be7bd] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.clasificar-btn.intensidad[data-v-4d6be7bd] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.clasificar-btn.seleccionado.magnitud[data-v-4d6be7bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.clasificar-btn.seleccionado.intensidad[data-v-4d6be7bd] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.clasificar-btn.correcto[data-v-4d6be7bd] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.clasificar-btn.incorrecto[data-v-4d6be7bd] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.btn-icono[data-v-4d6be7bd] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.btn-texto[data-v-4d6be7bd] {
  font-weight: 700;
  font-size: 0.9rem;
}
.magnitud .btn-texto[data-v-4d6be7bd] { color: #6EE7B7;
}
.intensidad .btn-texto[data-v-4d6be7bd] { color: #FCA5A5;
}
.correcto .btn-texto[data-v-4d6be7bd], .incorrecto .btn-texto[data-v-4d6be7bd] { color: white;
}
.clasificar-contador[data-v-4d6be7bd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-4d6be7bd] {
  text-align: center;
}
.ordenar-pregunta[data-v-4d6be7bd] {
  margin-bottom: 1rem;
}
.ordenar-pregunta p[data-v-4d6be7bd] {
  margin: 0 0 0.25rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ordenar-pregunta strong[data-v-4d6be7bd] {
  color: #FFFFFF;
}
.ciudades-disponibles[data-v-4d6be7bd] {
  margin-bottom: 1rem;
}
.ciudades-label[data-v-4d6be7bd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ciudades-pool[data-v-4d6be7bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ciudad-btn[data-v-4d6be7bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.ciudad-btn.seleccionado[data-v-4d6be7bd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  transform: scale(1.05);
}
.ciudad-nombre[data-v-4d6be7bd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ciudad-dist[data-v-4d6be7bd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ordenar-slots[data-v-4d6be7bd] {
  margin-bottom: 1rem;
}
.slots-label[data-v-4d6be7bd] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.slots-row[data-v-4d6be7bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.slot-ordenar[data-v-4d6be7bd] {
  width: 90px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.slot-ordenar.seleccionable[data-v-4d6be7bd] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-4d6be7bd 1s infinite;
}
@keyframes pulse-4d6be7bd {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}
.slot-ordenar.ocupado[data-v-4d6be7bd] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-num[data-v-4d6be7bd] {
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
}
.slot-ciudad[data-v-4d6be7bd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ordenar-acciones[data-v-4d6be7bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-4d6be7bd], .btn-reiniciar[data-v-4d6be7bd] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-4d6be7bd] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-4d6be7bd] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.orden-feedback[data-v-4d6be7bd] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.orden-feedback.correcto[data-v-4d6be7bd] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-4d6be7bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4d6be7bd] { font-size: 1.25rem;
}
.resultado-texto[data-v-4d6be7bd] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-4d6be7bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4d6be7bd] { flex: 1;
}
.nav-btn[data-v-4d6be7bd] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4d6be7bd] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4d6be7bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4d6be7bd] { font-size: 1.75rem;
}
.completado-texto[data-v-4d6be7bd] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4d6be7bd], .slide-leave-active[data-v-4d6be7bd] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4d6be7bd] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4d6be7bd] { opacity: 0; transform: translateX(-15px);
}

/* Resumen visual */
.resumen-visual[data-v-5b8ae453] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-5b8ae453] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-card.magnitud[data-v-5b8ae453] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.resumen-card.intensidad[data-v-5b8ae453] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.card-header[data-v-5b8ae453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.card-icono[data-v-5b8ae453] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5b8ae453] {
  font-weight: 700;
  font-size: 1.1rem;
}
.magnitud .card-titulo[data-v-5b8ae453] { color: #6EE7B7;
}
.intensidad .card-titulo[data-v-5b8ae453] { color: #FCA5A5;
}
.card-escala[data-v-5b8ae453] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.card-puntos[data-v-5b8ae453] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.card-puntos li[data-v-5b8ae453] {
  margin-bottom: 0.2rem;
}
.card-puntos strong[data-v-5b8ae453] {
  color: #FFFFFF;
}

/* Fórmula */
.formula-section[data-v-5b8ae453] {
  margin-bottom: 1.5rem;
}
.formula-titulo[data-v-5b8ae453] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.formula-contenido[data-v-5b8ae453] {
  display: flex;
  gap: 0.5rem;
}
.formula-box[data-v-5b8ae453] {
  flex: 1;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-texto[data-v-5b8ae453] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-texto strong[data-v-5b8ae453] {
  color: #FCD34D;
}

/* Tabla comparativa */
.tabla-section[data-v-5b8ae453] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-5b8ae453] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tabla-grid[data-v-5b8ae453] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-5b8ae453], .tabla-row[data-v-5b8ae453] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
}
.tabla-header[data-v-5b8ae453] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-header span[data-v-5b8ae453] {
  padding: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-5b8ae453] {
  background: rgba(0, 0, 0, 0.2);
}
.tabla-row span[data-v-5b8ae453] {
  padding: 0.4rem;
  font-size: 0.75rem;
  text-align: center;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row span[data-v-5b8ae453]:first-child {
  color: #C4B5FD;
}
.tabla-row span.mag[data-v-5b8ae453] {
  color: #6EE7B7;
}
.tabla-row span.int[data-v-5b8ae453] {
  color: #FCA5A5;
}

/* Factores rápidos */
.factores-rapido[data-v-5b8ae453] {
  margin-bottom: 1.5rem;
}
.factores-titulo[data-v-5b8ae453] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.factores-lista[data-v-5b8ae453] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.factor[data-v-5b8ae453] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-5b8ae453] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-header[data-v-5b8ae453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-5b8ae453] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-5b8ae453] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.tips-lista[data-v-5b8ae453] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-5b8ae453] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-5b8ae453] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.7rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-5b8ae453] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-5b8ae453] {
  color: #FFFFFF;
}

/* Ejemplo final */
.ejemplo-final[data-v-5b8ae453] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-header[data-v-5b8ae453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-5b8ae453] {
  font-size: 1.5rem;
}
.ejemplo-titulo[data-v-5b8ae453] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FCD34D;
}
.ejemplo-datos[data-v-5b8ae453] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dato-item[data-v-5b8ae453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.dato-label[data-v-5b8ae453] {
  color: #C4B5FD;
  min-width: 70px;
}
.dato-valor[data-v-5b8ae453] {
  font-weight: 700;
}
.dato-valor.mag[data-v-5b8ae453] {
  color: #6EE7B7;
}
.dato-valor.int[data-v-5b8ae453] {
  color: #FCA5A5;
}
.dato-nota[data-v-5b8ae453] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-5b8ae453] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-5b8ae453] {
  font-size: 1.5rem;
}
.mensaje-texto[data-v-5b8ae453] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-5b8ae453] {
    flex-direction: row;
}
.resumen-card[data-v-5b8ae453] {
    flex: 1;
}
.formula-contenido[data-v-5b8ae453] {
    max-width: 400px;
}
}

/* Visual del efecto invernadero */
.intro-visual[data-v-4a9ccc45] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.invernadero-visual[data-v-4a9ccc45] {
  position: relative;
  width: 200px;
  height: 160px;
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 1rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sol[data-v-4a9ccc45] {
  font-size: 2rem;
  animation: pulso-sol-4a9ccc45 2s ease-in-out infinite;
}
@keyframes pulso-sol-4a9ccc45 {
0%, 100% { transform: scale(1); filter: drop-shadow(0 0 8px #FCD34D);
}
50% { transform: scale(1.1); filter: drop-shadow(0 0 15px #F59E0B);
}
}
.radiacion-entrante[data-v-4a9ccc45] {
  display: flex;
  gap: 0.5rem;
  margin: 0.25rem 0;
}
.rayo[data-v-4a9ccc45] {
  color: #FCD34D;
  font-size: 1rem;
  animation: bajar-4a9ccc45 1.5s ease-in-out infinite;
}
.r1[data-v-4a9ccc45] { animation-delay: 0s;
}
.r2[data-v-4a9ccc45] { animation-delay: 0.2s;
}
.r3[data-v-4a9ccc45] { animation-delay: 0.4s;
}
@keyframes bajar-4a9ccc45 {
0%, 100% { opacity: 0.3; transform: translateY(0);
}
50% { opacity: 1; transform: translateY(5px);
}
}
.atmosfera[data-v-4a9ccc45] {
  display: flex;
  gap: 0.75rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 0.25rem 0;
}
.gas[data-v-4a9ccc45] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.tierra[data-v-4a9ccc45] {
  font-size: 2.5rem;
}
.radiacion-reflejada[data-v-4a9ccc45] {
  position: absolute;
  bottom: 40px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rayo-ir[data-v-4a9ccc45] {
  color: #F87171;
  font-size: 0.9rem;
}
.rayo-ir.atrapado[data-v-4a9ccc45] {
  color: #FCA5A5;
  animation: rotar-4a9ccc45 2s linear infinite;
}
@keyframes rotar-4a9ccc45 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* Proceso */
.proceso-section[data-v-4a9ccc45] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-4a9ccc45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-pasos[data-v-4a9ccc45] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-proceso[data-v-4a9ccc45] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-4a9ccc45] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-4a9ccc45] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-contenido strong[data-v-4a9ccc45] {
  color: #FFFFFF;
}

/* Gases */
.gases-section[data-v-4a9ccc45] {
  margin: 1.5rem 0;
}
.gases-titulo[data-v-4a9ccc45] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.gases-grid[data-v-4a9ccc45] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.gas-card[data-v-4a9ccc45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.gas-formula[data-v-4a9ccc45] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.gas-nombre[data-v-4a9ccc45] {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin: 0.15rem 0;
}
.gas-fuente[data-v-4a9ccc45] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Balance */
.balance-section[data-v-4a9ccc45] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.balance-icono[data-v-4a9ccc45] {
  font-size: 1.5rem;
}
.balance-contenido[data-v-4a9ccc45] {
  flex: 1;
}
.balance-titulo[data-v-4a9ccc45] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.balance-texto[data-v-4a9ccc45] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
strong.positivo[data-v-4a9ccc45] {
  color: #6EE7B7;
}
strong.negativo[data-v-4a9ccc45] {
  color: #FCA5A5;
}

/* Alerta */
.alerta-section[data-v-4a9ccc45] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.alerta-icono[data-v-4a9ccc45] {
  font-size: 1.5rem;
}
.alerta-contenido[data-v-4a9ccc45] {
  flex: 1;
}
.alerta-titulo[data-v-4a9ccc45] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.alerta-texto[data-v-4a9ccc45] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.alerta-texto strong[data-v-4a9ccc45] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-4a9ccc45] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4a9ccc45] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4a9ccc45] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4a9ccc45] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.invernadero-visual[data-v-4a9ccc45] {
    width: 240px;
    height: 180px;
}
.gases-grid[data-v-4a9ccc45] {
    grid-template-columns: repeat(4, 1fr);
}
.proceso-pasos[data-v-4a9ccc45] {
    flex-direction: row;
    flex-wrap: wrap;
}
.paso-proceso[data-v-4a9ccc45] {
    flex: 1;
    min-width: 150px;
}
}

/* Visual ozono */
.intro-visual[data-v-a9fc4443] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ozono-visual[data-v-a9fc4443] {
  position: relative;
  width: 220px;
  padding: 0.75rem;
  background: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);
  border-radius: 1rem;
  text-align: center;
}
.sol-uv[data-v-a9fc4443] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.rayos-uv[data-v-a9fc4443] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
}
.uv[data-v-a9fc4443] {
  font-weight: 600;
}
.uv-a[data-v-a9fc4443] { color: #A78BFA;
}
.uv-b[data-v-a9fc4443] { color: #8B5CF6;
}
.uv-c[data-v-a9fc4443] { color: #6D28D9;
}
.capa-ozono[data-v-a9fc4443] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.o3[data-v-a9fc4443] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.resultado-uv[data-v-a9fc4443] {
  display: flex;
  justify-content: space-around;
  font-size: 0.65rem;
  font-weight: 600;
}
.pasa[data-v-a9fc4443] { color: #FCD34D;
}
.parcial[data-v-a9fc4443] { color: #F59E0B;
}
.bloquea[data-v-a9fc4443] { color: #6EE7B7;
}

/* UV types */
.uv-section[data-v-a9fc4443] {
  margin: 1.5rem 0;
}
.uv-titulo[data-v-a9fc4443] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.uv-grid[data-v-a9fc4443] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.uv-card[data-v-a9fc4443] {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0.25rem 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.uv-card.uva[data-v-a9fc4443] {
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.uv-card.uvb[data-v-a9fc4443] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.uv-card.uvc[data-v-a9fc4443] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.uv-tipo[data-v-a9fc4443] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
  grid-row: span 2;
  display: flex;
  align-items: center;
}
.uv-lambda[data-v-a9fc4443] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.uv-efecto[data-v-a9fc4443] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.uv-riesgo[data-v-a9fc4443] {
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Ciclo */
.ciclo-section[data-v-a9fc4443] {
  margin: 1.5rem 0;
}
.ciclo-titulo[data-v-a9fc4443] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ciclo-contenido[data-v-a9fc4443] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.reaccion[data-v-a9fc4443] {
  text-align: center;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
}
.eq[data-v-a9fc4443] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.desc[data-v-a9fc4443] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha-ciclo[data-v-a9fc4443] {
  color: #8B5CF6;
  font-size: 1rem;
  transform: rotate(90deg);
}

/* Destrucción */
.destruccion-section[data-v-a9fc4443] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.destruccion-icono[data-v-a9fc4443] {
  font-size: 1.5rem;
}
.destruccion-contenido[data-v-a9fc4443] {
  flex: 1;
}
.destruccion-titulo[data-v-a9fc4443] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.destruccion-texto[data-v-a9fc4443] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.destruccion-texto strong[data-v-a9fc4443] {
  color: #FCA5A5;
}
.reaccion-cfc[data-v-a9fc4443] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.75rem;
  color: #F87171;
}

/* Agujero */
.agujero-section[data-v-a9fc4443] {
  margin: 1.5rem 0;
}
.agujero-visual[data-v-a9fc4443] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.antartida[data-v-a9fc4443] {
  font-size: 2rem;
}
.agujero-texto[data-v-a9fc4443] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.agujero-texto strong[data-v-a9fc4443] {
  color: #C4B5FD;
}

/* Éxito */
.exito-section[data-v-a9fc4443] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.exito-icono[data-v-a9fc4443] {
  font-size: 1.5rem;
}
.exito-contenido[data-v-a9fc4443] {
  flex: 1;
}
.exito-titulo[data-v-a9fc4443] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.exito-texto[data-v-a9fc4443] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.4;
}
strong.positivo[data-v-a9fc4443] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a9fc4443] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a9fc4443] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a9fc4443] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a9fc4443] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.uv-grid[data-v-a9fc4443] {
    flex-direction: row;
}
.uv-card[data-v-a9fc4443] {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.uv-tipo[data-v-a9fc4443] {
    justify-content: center;
}
.ciclo-contenido[data-v-a9fc4443] {
    flex-direction: row;
    justify-content: space-between;
}
.reaccion[data-v-a9fc4443] {
    flex: 1;
}
.flecha-ciclo[data-v-a9fc4443] {
    transform: rotate(0deg);
    align-self: center;
}
}

/* Visual ciudad */
.intro-visual[data-v-414e4132] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ciudad-visual[data-v-414e4132] {
  position: relative;
  width: 200px;
  height: 120px;
  background: linear-gradient(180deg, #4B5563 0%, #6B7280 50%, #9CA3AF 100%);
  border-radius: 1rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.edificios[data-v-414e4132] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
}
.smog[data-v-414e4132] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 2rem;
  animation: flotar-414e4132 3s ease-in-out infinite;
}
@keyframes flotar-414e4132 {
0%, 100% { transform: translateY(0) translateX(0); opacity: 0.3;
}
50% { transform: translateY(-5px) translateX(5px); opacity: 0.6;
}
}
.particula-smog[data-v-414e4132] {
  animation: flotar-414e4132 3s ease-in-out infinite;
}
.particula-smog[data-v-414e4132]:nth-child(2) { animation-delay: 1s;
}
.particula-smog[data-v-414e4132]:nth-child(3) { animation-delay: 2s;
}
.fuentes[data-v-414e4132] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1.25rem;
}

/* Contaminantes */
.contaminantes-section[data-v-414e4132] {
  margin: 1.5rem 0;
}
.contaminantes-titulo[data-v-414e4132] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contaminantes-grid[data-v-414e4132] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.contaminante-card[data-v-414e4132] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cont-icono[data-v-414e4132] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.cont-nombre[data-v-414e4132] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cont-desc[data-v-414e4132] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin: 0.15rem 0;
}
.cont-efecto[data-v-414e4132] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-style: italic;
}

/* Smog */
.smog-section[data-v-414e4132] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.smog-titulo[data-v-414e4132] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.smog-contenido p[data-v-414e4132] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.smog-contenido p strong[data-v-414e4132] {
  color: #FFFFFF;
}
.smog-proceso[data-v-414e4132] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.smog-paso[data-v-414e4132] {
  display: flex;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.8rem;
}
.smog-etapa[data-v-414e4132] {
  color: #F59E0B;
}
.smog-resultado[data-v-414e4132] {
  color: #FCA5A5;
}

/* Partículas */
.particulas-section[data-v-414e4132] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.particulas-icono[data-v-414e4132] {
  font-size: 1.5rem;
}
.particulas-contenido[data-v-414e4132] {
  flex: 1;
}
.particulas-titulo[data-v-414e4132] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.particulas-lista[data-v-414e4132] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.part-item[data-v-414e4132] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.part-item strong[data-v-414e4132] {
  color: #FFFFFF;
}

/* Lluvia ácida */
.lluvia-section[data-v-414e4132] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.lluvia-visual[data-v-414e4132] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.lluvia-icono[data-v-414e4132] {
  font-size: 1.5rem;
}
.lluvia-formula[data-v-414e4132] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #93C5FD;
  font-weight: 600;
}
.lluvia-texto[data-v-414e4132] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  text-align: center;
}
.lluvia-texto strong[data-v-414e4132] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-414e4132] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-414e4132] {
  font-size: 1.25rem;
}
.tip-texto[data-v-414e4132] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-414e4132] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ciudad-visual[data-v-414e4132] {
    width: 280px;
    height: 140px;
}
.contaminantes-grid[data-v-414e4132] {
    grid-template-columns: repeat(4, 1fr);
}
.lluvia-section[data-v-414e4132] {
    flex-direction: row;
    align-items: center;
}
.lluvia-texto[data-v-414e4132] {
    text-align: left;
}
}

.explorador[data-v-8aaa1726] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8aaa1726] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8aaa1726] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8aaa1726] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8aaa1726] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8aaa1726] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8aaa1726] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8aaa1726] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8aaa1726] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8aaa1726] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-invernadero[data-v-8aaa1726] {
  text-align: center;
}
.balance-visual[data-v-8aaa1726] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.balance-svg[data-v-8aaa1726] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.sol-sim[data-v-8aaa1726] {
  filter: drop-shadow(0 0 8px #FCD34D);
}
.radiacion-in[data-v-8aaa1726] {
  animation: pulso-rayos-8aaa1726 2s ease-in-out infinite;
}
@keyframes pulso-rayos-8aaa1726 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.control-co2[data-v-8aaa1726] {
  margin-bottom: 1rem;
}
.control-label[data-v-8aaa1726] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.co2-valor[data-v-8aaa1726] {
  color: #FCD34D;
  font-weight: 700;
}
.slider[data-v-8aaa1726] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider[data-v-8aaa1726]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
}
.slider[data-v-8aaa1726]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: none;
}
.co2-labels[data-v-8aaa1726] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.pregunta-sim[data-v-8aaa1726] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-sim[data-v-8aaa1726] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-8aaa1726] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-8aaa1726]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionado[data-v-8aaa1726] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-8aaa1726] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-8aaa1726] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.progreso-contador[data-v-8aaa1726] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Clasificar Radiación ===== */
.clasificar-radiacion[data-v-8aaa1726] {
  text-align: center;
}
.instruccion-clasif[data-v-8aaa1726] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.situacion-actual[data-v-8aaa1726] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opciones-radiacion[data-v-8aaa1726] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.radiacion-btn[data-v-8aaa1726] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.radiacion-btn[data-v-8aaa1726]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.radiacion-btn.seleccionado[data-v-8aaa1726] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.radiacion-btn.correcto[data-v-8aaa1726] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.radiacion-btn.incorrecto[data-v-8aaa1726] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.rad-icono[data-v-8aaa1726] {
  font-size: 1.25rem;
}
.rad-nombre[data-v-8aaa1726] {
  flex: 1;
  text-align: left;
}
.hint-radiacion[data-v-8aaa1726] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Ordenar Fenómenos ===== */
.ordenar-fenomenos[data-v-8aaa1726] {
  text-align: center;
}
.instruccion-orden[data-v-8aaa1726] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.concepto-actual[data-v-8aaa1726] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-icono[data-v-8aaa1726] {
  font-size: 1.5rem;
}
.concepto-nombre[data-v-8aaa1726] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fenomenos-opciones[data-v-8aaa1726] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.fenomeno-btn[data-v-8aaa1726] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.fenomeno-btn.seleccionado[data-v-8aaa1726] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.fenomeno-btn.correcto[data-v-8aaa1726] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.fenomeno-btn.incorrecto[data-v-8aaa1726] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-verificar[data-v-8aaa1726] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-8aaa1726] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8aaa1726] { font-size: 1.25rem;
}
.resultado-texto[data-v-8aaa1726] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8aaa1726] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8aaa1726] { flex: 1;
}
.nav-btn[data-v-8aaa1726] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8aaa1726] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8aaa1726] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8aaa1726] { font-size: 1.75rem;
}
.completado-texto[data-v-8aaa1726] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8aaa1726], .slide-leave-active[data-v-8aaa1726] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8aaa1726] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8aaa1726] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-sim[data-v-8aaa1726] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-8aaa1726] {
    flex: 1;
    max-width: 150px;
}
.opciones-radiacion[data-v-8aaa1726] {
    flex-direction: row;
}
.radiacion-btn[data-v-8aaa1726] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.rad-nombre[data-v-8aaa1726] {
    text-align: center;
}
}

/* Header resumen */
.resumen-header[data-v-51c5ba20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-51c5ba20] {
  font-size: 2rem;
}
.resumen-texto[data-v-51c5ba20] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tarjetas de resumen */
.resumen-cards[data-v-51c5ba20] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-51c5ba20] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.resumen-card.invernadero[data-v-51c5ba20] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.resumen-card.ozono[data-v-51c5ba20] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.resumen-card.contaminacion[data-v-51c5ba20] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.card-header[data-v-51c5ba20] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-51c5ba20] {
  font-size: 1.25rem;
}
.card-titulo[data-v-51c5ba20] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-51c5ba20] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-clave[data-v-51c5ba20] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.punto-clave strong[data-v-51c5ba20] {
  color: #C4B5FD;
}
.punto-clave.problema strong[data-v-51c5ba20] {
  color: #FCA5A5;
}

/* Tabla comparativa */
.comparativa-section[data-v-51c5ba20] {
  margin: 1.5rem 0;
}
.comparativa-titulo[data-v-51c5ba20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparativa-tabla[data-v-51c5ba20] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-51c5ba20] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-51c5ba20] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.invernadero[data-v-51c5ba20] { background: rgba(239, 68, 68, 0.05);
}
.tabla-row.ozono[data-v-51c5ba20] { background: rgba(59, 130, 246, 0.05);
}
.tabla-row.smog[data-v-51c5ba20] { background: rgba(245, 158, 11, 0.05);
}
.ir[data-v-51c5ba20] { color: #FCA5A5; font-weight: 600;
}
.uv[data-v-51c5ba20] { color: #93C5FD; font-weight: 600;
}

/* Tips */
.tips-section[data-v-51c5ba20] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-51c5ba20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-51c5ba20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-51c5ba20] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-51c5ba20] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-51c5ba20] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-51c5ba20] {
  color: #6EE7B7;
}
.tip-texto strong.uv[data-v-51c5ba20] {
  color: #93C5FD;
}
.tip-texto strong.ir[data-v-51c5ba20] {
  color: #FCA5A5;
}

/* Fórmulas */
.formulas-section[data-v-51c5ba20] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-51c5ba20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-51c5ba20] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.5rem;
}
.formula-card[data-v-51c5ba20] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-51c5ba20] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-eq[data-v-51c5ba20] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #FCD34D;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-51c5ba20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-51c5ba20] {
  font-size: 1.5rem;
}
.final-texto[data-v-51c5ba20] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-51c5ba20] {
    flex-direction: row;
}
.resumen-card[data-v-51c5ba20] {
    flex: 1;
}
.tabla-header[data-v-51c5ba20], .tabla-row[data-v-51c5ba20] {
    font-size: 0.8rem;
}
}

/* Intro visual con animación */
.intro-visual[data-v-a2d3b41f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.tierra-sismo[data-v-a2d3b41f] {
  position: relative;
  padding: 2rem;
}
.tierra-emoji[data-v-a2d3b41f] {
  font-size: 4rem;
  animation: vibrar-a2d3b41f 0.15s infinite;
}
@keyframes vibrar-a2d3b41f {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px);
}
75% { transform: translateX(3px);
}
}
.ondas-sismicas[data-v-a2d3b41f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.onda[data-v-a2d3b41f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border: 2px solid rgba(239, 68, 68, 0.6);
  border-radius: 50%;
  animation: expandir-a2d3b41f 2s ease-out infinite;
}
@keyframes expandir-a2d3b41f {
0% { width: 80px; height: 80px; opacity: 0.8;
}
100% { width: 200px; height: 200px; opacity: 0;
}
}

/* Idea central */
.idea-central[data-v-a2d3b41f] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-a2d3b41f] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-a2d3b41f] {
  flex: 1;
}
.idea-titulo[data-v-a2d3b41f] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-a2d3b41f] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.idea-texto strong[data-v-a2d3b41f] {
  color: #FCD34D;
}

/* Causas */
.causas-section[data-v-a2d3b41f] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-a2d3b41f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-a2d3b41f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa[data-v-a2d3b41f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.causa-icono[data-v-a2d3b41f] {
  font-size: 1.5rem;
}
.causa-nombre[data-v-a2d3b41f] {
  flex: 1;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.causa-porcentaje[data-v-a2d3b41f] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}

/* Proceso */
.proceso-section[data-v-a2d3b41f] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-a2d3b41f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-pasos[data-v-a2d3b41f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.proceso-paso[data-v-a2d3b41f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-a2d3b41f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  color: #000;
  font-size: 0.85rem;
}
.paso-contenido[data-v-a2d3b41f] {
  flex: 1;
}
.paso-titulo[data-v-a2d3b41f] {
  display: block;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.paso-desc[data-v-a2d3b41f] {
  display: block;
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Fallas */
.fallas-section[data-v-a2d3b41f] {
  margin: 1.5rem 0;
}
.fallas-titulo[data-v-a2d3b41f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fallas-grid[data-v-a2d3b41f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.falla-tipo[data-v-a2d3b41f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.falla-visual[data-v-a2d3b41f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  margin-bottom: 0.25rem;
  height: 40px;
}
.bloque[data-v-a2d3b41f] {
  width: 20px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.9rem;
  font-weight: 700;
}
.falla-visual.normal .bloque.izq[data-v-a2d3b41f] { color: #FCA5A5;
}
.falla-visual.normal .bloque.der[data-v-a2d3b41f] { color: #6EE7B7;
}
.falla-visual.inversa .bloque.izq[data-v-a2d3b41f] { color: #6EE7B7;
}
.falla-visual.inversa .bloque.der[data-v-a2d3b41f] { color: #FCA5A5;
}
.falla-visual.transformante .bloque[data-v-a2d3b41f] { color: #FCD34D;
}
.falla-nombre[data-v-a2d3b41f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.falla-desc[data-v-a2d3b41f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Chile box */
.chile-box[data-v-a2d3b41f] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.chile-icono[data-v-a2d3b41f] {
  font-size: 2rem;
}
.chile-contenido[data-v-a2d3b41f] {
  flex: 1;
}
.chile-titulo[data-v-a2d3b41f] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.chile-texto[data-v-a2d3b41f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.chile-texto strong[data-v-a2d3b41f] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a2d3b41f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a2d3b41f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a2d3b41f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a2d3b41f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tierra-emoji[data-v-a2d3b41f] {
    font-size: 5rem;
}
.causas-grid[data-v-a2d3b41f] {
    flex-direction: row;
}
.causa[data-v-a2d3b41f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.proceso-pasos[data-v-a2d3b41f] {
    flex-direction: row;
}
.proceso-paso[data-v-a2d3b41f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.paso-contenido[data-v-a2d3b41f] {
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-0c829f8d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ondas-animacion[data-v-0c829f8d] {
  position: relative;
  width: 200px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.onda-p[data-v-0c829f8d], .onda-s[data-v-0c829f8d], .onda-superficie[data-v-0c829f8d] {
  height: 20px;
  border-radius: 10px;
  animation: expandirOnda-0c829f8d 1.5s ease-out infinite;
}
.onda-p[data-v-0c829f8d] {
  background: linear-gradient(to right, #6EE7B7, transparent);
  animation-delay: 0s;
}
.onda-s[data-v-0c829f8d] {
  background: linear-gradient(to right, #FCA5A5, transparent);
  animation-delay: 0.3s;
}
.onda-superficie[data-v-0c829f8d] {
  background: linear-gradient(to right, #FCD34D, transparent);
  animation-delay: 0.6s;
}
@keyframes expandirOnda-0c829f8d {
0% { width: 0; opacity: 1;
}
100% { width: 100%; opacity: 0;
}
}

/* Clasificación */
.clasificacion-section[data-v-0c829f8d] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-0c829f8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-0c829f8d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificacion-tipo[data-v-0c829f8d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.clasificacion-tipo.internas[data-v-0c829f8d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.clasificacion-tipo.superficiales[data-v-0c829f8d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-0c829f8d] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.internas .tipo-header[data-v-0c829f8d] { color: #6EE7B7;
}
.superficiales .tipo-header[data-v-0c829f8d] { color: #FCD34D;
}
.tipo-desc[data-v-0c829f8d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-ejemplos[data-v-0c829f8d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Sección de onda */
.onda-section[data-v-0c829f8d] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.onda-p-section[data-v-0c829f8d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.onda-s-section[data-v-0c829f8d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.onda-header[data-v-0c829f8d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.onda-letra[data-v-0c829f8d] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  border-radius: 50%;
}
.onda-letra.p[data-v-0c829f8d] {
  background: #10B981;
  color: white;
}
.onda-letra.s[data-v-0c829f8d] {
  background: #EF4444;
  color: white;
}
.onda-info[data-v-0c829f8d] {
  display: flex;
  flex-direction: column;
}
.onda-nombre[data-v-0c829f8d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.onda-alias[data-v-0c829f8d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Visual ondas P */
.onda-visual-container[data-v-0c829f8d] {
  margin: 0.75rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.onda-visual-p[data-v-0c829f8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.particulas-p[data-v-0c829f8d] {
  display: flex;
  gap: 4px;
  overflow: hidden;
  flex: 1;
}
.part-p[data-v-0c829f8d] {
  color: #6EE7B7;
  font-size: 1rem;
  animation: compresionP-0c829f8d 1s ease-in-out infinite;
}
@keyframes compresionP-0c829f8d {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.direccion-flecha[data-v-0c829f8d] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Visual ondas S */
.onda-visual-s[data-v-0c829f8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cuerda-s[data-v-0c829f8d] {
  flex: 1;
  height: 40px;
}
.svg-onda-s[data-v-0c829f8d] {
  width: 100%;
  height: 100%;
  animation: ondularS-0c829f8d 1s ease-in-out infinite;
}
@keyframes ondularS-0c829f8d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}

/* Características */
.onda-caracteristicas[data-v-0c829f8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caracteristica[data-v-0c829f8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.car-icono[data-v-0c829f8d] {
  font-size: 1rem;
}
.caracteristica strong[data-v-0c829f8d] {
  color: #FFFFFF;
}

/* Ondas superficiales */
.superficiales-section[data-v-0c829f8d] {
  margin: 1.5rem 0;
}
.superficiales-titulo[data-v-0c829f8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.superficiales-grid[data-v-0c829f8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.superficial-tipo[data-v-0c829f8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.sup-nombre[data-v-0c829f8d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.sup-visual[data-v-0c829f8d] {
  font-size: 1.5rem;
  margin: 0.25rem 0;
}
.sup-desc[data-v-0c829f8d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.superficiales-nota[data-v-0c829f8d] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
strong.negativo[data-v-0c829f8d] {
  color: #FCA5A5;
}

/* Velocidad */
.velocidad-section[data-v-0c829f8d] {
  margin: 1.5rem 0;
}
.velocidad-titulo[data-v-0c829f8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.velocidad-visual[data-v-0c829f8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.vel-item[data-v-0c829f8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.vel-item.primero[data-v-0c829f8d] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
}
.vel-item.segundo[data-v-0c829f8d] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
}
.vel-item.tercero[data-v-0c829f8d] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #F59E0B;
}
.vel-num[data-v-0c829f8d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vel-letra[data-v-0c829f8d] {
  font-size: 1.3rem;
  font-weight: 800;
}
.vel-letra.p[data-v-0c829f8d] { color: #6EE7B7;
}
.vel-letra.s[data-v-0c829f8d] { color: #FCA5A5;
}
.vel-letra.sup[data-v-0c829f8d] { color: #FCD34D; font-size: 0.9rem;
}
.vel-tiempo[data-v-0c829f8d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.vel-flecha[data-v-0c829f8d] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Tip */
.tip[data-v-0c829f8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0c829f8d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0c829f8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0c829f8d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.clasificacion-grid[data-v-0c829f8d] {
    flex-direction: row;
}
.clasificacion-tipo[data-v-0c829f8d] {
    flex: 1;
}
.velocidad-visual[data-v-0c829f8d] {
    gap: 1rem;
}
.vel-item[data-v-0c829f8d] {
    min-width: 90px;
    padding: 0.75rem 1rem;
}
}

/* Diagrama principal */
.diagrama-principal[data-v-4ff82942] {
  margin: 1rem 0 1.5rem;
}
.diagrama-tierra[data-v-4ff82942] {
  position: relative;
  height: 200px;
  background: linear-gradient(to bottom, 
    #4A4A2A 0%, 
    #4A4A2A 30%,
    #8B4513 30%,
    #654321 100%
  );
  border-radius: 0.75rem;
  overflow: hidden;
}
.superficie[data-v-4ff82942] {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
  transform: translateY(-50%);
}
.superficie-linea[data-v-4ff82942] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: #6EE7B7;
}
.edificio[data-v-4ff82942] {
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
  animation: temblar-4ff82942 0.2s infinite;
}
@keyframes temblar-4ff82942 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-2px);
}
75% { transform: translateX(2px);
}
}
.punto-epicentro[data-v-4ff82942] {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.punto-marker[data-v-4ff82942] {
  font-size: 1.5rem;
}
.etiqueta-epicentro[data-v-4ff82942] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.linea-vertical[data-v-4ff82942] {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 2px;
  height: 40%;
  background: repeating-linear-gradient(
    to bottom,
    #FFFFFF 0px,
    #FFFFFF 5px,
    transparent 5px,
    transparent 10px
  );
  transform: translateX(-50%);
}
.punto-hipocentro[data-v-4ff82942] {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.etiqueta-hipocentro[data-v-4ff82942] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  text-align: center;
  line-height: 1.2;
}
.ondas-emanando[data-v-4ff82942] {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.onda-em[data-v-4ff82942] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border: 2px solid rgba(239, 68, 68, 0.6);
  border-radius: 50%;
  animation: expandirOnda-4ff82942 2s ease-out infinite;
}
@keyframes expandirOnda-4ff82942 {
0% { width: 30px; height: 30px; opacity: 0.8;
}
100% { width: 120px; height: 120px; opacity: 0;
}
}

/* Definiciones */
.definiciones-grid[data-v-4ff82942] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion[data-v-4ff82942] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.hipocentro-def[data-v-4ff82942] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.epicentro-def[data-v-4ff82942] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.def-header[data-v-4ff82942] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-4ff82942] {
  font-size: 1.25rem;
}
.def-titulo[data-v-4ff82942] {
  font-weight: 700;
  font-size: 1rem;
}
.hipocentro-def .def-titulo[data-v-4ff82942] { color: #FCA5A5;
}
.epicentro-def .def-titulo[data-v-4ff82942] { color: #FCD34D;
}
.def-contenido p[data-v-4ff82942] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.def-lista[data-v-4ff82942] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.def-lista li[data-v-4ff82942] {
  margin-bottom: 0.25rem;
}
.def-lista strong[data-v-4ff82942] {
  color: #FFFFFF;
}

/* Profundidad */
.profundidad-section[data-v-4ff82942] {
  margin: 1.5rem 0;
}
.profundidad-titulo[data-v-4ff82942] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.profundidad-visual[data-v-4ff82942] {
  margin-bottom: 0.75rem;
}
.profundidad-barra[data-v-4ff82942] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prof-nivel[data-v-4ff82942] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.prof-nivel.superficial[data-v-4ff82942] {
  background: rgba(239, 68, 68, 0.2);
  border-left: 4px solid #EF4444;
}
.prof-nivel.intermedio[data-v-4ff82942] {
  background: rgba(245, 158, 11, 0.2);
  border-left: 4px solid #F59E0B;
}
.prof-nivel.profundo[data-v-4ff82942] {
  background: rgba(16, 185, 129, 0.2);
  border-left: 4px solid #10B981;
}
.prof-rango[data-v-4ff82942] {
  font-weight: 600;
  color: #FFFFFF;
  min-width: 80px;
}
.prof-nombre[data-v-4ff82942] {
  font-weight: 700;
  flex: 1;
  text-align: center;
}
.superficial .prof-nombre[data-v-4ff82942] { color: #FCA5A5;
}
.intermedio .prof-nombre[data-v-4ff82942] { color: #FCD34D;
}
.profundo .prof-nombre[data-v-4ff82942] { color: #6EE7B7;
}
.prof-efecto[data-v-4ff82942] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.profundidad-nota[data-v-4ff82942] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.profundidad-nota strong[data-v-4ff82942] {
  color: #FCA5A5;
}

/* Localización */
.localizacion-section[data-v-4ff82942] {
  margin: 1.5rem 0;
}
.localizacion-titulo[data-v-4ff82942] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.localizacion-metodo[data-v-4ff82942] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.metodo-paso[data-v-4ff82942] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.metodo-num[data-v-4ff82942] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
}
.metodo-contenido[data-v-4ff82942] {
  flex: 1;
}
.metodo-titulo[data-v-4ff82942] {
  display: block;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.metodo-desc[data-v-4ff82942] {
  display: block;
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Triangulación visual */
.triangulacion-visual[data-v-4ff82942] {
  position: relative;
  height: 120px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.estacion[data-v-4ff82942] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.estacion-icono[data-v-4ff82942] {
  font-size: 1.25rem;
  position: relative;
  z-index: 2;
}
.estacion-circulo[data-v-4ff82942] {
  position: absolute;
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  animation: crecer-4ff82942 2s ease-out infinite;
}
.c1[data-v-4ff82942] {
  width: 100px;
  height: 100px;
}
.c2[data-v-4ff82942] {
  width: 80px;
  height: 80px;
  animation-delay: 0.3s;
}
.c3[data-v-4ff82942] {
  width: 90px;
  height: 90px;
  animation-delay: 0.6s;
}
@keyframes crecer-4ff82942 {
0%, 100% { opacity: 0.3;
}
50% { opacity: 0.8;
}
}
.epicentro-encontrado[data-v-4ff82942] {
  position: absolute;
  top: 45%;
  left: 40%;
  font-size: 1.5rem;
  animation: pulsar-4ff82942 1s ease-in-out infinite;
}
@keyframes pulsar-4ff82942 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}

/* Tip */
.tip[data-v-4ff82942] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4ff82942] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4ff82942] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4ff82942] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-4ff82942] {
    flex-direction: row;
}
.definicion[data-v-4ff82942] {
    flex: 1;
}
.diagrama-tierra[data-v-4ff82942] {
    height: 250px;
}
}

/* Intro visual */
.intro-visual[data-v-33e2f7cb] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.sismografo[data-v-33e2f7cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sismografo-base[data-v-33e2f7cb] {
  font-size: 3rem;
}
.linea-sismo[data-v-33e2f7cb] {
  width: 200px;
  height: 50px;
}
.svg-sismo[data-v-33e2f7cb] {
  width: 100%;
  height: 100%;
  animation: dibujar-33e2f7cb 2s ease-in-out infinite;
}
@keyframes dibujar-33e2f7cb {
0%, 100% { stroke-dashoffset: 0;
}
50% { stroke-dashoffset: 50;
}
}
.svg-sismo path[data-v-33e2f7cb] {
  stroke-dasharray: 50;
}

/* Escalas comparación */
.escalas-comparacion[data-v-33e2f7cb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.escala-card[data-v-33e2f7cb] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.escala-card.magnitud[data-v-33e2f7cb] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.escala-card.intensidad[data-v-33e2f7cb] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.escala-header[data-v-33e2f7cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.escala-icono[data-v-33e2f7cb] {
  font-size: 1.25rem;
}
.escala-nombre[data-v-33e2f7cb] {
  font-weight: 700;
  font-size: 1.1rem;
}
.magnitud .escala-nombre[data-v-33e2f7cb] { color: #6EE7B7;
}
.intensidad .escala-nombre[data-v-33e2f7cb] { color: #FCA5A5;
}
.escala-subtitulo[data-v-33e2f7cb] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.escala-descripcion[data-v-33e2f7cb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.escala-descripcion strong[data-v-33e2f7cb] {
  color: #FFFFFF;
}
.escala-caracteristicas[data-v-33e2f7cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.car-item[data-v-33e2f7cb] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.car-label[data-v-33e2f7cb] {
  color: #C4B5FD;
  min-width: 50px;
}
.car-valor[data-v-33e2f7cb] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Richter */
.richter-section[data-v-33e2f7cb] {
  margin: 1.5rem 0;
}
.richter-titulo[data-v-33e2f7cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.richter-visual[data-v-33e2f7cb] {
  margin-bottom: 0.75rem;
}
.richter-barra[data-v-33e2f7cb] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.richter-nivel[data-v-33e2f7cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 4px solid var(--color);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.richter-num[data-v-33e2f7cb] {
  font-weight: 700;
  color: var(--color);
  min-width: 35px;
}
.richter-desc[data-v-33e2f7cb] {
  color: #E9D5FF;
}
.richter-nota[data-v-33e2f7cb] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.richter-nota strong[data-v-33e2f7cb] {
  color: #FCD34D;
}

/* Mercalli */
.mercalli-section[data-v-33e2f7cb] {
  margin: 1.5rem 0;
}
.mercalli-titulo[data-v-33e2f7cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mercalli-grid[data-v-33e2f7cb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.mercalli-item[data-v-33e2f7cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.mercalli-item.leve[data-v-33e2f7cb] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mercalli-item.moderado[data-v-33e2f7cb] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.mercalli-item.fuerte[data-v-33e2f7cb] {
  background: rgba(249, 115, 22, 0.15);
  border: 1px solid rgba(249, 115, 22, 0.3);
}
.mercalli-item.severo[data-v-33e2f7cb] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.mercalli-item.catastrofico[data-v-33e2f7cb] {
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
}
.merc-grado[data-v-33e2f7cb] {
  font-weight: 700;
  font-size: 0.85rem;
}
.leve .merc-grado[data-v-33e2f7cb] { color: #6EE7B7;
}
.moderado .merc-grado[data-v-33e2f7cb] { color: #FCD34D;
}
.fuerte .merc-grado[data-v-33e2f7cb] { color: #FDBA74;
}
.severo .merc-grado[data-v-33e2f7cb] { color: #FCA5A5;
}
.catastrofico .merc-grado[data-v-33e2f7cb] { color: #EF4444;
}
.merc-emoji[data-v-33e2f7cb] {
  font-size: 1.25rem;
  margin: 0.2rem 0;
}
.merc-desc[data-v-33e2f7cb] {
  font-size: 0.65rem;
  color: #E9D5FF;
  line-height: 1.2;
}

/* Diferencia box */
.diferencia-box[data-v-33e2f7cb] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.diferencia-icono[data-v-33e2f7cb] {
  font-size: 1.75rem;
}
.diferencia-contenido[data-v-33e2f7cb] {
  flex: 1;
}
.diferencia-titulo[data-v-33e2f7cb] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.diferencia-ejemplo[data-v-33e2f7cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.magnitud-color[data-v-33e2f7cb] {
  color: #6EE7B7;
}
.intensidad-color[data-v-33e2f7cb] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-33e2f7cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-33e2f7cb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-33e2f7cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-33e2f7cb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escalas-comparacion[data-v-33e2f7cb] {
    flex-direction: row;
}
.escala-card[data-v-33e2f7cb] {
    flex: 1;
}
.mercalli-grid[data-v-33e2f7cb] {
    grid-template-columns: repeat(3, 1fr);
}
}

.explorador[data-v-d5960c88] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d5960c88] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d5960c88] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d5960c88] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d5960c88] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d5960c88] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d5960c88] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d5960c88] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d5960c88] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d5960c88] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ondas ===== */
.ondas-game[data-v-d5960c88] {
  text-align: center;
}
.onda-pregunta[data-v-d5960c88] {
  margin-bottom: 1rem;
}
.onda-visual-game[data-v-d5960c88] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onda-animacion[data-v-d5960c88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tipo-p .particulas-anim[data-v-d5960c88] {
  display: flex;
  gap: 4px;
}
.tipo-p .part[data-v-d5960c88] {
  color: #6EE7B7;
  font-size: 1rem;
  animation: compresionP-d5960c88 1s ease-in-out infinite;
}
@keyframes compresionP-d5960c88 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-5px);
}
}
.tipo-s .svg-s-game[data-v-d5960c88] {
  width: 150px;
  height: 40px;
  animation: ondularS-d5960c88 1s ease-in-out infinite;
}
@keyframes ondularS-d5960c88 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.tipo-sup[data-v-d5960c88] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tipo-sup .sup-visual[data-v-d5960c88] {
  font-size: 2.5rem;
  animation: superficialWave-d5960c88 1s ease-in-out infinite;
}
@keyframes superficialWave-d5960c88 {
0%, 100% { transform: translateY(0) rotate(0deg);
}
50% { transform: translateY(-5px) rotate(5deg);
}
}
.tipo-sup .sup-texto[data-v-d5960c88] {
  font-size: 0.75rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.dir-flecha[data-v-d5960c88] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.onda-pista[data-v-d5960c88] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}
.opciones-onda[data-v-d5960c88] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn-onda[data-v-d5960c88] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn-onda.seleccionado[data-v-d5960c88] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn-onda.correcto[data-v-d5960c88] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn-onda.incorrecto[data-v-d5960c88] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-letra[data-v-d5960c88] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
}
.opcion-letra.p[data-v-d5960c88] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.opcion-letra.s[data-v-d5960c88] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.opcion-letra.sup[data-v-d5960c88] { background: rgba(245, 158, 11, 0.3); color: #FCD34D; font-size: 0.7rem;
}
.opcion-nombre[data-v-d5960c88] {
  font-weight: 600;
}
.ondas-contador[data-v-d5960c88] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Localización ===== */
.localizacion-game[data-v-d5960c88] {
  text-align: center;
}
.diagrama-interactivo[data-v-d5960c88] {
  margin-bottom: 1rem;
}
.di-tierra[data-v-d5960c88] {
  position: relative;
  height: 160px;
  background: linear-gradient(to bottom, 
    #4A4A2A 0%, 
    #4A4A2A 25%,
    #8B4513 25%,
    #654321 100%
  );
  border-radius: 0.75rem;
  overflow: hidden;
}
.di-superficie[data-v-d5960c88] {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
  transform: translateY(-50%);
  z-index: 1;
}
.di-edificio[data-v-d5960c88] {
  font-size: 1.25rem;
}
.di-punto[data-v-d5960c88] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.di-punto[data-v-d5960c88]:hover {
  transform: scale(1.1);
}
.di-punto.punto-a[data-v-d5960c88] {
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
}
.di-punto.punto-b[data-v-d5960c88] {
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
}
.di-punto.seleccionado[data-v-d5960c88] {
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.6);
}
.di-punto.correcto[data-v-d5960c88] {
  background: rgba(16, 185, 129, 0.4);
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.6);
}
.di-punto.incorrecto[data-v-d5960c88] {
  background: rgba(239, 68, 68, 0.4);
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.6);
}
.punto-marker[data-v-d5960c88] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.punto-emoji[data-v-d5960c88] {
  font-size: 1.5rem;
}
.di-linea[data-v-d5960c88] {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 2px;
  height: 30%;
  background: repeating-linear-gradient(
    to bottom,
    #FFFFFF 0px,
    #FFFFFF 5px,
    transparent 5px,
    transparent 10px
  );
  transform: translateX(-50%);
}
.loc-pregunta[data-v-d5960c88] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.loc-feedback[data-v-d5960c88] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.loc-feedback.incorrecto[data-v-d5960c88] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.loc-contador[data-v-d5960c88] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Escalas ===== */
.escalas-game[data-v-d5960c88] {
  text-align: center;
}
.escala-pregunta-visual[data-v-d5960c88] {
  margin-bottom: 0.75rem;
}
.epv-escenario[data-v-d5960c88] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.epv-icono[data-v-d5960c88] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.epv-texto[data-v-d5960c88] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
}
.escala-pregunta-texto[data-v-d5960c88] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-escala[data-v-d5960c88] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-escala[data-v-d5960c88] {
  flex: 1;
  max-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-escala.magnitud[data-v-d5960c88] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.opcion-escala.intensidad[data-v-d5960c88] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.opcion-escala.seleccionado[data-v-d5960c88] {
  transform: scale(1.05);
}
.opcion-escala.magnitud.seleccionado[data-v-d5960c88] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-escala.intensidad.seleccionado[data-v-d5960c88] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-escala.correcto[data-v-d5960c88] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.opcion-escala.incorrecto[data-v-d5960c88] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.esc-icono[data-v-d5960c88] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.esc-nombre[data-v-d5960c88] {
  font-weight: 700;
  font-size: 0.9rem;
}
.magnitud .esc-nombre[data-v-d5960c88] { color: #6EE7B7;
}
.intensidad .esc-nombre[data-v-d5960c88] { color: #FCA5A5;
}
.opcion-escala.correcto .esc-nombre[data-v-d5960c88],
.opcion-escala.incorrecto .esc-nombre[data-v-d5960c88] { color: white;
}
.esc-desc[data-v-d5960c88] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.opcion-escala.correcto .esc-desc[data-v-d5960c88],
.opcion-escala.incorrecto .esc-desc[data-v-d5960c88] { color: rgba(255,255,255,0.8);
}
.escala-contador[data-v-d5960c88] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d5960c88] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d5960c88] { font-size: 1.25rem;
}
.resultado-texto[data-v-d5960c88] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d5960c88] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d5960c88] { flex: 1;
}
.nav-btn[data-v-d5960c88] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d5960c88] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d5960c88] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d5960c88] { font-size: 1.75rem;
}
.completado-texto[data-v-d5960c88] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d5960c88], .slide-leave-active[data-v-d5960c88] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d5960c88] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d5960c88] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-onda[data-v-d5960c88] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn-onda[data-v-d5960c88] {
    flex: 1;
    max-width: 160px;
    flex-direction: column;
    text-align: center;
}
.di-tierra[data-v-d5960c88] {
    height: 200px;
}
}

/* Visual resumen */
.resumen-visual[data-v-741528e2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.rv-tierra[data-v-741528e2] {
  position: relative;
  padding: 1.5rem;
}
.rv-emoji[data-v-741528e2] {
  font-size: 3.5rem;
}
.rv-ondas[data-v-741528e2] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.rv-onda[data-v-741528e2] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border: 2px solid rgba(16, 185, 129, 0.6);
  border-radius: 50%;
  animation: expandirOnda-741528e2 2s ease-out infinite;
}
@keyframes expandirOnda-741528e2 {
0% { width: 60px; height: 60px; opacity: 0.8;
}
100% { width: 150px; height: 150px; opacity: 0;
}
}

/* Conceptos clave */
.conceptos-section[data-v-741528e2] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-card[data-v-741528e2] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.cc-header[data-v-741528e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.cc-icono[data-v-741528e2] {
  font-size: 1.25rem;
}
.cc-nombre[data-v-741528e2] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.cc-contenido[data-v-741528e2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cc-contenido strong[data-v-741528e2] {
  color: #FFFFFF;
}

/* Ondas resumen */
.ondas-resumen[data-v-741528e2] {
  margin: 1.5rem 0;
}
.ondas-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ondas-grid[data-v-741528e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.onda-res[data-v-741528e2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.onda-res.p[data-v-741528e2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.onda-res.s[data-v-741528e2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.onda-res.sup[data-v-741528e2] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.or-letra[data-v-741528e2] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  border-radius: 50%;
}
.p .or-letra[data-v-741528e2] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.s .or-letra[data-v-741528e2] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.sup .or-letra[data-v-741528e2] { background: rgba(245, 158, 11, 0.3); color: #FCD34D; font-size: 0.7rem;
}
.or-info[data-v-741528e2] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  align-items: center;
}
.or-nombre[data-v-741528e2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.or-detalle[data-v-741528e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.or-clave[data-v-741528e2] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.or-medio[data-v-741528e2] {
  font-size: 0.7rem;
  color: #93C5FD;
}

/* Escalas resumen */
.escalas-resumen[data-v-741528e2] {
  margin: 1.5rem 0;
}
.escalas-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escalas-grid[data-v-741528e2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.escala-res[data-v-741528e2] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.escala-res.magnitud[data-v-741528e2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.escala-res.intensidad[data-v-741528e2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.er-header[data-v-741528e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.25rem;
}
.er-icono[data-v-741528e2] {
  font-size: 1rem;
}
.er-nombre[data-v-741528e2] {
  font-weight: 700;
  font-size: 0.9rem;
}
.magnitud .er-nombre[data-v-741528e2] { color: #6EE7B7;
}
.intensidad .er-nombre[data-v-741528e2] { color: #FCA5A5;
}
.er-escala[data-v-741528e2] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.er-puntos[data-v-741528e2] {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: left;
}
.er-puntos li[data-v-741528e2] {
  margin-bottom: 0.2rem;
  padding-left: 0.75rem;
  position: relative;
}
.er-puntos li[data-v-741528e2]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #8B5CF6;
}
.er-puntos strong[data-v-741528e2] {
  color: #FFFFFF;
}

/* Fórmula mental */
.formula-mental[data-v-741528e2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.fm-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.fm-items[data-v-741528e2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fm-item[data-v-741528e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.fm-concepto[data-v-741528e2] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 80px;
}
.fm-igual[data-v-741528e2] {
  color: #8B5CF6;
}
.fm-significado[data-v-741528e2] {
  color: #E9D5FF;
}

/* Chile resumen */
.chile-resumen[data-v-741528e2] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.chile-icono[data-v-741528e2] {
  font-size: 2rem;
}
.chile-contenido[data-v-741528e2] {
  flex: 1;
}
.chile-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.chile-texto[data-v-741528e2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.chile-texto strong[data-v-741528e2] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-741528e2] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-741528e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-741528e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-741528e2] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-741528e2] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
}
.tip-texto[data-v-741528e2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-741528e2] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-741528e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-741528e2] {
  font-size: 1.75rem;
}
.mf-texto[data-v-741528e2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.ondas-grid[data-v-741528e2] {
    flex-direction: row;
}
.onda-res[data-v-741528e2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.or-info[data-v-741528e2] {
    flex-direction: column;
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-d9c9e40b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(0, 0, 0, 0.2));
  border-radius: 1rem;
}
.icono-sol[data-v-d9c9e40b] {
  font-size: 3rem;
  animation: pulse-sol-d9c9e40b 2s ease-in-out infinite;
}
@keyframes pulse-sol-d9c9e40b {
0%, 100% { transform: scale(1); filter: brightness(1);
}
50% { transform: scale(1.1); filter: brightness(1.2);
}
}
.planetas-mini[data-v-d9c9e40b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.planeta[data-v-d9c9e40b] {
  font-size: 0.6rem;
  animation: orbit-d9c9e40b 3s ease-in-out infinite;
}
.planeta.p1[data-v-d9c9e40b] { color: #A0A0A0; animation-delay: 0s;
}
.planeta.p2[data-v-d9c9e40b] { color: #E5C07B; font-size: 0.8rem; animation-delay: 0.2s;
}
.planeta.p3[data-v-d9c9e40b] { color: #6EE7B7; font-size: 0.85rem; animation-delay: 0.4s;
}
.planeta.p4[data-v-d9c9e40b] { color: #FCA5A5; font-size: 0.7rem; animation-delay: 0.6s;
}
.planeta.p5[data-v-d9c9e40b] { color: #FCD34D; font-size: 1.2rem; animation-delay: 0.8s;
}
.planeta.p6[data-v-d9c9e40b] { color: #E5C07B; font-size: 1.1rem; animation-delay: 1s;
}
.planeta.p7[data-v-d9c9e40b] { color: #93C5FD; font-size: 0.9rem; animation-delay: 1.2s;
}
.planeta.p8[data-v-d9c9e40b] { color: #818CF8; font-size: 0.85rem; animation-delay: 1.4s;
}
@keyframes orbit-d9c9e40b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}

/* Texto destacado */
strong.destacado-sol[data-v-d9c9e40b] {
  color: #FCD34D;
}

/* Componentes */
.componentes-section[data-v-d9c9e40b] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-d9c9e40b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-d9c9e40b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente[data-v-d9c9e40b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-icono[data-v-d9c9e40b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-d9c9e40b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.comp-desc[data-v-d9c9e40b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Clasificación de planetas */
.clasificacion-section[data-v-d9c9e40b] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-d9c9e40b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.planetas-tipos[data-v-d9c9e40b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-box[data-v-d9c9e40b] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-box.rocosos[data-v-d9c9e40b] {
  background: rgba(139, 69, 19, 0.2);
  border: 2px solid rgba(139, 69, 19, 0.4);
}
.tipo-box.gaseosos[data-v-d9c9e40b] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.tipo-header[data-v-d9c9e40b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-d9c9e40b] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-d9c9e40b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-lista[data-v-d9c9e40b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.planeta-item[data-v-d9c9e40b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.planeta-num[data-v-d9c9e40b] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.planeta-nombre[data-v-d9c9e40b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.planeta-nombre.tierra[data-v-d9c9e40b] {
  color: #6EE7B7;
  font-weight: 700;
}
.tipo-caracteristica[data-v-d9c9e40b] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Cinturón */
.cinturon-info[data-v-d9c9e40b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.cinturon-icono[data-v-d9c9e40b] {
  font-size: 1.5rem;
}
.cinturon-texto[data-v-d9c9e40b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.cinturon-texto strong[data-v-d9c9e40b] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-d9c9e40b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d9c9e40b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d9c9e40b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-d9c9e40b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d9c9e40b] {
    gap: 2rem;
    padding: 1.5rem;
}
.icono-sol[data-v-d9c9e40b] {
    font-size: 4rem;
}
.planetas-mini[data-v-d9c9e40b] {
    gap: 0.6rem;
}
.componentes-grid[data-v-d9c9e40b] {
    grid-template-columns: repeat(4, 1fr);
}
.planetas-tipos[data-v-d9c9e40b] {
    flex-direction: row;
}
.tipo-box[data-v-d9c9e40b] {
    flex: 1;
}
}

/* Intro tiempo */
.intro-tiempo[data-v-a42b7a94] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.tiempo-icono[data-v-a42b7a94] {
  font-size: 2rem;
}
.tiempo-valor[data-v-a42b7a94] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
strong.destacado[data-v-a42b7a94] {
  color: #FCD34D;
}

/* Etapas */
.etapas-section[data-v-a42b7a94] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-a42b7a94] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.timeline[data-v-a42b7a94] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.etapa[data-v-a42b7a94] {
  display: flex;
  gap: 0.75rem;
}
.etapa-numero[data-v-a42b7a94] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border-radius: 50%;
  font-weight: 800;
  color: white;
  font-size: 0.9rem;
}
.etapa-contenido[data-v-a42b7a94] {
  flex: 1;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.etapa-nombre[data-v-a42b7a94] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.etapa-desc[data-v-a42b7a94] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.etapa-visual[data-v-a42b7a94] {
  margin-top: 0.5rem;
  font-size: 1.25rem;
  text-align: center;
}

/* Diferencia rocosos/gaseosos */
.diferencia-section[data-v-a42b7a94] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-a42b7a94] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-explicacion[data-v-a42b7a94] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.zona[data-v-a42b7a94] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.zona-caliente[data-v-a42b7a94] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.zona-fria[data-v-a42b7a94] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.zona-header[data-v-a42b7a94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.zona-icono[data-v-a42b7a94] {
  font-size: 1.25rem;
}
.zona-nombre[data-v-a42b7a94] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.zona-contenido p[data-v-a42b7a94] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem;
  line-height: 1.4;
}
.zona-contenido p[data-v-a42b7a94]:last-child {
  margin-bottom: 0;
}
strong.rocoso[data-v-a42b7a94] {
  color: #FCA5A5;
}
strong.gaseoso[data-v-a42b7a94] {
  color: #93C5FD;
}

/* Línea de hielo */
.linea-hielo[data-v-a42b7a94] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.lh-icono[data-v-a42b7a94] {
  font-size: 1.5rem;
}
.lh-texto[data-v-a42b7a94] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.lh-texto strong[data-v-a42b7a94] {
  color: #93C5FD;
}

/* Evidencias */
.evidencias-section[data-v-a42b7a94] {
  margin-top: 1.5rem;
}
.evidencias-titulo[data-v-a42b7a94] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.evidencias-lista[data-v-a42b7a94] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evidencia[data-v-a42b7a94] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ev-icono[data-v-a42b7a94] {
  font-size: 1.1rem;
}
.ev-texto[data-v-a42b7a94] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.intro-tiempo[data-v-a42b7a94] {
    padding: 1.5rem;
}
.tiempo-valor[data-v-a42b7a94] {
    font-size: 2rem;
}
.diferencia-explicacion[data-v-a42b7a94] {
    flex-direction: row;
}
.zona[data-v-a42b7a94] {
    flex: 1;
}
.evidencias-lista[data-v-a42b7a94] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Conceptos */
.conceptos-section[data-v-2a7d5362] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-2a7d5362] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-2a7d5362] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-2a7d5362] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-2a7d5362] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-2a7d5362] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-2a7d5362] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-def[data-v-2a7d5362] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-ejemplo[data-v-2a7d5362] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.ejemplo-label[data-v-2a7d5362] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-valor[data-v-2a7d5362] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Kepler */
.kepler-section[data-v-2a7d5362] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.kepler-titulo[data-v-2a7d5362] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.kepler-formula[data-v-2a7d5362] {
  text-align: center;
  margin-bottom: 1rem;
}
.formula-box[data-v-2a7d5362] {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula[data-v-2a7d5362] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-texto[data-v-2a7d5362] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.kepler-implicacion[data-v-2a7d5362] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.impl-icono[data-v-2a7d5362] {
  font-size: 1.25rem;
}
.impl-texto[data-v-2a7d5362] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.impl-texto strong[data-v-2a7d5362] {
  color: #FCD34D;
}

/* Tabla de datos */
.datos-section[data-v-2a7d5362] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-2a7d5362] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-planetas[data-v-2a7d5362] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-2a7d5362] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-row[data-v-2a7d5362] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 0.4rem 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
  color: #E9D5FF;
  align-items: center;
}
.tabla-row.rocoso[data-v-2a7d5362] {
  background: rgba(139, 69, 19, 0.1);
}
.tabla-row.gaseoso[data-v-2a7d5362] {
  background: rgba(139, 92, 246, 0.1);
}
.tabla-row.tierra[data-v-2a7d5362] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.planeta-emoji[data-v-2a7d5362] {
  margin-right: 0.25rem;
}
.col-planeta[data-v-2a7d5362] {
  font-weight: 600;
}
.col-dist[data-v-2a7d5362], .col-periodo[data-v-2a7d5362] {
  text-align: center;
}
.destacado[data-v-2a7d5362] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Velocidad */
.velocidad-section[data-v-2a7d5362] {
  margin: 1.5rem 0;
}
.velocidad-titulo[data-v-2a7d5362] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.velocidad-info[data-v-2a7d5362] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.vel-concepto[data-v-2a7d5362] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.vel-icono[data-v-2a7d5362] {
  font-size: 1.25rem;
}
.vel-texto[data-v-2a7d5362] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.vel-texto strong[data-v-2a7d5362] {
  color: #FCD34D;
}
.vel-ejemplos[data-v-2a7d5362] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.vel-ejemplo[data-v-2a7d5362] {
  flex: 1;
  min-width: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.vel-ejemplo.rapido[data-v-2a7d5362] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.vel-ejemplo.medio[data-v-2a7d5362] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.vel-ejemplo.lento[data-v-2a7d5362] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.vel-planeta[data-v-2a7d5362] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vel-valor[data-v-2a7d5362] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-2a7d5362] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2a7d5362] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2a7d5362] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2a7d5362] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-2a7d5362] {
    flex-direction: row;
}
.concepto-card[data-v-2a7d5362] {
    flex: 1;
}
}

.explorador[data-v-d14eec31] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d14eec31] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d14eec31] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d14eec31] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d14eec31] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d14eec31] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d14eec31] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d14eec31] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d14eec31] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d14eec31] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar ===== */
.ordenar-container[data-v-d14eec31] {
  text-align: center;
}
.sol-centro[data-v-d14eec31] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.sol-icono[data-v-d14eec31] {
  font-size: 2.5rem;
  animation: pulse-sol-d14eec31 2s ease-in-out infinite;
}
@keyframes pulse-sol-d14eec31 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.sol-label[data-v-d14eec31] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 700;
}
.planetas-instruccion[data-v-d14eec31] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.planetas-disponibles[data-v-d14eec31] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.planeta-btn[data-v-d14eec31] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid var(--planeta-color, rgba(139, 92, 246, 0.4));
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.planeta-btn.seleccionado[data-v-d14eec31] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.orbitas-container[data-v-d14eec31] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.orbita-slot[data-v-d14eec31] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.15s ease;
}
.orbita-slot.seleccionable[data-v-d14eec31] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-d14eec31 1s infinite;
}
@keyframes pulse-d14eec31 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.orbita-slot.ocupado[data-v-d14eec31] {
  border-style: solid;
  background: rgba(139, 92, 246, 0.2);
}
.orbita-num[data-v-d14eec31] {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.3);
}
.orbita-planeta[data-v-d14eec31] {
  font-size: 1.25rem;
}
.orbita-flecha[data-v-d14eec31] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-left: 0.5rem;
}
.botones-accion[data-v-d14eec31] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-d14eec31], .btn-reiniciar[data-v-d14eec31] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d14eec31] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d14eec31] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.feedback-error[data-v-d14eec31] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-d14eec31] {
  text-align: center;
}
.pregunta-clasificar[data-v-d14eec31] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.pregunta-clasificar strong[data-v-d14eec31] {
  color: #FCD34D;
}
.planeta-grande[data-v-d14eec31] {
  font-size: 4rem;
  margin-bottom: 1rem;
}
.opciones-tipo[data-v-d14eec31] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-d14eec31] {
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border: 2px solid transparent;
}
.opcion-tipo.rocoso[data-v-d14eec31] {
  background: rgba(139, 69, 19, 0.3);
  border-color: rgba(139, 69, 19, 0.5);
  color: #E5C07B;
}
.opcion-tipo.gaseoso[data-v-d14eec31] {
  background: rgba(139, 92, 246, 0.3);
  border-color: rgba(139, 92, 246, 0.5);
  color: #C4B5FD;
}
.opcion-tipo.seleccionado[data-v-d14eec31] {
  transform: scale(1.05);
}
.opcion-tipo.correcto[data-v-d14eec31] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-tipo.incorrecto[data-v-d14eec31] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.clasificar-contador[data-v-d14eec31] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Periodo ===== */
.periodo-container[data-v-d14eec31] {
  text-align: center;
}
.periodo-pregunta[data-v-d14eec31] {
  color: #E9D5FF;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.periodo-pregunta strong[data-v-d14eec31] {
  color: #FCD34D;
}
.periodo-opciones[data-v-d14eec31] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.periodo-opcion[data-v-d14eec31] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  min-width: 90px;
}
.periodo-opcion.seleccionado[data-v-d14eec31] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.periodo-opcion.correcto[data-v-d14eec31] {
  background: #10B981;
  border-color: #047857;
}
.periodo-opcion.incorrecto[data-v-d14eec31] {
  background: #EF4444;
  border-color: #B91C1C;
}
.periodo-emoji[data-v-d14eec31] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.periodo-nombre[data-v-d14eec31] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.periodo-vs[data-v-d14eec31] {
  color: #C4B5FD;
  font-weight: 700;
}
.periodo-tip[data-v-d14eec31] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.periodo-contador[data-v-d14eec31] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d14eec31] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d14eec31] { font-size: 1.25rem;
}
.resultado-texto[data-v-d14eec31] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d14eec31] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d14eec31] { flex: 1;
}
.nav-btn[data-v-d14eec31] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d14eec31] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d14eec31] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d14eec31] { font-size: 1.75rem;
}
.completado-texto[data-v-d14eec31] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d14eec31], .slide-leave-active[data-v-d14eec31] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d14eec31] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d14eec31] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-fc762669] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-fc762669] {
  font-size: 2rem;
}
.resumen-intro p[data-v-fc762669] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-fc762669] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-fc762669] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-fc762669] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-fc762669]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-fc762669] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-fc762669] {
    grid-column: span 1;
}
}
.card-header[data-v-fc762669] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-fc762669] {
  font-size: 1.25rem;
}
.card-titulo[data-v-fc762669] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-fc762669] {
  color: #E9D5FF;
}
.card-nota[data-v-fc762669] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Estructura visual */
.estructura-visual[data-v-fc762669] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.flecha[data-v-fc762669] {
  color: #8B5CF6;
}

/* Tipos mini */
.tipos-mini[data-v-fc762669] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-mini[data-v-fc762669] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.tipo-mini.rocoso[data-v-fc762669] {
  background: rgba(139, 69, 19, 0.2);
}
.tipo-mini.gaseoso[data-v-fc762669] {
  background: rgba(139, 92, 246, 0.2);
}
.tipo-label[data-v-fc762669] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-lista[data-v-fc762669] {
  font-size: 1rem;
}

/* Orden planetas */
.orden-planetas[data-v-fc762669] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.planeta-orden[data-v-fc762669] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.planeta-orden.tierra[data-v-fc762669] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 700;
}
.cinturon-indicador[data-v-fc762669] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 69, 19, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.nemotecnia[data-v-fc762669] {
  text-align: center;
  font-size: 0.8rem;
  color: #6EE7B7;
  margin: 0;
}

/* Origen */
.origen-info[data-v-fc762669] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}
.edad[data-v-fc762669] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.proceso[data-v-fc762669] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Kepler mini */
.kepler-mini[data-v-fc762669] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula-mini[data-v-fc762669] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.5rem;
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}

/* Velocidad */
.velocidad-regla[data-v-fc762669] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.vel-cerca[data-v-fc762669] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.vel-lejos[data-v-fc762669] {
  color: #93C5FD;
  font-size: 0.85rem;
}

/* Tips finales */
.tips-finales[data-v-fc762669] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-fc762669] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-fc762669] {
  font-size: 1.25rem;
}
.tip-text[data-v-fc762669] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-fc762669] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-fc762669] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-fc762669] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-fc762669 1s ease-in-out infinite;
}
@keyframes bounce-fc762669 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-fc762669] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-fc762669] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual con animación */
.intro-visual[data-v-431de8f0] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.tierra-animada[data-v-431de8f0] {
  position: relative;
  padding: 1.5rem;
}
.tierra[data-v-431de8f0] {
  font-size: 4rem;
  animation: rotar-431de8f0 10s linear infinite;
}
@keyframes rotar-431de8f0 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.flechas-movimiento[data-v-431de8f0] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
}
.flecha-mov[data-v-431de8f0] {
  position: absolute;
  font-size: 1.2rem;
  color: #FCD34D;
  animation: pulsar-431de8f0 1.5s ease-in-out infinite;
}
.flecha-mov.arr[data-v-431de8f0] { top: -5px; left: 50%; transform: translateX(-50%);
}
.flecha-mov.der[data-v-431de8f0] { right: -5px; top: 50%; transform: translateY(-50%); animation-delay: 0.4s;
}
.flecha-mov.aba[data-v-431de8f0] { bottom: -5px; left: 50%; transform: translateX(-50%); animation-delay: 0.8s;
}
.flecha-mov.izq[data-v-431de8f0] { left: -5px; top: 50%; transform: translateY(-50%); animation-delay: 1.2s;
}
@keyframes pulsar-431de8f0 {
0%, 100% { opacity: 0.3;
}
50% { opacity: 1;
}
}

/* Idea central */
.idea-central[data-v-431de8f0] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-431de8f0] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-431de8f0] {
  flex: 1;
}
.idea-titulo[data-v-431de8f0] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-431de8f0] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Estructura de la Tierra */
.estructura-section[data-v-431de8f0] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-431de8f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capas-visual[data-v-431de8f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.capa[data-v-431de8f0] {
  width: var(--ancho);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-left: 4px solid var(--color);
  border-radius: 0.25rem;
}
.capa-nombre[data-v-431de8f0] {
  font-weight: 700;
  color: var(--color);
  font-size: 0.85rem;
}
.capa-desc[data-v-431de8f0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Historia box */
.historia-box[data-v-431de8f0] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.historia-icono[data-v-431de8f0] {
  font-size: 1.5rem;
}
.historia-contenido[data-v-431de8f0] {
  flex: 1;
}
.historia-titulo[data-v-431de8f0] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.historia-texto[data-v-431de8f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.historia-texto strong[data-v-431de8f0] {
  color: #FFFFFF;
}

/* Evidencias */
.evidencias-section[data-v-431de8f0] {
  margin: 1.5rem 0;
}
.evidencias-titulo[data-v-431de8f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.evidencias-grid[data-v-431de8f0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.evidencia[data-v-431de8f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ev-icono[data-v-431de8f0] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ev-texto[data-v-431de8f0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ev-ejemplo[data-v-431de8f0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Tip */
.tip[data-v-431de8f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-431de8f0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-431de8f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-431de8f0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tierra[data-v-431de8f0] {
    font-size: 5rem;
}
.flechas-movimiento[data-v-431de8f0] {
    width: 150px;
    height: 150px;
}
.evidencias-grid[data-v-431de8f0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Mapa visual */
.mapa-visual[data-v-6be4861b] {
  text-align: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.mapa-tierra[data-v-6be4861b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.mapa-label[data-v-6be4861b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tipos de placas */
.tipos-section[data-v-6be4861b] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-6be4861b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-6be4861b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-6be4861b] {
  padding: 1rem;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-card.continental[data-v-6be4861b] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.oceanica[data-v-6be4861b] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-icono[data-v-6be4861b] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-6be4861b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-6be4861b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.tipo-ejemplo[data-v-6be4861b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Placas principales */
.placas-principales[data-v-6be4861b] {
  margin: 1.5rem 0;
}
.placas-titulo[data-v-6be4861b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.placas-lista[data-v-6be4861b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.placa-item[data-v-6be4861b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.placa-bullet[data-v-6be4861b] {
  color: #8B5CF6;
  font-size: 0.5rem;
}
.placa-bullet.grande[data-v-6be4861b] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.placa-nombre[data-v-6be4861b] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 100px;
}
.placa-info[data-v-6be4861b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Chile box */
.chile-box[data-v-6be4861b] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.chile-icono[data-v-6be4861b] {
  font-size: 2rem;
}
.chile-contenido[data-v-6be4861b] {
  flex: 1;
}
.chile-titulo[data-v-6be4861b] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.chile-texto[data-v-6be4861b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.chile-texto strong[data-v-6be4861b] {
  color: #FFFFFF;
}

/* Motor del movimiento */
.motor-section[data-v-6be4861b] {
  margin: 1.5rem 0;
}
.motor-titulo[data-v-6be4861b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.motor-visual[data-v-6be4861b] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conveccion-diagrama[data-v-6be4861b] {
  display: flex;
  justify-content: center;
}
.celda-conveccion[data-v-6be4861b] {
  position: relative;
  width: 80px;
  height: 60px;
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0.5rem;
  background: linear-gradient(to top, rgba(239, 68, 68, 0.3), rgba(59, 130, 246, 0.1));
}
.flecha-up[data-v-6be4861b] {
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  color: #FCA5A5;
  font-size: 1.5rem;
  animation: subir-6be4861b 1s ease-in-out infinite;
}
.flecha-down[data-v-6be4861b] {
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
  color: #93C5FD;
  font-size: 1.5rem;
  animation: bajar-6be4861b 1s ease-in-out infinite;
}
@keyframes subir-6be4861b {
0%, 100% { transform: translateY(-50%) translateY(3px);
}
50% { transform: translateY(-50%) translateY(-3px);
}
}
@keyframes bajar-6be4861b {
0%, 100% { transform: translateY(-50%) translateY(-3px);
}
50% { transform: translateY(-50%) translateY(3px);
}
}
.calor[data-v-6be4861b] {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
}
.motor-explicacion[data-v-6be4861b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}
.motor-explicacion strong[data-v-6be4861b] {
  color: #FCD34D;
}

/* Velocidad box */
.velocidad-box[data-v-6be4861b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.vel-icono[data-v-6be4861b] {
  font-size: 1.5rem;
}
.vel-contenido[data-v-6be4861b] {
  flex: 1;
}
.vel-titulo[data-v-6be4861b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vel-dato[data-v-6be4861b] {
  color: #FFFFFF;
  font-size: 1.1rem;
}
.vel-comparacion[data-v-6be4861b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-6be4861b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6be4861b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6be4861b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6be4861b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-6be4861b] {
    flex-direction: row;
}
.tipo-card[data-v-6be4861b] {
    flex: 1;
}
.placas-lista[data-v-6be4861b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Sección de límites */
.limites-section[data-v-6e6e5133] {
  margin: 1.5rem 0;
}
.limites-titulo[data-v-6e6e5133] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}

/* Cards de límites */
.limite-card[data-v-6e6e5133] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.limite-card.divergente[data-v-6e6e5133] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.limite-card.convergente[data-v-6e6e5133] {
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.limite-card.transformante[data-v-6e6e5133] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.limite-visual[data-v-6e6e5133] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.placa-viz[data-v-6e6e5133] {
  font-size: 1.5rem;
  font-weight: 700;
}
.divergente .placa-viz.izq[data-v-6e6e5133] { color: #6EE7B7;
}
.divergente .placa-viz.der[data-v-6e6e5133] { color: #6EE7B7;
}
.convergente .placa-viz[data-v-6e6e5133] { color: #FCA5A5;
}
.transformante .placa-viz[data-v-6e6e5133] { color: #FCD34D;
}
.separacion[data-v-6e6e5133] { font-size: 1.25rem;
}
.colision[data-v-6e6e5133] { font-size: 1.25rem;
}
.roce[data-v-6e6e5133] { font-size: 1.25rem;
}
.placa-viz.horizontal[data-v-6e6e5133] {
  display: block;
}
.transformante .limite-visual[data-v-6e6e5133] {
  flex-direction: column;
  gap: 0.25rem;
}
.limite-info[data-v-6e6e5133] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.limite-nombre[data-v-6e6e5133] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.limite-accion[data-v-6e6e5133] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.separar[data-v-6e6e5133] { color: #6EE7B7;
}
strong.chocar[data-v-6e6e5133] { color: #FCA5A5;
}
strong.deslizar[data-v-6e6e5133] { color: #FCD34D;
}
.limite-resultado[data-v-6e6e5133] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.resultado-icono[data-v-6e6e5133] {
  font-size: 0.9rem;
}
.limite-ejemplo[data-v-6e6e5133] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.limite-ejemplo strong[data-v-6e6e5133] {
  color: #E9D5FF;
}

/* Subducción */
.subduccion-section[data-v-6e6e5133] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.subduccion-titulo[data-v-6e6e5133] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.subduccion-contenido[data-v-6e6e5133] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.subduccion-visual[data-v-6e6e5133] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0;
  position: relative;
  height: 60px;
}
.placa-continental[data-v-6e6e5133], .placa-oceanica[data-v-6e6e5133] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.placa-continental[data-v-6e6e5133] {
  background: rgba(245, 158, 11, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.5);
  z-index: 2;
}
.placa-oceanica[data-v-6e6e5133] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  transform: translateX(-10px) translateY(10px);
  position: relative;
}
.placa-label[data-v-6e6e5133] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.placa-emoji[data-v-6e6e5133] {
  font-size: 1.25rem;
}
.flecha-sub[data-v-6e6e5133] {
  position: absolute;
  bottom: -15px;
  right: 5px;
  font-size: 1rem;
  animation: hundirse-6e6e5133 1.5s ease-in-out infinite;
}
@keyframes hundirse-6e6e5133 {
0%, 100% { transform: translate(0, 0);
}
50% { transform: translate(3px, 3px);
}
}
.subduccion-texto[data-v-6e6e5133] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.subduccion-texto strong[data-v-6e6e5133] {
  color: #FFFFFF;
}
.subduccion-efectos[data-v-6e6e5133] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.efecto[data-v-6e6e5133] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.efecto-icono[data-v-6e6e5133] {
  font-size: 1.1rem;
}
.efecto-texto[data-v-6e6e5133] {
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Cinturón de Fuego */
.cinturon-box[data-v-6e6e5133] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.cinturon-icono[data-v-6e6e5133] {
  font-size: 2rem;
}
.cinturon-contenido[data-v-6e6e5133] {
  flex: 1;
}
.cinturon-titulo[data-v-6e6e5133] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.cinturon-texto[data-v-6e6e5133] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cinturon-texto strong[data-v-6e6e5133] {
  color: #FFFFFF;
}

/* Resumen tabla */
.resumen-limites[data-v-6e6e5133] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-6e6e5133] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-6e6e5133] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.tabla-header[data-v-6e6e5133] {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-6e6e5133] {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.tabla-row.divergente[data-v-6e6e5133] { border-left: 3px solid #6EE7B7;
}
.tabla-row.convergente[data-v-6e6e5133] { border-left: 3px solid #FCA5A5;
}
.tabla-row.transformante[data-v-6e6e5133] { border-left: 3px solid #FCD34D;
}

/* Tip */
.tip[data-v-6e6e5133] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6e6e5133] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e6e5133] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e6e5133] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.subduccion-efectos[data-v-6e6e5133] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-header[data-v-6e6e5133], .tabla-row[data-v-6e6e5133] {
    font-size: 0.9rem;
}
}

.explorador[data-v-eea9ab03] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-eea9ab03] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-eea9ab03] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-eea9ab03] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-eea9ab03] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-eea9ab03] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-eea9ab03] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-eea9ab03] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-eea9ab03] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-eea9ab03] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar límites ===== */
.limites-game[data-v-eea9ab03] {
  text-align: center;
}
.limite-pregunta[data-v-eea9ab03] {
  margin-bottom: 1rem;
}
.limite-visual-game[data-v-eea9ab03] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.placa-game[data-v-eea9ab03] {
  font-size: 2rem;
  font-weight: 700;
}
.placa-game.verde[data-v-eea9ab03] { color: #6EE7B7;
}
.placa-game.rojo[data-v-eea9ab03] { color: #FCA5A5;
}
.placa-game.amarillo[data-v-eea9ab03] { color: #FCD34D;
}
.efecto-game[data-v-eea9ab03] {
  font-size: 1.5rem;
}
.limite-desc[data-v-eea9ab03] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-limite[data-v-eea9ab03] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-eea9ab03] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-eea9ab03] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-eea9ab03] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-eea9ab03] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-eea9ab03] {
  font-size: 1rem;
}
.limite-contador[data-v-eea9ab03] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Clasificar fenómenos ===== */
.clasificar-container[data-v-eea9ab03] {
  text-align: center;
}
.fenomenos-disponibles[data-v-eea9ab03] {
  margin-bottom: 1rem;
}
.fenomenos-label[data-v-eea9ab03] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.fenomenos-pool[data-v-eea9ab03] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.fenomeno-btn[data-v-eea9ab03] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 75px;
  font-family: inherit;
}
.fenomeno-btn.seleccionado[data-v-eea9ab03] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  transform: scale(1.05);
}
.fenomeno-icono[data-v-eea9ab03] {
  font-size: 1.25rem;
}
.fenomeno-nombre[data-v-eea9ab03] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.categorias-grid[data-v-eea9ab03] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.categoria-box[data-v-eea9ab03] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-height: 60px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.categoria-box.divergente[data-v-eea9ab03] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px dashed rgba(16, 185, 129, 0.4);
}
.categoria-box.convergente[data-v-eea9ab03] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed rgba(239, 68, 68, 0.4);
}
.categoria-box.transformante[data-v-eea9ab03] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.categoria-box.activo[data-v-eea9ab03] {
  border-style: solid;
  animation: pulse-cat-eea9ab03 1s infinite;
}
@keyframes pulse-cat-eea9ab03 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.cat-titulo[data-v-eea9ab03] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.divergente .cat-titulo[data-v-eea9ab03] { color: #6EE7B7;
}
.convergente .cat-titulo[data-v-eea9ab03] { color: #FCA5A5;
}
.transformante .cat-titulo[data-v-eea9ab03] { color: #FCD34D;
}
.cat-items[data-v-eea9ab03] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-height: 30px;
}
.cat-item[data-v-eea9ab03] {
  font-size: 1.25rem;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.cat-item.correcto[data-v-eea9ab03] {
  background: rgba(16, 185, 129, 0.3);
}
.clasificar-acciones[data-v-eea9ab03] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.btn-reiniciar[data-v-eea9ab03] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
}
.clasificar-contador[data-v-eea9ab03] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Chile ===== */
.chile-game[data-v-eea9ab03] {
  text-align: center;
}
.chile-escena[data-v-eea9ab03] {
  margin-bottom: 1rem;
}
.chile-mapa[data-v-eea9ab03] {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  height: 100px;
  background: linear-gradient(to right, #1E3A5F 50%, #4A4A2A 50%);
  border-radius: 0.75rem;
  overflow: hidden;
}
.oceano[data-v-eea9ab03] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.oceano-label[data-v-eea9ab03] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.placa-nazca[data-v-eea9ab03] {
  font-size: 0.75rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}
.continente-chile[data-v-eea9ab03] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.chile-emoji[data-v-eea9ab03] {
  font-size: 1.5rem;
}
.placa-sudamericana[data-v-eea9ab03] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.zona-subduccion[data-v-eea9ab03] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zona-subduccion.activa[data-v-eea9ab03] {
  opacity: 1;
}
.flecha-sub[data-v-eea9ab03] {
  font-size: 1.5rem;
  animation: subducir-eea9ab03 1s ease-in-out infinite;
}
@keyframes subducir-eea9ab03 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
.chile-preguntas[data-v-eea9ab03] {
  margin-bottom: 0.75rem;
}
.chile-pregunta-actual[data-v-eea9ab03] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-eea9ab03] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pregunta-opciones[data-v-eea9ab03] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.chile-opcion[data-v-eea9ab03] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.chile-opcion.seleccionado[data-v-eea9ab03] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.chile-opcion.correcto[data-v-eea9ab03] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.chile-opcion.incorrecto[data-v-eea9ab03] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.chile-contador[data-v-eea9ab03] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-eea9ab03] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-eea9ab03] { font-size: 1.25rem;
}
.resultado-texto[data-v-eea9ab03] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-eea9ab03] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-eea9ab03] { flex: 1;
}
.nav-btn[data-v-eea9ab03] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-eea9ab03] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-eea9ab03] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-eea9ab03] { font-size: 1.75rem;
}
.completado-texto[data-v-eea9ab03] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-eea9ab03], .slide-leave-active[data-v-eea9ab03] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-eea9ab03] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-eea9ab03] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-limite[data-v-eea9ab03] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-eea9ab03] {
    flex: 1;
    max-width: 150px;
}
.categorias-grid[data-v-eea9ab03] {
    flex-direction: row;
}
.categoria-box[data-v-eea9ab03] {
    flex: 1;
}
}

/* Header */
.resumen-header[data-v-1cdbe703] {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-iconos[data-v-1cdbe703] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.header-texto[data-v-1cdbe703] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Secciones de resumen */
.seccion-resumen[data-v-1cdbe703] {
  margin-bottom: 1.5rem;
}
.seccion-titulo[data-v-1cdbe703] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Conceptos grid */
.conceptos-grid[data-v-1cdbe703] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-1cdbe703] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-nombre[data-v-1cdbe703] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.15rem;
}
.concepto-def[data-v-1cdbe703] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Límites resumen */
.limites-resumen[data-v-1cdbe703] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.limite-mini[data-v-1cdbe703] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.limite-mini.divergente[data-v-1cdbe703] { border-left: 4px solid #6EE7B7;
}
.limite-mini.convergente[data-v-1cdbe703] { border-left: 4px solid #FCA5A5;
}
.limite-mini.transformante[data-v-1cdbe703] { border-left: 4px solid #FCD34D;
}
.limite-icono[data-v-1cdbe703] {
  font-size: 1rem;
  font-weight: 700;
  min-width: 40px;
}
.divergente .limite-icono[data-v-1cdbe703] { color: #6EE7B7;
}
.convergente .limite-icono[data-v-1cdbe703] { color: #FCA5A5;
}
.transformante .limite-icono[data-v-1cdbe703] { color: #FCD34D;
}
.limite-nombre[data-v-1cdbe703] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 90px;
}
.limite-resultado[data-v-1cdbe703] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Subducción resumen */
.subduccion-resumen[data-v-1cdbe703] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.sub-formula[data-v-1cdbe703] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.placa-tipo[data-v-1cdbe703] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.placa-tipo.oceanica[data-v-1cdbe703] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.placa-tipo.continental[data-v-1cdbe703] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.sub-signo[data-v-1cdbe703] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.sub-porque[data-v-1cdbe703] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.sub-porque strong[data-v-1cdbe703] {
  color: #FFFFFF;
}
.sub-efectos[data-v-1cdbe703] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.efecto-mini[data-v-1cdbe703] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Chile resumen */
.chile-resumen[data-v-1cdbe703] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.chile-header[data-v-1cdbe703] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chile-emoji[data-v-1cdbe703] {
  font-size: 1.5rem;
}
.chile-titulo[data-v-1cdbe703] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.chile-datos[data-v-1cdbe703] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.chile-dato[data-v-1cdbe703] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.dato-label[data-v-1cdbe703] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 600;
}
.dato-valor[data-v-1cdbe703] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Datos grid */
.datos-grid[data-v-1cdbe703] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato-card[data-v-1cdbe703] {
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-numero[data-v-1cdbe703] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-desc[data-v-1cdbe703] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-1cdbe703] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-1cdbe703] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-1cdbe703] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-1cdbe703] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.tip-numero[data-v-1cdbe703] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-texto[data-v-1cdbe703] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-1cdbe703] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-1cdbe703] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-1cdbe703] {
  font-size: 1.5rem;
}
.final-texto[data-v-1cdbe703] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-1cdbe703] {
    grid-template-columns: repeat(4, 1fr);
}
.limites-resumen[data-v-1cdbe703] {
    flex-direction: row;
}
.limite-mini[data-v-1cdbe703] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.limite-icono[data-v-1cdbe703] {
    min-width: auto;
}
.limite-nombre[data-v-1cdbe703] {
    min-width: auto;
}
.datos-grid[data-v-1cdbe703] {
    grid-template-columns: repeat(4, 1fr);
}
.chile-dato[data-v-1cdbe703] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Intro visual con animación del Big Bang */
.intro-visual[data-v-7dc1bc82] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.big-bang-visual[data-v-7dc1bc82] {
  position: relative;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.punto-inicial[data-v-7dc1bc82] {
  width: 16px;
  height: 16px;
  background: radial-gradient(circle, #FCD34D 0%, #F59E0B 50%, #DC2626 100%);
  border-radius: 50%;
  z-index: 10;
  animation: pulso-punto-7dc1bc82 1.5s ease-in-out infinite;
}
@keyframes pulso-punto-7dc1bc82 {
0%, 100% { transform: scale(1); box-shadow: 0 0 20px #F59E0B;
}
50% { transform: scale(1.2); box-shadow: 0 0 30px #FCD34D;
}
}
.expansion-rings[data-v-7dc1bc82] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ring[data-v-7dc1bc82] {
  position: absolute;
  border: 2px solid;
  border-radius: 50%;
  opacity: 0;
  animation: expandir-7dc1bc82 3s ease-out infinite;
}
.ring-1[data-v-7dc1bc82] {
  width: 40px;
  height: 40px;
  border-color: #F59E0B;
  animation-delay: 0s;
}
.ring-2[data-v-7dc1bc82] {
  width: 80px;
  height: 80px;
  border-color: #8B5CF6;
  animation-delay: 1s;
}
.ring-3[data-v-7dc1bc82] {
  width: 120px;
  height: 120px;
  border-color: #3B82F6;
  animation-delay: 2s;
}
@keyframes expandir-7dc1bc82 {
0% { transform: scale(0.3); opacity: 0.8;
}
100% { transform: scale(1.5); opacity: 0;
}
}
.particulas[data-v-7dc1bc82] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.particula[data-v-7dc1bc82] {
  position: absolute;
  color: #FCD34D;
  font-size: 0.8rem;
  animation: particula-move-7dc1bc82 3s ease-out infinite;
}
.p1[data-v-7dc1bc82] { top: 20%; left: 50%; animation-delay: 0.2s;
}
.p2[data-v-7dc1bc82] { top: 50%; right: 10%; animation-delay: 0.5s;
}
.p3[data-v-7dc1bc82] { bottom: 20%; left: 30%; animation-delay: 0.8s;
}
.p4[data-v-7dc1bc82] { top: 40%; left: 15%; animation-delay: 1.1s;
}
@keyframes particula-move-7dc1bc82 {
0% { transform: translate(0, 0) scale(0); opacity: 0;
}
20% { opacity: 1; transform: scale(1);
}
100% { transform: translate(var(--dx, 20px), var(--dy, -20px)) scale(0.5); opacity: 0;
}
}
.p1[data-v-7dc1bc82] { --dx: 10px; --dy: -30px;
}
.p2[data-v-7dc1bc82] { --dx: 25px; --dy: 5px;
}
.p3[data-v-7dc1bc82] { --dx: -15px; --dy: 25px;
}
.p4[data-v-7dc1bc82] { --dx: -25px; --dy: -10px;
}

/* Idea central */
.idea-central[data-v-7dc1bc82] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-7dc1bc82] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-7dc1bc82] {
  flex: 1;
}
.idea-titulo[data-v-7dc1bc82] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-7dc1bc82] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Timeline */
.timeline-section[data-v-7dc1bc82] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-7dc1bc82] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-7dc1bc82] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-item[data-v-7dc1bc82] {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-template-rows: auto auto;
  gap: 0.1rem 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.tiempo[data-v-7dc1bc82] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 700;
  grid-row: span 2;
  display: flex;
  align-items: center;
}
.evento[data-v-7dc1bc82] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.detalle[data-v-7dc1bc82] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Evidencias */
.evidencias-section[data-v-7dc1bc82] {
  margin: 1.5rem 0;
}
.evidencias-titulo[data-v-7dc1bc82] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.evidencias-grid[data-v-7dc1bc82] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evidencia[data-v-7dc1bc82] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ev-icono[data-v-7dc1bc82] {
  font-size: 1.25rem;
}
.ev-nombre[data-v-7dc1bc82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ev-desc[data-v-7dc1bc82] {
  margin-left: auto;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7dc1bc82] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7dc1bc82] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7dc1bc82] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7dc1bc82] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.big-bang-visual[data-v-7dc1bc82] {
    width: 180px;
    height: 180px;
}
.timeline[data-v-7dc1bc82] {
    flex-direction: row;
    justify-content: space-between;
}
.timeline-item[data-v-7dc1bc82] {
    flex: 1;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    text-align: center;
    border-left: none;
    border-top: 3px solid #8B5CF6;
    border-radius: 0 0 0.5rem 0.5rem;
    gap: 0.2rem;
}
.tiempo[data-v-7dc1bc82] {
    grid-row: 1;
    justify-content: center;
}
.evidencias-grid[data-v-7dc1bc82] {
    flex-direction: row;
}
.evidencia[data-v-7dc1bc82] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.ev-desc[data-v-7dc1bc82] {
    margin-left: 0;
}
}

/* Intro visual - espectro */
.intro-visual[data-v-de2e98b9] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.espectro-visual[data-v-de2e98b9] {
  width: 100%;
  max-width: 300px;
}
.espectro-container[data-v-de2e98b9] {
  margin-bottom: 0.75rem;
}
.espectro-label[data-v-de2e98b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.espectro-barra[data-v-de2e98b9] {
  height: 24px;
  border-radius: 4px;
  background: linear-gradient(to right, 
    #8B5CF6 0%, 
    #3B82F6 20%, 
    #10B981 40%, 
    #FCD34D 60%, 
    #F59E0B 80%, 
    #EF4444 100%
  );
  position: relative;
}
.linea-absorcion[data-v-de2e98b9] {
  position: absolute;
  width: 3px;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 1px;
}
.l1[data-v-de2e98b9] { left: 25%;
}
.l2[data-v-de2e98b9] { left: 45%;
}
.l3[data-v-de2e98b9] { left: 65%;
}
.l1.desplazada[data-v-de2e98b9] { left: 35%;
}
.l2.desplazada[data-v-de2e98b9] { left: 55%;
}
.l3.desplazada[data-v-de2e98b9] { left: 75%;
}
.flecha-desplazamiento[data-v-de2e98b9] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Texto coloreado */
strong.rojo[data-v-de2e98b9] {
  color: #FCA5A5;
}
strong.azul[data-v-de2e98b9] {
  color: #93C5FD;
}

/* Efecto Doppler */
.doppler-section[data-v-de2e98b9] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.doppler-titulo[data-v-de2e98b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.doppler-comparacion[data-v-de2e98b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.doppler-item[data-v-de2e98b9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0;
}
.doppler-icono[data-v-de2e98b9] {
  font-size: 1.25rem;
}
.doppler-texto[data-v-de2e98b9] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Fórmula */
.formula-section[data-v-de2e98b9] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-de2e98b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.formula-box[data-v-de2e98b9] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.formula[data-v-de2e98b9] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.formula-vars[data-v-de2e98b9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-vars strong[data-v-de2e98b9] {
  color: #FFFFFF;
}

/* Ley de Hubble */
.hubble-section[data-v-de2e98b9] {
  margin: 1.5rem 0;
}
.hubble-titulo[data-v-de2e98b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.hubble-contenido[data-v-de2e98b9] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.hubble-formula[data-v-de2e98b9] {
  font-family: 'Courier New', monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.75rem;
}
.hubble-explicacion p[data-v-de2e98b9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.hubble-vars[data-v-de2e98b9] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.hubble-vars strong[data-v-de2e98b9] {
  color: #FFFFFF;
}

/* Idea central */
.idea-central[data-v-de2e98b9] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-de2e98b9] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-de2e98b9] {
  flex: 1;
}
.idea-titulo[data-v-de2e98b9] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-de2e98b9] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-de2e98b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-de2e98b9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-de2e98b9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-de2e98b9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.espectro-visual[data-v-de2e98b9] {
    max-width: 350px;
}
.doppler-comparacion[data-v-de2e98b9] {
    flex-direction: row;
}
.doppler-item[data-v-de2e98b9] {
    flex: 1;
}
.formula-vars[data-v-de2e98b9] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.hubble-vars[data-v-de2e98b9] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
}

/* Visual de composición */
.intro-visual[data-v-cea433c1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.composicion-universo[data-v-cea433c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.grafico-torta[data-v-cea433c1] {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: conic-gradient(
    #8B5CF6 0deg 245deg,
    #3B82F6 245deg 342deg,
    #10B981 342deg 360deg
  );
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grafico-torta[data-v-cea433c1]::after {
  content: '';
  width: 50px;
  height: 50px;
  background: #1a1a2e;
  border-radius: 50%;
}
.segmento[data-v-cea433c1] {
  position: absolute;
  font-size: 0.7rem;
  font-weight: 700;
}
.energia-oscura[data-v-cea433c1] { 
  top: 35%; 
  left: 15%; 
  color: #C4B5FD;
}
.materia-oscura[data-v-cea433c1] { 
  bottom: 15%; 
  right: 20%; 
  color: #93C5FD;
}
.materia-visible[data-v-cea433c1] { 
  top: 5%; 
  right: 25%; 
  color: #6EE7B7;
}
.leyenda-composicion[data-v-cea433c1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.leyenda-item[data-v-cea433c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.leyenda-color[data-v-cea433c1] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.leyenda-item.oscura .leyenda-color[data-v-cea433c1] { background: #8B5CF6;
}
.leyenda-item.materia-o .leyenda-color[data-v-cea433c1] { background: #3B82F6;
}
.leyenda-item.visible .leyenda-color[data-v-cea433c1] { background: #10B981;
}

/* Descubrimiento */
.descubrimiento-section[data-v-cea433c1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desc-titulo[data-v-cea433c1] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.desc-contenido p[data-v-cea433c1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}

/* Idea central */
.idea-central[data-v-cea433c1] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-cea433c1] {
  font-size: 1.75rem;
}
.idea-contenido[data-v-cea433c1] {
  flex: 1;
}
.idea-titulo[data-v-cea433c1] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-cea433c1] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Comparación */
.comparacion-section[data-v-cea433c1] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-cea433c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.comparacion-grid[data-v-cea433c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.comp-item[data-v-cea433c1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.gravedad[data-v-cea433c1] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-item.energia[data-v-cea433c1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-icono[data-v-cea433c1] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-cea433c1] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-efecto[data-v-cea433c1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-vs[data-v-cea433c1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0 0.25rem;
}

/* Destinos */
.destinos-section[data-v-cea433c1] {
  margin: 1.5rem 0;
}
.destinos-titulo[data-v-cea433c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.destinos-grid[data-v-cea433c1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.destino[data-v-cea433c1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dest-icono[data-v-cea433c1] {
  font-size: 1.25rem;
}
.dest-nombre[data-v-cea433c1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 70px;
}
.dest-desc[data-v-cea433c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.destino-actual[data-v-cea433c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.actual-icono[data-v-cea433c1] {
  font-size: 1rem;
}
.actual-texto[data-v-cea433c1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.actual-texto strong[data-v-cea433c1] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-cea433c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cea433c1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cea433c1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cea433c1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.composicion-universo[data-v-cea433c1] {
    flex-direction: row;
    gap: 2rem;
}
.grafico-torta[data-v-cea433c1] {
    width: 160px;
    height: 160px;
}
.destinos-grid[data-v-cea433c1] {
    flex-direction: row;
}
.destino[data-v-cea433c1] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.dest-nombre[data-v-cea433c1] {
    min-width: auto;
}
}

.explorador[data-v-23282fba] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-23282fba] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-23282fba] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-23282fba] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-23282fba] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-23282fba] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-23282fba] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-23282fba] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-23282fba] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-23282fba] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-expansion[data-v-23282fba] {
  text-align: center;
}
.universo-visual[data-v-23282fba] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.universo-svg[data-v-23282fba] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.galaxia-central[data-v-23282fba] {
  filter: drop-shadow(0 0 8px #FCD34D);
}
.galaxia-lejana[data-v-23282fba] {
  transition: all 0.3s ease;
}
.control-tiempo[data-v-23282fba] {
  margin-bottom: 1rem;
}
.control-label[data-v-23282fba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.label-icono[data-v-23282fba] {
  font-size: 1rem;
}
.slider[data-v-23282fba] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  -webkit-appearance: none;
}
.slider[data-v-23282fba]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
}
.slider[data-v-23282fba]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: none;
}
.tiempo-labels[data-v-23282fba] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.checkbox-velocidades[data-v-23282fba] {
  margin-bottom: 1rem;
}
.checkbox-velocidades label[data-v-23282fba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  cursor: pointer;
}
.checkbox-velocidades input[data-v-23282fba] {
  width: 18px;
  height: 18px;
  accent-color: #8B5CF6;
}
.pregunta-sim[data-v-23282fba] {
  margin: 1rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-sim[data-v-23282fba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-23282fba] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-23282fba]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionado[data-v-23282fba] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-23282fba] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-23282fba] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.progreso-contador[data-v-23282fba] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Cálculo Redshift ===== */
.calculo-redshift[data-v-23282fba] {
  text-align: center;
}
.formula-recordatorio[data-v-23282fba] {
  margin-bottom: 1rem;
}
.formula[data-v-23282fba] {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.problema-redshift[data-v-23282fba] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.datos-redshift[data-v-23282fba] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.dato[data-v-23282fba] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.respuesta-redshift[data-v-23282fba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.resp-label[data-v-23282fba] {
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 700;
}
.resp-input[data-v-23282fba] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.resp-input.correcto[data-v-23282fba] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.resp-input.incorrecto[data-v-23282fba] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-23282fba] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.hint-redshift[data-v-23282fba], .hint-clasificacion[data-v-23282fba] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Clasificar ===== */
.clasificar-container[data-v-23282fba] {
  text-align: center;
}
.instruccion-clasificar[data-v-23282fba] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.conceptos-disponibles[data-v-23282fba] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
  min-height: 40px;
}
.concepto-btn[data-v-23282fba] {
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.concepto-btn.seleccionado[data-v-23282fba] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
  transform: scale(1.05);
}
.categorias-grid[data-v-23282fba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.categoria[data-v-23282fba] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  min-height: 60px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.categoria.seleccionable[data-v-23282fba] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.15);
}
.cat-titulo[data-v-23282fba] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.cat-items[data-v-23282fba] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  justify-content: center;
}
.cat-item[data-v-23282fba] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #6EE7B7;
}
.botones-clasificar[data-v-23282fba] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-verificar-cat[data-v-23282fba] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-reiniciar[data-v-23282fba] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-23282fba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-23282fba] { font-size: 1.25rem;
}
.resultado-texto[data-v-23282fba] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-23282fba] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-23282fba] { flex: 1;
}
.nav-btn[data-v-23282fba] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-23282fba] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-23282fba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-23282fba] { font-size: 1.75rem;
}
.completado-texto[data-v-23282fba] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-23282fba], .slide-leave-active[data-v-23282fba] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-23282fba] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-23282fba] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-sim[data-v-23282fba] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-23282fba] {
    flex: 1;
    max-width: 150px;
}
.categorias-grid[data-v-23282fba] {
    flex-direction: row;
}
.categoria[data-v-23282fba] {
    flex: 1;
}
}

/* Header */
.resumen-header[data-v-4cf31497] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-4cf31497] {
  font-size: 2rem;
}
.header-titulo[data-v-4cf31497] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-4cf31497] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-4cf31497] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.card-icono[data-v-4cf31497] {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-4cf31497] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.card-contenido ul[data-v-4cf31497] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.card-contenido li[data-v-4cf31497] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  line-height: 1.4;
}
.card-contenido strong[data-v-4cf31497] {
  color: #FCD34D;
}

/* Hubble destacado */
.hubble-destacado[data-v-4cf31497] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.hubble-titulo[data-v-4cf31497] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.hubble-formula[data-v-4cf31497] {
  font-family: 'Courier New', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.hubble-significado[data-v-4cf31497] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Evidencias resumen */
.evidencias-resumen[data-v-4cf31497] {
  margin-bottom: 1.5rem;
}
.ev-titulo[data-v-4cf31497] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ev-lista[data-v-4cf31497] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ev-item[data-v-4cf31497] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #10B981;
  border-radius: 0 0.5rem 0.5rem 0;
}
.ev-num[data-v-4cf31497] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.ev-texto[data-v-4cf31497] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ev-texto strong[data-v-4cf31497] {
  color: #6EE7B7;
}

/* Composición */
.composicion-resumen[data-v-4cf31497] {
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-4cf31497] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-barras[data-v-4cf31497] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.comp-barra[data-v-4cf31497] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.comp-barra.energia[data-v-4cf31497] {
  background: linear-gradient(to right, rgba(139, 92, 246, 0.4) 68%, rgba(139, 92, 246, 0.1) 68%);
  color: #C4B5FD;
}
.comp-barra.materia-o[data-v-4cf31497] {
  background: linear-gradient(to right, rgba(59, 130, 246, 0.4) 27%, rgba(59, 130, 246, 0.1) 27%);
  color: #93C5FD;
}
.comp-barra.visible[data-v-4cf31497] {
  background: linear-gradient(to right, rgba(16, 185, 129, 0.4) 5%, rgba(16, 185, 129, 0.1) 5%);
  color: #6EE7B7;
}
.barra-valor[data-v-4cf31497] {
  font-weight: 700;
}

/* Tips PAES */
.tips-paes[data-v-4cf31497] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-4cf31497] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-4cf31497] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-4cf31497] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-4cf31497] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  color: white;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.tip-texto[data-v-4cf31497] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-4cf31497] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-4cf31497] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-4cf31497] {
  font-size: 2rem;
  flex-shrink: 0;
}
.final-texto[data-v-4cf31497] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.final-texto strong[data-v-4cf31497] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-4cf31497] {
    flex-direction: row;
}
.concepto-card[data-v-4cf31497] {
    flex: 1;
}
.ev-item[data-v-4cf31497] {
    padding: 0.6rem 1rem;
}
.ev-texto[data-v-4cf31497] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-e07e6019] {
  margin: 1rem 0 1.5rem;
}
.escena-ac[data-v-e07e6019] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.circulo-trayectoria[data-v-e07e6019] {
  position: relative;
  width: 150px;
  height: 150px;
  border: 3px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
}
.centro-circulo[data-v-e07e6019] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}
.particula[data-v-e07e6019] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  transform-origin: center center;
}
.particula.animando[data-v-e07e6019] {
  animation: rotar-particula-e07e6019 2.9s linear forwards;
}
@keyframes rotar-particula-e07e6019 {
from { transform: rotate(0deg) translateX(60px) rotate(0deg);
}
to { transform: rotate(360deg) translateX(60px) rotate(-360deg);
}
}
.particula-emoji[data-v-e07e6019] {
  font-size: 1.25rem;
}
.vector-ac[data-v-e07e6019] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 3px;
  background: #FCA5A5;
  transform-origin: left center;
  transform: rotate(0deg) translateX(60px) rotate(180deg);
}
.vector-ac.animando[data-v-e07e6019] {
  animation: rotar-vector-e07e6019 2.9s linear forwards;
}
@keyframes rotar-vector-e07e6019 {
from { transform: rotate(0deg) translateX(60px) rotate(180deg);
}
to { transform: rotate(360deg) translateX(60px) rotate(180deg);
}
}
.vector-ac[data-v-e07e6019]::after {
  content: '';
  position: absolute;
  right: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 8px solid #FCA5A5;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.vector-ac .vec-label[data-v-e07e6019] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
  white-space: nowrap;
}
.info-ac[data-v-e07e6019] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
  border-radius: 0.5rem;
}
.info-icono[data-v-e07e6019] {
  font-size: 1.1rem;
}
.info-texto[data-v-e07e6019] {
  font-size: 0.85rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Colores temáticos */
strong.centro[data-v-e07e6019] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-e07e6019] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 165, 165, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(252, 165, 165, 0.5);
  border-radius: 0.75rem;
}
.def-header[data-v-e07e6019] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-e07e6019] {
  font-size: 1.25rem;
}
.def-titulo[data-v-e07e6019] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-e07e6019] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-e07e6019] {
  color: #FFFFFF;
}
.def-texto em[data-v-e07e6019] {
  color: #C4B5FD;
  font-style: italic;
}

/* Por qué existe */
.porque-section[data-v-e07e6019] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-e07e6019] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.porque-grid[data-v-e07e6019] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.porque-item[data-v-e07e6019] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.porque-numero[data-v-e07e6019] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.porque-texto[data-v-e07e6019] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.porque-texto strong[data-v-e07e6019] {
  color: #6EE7B7;
}

/* Vectores section */
.vectores-section[data-v-e07e6019] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.vectores-titulo[data-v-e07e6019] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.vectores-grid[data-v-e07e6019] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.vector-card[data-v-e07e6019] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.vector-card.velocidad[data-v-e07e6019] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.vector-card.aceleracion[data-v-e07e6019] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.vec-icono[data-v-e07e6019] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.vec-nombre[data-v-e07e6019] {
  font-size: 0.8rem;
  font-weight: 700;
}
.vector-card.velocidad .vec-nombre[data-v-e07e6019] { color: #93C5FD;
}
.vector-card.aceleracion .vec-nombre[data-v-e07e6019] { color: #FCA5A5;
}
.vec-dir[data-v-e07e6019] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vectores-nota[data-v-e07e6019] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.vectores-nota strong[data-v-e07e6019] {
  color: #FCD34D;
}

/* Ecuaciones box */
.ecuaciones-box[data-v-e07e6019] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 165, 165, 0.1), rgba(139, 92, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-e07e6019] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.ecuacion-formula-grande[data-v-e07e6019] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-ac[data-v-e07e6019] { font-size: 1.75rem; font-weight: 800; color: #FCA5A5;
}
.formula-igual[data-v-e07e6019] { font-size: 1.5rem; color: #FFFFFF;
}
.formula-v[data-v-e07e6019] { font-size: 1.75rem; font-weight: 800; color: #93C5FD; font-style: italic;
}
.formula-div[data-v-e07e6019] { font-size: 1.5rem; color: #FFFFFF;
}
.formula-r[data-v-e07e6019] { font-size: 1.75rem; font-weight: 800; color: #6EE7B7; font-style: italic;
}
.ecuacion-alternativa[data-v-e07e6019] {
  text-align: center;
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-alt[data-v-e07e6019] {
  font-weight: 700;
  color: #FCA5A5;
  font-family: 'Times New Roman', serif;
}
.ecuacion-unidades[data-v-e07e6019] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.unidad[data-v-e07e6019] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Ejemplos */
.ejemplos-section[data-v-e07e6019] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e07e6019] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-e07e6019] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-e07e6019] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-e07e6019] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-e07e6019] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-e07e6019] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e07e6019] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e07e6019] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e07e6019] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.circulo-trayectoria[data-v-e07e6019] {
    width: 180px;
    height: 180px;
}
.particula.animando[data-v-e07e6019] {
    animation-name: rotar-particula-lg-e07e6019;
}
.vector-ac[data-v-e07e6019] {
    transform: rotate(0deg) translateX(75px) rotate(180deg);
}
.vector-ac.animando[data-v-e07e6019] {
    animation-name: rotar-vector-lg-e07e6019;
}
@keyframes rotar-particula-lg-e07e6019 {
from { transform: rotate(0deg) translateX(75px) rotate(0deg);
}
to { transform: rotate(360deg) translateX(75px) rotate(-360deg);
}
}
@keyframes rotar-vector-lg-e07e6019 {
from { transform: rotate(0deg) translateX(75px) rotate(180deg);
}
to { transform: rotate(360deg) translateX(75px) rotate(180deg);
}
}
.ejemplos-lista[data-v-e07e6019] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual - Newton */
.intro-visual[data-v-1fa31d87] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.newton-box[data-v-1fa31d87] {
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.newton-formula[data-v-1fa31d87] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-size: 1.75rem;
  font-weight: 800;
  margin-bottom: 0.35rem;
}
.newton-formula .f[data-v-1fa31d87] { color: #FCD34D;
}
.newton-formula .eq[data-v-1fa31d87] { color: #FFFFFF;
}
.newton-formula .m[data-v-1fa31d87] { color: #93C5FD;
}
.newton-formula .dot[data-v-1fa31d87] { color: #FFFFFF;
}
.newton-formula .a[data-v-1fa31d87] { color: #FCA5A5;
}
.newton-texto[data-v-1fa31d87] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Colores temáticos */
strong.ac[data-v-1fa31d87] { color: #FCA5A5;
}
strong.fc[data-v-1fa31d87] { color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-1fa31d87] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 211, 77, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(252, 211, 77, 0.5);
  border-radius: 0.75rem;
}
.def-header[data-v-1fa31d87] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-1fa31d87] {
  font-size: 1.25rem;
}
.def-titulo[data-v-1fa31d87] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.def-texto[data-v-1fa31d87] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-1fa31d87] {
  color: #FFFFFF;
}

/* Ecuación principal */
.ecuacion-principal[data-v-1fa31d87] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 211, 77, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-1fa31d87] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.ecuacion-formula-grande[data-v-1fa31d87] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-fc[data-v-1fa31d87] { font-size: 1.6rem; font-weight: 800; color: #FCD34D;
}
.formula-igual[data-v-1fa31d87] { font-size: 1.4rem; color: #FFFFFF;
}
.formula-m[data-v-1fa31d87] { font-size: 1.6rem; font-weight: 800; color: #93C5FD; font-style: italic;
}
.formula-dot[data-v-1fa31d87] { font-size: 1.4rem; color: #FFFFFF;
}
.formula-ac[data-v-1fa31d87] { font-size: 1.6rem; font-weight: 800; color: #FCA5A5;
}
.ecuacion-derivadas[data-v-1fa31d87] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.derivada-item[data-v-1fa31d87] {
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.formula-derivada[data-v-1fa31d87] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.ecuacion-unidad[data-v-1fa31d87] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.unidad[data-v-1fa31d87] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Provee section */
.provee-section[data-v-1fa31d87] {
  margin: 1.5rem 0;
}
.provee-titulo[data-v-1fa31d87] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.provee-grid[data-v-1fa31d87] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.provee-item[data-v-1fa31d87] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.provee-icono[data-v-1fa31d87] {
  font-size: 1.5rem;
  min-width: 1.75rem;
  text-align: center;
}
.provee-contenido[data-v-1fa31d87] {
  display: flex;
  flex-direction: column;
}
.provee-ejemplo[data-v-1fa31d87] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.provee-fuerza[data-v-1fa31d87] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Warning box */
.warning-box[data-v-1fa31d87] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.warning-header[data-v-1fa31d87] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.warning-icono[data-v-1fa31d87] {
  font-size: 1.25rem;
}
.warning-titulo[data-v-1fa31d87] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.warning-texto[data-v-1fa31d87] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.warning-texto strong[data-v-1fa31d87] {
  color: #FFFFFF;
}

/* Diagrama section */
.diagrama-section[data-v-1fa31d87] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-1fa31d87] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.diagrama-visual[data-v-1fa31d87] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.auto-curva[data-v-1fa31d87] {
  position: relative;
  width: 160px;
  height: 120px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px dashed rgba(139, 92, 246, 0.4);
}
.auto[data-v-1fa31d87] {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
}
.flecha[data-v-1fa31d87] {
  position: absolute;
}
.flecha-label[data-v-1fa31d87] {
  font-size: 0.75rem;
  font-weight: 700;
}
.flecha.peso[data-v-1fa31d87] {
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 30px;
  background: #FCD34D;
}
.flecha.peso .flecha-label[data-v-1fa31d87] {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  color: #FCD34D;
}
.flecha.normal[data-v-1fa31d87] {
  bottom: 60%;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 30px;
  background: #6EE7B7;
}
.flecha.normal .flecha-label[data-v-1fa31d87] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  color: #6EE7B7;
}
.flecha.friccion[data-v-1fa31d87] {
  top: 50%;
  left: 30%;
  transform: translateY(-50%);
  width: 35px;
  height: 3px;
  background: #FCA5A5;
}
.flecha.friccion[data-v-1fa31d87]::after {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-right: 8px solid #FCA5A5;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.flecha.friccion .flecha-label[data-v-1fa31d87] {
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #FCA5A5;
}
.centro-curva[data-v-1fa31d87] {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.centro-label[data-v-1fa31d87] {
  font-size: 0.6rem;
  color: #C4B5FD;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.diagrama-ecuacion[data-v-1fa31d87] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.eq-label[data-v-1fa31d87] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 700;
}
.eq-valor[data-v-1fa31d87] {
  font-size: 0.9rem;
  color: #FCA5A5;
  font-family: 'Times New Roman', serif;
}

/* Tip */
.tip[data-v-1fa31d87] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1fa31d87] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1fa31d87] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1fa31d87] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.provee-grid[data-v-1fa31d87] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-e74ace22] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.curva-box[data-v-e74ace22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0.75rem;
}
.curva-icono[data-v-e74ace22] {
  font-size: 2rem;
}
.curva-texto[data-v-e74ace22] {
  font-size: 0.95rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Colores temáticos */
strong.fc[data-v-e74ace22] { color: #FCD34D;
}
strong.friccion[data-v-e74ace22] { color: #FCA5A5;
}
strong.normal[data-v-e74ace22] { color: #6EE7B7;
}

/* Tipo curva section */
.tipo-curva-section[data-v-e74ace22] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tipo-header[data-v-e74ace22] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-header.plana[data-v-e74ace22] { border-color: rgba(252, 165, 165, 0.4);
}
.tipo-header.peraltada[data-v-e74ace22] { border-color: rgba(110, 231, 183, 0.4);
}
.tipo-icono[data-v-e74ace22] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-e74ace22] {
  font-weight: 700;
  font-size: 1rem;
}
.tipo-header.plana .tipo-titulo[data-v-e74ace22] { color: #FCA5A5;
}
.tipo-header.peraltada .tipo-titulo[data-v-e74ace22] { color: #6EE7B7;
}

/* Diagrama curva */
.diagrama-curva[data-v-e74ace22] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.diagrama-visual[data-v-e74ace22] {
  position: relative;
  width: 180px;
  height: 120px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Curva plana */
.diagrama-visual.plana .auto-icon[data-v-e74ace22] {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.75rem;
}
.suelo-plano[data-v-e74ace22] {
  position: absolute;
  bottom: 20px;
  left: 10%;
  width: 80%;
  height: 3px;
  background: #8B5CF6;
}
.flecha-n-plana[data-v-e74ace22] {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 30px;
  background: #6EE7B7;
}
.flecha-n-plana .fl-label[data-v-e74ace22] {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 700;
}
.flecha-p-plana[data-v-e74ace22] {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 30px;
  background: #FCD34D;
}
.flecha-p-plana .fl-label[data-v-e74ace22] {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 700;
}
.flecha-f-plana[data-v-e74ace22] {
  position: absolute;
  top: 45%;
  left: 25%;
  transform: translateY(-50%);
  width: 30px;
  height: 3px;
  background: #FCA5A5;
}
.flecha-f-plana[data-v-e74ace22]::after {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-right: 8px solid #FCA5A5;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.flecha-f-plana .fl-label[data-v-e74ace22] {
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: #FCA5A5;
  font-weight: 700;
}
.centro-marker[data-v-e74ace22] {
  position: absolute;
  top: 45%;
  left: 5px;
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Curva peraltada */
.diagrama-visual.peraltada[data-v-e74ace22] {
  overflow: hidden;
}
.auto-icon-peralte[data-v-e74ace22] {
  position: absolute;
  top: 35%;
  left: 55%;
  transform: translate(-50%, -50%) rotate(-20deg);
  font-size: 1.75rem;
}
.suelo-peraltado[data-v-e74ace22] {
  position: absolute;
  bottom: 15px;
  left: 10%;
  width: 80%;
  height: 3px;
  background: #8B5CF6;
  transform: rotate(-20deg);
  transform-origin: left center;
}
.flecha-n-peralte[data-v-e74ace22] {
  position: absolute;
  top: 20%;
  left: 55%;
  width: 3px;
  height: 35px;
  background: #6EE7B7;
  transform: rotate(-20deg);
  transform-origin: bottom center;
}
.flecha-n-peralte .fl-label[data-v-e74ace22] {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(20deg);
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 700;
}
.flecha-nx[data-v-e74ace22] {
  position: absolute;
  top: 38%;
  left: 30%;
  width: 25px;
  height: 3px;
  background: #93C5FD;
}
.flecha-nx[data-v-e74ace22]::after {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-right: 8px solid #93C5FD;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.flecha-nx .fl-label[data-v-e74ace22] {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.6rem;
  color: #93C5FD;
  font-weight: 700;
  white-space: nowrap;
}
.flecha-p-peralte[data-v-e74ace22] {
  position: absolute;
  bottom: 15%;
  left: 55%;
  transform: translateX(-50%);
  width: 3px;
  height: 30px;
  background: #FCD34D;
}
.flecha-p-peralte .fl-label[data-v-e74ace22] {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 700;
}
.angulo-theta[data-v-e74ace22] {
  position: absolute;
  bottom: 22px;
  left: 12%;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.centro-marker-peralte[data-v-e74ace22] {
  position: absolute;
  top: 40%;
  left: 5px;
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Ecuaciones curva */
.ecuacion-curva[data-v-e74ace22] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.eq-item[data-v-e74ace22] {
  text-align: center;
}
.eq-explicacion[data-v-e74ace22] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.eq-formula[data-v-e74ace22] {
  text-align: center;
}
.eq-formula .formula[data-v-e74ace22] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.eq-resultado[data-v-e74ace22] {
  text-align: center;
  margin-top: 0.25rem;
}
.formula-destacada[data-v-e74ace22] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  padding: 0.35rem 0.6rem;
  background: rgba(252, 211, 77, 0.15);
  border-radius: 0.35rem;
}

/* Info curva */
.info-curva[data-v-e74ace22] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.info-curva.positivo[data-v-e74ace22] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.info-icono[data-v-e74ace22] {
  font-size: 1rem;
}
.info-texto[data-v-e74ace22] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Comparación */
.comparacion-section[data-v-e74ace22] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-e74ace22] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comparacion-grid[data-v-e74ace22] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-e74ace22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-tipo[data-v-e74ace22] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.comp-tipo.plana[data-v-e74ace22] { color: #FCA5A5;
}
.comp-tipo.peraltada[data-v-e74ace22] { color: #6EE7B7;
}
.comp-fc[data-v-e74ace22] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.comp-limite[data-v-e74ace22] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-e74ace22] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-e74ace22] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-e74ace22] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-e74ace22] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-e74ace22] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-e74ace22] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sol-paso[data-v-e74ace22] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.sol-label[data-v-e74ace22] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-valor[data-v-e74ace22] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-e74ace22] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.35rem;
}
.sol-valor.resultado[data-v-e74ace22] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tip */
.tip[data-v-e74ace22] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e74ace22] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e74ace22] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e74ace22] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-visual[data-v-e74ace22] {
    width: 220px;
    height: 140px;
}
}

.simulador[data-v-7e08b9cb] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-7e08b9cb] {
  position: relative;
  width: 100%;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.motion-canvas[data-v-7e08b9cb] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-7e08b9cb] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.indicador[data-v-7e08b9cb] {
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.ind-label[data-v-7e08b9cb] {
  color: #C4B5FD;
}
.ind-valor[data-v-7e08b9cb] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Panel de datos */
.datos-panel[data-v-7e08b9cb] {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-7e08b9cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dato-label[data-v-7e08b9cb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-7e08b9cb] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.accel[data-v-7e08b9cb] {
  color: #FCA5A5;
}
.dato-valor.fuerza[data-v-7e08b9cb] {
  color: #FCD34D;
}

/* Panel de control */
.controles-panel[data-v-7e08b9cb] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-7e08b9cb] {
  margin-bottom: 0.75rem;
}
.control-header[data-v-7e08b9cb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-7e08b9cb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-7e08b9cb] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-7e08b9cb] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider-masa[data-v-7e08b9cb]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #93C5FD;
  cursor: pointer;
}
.slider-velocidad[data-v-7e08b9cb]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
}
.slider-radio[data-v-7e08b9cb]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider-masa[data-v-7e08b9cb]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #93C5FD;
  cursor: pointer;
  border: none;
}
.slider-velocidad[data-v-7e08b9cb]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
  border: none;
}
.slider-radio[data-v-7e08b9cb]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-7e08b9cb] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.botones-control[data-v-7e08b9cb] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-7e08b9cb] {
  flex: 1;
  padding: 0.6rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-7e08b9cb] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación info */
.ecuacion-info[data-v-7e08b9cb] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-titulo[data-v-7e08b9cb] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.ecuaciones-grid[data-v-7e08b9cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ecuacion-item[data-v-7e08b9cb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.eq-label[data-v-7e08b9cb] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.eq-valor[data-v-7e08b9cb] {
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.eq-valor strong[data-v-7e08b9cb] {
  color: #6EE7B7;
}

/* Panel de desafíos */
.desafios-panel[data-v-7e08b9cb] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-7e08b9cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-7e08b9cb] {
  font-size: 1rem;
}
.desafios-titulo[data-v-7e08b9cb] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-7e08b9cb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-7e08b9cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-7e08b9cb] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-7e08b9cb] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-7e08b9cb] {
  color: #6EE7B7;
}
.desafio-texto[data-v-7e08b9cb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-7e08b9cb] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-7e08b9cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7e08b9cb] {
  font-size: 1.5rem;
}
.completado-texto[data-v-7e08b9cb] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.canvas-container[data-v-7e08b9cb] {
    height: 250px;
}
.ecuaciones-grid[data-v-7e08b9cb] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Header resumen */
.resumen-header[data-v-13a06ba4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-13a06ba4] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-13a06ba4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(252, 165, 165, 0.1);
  border: 2px solid rgba(252, 165, 165, 0.4);
  border-radius: 0.75rem;
}
.concepto-header[data-v-13a06ba4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-13a06ba4] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
}
.concepto-texto[data-v-13a06ba4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-13a06ba4] {
  color: #FFFFFF;
}
strong.centro[data-v-13a06ba4] {
  color: #FCA5A5;
}

/* Fórmulas */
.formulas-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-13a06ba4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-13a06ba4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
  text-align: center;
}
.formula-ecuacion[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.formula-principal[data-v-13a06ba4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-alt[data-v-13a06ba4] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.formula-unidad[data-v-13a06ba4] {
  font-size: 0.7rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
}

/* Curvas */
.curvas-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
}
.curvas-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.curvas-grid[data-v-13a06ba4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.curva-card[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.curva-card.plana[data-v-13a06ba4] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.curva-card.peraltada[data-v-13a06ba4] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.curva-tipo[data-v-13a06ba4] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.curva-card.plana .curva-tipo[data-v-13a06ba4] { color: #FCA5A5;
}
.curva-card.peraltada .curva-tipo[data-v-13a06ba4] { color: #6EE7B7;
}
.curva-formula[data-v-13a06ba4] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.curva-vmax[data-v-13a06ba4] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-top: 0.15rem;
}

/* Puntos clave */
.puntos-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.puntos-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.puntos-lista[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-13a06ba4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-check[data-v-13a06ba4] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 1rem;
}
.punto-texto[data-v-13a06ba4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-13a06ba4] {
  color: #FFFFFF;
}

/* Fuentes de Fc */
.fuentes-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
}
.fuentes-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.fuentes-grid[data-v-13a06ba4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.fuente-item[data-v-13a06ba4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.fuente-emoji[data-v-13a06ba4] {
  font-size: 1rem;
}
.fuente-texto[data-v-13a06ba4] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Estrategia */
.estrategia-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pasos-estrategia[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-13a06ba4] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-13a06ba4] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCD34D;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #000;
  flex-shrink: 0;
}
.paso-texto[data-v-13a06ba4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Errores */
.errores-section[data-v-13a06ba4] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-13a06ba4] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-13a06ba4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-13a06ba4] {
  font-size: 0.9rem;
  min-width: 1rem;
}
.error-texto[data-v-13a06ba4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-13a06ba4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-13a06ba4] {
  font-size: 2rem;
}
.final-contenido[data-v-13a06ba4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-13a06ba4] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.final-texto[data-v-13a06ba4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-13a06ba4] {
    gap: 1rem;
}
.formula-principal[data-v-13a06ba4] {
    font-size: 1.2rem;
}
.fuentes-grid[data-v-13a06ba4] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-34068e00] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-grande[data-v-34068e00] {
  font-size: 2.5rem;
}

/* Text colors */
strong.verde[data-v-34068e00] {
  color: #6EE7B7;
}
strong.amarillo[data-v-34068e00] {
  color: #FCD34D;
}
strong.azul[data-v-34068e00] {
  color: #93C5FD;
}

/* Tipos de gráficos */
.tipos-graficos[data-v-34068e00] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-34068e00] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-34068e00] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-34068e00] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.tipo-card.xt[data-v-34068e00] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-card.vt[data-v-34068e00] {
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.4);
}
.tipo-header[data-v-34068e00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-34068e00] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-34068e00] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-simbolo[data-v-34068e00] {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.tipo-card.xt .tipo-simbolo[data-v-34068e00] {
  color: #6EE7B7;
}
.tipo-card.vt .tipo-simbolo[data-v-34068e00] {
  color: #93C5FD;
}
.tipo-pregunta[data-v-34068e00] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Info section */
.info-section[data-v-34068e00] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.info-titulo[data-v-34068e00] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.info-lista[data-v-34068e00] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-item[data-v-34068e00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.info-check[data-v-34068e00] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}
.info-texto[data-v-34068e00] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.info-texto strong[data-v-34068e00] {
  color: #FFFFFF;
}

/* Movimientos section */
.movimientos-section[data-v-34068e00] {
  margin: 1.5rem 0;
}
.movimientos-titulo[data-v-34068e00] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.movimientos-grid[data-v-34068e00] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.movimiento-item[data-v-34068e00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.mini-grafico[data-v-34068e00] {
  width: 60px;
  height: 45px;
  margin-bottom: 0.25rem;
}
.movimiento-label[data-v-34068e00] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.movimiento-desc[data-v-34068e00] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-34068e00] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-34068e00] {
  font-size: 1.25rem;
}
.tip-texto[data-v-34068e00] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-34068e00] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icono-grande[data-v-34068e00] {
    font-size: 3rem;
}
.tipo-nombre[data-v-34068e00] {
    font-size: 0.85rem;
}
.mini-grafico[data-v-34068e00] {
    width: 80px;
    height: 60px;
}
.movimiento-label[data-v-34068e00] {
    font-size: 0.85rem;
}
}

/* Text colors */
strong.verde[data-v-5054cfc1] { color: #6EE7B7;
}
strong.amarillo[data-v-5054cfc1] { color: #FCD34D;
}
strong.azul[data-v-5054cfc1] { color: #93C5FD;
}

/* Gráfico principal */
.grafico-principal[data-v-5054cfc1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-5054cfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grafico-contenedor[data-v-5054cfc1] {
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.grafico-svg[data-v-5054cfc1] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Concepto box */
.concepto-box[data-v-5054cfc1] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.concepto-box.pendiente[data-v-5054cfc1] {
  background: rgba(252, 211, 77, 0.1);
  border: 2px solid rgba(252, 211, 77, 0.4);
}
.concepto-header[data-v-5054cfc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-5054cfc1] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-5054cfc1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.concepto-contenido[data-v-5054cfc1] {
  text-align: center;
}
.formula-grande[data-v-5054cfc1] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.fraccion[data-v-5054cfc1] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.9em;
  line-height: 1.2;
  margin: 0 0.25rem;
}
.fraccion .num[data-v-5054cfc1] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 2px;
  color: #FCD34D;
}
.fraccion .den[data-v-5054cfc1] {
  padding-top: 2px;
  color: #FCD34D;
}
.concepto-explicacion[data-v-5054cfc1] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
}

/* Casos section */
.casos-section[data-v-5054cfc1] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-5054cfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-5054cfc1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso-item[data-v-5054cfc1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-grafico[data-v-5054cfc1] {
  width: 55px;
  height: 40px;
  margin-bottom: 0.35rem;
}
.caso-info[data-v-5054cfc1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.caso-nombre[data-v-5054cfc1] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-nombre.positivo[data-v-5054cfc1] { color: #6EE7B7;
}
.caso-nombre.negativo[data-v-5054cfc1] { color: #FCA5A5;
}
.caso-significa[data-v-5054cfc1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ecuación section */
.ecuacion-section[data-v-5054cfc1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.ecuacion-titulo[data-v-5054cfc1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ecuacion-formula[data-v-5054cfc1] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.ecuacion-partes[data-v-5054cfc1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5054cfc1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5054cfc1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5054cfc1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5054cfc1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-5054cfc1] {
    max-width: 400px;
}
.caso-grafico[data-v-5054cfc1] {
    width: 70px;
    height: 50px;
}
.caso-nombre[data-v-5054cfc1] {
    font-size: 0.8rem;
}
.caso-significa[data-v-5054cfc1] {
    font-size: 0.75rem;
}
}

/* Text colors */
strong.verde[data-v-bb7086b4] { color: #6EE7B7;
}
strong.amarillo[data-v-bb7086b4] { color: #FCD34D;
}
strong.azul[data-v-bb7086b4] { color: #93C5FD;
}
strong.rojo[data-v-bb7086b4] { color: #FCA5A5;
}

/* Gráfico principal */
.grafico-principal[data-v-bb7086b4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-bb7086b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grafico-contenedor[data-v-bb7086b4] {
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.grafico-svg[data-v-bb7086b4] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Concepto box */
.concepto-box[data-v-bb7086b4] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.concepto-box.area[data-v-bb7086b4] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.concepto-header[data-v-bb7086b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-bb7086b4] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-bb7086b4] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.concepto-contenido[data-v-bb7086b4] {
  text-align: center;
}
.formula-grande[data-v-bb7086b4] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.concepto-explicacion[data-v-bb7086b4] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
}

/* Comparación section */
.comparacion-section[data-v-bb7086b4] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-bb7086b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-bb7086b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comparacion-item[data-v-bb7086b4] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.comparacion-item.mru[data-v-bb7086b4] {
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.4);
}
.comparacion-item.mrua[data-v-bb7086b4] {
  background: rgba(110, 231, 183, 0.1);
  border: 2px solid rgba(110, 231, 183, 0.4);
}
.comp-grafico[data-v-bb7086b4] {
  width: 80px;
  height: 55px;
  margin: 0 auto 0.5rem;
}
.comp-info[data-v-bb7086b4] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.comp-tipo[data-v-bb7086b4] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.comp-forma[data-v-bb7086b4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-accel[data-v-bb7086b4] {
  font-size: 0.75rem;
  font-weight: 600;
}
.comparacion-item.mru .comp-accel[data-v-bb7086b4] { color: #93C5FD;
}
.comparacion-item.mrua .comp-accel[data-v-bb7086b4] { color: #6EE7B7;
}

/* Pendiente section */
.pendiente-section[data-v-bb7086b4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.pendiente-titulo[data-v-bb7086b4] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.pendiente-formula[data-v-bb7086b4] {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.fraccion[data-v-bb7086b4] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.85em;
  line-height: 1.2;
  margin: 0 0.25rem;
}
.fraccion .num[data-v-bb7086b4] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 2px;
  color: #FCD34D;
}
.fraccion .den[data-v-bb7086b4] {
  padding-top: 2px;
  color: #FCD34D;
}
.pendiente-casos[data-v-bb7086b4] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.pendiente-caso[data-v-bb7086b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.caso-visual[data-v-bb7086b4] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #C4B5FD;
}
.caso-visual.positiva[data-v-bb7086b4] { color: #6EE7B7;
}
.caso-visual.negativa[data-v-bb7086b4] { color: #FCA5A5;
}
.caso-desc[data-v-bb7086b4] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Resumen section */
.resumen-section[data-v-bb7086b4] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-bb7086b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-bb7086b4] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.resumen-fila[data-v-bb7086b4] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
}
.resumen-fila.header[data-v-bb7086b4] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resumen-fila[data-v-bb7086b4]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.resumen-col[data-v-bb7086b4] {
  text-align: center;
  font-size: 0.75rem;
}
.resumen-col.tipo[data-v-bb7086b4] {
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-col.valor[data-v-bb7086b4] {
  color: #E9D5FF;
}
.resumen-col.valor.verde[data-v-bb7086b4] { color: #6EE7B7; font-weight: 600;
}
.resumen-col.valor.amarillo[data-v-bb7086b4] { color: #FCD34D; font-weight: 600;
}

/* Tip */
.tip[data-v-bb7086b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bb7086b4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bb7086b4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bb7086b4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-bb7086b4] {
    max-width: 400px;
}
.comp-grafico[data-v-bb7086b4] {
    width: 100px;
    height: 70px;
}
.comp-forma[data-v-bb7086b4] {
    font-size: 0.8rem;
}
.resumen-col[data-v-bb7086b4] {
    font-size: 0.85rem;
}
}

.simulador[data-v-513d718d] {
  width: 100%;
}
.canvas-container[data-v-513d718d] {
  position: relative;
  width: 100%;
  height: 120px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.motion-canvas[data-v-513d718d] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-513d718d] {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.indicador[data-v-513d718d] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.ind-label[data-v-513d718d] { color: #C4B5FD;
}
.ind-valor[data-v-513d718d] { color: #6EE7B7; font-weight: 700;
}

/* Gráficos */
.graficos-container[data-v-513d718d] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-panel[data-v-513d718d] {
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.35rem;
}
.grafico-label[data-v-513d718d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.grafico-canvas[data-v-513d718d] {
  width: 100%;
  height: 80px;
}

/* Controles */
.controles-panel[data-v-513d718d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.tipo-selector[data-v-513d718d] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-btn[data-v-513d718d] {
  flex: 1;
  padding: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  color: #C4B5FD;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.tipo-btn.activo[data-v-513d718d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.control-group[data-v-513d718d] {
  margin-bottom: 0.75rem;
}
.control-header[data-v-513d718d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-513d718d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-513d718d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.control-value.negativa[data-v-513d718d] {
  color: #FCA5A5;
}
.slider[data-v-513d718d] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-513d718d]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider[data-v-513d718d]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.botones-control[data-v-513d718d] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-513d718d] {
  flex: 1;
  padding: 0.55rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-513d718d] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación */
.ecuacion-display[data-v-513d718d] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.ecuacion-label[data-v-513d718d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ecuacion-text[data-v-513d718d] {
  font-size: 1rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}

/* Desafíos */
.desafios-panel[data-v-513d718d] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-513d718d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-513d718d] { font-size: 1rem;
}
.desafios-titulo[data-v-513d718d] { font-weight: 700; color: #FCD34D; font-size: 0.9rem; flex: 1;
}
.desafios-count[data-v-513d718d] { font-size: 0.8rem; color: #C4B5FD; font-weight: 600;
}
.desafios-lista[data-v-513d718d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-513d718d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-513d718d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-513d718d] {
  font-size: 0.85rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-513d718d] {
  color: #6EE7B7;
}
.desafio-texto[data-v-513d718d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Mensaje completado */
.mensaje-completado[data-v-513d718d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-513d718d] { font-size: 1.5rem;
}
.completado-texto[data-v-513d718d] { font-size: 0.95rem; font-weight: 700; color: #FFFFFF;
}

.ejercicios-container[data-v-e1849009] {
  width: 100%;
}

/* Progreso */
.progreso-bar[data-v-e1849009] {
  position: relative;
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.progreso-fill[data-v-e1849009] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #10B981, #6EE7B7);
  border-radius: 12px;
  transition: width 0.5s ease;
}
.progreso-texto[data-v-e1849009] {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  z-index: 1;
}

/* Ejercicio card */
.ejercicio-card[data-v-e1849009] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.ejercicio-header[data-v-e1849009] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.ejercicio-numero[data-v-e1849009] {
  padding: 0.25rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.ejercicio-tema[data-v-e1849009] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Gráfico ejercicio */
.grafico-ejercicio[data-v-e1849009] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.grafico-svg[data-v-e1849009] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Pregunta box */
.pregunta-box[data-v-e1849009] {
  text-align: center;
}
.pregunta-texto[data-v-e1849009] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.pregunta-texto strong[data-v-e1849009] {
  color: #FFFFFF;
}
.formula-hint[data-v-e1849009] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.respuesta-input[data-v-e1849009] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.input-respuesta[data-v-e1849009] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-e1849009] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-e1849009] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.unidad[data-v-e1849009] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-weight: 600;
}
.btn-verificar[data-v-e1849009] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-e1849009]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-e1849009] {
  padding: 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-e1849009] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Navegación */
.navegacion[data-v-e1849009] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.nav-spacer[data-v-e1849009] { flex: 1;
}
.nav-btn[data-v-e1849009] {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.nav-btn.next[data-v-e1849009] {
  background: #8B5CF6;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e1849009] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e1849009] { font-size: 1.5rem;
}
.completado-texto[data-v-e1849009] { font-size: 0.95rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e1849009], .slide-leave-active[data-v-e1849009] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e1849009] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e1849009] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-e1849009] {
    max-width: 320px;
}
}

/* Intro */
.resumen-intro[data-v-7314537f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.intro-icono[data-v-7314537f] {
  font-size: 2rem;
}
.intro-texto[data-v-7314537f] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tabla resumen */
.tabla-resumen[data-v-7314537f] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-7314537f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-grid[data-v-7314537f] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-7314537f], .tabla-fila[data-v-7314537f] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0.25rem;
}
.tabla-header[data-v-7314537f] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-fila[data-v-7314537f] {
  background: rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col[data-v-7314537f] {
  padding: 0.5rem 0.35rem;
  text-align: center;
  font-size: 0.7rem;
}
.header-tipo[data-v-7314537f] {
  font-weight: 700;
  color: #C4B5FD;
}
.row-label[data-v-7314537f] {
  text-align: left;
  color: #E9D5FF;
}
.row-label strong[data-v-7314537f] {
  color: #FFFFFF;
}
.valor[data-v-7314537f] {
  color: #E9D5FF;
}
.valor.verde[data-v-7314537f] { color: #6EE7B7; font-weight: 700;
}
.valor.amarillo[data-v-7314537f] { color: #FCD34D; font-weight: 700;
}
.valor.gris[data-v-7314537f] { color: #6B7280;
}

/* Fórmulas section */
.formulas-section[data-v-7314537f] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-7314537f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-7314537f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-7314537f] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-7314537f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-7314537f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.frac[data-v-7314537f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.8em;
  line-height: 1.1;
}
.frac .num[data-v-7314537f] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 1px;
}
.frac .den[data-v-7314537f] {
  padding-top: 1px;
}

/* Interpretación section */
.interpretacion-section[data-v-7314537f] {
  margin-bottom: 1.5rem;
}
.interpretacion-titulo[data-v-7314537f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interpretacion-grid[data-v-7314537f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.interp-item[data-v-7314537f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.interp-grafico[data-v-7314537f] {
  width: 40px;
  height: 32px;
  flex-shrink: 0;
}
.interp-desc[data-v-7314537f] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.interp-desc strong[data-v-7314537f] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-7314537f] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-7314537f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-7314537f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-7314537f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-7314537f] {
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCD34D;
  color: #1F2937;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.tip-texto[data-v-7314537f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-7314537f] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-7314537f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-7314537f] {
  font-size: 2rem;
}
.final-contenido[data-v-7314537f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-7314537f] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.final-texto[data-v-7314537f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.col[data-v-7314537f] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
.interpretacion-grid[data-v-7314537f] {
    grid-template-columns: repeat(4, 1fr);
}
.interp-item[data-v-7314537f] {
    flex-direction: column;
    text-align: center;
}
.interp-grafico[data-v-7314537f] {
    width: 50px;
    height: 40px;
}
}

/* Intro visual */
.intro-visual[data-v-5f66e6bf] {
  margin: 1rem 0 1.5rem;
}
.escena-fluido[data-v-5f66e6bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.contenedor-agua[data-v-5f66e6bf] {
  position: relative;
  width: 120px;
  height: 150px;
  border: 3px solid #6B7280;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}
.agua[data-v-5f66e6bf] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.7));
  animation: ondas-5f66e6bf 3s ease-in-out infinite;
}
@keyframes ondas-5f66e6bf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}
.particulas[data-v-5f66e6bf] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.particula[data-v-5f66e6bf] {
  font-size: 0.75rem;
  opacity: 0.6;
  animation: flotar-5f66e6bf 2s ease-in-out infinite;
}
@keyframes flotar-5f66e6bf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.flechas-presion[data-v-5f66e6bf] {
  position: absolute;
  right: -25px;
  top: 20%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flecha[data-v-5f66e6bf] {
  color: #F59E0B;
  font-size: 1.2rem;
  font-weight: bold;
  animation: pulsar-5f66e6bf 1.5s ease-in-out infinite;
}
@keyframes pulsar-5f66e6bf {
0%, 100% { opacity: 0.5; transform: translateX(0);
}
50% { opacity: 1; transform: translateX(3px);
}
}
.etiqueta-estatico[data-v-5f66e6bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.etiqueta-estatico .icono[data-v-5f66e6bf] {
  font-size: 1rem;
}
.etiqueta-estatico .texto[data-v-5f66e6bf] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Colores temáticos */
strong.fluido[data-v-5f66e6bf] { color: #93C5FD;
}
strong.liquido[data-v-5f66e6bf] { color: #3B82F6;
}
strong.gas[data-v-5f66e6bf] { color: #A78BFA;
}
strong.negativo[data-v-5f66e6bf] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-5f66e6bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-5f66e6bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-5f66e6bf] {
  font-size: 1.25rem;
}
.def-titulo[data-v-5f66e6bf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-5f66e6bf] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-5f66e6bf] {
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-5f66e6bf] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-5f66e6bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-5f66e6bf] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 480px) {
.conceptos-grid[data-v-5f66e6bf] {
    grid-template-columns: repeat(2, 1fr);
}
}
.concepto-item[data-v-5f66e6bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.con-icono[data-v-5f66e6bf] {
  font-size: 1.5rem;
}
.con-contenido[data-v-5f66e6bf] {
  display: flex;
  flex-direction: column;
}
.con-titulo[data-v-5f66e6bf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.con-formula[data-v-5f66e6bf] {
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin: 0.25rem 0;
}
.con-desc[data-v-5f66e6bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Dato importante */
.dato-importante[data-v-5f66e6bf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.dato-header[data-v-5f66e6bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato-icono[data-v-5f66e6bf] {
  font-size: 1.25rem;
}
.dato-titulo[data-v-5f66e6bf] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.dato-valor[data-v-5f66e6bf] {
  font-size: 1.1rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-valor strong[data-v-5f66e6bf] {
  color: #6EE7B7;
}
.dato-nota[data-v-5f66e6bf] {
  margin: 0.5rem 0 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplos densidades */
.ejemplos-section[data-v-5f66e6bf] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-5f66e6bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.densidades-lista[data-v-5f66e6bf] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.densidad-item[data-v-5f66e6bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.densidad-item.destacado[data-v-5f66e6bf] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.dens-icono[data-v-5f66e6bf] {
  font-size: 1.1rem;
  width: 1.5rem;
  text-align: center;
}
.dens-nombre[data-v-5f66e6bf] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dens-valor[data-v-5f66e6bf] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: monospace;
}

/* Tip */
.tip[data-v-5f66e6bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5f66e6bf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5f66e6bf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5f66e6bf] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-252024d2] {
  margin: 1rem 0 1.5rem;
}
.demo-presion[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.mano[data-v-252024d2] {
  font-size: 2.5rem;
  animation: presionar-252024d2 2s ease-in-out infinite;
}
@keyframes presionar-252024d2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(10px);
}
}
.superficie[data-v-252024d2] {
  display: flex;
  gap: 1.5rem;
  margin-top: 0.5rem;
}
.area-pequena[data-v-252024d2], .area-grande[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 2px dashed;
}
.area-pequena[data-v-252024d2] {
  width: 60px;
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.1);
}
.area-grande[data-v-252024d2] {
  width: 100px;
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.etiqueta[data-v-252024d2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.presion[data-v-252024d2] {
  font-size: 0.7rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.presion.alta[data-v-252024d2] { color: #FCA5A5;
}
.presion.baja[data-v-252024d2] { color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-252024d2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.formula-header[data-v-252024d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-252024d2] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-252024d2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-contenido[data-v-252024d2] {
  text-align: center;
}
.formula-principal[data-v-252024d2] {
  font-size: 2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-donde[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
  padding-left: 1rem;
}
.formula-item[data-v-252024d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-item .var[data-v-252024d2] {
  color: #6EE7B7;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
}
.formula-item .unidad[data-v-252024d2] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Unidades */
.unidades-section[data-v-252024d2] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-252024d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.unidades-grid[data-v-252024d2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.unidad-item[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.unidad-item.principal[data-v-252024d2] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.uni-nombre[data-v-252024d2] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.uni-simbolo[data-v-252024d2] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-family: monospace;
}
.uni-nota[data-v-252024d2] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Presión atmosférica */
.atmosferica-box[data-v-252024d2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.atm-header[data-v-252024d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.atm-icono[data-v-252024d2] {
  font-size: 1.25rem;
}
.atm-titulo[data-v-252024d2] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.atm-contenido[data-v-252024d2] {
  text-align: center;
}
.atm-visual[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.columna-aire[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: linear-gradient(to bottom, rgba(147, 197, 253, 0.1), rgba(147, 197, 253, 0.3));
  border-radius: 0.5rem 0.5rem 0 0;
}
.aire-texto[data-v-252024d2] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.flecha-abajo[data-v-252024d2] {
  font-size: 1.5rem;
  color: #F59E0B;
  animation: bounce-252024d2 1s infinite;
}
@keyframes bounce-252024d2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
.superficie-tierra[data-v-252024d2] {
  font-size: 2rem;
}
.atm-valor[data-v-252024d2] {
  font-size: 1rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.atm-valor strong[data-v-252024d2] {
  color: #6EE7B7;
}
.atm-desc[data-v-252024d2] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-252024d2] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-252024d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-252024d2] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-252024d2] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-solucion[data-v-252024d2] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.paso-calculo[data-v-252024d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.paso-calculo.resultado[data-v-252024d2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-label[data-v-252024d2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 60px;
}
.paso-valor[data-v-252024d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-valor strong[data-v-252024d2] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-252024d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-252024d2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-252024d2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-252024d2] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-130715d4] {
  margin: 1rem 0 1.5rem;
}
.recipiente-profundidad[data-v-130715d4] {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.agua-container[data-v-130715d4] {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.agua[data-v-130715d4] {
  width: 180px;
  height: 160px;
  background: linear-gradient(to bottom, 
    rgba(59, 130, 246, 0.3) 0%, 
    rgba(59, 130, 246, 0.5) 50%, 
    rgba(59, 130, 246, 0.8) 100%);
  border: 3px solid #6B7280;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.nivel[data-v-130715d4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem;
}
.nivel-texto[data-v-130715d4] {
  font-size: 0.65rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.nivel-p[data-v-130715d4] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.nivel-p.alta[data-v-130715d4] {
  color: #FCA5A5;
}
.flecha-h[data-v-130715d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.5rem;
  height: 100%;
}
.h-texto[data-v-130715d4] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: 'Times New Roman', serif;
}
.linea-h[data-v-130715d4] {
  flex: 1;
  width: 3px;
  background: linear-gradient(to bottom, #FCD34D, #F59E0B);
  border-radius: 2px;
  margin-top: 0.25rem;
}

/* Colores temáticos */
strong.profundidad[data-v-130715d4] { color: #93C5FD;
}
strong.presion-hidro[data-v-130715d4] { color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-130715d4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.formula-header[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-130715d4] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-130715d4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-contenido[data-v-130715d4] {
  text-align: center;
}
.formula-principal[data-v-130715d4] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-donde[data-v-130715d4] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: flex-start;
  padding-left: 0.5rem;
}
.formula-item[data-v-130715d4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-item .var[data-v-130715d4] {
  color: #6EE7B7;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
}
.formula-item .unidad[data-v-130715d4] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Concepto clave */
.concepto-clave[data-v-130715d4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-130715d4] {
  font-size: 1rem;
}
.concepto-titulo[data-v-130715d4] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.concepto-texto[data-v-130715d4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Caso especial */
.caso-especial[data-v-130715d4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-header[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-icono[data-v-130715d4] {
  font-size: 1rem;
}
.caso-titulo[data-v-130715d4] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.caso-contenido[data-v-130715d4] {
  text-align: center;
}
.caso-texto[data-v-130715d4] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.caso-formula[data-v-130715d4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #6EE7B7;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  display: inline-block;
  font-family: 'Times New Roman', serif;
}
.caso-nota[data-v-130715d4] {
  margin: 0.5rem 0 0 0;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.caso-nota strong[data-v-130715d4] {
  color: #6EE7B7;
}

/* Ejemplo */
.ejemplo-section[data-v-130715d4] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-130715d4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-130715d4] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-130715d4] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-130715d4] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.paso-calculo[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.paso-calculo.resultado[data-v-130715d4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-label[data-v-130715d4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  min-width: 70px;
}
.paso-valor[data-v-130715d4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-valor strong[data-v-130715d4] {
  color: #6EE7B7;
}

/* Pascal box */
.pascal-box[data-v-130715d4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.pascal-header[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.pascal-icono[data-v-130715d4] {
  font-size: 1.25rem;
}
.pascal-titulo[data-v-130715d4] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.pascal-texto[data-v-130715d4] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-style: italic;
  line-height: 1.4;
}
.pascal-texto strong[data-v-130715d4] {
  color: #6EE7B7;
  font-style: normal;
}
.pascal-aplicacion[data-v-130715d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.app-emoji[data-v-130715d4] {
  font-size: 1.25rem;
}
.app-texto[data-v-130715d4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-130715d4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-130715d4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-130715d4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-130715d4] {
  color: #6EE7B7;
}

.simulador[data-v-3e17f56a] {
  width: 100%;
}

/* Visualización del recipiente */
.recipiente-visual[data-v-3e17f56a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.recipiente[data-v-3e17f56a] {
  position: relative;
  width: 140px;
  height: 200px;
  border: 3px solid #6B7280;
  border-top: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}
.fluido[data-v-3e17f56a] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: background-color 0.3s ease;
}
.marcador-profundidad[data-v-3e17f56a] {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  transition: top 0.3s ease;
  z-index: 10;
}
.linea-profundidad[data-v-3e17f56a] {
  flex: 1;
  height: 3px;
  background: #F59E0B;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.6);
}
.etiqueta-profundidad[data-v-3e17f56a] {
  position: absolute;
  left: 100%;
  margin-left: 0.5rem;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.3rem 0.5rem;
  border-radius: 0.35rem;
  white-space: nowrap;
}
.prof-h[data-v-3e17f56a] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.prof-p[data-v-3e17f56a] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.particulas[data-v-3e17f56a] {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.particula[data-v-3e17f56a] {
  position: absolute;
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.3);
  animation: flotar-3e17f56a 3s ease-in-out infinite;
}
@keyframes flotar-3e17f56a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.escala-lateral[data-v-3e17f56a] {
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.escala-marca[data-v-3e17f56a] {
  position: absolute;
  font-size: 0.6rem;
  color: #9CA3AF;
  transform: translateY(-50%);
}
.info-fluido[data-v-3e17f56a] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.fluido-nombre[data-v-3e17f56a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fluido-densidad[data-v-3e17f56a] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Panel de fórmula */
.formula-panel[data-v-3e17f56a] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-3e17f56a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-ecuacion[data-v-3e17f56a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.formula-valores[data-v-3e17f56a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula-resultado[data-v-3e17f56a] {
  font-size: 1rem;
  color: #E9D5FF;
}
.formula-resultado strong[data-v-3e17f56a] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-atm[data-v-3e17f56a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-left: 0.5rem;
}

/* Controles */
.controles-panel[data-v-3e17f56a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-3e17f56a] {
  margin-bottom: 1rem;
}
.control-group[data-v-3e17f56a]:last-child {
  margin-bottom: 0;
}
.control-header[data-v-3e17f56a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}
.control-label[data-v-3e17f56a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-3e17f56a] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-3e17f56a] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
}
.slider[data-v-3e17f56a]::-webkit-slider-thumb {
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(110, 231, 183, 0.5);
}
.slider[data-v-3e17f56a]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-3e17f56a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Selector de fluidos */
.fluidos-selector[data-v-3e17f56a] {
  display: flex;
  gap: 0.5rem;
}
.fluido-btn[data-v-3e17f56a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.fluido-btn.activo[data-v-3e17f56a] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}
.fluido-emoji[data-v-3e17f56a] {
  font-size: 1.25rem;
}
.fluido-label[data-v-3e17f56a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Desafíos */
.desafios-panel[data-v-3e17f56a] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-3e17f56a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-3e17f56a] {
  font-size: 1rem;
}
.desafios-titulo[data-v-3e17f56a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-3e17f56a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-3e17f56a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-3e17f56a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-3e17f56a] {
  font-size: 0.9rem;
  color: #A78BFA;
  width: 1rem;
  text-align: center;
}
.desafio-item.completado .desafio-check[data-v-3e17f56a] {
  color: #6EE7B7;
}
.desafio-texto[data-v-3e17f56a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-3e17f56a] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-3e17f56a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3e17f56a] {
  font-size: 1.5rem;
}
.completado-texto[data-v-3e17f56a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Header resumen */
.resumen-header[data-v-421cfa80] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-421cfa80] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-421cfa80] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmulas clave */
.formulas-clave[data-v-421cfa80] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.formula-card[data-v-421cfa80] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-card.principal[data-v-421cfa80] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
}
.formula-nombre[data-v-421cfa80] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.formula-eq[data-v-421cfa80] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.formula-card.principal .formula-eq[data-v-421cfa80] {
  font-size: 1.25rem;
}
.formula-unidad[data-v-421cfa80] {
  font-size: 0.75rem;
  color: #A78BFA;
}

/* Valores importantes */
.valores-section[data-v-421cfa80] {
  margin-bottom: 1.5rem;
}
.valores-titulo[data-v-421cfa80] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.valores-lista[data-v-421cfa80] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.valor-item[data-v-421cfa80] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.valor-item.destacado[data-v-421cfa80] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  grid-column: span 2;
  justify-content: center;
}
.valor-nombre[data-v-421cfa80] {
  color: #E9D5FF;
}
.valor-igual[data-v-421cfa80] {
  color: #8B5CF6;
}
.valor-num[data-v-421cfa80] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Reglas rápidas */
.reglas-section[data-v-421cfa80] {
  margin-bottom: 1.5rem;
}
.reglas-titulo[data-v-421cfa80] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.reglas-lista[data-v-421cfa80] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.regla-item[data-v-421cfa80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.regla-icono[data-v-421cfa80] {
  font-size: 1.1rem;
}
.regla-contenido[data-v-421cfa80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.regla-condicion[data-v-421cfa80] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-resultado[data-v-421cfa80] {
  font-size: 0.85rem;
  font-weight: 700;
}
.regla-resultado.flota[data-v-421cfa80] { color: #6EE7B7;
}
.regla-resultado.hunde[data-v-421cfa80] { color: #FCA5A5;
}
.regla-resultado.neutro[data-v-421cfa80] { color: #93C5FD;
}

/* Palabras clave */
.palabras-clave[data-v-421cfa80] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.pk-titulo[data-v-421cfa80] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pk-lista[data-v-421cfa80] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.pk-item[data-v-421cfa80] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Estrategia */
.estrategia-section[data-v-421cfa80] {
  margin-bottom: 1.5rem;
}
.estrategia-titulo[data-v-421cfa80] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.estrategia-pasos[data-v-421cfa80] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.est-paso[data-v-421cfa80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
}
.est-num[data-v-421cfa80] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.est-texto[data-v-421cfa80] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Errores comunes */
.errores-section[data-v-421cfa80] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-421cfa80] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-421cfa80] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-421cfa80] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.35rem;
}
.error-icono[data-v-421cfa80] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-421cfa80] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip final */
.tip-final[data-v-421cfa80] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.tip-emoji[data-v-421cfa80] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-421cfa80] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-421cfa80] {
  color: #6EE7B7;
}

/* Intro visual - Resorte */
.intro-visual[data-v-d50f4064] {
  margin: 1rem 0 1.5rem;
}
.escena-resorte[data-v-d50f4064] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  position: relative;
  min-height: 180px;
}
.soporte-superior[data-v-d50f4064] {
  width: 80px;
  height: 8px;
  background: #6B7280;
  border-radius: 4px;
  margin-bottom: 0.25rem;
}
.resorte[data-v-d50f4064] {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.5s ease;
}
.espiral[data-v-d50f4064] {
  width: 30px;
  height: 10px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  margin: -2px 0;
  transition: height 0.5s ease, margin 0.5s ease;
}
.resorte.estirado .espiral[data-v-d50f4064] {
  height: 18px;
  margin: 2px 0;
}
.masa-colgante[data-v-d50f4064] {
  margin-top: 0.25rem;
  transition: transform 0.5s ease;
}
.masa-colgante.bajando[data-v-d50f4064] {
  transform: translateY(30px);
}
.masa-emoji[data-v-d50f4064] {
  font-size: 2.5rem;
}
.flecha-fuerza[data-v-d50f4064] {
  position: absolute;
  right: 30%;
  top: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.flecha-fuerza.visible[data-v-d50f4064] {
  opacity: 1;
}
.flecha-fuerza[data-v-d50f4064]::before {
  content: '↓';
  font-size: 2rem;
  color: #FCA5A5;
  font-weight: bold;
}
.flecha-texto[data-v-d50f4064] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.frase-clave[data-v-d50f4064] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.fuerza[data-v-d50f4064] { color: #FCA5A5;
}
strong.deformacion[data-v-d50f4064] { color: #93C5FD;
}
strong.elastico[data-v-d50f4064] { color: #8B5CF6;
}
strong.proporcional[data-v-d50f4064] { color: #FCD34D;
}
strong.rigidez[data-v-d50f4064] { color: #FCD34D;
}
strong.negativo[data-v-d50f4064] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-d50f4064] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-d50f4064] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-d50f4064] {
  font-size: 1.25rem;
}
.def-titulo[data-v-d50f4064] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-d50f4064] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-d50f4064] {
  color: #FFFFFF;
}
.def-formula[data-v-d50f4064] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.1em;
}
.formula-leyenda[data-v-d50f4064] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Conceptos */
.conceptos-section[data-v-d50f4064] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-d50f4064] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-d50f4064] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.concepto-item[data-v-d50f4064] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-d50f4064] {
  font-size: 1.5rem;
  min-width: 1.5rem;
}
.concepto-contenido[data-v-d50f4064] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.concepto-titulo[data-v-d50f4064] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-desc[data-v-d50f4064] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-d50f4064] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-d50f4064] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-d50f4064] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-d50f4064] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-d50f4064] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-d50f4064] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d50f4064] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d50f4064] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d50f4064] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d50f4064] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-resorte[data-v-d50f4064] {
    padding: 2rem;
    min-height: 200px;
}
.masa-emoji[data-v-d50f4064] {
    font-size: 3rem;
}
.frase-clave[data-v-d50f4064] {
    font-size: 0.95rem;
}
.def-formula[data-v-d50f4064] {
    font-size: 1.75rem;
}
.conceptos-grid[data-v-d50f4064] {
    flex-direction: row;
    flex-wrap: wrap;
}
.concepto-item[data-v-d50f4064] {
    flex: 1;
    min-width: 200px;
}
}

/* Formula central */
.formula-central[data-v-8a1738df] {
  text-align: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin: 1rem 0 1.5rem;
}
.formula-grande[data-v-8a1738df] {
  font-size: 2.5rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
}
.var[data-v-8a1738df] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.var.fuerza[data-v-8a1738df] { color: #FCA5A5;
}
.var.constante[data-v-8a1738df] { color: #FCD34D;
}
.var.deformacion[data-v-8a1738df] { color: #93C5FD;
}
.igual[data-v-8a1738df], .punto[data-v-8a1738df] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.formula-unidades[data-v-8a1738df] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Colores temáticos para strong */
strong.fuerza[data-v-8a1738df] { color: #FCA5A5;
}
strong.constante[data-v-8a1738df] { color: #FCD34D;
}
strong.deformacion[data-v-8a1738df] { color: #93C5FD;
}
strong.suave[data-v-8a1738df] { color: #6EE7B7;
}
strong.rigido[data-v-8a1738df] { color: #FCA5A5;
}

/* Ecuaciones */
.ecuaciones-section[data-v-8a1738df] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-8a1738df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuaciones-grid[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecuacion-card[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ec-formula[data-v-8a1738df] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.ec-uso[data-v-8a1738df] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ec-ejemplo[data-v-8a1738df] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Unidades */
.unidades-section[data-v-8a1738df] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-8a1738df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.unidades-tabla[data-v-8a1738df] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.unidad-row[data-v-8a1738df] {
  display: grid;
  grid-template-columns: 1.2fr 0.6fr 0.8fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.unidad-row[data-v-8a1738df]:last-child {
  border-bottom: none;
}
.unidad-row.header[data-v-8a1738df] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.u-var[data-v-8a1738df], .u-simbolo[data-v-8a1738df], .u-unidad[data-v-8a1738df] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.u-var.fuerza[data-v-8a1738df] { color: #FCA5A5;
}
.u-var.constante[data-v-8a1738df] { color: #FCD34D;
}
.u-var.deformacion[data-v-8a1738df] { color: #93C5FD;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-8a1738df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-8a1738df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-8a1738df] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-8a1738df] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-8a1738df] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.ejemplo-solucion[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-8a1738df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-8a1738df] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-8a1738df] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-8a1738df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.res-label[data-v-8a1738df] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.res-valor[data-v-8a1738df] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Dinamómetro */
.dinamometro-box[data-v-8a1738df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.dina-header[data-v-8a1738df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dina-icono[data-v-8a1738df] {
  font-size: 1.1rem;
}
.dina-titulo[data-v-8a1738df] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.dina-visual[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.dina-dibujo[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dina-tubo[data-v-8a1738df] {
  width: 40px;
  height: 100px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #6B7280;
  border-radius: 0.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dina-escala[data-v-8a1738df] {
  position: absolute;
  left: -25px;
  top: 5px;
  bottom: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.dina-resorte[data-v-8a1738df] {
  width: 20px;
  height: 60px;
  background: repeating-linear-gradient(
    to bottom,
    #8B5CF6 0px,
    #8B5CF6 4px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 2px;
}
.dina-gancho[data-v-8a1738df] {
  font-size: 1.5rem;
  margin-top: -0.25rem;
}
.dina-desc[data-v-8a1738df] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.5;
}

/* Comparación de resortes */
.comparacion-section[data-v-8a1738df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-8a1738df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comp-visual[data-v-8a1738df] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 0.75rem;
}
.resorte-comp[data-v-8a1738df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.comp-label[data-v-8a1738df] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.comp-resorte[data-v-8a1738df] {
  width: 30px;
  height: 60px;
  background: repeating-linear-gradient(
    to bottom,
    #8B5CF6 0px,
    #8B5CF6 3px,
    transparent 3px,
    transparent 6px
  );
  border-radius: 4px;
}
.comp-resorte.suave[data-v-8a1738df] {
  height: 80px;
}
.comp-resorte.rigido[data-v-8a1738df] {
  height: 40px;
}
.comp-desc[data-v-8a1738df] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.comp-nota[data-v-8a1738df] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tip */
.tip[data-v-8a1738df] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-8a1738df] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8a1738df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a1738df] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-8a1738df] {
    font-size: 3rem;
}
.ecuaciones-grid[data-v-8a1738df] {
    flex-direction: row;
}
.ecuacion-card[data-v-8a1738df] {
    flex: 1;
}
.dina-visual[data-v-8a1738df] {
    flex-direction: row;
    gap: 1.5rem;
}
.dina-desc[data-v-8a1738df] {
    text-align: left;
    max-width: 300px;
}
}

.explorador[data-v-5309a86d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5309a86d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5309a86d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5309a86d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5309a86d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5309a86d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5309a86d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5309a86d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5309a86d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5309a86d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador de Resorte ===== */
.simulador-resorte[data-v-5309a86d] {
  text-align: center;
}
.canvas-resorte[data-v-5309a86d] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  min-height: 200px;
}
.soporte-top[data-v-5309a86d] {
  width: 60px;
  height: 8px;
  background: #6B7280;
  border-radius: 4px;
}
.resorte-visual[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  transition: height 0.3s ease;
}
.espira[data-v-5309a86d] {
  width: 35px;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  margin: -3px 0;
  transition: height 0.3s ease;
  box-sizing: border-box;
}
.masa-visual[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.25rem;
}
.masa-icono[data-v-5309a86d] {
  font-size: 2rem;
}
.masa-valor[data-v-5309a86d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
  background: rgba(252, 165, 165, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.regla-lateral[data-v-5309a86d] {
  position: absolute;
  left: 15px;
  top: 25px;
  bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.marca[data-v-5309a86d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.marca-linea[data-v-5309a86d] {
  width: 10px;
  height: 2px;
  background: #6B7280;
}
.marca-num[data-v-5309a86d] {
  font-size: 0.6rem;
  color: #9CA3AF;
}

/* Resultado tiempo real */
.resultado-tiempo-real[data-v-5309a86d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.res-formula[data-v-5309a86d] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.res-calculo[data-v-5309a86d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.val[data-v-5309a86d] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.val.fuerza[data-v-5309a86d] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.val.constante[data-v-5309a86d] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.val.deformacion[data-v-5309a86d] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.op[data-v-5309a86d] {
  color: #E9D5FF;
  font-weight: 600;
}

/* Controles */
.controles-d1[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-label[data-v-5309a86d] {
  font-size: 0.8rem;
  font-weight: 600;
}
.control-label.fuerza[data-v-5309a86d] { color: #FCA5A5;
}
.control-label.constante[data-v-5309a86d] { color: #FCD34D;
}
.slider[data-v-5309a86d] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.fuerza[data-v-5309a86d] {
  background: rgba(252, 165, 165, 0.3);
}
.slider.constante[data-v-5309a86d] {
  background: rgba(252, 211, 77, 0.3);
}
.slider[data-v-5309a86d]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.fuerza[data-v-5309a86d]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.constante[data-v-5309a86d]::-webkit-slider-thumb { background: #FCD34D;
}
.slider[data-v-5309a86d]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.fuerza[data-v-5309a86d]::-moz-range-thumb { background: #FCA5A5;
}
.slider.constante[data-v-5309a86d]::-moz-range-thumb { background: #FCD34D;
}
.control-valor[data-v-5309a86d] {
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
}
.control-valor.fuerza[data-v-5309a86d] { color: #FCA5A5;
}
.control-valor.constante[data-v-5309a86d] { color: #FCD34D;
}
.objetivo-d1[data-v-5309a86d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-5309a86d] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2 y 3: Calcular ===== */
.calcular-container[data-v-5309a86d] {
  text-align: center;
}
.problema-d2[data-v-5309a86d], .problema-d3[data-v-5309a86d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual[data-v-5309a86d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.mini-resorte[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mini-soporte[data-v-5309a86d] {
  width: 40px;
  height: 6px;
  background: #6B7280;
  border-radius: 3px;
}
.mini-espiras[data-v-5309a86d] {
  width: 25px;
  background: repeating-linear-gradient(
    to bottom,
    #8B5CF6 0px,
    #8B5CF6 4px,
    transparent 4px,
    transparent 8px
  );
  border-radius: 3px;
}
.mini-masa[data-v-5309a86d] {
  font-size: 1.5rem;
  margin-top: -0.25rem;
}
.datos-problema[data-v-5309a86d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato[data-v-5309a86d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dato-label[data-v-5309a86d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.dato-valor[data-v-5309a86d] {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.dato-valor.fuerza[data-v-5309a86d] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.dato-valor.constante[data-v-5309a86d] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.dato-valor.deformacion[data-v-5309a86d] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.pregunta-d2[data-v-5309a86d], .pregunta-d3[data-v-5309a86d] {
  font-size: 1rem;
  color: #E9D5FF;
}
strong.fuerza[data-v-5309a86d] { color: #FCA5A5;
}
strong.constante[data-v-5309a86d] { color: #FCD34D;
}
strong.deformacion[data-v-5309a86d] { color: #93C5FD;
}
.input-respuesta[data-v-5309a86d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-5309a86d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calculo[data-v-5309a86d] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-5309a86d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-5309a86d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-5309a86d] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-5309a86d] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-5309a86d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-5309a86d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-5309a86d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-5309a86d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-5309a86d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5309a86d] { font-size: 1.25rem;
}
.resultado-texto[data-v-5309a86d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5309a86d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5309a86d] { flex: 1;
}
.nav-btn[data-v-5309a86d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5309a86d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5309a86d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5309a86d] { font-size: 1.75rem;
}
.completado-texto[data-v-5309a86d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5309a86d], .slide-leave-active[data-v-5309a86d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5309a86d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5309a86d] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-51a7c453] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-51a7c453] {
  font-size: 2rem;
}
.resumen-intro p[data-v-51a7c453] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-51a7c453] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-51a7c453] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-51a7c453] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-51a7c453]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-51a7c453] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-51a7c453] {
    grid-column: span 1;
}
}
.card-header[data-v-51a7c453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-51a7c453] {
  font-size: 1.25rem;
}
.card-titulo[data-v-51a7c453] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-51a7c453] {
  color: #E9D5FF;
}

/* Fórmula resumen */
.formula-resumen[data-v-51a7c453] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  margin-bottom: 1rem;
}
.var[data-v-51a7c453] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.var.fuerza[data-v-51a7c453] { color: #FCA5A5;
}
.var.constante[data-v-51a7c453] { color: #FCD34D;
}
.var.deformacion[data-v-51a7c453] { color: #93C5FD;
}
.op[data-v-51a7c453] {
  color: #E9D5FF;
}
.formula-variables[data-v-51a7c453] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.var-item[data-v-51a7c453] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.var-simbolo[data-v-51a7c453] {
  font-size: 1.1rem;
  font-weight: 700;
}
.var-simbolo.fuerza[data-v-51a7c453] { color: #FCA5A5;
}
.var-simbolo.constante[data-v-51a7c453] { color: #FCD34D;
}
.var-simbolo.deformacion[data-v-51a7c453] { color: #93C5FD;
}
.var-desc[data-v-51a7c453] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Formas */
.formas-lista[data-v-51a7c453] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.forma-item[data-v-51a7c453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.forma-formula[data-v-51a7c453] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
}
.forma-uso[data-v-51a7c453] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Constante k info */
.k-info[data-v-51a7c453] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.k-item[data-v-51a7c453] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.k-valor[data-v-51a7c453] {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.k-valor.alto[data-v-51a7c453] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.k-valor.bajo[data-v-51a7c453] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.k-desc[data-v-51a7c453] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.k-nota[data-v-51a7c453] {
  margin: 0;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Dinamómetro */
.dina-texto[data-v-51a7c453] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  line-height: 1.4;
}
strong.fuerza[data-v-51a7c453] { color: #FCA5A5;
}
.dina-nota[data-v-51a7c453] {
  margin: 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Aplicaciones grid */
.aplicaciones-grid[data-v-51a7c453] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
}
@media (max-width: 640px) {
.aplicaciones-grid[data-v-51a7c453] {
    grid-template-columns: repeat(2, 1fr);
}
}
.app-item[data-v-51a7c453] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.app-emoji[data-v-51a7c453] {
  font-size: 1.5rem;
}
.app-texto[data-v-51a7c453] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-51a7c453] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-51a7c453] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-51a7c453] {
  font-size: 1.25rem;
}
.tip-text[data-v-51a7c453] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-51a7c453] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-51a7c453] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-51a7c453] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-51a7c453 1s ease-in-out infinite;
}
@keyframes bounce-51a7c453 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-51a7c453] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-51a7c453] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-5d6d7943] {
  margin: 1rem 0 1.5rem;
}
.escena-tren[data-v-5d6d7943] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  overflow: hidden;
}
.observador[data-v-5d6d7943] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.obs-emoji[data-v-5d6d7943] {
  font-size: 1.5rem;
}
.obs-label[data-v-5d6d7943] {
  font-size: 0.65rem;
  color: #93C5FD;
  font-weight: 600;
}
.tren-container[data-v-5d6d7943] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.tren[data-v-5d6d7943] {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.tren-emoji[data-v-5d6d7943] {
  font-size: 2rem;
}
.pasajero[data-v-5d6d7943] {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.pasajero-emoji[data-v-5d6d7943] {
  font-size: 1.25rem;
}
.flecha-movimiento[data-v-5d6d7943] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Colores temáticos */
strong.lento[data-v-5d6d7943] { color: #93C5FD;
}
strong.rapido[data-v-5d6d7943] { color: #6EE7B7;
}
strong.medicion[data-v-5d6d7943] { color: #FCD34D;
}
strong.reposo[data-v-5d6d7943] { color: #93C5FD;
}
strong.movimiento[data-v-5d6d7943] { color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-5d6d7943] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-5d6d7943] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-5d6d7943] {
  font-size: 1.25rem;
}
.def-titulo[data-v-5d6d7943] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-5d6d7943] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-5d6d7943] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-5d6d7943] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-5d6d7943] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.perspectivas[data-v-5d6d7943] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.perspectivas[data-v-5d6d7943] {
    flex-direction: row;
}
.perspectiva-item[data-v-5d6d7943] {
    flex: 1;
}
}
.perspectiva-item[data-v-5d6d7943] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.persp-header[data-v-5d6d7943] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.persp-header.pasajero-bg[data-v-5d6d7943] {
  background: rgba(147, 197, 253, 0.2);
}
.persp-header.tierra-bg[data-v-5d6d7943] {
  background: rgba(110, 231, 183, 0.2);
}
.persp-icono[data-v-5d6d7943] {
  font-size: 1rem;
}
.persp-label[data-v-5d6d7943] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.persp-contenido[data-v-5d6d7943] {
  padding: 0.75rem;
  text-align: center;
}
.persp-valor[data-v-5d6d7943] {
  font-size: 1.75rem;
  font-weight: 800;
}
.persp-valor.lento[data-v-5d6d7943] { color: #93C5FD;
}
.persp-valor.rapido[data-v-5d6d7943] { color: #6EE7B7;
}
.persp-descripcion[data-v-5d6d7943] {
  margin: 0.5rem 0 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Punto clave */
.punto-clave[data-v-5d6d7943] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.punto-icono[data-v-5d6d7943] {
  font-size: 1.5rem;
}
.punto-contenido[data-v-5d6d7943] {
  flex: 1;
}
.punto-titulo[data-v-5d6d7943] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.punto-texto[data-v-5d6d7943] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplos grid */
.ejemplos-grid-section[data-v-5d6d7943] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-5d6d7943] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-grid[data-v-5d6d7943] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-5d6d7943] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-emoji[data-v-5d6d7943] {
  font-size: 1.25rem;
  min-width: 1.5rem;
  text-align: center;
}
.ej-texto[data-v-5d6d7943] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5d6d7943] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5d6d7943] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5d6d7943] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5d6d7943] {
  color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-b76847c3] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  overflow: hidden;
}
.formula-header[data-v-b76847c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
}
.formula-icono[data-v-b76847c3] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-b76847c3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.formula-contenido[data-v-b76847c3] {
  padding: 1rem;
  text-align: center;
}
.formula-principal[data-v-b76847c3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.formula-nota[data-v-b76847c3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.nota-mas[data-v-b76847c3] {
  color: #6EE7B7;
}
.nota-menos[data-v-b76847c3] {
  color: #FCA5A5;
}

/* Casos section */
.caso-section[data-v-b76847c3] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.caso-header[data-v-b76847c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.caso-header.mismo[data-v-b76847c3] {
  background: rgba(110, 231, 183, 0.2);
}
.caso-header.opuesto[data-v-b76847c3] {
  background: rgba(252, 165, 165, 0.2);
}
.caso-icono[data-v-b76847c3] {
  font-size: 1rem;
  font-weight: 700;
}
.caso-header.mismo .caso-icono[data-v-b76847c3] {
  color: #6EE7B7;
}
.caso-header.opuesto .caso-icono[data-v-b76847c3] {
  color: #FCA5A5;
}
.caso-titulo[data-v-b76847c3] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.caso-ejemplo[data-v-b76847c3] {
  padding: 1rem;
}
.escena-visual[data-v-b76847c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.escena-fondo[data-v-b76847c3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.objeto[data-v-b76847c3] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.objeto.tren[data-v-b76847c3] {
  font-weight: 700;
}
.objeto.persona.inverso[data-v-b76847c3] {
  color: #FCA5A5;
}
.escena-ref[data-v-b76847c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ref-emoji[data-v-b76847c3] {
  font-size: 1rem;
}
.calculo[data-v-b76847c3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.calc-titulo[data-v-b76847c3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.calc-operacion[data-v-b76847c3] {
  font-size: 1.1rem;
  font-family: 'Times New Roman', serif;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.resultado-suma[data-v-b76847c3] {
  color: #6EE7B7;
  font-size: 1.25rem;
}
.resultado-resta[data-v-b76847c3] {
  color: #FCA5A5;
  font-size: 1.25rem;
}
.calc-explicacion[data-v-b76847c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo autos */
.ejemplo-autos[data-v-b76847c3] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-b76847c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
}
.ejemplo-icono[data-v-b76847c3] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-b76847c3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.autos-casos[data-v-b76847c3] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
.autos-casos[data-v-b76847c3] {
    flex-direction: row;
}
.auto-caso[data-v-b76847c3] {
    flex: 1;
}
}
.auto-caso[data-v-b76847c3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.auto-visual[data-v-b76847c3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.auto-resultado[data-v-b76847c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.auto-label[data-v-b76847c3] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.auto-valor[data-v-b76847c3] {
  font-size: 1.25rem;
  font-weight: 800;
}
.auto-valor.suma[data-v-b76847c3] { color: #6EE7B7;
}
.auto-valor.resta[data-v-b76847c3] { color: #93C5FD;
}
.auto-nota[data-v-b76847c3] {
  font-size: 0.75rem;
  color: #A78BFA;
}

/* Resumen reglas */
.resumen-reglas[data-v-b76847c3] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-b76847c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.reglas-grid[data-v-b76847c3] {
  display: flex;
  gap: 0.5rem;
}
.regla-item[data-v-b76847c3] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.regla-item.suma[data-v-b76847c3] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.regla-item.resta[data-v-b76847c3] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.regla-simbolo[data-v-b76847c3] {
  font-size: 1.5rem;
  font-weight: 800;
}
.regla-item.suma .regla-simbolo[data-v-b76847c3] { color: #6EE7B7;
}
.regla-item.resta .regla-simbolo[data-v-b76847c3] { color: #FCA5A5;
}
.regla-texto[data-v-b76847c3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-b76847c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b76847c3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b76847c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b76847c3] {
  color: #6EE7B7;
}

.simulador[data-v-375deb90] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-375deb90] {
  position: relative;
  width: 100%;
  height: 160px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.motion-canvas[data-v-375deb90] {
  width: 100%;
  height: 100%;
}
.marco-selector[data-v-375deb90] {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.selector-label[data-v-375deb90] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.selector-opciones[data-v-375deb90] {
  display: flex;
  gap: 0.25rem;
}
.selector-btn[data-v-375deb90] {
  padding: 0.3rem 0.6rem;
  font-size: 0.75rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.selector-btn.activo[data-v-375deb90] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Panel de información */
.info-panel[data-v-375deb90] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.info-item[data-v-375deb90] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.info-emoji[data-v-375deb90] {
  font-size: 1rem;
}
.info-label[data-v-375deb90] {
  color: #C4B5FD;
}
.info-valor[data-v-375deb90] {
  font-weight: 700;
  color: #FFFFFF;
}
.info-valor.negativo[data-v-375deb90] {
  color: #FCA5A5;
}
.info-valor.resultado[data-v-375deb90] {
  color: #6EE7B7;
}

/* Panel de control */
.controles-panel[data-v-375deb90] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
.controles-panel[data-v-375deb90] {
    flex-direction: row;
}
.control-group[data-v-375deb90] {
    flex: 1;
}
}
.control-group[data-v-375deb90] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-header[data-v-375deb90] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.control-label[data-v-375deb90] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-375deb90] {
  font-size: 0.9rem;
  font-weight: 700;
}
.tren-color[data-v-375deb90] { color: #A78BFA;
}
.pasajero-color[data-v-375deb90] { color: #93C5FD;
}
.slider[data-v-375deb90] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-375deb90]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.tren-slider[data-v-375deb90]::-webkit-slider-thumb {
  background: #A78BFA;
}
.pasajero-slider[data-v-375deb90]::-webkit-slider-thumb {
  background: #93C5FD;
}
.slider[data-v-375deb90]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.tren-slider[data-v-375deb90]::-moz-range-thumb {
  background: #A78BFA;
}
.pasajero-slider[data-v-375deb90]::-moz-range-thumb {
  background: #93C5FD;
}
.slider-labels[data-v-375deb90] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Panel de cálculo */
.calculo-panel[data-v-375deb90] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.calculo-titulo[data-v-375deb90] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.calculo-formula[data-v-375deb90] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.calculo-formula strong[data-v-375deb90] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Panel de desafíos */
.desafios-panel[data-v-375deb90] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-375deb90] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.desafios-icono[data-v-375deb90] {
  font-size: 1rem;
}
.desafios-titulo[data-v-375deb90] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-375deb90] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desafio-item[data-v-375deb90] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-375deb90] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-375deb90] {
  font-size: 1rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-375deb90] {
  color: #6EE7B7;
}
.desafio-texto[data-v-375deb90] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-375deb90] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-375deb90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-375deb90] {
  font-size: 1.75rem;
}
.completado-texto[data-v-375deb90] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

.ejercicios[data-v-a239c2c5] {
  width: 100%;
}

/* Progreso */
.progreso-ejercicios[data-v-a239c2c5] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a239c2c5] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a239c2c5] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a239c2c5] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Ejercicio container */
.ejercicio-container[data-v-a239c2c5] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-a239c2c5] {
  text-align: center;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-a239c2c5] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Contenido del ejercicio */
.ejercicio-contenido[data-v-a239c2c5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.problema-visual[data-v-a239c2c5] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escena-problema[data-v-a239c2c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
}
@media (min-width: 640px) {
.escena-problema[data-v-a239c2c5] {
    flex-direction: row;
    text-align: left;
}
}
.emoji-grande[data-v-a239c2c5] {
  font-size: 3rem;
}
.problema-texto[data-v-a239c2c5] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.problema-texto strong[data-v-a239c2c5] {
  color: #FFFFFF;
}

/* Datos box */
.datos-box[data-v-a239c2c5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.dato-item[data-v-a239c2c5] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.dato-label[data-v-a239c2c5] {
  color: #C4B5FD;
}
.dato-valor[data-v-a239c2c5] {
  font-weight: 700;
}
.dato-valor.azul[data-v-a239c2c5] { color: #93C5FD;
}
.dato-valor.verde[data-v-a239c2c5] { color: #6EE7B7;
}
.dato-valor.rojo[data-v-a239c2c5] { color: #FCA5A5;
}

/* Pregunta box */
.pregunta-box[data-v-a239c2c5] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.pregunta-texto[data-v-a239c2c5] {
  margin: 0;
  color: #FCD34D;
  font-size: 0.9rem;
}
.pregunta-texto strong[data-v-a239c2c5] {
  color: #FFFFFF;
}

/* Respuesta area */
.respuesta-area[data-v-a239c2c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-a239c2c5] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.input-label[data-v-a239c2c5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-a239c2c5] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(110, 231, 183, 0.2);
  border: 2px solid rgba(110, 231, 183, 0.4);
  border-radius: 0.35rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-signo.negativo[data-v-a239c2c5] {
  background: rgba(252, 165, 165, 0.2);
  border-color: rgba(252, 165, 165, 0.4);
  color: #FCA5A5;
}
.input-respuesta[data-v-a239c2c5] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-a239c2c5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-a239c2c5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-respuesta[data-v-a239c2c5]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.input-unidad[data-v-a239c2c5] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-a239c2c5] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-a239c2c5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-a239c2c5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.feedback.incorrecto[data-v-a239c2c5] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.feedback.correcto[data-v-a239c2c5] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-a239c2c5] {
  font-size: 1.25rem;
}
.feedback-contenido[data-v-a239c2c5] {
  flex: 1;
}
.feedback-texto[data-v-a239c2c5] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
}
.feedback.incorrecto .feedback-texto[data-v-a239c2c5] {
  color: #FCA5A5;
}
.feedback.correcto .feedback-texto[data-v-a239c2c5] {
  color: #6EE7B7;
}
.feedback-explicacion[data-v-a239c2c5] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Navegación */
.ejercicio-nav[data-v-a239c2c5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a239c2c5] {
  flex: 1;
}
.nav-btn[data-v-a239c2c5] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a239c2c5] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a239c2c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a239c2c5] {
  font-size: 1.75rem;
}
.completado-texto[data-v-a239c2c5] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a239c2c5], .slide-leave-active[data-v-a239c2c5] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a239c2c5] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-a239c2c5] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Secciones generales */
.resumen-section[data-v-30b038b9],
.reglas-section[data-v-30b038b9],
.ejemplos-section[data-v-30b038b9],
.errores-section[data-v-30b038b9],
.estrategia-section[data-v-30b038b9] {
  margin-bottom: 1.5rem;
}
.seccion-header[data-v-30b038b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-30b038b9] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-30b038b9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Colores temáticos */
strong.verde[data-v-30b038b9] { color: #6EE7B7;
}
strong.amarillo[data-v-30b038b9] { color: #FCD34D;
}
strong.azul[data-v-30b038b9] { color: #93C5FD;
}

/* Conceptos lista */
.conceptos-lista[data-v-30b038b9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-item[data-v-30b038b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-numero[data-v-30b038b9] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 50%;
}
.concepto-contenido[data-v-30b038b9] {
  flex: 1;
}
.concepto-contenido strong[data-v-30b038b9] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido p[data-v-30b038b9] {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Reglas grid */
.reglas-grid[data-v-30b038b9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.regla-card[data-v-30b038b9] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.regla-card.suma[data-v-30b038b9] {
  background: rgba(110, 231, 183, 0.1);
  border: 2px solid rgba(110, 231, 183, 0.4);
}
.regla-card.resta[data-v-30b038b9] {
  background: rgba(252, 165, 165, 0.1);
  border: 2px solid rgba(252, 165, 165, 0.4);
}
.regla-icono[data-v-30b038b9] {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.regla-card.suma .regla-icono[data-v-30b038b9] { color: #6EE7B7;
}
.regla-card.resta .regla-icono[data-v-30b038b9] { color: #FCA5A5;
}
.regla-titulo[data-v-30b038b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.regla-operacion[data-v-30b038b9] {
  font-size: 1.1rem;
  font-weight: 800;
}
.regla-card.suma .regla-operacion[data-v-30b038b9] { color: #6EE7B7;
}
.regla-card.resta .regla-operacion[data-v-30b038b9] { color: #FCA5A5;
}
.regla-ejemplo[data-v-30b038b9] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Ejemplos PAES */
.ejemplos-lista[data-v-30b038b9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-paes[data-v-30b038b9] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ejemplo-header[data-v-30b038b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
}
.ejemplo-emoji[data-v-30b038b9] {
  font-size: 1rem;
}
.ejemplo-tipo[data-v-30b038b9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.ejemplo-contenido[data-v-30b038b9] {
  padding: 0.75rem;
}
.ejemplo-problema[data-v-30b038b9] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-respuesta[data-v-30b038b9] {
  margin: 0;
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Errores */
.errores-lista[data-v-30b038b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-30b038b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.35rem;
}
.error-x[data-v-30b038b9] {
  font-size: 1rem;
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-30b038b9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Estrategia */
.estrategia-section[data-v-30b038b9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estrategia-header[data-v-30b038b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.estrategia-icono[data-v-30b038b9] {
  font-size: 1.25rem;
}
.estrategia-titulo[data-v-30b038b9] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.pasos-estrategia[data-v-30b038b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-estrategia[data-v-30b038b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-30b038b9] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: #1F2937;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.paso-texto[data-v-30b038b9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-texto strong[data-v-30b038b9] {
  color: #FFFFFF;
}

/* Tip final */
.tip-final[data-v-30b038b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-30b038b9] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-30b038b9] {
  flex: 1;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-contenido strong[data-v-30b038b9] {
  color: #6EE7B7;
}
.tip-contenido strong.amarillo[data-v-30b038b9] {
  color: #FCD34D;
}

/* Intro visual */
.intro-visual[data-v-9fda8978] {
  margin: 1rem 0 1.5rem;
}
.escena-mcu[data-v-9fda8978] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.circulo-trayectoria[data-v-9fda8978] {
  position: relative;
  width: 150px;
  height: 150px;
  border: 3px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
}
.centro-circulo[data-v-9fda8978] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}
.radio-linea[data-v-9fda8978] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background: linear-gradient(to right, #8B5CF6, #6EE7B7);
  transform-origin: left center;
}
.radio-linea.animando[data-v-9fda8978] {
  animation: rotar-radio-9fda8978 2.9s linear forwards;
}
.particula[data-v-9fda8978] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  transform-origin: center center;
}
.particula.animando[data-v-9fda8978] {
  animation: rotar-particula-9fda8978 2.9s linear forwards;
}
@keyframes rotar-particula-9fda8978 {
from {
    transform: rotate(0deg) translateX(60px) rotate(0deg);
}
to {
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
}
}
@keyframes rotar-radio-9fda8978 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.particula-emoji[data-v-9fda8978] {
  font-size: 1.25rem;
}
.info-mcu[data-v-9fda8978] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.info-icono[data-v-9fda8978] {
  font-size: 1.1rem;
}
.info-texto[data-v-9fda8978] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Colores temáticos */
strong.circular[data-v-9fda8978] { color: #93C5FD;
}
strong.velocidad[data-v-9fda8978] { color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-9fda8978] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-9fda8978] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-9fda8978] {
  font-size: 1.25rem;
}
.def-titulo[data-v-9fda8978] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-9fda8978] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-9fda8978] {
  color: #FFFFFF;
}

/* Características */
.caracteristicas-section[data-v-9fda8978] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-9fda8978] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-9fda8978] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica-item[data-v-9fda8978] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-9fda8978] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.car-titulo[data-v-9fda8978] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.car-desc[data-v-9fda8978] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Diferencia MRU vs MCU */
.diferencia-section[data-v-9fda8978] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.diferencia-titulo[data-v-9fda8978] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.diferencia-grid[data-v-9fda8978] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.diferencia-item[data-v-9fda8978] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.diferencia-item.mru[data-v-9fda8978] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.diferencia-item.mcu[data-v-9fda8978] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.dif-tipo[data-v-9fda8978] {
  font-weight: 800;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.diferencia-item.mru .dif-tipo[data-v-9fda8978] { color: #93C5FD;
}
.diferencia-item.mcu .dif-tipo[data-v-9fda8978] { color: #6EE7B7;
}
.dif-tray[data-v-9fda8978] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dif-acel[data-v-9fda8978] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.diferencia-nota[data-v-9fda8978] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.diferencia-nota strong[data-v-9fda8978] {
  color: #FCD34D;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-9fda8978] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-9fda8978] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-9fda8978] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-9fda8978] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-9fda8978] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-9fda8978] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-9fda8978] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9fda8978] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9fda8978] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9fda8978] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.circulo-trayectoria[data-v-9fda8978] {
    width: 180px;
    height: 180px;
}
.caracteristicas-grid[data-v-9fda8978] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual de magnitudes */
.visual-magnitudes[data-v-e33187fb] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.circulo-magnitudes[data-v-e33187fb] {
  position: relative;
  width: 160px;
  height: 160px;
  border: 3px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
}
.radio-visual[data-v-e33187fb] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 3px;
  background: #6EE7B7;
  transform-origin: left center;
  transform: rotate(-30deg);
}
.radio-etiqueta[data-v-e33187fb] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.arco-visual[data-v-e33187fb] {
  position: absolute;
  top: 5px;
  right: 15px;
}
.arco-etiqueta[data-v-e33187fb] {
  font-size: 0.7rem;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
}
.angulo-visual[data-v-e33187fb] {
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translateY(-50%);
}
.angulo-etiqueta[data-v-e33187fb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  font-style: italic;
}
.particula-visual[data-v-e33187fb] {
  position: absolute;
  top: 8%;
  right: 12%;
  font-size: 1.25rem;
}

/* Magnitudes section */
.magnitudes-section[data-v-e33187fb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.magnitud-card[data-v-e33187fb] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.magnitud-card.periodo[data-v-e33187fb] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.magnitud-card.frecuencia[data-v-e33187fb] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.4);
}
.magnitud-card.omega[data-v-e33187fb] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.4);
}
.magnitud-header[data-v-e33187fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.magnitud-simbolo[data-v-e33187fb] {
  font-size: 1.5rem;
  font-weight: 800;
  font-style: italic;
  font-family: 'Times New Roman', serif;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.magnitud-card.periodo .magnitud-simbolo[data-v-e33187fb] { color: #93C5FD;
}
.magnitud-card.frecuencia .magnitud-simbolo[data-v-e33187fb] { color: #6EE7B7;
}
.magnitud-card.omega .magnitud-simbolo[data-v-e33187fb] { color: #FCD34D;
}
.magnitud-nombre[data-v-e33187fb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.magnitud-definicion[data-v-e33187fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.magnitud-definicion strong[data-v-e33187fb] {
  color: #FFFFFF;
}
.magnitud-unidad[data-v-e33187fb] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  margin-bottom: 0.35rem;
}
.unidad-label[data-v-e33187fb] {
  color: #C4B5FD;
}
.unidad-valor[data-v-e33187fb] {
  color: #FFFFFF;
  font-weight: 600;
}
.magnitud-formula[data-v-e33187fb] {
  margin-bottom: 0.35rem;
}
.formula[data-v-e33187fb] {
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  display: inline-block;
}
.magnitud-card.frecuencia .formula[data-v-e33187fb] { color: #6EE7B7;
}
.magnitud-card.omega .formula[data-v-e33187fb] { color: #FCD34D;
}
.magnitud-ejemplo[data-v-e33187fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Relaciones */
.relaciones-section[data-v-e33187fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relaciones-titulo[data-v-e33187fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.relaciones-grid[data-v-e33187fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-e33187fb] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rel-formula[data-v-e33187fb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.15rem;
}
.rel-desc[data-v-e33187fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* RPM section */
.rpm-section[data-v-e33187fb] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.rpm-titulo[data-v-e33187fb] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.rpm-texto[data-v-e33187fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.rpm-conversion[data-v-e33187fb] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.rpm-formula[data-v-e33187fb] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  padding: 0.35rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
}
.rpm-ejemplo[data-v-e33187fb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.rpm-ejemplo strong[data-v-e33187fb] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-e33187fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e33187fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e33187fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e33187fb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.relaciones-grid[data-v-e33187fb] {
    flex-direction: row;
}
.relacion-item[data-v-e33187fb] {
    flex: 1;
    align-items: center;
    text-align: center;
}
}

/* Visual de ecuaciones */
.visual-ecuaciones[data-v-afe7a1e8] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.diagrama-mcu[data-v-afe7a1e8] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.circulo-diagrama[data-v-afe7a1e8] {
  position: relative;
  width: 140px;
  height: 140px;
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
}
.punto-centro[data-v-afe7a1e8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #8B5CF6;
}
.punto-particula[data-v-afe7a1e8] {
  position: absolute;
  top: 5%;
  right: 20%;
  font-size: 1.1rem;
}
.radio-diagrama[data-v-afe7a1e8] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45%;
  height: 2px;
  background: #6EE7B7;
  transform-origin: left center;
  transform: rotate(-30deg);
}
.radio-label[data-v-afe7a1e8] {
  position: absolute;
  top: -15px;
  left: 40%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.vector-v[data-v-afe7a1e8] {
  position: absolute;
  top: 0%;
  right: 5%;
  width: 40px;
  height: 3px;
  background: #93C5FD;
  transform: rotate(0deg);
}
.vector-v[data-v-afe7a1e8]::after {
  content: '';
  position: absolute;
  right: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 8px solid #93C5FD;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.vector-v .vec-label[data-v-afe7a1e8] {
  position: absolute;
  top: -18px;
  right: 0;
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  font-style: italic;
}
.vector-ac[data-v-afe7a1e8] {
  position: absolute;
  top: 20%;
  right: 35%;
  width: 30px;
  height: 3px;
  background: #FCA5A5;
  transform: rotate(225deg);
}
.vector-ac[data-v-afe7a1e8]::after {
  content: '';
  position: absolute;
  right: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 8px solid #FCA5A5;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.vector-ac .vec-label[data-v-afe7a1e8] {
  position: absolute;
  top: -20px;
  left: -10px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
  font-style: italic;
  white-space: nowrap;
}

/* Colores temáticos */
strong.vel[data-v-afe7a1e8] { color: #93C5FD;
}
strong.omega[data-v-afe7a1e8] { color: #FCD34D;
}
strong.radio[data-v-afe7a1e8] { color: #6EE7B7;
}

/* Ecuación principal */
.ecuacion-principal[data-v-afe7a1e8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.ecuacion-header[data-v-afe7a1e8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ecuacion-numero[data-v-afe7a1e8] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.ecuacion-titulo[data-v-afe7a1e8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ecuacion-formula-grande[data-v-afe7a1e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-v[data-v-afe7a1e8] { font-size: 2rem; font-weight: 800; color: #93C5FD; font-style: italic;
}
.formula-igual[data-v-afe7a1e8] { font-size: 1.5rem; color: #FFFFFF;
}
.formula-omega[data-v-afe7a1e8] { font-size: 2rem; font-weight: 800; color: #FCD34D; font-style: italic;
}
.formula-punto[data-v-afe7a1e8] { font-size: 1.5rem; color: #FFFFFF;
}
.formula-r[data-v-afe7a1e8] { font-size: 2rem; font-weight: 800; color: #6EE7B7; font-style: italic;
}
.ecuacion-unidades[data-v-afe7a1e8] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
}
.unidad[data-v-afe7a1e8] {
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.unidad-sep[data-v-afe7a1e8] {
  color: #C4B5FD;
}
.ecuacion-explicacion[data-v-afe7a1e8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ecuación card */
.ecuacion-card[data-v-afe7a1e8] {
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ecuacion-formula[data-v-afe7a1e8] {
  text-align: center;
  margin: 0.5rem 0;
}
.formula[data-v-afe7a1e8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
}
.ecuacion-card .ecuacion-explicacion[data-v-afe7a1e8] {
  text-align: left;
  font-size: 0.8rem;
}

/* Ecuación destacada (aceleración centrípeta) */
.ecuacion-destacada[data-v-afe7a1e8] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(252, 165, 165, 0.1);
  border: 2px solid rgba(252, 165, 165, 0.4);
  border-radius: 0.75rem;
}
.ecuacion-formula-doble[data-v-afe7a1e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin: 0.5rem 0;
}
.formula-item .formula[data-v-afe7a1e8] {
  color: #FCA5A5;
}
.formula-separador[data-v-afe7a1e8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ecuacion-direccion[data-v-afe7a1e8] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  text-align: center;
  font-weight: 600;
}

/* Tabla resumen */
.tabla-resumen[data-v-afe7a1e8] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-afe7a1e8] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tabla-contenido[data-v-afe7a1e8] {
  padding: 0.5rem;
}
.tabla-fila[data-v-afe7a1e8] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  padding: 0.35rem 0.25rem;
}
.tabla-fila[data-v-afe7a1e8]:last-child {
  border-bottom: none;
}
.tabla-fila.header[data-v-afe7a1e8] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.tabla-col[data-v-afe7a1e8] {
  flex: 1;
  font-size: 0.8rem;
}
.tabla-col.nombre[data-v-afe7a1e8] {
  color: #E9D5FF;
}
.tabla-col.formula[data-v-afe7a1e8] {
  font-family: 'Times New Roman', serif;
  color: #6EE7B7;
  text-align: center;
}

/* Tip */
.tip[data-v-afe7a1e8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-afe7a1e8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-afe7a1e8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-afe7a1e8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-formula-doble[data-v-afe7a1e8] {
    flex-direction: row;
    gap: 1rem;
}
}

.simulador[data-v-3ada3522] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-3ada3522] {
  position: relative;
  width: 100%;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.motion-canvas[data-v-3ada3522] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-3ada3522] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.indicador[data-v-3ada3522] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.ind-label[data-v-3ada3522] {
  color: #C4B5FD;
}
.ind-valor[data-v-3ada3522] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Panel de datos */
.datos-panel[data-v-3ada3522] {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-3ada3522] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dato-label[data-v-3ada3522] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-3ada3522] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.accel[data-v-3ada3522] {
  color: #FCA5A5;
}

/* Panel de control */
.controles-panel[data-v-3ada3522] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-3ada3522] {
  margin-bottom: 0.75rem;
}
.control-header[data-v-3ada3522] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-3ada3522] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-3ada3522] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-3ada3522] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider-radio[data-v-3ada3522]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider-omega[data-v-3ada3522]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
}
.slider-radio[data-v-3ada3522]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-omega[data-v-3ada3522]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-3ada3522] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.botones-control[data-v-3ada3522] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-3ada3522] {
  flex: 1;
  padding: 0.6rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-3ada3522] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación info */
.ecuacion-info[data-v-3ada3522] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-titulo[data-v-3ada3522] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.ecuaciones-grid[data-v-3ada3522] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ecuacion-item[data-v-3ada3522] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.eq-label[data-v-3ada3522] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.eq-valor[data-v-3ada3522] {
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.eq-valor strong[data-v-3ada3522] {
  color: #6EE7B7;
}

/* Panel de desafíos */
.desafios-panel[data-v-3ada3522] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-3ada3522] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-3ada3522] {
  font-size: 1rem;
}
.desafios-titulo[data-v-3ada3522] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-3ada3522] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-3ada3522] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-3ada3522] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-3ada3522] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-3ada3522] {
  color: #6EE7B7;
}
.desafio-texto[data-v-3ada3522] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-3ada3522] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-3ada3522] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3ada3522] {
  font-size: 1.5rem;
}
.completado-texto[data-v-3ada3522] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.canvas-container[data-v-3ada3522] {
    height: 250px;
}
.ecuaciones-grid[data-v-3ada3522] {
    flex-direction: row;
    justify-content: space-around;
}
}

.ejercicios[data-v-961789b8] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-ejercicios[data-v-961789b8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-961789b8] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-961789b8] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-961789b8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Ejercicio container */
.ejercicio-container[data-v-961789b8] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-961789b8] {
  text-align: center;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-961789b8] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Contenido del ejercicio */
.ejercicio-contenido[data-v-961789b8] {
  text-align: center;
}
.enunciado[data-v-961789b8] {
  margin-bottom: 1rem;
}
.enunciado p[data-v-961789b8] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.enunciado strong[data-v-961789b8] {
  color: #6EE7B7;
}
.pregunta[data-v-961789b8] {
  color: #FFFFFF !important;
  font-weight: 600;
}
.formula-hint[data-v-961789b8] {
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 1rem;
}

/* Input de respuesta */
.respuesta-input[data-v-961789b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-label[data-v-961789b8] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.input-respuesta[data-v-961789b8] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-961789b8] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-961789b8] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unit[data-v-961789b8] {
  font-size: 1rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-961789b8] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-961789b8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-961789b8] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback.correcto[data-v-961789b8] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-961789b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-961789b8] {
  font-size: 1.1rem;
}
.resultado-texto[data-v-961789b8] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resultado-texto strong[data-v-961789b8] {
  color: #6EE7B7;
}

/* Navegación */
.ejercicio-nav[data-v-961789b8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-961789b8] {
  flex: 1;
}
.nav-btn[data-v-961789b8] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-961789b8] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-961789b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-961789b8] {
  font-size: 1.75rem;
}
.completado-texto[data-v-961789b8] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-961789b8], .slide-leave-active[data-v-961789b8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-961789b8] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-961789b8] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Header del resumen */
.resumen-header[data-v-09dbf972] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-09dbf972] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-09dbf972] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-09dbf972] {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-texto[data-v-09dbf972] {
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1.5;
}
strong.circular[data-v-09dbf972] { color: #93C5FD;
}
strong.velocidad[data-v-09dbf972] { color: #6EE7B7;
}

/* Magnitudes resumen */
.magnitudes-resumen[data-v-09dbf972] {
  margin-bottom: 1.5rem;
}
.magnitudes-titulo[data-v-09dbf972] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.magnitudes-grid[data-v-09dbf972] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.magnitud-mini[data-v-09dbf972] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mag-simbolo[data-v-09dbf972] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-style: italic;
  font-family: 'Times New Roman', serif;
}
.mag-nombre[data-v-09dbf972] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mag-desc[data-v-09dbf972] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-09dbf972] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-09dbf972] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-09dbf972] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.formula-card[data-v-09dbf972] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-card.destacada[data-v-09dbf972] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-contenido[data-v-09dbf972] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-card.destacada .formula-contenido[data-v-09dbf972] {
  color: #6EE7B7;
}

/* Tips PAES */
.paes-tips[data-v-09dbf972] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-09dbf972] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-09dbf972] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tip-item[data-v-09dbf972] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-09dbf972] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-09dbf972] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-09dbf972] {
  color: #FCD34D;
}

/* Estrategia de resolución */
.estrategia-box[data-v-09dbf972] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-09dbf972] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.pasos-estrategia[data-v-09dbf972] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.paso-est[data-v-09dbf972] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-09dbf972] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-09dbf972] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Diferencia final */
.diferencia-final[data-v-09dbf972] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.75rem;
}
.dif-titulo[data-v-09dbf972] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.dif-contenido[data-v-09dbf972] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.dif-item[data-v-09dbf972] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dif-mag[data-v-09dbf972] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  min-width: 70px;
}
.dif-exp[data-v-09dbf972] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-09dbf972] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-09dbf972] {
  font-size: 1.5rem;
}
.final-texto[data-v-09dbf972] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-09dbf972] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a3b4c431] {
  margin: 1rem 0 1.5rem;
}
.escena-rotacion[data-v-a3b4c431] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.disco-girando[data-v-a3b4c431] {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disco-body[data-v-a3b4c431] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: 3px solid #A78BFA;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disco-girando.animando .disco-body[data-v-a3b4c431] {
  animation: girar-disco-a3b4c431 3.9s linear forwards;
}
@keyframes girar-disco-a3b4c431 {
from { transform: rotate(0deg);
}
to { transform: rotate(720deg);
}
}
.disco-linea[data-v-a3b4c431] {
  position: absolute;
  width: 50%;
  height: 3px;
  background: #6EE7B7;
  right: 50%;
  transform-origin: right center;
}
.disco-centro[data-v-a3b4c431] {
  font-size: 0.5rem;
  color: #FFFFFF;
}
.info-rotacion[data-v-a3b4c431] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.info-icono[data-v-a3b4c431] {
  font-size: 1.1rem;
}
.info-texto[data-v-a3b4c431] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Colores temáticos */
strong.angular[data-v-a3b4c431] { color: #93C5FD;
}
strong.rotacion[data-v-a3b4c431] { color: #6EE7B7;
}
strong.masa[data-v-a3b4c431] { color: #FCD34D;
}
strong.distancia[data-v-a3b4c431] { color: #F472B6;
}

/* Definición box */
.definicion-box[data-v-a3b4c431] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-a3b4c431] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-a3b4c431] {
  font-size: 1.25rem;
}
.def-titulo[data-v-a3b4c431] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-a3b4c431] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-a3b4c431] {
  color: #FFFFFF;
}

/* Fórmula */
.formula-section[data-v-a3b4c431] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-a3b4c431] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-a3b4c431] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-a3b4c431] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 2rem;
}
.formula-simbolo[data-v-a3b4c431] {
  color: #93C5FD;
  font-weight: 700;
  font-style: italic;
}
.formula-igual[data-v-a3b4c431] {
  color: #FFFFFF;
}
.formula-expresion[data-v-a3b4c431] {
  color: #6EE7B7;
  font-weight: 700;
}
.formula-leyenda[data-v-a3b4c431] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.leyenda-item[data-v-a3b4c431] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ley-simbolo[data-v-a3b4c431] {
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 1rem;
}
.ley-texto[data-v-a3b4c431] {
  color: #E9D5FF;
}

/* Analogía */
.analogia-section[data-v-a3b4c431] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-a3b4c431] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.analogia-grid[data-v-a3b4c431] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.analogia-item[data-v-a3b4c431] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
}
.analogia-item.lineal[data-v-a3b4c431] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.analogia-item.angular[data-v-a3b4c431] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.ana-tipo[data-v-a3b4c431] {
  font-weight: 700;
  font-size: 0.85rem;
}
.analogia-item.lineal .ana-tipo[data-v-a3b4c431] { color: #93C5FD;
}
.analogia-item.angular .ana-tipo[data-v-a3b4c431] { color: #6EE7B7;
}
.ana-formula[data-v-a3b4c431] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.ana-desc[data-v-a3b4c431] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.analogia-flecha[data-v-a3b4c431] {
  font-size: 1.2rem;
  color: #FCD34D;
}

/* Momento de inercia */
.inercia-section[data-v-a3b4c431] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.inercia-titulo[data-v-a3b4c431] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.inercia-texto[data-v-a3b4c431] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.inercia-ejemplos[data-v-a3b4c431] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.inercia-ej[data-v-a3b4c431] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.inercia-emoji[data-v-a3b4c431] {
  font-size: 1.25rem;
}
.inercia-nombre[data-v-a3b4c431] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin: 0.15rem 0;
}
.inercia-formula[data-v-a3b4c431] {
  font-family: 'Times New Roman', serif;
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-a3b4c431] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a3b4c431] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-a3b4c431] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ejemplo-item[data-v-a3b4c431] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-a3b4c431] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-a3b4c431] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a3b4c431] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a3b4c431] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a3b4c431] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a3b4c431] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.disco-body[data-v-a3b4c431] {
    width: 100px;
    height: 100px;
}
.ejemplos-lista[data-v-a3b4c431] {
    grid-template-columns: repeat(4, 1fr);
}
.inercia-ejemplos[data-v-a3b4c431] {
    gap: 0.75rem;
}
}

/* Intro visual - patinadora */
.intro-visual[data-v-beb8d44b] {
  margin: 1rem 0 1.5rem;
}
.escena-patinadora[data-v-beb8d44b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.patinadora-container[data-v-beb8d44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.patinadora[data-v-beb8d44b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.patinadora-emoji[data-v-beb8d44b] {
  font-size: 2.5rem;
}
.brazos[data-v-beb8d44b] {
  position: absolute;
  display: flex;
  width: 100%;
  justify-content: space-between;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
}
.brazo[data-v-beb8d44b] {
  color: #E9D5FF;
  font-size: 1.5rem;
}
.brazo.izq[data-v-beb8d44b] {
  margin-left: -1.5rem;
}
.brazo.der[data-v-beb8d44b] {
  margin-right: -1.5rem;
}
.patinadora.brazos-cerrados .patinadora-emoji[data-v-beb8d44b] {
  animation: girar-rapido-beb8d44b 0.8s linear infinite;
}
@keyframes girar-rapido-beb8d44b {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.etiqueta[data-v-beb8d44b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  max-width: 80px;
}
.flecha-transicion[data-v-beb8d44b] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Colores temáticos */
strong.ley[data-v-beb8d44b] { color: #FCD34D;
}
strong.inercia[data-v-beb8d44b] { color: #F472B6;
}
strong.velocidad[data-v-beb8d44b] { color: #6EE7B7;
}
strong.disminuye[data-v-beb8d44b] { color: #FCA5A5;
}
strong.aumenta[data-v-beb8d44b] { color: #6EE7B7;
}

/* Ley box */
.ley-box[data-v-beb8d44b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #FCD34D;
  border-radius: 0.75rem;
}
.ley-header[data-v-beb8d44b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ley-icono[data-v-beb8d44b] {
  font-size: 1.25rem;
}
.ley-titulo[data-v-beb8d44b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.ley-formula-container[data-v-beb8d44b] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.ley-formula[data-v-beb8d44b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.formula-parte[data-v-beb8d44b] {
  color: #6EE7B7;
  font-weight: 700;
  font-style: italic;
}
.formula-igual[data-v-beb8d44b] {
  color: #FFFFFF;
}
.ley-equivalente[data-v-beb8d44b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
}
.eq-parte[data-v-beb8d44b] {
  color: #93C5FD;
  font-style: italic;
}
.eq-igual[data-v-beb8d44b] {
  color: #FFFFFF;
}
.ley-condicion[data-v-beb8d44b] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ley-condicion strong[data-v-beb8d44b] {
  color: #FCA5A5;
}

/* Implicación */
.implicacion-section[data-v-beb8d44b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.impl-titulo[data-v-beb8d44b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.impl-contenido p[data-v-beb8d44b] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.impl-casos[data-v-beb8d44b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.impl-caso[data-v-beb8d44b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-icono[data-v-beb8d44b] {
  font-size: 1rem;
}
.caso-texto[data-v-beb8d44b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-beb8d44b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-beb8d44b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-pasos[data-v-beb8d44b] {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-ejemplo[data-v-beb8d44b] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  flex: 1;
}
.paso-num[data-v-beb8d44b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-contenido[data-v-beb8d44b] {
  display: flex;
  flex-direction: column;
}
.paso-titulo[data-v-beb8d44b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-desc[data-v-beb8d44b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.paso-dato[data-v-beb8d44b] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.paso-flecha[data-v-beb8d44b] {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  color: #FCD34D;
}
.ejemplo-nota[data-v-beb8d44b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.nota-icono[data-v-beb8d44b] {
  font-size: 1rem;
}
.nota-texto[data-v-beb8d44b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Más ejemplos */
.mas-ejemplos[data-v-beb8d44b] {
  margin: 1.5rem 0;
}
.mas-titulo[data-v-beb8d44b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-grid[data-v-beb8d44b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-beb8d44b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.card-emoji[data-v-beb8d44b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-beb8d44b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-desc[data-v-beb8d44b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-beb8d44b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-beb8d44b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-beb8d44b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-beb8d44b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplos-grid[data-v-beb8d44b] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-pasos[data-v-beb8d44b] {
    gap: 1rem;
}
}

.simulador[data-v-6db43dd8] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-6db43dd8] {
  position: relative;
  width: 100%;
  height: 180px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.disco-visual[data-v-6db43dd8] {
  transition: none;
}
.disco-interno[data-v-6db43dd8] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: 3px solid #A78BFA;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.3s, height 0.3s;
}
.marca-rotacion[data-v-6db43dd8] {
  position: absolute;
  width: 50%;
  height: 3px;
  background: #6EE7B7;
  right: 50%;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: right center;
}
.centro-disco[data-v-6db43dd8] {
  font-size: 0.5rem;
  color: #FFFFFF;
}
.indicadores-overlay[data-v-6db43dd8] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.indicador[data-v-6db43dd8] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.ind-label[data-v-6db43dd8] {
  color: #C4B5FD;
}
.ind-valor[data-v-6db43dd8] {
  color: #6EE7B7;
  font-weight: 700;
}
.ind-valor.conservado[data-v-6db43dd8] {
  color: #FCD34D;
}

/* Panel de datos */
.datos-panel[data-v-6db43dd8] {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dato-item[data-v-6db43dd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dato-label[data-v-6db43dd8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-6db43dd8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.omega[data-v-6db43dd8] {
  color: #6EE7B7;
}

/* Panel de control */
.controles-panel[data-v-6db43dd8] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-6db43dd8] {
  margin-bottom: 0.75rem;
}
.control-header[data-v-6db43dd8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-6db43dd8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-6db43dd8] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-6db43dd8] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider-radio[data-v-6db43dd8]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider-masa[data-v-6db43dd8]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
}
.slider-radio[data-v-6db43dd8]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-masa[data-v-6db43dd8]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FCD34D;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-6db43dd8] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.botones-control[data-v-6db43dd8] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-6db43dd8] {
  flex: 1;
  padding: 0.6rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-6db43dd8] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación info */
.ecuacion-info[data-v-6db43dd8] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-titulo[data-v-6db43dd8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.ecuacion-detalle[data-v-6db43dd8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}
.eq-text[data-v-6db43dd8] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.eq-valor[data-v-6db43dd8] {
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.eq-resultado[data-v-6db43dd8] {
  color: #FCD34D;
  font-weight: 700;
}
.ecuacion-nota[data-v-6db43dd8] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
}
.nota-check[data-v-6db43dd8] {
  color: #6EE7B7;
  font-weight: 700;
}
.nota-text[data-v-6db43dd8] {
  color: #6EE7B7;
}

/* Panel de desafíos */
.desafios-panel[data-v-6db43dd8] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.desafios-header[data-v-6db43dd8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-6db43dd8] {
  font-size: 1rem;
}
.desafios-titulo[data-v-6db43dd8] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-6db43dd8] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-6db43dd8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-6db43dd8] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-6db43dd8] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-6db43dd8] {
  color: #6EE7B7;
}
.desafio-texto[data-v-6db43dd8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-6db43dd8] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Explicación */
.explicacion-sim[data-v-6db43dd8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.exp-icono[data-v-6db43dd8] {
  font-size: 1rem;
}
.exp-texto[data-v-6db43dd8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.exp-texto strong[data-v-6db43dd8] {
  color: #93C5FD;
}

/* Mensaje completado */
.mensaje-completado[data-v-6db43dd8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-6db43dd8] {
  font-size: 1.5rem;
}
.completado-texto[data-v-6db43dd8] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.canvas-container[data-v-6db43dd8] {
    height: 220px;
}
}

/* Header */
.resumen-header[data-v-71d756d9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.resumen-icono[data-v-71d756d9] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-71d756d9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-71d756d9] {
  margin-bottom: 1.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-texto[data-v-71d756d9] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-71d756d9] {
  color: #6EE7B7;
}
.formula-destacada[data-v-71d756d9] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-main[data-v-71d756d9] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-style: italic;
}

/* Conceptos clave */
.conceptos-clave[data-v-71d756d9] {
  margin-bottom: 1.25rem;
}
.clave-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.clave-grid[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-71d756d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.clave-emoji[data-v-71d756d9] {
  font-size: 1.25rem;
}
.clave-contenido[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
}
.clave-nombre[data-v-71d756d9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clave-desc[data-v-71d756d9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ley resumen */
.ley-resumen[data-v-71d756d9] {
  margin-bottom: 1.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ley-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ley-formula-box[data-v-71d756d9] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-row[data-v-71d756d9] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
}
.formula-inicial[data-v-71d756d9], .formula-final[data-v-71d756d9] {
  color: #6EE7B7;
  font-weight: 700;
  font-style: italic;
}
.formula-igual[data-v-71d756d9] {
  color: #FFFFFF;
}
.ley-implicaciones[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.impl-item[data-v-71d756d9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.impl-flecha[data-v-71d756d9] {
  color: #FCD34D;
  font-weight: 700;
}
.impl-texto[data-v-71d756d9] {
  color: #E9D5FF;
}
strong.aumenta[data-v-71d756d9] { color: #6EE7B7;
}
strong.disminuye[data-v-71d756d9] { color: #FCA5A5;
}

/* Analogía */
.analogia-resumen[data-v-71d756d9] {
  margin-bottom: 1.25rem;
}
.analogia-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-analogia[data-v-71d756d9] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-71d756d9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
}
.th[data-v-71d756d9] {
  padding: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.th.lineal[data-v-71d756d9] { color: #93C5FD;
}
.th.angular[data-v-71d756d9] { color: #6EE7B7;
}
.tabla-row[data-v-71d756d9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.td[data-v-71d756d9] {
  padding: 0.35rem 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ejemplos resumen */
.ejemplos-resumen[data-v-71d756d9] {
  margin-bottom: 1.25rem;
}
.ejemplos-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-71d756d9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-71d756d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-71d756d9] {
  font-size: 1.25rem;
}
.ej-contenido[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
}
.ej-nombre[data-v-71d756d9] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-detalle[data-v-71d756d9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-71d756d9] {
  margin-bottom: 1.25rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-71d756d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-71d756d9] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-71d756d9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-71d756d9] {
  color: #FCD34D;
}

/* Fórmulas de inercia */
.formulas-inercia[data-v-71d756d9] {
  margin-bottom: 1.25rem;
}
.formulas-titulo[data-v-71d756d9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-71d756d9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.formula-item[data-v-71d756d9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.form-emoji[data-v-71d756d9] {
  font-size: 1.1rem;
}
.form-nombre[data-v-71d756d9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.form-ecuacion[data-v-71d756d9] {
  font-family: 'Times New Roman', serif;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-71d756d9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-71d756d9] {
  font-size: 1.5rem;
}
.final-texto[data-v-71d756d9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-71d756d9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplos-lista[data-v-71d756d9] {
    grid-template-columns: repeat(4, 1fr);
}
.formulas-grid[data-v-71d756d9] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-633aa844] {
  margin: 1rem 0 1.5rem;
}
.escena-momentum[data-v-633aa844] {
  display: flex;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  overflow: hidden;
}
.objeto-movil[data-v-633aa844] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.obj-emoji[data-v-633aa844] {
  font-size: 3rem;
  transition: transform 0.3s ease;
}
.objeto-movil.animando .obj-emoji[data-v-633aa844] {
  animation: mover-tren-633aa844 3s ease-in-out infinite;
}
@keyframes mover-tren-633aa844 {
0%, 100% { transform: translateX(-40px);
}
50% { transform: translateX(40px);
}
}
.vector-momentum[data-v-633aa844] {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.vector-momentum.activo[data-v-633aa844] {
  opacity: 1;
  animation: pulsar-vector-633aa844 1s ease-in-out infinite;
}
@keyframes pulsar-vector-633aa844 {
0%, 100% { transform: translateY(-50%) scale(1);
}
50% { transform: translateY(-50%) scale(1.1);
}
}
.vector-momentum[data-v-633aa844]::before {
  content: '→';
  font-size: 2rem;
  color: #6EE7B7;
  font-weight: bold;
}
.vector-label[data-v-633aa844] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-left: 0.25rem;
  font-style: italic;
}
.frase-clave[data-v-633aa844] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.momentum[data-v-633aa844] { color: #6EE7B7;
}
strong.masa[data-v-633aa844] { color: #93C5FD;
}
strong.velocidad[data-v-633aa844] { color: #FCA5A5;
}
strong.cantidad[data-v-633aa844] { color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-633aa844] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-633aa844] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-633aa844] {
  font-size: 1.25rem;
}
.def-titulo[data-v-633aa844] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-633aa844] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-formula[data-v-633aa844] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.1em;
}
.formula-leyenda[data-v-633aa844] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Analogías */
.analogias-section[data-v-633aa844] {
  margin: 1.5rem 0;
}
.analogias-titulo[data-v-633aa844] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogias-grid[data-v-633aa844] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.analogia-item[data-v-633aa844] {
  flex: 1;
  min-width: 120px;
  max-width: 160px;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.analogia-visual[data-v-633aa844] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.obj-grande[data-v-633aa844] {
  font-size: 2rem;
}
.obj-dato[data-v-633aa844] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}
.obj-dato.velocidad[data-v-633aa844] {
  color: #FCA5A5;
}
.analogia-calculo[data-v-633aa844] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.analogia-calculo strong[data-v-633aa844] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.analogia-vs[data-v-633aa844] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.analogia-conclusion[data-v-633aa844] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #6EE7B7;
  text-align: center;
}

/* Propiedades */
.propiedades-section[data-v-633aa844] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-633aa844] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.propiedades-lista[data-v-633aa844] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad-item[data-v-633aa844] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-633aa844] {
  font-size: 1.25rem;
  min-width: 1.5rem;
  text-align: center;
}
.prop-contenido[data-v-633aa844] {
  display: flex;
  flex-direction: column;
}
.prop-titulo[data-v-633aa844] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prop-desc[data-v-633aa844] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.prop-desc strong[data-v-633aa844] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-633aa844] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-633aa844] {
  font-size: 1.25rem;
}
.tip-texto[data-v-633aa844] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-633aa844] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-momentum[data-v-633aa844] {
    padding: 2rem;
}
.obj-emoji[data-v-633aa844] {
    font-size: 4rem;
}
.frase-clave[data-v-633aa844] {
    font-size: 0.95rem;
}
.def-formula[data-v-633aa844] {
    font-size: 1.75rem;
}
.analogia-item[data-v-633aa844] {
    max-width: 180px;
}
}

/* Intro visual */
.intro-visual[data-v-d3dbbdbb] {
  margin: 1rem 0 1.5rem;
}
.escena-impulso[data-v-d3dbbdbb] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  overflow: hidden;
  min-height: 100px;
}
.pelota-golpe[data-v-d3dbbdbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.bate-emoji[data-v-d3dbbdbb] {
  font-size: 2.5rem;
  opacity: 0;
  transform: translateX(-30px) rotate(-45deg);
  transition: all 0.3s ease;
}
.bate-emoji.activo[data-v-d3dbbdbb] {
  opacity: 1;
  animation: golpe-bate-d3dbbdbb 0.6s ease-out;
}
@keyframes golpe-bate-d3dbbdbb {
0% { transform: translateX(-30px) rotate(-45deg);
}
50% { transform: translateX(0) rotate(0deg);
}
100% { transform: translateX(-30px) rotate(-45deg);
}
}
.pelota-emoji[data-v-d3dbbdbb] {
  font-size: 2.5rem;
  transition: transform 0.3s ease;
}
.pelota-golpe.golpeando .pelota-emoji[data-v-d3dbbdbb] {
  animation: salir-pelota-d3dbbdbb 2s ease-out;
}
@keyframes salir-pelota-d3dbbdbb {
0% { transform: translateX(0);
}
20% { transform: translateX(0);
}
100% { transform: translateX(80px);
}
}
.frase-clave[data-v-d3dbbdbb] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.impulso[data-v-d3dbbdbb] { color: #FCD34D;
}
strong.momentum[data-v-d3dbbdbb] { color: #6EE7B7;
}
strong.fuerza[data-v-d3dbbdbb] { color: #FCA5A5;
}
strong.tiempo[data-v-d3dbbdbb] { color: #93C5FD;
}
strong.masa[data-v-d3dbbdbb] { color: #93C5FD;
}
strong.velocidad[data-v-d3dbbdbb] { color: #FCA5A5;
}
strong.positivo[data-v-d3dbbdbb] { color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-d3dbbdbb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.def-header[data-v-d3dbbdbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-d3dbbdbb] {
  font-size: 1.25rem;
}
.def-titulo[data-v-d3dbbdbb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-d3dbbdbb] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-formula[data-v-d3dbbdbb] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.1em;
}
.formula-leyenda[data-v-d3dbbdbb] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Relación impulso-momentum */
.relacion-box[data-v-d3dbbdbb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.relacion-header[data-v-d3dbbdbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rel-icono[data-v-d3dbbdbb] {
  font-size: 1.25rem;
}
.rel-titulo[data-v-d3dbbdbb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.relacion-contenido[data-v-d3dbbdbb] {
  text-align: center;
}
.ecuacion-principal[data-v-d3dbbdbb] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.eq-parte[data-v-d3dbbdbb] {
  font-size: 1.75rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
}
.eq-parte[data-v-d3dbbdbb]:first-child {
  color: #FCD34D;
}
.eq-parte[data-v-d3dbbdbb]:last-child {
  color: #6EE7B7;
}
.eq-igual[data-v-d3dbbdbb] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.ecuacion-expandida[data-v-d3dbbdbb] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.relacion-desc[data-v-d3dbbdbb] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-d3dbbdbb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-d3dbbdbb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-d3dbbdbb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-datos[data-v-d3dbbdbb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.dato-item[data-v-d3dbbdbb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.dato-label[data-v-d3dbbdbb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-d3dbbdbb] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.masa[data-v-d3dbbdbb] { color: #93C5FD;
}
.dato-valor.velocidad[data-v-d3dbbdbb] { color: #FCA5A5;
}
.ejemplo-calculo[data-v-d3dbbdbb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.calc-step[data-v-d3dbbdbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
}
.calc-label[data-v-d3dbbdbb] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.calc-expr[data-v-d3dbbdbb] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.calc-step.final[data-v-d3dbbdbb] {
  margin-top: 0.25rem;
}
.calc-result[data-v-d3dbbdbb] {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.calc-result.impulso[data-v-d3dbbdbb] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Aplicación */
.aplicacion-section[data-v-d3dbbdbb] {
  margin: 1.5rem 0;
}
.aplicacion-titulo[data-v-d3dbbdbb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-grid[data-v-d3dbbdbb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.comparacion-item[data-v-d3dbbdbb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.comparacion-item.malo[data-v-d3dbbdbb] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comparacion-item.bueno[data-v-d3dbbdbb] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-emoji[data-v-d3dbbdbb] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.comp-titulo[data-v-d3dbbdbb] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-desc[data-v-d3dbbdbb] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.comp-ejemplo[data-v-d3dbbdbb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.aplicacion-conclusion[data-v-d3dbbdbb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  line-height: 1.4;
}
.aplicacion-conclusion strong[data-v-d3dbbdbb] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-d3dbbdbb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d3dbbdbb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d3dbbdbb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d3dbbdbb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-impulso[data-v-d3dbbdbb] {
    padding: 2rem;
}
.bate-emoji[data-v-d3dbbdbb], .pelota-emoji[data-v-d3dbbdbb] {
    font-size: 3rem;
}
.def-formula[data-v-d3dbbdbb] {
    font-size: 1.75rem;
}
.ejemplo-contenido[data-v-d3dbbdbb] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Intro visual */
.intro-visual[data-v-51919620] {
  margin: 1rem 0 1.5rem;
}
.escena-colision[data-v-51919620] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  overflow: hidden;
  min-height: 80px;
}
.bola[data-v-51919620] {
  font-size: 2.5rem;
  transition: transform 0.3s ease;
}
.bola-1.chocando[data-v-51919620] {
  animation: mover-bola-1-51919620 2.5s ease-in-out infinite;
}
.bola-2.chocando[data-v-51919620] {
  animation: mover-bola-2-51919620 2.5s ease-in-out infinite;
}
@keyframes mover-bola-1-51919620 {
0%, 100% { transform: translateX(-50px);
}
35%, 50% { transform: translateX(0);
}
60% { transform: translateX(-20px);
}
}
@keyframes mover-bola-2-51919620 {
0%, 35% { transform: translateX(0);
}
50%, 100% { transform: translateX(50px);
}
}
.frase-clave[data-v-51919620] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.aislado[data-v-51919620] { color: #93C5FD;
}
strong.momentum[data-v-51919620] { color: #6EE7B7;
}
strong.ley[data-v-51919620] { color: #FCD34D;
}
strong.masa[data-v-51919620] { color: #93C5FD;
}
strong.velocidad[data-v-51919620] { color: #FCA5A5;
}
strong.positivo[data-v-51919620] { color: #6EE7B7;
}
strong.negativo[data-v-51919620] { color: #FCA5A5;
}

/* Principio box */
.principio-box[data-v-51919620] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.principio-header[data-v-51919620] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.principio-icono[data-v-51919620] {
  font-size: 1.25rem;
}
.principio-titulo[data-v-51919620] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.principio-formula[data-v-51919620] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.principio-expandido[data-v-51919620] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Tipos de colisiones */
.colisiones-section[data-v-51919620] {
  margin: 1.5rem 0;
}
.colisiones-titulo[data-v-51919620] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.colisiones-grid[data-v-51919620] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.colision-card[data-v-51919620] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.colision-card.elastica[data-v-51919620] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.colision-card.inelastica[data-v-51919620] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.colision-header[data-v-51919620] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.colision-emoji[data-v-51919620] {
  font-size: 1.5rem;
}
.colision-nombre[data-v-51919620] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.colision-visual[data-v-51919620] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.visual-antes[data-v-51919620], .visual-despues[data-v-51919620] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.9rem;
}
.bola-mini[data-v-51919620] {
  font-size: 1.2rem;
}
.bola-mini.doble[data-v-51919620] {
  font-size: 1rem;
}
.flecha-mov[data-v-51919620] {
  color: #6EE7B7;
}
.flecha-mov.izq[data-v-51919620] {
  color: #FCA5A5;
}
.colision-desc[data-v-51919620] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.colision-desc ul[data-v-51919620] {
  margin: 0.25rem 0;
  padding-left: 1.25rem;
}
.colision-desc li[data-v-51919620] {
  margin: 0.1rem 0;
}
.colision-ejemplo[data-v-51919620] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplo resuelto */
.ejemplo-section[data-v-51919620] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-51919620] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-51919620] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-51919620] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-step[data-v-51919620] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.step-label[data-v-51919620] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.step-eq[data-v-51919620] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-step.resultado[data-v-51919620] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.step-resultado[data-v-51919620] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Casos especiales */
.casos-section[data-v-51919620] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-51919620] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.casos-lista[data-v-51919620] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-51919620] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-icono[data-v-51919620] {
  font-size: 1.25rem;
  min-width: 1.5rem;
  text-align: center;
}
.caso-contenido[data-v-51919620] {
  display: flex;
  flex-direction: column;
}
.caso-nombre[data-v-51919620] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.caso-desc[data-v-51919620] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-51919620] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-51919620] {
  font-size: 1.25rem;
}
.tip-texto[data-v-51919620] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-51919620] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-colision[data-v-51919620] {
    padding: 2rem;
}
.bola[data-v-51919620] {
    font-size: 3rem;
}
.colisiones-grid[data-v-51919620] {
    grid-template-columns: repeat(2, 1fr);
}
.sol-step[data-v-51919620] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
}

.explorador[data-v-15ec56dc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-15ec56dc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-15ec56dc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-15ec56dc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-15ec56dc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-15ec56dc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-15ec56dc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-15ec56dc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-15ec56dc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-15ec56dc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador Visual ===== */
.simulador-colision[data-v-15ec56dc] {
  text-align: center;
}
.colision-canvas[data-v-15ec56dc] {
  position: relative;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  overflow: hidden;
}
.objeto[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}
.obj-emoji[data-v-15ec56dc] {
  font-size: 2.5rem;
}
.obj-info[data-v-15ec56dc] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.obj-1.animando[data-v-15ec56dc] {
  animation: mover-obj1-15ec56dc 2s ease-in-out;
}
.obj-2.animando[data-v-15ec56dc] {
  animation: mover-obj2-15ec56dc 2s ease-in-out;
}
@keyframes mover-obj1-15ec56dc {
0% { transform: translateX(-40px);
}
40% { transform: translateX(0);
}
100% { transform: translateX(calc(var(--vel) * 0.5));
}
}
@keyframes mover-obj2-15ec56dc {
0%, 40% { transform: translateX(0);
}
100% { transform: translateX(calc(var(--vel) * 0.5));
}
}
.momentum-display[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.mom-item[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mom-label[data-v-15ec56dc] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.mom-valor[data-v-15ec56dc] {
  font-size: 0.85rem;
  font-weight: 700;
}
.mom-valor.azul[data-v-15ec56dc] { color: #93C5FD;
}
.mom-valor.rojo[data-v-15ec56dc] { color: #FCA5A5;
}
.mom-valor.verde[data-v-15ec56dc] { color: #6EE7B7;
}
.mom-suma[data-v-15ec56dc], .mom-igual[data-v-15ec56dc] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.controles-sim[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-label[data-v-15ec56dc] {
  font-size: 0.8rem;
  font-weight: 600;
}
.control-label.azul[data-v-15ec56dc] { color: #93C5FD;
}
.control-label.rojo[data-v-15ec56dc] { color: #FCA5A5;
}
.control-label.verde[data-v-15ec56dc] { color: #6EE7B7;
}
.slider[data-v-15ec56dc] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.azul[data-v-15ec56dc] { background: rgba(147, 197, 253, 0.3);
}
.slider.rojo[data-v-15ec56dc] { background: rgba(252, 165, 165, 0.3);
}
.slider.verde[data-v-15ec56dc] { background: rgba(110, 231, 183, 0.3);
}
.slider[data-v-15ec56dc]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.azul[data-v-15ec56dc]::-webkit-slider-thumb { background: #93C5FD;
}
.slider.rojo[data-v-15ec56dc]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.verde[data-v-15ec56dc]::-webkit-slider-thumb { background: #6EE7B7;
}
.slider[data-v-15ec56dc]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.azul[data-v-15ec56dc]::-moz-range-thumb { background: #93C5FD;
}
.slider.rojo[data-v-15ec56dc]::-moz-range-thumb { background: #FCA5A5;
}
.slider.verde[data-v-15ec56dc]::-moz-range-thumb { background: #6EE7B7;
}
.control-valor[data-v-15ec56dc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #E9D5FF;
  text-align: center;
}
.resultado-colision[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.res-label[data-v-15ec56dc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.res-valor[data-v-15ec56dc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.objetivo-d1[data-v-15ec56dc] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.objetivo-d1 strong[data-v-15ec56dc] {
  color: #FCD34D;
}
.btn-simular[data-v-15ec56dc] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}
.btn-simular[data-v-15ec56dc]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2 y 3: Calcular ===== */
.calcular-container[data-v-15ec56dc] {
  text-align: center;
}
.problema-visual[data-v-15ec56dc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.obj-problema[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.obj-emoji-grande[data-v-15ec56dc] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.datos-obj[data-v-15ec56dc] {
  display: flex;
  gap: 1rem;
}
.dato[data-v-15ec56dc] {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.dato.masa[data-v-15ec56dc] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato.velocidad[data-v-15ec56dc] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.pregunta-calc[data-v-15ec56dc] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
strong.momentum[data-v-15ec56dc] { color: #6EE7B7;
}

/* Problema colisión */
.problema-colision[data-v-15ec56dc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.escena-problema[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obj-colision[data-v-15ec56dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.obj-mini[data-v-15ec56dc] {
  font-size: 1.5rem;
}
.dato-mini[data-v-15ec56dc] {
  font-size: 0.7rem;
  font-weight: 600;
}
.dato-mini.masa[data-v-15ec56dc] { color: #93C5FD;
}
.dato-mini.velocidad[data-v-15ec56dc] { color: #FCA5A5;
}
.choque-icono[data-v-15ec56dc] {
  font-size: 1.25rem;
}
.pregunta-colision[data-v-15ec56dc] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Input respuesta */
.input-respuesta[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-15ec56dc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.input-calculo[data-v-15ec56dc] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-15ec56dc] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-15ec56dc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-15ec56dc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-15ec56dc] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.ayuda-formula[data-v-15ec56dc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  font-family: 'Times New Roman', serif;
}
.feedback[data-v-15ec56dc] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-15ec56dc] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-15ec56dc] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador[data-v-15ec56dc] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-15ec56dc] { font-size: 1.25rem;
}
.resultado-texto[data-v-15ec56dc] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-15ec56dc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-15ec56dc] { flex: 1;
}
.nav-btn[data-v-15ec56dc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-15ec56dc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-15ec56dc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-15ec56dc] { font-size: 1.75rem;
}
.completado-texto[data-v-15ec56dc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-15ec56dc], .slide-leave-active[data-v-15ec56dc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-15ec56dc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-15ec56dc] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-f1d5c32d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f1d5c32d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f1d5c32d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f1d5c32d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-f1d5c32d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f1d5c32d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f1d5c32d]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-f1d5c32d] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-f1d5c32d] {
    grid-column: span 1;
}
}
.card-header[data-v-f1d5c32d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-f1d5c32d] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f1d5c32d] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f1d5c32d] {
  color: #E9D5FF;
}
.card-nota[data-v-f1d5c32d] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Formula box */
.formula-box[data-v-f1d5c32d] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-f1d5c32d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.formula-media[data-v-f1d5c32d] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.formula-desc[data-v-f1d5c32d] {
  text-align: center;
}
.unidad[data-v-f1d5c32d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Conservación visual */
.conservacion-visual[data-v-f1d5c32d] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.conserv-eq[data-v-f1d5c32d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.eq-parte[data-v-f1d5c32d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.eq-igual[data-v-f1d5c32d] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.conserv-expandida[data-v-f1d5c32d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}

/* Colisiones resumen */
.colisiones-resumen[data-v-f1d5c32d] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.col-tipo[data-v-f1d5c32d] {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.col-tipo.elastica[data-v-f1d5c32d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.col-tipo.inelastica[data-v-f1d5c32d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.col-nombre[data-v-f1d5c32d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.col-desc[data-v-f1d5c32d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.col-ejemplo[data-v-f1d5c32d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
strong.positivo[data-v-f1d5c32d] { color: #6EE7B7;
}
strong.negativo[data-v-f1d5c32d] { color: #FCA5A5;
}

/* Aplicación lista */
.aplicacion-lista[data-v-f1d5c32d] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.apl-item[data-v-f1d5c32d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.apl-icono[data-v-f1d5c32d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #93C5FD;
}
.apl-resultado[data-v-f1d5c32d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-f1d5c32d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f1d5c32d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f1d5c32d] {
  font-size: 1.25rem;
}
.tip-text[data-v-f1d5c32d] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-f1d5c32d] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f1d5c32d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f1d5c32d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f1d5c32d 1s ease-in-out infinite;
}
@keyframes bounce-f1d5c32d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f1d5c32d] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f1d5c32d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-2095f850] {
  margin: 1rem 0 1.5rem;
}
.escena-mru[data-v-2095f850] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.carretera[data-v-2095f850] {
  position: relative;
  height: 60px;
  background: linear-gradient(to bottom, #374151, #4B5563);
  border-radius: 0.25rem;
  overflow: hidden;
}
.carretera[data-v-2095f850]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: repeating-linear-gradient(90deg, #FCD34D 0px, #FCD34D 30px, transparent 30px, transparent 60px);
  transform: translateY(-50%);
}
.auto-mru[data-v-2095f850] {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  font-size: 1.75rem;
  transition: none;
}
.auto-mru.animando[data-v-2095f850] {
  animation: mover-auto-2095f850 3.5s linear forwards;
}
@keyframes mover-auto-2095f850 {
from { left: 5%;
}
to { left: 85%;
}
}
.marcas-distancia[data-v-2095f850] {
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
.marca[data-v-2095f850] {
  font-size: 0.6rem;
  color: #9CA3AF;
  font-weight: 600;
}
.velocimetro[data-v-2095f850] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.vel-valor[data-v-2095f850] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.vel-unidad[data-v-2095f850] {
  font-size: 0.9rem;
  color: #6EE7B7;
}
.vel-estado[data-v-2095f850] {
  font-size: 0.75rem;
  color: #A7F3D0;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
}

/* Colores temáticos */
strong.linea[data-v-2095f850] { color: #93C5FD;
}
strong.velocidad[data-v-2095f850] { color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-2095f850] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-2095f850] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-2095f850] {
  font-size: 1.25rem;
}
.def-titulo[data-v-2095f850] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-2095f850] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-2095f850] {
  color: #FFFFFF;
}

/* Características */
.caracteristicas-section[data-v-2095f850] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-2095f850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-2095f850] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.caracteristicas-grid[data-v-2095f850] {
    grid-template-columns: repeat(4, 1fr);
}
}
.caracteristica-item[data-v-2095f850] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-2095f850] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.car-titulo[data-v-2095f850] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.car-desc[data-v-2095f850] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-2095f850] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-2095f850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-2095f850] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-texto[data-v-2095f850] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-tabla[data-v-2095f850] {
  margin-bottom: 0.75rem;
}
.tabla-fila[data-v-2095f850] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila.header[data-v-2095f850] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-col[data-v-2095f850] {
  flex: 1;
  padding: 0.4rem 0.5rem;
  text-align: center;
  font-size: 0.85rem;
}
.tabla-col.tiempo[data-v-2095f850] { color: #93C5FD;
}
.tabla-col.distancia[data-v-2095f850] { color: #6EE7B7;
}
.ejemplo-conclusion[data-v-2095f850] {
  margin: 0;
  color: #FCD34D;
  font-size: 0.85rem;
  text-align: center;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-2095f850] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-2095f850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-2095f850] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-2095f850] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-2095f850] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-2095f850] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-2095f850] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-2095f850] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2095f850] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2095f850] {
  color: #6EE7B7;
}

/* Ecuación principal */
.ecuacion-principal[data-v-400209b4] {
  margin: 1rem 0 1.5rem;
}
.ecuacion-box[data-v-400209b4] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
}
.ecuacion-formula[data-v-400209b4] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.ecuacion-formula .variable[data-v-400209b4] {
  color: #6EE7B7;
}
.ecuacion-formula .operador[data-v-400209b4] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.ecuacion-nombre[data-v-400209b4] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Variables section */
.variables-section[data-v-400209b4] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-400209b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-400209b4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.variables-grid[data-v-400209b4] {
    grid-template-columns: repeat(4, 1fr);
}
}
.variable-item[data-v-400209b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-400209b4] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.var-simbolo.posicion[data-v-400209b4] { color: #6EE7B7;
}
.var-simbolo.posicion-inicial[data-v-400209b4] { color: #93C5FD;
}
.var-simbolo.velocidad[data-v-400209b4] { color: #FCD34D;
}
.var-simbolo.tiempo[data-v-400209b4] { color: #F472B6;
}
.var-nombre[data-v-400209b4] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.var-unidad[data-v-400209b4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ecuaciones derivadas */
.ecuaciones-derivadas[data-v-400209b4] {
  margin: 1.5rem 0;
}
.derivadas-titulo[data-v-400209b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.derivadas-grid[data-v-400209b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.derivadas-grid[data-v-400209b4] {
    flex-direction: row;
}
.derivada-item[data-v-400209b4] {
    flex: 1;
}
}
.derivada-item[data-v-400209b4] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.derivada-formula[data-v-400209b4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.fraccion[data-v-400209b4] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.1;
}
.fraccion .num[data-v-400209b4] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
}
.fraccion .den[data-v-400209b4] {
  padding-top: 2px;
}
.derivada-desc[data-v-400209b4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-400209b4] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-400209b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-400209b4] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-400209b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.ejemplo-emoji[data-v-400209b4] {
  font-size: 1.5rem;
}
.ejemplo-enunciado p[data-v-400209b4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-400209b4] {
  color: #6EE7B7;
}
.ejemplo-datos[data-v-400209b4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.dato[data-v-400209b4] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.dato .valor[data-v-400209b4] {
  color: #6EE7B7;
  font-weight: 700;
}
.ejemplo-solucion[data-v-400209b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-400209b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-400209b4] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-400209b4] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-texto .resultado[data-v-400209b4] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Unidades box */
.unidades-box[data-v-400209b4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.unidades-header[data-v-400209b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.unidades-icono[data-v-400209b4] {
  font-size: 1.25rem;
}
.unidades-titulo[data-v-400209b4] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.unidades-contenido[data-v-400209b4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.conversion-item[data-v-400209b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.conv-formula[data-v-400209b4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conv-factor[data-v-400209b4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.unidades-ejemplo[data-v-400209b4] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.unidades-ejemplo strong[data-v-400209b4] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-400209b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-400209b4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-400209b4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-400209b4] {
  color: #6EE7B7;
}

/* Gráfico section */
.grafico-section[data-v-129ba4c9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-129ba4c9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-contenedor[data-v-129ba4c9] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
.grafico-contenedor[data-v-129ba4c9] {
    flex-direction: row;
    align-items: center;
}
.grafico-visual[data-v-129ba4c9] {
    flex: 0 0 200px;
}
.grafico-info[data-v-129ba4c9] {
    flex: 1;
}
}
.grafico-visual[data-v-129ba4c9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.grafico-svg[data-v-129ba4c9] {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.grafico-info[data-v-129ba4c9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-item[data-v-129ba4c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.info-item.destacado[data-v-129ba4c9] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.info-icono[data-v-129ba4c9] {
  font-size: 1rem;
}
.info-texto[data-v-129ba4c9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.info-texto strong[data-v-129ba4c9] {
  color: #FFFFFF;
}
.info-texto strong.amarillo[data-v-129ba4c9] { color: #FCD34D;
}
.info-texto strong.azul[data-v-129ba4c9] { color: #93C5FD;
}
.info-texto strong.verde[data-v-129ba4c9] { color: #6EE7B7;
}
.formula-pendiente[data-v-129ba4c9] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
  text-align: center;
}
.formula-label[data-v-129ba4c9] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-right: 0.5rem;
}
.formula[data-v-129ba4c9] {
  color: #FFFFFF;
  font-size: 1.1rem;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}
.fraccion[data-v-129ba4c9] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.1;
}
.fraccion .num[data-v-129ba4c9] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
}
.fraccion .den[data-v-129ba4c9] {
  padding-top: 2px;
}

/* Comparación de pendientes */
.comparacion-section[data-v-129ba4c9] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-129ba4c9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-visual[data-v-129ba4c9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.pendiente-item[data-v-129ba4c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.mini-grafico[data-v-129ba4c9] {
  width: 60px;
  height: 60px;
  margin-bottom: 0.25rem;
}
@media (min-width: 640px) {
.mini-grafico[data-v-129ba4c9] {
    width: 80px;
    height: 80px;
}
}
.pendiente-label[data-v-129ba4c9] {
  font-size: 0.65rem;
  font-weight: 600;
}
@media (min-width: 640px) {
.pendiente-label[data-v-129ba4c9] {
    font-size: 0.75rem;
}
}
.pendiente-label.rapido[data-v-129ba4c9] { color: #6EE7B7;
}
.pendiente-label.lento[data-v-129ba4c9] { color: #93C5FD;
}
.pendiente-label.reposo[data-v-129ba4c9] { color: #FCD34D;
}

/* Tip */
.tip[data-v-129ba4c9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-129ba4c9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-129ba4c9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-129ba4c9] {
  color: #6EE7B7;
}

.simulador[data-v-26911438] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-26911438] {
  position: relative;
  width: 100%;
  height: 140px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.motion-canvas[data-v-26911438] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-26911438] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  gap: 0.5rem;
}
.indicador[data-v-26911438] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.ind-label[data-v-26911438] {
  color: #C4B5FD;
}
.ind-valor[data-v-26911438] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Gráficos container */
.graficos-container[data-v-26911438] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-pequeño[data-v-26911438] {
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.35rem;
}
.grafico-label[data-v-26911438] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 0.25rem;
}
.grafico-canvas[data-v-26911438] {
  width: 100%;
  height: 80px;
}

/* Panel de control */
.controles-panel[data-v-26911438] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-26911438] {
  margin-bottom: 0.75rem;
}
.control-header[data-v-26911438] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-26911438] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-26911438] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-26911438] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-26911438]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider[data-v-26911438]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-26911438] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.botones-control[data-v-26911438] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-26911438] {
  flex: 1;
  padding: 0.6rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-26911438] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación info */
.ecuacion-info[data-v-26911438] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.ecuacion-titulo[data-v-26911438] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ecuacion-formula[data-v-26911438] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.ecuacion-formula strong[data-v-26911438] {
  color: #6EE7B7;
}

/* Panel de desafíos */
.desafios-panel[data-v-26911438] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-26911438] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-26911438] {
  font-size: 1rem;
}
.desafios-titulo[data-v-26911438] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-26911438] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-26911438] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-26911438] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-26911438] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-26911438] {
  color: #6EE7B7;
}
.desafio-texto[data-v-26911438] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-26911438] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-26911438] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-26911438] {
  font-size: 1.5rem;
}
.completado-texto[data-v-26911438] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

.ejercicios[data-v-96b5ff93] {
  width: 100%;
}

/* Progreso */
.progreso-ejercicios[data-v-96b5ff93] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-96b5ff93] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-96b5ff93] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-96b5ff93] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Ejercicio container */
.ejercicio-container[data-v-96b5ff93] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-96b5ff93] {
  text-align: center;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-96b5ff93] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Contenido del ejercicio */
.ejercicio-contenido[data-v-96b5ff93] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.problema-visual[data-v-96b5ff93] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escena-problema[data-v-96b5ff93] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
@media (min-width: 640px) {
.escena-problema[data-v-96b5ff93] {
    flex-direction: row;
    text-align: left;
}
}
.emoji-grande[data-v-96b5ff93] {
  font-size: 2.5rem;
}
.problema-texto[data-v-96b5ff93] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.problema-texto strong[data-v-96b5ff93] {
  color: #6EE7B7;
}

/* Datos box */
.datos-box[data-v-96b5ff93] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.datos-titulo[data-v-96b5ff93] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-lista[data-v-96b5ff93] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dato-item[data-v-96b5ff93] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.dato-simbolo[data-v-96b5ff93] {
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.dato-valor[data-v-96b5ff93] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Pregunta box */
.pregunta-box[data-v-96b5ff93] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.pregunta-icono[data-v-96b5ff93] {
  font-size: 1.1rem;
}
.pregunta-texto[data-v-96b5ff93] {
  margin: 0;
  color: #FCD34D;
  font-size: 0.9rem;
}
.pregunta-texto strong[data-v-96b5ff93] {
  color: #FFFFFF;
}

/* Fórmula ayuda */
.formula-ayuda[data-v-96b5ff93] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.formula-titulo[data-v-96b5ff93] {
  color: #C4B5FD;
}
.formula-text[data-v-96b5ff93] {
  color: #FFFFFF;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
}

/* Respuesta area */
.respuesta-area[data-v-96b5ff93] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.input-group[data-v-96b5ff93] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.input-label[data-v-96b5ff93] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.input-respuesta[data-v-96b5ff93] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-96b5ff93] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-96b5ff93] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-respuesta[data-v-96b5ff93]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.input-unidad[data-v-96b5ff93] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-96b5ff93] {
  padding: 0.5rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-96b5ff93]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-96b5ff93] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.feedback.incorrecto[data-v-96b5ff93] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.feedback.correcto[data-v-96b5ff93] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-96b5ff93] {
  font-size: 1.1rem;
}
.feedback-contenido[data-v-96b5ff93] {
  flex: 1;
}
.feedback-texto[data-v-96b5ff93] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
}
.feedback.incorrecto .feedback-texto[data-v-96b5ff93] {
  color: #FCA5A5;
}
.feedback.correcto .feedback-texto[data-v-96b5ff93] {
  color: #6EE7B7;
}
.feedback-explicacion[data-v-96b5ff93] {
  margin: 0.35rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Navegación */
.ejercicio-nav[data-v-96b5ff93] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-96b5ff93] {
  flex: 1;
}
.nav-btn[data-v-96b5ff93] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-96b5ff93] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-96b5ff93] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-96b5ff93] {
  font-size: 1.5rem;
}
.completado-texto[data-v-96b5ff93] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-96b5ff93], .slide-leave-active[data-v-96b5ff93] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-96b5ff93] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-96b5ff93] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Resumen box */
.resumen-box[data-v-5319cad1] {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-box.definicion[data-v-5319cad1] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
}
.resumen-header[data-v-5319cad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.resumen-icono[data-v-5319cad1] {
  font-size: 1.25rem;
}
.resumen-titulo[data-v-5319cad1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.resumen-texto[data-v-5319cad1] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.resumen-texto strong[data-v-5319cad1] {
  color: #FFFFFF;
}
strong.velocidad[data-v-5319cad1] { color: #6EE7B7;
}

/* Ecuaciones resumen */
.ecuaciones-resumen[data-v-5319cad1] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-5319cad1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuaciones-grid[data-v-5319cad1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.ecuaciones-grid[data-v-5319cad1] {
    grid-template-columns: repeat(4, 1fr);
}
}
.ecuacion-card[data-v-5319cad1] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ecuacion-card.principal[data-v-5319cad1] {
  grid-column: span 2;
  background: rgba(139, 92, 246, 0.15);
  border-color: #8B5CF6;
}
@media (min-width: 640px) {
.ecuacion-card.principal[data-v-5319cad1] {
    grid-column: span 4;
}
}
.ecuacion-formula[data-v-5319cad1] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.ecuacion-card.principal .ecuacion-formula[data-v-5319cad1] {
  font-size: 1.25rem;
}
.frac[data-v-5319cad1] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.85em;
  line-height: 1.1;
}
.frac span[data-v-5319cad1]:first-child {
  border-bottom: 1px solid #6EE7B7;
  padding-bottom: 1px;
}
.frac span[data-v-5319cad1]:last-child {
  padding-top: 1px;
}
.ecuacion-desc[data-v-5319cad1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Gráficos resumen */
.graficos-resumen[data-v-5319cad1] {
  margin: 1.5rem 0;
}
.graficos-titulo[data-v-5319cad1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.graficos-grid[data-v-5319cad1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.grafico-card[data-v-5319cad1] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.grafico-nombre[data-v-5319cad1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.mini-grafico[data-v-5319cad1] {
  width: 70px;
  height: 55px;
  margin: 0 auto;
}
.grafico-info[data-v-5319cad1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.35rem;
}
.info-linea[data-v-5319cad1] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.info-pendiente[data-v-5319cad1] {
  font-size: 0.65rem;
  color: #FCD34D;
}

/* Conversión box */
.conversion-box[data-v-5319cad1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.conversion-titulo[data-v-5319cad1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.conversion-items[data-v-5319cad1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.conversion-item[data-v-5319cad1] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.conv-from[data-v-5319cad1], .conv-to[data-v-5319cad1] {
  color: #E9D5FF;
}
.conv-arrow[data-v-5319cad1] {
  color: #8B5CF6;
}
.conv-factor[data-v-5319cad1] {
  color: #6EE7B7;
  font-weight: 700;
}
.conversion-ejemplo[data-v-5319cad1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.conversion-ejemplo strong[data-v-5319cad1] {
  color: #6EE7B7;
}

/* Características resumen */
.caracteristicas-resumen[data-v-5319cad1] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-5319cad1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.caracteristicas-lista[data-v-5319cad1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.carac-item[data-v-5319cad1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.35rem;
}
.carac-check[data-v-5319cad1] {
  color: #6EE7B7;
  font-weight: 700;
}
.carac-texto[data-v-5319cad1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.carac-texto strong[data-v-5319cad1] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-5319cad1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-5319cad1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-5319cad1] {
  font-size: 1.1rem;
}
.tips-titulo[data-v-5319cad1] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-5319cad1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-5319cad1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-5319cad1] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-5319cad1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-5319cad1] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-5319cad1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-emoji[data-v-5319cad1] {
  font-size: 1.75rem;
}
.final-contenido[data-v-5319cad1] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.final-titulo[data-v-5319cad1] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.final-texto[data-v-5319cad1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Intro visual */
.intro-visual[data-v-c71eeca1] {
  margin: 1rem 0 1.5rem;
}
.escena-mrua[data-v-c71eeca1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.carretera[data-v-c71eeca1] {
  position: relative;
  height: 60px;
  background: linear-gradient(to bottom, #374151, #4B5563);
  border-radius: 0.25rem;
  overflow: hidden;
}
.carretera[data-v-c71eeca1]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: repeating-linear-gradient(90deg, #FCD34D 0px, #FCD34D 30px, transparent 30px, transparent 60px);
  transform: translateY(-50%);
}
.auto-mrua[data-v-c71eeca1] {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
  font-size: 1.75rem;
  transition: none;
}
.auto-mrua.animando[data-v-c71eeca1] {
  animation: mover-auto-acelerando-c71eeca1 4.5s ease-in forwards;
}
@keyframes mover-auto-acelerando-c71eeca1 {
0% { left: 5%;
}
100% { left: 85%;
}
}
.marcas-distancia[data-v-c71eeca1] {
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
.marca[data-v-c71eeca1] {
  font-size: 0.6rem;
  color: #9CA3AF;
  font-weight: 600;
}
.velocimetro[data-v-c71eeca1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
}
.vel-valor[data-v-c71eeca1] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 40px;
  text-align: right;
}
.vel-unidad[data-v-c71eeca1] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.vel-estado[data-v-c71eeca1] {
  font-size: 0.75rem;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
}
.vel-estado.acelerando[data-v-c71eeca1] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
}

/* Colores temáticos */
strong.linea[data-v-c71eeca1] { color: #93C5FD;
}
strong.aceleracion[data-v-c71eeca1] { color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-c71eeca1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(245, 158, 11, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-c71eeca1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-c71eeca1] {
  font-size: 1.25rem;
}
.def-titulo[data-v-c71eeca1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-c71eeca1] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-c71eeca1] {
  color: #FFFFFF;
}

/* Comparación MRU vs MRUA */
.comparacion-section[data-v-c71eeca1] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-c71eeca1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-c71eeca1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comparacion-item[data-v-c71eeca1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comparacion-item.mru[data-v-c71eeca1] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comparacion-item.mrua[data-v-c71eeca1] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.comp-tipo[data-v-c71eeca1] {
  font-weight: 800;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.mru .comp-tipo[data-v-c71eeca1] { color: #6EE7B7;
}
.mrua .comp-tipo[data-v-c71eeca1] { color: #FCD34D;
}
.comp-vel[data-v-c71eeca1], .comp-acel[data-v-c71eeca1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Características */
.caracteristicas-section[data-v-c71eeca1] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-c71eeca1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-c71eeca1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.caracteristicas-grid[data-v-c71eeca1] {
    grid-template-columns: repeat(4, 1fr);
}
}
.caracteristica-item[data-v-c71eeca1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-c71eeca1] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.car-titulo[data-v-c71eeca1] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.car-desc[data-v-c71eeca1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-c71eeca1] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-c71eeca1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-c71eeca1] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-texto[data-v-c71eeca1] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-tabla[data-v-c71eeca1] {
  margin-bottom: 0.75rem;
}
.tabla-fila[data-v-c71eeca1] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila.header[data-v-c71eeca1] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-col[data-v-c71eeca1] {
  flex: 1;
  padding: 0.4rem 0.5rem;
  text-align: center;
  font-size: 0.85rem;
}
.tabla-col.tiempo[data-v-c71eeca1] { color: #F472B6;
}
.tabla-col.velocidad[data-v-c71eeca1] { color: #6EE7B7;
}
.tabla-col.cambio[data-v-c71eeca1] { color: #FCD34D;
}
.ejemplo-conclusion[data-v-c71eeca1] {
  margin: 0;
  color: #FCD34D;
  font-size: 0.85rem;
  text-align: center;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-c71eeca1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c71eeca1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-c71eeca1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-c71eeca1] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-c71eeca1] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-c71eeca1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-c71eeca1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c71eeca1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c71eeca1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c71eeca1] {
  color: #6EE7B7;
}

/* Ecuaciones principales */
.ecuaciones-principales[data-v-0552286f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.ecuacion-card[data-v-0552286f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(0, 0, 0, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  position: relative;
}
.ecuacion-numero[data-v-0552286f] {
  position: absolute;
  top: -10px;
  left: 10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.ecuacion-formula[data-v-0552286f] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.35rem;
}
.ecuacion-formula .var[data-v-0552286f] {
  color: #6EE7B7;
}
.ecuacion-nombre[data-v-0552286f] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
}
.ecuacion-uso[data-v-0552286f] {
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.fraccion[data-v-0552286f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.85rem;
  line-height: 1;
  margin: 0 2px;
}
.fraccion .num[data-v-0552286f] {
  border-bottom: 1px solid #FFFFFF;
}

/* Variables section */
.variables-section[data-v-0552286f] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-0552286f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-0552286f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
@media (min-width: 640px) {
.variables-grid[data-v-0552286f] {
    grid-template-columns: repeat(3, 1fr);
}
}
.variable-item[data-v-0552286f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.var-simbolo[data-v-0552286f] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  min-width: 24px;
  text-align: center;
}
.var-simbolo.posicion[data-v-0552286f] { color: #6EE7B7;
}
.var-simbolo.posicion-inicial[data-v-0552286f] { color: #93C5FD;
}
.var-simbolo.velocidad[data-v-0552286f] { color: #FCD34D;
}
.var-simbolo.velocidad-inicial[data-v-0552286f] { color: #F472B6;
}
.var-simbolo.aceleracion[data-v-0552286f] { color: #EF4444;
}
.var-simbolo.tiempo[data-v-0552286f] { color: #A78BFA;
}
.var-nombre[data-v-0552286f] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Caso especial */
.caso-especial[data-v-0552286f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.caso-header[data-v-0552286f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-icono[data-v-0552286f] {
  font-size: 1.25rem;
}
.caso-titulo[data-v-0552286f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.caso-texto[data-v-0552286f] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.ecuaciones-simplificadas[data-v-0552286f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.ec-simple[data-v-0552286f] {
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  color: #6EE7B7;
  font-size: 0.9rem;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}

/* Ejemplo section */
.ejemplo-section[data-v-0552286f] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-0552286f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-0552286f] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-0552286f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-emoji[data-v-0552286f] {
  font-size: 1.5rem;
}
.ejemplo-enunciado p[data-v-0552286f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-0552286f] {
  color: #6EE7B7;
}
.ejemplo-datos[data-v-0552286f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.dato[data-v-0552286f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dato .valor[data-v-0552286f] {
  color: #6EE7B7;
  font-weight: 700;
}
.ejemplo-solucion[data-v-0552286f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.ejemplo-solucion[data-v-0552286f] {
    flex-direction: row;
}
.solucion-parte[data-v-0552286f] {
    flex: 1;
}
}
.solucion-parte[data-v-0552286f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.parte-titulo[data-v-0552286f] {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.pasos-calculo[data-v-0552286f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso[data-v-0552286f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso.resultado[data-v-0552286f] {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.paso.resultado strong[data-v-0552286f] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Elegir ecuación */
.elegir-ecuacion[data-v-0552286f] {
  margin: 1.5rem 0;
}
.elegir-titulo[data-v-0552286f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elegir-grid[data-v-0552286f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.elegir-item[data-v-0552286f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.elegir-condicion[data-v-0552286f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.elegir-usar[data-v-0552286f] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-0552286f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0552286f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0552286f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0552286f] {
  color: #6EE7B7;
}

/* Gráfico section */
.grafico-section[data-v-f6e84f97] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-f6e84f97] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-contenedor[data-v-f6e84f97] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
.grafico-contenedor[data-v-f6e84f97] {
    flex-direction: row;
    align-items: center;
}
.grafico-visual[data-v-f6e84f97] {
    flex: 0 0 200px;
}
.grafico-info[data-v-f6e84f97] {
    flex: 1;
}
}
.grafico-visual[data-v-f6e84f97] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.grafico-svg[data-v-f6e84f97] {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.grafico-info[data-v-f6e84f97] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-item[data-v-f6e84f97] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.info-item.destacado[data-v-f6e84f97] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.info-icono[data-v-f6e84f97] {
  font-size: 1rem;
}
.info-texto[data-v-f6e84f97] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.info-texto strong[data-v-f6e84f97] {
  color: #FFFFFF;
}
.info-texto strong.amarillo[data-v-f6e84f97] { color: #FCD34D;
}
.info-texto strong.verde[data-v-f6e84f97] { color: #6EE7B7;
}
.info-texto strong.rojo[data-v-f6e84f97] { color: #FCA5A5;
}
.formula-area[data-v-f6e84f97] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
  text-align: center;
}
.formula-label[data-v-f6e84f97] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-right: 0.5rem;
}
.formula[data-v-f6e84f97] {
  color: #FFFFFF;
  font-size: 1.1rem;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}
.fraccion[data-v-f6e84f97] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.1;
}
.fraccion .num[data-v-f6e84f97] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
}
.fraccion .den[data-v-f6e84f97] {
  padding-top: 2px;
}

/* Comparación gráficos */
.comparacion-graficos[data-v-f6e84f97] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-f6e84f97] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-f6e84f97] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-f6e84f97] {
  display: flex;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.col-header[data-v-f6e84f97] {
  flex: 1;
  text-align: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.col-header.mru[data-v-f6e84f97] { color: #6EE7B7;
}
.col-header.mrua[data-v-f6e84f97] { color: #FCD34D;
}
.tabla-row[data-v-f6e84f97] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.tabla-row[data-v-f6e84f97]:last-child {
  border-bottom: none;
}
.col-label[data-v-f6e84f97] {
  flex: 1;
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.col-dato[data-v-f6e84f97] {
  flex: 1;
  text-align: center;
  font-size: 0.8rem;
}
.col-dato.mru[data-v-f6e84f97] { color: #6EE7B7;
}
.col-dato.mrua[data-v-f6e84f97] { color: #FCD34D;
}

/* Tip */
.tip[data-v-f6e84f97] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f6e84f97] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f6e84f97] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f6e84f97] {
  color: #6EE7B7;
}

.simulador[data-v-d28ba372] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-d28ba372] {
  position: relative;
  width: 100%;
  height: 150px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.motion-canvas[data-v-d28ba372] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-d28ba372] {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.indicador[data-v-d28ba372] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
  font-size: 0.7rem;
}
.indicador.velocidad[data-v-d28ba372] {
  background: rgba(252, 211, 77, 0.2);
}
.ind-label[data-v-d28ba372] {
  color: #C4B5FD;
}
.ind-valor[data-v-d28ba372] {
  color: #6EE7B7;
  font-weight: 700;
}
.indicador.velocidad .ind-valor[data-v-d28ba372] {
  color: #FCD34D;
}

/* Gráficos container */
.graficos-container[data-v-d28ba372] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-pequeño[data-v-d28ba372] {
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.35rem;
}
.grafico-label[data-v-d28ba372] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 0.25rem;
}
.grafico-canvas[data-v-d28ba372] {
  width: 100%;
  height: 80px;
}

/* Panel de control */
.controles-panel[data-v-d28ba372] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-d28ba372] {
  margin-bottom: 0.75rem;
}
.control-group[data-v-d28ba372]:last-of-type {
  margin-bottom: 0.5rem;
}
.control-header[data-v-d28ba372] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.control-label[data-v-d28ba372] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-d28ba372] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.control-value.negativo[data-v-d28ba372] {
  color: #FCA5A5;
}
.slider[data-v-d28ba372] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-d28ba372]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider[data-v-d28ba372]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-d28ba372] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.botones-control[data-v-d28ba372] {
  display: flex;
  gap: 0.5rem;
}
.btn-control[data-v-d28ba372] {
  flex: 1;
  padding: 0.6rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  background: #10B981;
  color: white;
}
.btn-control.reiniciar[data-v-d28ba372] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Ecuación info */
.ecuacion-info[data-v-d28ba372] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-titulo[data-v-d28ba372] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.ecuaciones-grid[data-v-d28ba372] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.ec-item[data-v-d28ba372] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
}
.ec-formula[data-v-d28ba372] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}

/* Panel de desafíos */
.desafios-panel[data-v-d28ba372] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-d28ba372] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-d28ba372] {
  font-size: 1rem;
}
.desafios-titulo[data-v-d28ba372] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-d28ba372] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-d28ba372] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-d28ba372] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-d28ba372] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-d28ba372] {
  color: #6EE7B7;
}
.desafio-texto[data-v-d28ba372] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-d28ba372] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-d28ba372] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d28ba372] {
  font-size: 1.5rem;
}
.completado-texto[data-v-d28ba372] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Intro visual */
.intro-visual[data-v-441191b7] {
  margin: 1rem 0 1.5rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.escena-caida[data-v-441191b7] {
  position: relative;
  width: 120px;
  height: 180px;
  background: linear-gradient(to bottom, #1E3A5F, #0D1B2A);
  border-radius: 0.5rem;
  overflow: hidden;
}
.edificio[data-v-441191b7] {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px;
  height: 150px;
  background: #374151;
  border-radius: 0.25rem 0.25rem 0 0;
}
.ventanas[data-v-441191b7] {
  padding: 8px 5px;
}
.fila-ventanas[data-v-441191b7] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 8px;
}
.ventana[data-v-441191b7] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.objeto-cayendo[data-v-441191b7] {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 1.5rem;
  transition: none;
}
.objeto-cayendo.animando[data-v-441191b7] {
  animation: caer-441191b7 2.5s ease-in forwards;
}
@keyframes caer-441191b7 {
0% { top: 20px;
}
100% { top: 140px;
}
}
.suelo[data-v-441191b7] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  background: #4B5563;
}
.indicador-g[data-v-441191b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
}
.g-simbolo[data-v-441191b7] {
  font-size: 1.5rem;
  font-weight: 800;
  font-style: italic;
  color: #FCA5A5;
}
.g-valor[data-v-441191b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.g-direccion[data-v-441191b7] {
  font-size: 1.25rem;
  color: #FCA5A5;
}

/* Colores temáticos */
strong.gravedad[data-v-441191b7] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-441191b7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(239, 68, 68, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-441191b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-441191b7] {
  font-size: 1.25rem;
}
.def-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-441191b7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-441191b7] {
  color: #FFFFFF;
}

/* Gravedad box */
.gravedad-box[data-v-441191b7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.gravedad-header[data-v-441191b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.gravedad-icono[data-v-441191b7] {
  font-size: 1.25rem;
}
.gravedad-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.gravedad-valor[data-v-441191b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.g-exacto[data-v-441191b7] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.g-aprox[data-v-441191b7] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
  padding: 0.25rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.35rem;
}
.gravedad-nota[data-v-441191b7] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Características */
.caracteristicas-section[data-v-441191b7] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-441191b7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caracteristica-item[data-v-441191b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.car-icono[data-v-441191b7] {
  font-size: 1rem;
}
.car-texto[data-v-441191b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.car-texto strong[data-v-441191b7] {
  color: #FFFFFF;
}

/* Ecuaciones section */
.ecuaciones-section[data-v-441191b7] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.ecuaciones-nota[data-v-441191b7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.ecuaciones-grid[data-v-441191b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.ecuaciones-grid[data-v-441191b7] {
    flex-direction: row;
}
.ecuacion-item[data-v-441191b7] {
    flex: 1;
}
}
.ecuacion-item[data-v-441191b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ec-formula[data-v-441191b7] {
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.ec-nombre[data-v-441191b7] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.ecuaciones-aviso[data-v-441191b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.35rem;
}
.aviso-icono[data-v-441191b7] {
  font-size: 1rem;
}
.aviso-texto[data-v-441191b7] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Casos section */
.casos-section[data-v-441191b7] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-441191b7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caso-card[data-v-441191b7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-icono[data-v-441191b7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caso-nombre[data-v-441191b7] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-condicion[data-v-441191b7] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.caso-ecuacion[data-v-441191b7] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.caso-detalle[data-v-441191b7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-441191b7] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-441191b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-441191b7] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-enunciado[data-v-441191b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-emoji[data-v-441191b7] {
  font-size: 1.5rem;
}
.ejemplo-enunciado p[data-v-441191b7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-441191b7] {
  color: #6EE7B7;
}
.ejemplo-datos[data-v-441191b7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.dato[data-v-441191b7] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dato .valor[data-v-441191b7] {
  color: #6EE7B7;
  font-weight: 700;
}
.ejemplo-solucion[data-v-441191b7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-solucion[data-v-441191b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-441191b7] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-441191b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-texto .resultado[data-v-441191b7] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-441191b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-441191b7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-441191b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-441191b7] {
  color: #6EE7B7;
}

.ejercicios[data-v-39c05b0f] {
  width: 100%;
}

/* Progreso */
.progreso-ejercicios[data-v-39c05b0f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
  flex-wrap: wrap;
}
.progreso-item[data-v-39c05b0f] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-39c05b0f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-39c05b0f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Ejercicio container */
.ejercicio-container[data-v-39c05b0f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-39c05b0f] {
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.ejercicio-tipo[data-v-39c05b0f] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.ejercicio-tipo.mrua[data-v-39c05b0f] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.ejercicio-tipo.caida[data-v-39c05b0f] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Contenido del ejercicio */
.ejercicio-contenido[data-v-39c05b0f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.problema-visual[data-v-39c05b0f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escena-problema[data-v-39c05b0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
@media (min-width: 640px) {
.escena-problema[data-v-39c05b0f] {
    flex-direction: row;
    text-align: left;
}
}
.emoji-grande[data-v-39c05b0f] {
  font-size: 2.5rem;
}
.problema-texto[data-v-39c05b0f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.problema-texto strong[data-v-39c05b0f] {
  color: #6EE7B7;
}

/* Datos box */
.datos-box[data-v-39c05b0f] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.datos-titulo[data-v-39c05b0f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-lista[data-v-39c05b0f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.dato-item[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.dato-simbolo[data-v-39c05b0f] {
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.dato-valor[data-v-39c05b0f] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Pregunta box */
.pregunta-box[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.pregunta-icono[data-v-39c05b0f] {
  font-size: 1.1rem;
}
.pregunta-texto[data-v-39c05b0f] {
  margin: 0;
  color: #FCD34D;
  font-size: 0.9rem;
}
.pregunta-texto strong[data-v-39c05b0f] {
  color: #FFFFFF;
}

/* Fórmula ayuda */
.formula-ayuda[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.formula-titulo[data-v-39c05b0f] {
  color: #C4B5FD;
}
.formula-text[data-v-39c05b0f] {
  color: #FFFFFF;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
}

/* Respuesta area */
.respuesta-area[data-v-39c05b0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.input-group[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.input-label[data-v-39c05b0f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.input-respuesta[data-v-39c05b0f] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-39c05b0f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-39c05b0f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-respuesta[data-v-39c05b0f]::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.input-unidad[data-v-39c05b0f] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-39c05b0f] {
  padding: 0.5rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-39c05b0f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-39c05b0f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.feedback.incorrecto[data-v-39c05b0f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.feedback.correcto[data-v-39c05b0f] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-39c05b0f] {
  font-size: 1.1rem;
}
.feedback-contenido[data-v-39c05b0f] {
  flex: 1;
}
.feedback-texto[data-v-39c05b0f] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
}
.feedback.incorrecto .feedback-texto[data-v-39c05b0f] {
  color: #FCA5A5;
}
.feedback.correcto .feedback-texto[data-v-39c05b0f] {
  color: #6EE7B7;
}
.feedback-explicacion[data-v-39c05b0f] {
  margin: 0.35rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Navegación */
.ejercicio-nav[data-v-39c05b0f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-39c05b0f] {
  flex: 1;
}
.nav-btn[data-v-39c05b0f] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-39c05b0f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-39c05b0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-39c05b0f] {
  font-size: 1.5rem;
}
.completado-texto[data-v-39c05b0f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-39c05b0f], .slide-leave-active[data-v-39c05b0f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-39c05b0f] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-39c05b0f] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Concepto clave */
.concepto-clave[data-v-552f9f1a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.concepto-header[data-v-552f9f1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-552f9f1a] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.concepto-texto[data-v-552f9f1a] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.concepto-texto strong[data-v-552f9f1a] {
  color: #FFFFFF;
}
.concepto-texto strong.aceleracion[data-v-552f9f1a] {
  color: #FCD34D;
}

/* Ecuaciones resumen */
.ecuaciones-resumen[data-v-552f9f1a] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuaciones-lista[data-v-552f9f1a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecuacion-resumen[data-v-552f9f1a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ec-numero[data-v-552f9f1a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.ec-formula[data-v-552f9f1a] {
  flex: 1;
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.ec-uso[data-v-552f9f1a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}

/* Gráficos resumen */
.graficos-resumen[data-v-552f9f1a] {
  margin: 1.5rem 0;
}
.graficos-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.graficos-grid[data-v-552f9f1a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.grafico-item[data-v-552f9f1a] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.grafico-nombre[data-v-552f9f1a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.grafico-forma[data-v-552f9f1a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}
.grafico-nota[data-v-552f9f1a] {
  font-size: 0.65rem;
  color: #A78BFA;
  margin-top: 0.15rem;
}

/* Caída resumen */
.caida-resumen[data-v-552f9f1a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.caida-header[data-v-552f9f1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.caida-icono[data-v-552f9f1a] {
  font-size: 1.25rem;
}
.caida-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
}
.caida-contenido[data-v-552f9f1a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.caida-punto[data-v-552f9f1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-bullet[data-v-552f9f1a] {
  color: #FCA5A5;
  font-weight: 700;
}
.punto-texto[data-v-552f9f1a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-552f9f1a] {
  color: #FFFFFF;
}

/* Comparación final */
.comparacion-final[data-v-552f9f1a] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-552f9f1a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-552f9f1a] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila[data-v-552f9f1a]:last-child {
  border-bottom: none;
}
.tabla-fila.header[data-v-552f9f1a] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-col[data-v-552f9f1a] {
  flex: 1;
  padding: 0.5rem;
  text-align: center;
  font-size: 0.8rem;
}
.tabla-col.label[data-v-552f9f1a] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
}
.tabla-col.mru[data-v-552f9f1a] {
  color: #6EE7B7;
}
.tabla-col.mrua[data-v-552f9f1a] {
  color: #FCD34D;
}
.tabla-fila.header .tabla-col[data-v-552f9f1a] {
  font-weight: 700;
  font-size: 0.85rem;
}

/* Tips PAES */
.tips-paes[data-v-552f9f1a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-552f9f1a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-552f9f1a] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-552f9f1a] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.tips-lista[data-v-552f9f1a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-552f9f1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-552f9f1a] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-552f9f1a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-552f9f1a] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-552f9f1a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-552f9f1a] {
  font-size: 2rem;
}
.final-contenido[data-v-552f9f1a] {
  flex: 1;
}
.final-titulo[data-v-552f9f1a] {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.final-texto[data-v-552f9f1a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Intro visual */
.intro-visual[data-v-c17d0258] {
  margin: 1rem 0 1.5rem;
}
.escena-newton[data-v-c17d0258] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.objeto-escena[data-v-c17d0258] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.objeto-emoji[data-v-c17d0258] {
  font-size: 2.5rem;
}
.objeto-escena.movimiento.animando .objeto-emoji[data-v-c17d0258] {
  animation: mover-objeto-c17d0258 3.5s linear infinite;
}
@keyframes mover-objeto-c17d0258 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(20px);
}
}
.objeto-label[data-v-c17d0258] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.frase-clave[data-v-c17d0258] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}

/* Colores temáticos */
strong.estado[data-v-c17d0258] { color: #FCD34D;
}
strong.fuerza[data-v-c17d0258] { color: #FCA5A5;
}
strong.reposo[data-v-c17d0258] { color: #93C5FD;
}
strong.movimiento[data-v-c17d0258] { color: #6EE7B7;
}
strong.cero[data-v-c17d0258] { color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-c17d0258] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-c17d0258] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-c17d0258] {
  font-size: 1.25rem;
}
.def-titulo[data-v-c17d0258] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-c17d0258] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-c17d0258] {
  color: #FFFFFF;
}
.def-formula[data-v-c17d0258] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
}

/* Casos */
.casos-section[data-v-c17d0258] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-c17d0258] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-c17d0258] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.caso-item[data-v-c17d0258] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.caso-icono[data-v-c17d0258] {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.caso-titulo[data-v-c17d0258] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-desc[data-v-c17d0258] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.caso-desc strong[data-v-c17d0258] {
  color: #6EE7B7;
}
.caso-ejemplo[data-v-c17d0258] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.5rem;
  font-family: 'Times New Roman', serif;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-c17d0258] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c17d0258] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-c17d0258] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-c17d0258] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-c17d0258] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-c17d0258] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-c17d0258] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c17d0258] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c17d0258] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c17d0258] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-newton[data-v-c17d0258] {
    gap: 4rem;
    padding: 1.5rem;
}
.objeto-emoji[data-v-c17d0258] {
    font-size: 3rem;
}
.frase-clave[data-v-c17d0258] {
    font-size: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-56550cab] {
  margin: 1rem 0 1.5rem;
}
.escena-inercia[data-v-56550cab] {
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comparacion-masas[data-v-56550cab] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.masa-item[data-v-56550cab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.masa-item.pequeña[data-v-56550cab] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.masa-item.grande[data-v-56550cab] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.masa-emoji[data-v-56550cab] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.masa-label[data-v-56550cab] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.masa-desc[data-v-56550cab] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.masa-item.pequeña .masa-desc[data-v-56550cab] { color: #A7F3D0;
}
.masa-item.grande .masa-desc[data-v-56550cab] { color: #FECACA;
}
.vs-text[data-v-56550cab] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Colores temáticos */
strong.resistencia[data-v-56550cab] { color: #FCA5A5;
}
strong.masa[data-v-56550cab] { color: #FCD34D;
}
strong.inercia[data-v-56550cab] { color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-56550cab] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.def-header[data-v-56550cab] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-56550cab] {
  font-size: 1.25rem;
}
.def-titulo[data-v-56550cab] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-56550cab] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-56550cab] {
  color: #FCD34D;
}
.def-relacion[data-v-56550cab] {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Ejemplos grid */
.ejemplos-section[data-v-56550cab] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-56550cab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-56550cab] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-56550cab] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-56550cab] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
  text-align: center;
}
.ejemplo-titulo[data-v-56550cab] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.ejemplo-desc[data-v-56550cab] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.3;
}
.ejemplo-desc strong[data-v-56550cab] {
  color: #6EE7B7;
}

/* Truco del mantel */
.truco-section[data-v-56550cab] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.truco-header[data-v-56550cab] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.truco-icono[data-v-56550cab] {
  font-size: 1.25rem;
}
.truco-titulo[data-v-56550cab] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.truco-visual[data-v-56550cab] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.mesa-truco[data-v-56550cab] {
  position: relative;
  width: 120px;
  height: 50px;
  background: #8B4513;
  border-radius: 0.25rem;
}
.mantel[data-v-56550cab] {
  position: absolute;
  top: -2px;
  left: 10px;
  right: 10px;
  height: 8px;
  background: linear-gradient(90deg, #EF4444, #DC2626);
  border-radius: 2px;
}
.plato[data-v-56550cab] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
}
.truco-explicacion[data-v-56550cab] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tabla */
.tabla-section[data-v-56550cab] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-56550cab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-container[data-v-56550cab] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-56550cab] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila.header[data-v-56550cab] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.tabla-fila[data-v-56550cab]:last-child {
  border-bottom: none;
}
.tabla-col[data-v-56550cab] {
  flex: 1;
  padding: 0.4rem 0.3rem;
  text-align: center;
  font-size: 0.75rem;
}
.tabla-col.objeto[data-v-56550cab] { color: #E9D5FF;
}
.tabla-col.masa-baja[data-v-56550cab] { color: #A7F3D0;
}
.tabla-col.masa-media[data-v-56550cab] { color: #6EE7B7;
}
.tabla-col.masa-alta[data-v-56550cab] { color: #FCD34D;
}
.tabla-col.masa-muy-alta[data-v-56550cab] { color: #FCA5A5;
}
.tabla-col.inercia-baja[data-v-56550cab] { color: #A7F3D0;
}
.tabla-col.inercia-media[data-v-56550cab] { color: #6EE7B7;
}
.tabla-col.inercia-alta[data-v-56550cab] { color: #FCD34D;
}
.tabla-col.inercia-muy-alta[data-v-56550cab] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-56550cab] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-56550cab] {
  font-size: 1.25rem;
}
.tip-texto[data-v-56550cab] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-56550cab] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-masas[data-v-56550cab] {
    gap: 2rem;
}
.masa-emoji[data-v-56550cab] {
    font-size: 2.5rem;
}
.masa-label[data-v-56550cab] {
    font-size: 0.85rem;
}
.ejemplos-grid[data-v-56550cab] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-col[data-v-56550cab] {
    font-size: 0.85rem;
    padding: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-034bc0f0] {
  margin: 1rem 0 1.5rem;
}
.escena-equilibrio[data-v-034bc0f0] {
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.diagrama-fuerzas[data-v-034bc0f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flecha[data-v-034bc0f0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 700;
}
.flecha.izquierda[data-v-034bc0f0] {
  color: #FCA5A5;
}
.flecha.derecha[data-v-034bc0f0] {
  color: #6EE7B7;
}
.flecha-simbolo[data-v-034bc0f0] {
  font-size: 1.5rem;
}
.flecha-valor[data-v-034bc0f0] {
  font-size: 0.9rem;
}
.objeto-centro[data-v-034bc0f0] {
  font-size: 2.5rem;
  padding: 0 0.5rem;
}
.resultado-suma[data-v-034bc0f0] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.resultado-suma strong[data-v-034bc0f0] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.equilibrio[data-v-034bc0f0] { color: #6EE7B7;
}
strong.cero[data-v-034bc0f0] { color: #FCD34D;
}

/* Tipos de equilibrio */
.tipos-section[data-v-034bc0f0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-034bc0f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-034bc0f0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-item[data-v-034bc0f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-item.estatico[data-v-034bc0f0] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.tipo-item.dinamico[data-v-034bc0f0] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.tipo-icono[data-v-034bc0f0] {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.tipo-titulo[data-v-034bc0f0] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-034bc0f0] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tipo-desc strong[data-v-034bc0f0] {
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-034bc0f0] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.5rem;
  font-family: 'Times New Roman', serif;
}

/* DCL Section */
.dcl-section[data-v-034bc0f0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dcl-titulo[data-v-034bc0f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.dcl-intro[data-v-034bc0f0] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.dcl-ejemplo[data-v-034bc0f0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dcl-visual[data-v-034bc0f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 2.5rem 0;
}
.dcl-objeto[data-v-034bc0f0] {
  font-size: 2.5rem;
  position: relative;
  z-index: 1;
}
.dcl-fuerza[data-v-034bc0f0] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dcl-fuerza.arriba[data-v-034bc0f0] {
  top: 0;
}
.dcl-fuerza.abajo[data-v-034bc0f0] {
  bottom: 0;
}
.flecha-v[data-v-034bc0f0] {
  font-size: 1.5rem;
  font-weight: 700;
}
.dcl-fuerza.arriba .flecha-v[data-v-034bc0f0] {
  color: #6EE7B7;
}
.dcl-fuerza.abajo .flecha-v[data-v-034bc0f0] {
  color: #FCA5A5;
}
.nombre-fuerza[data-v-034bc0f0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dcl-explicacion[data-v-034bc0f0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dcl-item[data-v-034bc0f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dcl-item strong[data-v-034bc0f0] {
  color: #FFFFFF;
}
.dcl-color[data-v-034bc0f0] {
  font-size: 0.6rem;
}
.dcl-color.peso[data-v-034bc0f0] { color: #FCA5A5;
}
.dcl-color.normal[data-v-034bc0f0] { color: #6EE7B7;
}
.dcl-suma[data-v-034bc0f0] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  margin-top: 0.5rem;
}

/* Ejemplos de equilibrio */
.ejemplos-section[data-v-034bc0f0] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-034bc0f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-034bc0f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-equilibrio[data-v-034bc0f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-emoji[data-v-034bc0f0] {
  font-size: 1.25rem;
  min-width: 1.5rem;
  text-align: center;
}
.ej-contenido[data-v-034bc0f0] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ej-titulo[data-v-034bc0f0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-desc[data-v-034bc0f0] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ej-tipo[data-v-034bc0f0] {
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
  width: fit-content;
}
.ej-tipo.estatico[data-v-034bc0f0] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.ej-tipo.dinamico[data-v-034bc0f0] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}

/* Condiciones de equilibrio */
.condiciones-section[data-v-034bc0f0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.condiciones-header[data-v-034bc0f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.condiciones-icono[data-v-034bc0f0] {
  font-size: 1.25rem;
}
.condiciones-titulo[data-v-034bc0f0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.condiciones-formula[data-v-034bc0f0] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-034bc0f0] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.formula-componentes[data-v-034bc0f0] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.componente[data-v-034bc0f0] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
}
.condiciones-nota[data-v-034bc0f0] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.condiciones-nota strong[data-v-034bc0f0] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-034bc0f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-034bc0f0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-034bc0f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-034bc0f0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.dcl-ejemplo[data-v-034bc0f0] {
    flex-direction: row;
}
.dcl-visual[data-v-034bc0f0] {
    padding: 3rem 2rem;
}
.ejemplos-lista[data-v-034bc0f0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

.explorador[data-v-f82182de] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f82182de] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f82182de] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f82182de] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f82182de] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f82182de] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f82182de] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f82182de] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f82182de] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f82182de] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador de Fuerzas ===== */
.simulador-fuerzas[data-v-f82182de] {
  text-align: center;
}
.canvas-container[data-v-f82182de] {
  position: relative;
  padding: 1.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.objeto-simulador[data-v-f82182de] {
  font-size: 3rem;
  transition: transform 0.3s ease;
}
.objeto-simulador.moviendo[data-v-f82182de] {
  animation: vibrar-f82182de 0.3s infinite;
}
@keyframes vibrar-f82182de {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px);
}
75% { transform: translateX(3px);
}
}
.flechas-fuerzas[data-v-f82182de] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  height: 30px;
}
.flecha-f[data-v-f82182de] {
  height: 8px;
  border-radius: 4px;
  position: relative;
  transition: width 0.2s ease;
}
.flecha-f.flecha-izq[data-v-f82182de] {
  background: linear-gradient(to left, #FCA5A5, #EF4444);
  margin-right: 0.5rem;
}
.flecha-f.flecha-der[data-v-f82182de] {
  background: linear-gradient(to right, #6EE7B7, #10B981);
  margin-left: 0.5rem;
}
.flecha-label[data-v-f82182de] {
  position: absolute;
  top: -18px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}
.flecha-izq .flecha-label[data-v-f82182de] {
  left: 0;
  color: #FCA5A5;
}
.flecha-der .flecha-label[data-v-f82182de] {
  right: 0;
  color: #6EE7B7;
}
.suma-fuerzas[data-v-f82182de] {
  margin-top: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.suma-fuerzas.equilibrio[data-v-f82182de] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.equilibrio-badge[data-v-f82182de] {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.1rem 0.4rem;
  background: #10B981;
  border-radius: 9999px;
  font-size: 0.75rem;
  color: white;
}
.controles-fuerzas[data-v-f82182de] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-fuerza[data-v-f82182de] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-label[data-v-f82182de] {
  font-size: 0.8rem;
  font-weight: 600;
}
.control-label.izq[data-v-f82182de] { color: #FCA5A5;
}
.control-label.der[data-v-f82182de] { color: #6EE7B7;
}
.slider[data-v-f82182de] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.izq[data-v-f82182de] {
  background: rgba(252, 165, 165, 0.3);
}
.slider.der[data-v-f82182de] {
  background: rgba(110, 231, 183, 0.3);
}
.slider[data-v-f82182de]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.izq[data-v-f82182de]::-webkit-slider-thumb {
  background: #FCA5A5;
}
.slider.der[data-v-f82182de]::-webkit-slider-thumb {
  background: #6EE7B7;
}
.slider[data-v-f82182de]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.izq[data-v-f82182de]::-moz-range-thumb {
  background: #FCA5A5;
}
.slider.der[data-v-f82182de]::-moz-range-thumb {
  background: #6EE7B7;
}
.control-valor[data-v-f82182de] {
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
}
.control-valor.izq[data-v-f82182de] { color: #FCA5A5;
}
.control-valor.der[data-v-f82182de] { color: #6EE7B7;
}
.objetivo-d1[data-v-f82182de] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-f82182de] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Identificar Equilibrio ===== */
.identificar-container[data-v-f82182de] {
  text-align: center;
}
.situacion-visual[data-v-f82182de] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escena-situacion[data-v-f82182de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.escena-emoji[data-v-f82182de] {
  font-size: 2.5rem;
  margin-bottom: 0.25rem;
}
.escena-titulo[data-v-f82182de] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.escena-descripcion[data-v-f82182de] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pregunta-equilibrio[data-v-f82182de] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.botones-respuesta[data-v-f82182de] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.btn-respuesta[data-v-f82182de] {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  border: 2px solid transparent;
}
.btn-respuesta.si[data-v-f82182de] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.4);
}
.btn-respuesta.no[data-v-f82182de] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border-color: rgba(239, 68, 68, 0.4);
}
.btn-respuesta.seleccionado[data-v-f82182de] {
  transform: scale(1.05);
}
.btn-respuesta.correcto[data-v-f82182de] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-respuesta.incorrecto[data-v-f82182de] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.feedback-equilibrio[data-v-f82182de] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.feedback-equilibrio .correcto[data-v-f82182de] {
  color: #6EE7B7;
  font-weight: 700;
}
.feedback-equilibrio .incorrecto[data-v-f82182de] {
  color: #FCA5A5;
  font-weight: 700;
}
.feedback-equilibrio .explicacion[data-v-f82182de] {
  display: block;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.contador-situaciones[data-v-f82182de] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Calcular Fuerza ===== */
.calcular-container[data-v-f82182de] {
  text-align: center;
}
.problema-visual[data-v-f82182de] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.diagrama-problema[data-v-f82182de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flecha-problema[data-v-f82182de] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.flecha-problema.izq[data-v-f82182de] { color: #FCA5A5;
}
.flecha-problema.der[data-v-f82182de] { color: #6EE7B7;
}
.fp-flecha[data-v-f82182de] {
  font-size: 1.5rem;
  font-weight: 700;
}
.fp-valor[data-v-f82182de] {
  font-size: 1rem;
  font-weight: 700;
}
.fp-valor.incognita[data-v-f82182de] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
}
.objeto-problema[data-v-f82182de] {
  font-size: 2.5rem;
  padding: 0 0.5rem;
}
.condicion-problema[data-v-f82182de] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-style: italic;
}
.pregunta-calculo[data-v-f82182de] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-calculo strong[data-v-f82182de] {
  color: #6EE7B7;
}
.input-respuesta[data-v-f82182de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-calculo[data-v-f82182de] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-f82182de] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-f82182de] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-f82182de] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-f82182de] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-calculo[data-v-f82182de] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-calculo.correcto[data-v-f82182de] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-calculo.incorrecto[data-v-f82182de] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-problemas[data-v-f82182de] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-f82182de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f82182de] { font-size: 1.25rem;
}
.resultado-texto[data-v-f82182de] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f82182de] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f82182de] { flex: 1;
}
.nav-btn[data-v-f82182de] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f82182de] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f82182de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f82182de] { font-size: 1.75rem;
}
.completado-texto[data-v-f82182de] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f82182de], .slide-leave-active[data-v-f82182de] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f82182de] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f82182de] { opacity: 0; transform: translateX(-15px);
}

/* Resumen principal */
.resumen-principal[data-v-7216ac6d] {
  margin: 1rem 0 1.5rem;
}
.ley-box[data-v-7216ac6d] {
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  text-align: center;
}
.ley-header[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ley-icono[data-v-7216ac6d] {
  font-size: 1.5rem;
}
.ley-titulo[data-v-7216ac6d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ley-formula[data-v-7216ac6d] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.ley-significado[data-v-7216ac6d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ley-significado strong[data-v-7216ac6d] {
  color: #FCD34D;
}

/* Conceptos clave */
.conceptos-section[data-v-7216ac6d] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-7216ac6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-7216ac6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-7216ac6d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-emoji[data-v-7216ac6d] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.concepto-titulo[data-v-7216ac6d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.concepto-desc[data-v-7216ac6d] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.concepto-desc strong[data-v-7216ac6d] {
  color: #6EE7B7;
}

/* Ecuaciones */
.ecuaciones-section[data-v-7216ac6d] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-7216ac6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ecuaciones-lista[data-v-7216ac6d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ecuacion-item[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ec-formula[data-v-7216ac6d] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  min-width: 60px;
}
.ec-desc[data-v-7216ac6d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Palabras clave */
.palabras-clave-section[data-v-7216ac6d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.pk-header[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.pk-icono[data-v-7216ac6d] {
  font-size: 1.25rem;
}
.pk-titulo[data-v-7216ac6d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.pk-intro[data-v-7216ac6d] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pk-intro strong[data-v-7216ac6d] {
  color: #FFFFFF;
}
.pk-lista[data-v-7216ac6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.pk-item[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.pk-check[data-v-7216ac6d] {
  color: #6EE7B7;
  font-weight: 700;
}
.pk-texto[data-v-7216ac6d] {
  font-size: 0.75rem;
  color: #FFFFFF;
}

/* Error común */
.error-section[data-v-7216ac6d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.error-header[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.error-icono[data-v-7216ac6d] {
  font-size: 1.25rem;
}
.error-titulo[data-v-7216ac6d] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
}
.error-contenido[data-v-7216ac6d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-incorrecto[data-v-7216ac6d], .error-correcto[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  border-radius: 0.4rem;
}
.error-incorrecto[data-v-7216ac6d] {
  background: rgba(239, 68, 68, 0.15);
}
.error-correcto[data-v-7216ac6d] {
  background: rgba(16, 185, 129, 0.15);
}
.error-x[data-v-7216ac6d] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 1rem;
}
.error-check[data-v-7216ac6d] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}
.error-texto[data-v-7216ac6d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.error-texto strong[data-v-7216ac6d] {
  color: #FFFFFF;
}
.error-explicacion[data-v-7216ac6d] {
  margin: 0.5rem 0 0 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.error-explicacion strong[data-v-7216ac6d] {
  color: #FCD34D;
}

/* Diagrama resumen */
.diagrama-resumen[data-v-7216ac6d] {
  margin: 1.5rem 0;
}
.dr-titulo[data-v-7216ac6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.dr-contenido[data-v-7216ac6d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dr-caso[data-v-7216ac6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dr-visual[data-v-7216ac6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.dr-emoji[data-v-7216ac6d] {
  font-size: 1.5rem;
}
.dr-estado[data-v-7216ac6d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dr-flecha[data-v-7216ac6d] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.dr-resultado[data-v-7216ac6d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.dr-formula[data-v-7216ac6d] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.dr-tipo[data-v-7216ac6d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-7216ac6d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.tip-final .tip-icono[data-v-7216ac6d] {
  font-size: 1.75rem;
}
.tip-contenido[data-v-7216ac6d] {
  flex: 1;
}
.tip-titulo[data-v-7216ac6d] {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-7216ac6d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-7216ac6d] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-7216ac6d] {
    grid-template-columns: repeat(4, 1fr);
}
.pk-lista[data-v-7216ac6d] {
    grid-template-columns: repeat(3, 1fr);
}
.dr-contenido[data-v-7216ac6d] {
    flex-direction: row;
    gap: 1rem;
}
.dr-caso[data-v-7216ac6d] {
    flex: 1;
}
.ecuaciones-lista[data-v-7216ac6d] {
    flex-direction: row;
    gap: 0.5rem;
}
.ecuacion-item[data-v-7216ac6d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-d869925d] {
  margin: 1rem 0 1.5rem;
}
.escena-arquimedes[data-v-d869925d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.contenedor-agua[data-v-d869925d] {
  position: relative;
  width: 140px;
  height: 160px;
  border: 3px solid #6B7280;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}
.agua[data-v-d869925d] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 85%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.7));
  animation: ondas-d869925d 3s ease-in-out infinite;
}
@keyframes ondas-d869925d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}
.objeto-sumergido[data-v-d869925d] {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: flotar-d869925d 2s ease-in-out infinite;
}
@keyframes flotar-d869925d {
0%, 100% { transform: translateX(-50%) translateY(0);
}
50% { transform: translateX(-50%) translateY(-8px);
}
}
.cubo[data-v-d869925d] {
  font-size: 2rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
.flechas[data-v-d869925d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
}
.flecha-up[data-v-d869925d] {
  font-size: 1.5rem;
  color: #10B981;
  font-weight: bold;
  animation: pulsarUp-d869925d 1s ease-in-out infinite;
}
@keyframes pulsarUp-d869925d {
0%, 100% { transform: translateY(0); opacity: 0.7;
}
50% { transform: translateY(-5px); opacity: 1;
}
}
.etiqueta-empuje[data-v-d869925d] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.particulas[data-v-d869925d] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  pointer-events: none;
}
.particula[data-v-d869925d] {
  font-size: 0.6rem;
  opacity: 0.5;
  animation: burbuja-d869925d 3s ease-in-out infinite;
  position: absolute;
}
.particula[data-v-d869925d]:nth-child(1) { left: 10%; top: 70%;
}
.particula[data-v-d869925d]:nth-child(2) { left: 25%; top: 50%;
}
.particula[data-v-d869925d]:nth-child(3) { left: 40%; top: 80%;
}
.particula[data-v-d869925d]:nth-child(4) { left: 55%; top: 60%;
}
.particula[data-v-d869925d]:nth-child(5) { left: 70%; top: 75%;
}
.particula[data-v-d869925d]:nth-child(6) { left: 85%; top: 55%;
}
.particula[data-v-d869925d]:nth-child(7) { left: 15%; top: 40%;
}
.particula[data-v-d869925d]:nth-child(8) { left: 75%; top: 45%;
}
@keyframes burbuja-d869925d {
0%, 100% { transform: translateY(0) scale(1); opacity: 0.5;
}
50% { transform: translateY(-10px) scale(1.1); opacity: 0.8;
}
}
.etiqueta-historia[data-v-d869925d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
}
.etiqueta-historia .icono[data-v-d869925d] {
  font-size: 1rem;
}
.etiqueta-historia .texto[data-v-d869925d] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Colores temáticos */
strong.empuje[data-v-d869925d] { color: #6EE7B7;
}
strong.fluido[data-v-d869925d] { color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-d869925d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-d869925d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-d869925d] {
  font-size: 1.25rem;
}
.def-titulo[data-v-d869925d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-d869925d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
.def-texto strong[data-v-d869925d] {
  color: #FFFFFF;
}

/* Fórmula destacada */
.formula-destacada[data-v-d869925d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-d869925d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-d869925d] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-d869925d] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.formula-contenido[data-v-d869925d] {
  text-align: center;
}
.formula-principal[data-v-d869925d] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-leyenda[data-v-d869925d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  text-align: left;
}
.ley-item[data-v-d869925d] {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  font-size: 0.85rem;
}
.ley-var[data-v-d869925d] {
  color: #6EE7B7;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
  min-width: 2.5rem;
}
.ley-desc[data-v-d869925d] {
  color: #E9D5FF;
}

/* Conceptos */
.conceptos-section[data-v-d869925d] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-d869925d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-d869925d] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 480px) {
.conceptos-grid[data-v-d869925d] {
    grid-template-columns: repeat(2, 1fr);
}
}
.concepto-item[data-v-d869925d] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.con-icono[data-v-d869925d] {
  font-size: 1.25rem;
}
.con-contenido[data-v-d869925d] {
  display: flex;
  flex-direction: column;
}
.con-titulo[data-v-d869925d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.con-desc[data-v-d869925d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-d869925d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d869925d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d869925d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d869925d] {
  color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-27c61087] {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.formula-main[data-v-27c61087] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.formula-alternativa[data-v-27c61087] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Colores temáticos */
strong.empuje[data-v-27c61087] { color: #6EE7B7;
}
strong.peso[data-v-27c61087] { color: #FCA5A5;
}

/* Ejemplo */
.ejemplo-section[data-v-27c61087] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-27c61087] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-27c61087] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-27c61087] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-27c61087] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-solucion[data-v-27c61087] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-27c61087] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.paso-solucion.resultado[data-v-27c61087] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-27c61087] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-solucion.resultado .paso-num[data-v-27c61087] {
  background: #10B981;
  color: white;
}
.paso-contenido[data-v-27c61087] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-label[data-v-27c61087] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-valor[data-v-27c61087] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.resultado-final[data-v-27c61087] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* Diagrama */
.diagrama-section[data-v-27c61087] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-27c61087] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.diagrama-visual[data-v-27c61087] {
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.objeto-diagrama[data-v-27c61087] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cubo-central[data-v-27c61087] {
  font-size: 3rem;
  z-index: 1;
}
.flecha-arriba[data-v-27c61087], .flecha-abajo[data-v-27c61087] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
.flecha-arriba[data-v-27c61087] {
  bottom: 100%;
  margin-bottom: 0.25rem;
}
.flecha-abajo[data-v-27c61087] {
  top: 100%;
  margin-top: 0.25rem;
}
.flecha-arriba .flecha[data-v-27c61087] {
  font-size: 2rem;
  color: #6EE7B7;
  font-weight: bold;
  animation: pulsarUp-27c61087 1s ease-in-out infinite;
}
.flecha-abajo .flecha[data-v-27c61087] {
  font-size: 2rem;
  color: #FCA5A5;
  font-weight: bold;
  animation: pulsarDown-27c61087 1s ease-in-out infinite;
}
@keyframes pulsarUp-27c61087 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
@keyframes pulsarDown-27c61087 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
.etiqueta[data-v-27c61087] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.etiqueta.empuje[data-v-27c61087] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.etiqueta.peso[data-v-27c61087] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.diagrama-nota[data-v-27c61087] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-top: 0.75rem;
}
.nota-icono[data-v-27c61087] {
  font-size: 1rem;
}
.nota-texto[data-v-27c61087] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Concepto adicional */
.concepto-adicional[data-v-27c61087] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-27c61087] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-27c61087] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-27c61087] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.concepto-formula[data-v-27c61087] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-desc[data-v-27c61087] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-27c61087] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-27c61087] {
  font-size: 1.25rem;
}
.tip-texto[data-v-27c61087] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-27c61087] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.empuje[data-v-baf9c8fb] { color: #6EE7B7;
}
.positivo[data-v-baf9c8fb] { color: #6EE7B7;
}
.negativo[data-v-baf9c8fb] { color: #FCA5A5;
}
.neutral[data-v-baf9c8fb] { color: #93C5FD;
}

/* Condiciones visual */
.condiciones-visual[data-v-baf9c8fb] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.condicion-item[data-v-baf9c8fb] {
  flex: 1;
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.obj-container[data-v-baf9c8fb] {
  position: relative;
  width: 70px;
  height: 80px;
  border: 2px solid #4B5563;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
.agua-nivel[data-v-baf9c8fb] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: rgba(59, 130, 246, 0.4);
}
.objeto[data-v-baf9c8fb] {
  position: absolute;
  font-size: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
}
.objeto.flotando[data-v-baf9c8fb] {
  top: 35%;
  animation: flotar-baf9c8fb 2s ease-in-out infinite;
}
.objeto.neutro[data-v-baf9c8fb] {
  top: 50%;
}
@keyframes flotar-baf9c8fb {
0%, 100% { transform: translateX(-50%) translateY(0);
}
50% { transform: translateX(-50%) translateY(-4px);
}
}
.condicion-info[data-v-baf9c8fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cond-titulo[data-v-baf9c8fb] {
  font-size: 0.8rem;
  font-weight: 700;
}
.cond-rel[data-v-baf9c8fb] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.cond-ej[data-v-baf9c8fb] {
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Regla box */
.regla-box[data-v-baf9c8fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.regla-header[data-v-baf9c8fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.regla-icono[data-v-baf9c8fb] {
  font-size: 1.25rem;
}
.regla-titulo[data-v-baf9c8fb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.regla-contenido[data-v-baf9c8fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-baf9c8fb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-cond[data-v-baf9c8fb] {
  font-family: 'Times New Roman', serif;
  font-size: 0.85rem;
}
.regla-resultado[data-v-baf9c8fb] {
  font-weight: 700;
  font-size: 0.85rem;
}

/* Fuerzas */
.fuerzas-section[data-v-baf9c8fb] {
  margin: 1.5rem 0;
}
.fuerzas-titulo[data-v-baf9c8fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.fuerzas-grid[data-v-baf9c8fb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.fuerza-caso[data-v-baf9c8fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fuerza-visual[data-v-baf9c8fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.fuerza-visual .flecha-w[data-v-baf9c8fb] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 1rem;
}
.fuerza-visual .flecha-e[data-v-baf9c8fb] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}
.fuerza-visual .comparador[data-v-baf9c8fb] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.fuerza-label[data-v-baf9c8fb] {
  font-size: 0.65rem;
  font-weight: 600;
  text-align: center;
}

/* Fórmula flotación */
.formula-flotacion[data-v-baf9c8fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.formula-header[data-v-baf9c8fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-baf9c8fb] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-baf9c8fb] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.formula-contenido[data-v-baf9c8fb] {
  text-align: center;
}
.formula-main[data-v-baf9c8fb] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-desc[data-v-baf9c8fb] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo box */
.ejemplo-box[data-v-baf9c8fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-baf9c8fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-baf9c8fb] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-baf9c8fb] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.ejemplo-datos[data-v-baf9c8fb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-baf9c8fb] {
  display: flex;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-label[data-v-baf9c8fb] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}
.dato-valor[data-v-baf9c8fb] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.ejemplo-resultado[data-v-baf9c8fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.res-formula[data-v-baf9c8fb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.res-formula strong[data-v-baf9c8fb] {
  color: #6EE7B7;
}
.res-conclusion[data-v-baf9c8fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.res-conclusion strong[data-v-baf9c8fb] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-baf9c8fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-baf9c8fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-baf9c8fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-baf9c8fb] {
  color: #6EE7B7;
}

.simulador[data-v-bfaee5cf] {
  width: 100%;
}

/* Tanque container */
.tanque-container[data-v-bfaee5cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.tanque[data-v-bfaee5cf] {
  position: relative;
  width: 160px;
  height: 200px;
  border: 3px solid #6B7280;
  border-top: 2px dashed rgba(255, 255, 255, 0.3);
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
}
.fluido[data-v-bfaee5cf] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 15%;
  transition: background-color 0.3s ease;
}
.objeto-animado[data-v-bfaee5cf] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 5;
}
.objeto-animado.flota[data-v-bfaee5cf] {
  animation: flotar-bfaee5cf 2s ease-in-out infinite;
}
.objeto-animado.equilibrio[data-v-bfaee5cf] {
  animation: flotar-suave-bfaee5cf 3s ease-in-out infinite;
}
@keyframes flotar-bfaee5cf {
0%, 100% { transform: translateX(-50%) translateY(0);
}
50% { transform: translateX(-50%) translateY(-8px);
}
}
@keyframes flotar-suave-bfaee5cf {
0%, 100% { transform: translateX(-50%) translateY(0);
}
50% { transform: translateX(-50%) translateY(-4px);
}
}
.obj-emoji[data-v-bfaee5cf] {
  font-size: 2.5rem;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

/* Flechas de fuerza */
.flechas-fuerzas[data-v-bfaee5cf] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: top 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 4;
  pointer-events: none;
}
.flecha-container[data-v-bfaee5cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
.flecha-container.empuje[data-v-bfaee5cf] {
  bottom: 100%;
  margin-bottom: 2rem;
}
.flecha-container.peso[data-v-bfaee5cf] {
  top: 100%;
  margin-top: 2rem;
}
.flecha-container .flecha[data-v-bfaee5cf] {
  font-size: 1.5rem;
  font-weight: bold;
}
.flecha-container.empuje .flecha[data-v-bfaee5cf] {
  color: #6EE7B7;
  animation: pulsarUp-bfaee5cf 1s ease-in-out infinite;
}
.flecha-container.peso .flecha[data-v-bfaee5cf] {
  color: #FCA5A5;
  animation: pulsarDown-bfaee5cf 1s ease-in-out infinite;
}
@keyframes pulsarUp-bfaee5cf {
0%, 100% { transform: translateY(0); opacity: 0.8;
}
50% { transform: translateY(-3px); opacity: 1;
}
}
@keyframes pulsarDown-bfaee5cf {
0%, 100% { transform: translateY(0); opacity: 0.8;
}
50% { transform: translateY(3px); opacity: 1;
}
}
.flecha-label[data-v-bfaee5cf] {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  white-space: nowrap;
}
.flecha-container.empuje .flecha-label[data-v-bfaee5cf] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.flecha-container.peso .flecha-label[data-v-bfaee5cf] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}

/* Partículas */
.particulas[data-v-bfaee5cf] {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.particula[data-v-bfaee5cf] {
  position: absolute;
  font-size: 0.4rem;
  color: rgba(255, 255, 255, 0.25);
  animation: burbuja-bfaee5cf 4s ease-in-out infinite;
}
.particula[data-v-bfaee5cf]:nth-child(1) { left: 15%; top: 60%;
}
.particula[data-v-bfaee5cf]:nth-child(2) { left: 30%; top: 40%;
}
.particula[data-v-bfaee5cf]:nth-child(3) { left: 50%; top: 70%;
}
.particula[data-v-bfaee5cf]:nth-child(4) { left: 70%; top: 50%;
}
.particula[data-v-bfaee5cf]:nth-child(5) { left: 85%; top: 65%;
}
.particula[data-v-bfaee5cf]:nth-child(6) { left: 40%; top: 30%;
}
@keyframes burbuja-bfaee5cf {
0%, 100% { transform: translateY(0); opacity: 0.2;
}
50% { transform: translateY(-15px); opacity: 0.4;
}
}
.nivel-superficie[data-v-bfaee5cf] {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  border-top: 2px dashed rgba(255, 255, 255, 0.3);
}
.nivel-label[data-v-bfaee5cf] {
  position: absolute;
  right: -60px;
  top: -10px;
  font-size: 0.6rem;
  color: #9CA3AF;
  white-space: nowrap;
}

/* Estado info */
.estado-info[data-v-bfaee5cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
.estado-info.flota[data-v-bfaee5cf] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.estado-info.hundido[data-v-bfaee5cf] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.estado-info.equilibrio[data-v-bfaee5cf] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.estado-icono[data-v-bfaee5cf] {
  font-size: 1.25rem;
}
.estado-texto[data-v-bfaee5cf] {
  font-size: 0.9rem;
}

/* Panel de datos */
.datos-panel[data-v-bfaee5cf] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.datos-fila[data-v-bfaee5cf] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.5rem;
}
.dato-item[data-v-bfaee5cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-label[data-v-bfaee5cf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.dato-valor[data-v-bfaee5cf] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.datos-comparacion[data-v-bfaee5cf] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.comp-formula[data-v-bfaee5cf] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.comp-formula .menor[data-v-bfaee5cf] { color: #6EE7B7; font-weight: 700;
}
.comp-formula .mayor[data-v-bfaee5cf] { color: #FCA5A5; font-weight: 700;
}
.comp-formula .igual[data-v-bfaee5cf] { color: #93C5FD; font-weight: 700;
}

/* Controles */
.controles[data-v-bfaee5cf] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-bfaee5cf] {
  margin-bottom: 0.75rem;
}
.control-group[data-v-bfaee5cf]:last-child {
  margin-bottom: 0;
}
.control-header[data-v-bfaee5cf] {
  margin-bottom: 0.5rem;
}
.control-label[data-v-bfaee5cf] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.selector-grid[data-v-bfaee5cf] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.35rem;
}
.selector-grid.fluidos[data-v-bfaee5cf] {
  grid-template-columns: repeat(4, 1fr);
}
.selector-btn[data-v-bfaee5cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.selector-btn.activo[data-v-bfaee5cf] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}
.btn-emoji[data-v-bfaee5cf] {
  font-size: 1.25rem;
}
.btn-label[data-v-bfaee5cf] {
  font-size: 0.55rem;
  color: #E9D5FF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.btn-densidad[data-v-bfaee5cf] {
  font-size: 0.5rem;
  color: #A78BFA;
}

/* Desafíos */
.desafios-panel[data-v-bfaee5cf] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-bfaee5cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-bfaee5cf] {
  font-size: 1rem;
}
.desafios-titulo[data-v-bfaee5cf] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  flex: 1;
}
.desafios-progreso[data-v-bfaee5cf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.desafios-lista[data-v-bfaee5cf] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-bfaee5cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-bfaee5cf] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-bfaee5cf] {
  font-size: 0.9rem;
  color: #A78BFA;
  width: 1rem;
  text-align: center;
}
.desafio-item.completado .desafio-check[data-v-bfaee5cf] {
  color: #6EE7B7;
}
.desafio-texto[data-v-bfaee5cf] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Mensaje completado */
.mensaje-completado[data-v-bfaee5cf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-bfaee5cf] {
  font-size: 1.5rem;
}
.completado-texto[data-v-bfaee5cf] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Responsive */
@media (min-width: 480px) {
.tanque[data-v-bfaee5cf] {
    width: 200px;
    height: 240px;
}
.btn-label[data-v-bfaee5cf] {
    font-size: 0.65rem;
}
.btn-densidad[data-v-bfaee5cf] {
    font-size: 0.55rem;
}
}

/* Colores temáticos */
strong.empuje[data-v-9f0e5999] { color: #6EE7B7;
}
strong.submarino[data-v-9f0e5999] { color: #93C5FD;
}
.positivo[data-v-9f0e5999] { color: #6EE7B7;
}
.negativo[data-v-9f0e5999] { color: #FCA5A5;
}
.neutral[data-v-9f0e5999] { color: #93C5FD;
}

/* Intro visual */
.intro-visual[data-v-9f0e5999] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.transporte-icons[data-v-9f0e5999] {
  display: flex;
  justify-content: space-around;
}
.transporte-item[data-v-9f0e5999] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.t-emoji[data-v-9f0e5999] {
  font-size: 2rem;
  animation: flotar-9f0e5999 3s ease-in-out infinite;
}
.transporte-item:nth-child(2) .t-emoji[data-v-9f0e5999] { animation-delay: 0.5s;
}
.transporte-item:nth-child(3) .t-emoji[data-v-9f0e5999] { animation-delay: 1s;
}
.transporte-item:nth-child(4) .t-emoji[data-v-9f0e5999] { animation-delay: 1.5s;
}
@keyframes flotar-9f0e5999 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.t-label[data-v-9f0e5999] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Aplicación section */
.aplicacion-section[data-v-9f0e5999] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-section.submarino[data-v-9f0e5999] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.app-header[data-v-9f0e5999] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-icono[data-v-9f0e5999] {
  font-size: 1.5rem;
}
.app-titulo[data-v-9f0e5999] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.app-contenido[data-v-9f0e5999] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Barco visual */
.barco-visual[data-v-9f0e5999] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.barco-casco[data-v-9f0e5999] {
  width: 100px;
  height: 50px;
  background: #6B7280;
  border-radius: 0 0 50% 50%;
  position: relative;
  overflow: hidden;
}
.interior-aire[data-v-9f0e5999] {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 15px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0 0 40% 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aire-label[data-v-9f0e5999] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.agua-barco[data-v-9f0e5999] {
  width: 120px;
  height: 30px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.6));
  border-radius: 0 0 0.25rem 0.25rem;
  margin-top: -15px;
}

/* Submarino visual */
.submarino-visual[data-v-9f0e5999] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sub-estados[data-v-9f0e5999] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.sub-estado[data-v-9f0e5999] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.sub-cuerpo[data-v-9f0e5999] {
  width: 50px;
  height: 25px;
  background: #4B5563;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sub-cuerpo.flotando[data-v-9f0e5999] {
  transform: translateY(-5px);
}
.sub-cuerpo.hundido[data-v-9f0e5999] {
  transform: translateY(5px);
}
.tanque[data-v-9f0e5999] {
  font-size: 0.8rem;
}
.sub-label[data-v-9f0e5999] {
  font-size: 0.55rem;
  font-weight: 600;
  text-align: center;
}

/* Explicación */
.app-explicacion p[data-v-9f0e5999] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.lista-puntos[data-v-9f0e5999] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.lista-puntos li[data-v-9f0e5999] {
  margin-bottom: 0.35rem;
}

/* Ejemplos adicionales */
.ejemplos-adicionales[data-v-9f0e5999] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-9f0e5999] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-9f0e5999] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-9f0e5999] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-emoji[data-v-9f0e5999] {
  font-size: 1.25rem;
}
.ej-info[data-v-9f0e5999] {
  display: flex;
  flex-direction: column;
}
.ej-nombre[data-v-9f0e5999] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ej-desc[data-v-9f0e5999] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Dato curioso */
.dato-curioso[data-v-9f0e5999] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-9f0e5999] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-9f0e5999] {
  flex: 1;
}
.dato-titulo[data-v-9f0e5999] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.dato-texto[data-v-9f0e5999] {
  margin: 0.35rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-9f0e5999] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9f0e5999] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9f0e5999] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9f0e5999] {
  color: #6EE7B7;
}

/* Responsive */
@media (min-width: 480px) {
.app-contenido[data-v-9f0e5999] {
    flex-direction: row;
    align-items: flex-start;
}
.barco-visual[data-v-9f0e5999], .submarino-visual[data-v-9f0e5999] {
    min-width: 150px;
}
.ejemplos-grid[data-v-9f0e5999] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula hero */
.formula-hero[data-v-9f0744c4] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin: 1rem 0 1.5rem;
}
.formula-badge[data-v-9f0744c4] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.formula-main[data-v-9f0744c4] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.formula-equivalente[data-v-9f0744c4] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resumen cards */
.resumen-cards[data-v-9f0744c4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 480px) {
.resumen-cards[data-v-9f0744c4] {
    grid-template-columns: repeat(3, 1fr);
}
}
.resumen-card[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.card-icono[data-v-9f0744c4] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-9f0744c4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.card-desc[data-v-9f0744c4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Condiciones resumen */
.condiciones-resumen[data-v-9f0744c4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cond-titulo[data-v-9f0744c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.cond-grid[data-v-9f0744c4] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.cond-item[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  flex: 1;
}
.cond-item.flota[data-v-9f0744c4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cond-item.equilibrio[data-v-9f0744c4] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.cond-item.hunde[data-v-9f0744c4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.cond-simbolo[data-v-9f0744c4] {
  font-size: 1.25rem;
  font-weight: 800;
}
.cond-item.flota .cond-simbolo[data-v-9f0744c4] { color: #6EE7B7;
}
.cond-item.equilibrio .cond-simbolo[data-v-9f0744c4] { color: #93C5FD;
}
.cond-item.hunde .cond-simbolo[data-v-9f0744c4] { color: #FCA5A5;
}
.cond-info[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cond-densidades[data-v-9f0744c4] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.cond-resultado[data-v-9f0744c4] {
  font-size: 0.7rem;
  font-weight: 700;
}
.cond-item.flota .cond-resultado[data-v-9f0744c4] { color: #6EE7B7;
}
.cond-item.equilibrio .cond-resultado[data-v-9f0744c4] { color: #93C5FD;
}
.cond-item.hunde .cond-resultado[data-v-9f0744c4] { color: #FCA5A5;
}

/* Fórmulas útiles */
.formulas-utiles[data-v-9f0744c4] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-9f0744c4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-lista[data-v-9f0744c4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
@media (min-width: 480px) {
.formulas-lista[data-v-9f0744c4] {
    grid-template-columns: repeat(2, 1fr);
}
}
.formula-item[data-v-9f0744c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.f-nombre[data-v-9f0744c4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.f-ecuacion[data-v-9f0744c4] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Datos clave */
.datos-clave[data-v-9f0744c4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.datos-titulo[data-v-9f0744c4] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.datos-grid[data-v-9f0744c4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 480px) {
.datos-grid[data-v-9f0744c4] {
    grid-template-columns: repeat(4, 1fr);
}
}
.dato-item[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-nombre[data-v-9f0744c4] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}
.dato-valor[data-v-9f0744c4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-9f0744c4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-9f0744c4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-9f0744c4] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-9f0744c4] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.tips-lista[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9f0744c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-9f0744c4] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-9f0744c4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-9f0744c4] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-9f0744c4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-9f0744c4] {
  font-size: 2rem;
}
.final-contenido[data-v-9f0744c4] {
  display: flex;
  flex-direction: column;
}
.final-titulo[data-v-9f0744c4] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.final-texto[data-v-9f0744c4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Intro visual - Tubo Venturi */
.intro-visual[data-v-072c2922] {
  margin: 1rem 0 1.5rem;
}
.escena-tubo[data-v-072c2922] {
  padding: 1.5rem 0.5rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  overflow: hidden;
}
.tubo-venturi[data-v-072c2922] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}
.seccion[data-v-072c2922] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
  border-top: 3px solid #3B82F6;
  border-bottom: 3px solid #3B82F6;
}
.seccion.ancha[data-v-072c2922] {
  height: 60px;
  width: 80px;
}
.seccion.ancha.izq[data-v-072c2922] {
  border-left: 3px solid #3B82F6;
  border-radius: 0.5rem 0 0 0.5rem;
}
.seccion.ancha.der[data-v-072c2922] {
  border-right: 3px solid #3B82F6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.seccion.estrecha[data-v-072c2922] {
  height: 30px;
  width: 70px;
  background: linear-gradient(to bottom, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.5));
  border-color: #10B981;
}
.flujo[data-v-072c2922] {
  display: flex;
  gap: 0.25rem;
}
.particula[data-v-072c2922] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  animation: fluir-072c2922 1.5s ease-in-out infinite;
}
.flujo.rapido .particula[data-v-072c2922] {
  animation-duration: 0.8s;
  color: #6EE7B7;
  font-weight: bold;
}
@keyframes fluir-072c2922 {
0%, 100% { opacity: 0.4; transform: translateX(-5px);
}
50% { opacity: 1; transform: translateX(5px);
}
}
.etiqueta-seccion[data-v-072c2922] {
  position: absolute;
  bottom: -45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
}
.valor-v[data-v-072c2922] {
  color: #93C5FD;
  font-weight: 600;
}
.valor-v.alta[data-v-072c2922] {
  color: #6EE7B7;
  font-weight: 700;
}
.valor-p[data-v-072c2922] {
  color: #C4B5FD;
  font-size: 0.7rem;
}
.valor-p.baja[data-v-072c2922] {
  color: #FCA5A5;
}

/* Colores temáticos */
strong.fluido[data-v-072c2922] { color: #93C5FD;
}
strong.velocidad[data-v-072c2922] { color: #6EE7B7;
}
strong.presion[data-v-072c2922] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-072c2922] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-072c2922] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-072c2922] {
  font-size: 1.25rem;
}
.def-titulo[data-v-072c2922] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-relacion[data-v-072c2922] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.relacion-item[data-v-072c2922] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flecha-up[data-v-072c2922] {
  font-size: 1.5rem;
  color: #6EE7B7;
  font-weight: bold;
}
.flecha-down[data-v-072c2922] {
  font-size: 1.5rem;
  color: #FCA5A5;
  font-weight: bold;
}
.rel-texto[data-v-072c2922] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-weight: 600;
}
.relacion-simbolo[data-v-072c2922] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.def-nota[data-v-072c2922] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Condiciones */
.condiciones-section[data-v-072c2922] {
  margin: 1.5rem 0;
}
.condiciones-titulo[data-v-072c2922] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condiciones-grid[data-v-072c2922] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.condicion-item[data-v-072c2922] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.con-icono[data-v-072c2922] {
  font-size: 1.25rem;
}
.con-texto[data-v-072c2922] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.con-texto strong[data-v-072c2922] {
  color: #FFFFFF;
  font-size: 0.8rem;
}

/* Ecuación de continuidad */
.ecuacion-continuidad[data-v-072c2922] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.ec-header[data-v-072c2922] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ec-icono[data-v-072c2922] {
  font-size: 1.1rem;
}
.ec-titulo[data-v-072c2922] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.ec-formula[data-v-072c2922] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.ec-descripcion[data-v-072c2922] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplos */
.ejemplos-section[data-v-072c2922] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-072c2922] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-072c2922] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-072c2922] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-072c2922] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-072c2922] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.ej-desc[data-v-072c2922] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Tip */
.tip[data-v-072c2922] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-072c2922] {
  font-size: 1.25rem;
}
.tip-texto[data-v-072c2922] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-072c2922] {
  color: #6EE7B7;
}

/* Responsive */
@media (min-width: 640px) {
.seccion.ancha[data-v-072c2922] {
    width: 100px;
    height: 70px;
}
.seccion.estrecha[data-v-072c2922] {
    width: 90px;
    height: 35px;
}
.condiciones-grid[data-v-072c2922] {
    grid-template-columns: repeat(4, 1fr);
}
.con-texto[data-v-072c2922] {
    font-size: 0.8rem;
}
}

/* Ecuación principal */
.ecuacion-principal[data-v-bdd3ad3f] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.ec-titulo[data-v-bdd3ad3f] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ec-formula-main[data-v-bdd3ad3f] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ec-alternativa[data-v-bdd3ad3f] {
  font-size: 1rem;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Términos */
.terminos-section[data-v-bdd3ad3f] {
  margin: 1.5rem 0;
}
.terminos-titulo[data-v-bdd3ad3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.terminos-lista[data-v-bdd3ad3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.termino-item[data-v-bdd3ad3f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.termino-item.presion[data-v-bdd3ad3f] {
  background: rgba(252, 165, 165, 0.1);
  border-color: rgba(252, 165, 165, 0.4);
}
.termino-item.cinetico[data-v-bdd3ad3f] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.4);
}
.termino-item.potencial[data-v-bdd3ad3f] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.term-simbolo[data-v-bdd3ad3f] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  min-width: 55px;
  text-align: center;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.termino-item.presion .term-simbolo[data-v-bdd3ad3f] { color: #FCA5A5;
}
.termino-item.cinetico .term-simbolo[data-v-bdd3ad3f] { color: #6EE7B7;
}
.termino-item.potencial .term-simbolo[data-v-bdd3ad3f] { color: #93C5FD;
}
.term-contenido[data-v-bdd3ad3f] {
  display: flex;
  flex-direction: column;
}
.term-nombre[data-v-bdd3ad3f] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.term-tipo[data-v-bdd3ad3f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.term-unidad[data-v-bdd3ad3f] {
  font-size: 0.7rem;
  color: #A78BFA;
  font-family: monospace;
}

/* Variables */
.variables-section[data-v-bdd3ad3f] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-bdd3ad3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-bdd3ad3f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
@media (min-width: 400px) {
.variables-grid[data-v-bdd3ad3f] {
    grid-template-columns: repeat(5, 1fr);
}
}
.var-item[data-v-bdd3ad3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.var-simbolo[data-v-bdd3ad3f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.var-nombre[data-v-bdd3ad3f] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.var-unidad[data-v-bdd3ad3f] {
  font-size: 0.6rem;
  color: #A78BFA;
  font-family: monospace;
}

/* Casos especiales */
.casos-section[data-v-bdd3ad3f] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-bdd3ad3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caso-item[data-v-bdd3ad3f] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.caso-header[data-v-bdd3ad3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.caso-icono[data-v-bdd3ad3f] {
  font-size: 1rem;
}
.caso-nombre[data-v-bdd3ad3f] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
}
.caso-formula[data-v-bdd3ad3f] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
  margin-bottom: 0.25rem;
}
.caso-ejemplo[data-v-bdd3ad3f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-bdd3ad3f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ej-header[data-v-bdd3ad3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ej-icono[data-v-bdd3ad3f] {
  font-size: 1.1rem;
}
.ej-titulo[data-v-bdd3ad3f] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ej-enunciado[data-v-bdd3ad3f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.ej-enunciado strong[data-v-bdd3ad3f] {
  color: #FCD34D;
}
.ej-solucion[data-v-bdd3ad3f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.sol-paso[data-v-bdd3ad3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.35rem;
}
.paso-num[data-v-bdd3ad3f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-bdd3ad3f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.paso-texto strong.resultado[data-v-bdd3ad3f] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.ej-conclusion[data-v-bdd3ad3f] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
  text-align: center;
  padding: 0.35rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.35rem;
}

/* Tip */
.tip[data-v-bdd3ad3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bdd3ad3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bdd3ad3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bdd3ad3f] {
  color: #6EE7B7;
}

/* Aplicación cards */
.aplicacion-card[data-v-a41e0645] {
  margin: 1.25rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.aplicacion-card.venturi[data-v-a41e0645] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.aplicacion-card.alas[data-v-a41e0645] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.aplicacion-card.magnus[data-v-a41e0645] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.aplicacion-card.ducha[data-v-a41e0645] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.app-header[data-v-a41e0645] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.app-numero[data-v-a41e0645] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.venturi .app-numero[data-v-a41e0645] { background: #3B82F6; color: white;
}
.alas .app-numero[data-v-a41e0645] { background: #10B981; color: white;
}
.magnus .app-numero[data-v-a41e0645] { background: #F59E0B; color: white;
}
.ducha .app-numero[data-v-a41e0645] { background: #8B5CF6; color: white;
}
.app-titulo[data-v-a41e0645] {
  font-weight: 700;
  font-size: 1.05rem;
  color: #FFFFFF;
}

/* Visual Venturi */
.app-visual[data-v-a41e0645] {
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tubo-venturi-app[data-v-a41e0645] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.seccion-tubo[data-v-a41e0645] {
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
  border-top: 2px solid #3B82F6;
  border-bottom: 2px solid #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seccion-tubo.ancha-izq[data-v-a41e0645],
.seccion-tubo.ancha-der[data-v-a41e0645] {
  height: 50px;
  width: 60px;
}
.seccion-tubo.ancha-izq[data-v-a41e0645] {
  border-left: 2px solid #3B82F6;
  border-radius: 0.3rem 0 0 0.3rem;
}
.seccion-tubo.ancha-der[data-v-a41e0645] {
  border-right: 2px solid #3B82F6;
  border-radius: 0 0.3rem 0.3rem 0;
}
.seccion-tubo.estrecha-centro[data-v-a41e0645] {
  height: 28px;
  width: 70px;
  position: relative;
  background: linear-gradient(to bottom, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.5));
  border-color: #10B981;
}
.v-label[data-v-a41e0645] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.v-label.rapido[data-v-a41e0645] {
  color: #6EE7B7;
  font-weight: 600;
}
.manometro[data-v-a41e0645] {
  position: absolute;
  top: -30px;
  width: 12px;
  height: 25px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #6B7280;
  border-radius: 2px;
}
.columna-fluido.baja[data-v-a41e0645] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: #3B82F6;
  border-radius: 0 0 1px 1px;
}
.venturi-explicacion[data-v-a41e0645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.exp-presion[data-v-a41e0645] {
  color: #FCA5A5;
  font-weight: 600;
}
.exp-texto[data-v-a41e0645] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Colores temáticos */
strong.baja-p[data-v-a41e0645] { color: #FCA5A5;
}
strong.alta-p[data-v-a41e0645] { color: #6EE7B7;
}
strong.lift[data-v-a41e0645] { color: #FCD34D;
}
strong.suma[data-v-a41e0645] { color: #6EE7B7;
}
strong.resta[data-v-a41e0645] { color: #FCA5A5;
}
.app-descripcion[data-v-a41e0645] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.app-usos[data-v-a41e0645] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.uso-item[data-v-a41e0645] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  color: #C4B5FD;
}

/* Visual Ala */
.ala-visual[data-v-a41e0645] {
  position: relative;
  padding: 1rem 0.5rem;
}
.ala-perfil[data-v-a41e0645] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flujo-superior[data-v-a41e0645],
.flujo-inferior[data-v-a41e0645] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem;
}
.flecha-flujo[data-v-a41e0645] {
  font-size: 0.9rem;
  color: #6EE7B7;
  letter-spacing: -2px;
}
.flecha-flujo.lento[data-v-a41e0645] {
  color: #93C5FD;
}
.flujo-info[data-v-a41e0645] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.ala-forma[data-v-a41e0645] {
  width: 120px;
  height: 25px;
  background: linear-gradient(to bottom, #4B5563, #374151);
  border-radius: 50% 90% 20% 40% / 60% 50% 50% 40%;
  margin: 0.25rem 0;
}
.fuerza-sustentacion[data-v-a41e0645] {
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-lift[data-v-a41e0645] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: bold;
  animation: lift-pulse-a41e0645 1s ease-in-out infinite;
}
@keyframes lift-pulse-a41e0645 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.lift-label[data-v-a41e0645] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 600;
}
.formula-sustentacion[data-v-a41e0645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-top: 0.5rem;
}
.formula-label[data-v-a41e0645] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-eq[data-v-a41e0645] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Visual Magnus */
.magnus-visual[data-v-a41e0645] {
  position: relative;
}
.pelota-container[data-v-a41e0645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0.5rem;
}
.pelota[data-v-a41e0645] {
  width: 50px;
  height: 50px;
  background: radial-gradient(circle at 30% 30%, #4B5563, #1F2937);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: spin-a41e0645 2s linear infinite;
}
@keyframes spin-a41e0645 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.rotacion[data-v-a41e0645] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.flujo-arriba[data-v-a41e0645],
.flujo-abajo[data-v-a41e0645] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.flujo-arriba[data-v-a41e0645] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.flujo-abajo[data-v-a41e0645] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.flujo-mag[data-v-a41e0645] {
  color: #6EE7B7;
  font-weight: 600;
}
.flujo-mag.lento[data-v-a41e0645] {
  color: #FCA5A5;
}
.info-mag[data-v-a41e0645] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.desviacion[data-v-a41e0645] {
  position: absolute;
  right: 15%;
  top: 50%;
  transform: translateY(-50%);
}
.flecha-desv[data-v-a41e0645] {
  font-size: 1.5rem;
  color: #F59E0B;
  font-weight: bold;
  animation: desv-pulse-a41e0645 1s ease-in-out infinite;
}
@keyframes desv-pulse-a41e0645 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}

/* Fenómenos cotidianos */
.fenomenos-grid[data-v-a41e0645] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fenomeno-item[data-v-a41e0645] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.fen-icono[data-v-a41e0645] {
  font-size: 1.25rem;
}
.fen-nombre[data-v-a41e0645] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fen-exp[data-v-a41e0645] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-a41e0645] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a41e0645] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a41e0645] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a41e0645] {
  color: #6EE7B7;
}

/* Responsive */
@media (min-width: 480px) {
.fenomenos-grid[data-v-a41e0645] {
    flex-direction: row;
}
.fenomeno-item[data-v-a41e0645] {
    flex: 1;
}
}

.simulador[data-v-a14d101f] {
  width: 100%;
}

/* Selector de modo */
.modo-selector[data-v-a14d101f] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.modo-btn[data-v-a14d101f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.modo-btn.activo[data-v-a14d101f] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}
.modo-icono[data-v-a14d101f] {
  font-size: 1.5rem;
}
.modo-label[data-v-a14d101f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* === VENTURI VISUAL === */
.venturi-visual[data-v-a14d101f] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.tubo-container[data-v-a14d101f] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  position: relative;
}
.tubo-seccion[data-v-a14d101f] {
  position: relative;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
  border-top: 3px solid #3B82F6;
  border-bottom: 3px solid #3B82F6;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height 0.3s ease;
}
.tubo-seccion.ancha[data-v-a14d101f] {
  width: 70px;
  height: 80px;
  border-left: 3px solid #3B82F6;
  border-radius: 0.4rem 0 0 0.4rem;
}
.tubo-seccion.ancha.derecha[data-v-a14d101f] {
  border-left: none;
  border-right: 3px solid #3B82F6;
  border-radius: 0 0.4rem 0.4rem 0;
}
.tubo-seccion.estrecha[data-v-a14d101f] {
  width: 80px;
  background: linear-gradient(to bottom, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.5));
  border-color: #10B981;
}
.flujo-particulas[data-v-a14d101f] {
  display: flex;
  gap: 0.25rem;
  animation: fluir-a14d101f 2s linear infinite;
}
.flujo-particulas.rapido[data-v-a14d101f] {
  animation-duration: 0.8s;
}
.particula[data-v-a14d101f] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
}
.flujo-particulas.rapido .particula[data-v-a14d101f] {
  color: #6EE7B7;
  font-weight: bold;
}
@keyframes fluir-a14d101f {
0% { transform: translateX(-10px); opacity: 0.3;
}
50% { opacity: 1;
}
100% { transform: translateX(10px); opacity: 0.3;
}
}
.seccion-info[data-v-a14d101f] {
  position: absolute;
  bottom: -55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.65rem;
  white-space: nowrap;
}
.info-label[data-v-a14d101f] {
  color: #C4B5FD;
}
.info-valor.velocidad[data-v-a14d101f] {
  color: #93C5FD;
}
.info-valor.velocidad.alta[data-v-a14d101f] {
  color: #6EE7B7;
  font-weight: 600;
}
.info-valor.presion[data-v-a14d101f] {
  color: #E9D5FF;
}
.info-valor.presion.baja[data-v-a14d101f] {
  color: #FCA5A5;
}
.delta-p-display[data-v-a14d101f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 3.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.delta-label[data-v-a14d101f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.delta-valor[data-v-a14d101f] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* === ALA VISUAL === */
.ala-visual[data-v-a14d101f] {
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(135, 206, 235, 0.1), rgba(0, 0, 0, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.ala-container[data-v-a14d101f] {
  position: relative;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flujo-zona[data-v-a14d101f] {
  position: relative;
  width: 100%;
  padding: 0.5rem;
}
.flujo-lineas[data-v-a14d101f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  animation: viento-a14d101f 3s linear infinite;
}
.flujo-lineas.lento[data-v-a14d101f] {
  animation-duration: 4s;
}
.linea-flujo[data-v-a14d101f] {
  color: #6EE7B7;
  font-size: 1rem;
  opacity: 0.7;
}
.flujo-lineas.lento .linea-flujo[data-v-a14d101f] {
  color: #93C5FD;
}
@keyframes viento-a14d101f {
0% { transform: translateX(-15px); opacity: 0.3;
}
50% { opacity: 1;
}
100% { transform: translateX(15px); opacity: 0.3;
}
}
.zona-info[data-v-a14d101f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.7rem;
  margin-top: 0.25rem;
}
.zona-v[data-v-a14d101f] {
  color: #6EE7B7;
}
.zona-p.baja[data-v-a14d101f] {
  color: #FCA5A5;
}
.zona-p.alta[data-v-a14d101f] {
  color: #93C5FD;
}
.ala-perfil[data-v-a14d101f] {
  margin: 0.5rem 0;
  transition: transform 0.3s ease;
}
.perfil-forma[data-v-a14d101f] {
  width: 150px;
  height: 30px;
  background: linear-gradient(to bottom, #4B5563, #374151);
  border-radius: 50% 90% 15% 45% / 60% 50% 40% 40%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.sustentacion-vector[data-v-a14d101f] {
  position: absolute;
  right: 15%;
  bottom: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: height 0.3s ease;
}
.flecha-sust[data-v-a14d101f] {
  font-size: 2rem;
  color: #FCD34D;
  font-weight: bold;
  animation: lift-a14d101f 1s ease-in-out infinite;
}
@keyframes lift-a14d101f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.sust-valor[data-v-a14d101f] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
  white-space: nowrap;
}
.sustentacion-info[data-v-a14d101f] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.sust-formula[data-v-a14d101f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.sust-resultado[data-v-a14d101f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.sust-resultado strong[data-v-a14d101f] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Panel de controles */
.control-panel[data-v-a14d101f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.control-item[data-v-a14d101f] {
  margin-bottom: 0.75rem;
}
.control-item[data-v-a14d101f]:last-child {
  margin-bottom: 0;
}
.control-header[data-v-a14d101f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}
.control-label[data-v-a14d101f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-a14d101f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-a14d101f] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
}
.slider[data-v-a14d101f]::-webkit-slider-thumb {
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(110, 231, 183, 0.5);
}
.slider[data-v-a14d101f]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-labels[data-v-a14d101f] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Fórmulas panel */
.formulas-panel[data-v-a14d101f] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.formula-row[data-v-a14d101f] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
}
.formula-row[data-v-a14d101f]:last-child {
  margin-bottom: 0;
}
.form-label[data-v-a14d101f] {
  color: #C4B5FD;
  font-weight: 600;
}
.form-eq[data-v-a14d101f] {
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}

/* Desafíos */
.desafios-panel[data-v-a14d101f] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.desafios-header[data-v-a14d101f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-a14d101f] {
  font-size: 1rem;
}
.desafios-titulo[data-v-a14d101f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-a14d101f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-a14d101f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-a14d101f] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-a14d101f] {
  font-size: 0.9rem;
  color: #A78BFA;
  width: 1rem;
  text-align: center;
}
.desafio-item.completado .desafio-check[data-v-a14d101f] {
  color: #6EE7B7;
}
.desafio-texto[data-v-a14d101f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-a14d101f] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-a14d101f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a14d101f] {
  font-size: 1.5rem;
}
.completado-texto[data-v-a14d101f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Responsive */
@media (min-width: 640px) {
.tubo-seccion.ancha[data-v-a14d101f] {
    width: 90px;
    height: 90px;
}
.tubo-seccion.estrecha[data-v-a14d101f] {
    width: 100px;
}
.seccion-info[data-v-a14d101f] {
    font-size: 0.75rem;
}
.perfil-forma[data-v-a14d101f] {
    width: 180px;
    height: 35px;
}
}

/* Concepto central */
.concepto-central[data-v-8e696a16] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.cc-icono[data-v-8e696a16] {
  font-size: 2rem;
}
.cc-texto[data-v-8e696a16] {
  font-size: 1.1rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.cc-texto strong.baja[data-v-8e696a16] {
  color: #FCA5A5;
}

/* Ecuaciones resumen */
.ecuaciones-resumen[data-v-8e696a16] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.ecuacion-item[data-v-8e696a16] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ecuacion-item.principal[data-v-8e696a16] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.eq-nombre[data-v-8e696a16] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.eq-formula[data-v-8e696a16] {
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.ecuacion-item.principal .eq-formula[data-v-8e696a16] {
  font-size: 1.1rem;
}

/* Aplicaciones resumen */
.aplicaciones-resumen[data-v-8e696a16] {
  margin-bottom: 1.25rem;
}
.ar-titulo[data-v-8e696a16] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ar-grid[data-v-8e696a16] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ar-item[data-v-8e696a16] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.ar-item.destacado[data-v-8e696a16] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ar-icono[data-v-8e696a16] {
  font-size: 1.25rem;
}
.ar-nombre[data-v-8e696a16] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  min-width: 90px;
}
.ar-desc[data-v-8e696a16] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmula destacada */
.formula-destacada[data-v-8e696a16] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.fd-header[data-v-8e696a16] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.fd-icono[data-v-8e696a16] {
  font-size: 1.1rem;
}
.fd-titulo[data-v-8e696a16] {
  font-weight: 600;
  color: #93C5FD;
  font-size: 0.9rem;
}
.fd-formula[data-v-8e696a16] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Times New Roman', serif;
}

/* Tips PAES */
.tips-paes[data-v-8e696a16] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-8e696a16] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-item[data-v-8e696a16] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.tip-num[data-v-8e696a16] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-contenido[data-v-8e696a16] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8e696a16] {
  color: #FCD34D;
}

/* Errores comunes */
.errores-comunes[data-v-8e696a16] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.ec-titulo[data-v-8e696a16] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ec-lista[data-v-8e696a16] {
  margin-bottom: 0.5rem;
}
.ec-lista[data-v-8e696a16]:last-child {
  margin-bottom: 0;
}
.ec-item[data-v-8e696a16] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.ec-mal[data-v-8e696a16] {
  color: #EF4444;
  font-weight: bold;
  width: 20px;
  text-align: center;
}
.ec-bien[data-v-8e696a16] {
  color: #10B981;
  font-weight: bold;
  width: 20px;
  text-align: center;
}
.ec-texto[data-v-8e696a16] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ec-texto strong[data-v-8e696a16] {
  color: #6EE7B7;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-8e696a16] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.ep-header[data-v-8e696a16] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ep-icono[data-v-8e696a16] {
  font-size: 1rem;
}
.ep-titulo[data-v-8e696a16] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.ep-pregunta[data-v-8e696a16] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-style: italic;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
}
.ep-respuesta[data-v-8e696a16] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ep-respuesta strong[data-v-8e696a16] {
  color: #6EE7B7;
}

/* Felicitación */
.felicitacion[data-v-8e696a16] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.fel-icono[data-v-8e696a16] {
  font-size: 1.75rem;
}
.fel-texto[data-v-8e696a16] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}

/* Responsive */
@media (min-width: 480px) {
.ar-grid[data-v-8e696a16] {
    flex-direction: row;
    flex-wrap: wrap;
}
.ar-item[data-v-8e696a16] {
    flex: 1 1 calc(50% - 0.25rem);
    flex-direction: column;
    text-align: center;
}
.ar-nombre[data-v-8e696a16] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-63b016fb] {
  margin: 1rem 0 1.5rem;
}
.escena-pascal[data-v-63b016fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.contenedor-fluido[data-v-63b016fb] {
  position: relative;
  width: 200px;
  height: 100px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
  border: 3px solid #6B7280;
  border-radius: 0.5rem;
  overflow: visible;
}
.fluido[data-v-63b016fb] {
  position: absolute;
  inset: 0;
}
.particulas[data-v-63b016fb] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.particula[data-v-63b016fb] {
  font-size: 0.5rem;
  color: rgba(147, 197, 253, 0.5);
  animation: flotar-63b016fb 2s ease-in-out infinite;
  margin: 0.2rem;
}
@keyframes flotar-63b016fb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}
.piston[data-v-63b016fb] {
  position: absolute;
  top: -30px;
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.piston-izq[data-v-63b016fb] {
  left: 20px;
}
.piston-der[data-v-63b016fb] {
  right: 20px;
  width: 50px;
}
.piston-cabeza[data-v-63b016fb] {
  background: #6B7280;
  padding: 0.3rem;
  border-radius: 0.25rem 0.25rem 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: presionar-63b016fb 2s ease-in-out infinite;
}
.piston-cabeza.subiendo[data-v-63b016fb] {
  animation: subir-63b016fb 2s ease-in-out infinite;
}
@keyframes presionar-63b016fb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(10px);
}
}
@keyframes subir-63b016fb {
0%, 100% { transform: translateY(10px);
}
50% { transform: translateY(0);
}
}
.flecha-fuerza[data-v-63b016fb] {
  font-size: 1rem;
  color: #F59E0B;
  font-weight: bold;
}
.flecha-fuerza.arriba[data-v-63b016fb] {
  color: #10B981;
}
.etiqueta-f[data-v-63b016fb] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: bold;
}
.flechas-presion[data-v-63b016fb] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.flecha-p[data-v-63b016fb] {
  color: #FCD34D;
  font-size: 1rem;
  animation: pulsar-63b016fb 1.5s ease-in-out infinite;
}
@keyframes pulsar-63b016fb {
0%, 100% { opacity: 0.5; transform: translateX(0);
}
50% { opacity: 1; transform: translateX(5px);
}
}
.etiqueta-pascal[data-v-63b016fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.etiqueta-pascal .icono[data-v-63b016fb] {
  font-size: 1rem;
}
.etiqueta-pascal .texto[data-v-63b016fb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Colores temáticos */
strong.fluido[data-v-63b016fb] { color: #93C5FD;
}
strong.positivo[data-v-63b016fb] { color: #6EE7B7;
}
strong.negativo[data-v-63b016fb] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-63b016fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-63b016fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-63b016fb] {
  font-size: 1.25rem;
}
.def-titulo[data-v-63b016fb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-63b016fb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-63b016fb] {
  color: #FFFFFF;
}

/* Características */
.caracteristicas-section[data-v-63b016fb] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-63b016fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-63b016fb] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
}
@media (min-width: 480px) {
.caracteristicas-grid[data-v-63b016fb] {
    grid-template-columns: repeat(2, 1fr);
}
}
.caracteristica-item[data-v-63b016fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-63b016fb] {
  font-size: 1.25rem;
}
.car-contenido[data-v-63b016fb] {
  display: flex;
  flex-direction: column;
}
.car-titulo[data-v-63b016fb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.car-desc[data-v-63b016fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Analogía box */
.analogia-box[data-v-63b016fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.analogia-header[data-v-63b016fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.analogia-icono[data-v-63b016fb] {
  font-size: 1.25rem;
}
.analogia-titulo[data-v-63b016fb] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.analogia-texto[data-v-63b016fb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.analogia-texto strong[data-v-63b016fb] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-63b016fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-63b016fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-63b016fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-63b016fb] {
  color: #6EE7B7;
}
.tip-texto strong.fluido[data-v-63b016fb] {
  color: #93C5FD;
}

/* Diagrama de prensa */
.diagrama-section[data-v-a25be5c3] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.prensa-diagrama[data-v-a25be5c3] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0;
  min-height: 140px;
  position: relative;
}
.piston-pequeno[data-v-a25be5c3], .piston-grande[data-v-a25be5c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.piston-barra[data-v-a25be5c3] {
  width: 100%;
  height: 40px;
  background: linear-gradient(to right, #6B7280, #9CA3AF, #6B7280);
  border-radius: 0.25rem 0.25rem 0 0;
}
.piston-pequeno .piston-barra[data-v-a25be5c3] {
  width: 20px;
}
.piston-grande .piston-barra[data-v-a25be5c3] {
  width: 60px;
}
.piston-base[data-v-a25be5c3] {
  background: #4B5563;
  color: #E9D5FF;
  padding: 0.5rem;
  border-radius: 0 0 0.25rem 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.piston-pequeno .piston-base[data-v-a25be5c3] {
  width: 35px;
}
.piston-grande .piston-base[data-v-a25be5c3] {
  width: 80px;
}
.fluido-conexion[data-v-a25be5c3] {
  position: relative;
  width: 80px;
  height: 30px;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  border-top: none;
  margin-top: auto;
  border-radius: 0 0 0.25rem 0.25rem;
}
.fluido-nivel[data-v-a25be5c3] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.5), rgba(59, 130, 246, 0.7));
}
.flecha-f1[data-v-a25be5c3], .flecha-f2[data-v-a25be5c3] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-f1[data-v-a25be5c3] {
  top: -45px;
}
.flecha-f2[data-v-a25be5c3] {
  bottom: -45px;
}
.flecha-f1 .flecha[data-v-a25be5c3], .flecha-f2 .flecha[data-v-a25be5c3] {
  font-size: 1.5rem;
  font-weight: bold;
}
.flecha-f1 .flecha[data-v-a25be5c3] {
  color: #F59E0B;
}
.flecha-f2 .flecha[data-v-a25be5c3] {
  color: #10B981;
}
.flecha-f1 .label[data-v-a25be5c3], .flecha-f2 .label[data-v-a25be5c3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #E9D5FF;
}
.presion-igual[data-v-a25be5c3] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(139, 92, 246, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Colores temáticos */
strong.fluido[data-v-a25be5c3] { color: #93C5FD;
}
strong.positivo[data-v-a25be5c3] { color: #6EE7B7;
}
strong.negativo[data-v-a25be5c3] { color: #FCA5A5;
}

/* Fórmula box */
.formula-box[data-v-a25be5c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-header[data-v-a25be5c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-a25be5c3] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-a25be5c3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-principal[data-v-a25be5c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0;
}
.fraccion[data-v-a25be5c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-a25be5c3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid #E9D5FF;
}
.denominador[data-v-a25be5c3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  padding-top: 0.25rem;
}
.igual[data-v-a25be5c3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-alternativa[data-v-a25be5c3] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.formula-alternativa strong[data-v-a25be5c3] {
  color: #6EE7B7;
}

/* Variables */
.variables-section[data-v-a25be5c3] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-a25be5c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-a25be5c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.variable-item[data-v-a25be5c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.var-simbolo[data-v-a25be5c3] {
  min-width: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}
.var-nombre[data-v-a25be5c3] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.var-unidad[data-v-a25be5c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Ejemplo */
.ejemplo-box[data-v-a25be5c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-a25be5c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-a25be5c3] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-a25be5c3] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-a25be5c3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-problema strong[data-v-a25be5c3] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-a25be5c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-a25be5c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-a25be5c3] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-a25be5c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-resultado[data-v-a25be5c3] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Concepto extra */
.concepto-extra[data-v-a25be5c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-a25be5c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-a25be5c3] {
  font-size: 1.1rem;
}
.concepto-titulo[data-v-a25be5c3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.concepto-formula[data-v-a25be5c3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  font-family: 'Times New Roman', serif;
}
.concepto-texto[data-v-a25be5c3] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-a25be5c3] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a25be5c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a25be5c3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a25be5c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a25be5c3] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.fluido[data-v-ef4e02e2] { color: #93C5FD;
}
strong.positivo[data-v-ef4e02e2] { color: #6EE7B7;
}
strong.negativo[data-v-ef4e02e2] { color: #FCA5A5;
}

/* Cards de aplicación */
.aplicacion-card[data-v-ef4e02e2] {
  margin: 1.25rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-header[data-v-ef4e02e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.aplicacion-icono[data-v-ef4e02e2] {
  font-size: 1.5rem;
}
.aplicacion-titulo[data-v-ef4e02e2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.05rem;
}

/* Visual prensa simple */
.aplicacion-visual[data-v-ef4e02e2] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.prensa-simple[data-v-ef4e02e2] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-height: 80px;
}
.piston-p[data-v-ef4e02e2], .piston-g[data-v-ef4e02e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.piston-p[data-v-ef4e02e2] {
  width: 30px;
}
.piston-g[data-v-ef4e02e2] {
  width: 60px;
}
.arrow-down[data-v-ef4e02e2] {
  font-size: 1.5rem;
  color: #F59E0B;
  animation: bounce-down-ef4e02e2 1s ease-in-out infinite;
}
@keyframes bounce-down-ef4e02e2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
.arrow-up[data-v-ef4e02e2] {
  font-size: 1.5rem;
  color: #10B981;
  animation: bounce-up-ef4e02e2 1s ease-in-out infinite;
}
@keyframes bounce-up-ef4e02e2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.label-f[data-v-ef4e02e2] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.fluido-tube[data-v-ef4e02e2] {
  width: 60px;
  height: 25px;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
  overflow: hidden;
}
.fluido-interior[data-v-ef4e02e2] {
  height: 100%;
  background: linear-gradient(to right, rgba(59, 130, 246, 0.5), rgba(59, 130, 246, 0.7));
}

/* Visual frenos */
.aplicacion-visual.frenos[data-v-ef4e02e2] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.pedal-freno[data-v-ef4e02e2], .cilindro-rueda[data-v-ef4e02e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.pedal-icono[data-v-ef4e02e2], .rueda-icono[data-v-ef4e02e2] {
  font-size: 1.5rem;
}
.pedal-texto[data-v-ef4e02e2], .rueda-texto[data-v-ef4e02e2] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.linea-fluido[data-v-ef4e02e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.linea-arrow[data-v-ef4e02e2] {
  font-size: 1.5rem;
  color: #3B82F6;
  animation: pulse-right-ef4e02e2 1s ease-in-out infinite;
}
@keyframes pulse-right-ef4e02e2 {
0%, 100% { transform: translateX(0); opacity: 0.6;
}
50% { transform: translateX(5px); opacity: 1;
}
}
.linea-label[data-v-ef4e02e2] {
  font-size: 0.6rem;
  color: #93C5FD;
}

/* Visual gato */
.aplicacion-visual.gato[data-v-ef4e02e2] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  min-height: 70px;
}
.gato-base[data-v-ef4e02e2] {
  display: flex;
  align-items: flex-end;
  gap: 0.25rem;
}
.gato-cilindro[data-v-ef4e02e2] {
  width: 30px;
  height: 50px;
  background: #4B5563;
  border-radius: 0.25rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.25rem;
}
.gato-piston[data-v-ef4e02e2] {
  width: 20px;
  height: 25px;
  background: #9CA3AF;
  border-radius: 0.25rem;
  animation: piston-move-ef4e02e2 1.5s ease-in-out infinite;
}
@keyframes piston-move-ef4e02e2 {
0%, 100% { height: 25px;
}
50% { height: 35px;
}
}
.gato-palanca[data-v-ef4e02e2] {
  font-size: 1.25rem;
}
.palanca-arrow[data-v-ef4e02e2] {
  animation: pump-ef4e02e2 1.5s ease-in-out infinite;
}
@keyframes pump-ef4e02e2 {
0%, 100% { transform: rotate(-15deg);
}
50% { transform: rotate(15deg);
}
}
.gato-carga[data-v-ef4e02e2] {
  font-size: 2rem;
  animation: lift-ef4e02e2 1.5s ease-in-out infinite;
}
@keyframes lift-ef4e02e2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}

/* Otros sistemas */
.otros-sistemas[data-v-ef4e02e2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.sistema-item[data-v-ef4e02e2] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.sistema-icono[data-v-ef4e02e2] {
  font-size: 1.1rem;
}
.sistema-nombre[data-v-ef4e02e2] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Descripción y dato */
.aplicacion-desc[data-v-ef4e02e2] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.aplicacion-desc strong[data-v-ef4e02e2] {
  color: #FFFFFF;
}
.aplicacion-dato[data-v-ef4e02e2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}

/* Principio clave */
.principio-clave[data-v-ef4e02e2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.principio-header[data-v-ef4e02e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.principio-icono[data-v-ef4e02e2] {
  font-size: 1.25rem;
}
.principio-titulo[data-v-ef4e02e2] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.principio-texto[data-v-ef4e02e2] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.principio-formula[data-v-ef4e02e2] {
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: 'Times New Roman', serif;
}

/* Tip */
.tip[data-v-ef4e02e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ef4e02e2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ef4e02e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef4e02e2] {
  color: #6EE7B7;
}

.simulador[data-v-ce1f7730] {
  width: 100%;
}

/* Visualización de la prensa */
.prensa-visual[data-v-ce1f7730] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.prensa-container[data-v-ce1f7730] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  min-height: 150px;
  position: relative;
}
.piston[data-v-ce1f7730] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.piston-cabeza[data-v-ce1f7730] {
  background: linear-gradient(to right, #6B7280, #9CA3AF, #6B7280);
  border-radius: 0.25rem 0.25rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: height 0.3s ease;
  min-height: 30px;
}
.piston-pequeno .piston-cabeza[data-v-ce1f7730] {
  width: 40px;
}
.piston-grande .piston-cabeza[data-v-ce1f7730] {
  width: 80px;
}
.area-label[data-v-ce1f7730] {
  font-size: 0.6rem;
  color: #E9D5FF;
  font-weight: 600;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}
.fuerza-indicador[data-v-ce1f7730] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.fuerza-indicador.entrada[data-v-ce1f7730] {
  top: -50px;
}
.fuerza-indicador.salida[data-v-ce1f7730] {
  bottom: -50px;
}
.fuerza-indicador .flecha[data-v-ce1f7730] {
  font-size: 1.5rem;
  font-weight: bold;
}
.fuerza-indicador.entrada .flecha[data-v-ce1f7730] {
  color: #F59E0B;
  animation: bounce-down-ce1f7730 1s ease-in-out infinite;
}
.fuerza-indicador.salida .flecha[data-v-ce1f7730] {
  color: #10B981;
  animation: bounce-up-ce1f7730 1s ease-in-out infinite;
}
@keyframes bounce-down-ce1f7730 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(5px);
}
}
@keyframes bounce-up-ce1f7730 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.fuerza-indicador .valor[data-v-ce1f7730] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  white-space: nowrap;
}
.fluido-body[data-v-ce1f7730] {
  width: 60px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.6));
  border: 2px solid #3B82F6;
  border-top: none;
  border-radius: 0 0 0.25rem 0.25rem;
  position: relative;
  overflow: hidden;
}
.fluido-contenido[data-v-ce1f7730] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
}
.particula[data-v-ce1f7730] {
  font-size: 0.4rem;
  color: rgba(147, 197, 253, 0.6);
  animation: flotar-ce1f7730 2s ease-in-out infinite;
  margin: 0.1rem;
}
@keyframes flotar-ce1f7730 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}
.presion-badge[data-v-ce1f7730] {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(139, 92, 246, 0.3);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.relacion-info[data-v-ce1f7730] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
}
.relacion-label[data-v-ce1f7730] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.relacion-valor[data-v-ce1f7730] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Panel de fórmula */
.formula-panel[data-v-ce1f7730] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-ce1f7730] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-ecuacion[data-v-ce1f7730] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.formula-valores[data-v-ce1f7730] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula-resultado[data-v-ce1f7730] {
  font-size: 1rem;
  color: #E9D5FF;
}
.formula-resultado strong[data-v-ce1f7730] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-extra[data-v-ce1f7730] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-left: 0.3rem;
}

/* Controles */
.controles-panel[data-v-ce1f7730] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-group[data-v-ce1f7730] {
  margin-bottom: 1rem;
}
.control-group[data-v-ce1f7730]:last-child {
  margin-bottom: 0;
}
.control-header[data-v-ce1f7730] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.35rem;
}
.control-label[data-v-ce1f7730] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-ce1f7730] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.slider[data-v-ce1f7730] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
}
.slider[data-v-ce1f7730]::-webkit-slider-thumb {
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(110, 231, 183, 0.5);
}
.slider[data-v-ce1f7730]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-grande[data-v-ce1f7730]::-webkit-slider-thumb {
  background: #FCD34D;
  box-shadow: 0 0 10px rgba(252, 211, 77, 0.5);
}
.slider-grande[data-v-ce1f7730]::-moz-range-thumb {
  background: #FCD34D;
}
.slider-labels[data-v-ce1f7730] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Desafíos */
.desafios-panel[data-v-ce1f7730] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-ce1f7730] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-ce1f7730] {
  font-size: 1rem;
}
.desafios-titulo[data-v-ce1f7730] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-ce1f7730] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-ce1f7730] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-ce1f7730] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-ce1f7730] {
  font-size: 0.9rem;
  color: #A78BFA;
  width: 1rem;
  text-align: center;
}
.desafio-item.completado .desafio-check[data-v-ce1f7730] {
  color: #6EE7B7;
}
.desafio-texto[data-v-ce1f7730] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-ce1f7730] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-ce1f7730] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ce1f7730] {
  font-size: 1.5rem;
}
.completado-texto[data-v-ce1f7730] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.positivo[data-v-f8f5cf98] { color: #6EE7B7;
}
strong.negativo[data-v-f8f5cf98] { color: #FCA5A5;
}
strong.fluido[data-v-f8f5cf98] { color: #93C5FD;
}

/* Header de resumen */
.resumen-header[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.1));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-f8f5cf98] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-f8f5cf98] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
}
.concepto-box[data-v-f8f5cf98] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-f8f5cf98] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-f8f5cf98] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Fórmulas */
.formulas-section[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
}
.formulas-titulo[data-v-f8f5cf98] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-f8f5cf98] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6rem;
}
@media (min-width: 400px) {
.formulas-grid[data-v-f8f5cf98] {
    grid-template-columns: repeat(2, 1fr);
}
}
.formula-card[data-v-f8f5cf98] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-f8f5cf98] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.formula-expresion[data-v-f8f5cf98] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.frac[data-v-f8f5cf98] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.num[data-v-f8f5cf98] {
  border-bottom: 1px solid #E9D5FF;
  padding-bottom: 0.1rem;
}
.den[data-v-f8f5cf98] {
  padding-top: 0.1rem;
  color: #FCD34D;
}
.eq[data-v-f8f5cf98] {
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-section[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
}
.puntos-titulo[data-v-f8f5cf98] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.puntos-lista[data-v-f8f5cf98] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-f8f5cf98] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.punto-check[data-v-f8f5cf98] {
  color: #6EE7B7;
  font-weight: bold;
  min-width: 1rem;
}
.punto-texto[data-v-f8f5cf98] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-f8f5cf98] {
  color: #FFFFFF;
}

/* Aplicaciones */
.aplicaciones-section[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
}
.aplicaciones-titulo[data-v-f8f5cf98] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aplicaciones-grid[data-v-f8f5cf98] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion-mini[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.app-icono[data-v-f8f5cf98] {
  font-size: 1.1rem;
}
.app-nombre[data-v-f8f5cf98] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-f8f5cf98] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-f8f5cf98] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.ejemplo-problema[data-v-f8f5cf98] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-paso[data-v-f8f5cf98] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.sol-flecha[data-v-f8f5cf98] {
  color: #A78BFA;
}
.sol-resultado[data-v-f8f5cf98] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.sol-resultado strong[data-v-f8f5cf98] {
  color: #6EE7B7;
}

/* Errores comunes */
.errores-section[data-v-f8f5cf98] {
  margin-bottom: 1.25rem;
}
.errores-titulo[data-v-f8f5cf98] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-f8f5cf98] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.error-x[data-v-f8f5cf98] {
  color: #FCA5A5;
  font-weight: bold;
  font-size: 0.9rem;
}
.error-texto[data-v-f8f5cf98] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-f8f5cf98] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-f8f5cf98] {
  font-size: 1.5rem;
}
.final-texto[data-v-f8f5cf98] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.final-texto strong[data-v-f8f5cf98] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-e4b0513a] {
  margin: 1rem 0 1.5rem;
}
.escena-newton[data-v-e4b0513a] {
  display: flex;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
  overflow: hidden;
}
.objeto-escena[data-v-e4b0513a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.objeto-emoji[data-v-e4b0513a] {
  font-size: 3rem;
  transition: transform 0.3s ease;
}
.objeto-escena.animando .objeto-emoji[data-v-e4b0513a] {
  animation: acelerar-objeto-e4b0513a 3s ease-in-out infinite;
}
@keyframes acelerar-objeto-e4b0513a {
0%, 100% { transform: translateX(-30px);
}
50% { transform: translateX(30px);
}
}
.flecha-fuerza[data-v-e4b0513a] {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.flecha-fuerza.activa[data-v-e4b0513a] {
  opacity: 1;
  animation: pulsar-flecha-e4b0513a 1s ease-in-out infinite;
}
@keyframes pulsar-flecha-e4b0513a {
0%, 100% { transform: translateY(-50%) scale(1);
}
50% { transform: translateY(-50%) scale(1.1);
}
}
.flecha-fuerza[data-v-e4b0513a]::before {
  content: '→';
  font-size: 2rem;
  color: #FCA5A5;
  font-weight: bold;
}
.flecha-label[data-v-e4b0513a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-left: 0.25rem;
}
.frase-clave[data-v-e4b0513a] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.aceleracion[data-v-e4b0513a] { color: #6EE7B7;
}
strong.fuerza[data-v-e4b0513a] { color: #FCA5A5;
}
strong.masa[data-v-e4b0513a] { color: #93C5FD;
}
strong.proporcional[data-v-e4b0513a] { color: #FCD34D;
}
strong.inversamente[data-v-e4b0513a] { color: #FCD34D;
}
strong.negativo[data-v-e4b0513a] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-e4b0513a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-e4b0513a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-e4b0513a] {
  font-size: 1.25rem;
}
.def-titulo[data-v-e4b0513a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-e4b0513a] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-e4b0513a] {
  color: #FFFFFF;
}
.def-formula[data-v-e4b0513a] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.1em;
}
.formula-leyenda[data-v-e4b0513a] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Relaciones */
.relaciones-section[data-v-e4b0513a] {
  margin: 1.5rem 0;
}
.relaciones-titulo[data-v-e4b0513a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relaciones-grid[data-v-e4b0513a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.relacion-item[data-v-e4b0513a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-icono[data-v-e4b0513a] {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.relacion-titulo[data-v-e4b0513a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.relacion-desc[data-v-e4b0513a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.relacion-ejemplo[data-v-e4b0513a] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.5rem;
  font-family: 'Times New Roman', serif;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-e4b0513a] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e4b0513a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-e4b0513a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-e4b0513a] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-e4b0513a] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-e4b0513a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-e4b0513a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e4b0513a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e4b0513a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e4b0513a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-newton[data-v-e4b0513a] {
    padding: 2rem;
}
.objeto-emoji[data-v-e4b0513a] {
    font-size: 4rem;
}
.frase-clave[data-v-e4b0513a] {
    font-size: 0.95rem;
}
.def-formula[data-v-e4b0513a] {
    font-size: 1.75rem;
}
}

/* Formula central */
.formula-central[data-v-3dbd3267] {
  text-align: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin: 1rem 0 1.5rem;
}
.formula-grande[data-v-3dbd3267] {
  font-size: 2.5rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
}
.var[data-v-3dbd3267] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.var.fuerza[data-v-3dbd3267] { color: #FCA5A5;
}
.var.masa[data-v-3dbd3267] { color: #93C5FD;
}
.var.aceleracion[data-v-3dbd3267] { color: #6EE7B7;
}
.igual[data-v-3dbd3267], .punto[data-v-3dbd3267] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.formula-unidades[data-v-3dbd3267] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Colores temáticos para strong */
strong.fuerza[data-v-3dbd3267] { color: #FCA5A5;
}
strong.masa[data-v-3dbd3267] { color: #93C5FD;
}
strong.aceleracion[data-v-3dbd3267] { color: #6EE7B7;
}

/* Ecuaciones */
.ecuaciones-section[data-v-3dbd3267] {
  margin: 1.5rem 0;
}
.ecuaciones-titulo[data-v-3dbd3267] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuaciones-grid[data-v-3dbd3267] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecuacion-card[data-v-3dbd3267] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ec-formula[data-v-3dbd3267] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.ec-uso[data-v-3dbd3267] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ec-ejemplo[data-v-3dbd3267] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Unidades */
.unidades-section[data-v-3dbd3267] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-3dbd3267] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.unidades-tabla[data-v-3dbd3267] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.unidad-row[data-v-3dbd3267] {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1.2fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.unidad-row[data-v-3dbd3267]:last-child {
  border-bottom: none;
}
.unidad-row.header[data-v-3dbd3267] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.u-var[data-v-3dbd3267], .u-simbolo[data-v-3dbd3267], .u-unidad[data-v-3dbd3267] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.u-var.fuerza[data-v-3dbd3267] { color: #FCA5A5;
}
.u-var.masa[data-v-3dbd3267] { color: #93C5FD;
}
.u-var.aceleracion[data-v-3dbd3267] { color: #6EE7B7;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-3dbd3267] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-3dbd3267] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-3dbd3267] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-3dbd3267] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-3dbd3267] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.ejemplo-solucion[data-v-3dbd3267] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-3dbd3267] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-3dbd3267] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-3dbd3267] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.sol-resultado[data-v-3dbd3267] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.res-label[data-v-3dbd3267] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.res-valor[data-v-3dbd3267] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Newton box */
.newton-box[data-v-3dbd3267] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.newton-header[data-v-3dbd3267] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.newton-icono[data-v-3dbd3267] {
  font-size: 1.1rem;
}
.newton-titulo[data-v-3dbd3267] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.newton-def[data-v-3dbd3267] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.newton-formula[data-v-3dbd3267] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Tip */
.tip[data-v-3dbd3267] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-3dbd3267] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3dbd3267] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3dbd3267] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-3dbd3267] {
    font-size: 3rem;
}
.ecuaciones-grid[data-v-3dbd3267] {
    flex-direction: row;
}
.ecuacion-card[data-v-3dbd3267] {
    flex: 1;
}
}

/* Colores temáticos */
strong.peso[data-v-64421025] { color: #FCA5A5;
}
strong.pesado[data-v-64421025] { color: #FCA5A5;
}
strong.liviano[data-v-64421025] { color: #6EE7B7;
}
strong.normal[data-v-64421025] { color: #93C5FD;
}

/* Aplicacion card */
.aplicacion-card[data-v-64421025] {
  margin: 1.25rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.app-header[data-v-64421025] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-icono[data-v-64421025] {
  font-size: 1.25rem;
}
.app-titulo[data-v-64421025] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.app-contenido[data-v-64421025] {
  color: #E9D5FF;
}
.app-desc[data-v-64421025] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
.app-formula[data-v-64421025] {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.app-nota[data-v-64421025] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.app-ejemplo[data-v-64421025] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.85rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.ej-label[data-v-64421025] {
  font-weight: 600;
  color: #6EE7B7;
}
.ej-texto[data-v-64421025] {
  color: #E9D5FF;
}
.ej-texto strong[data-v-64421025] {
  color: #6EE7B7;
}

/* Casos ascensor */
.casos-ascensor[data-v-64421025] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caso-asc[data-v-64421025] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  align-items: center;
}
.caso-dir[data-v-64421025] {
  color: #C4B5FD;
  font-weight: 600;
}
.caso-efecto[data-v-64421025] {
  color: #E9D5FF;
  text-align: center;
}
.caso-formula[data-v-64421025] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  text-align: right;
  font-weight: 600;
}

/* Plano visual */
.plano-visual[data-v-64421025] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.plano-diagrama[data-v-64421025] {
  position: relative;
  width: 120px;
  height: 80px;
}
.plano-linea[data-v-64421025] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top right, transparent 49%, rgba(139, 92, 246, 0.5) 49%, rgba(139, 92, 246, 0.5) 51%, transparent 51%);
  border-bottom: 2px solid rgba(139, 92, 246, 0.5);
}
.plano-objeto[data-v-64421025] {
  position: absolute;
  bottom: 30%;
  left: 35%;
  font-size: 1.5rem;
  transform: rotate(-25deg);
}
.plano-angulo[data-v-64421025] {
  position: absolute;
  bottom: 5px;
  left: 25px;
  font-size: 0.8rem;
  color: #FCD34D;
  font-style: italic;
}

/* Sistema visual */
.sistema-visual[data-v-64421025] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin: 0.5rem 0;
}
.masa-visual[data-v-64421025] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.cuerda[data-v-64421025] {
  color: #C4B5FD;
  letter-spacing: -2px;
}

/* Resumen aplicaciones */
.resumen-aplicaciones[data-v-64421025] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-64421025] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.resumen-tabla[data-v-64421025] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.resumen-row[data-v-64421025] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.resumen-row[data-v-64421025]:last-child {
  border-bottom: none;
}
.resumen-row.header[data-v-64421025] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.r-sit[data-v-64421025] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.r-form[data-v-64421025] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  text-align: right;
}

/* Tip */
.tip[data-v-64421025] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-64421025] {
  font-size: 1.25rem;
}
.tip-texto[data-v-64421025] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-64421025] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caso-asc[data-v-64421025] {
    font-size: 0.85rem;
}
}

.explorador[data-v-9c122022] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9c122022] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9c122022] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9c122022] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-9c122022] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9c122022] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9c122022] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9c122022] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9c122022] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-9c122022] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-fma[data-v-9c122022] {
  text-align: center;
}
.canvas-fma[data-v-9c122022] {
  position: relative;
  padding: 1.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.objeto-fma[data-v-9c122022] {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}
.objeto-fma.moviendo[data-v-9c122022] {
  animation: mover-fma-9c122022 1s ease-in-out infinite;
}
@keyframes mover-fma-9c122022 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(15px);
}
}
.obj-emoji[data-v-9c122022] {
  font-size: 2.5rem;
}
.obj-masa[data-v-9c122022] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
  margin-top: 0.25rem;
}
.flecha-fuerza-d1[data-v-9c122022] {
  position: absolute;
  left: calc(50% + 40px);
  top: 50%;
  transform: translateY(-50%);
  height: 8px;
  background: linear-gradient(to right, #FCA5A5, #EF4444);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flecha-fuerza-d1[data-v-9c122022]::after {
  content: '▶';
  position: absolute;
  right: -12px;
  color: #EF4444;
  font-size: 0.8rem;
}
.flecha-f-label[data-v-9c122022] {
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCA5A5;
}
.resultado-aceleracion[data-v-9c122022] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.res-formula[data-v-9c122022] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.res-valor[data-v-9c122022] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  transition: transform 0.2s ease;
}
.res-valor.destacado[data-v-9c122022] {
  transform: scale(1.1);
}
.controles-d1[data-v-9c122022] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-9c122022] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-label[data-v-9c122022] {
  font-size: 0.8rem;
  font-weight: 600;
}
.control-label.fuerza[data-v-9c122022] { color: #FCA5A5;
}
.control-label.masa[data-v-9c122022] { color: #93C5FD;
}
.slider[data-v-9c122022] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
}
.slider.fuerza[data-v-9c122022] {
  background: rgba(252, 165, 165, 0.3);
}
.slider.masa[data-v-9c122022] {
  background: rgba(147, 197, 253, 0.3);
}
.slider[data-v-9c122022]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider.fuerza[data-v-9c122022]::-webkit-slider-thumb { background: #FCA5A5;
}
.slider.masa[data-v-9c122022]::-webkit-slider-thumb { background: #93C5FD;
}
.slider[data-v-9c122022]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.slider.fuerza[data-v-9c122022]::-moz-range-thumb { background: #FCA5A5;
}
.slider.masa[data-v-9c122022]::-moz-range-thumb { background: #93C5FD;
}
.control-valor[data-v-9c122022] {
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
}
.control-valor.fuerza[data-v-9c122022] { color: #FCA5A5;
}
.control-valor.masa[data-v-9c122022] { color: #93C5FD;
}
.objetivo-d1[data-v-9c122022] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.objetivo-d1 strong[data-v-9c122022] {
  color: #FCD34D;
}

/* ===== DESAFÍO 2 y 3: Calcular ===== */
.calcular-container[data-v-9c122022] {
  text-align: center;
}
.problema-d2[data-v-9c122022], .problema-d3[data-v-9c122022] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual-d2[data-v-9c122022], .problema-visual-d3[data-v-9c122022] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.objeto-d2[data-v-9c122022], .objeto-d3[data-v-9c122022] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.obj-emoji-d2[data-v-9c122022], .obj-emoji-d3[data-v-9c122022] {
  font-size: 2.5rem;
}
.dato-visual[data-v-9c122022] {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.dato-visual.masa[data-v-9c122022] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.dato-visual.aceleracion[data-v-9c122022] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.dato-visual.fuerza[data-v-9c122022] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.flecha-d2[data-v-9c122022], .flecha-fuerza-d3[data-v-9c122022] {
  display: flex;
  align-items: center;
}
.flecha-d2[data-v-9c122022]::before {
  content: '→';
  font-size: 1.5rem;
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.flecha-fuerza-d3[data-v-9c122022]::after {
  content: '→';
  font-size: 1.5rem;
  color: #FCA5A5;
  margin-left: 0.5rem;
}
.pregunta-d2[data-v-9c122022], .pregunta-d3[data-v-9c122022] {
  font-size: 1rem;
  color: #E9D5FF;
}
strong.fuerza[data-v-9c122022] { color: #FCA5A5;
}
strong.aceleracion[data-v-9c122022] { color: #6EE7B7;
}
.input-respuesta[data-v-9c122022] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-9c122022] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-calculo[data-v-9c122022] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-9c122022] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-9c122022] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-9c122022] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-9c122022] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-d2[data-v-9c122022], .feedback-d3[data-v-9c122022] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-d2.correcto[data-v-9c122022], .feedback-d3.correcto[data-v-9c122022] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-d2.incorrecto[data-v-9c122022], .feedback-d3.incorrecto[data-v-9c122022] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-d2[data-v-9c122022], .contador-d3[data-v-9c122022] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-9c122022] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9c122022] { font-size: 1.25rem;
}
.resultado-texto[data-v-9c122022] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-9c122022] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-9c122022] { flex: 1;
}
.nav-btn[data-v-9c122022] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-9c122022] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9c122022] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9c122022] { font-size: 1.75rem;
}
.completado-texto[data-v-9c122022] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9c122022], .slide-leave-active[data-v-9c122022] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9c122022] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-9c122022] { opacity: 0; transform: translateX(-15px);
}

/* Formula resumen */
.formula-resumen[data-v-fbbddefa] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.formula-box[data-v-fbbddefa] {
  margin-bottom: 0.75rem;
}
.f-main[data-v-fbbddefa] {
  font-size: 2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
}
.formula-variantes[data-v-fbbddefa] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.variante[data-v-fbbddefa] {
  font-size: 1rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Colores temáticos */
strong.aceleracion[data-v-fbbddefa] { color: #6EE7B7;
}
strong.fuerza[data-v-fbbddefa] { color: #FCA5A5;
}
strong.masa[data-v-fbbddefa] { color: #93C5FD;
}
strong.peso[data-v-fbbddefa] { color: #FCA5A5;
}

/* Conceptos clave */
.conceptos-clave[data-v-fbbddefa] {
  margin-bottom: 1.5rem;
}
.concepto-titulo[data-v-fbbddefa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.conceptos-lista[data-v-fbbddefa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-item[data-v-fbbddefa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.check[data-v-fbbddefa] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.concepto-texto[data-v-fbbddefa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Unidades resumen */
.unidades-resumen[data-v-fbbddefa] {
  margin-bottom: 1.5rem;
}
.unidades-titulo[data-v-fbbddefa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.unidades-grid[data-v-fbbddefa] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.unidad-item[data-v-fbbddefa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.u-simbolo[data-v-fbbddefa] {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
}
.u-simbolo.fuerza[data-v-fbbddefa] { color: #FCA5A5;
}
.u-simbolo.masa[data-v-fbbddefa] { color: #93C5FD;
}
.u-simbolo.aceleracion[data-v-fbbddefa] { color: #6EE7B7;
}
.u-nombre[data-v-fbbddefa] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Aplicaciones resumen */
.aplicaciones-resumen[data-v-fbbddefa] {
  margin-bottom: 1.5rem;
}
.aplicaciones-titulo[data-v-fbbddefa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.aplicaciones-tabla[data-v-fbbddefa] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.app-row[data-v-fbbddefa] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.app-row[data-v-fbbddefa]:last-child {
  border-bottom: none;
}
.app-situacion[data-v-fbbddefa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.app-formula[data-v-fbbddefa] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
}

/* Errores section */
.errores-section[data-v-fbbddefa] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-fbbddefa] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.errores-lista[data-v-fbbddefa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-fbbddefa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-fbbddefa] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-fbbddefa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.error-texto strong[data-v-fbbddefa] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-fbbddefa] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-fbbddefa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-fbbddefa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-fbbddefa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-num[data-v-fbbddefa] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-fbbddefa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-fbbddefa] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-fbbddefa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-fbbddefa] {
  font-size: 1.5rem;
}
.final-texto[data-v-fbbddefa] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}
.final-texto strong[data-v-fbbddefa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.f-main[data-v-fbbddefa] {
    font-size: 2.5rem;
}
.formula-variantes[data-v-fbbddefa] {
    gap: 2rem;
}
.variante[data-v-fbbddefa] {
    font-size: 1.1rem;
}
}

/* Intro visual */
.intro-visual[data-v-373666c9] {
  margin: 1rem 0 1.5rem;
}
.escena-newton[data-v-373666c9] {
  display: flex;
  justify-content: center;
  padding: 1.5rem 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 1rem;
}
.objeto-escena[data-v-373666c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.par-fuerzas[data-v-373666c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fuerza-accion[data-v-373666c9], .fuerza-reaccion[data-v-373666c9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.fuerza-accion .flecha-f[data-v-373666c9] {
  color: #6EE7B7;
  font-size: 2rem;
  font-weight: bold;
}
.fuerza-reaccion .flecha-f[data-v-373666c9] {
  color: #FCA5A5;
  font-size: 2rem;
  font-weight: bold;
}
.fuerza-label[data-v-373666c9] {
  font-size: 0.8rem;
  font-weight: 600;
}
.fuerza-accion .fuerza-label[data-v-373666c9] {
  color: #6EE7B7;
}
.fuerza-reaccion .fuerza-label[data-v-373666c9] {
  color: #FCA5A5;
}
.objetos-interaccion[data-v-373666c9] {
  display: flex;
  gap: 0;
}
.objeto-emoji[data-v-373666c9] {
  font-size: 2.5rem;
}
.objeto-escena.animando .objetos-interaccion[data-v-373666c9] {
  animation: colision-373666c9 2.5s ease-in-out infinite;
}
@keyframes colision-373666c9 {
0%, 100% { transform: scaleX(1);
}
50% { transform: scaleX(0.9);
}
}
.objeto-escena.animando .fuerza-accion .flecha-f[data-v-373666c9] {
  animation: pulsar-accion-373666c9 2.5s ease-in-out infinite;
}
.objeto-escena.animando .fuerza-reaccion .flecha-f[data-v-373666c9] {
  animation: pulsar-reaccion-373666c9 2.5s ease-in-out infinite;
}
@keyframes pulsar-accion-373666c9 {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(5px); opacity: 0.7;
}
}
@keyframes pulsar-reaccion-373666c9 {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(-5px); opacity: 0.7;
}
}
.frase-clave[data-v-373666c9] {
  text-align: center;
  font-style: italic;
  color: #E9D5FF;
  font-size: 0.85rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
  line-height: 1.5;
}

/* Colores temáticos */
strong.accion[data-v-373666c9] { color: #6EE7B7;
}
strong.reaccion[data-v-373666c9] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-373666c9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-373666c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-373666c9] {
  font-size: 1.25rem;
}
.def-titulo[data-v-373666c9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-373666c9] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-373666c9] {
  color: #FFFFFF;
}
.def-formula[data-v-373666c9] {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
}
.formula-leyenda[data-v-373666c9] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.formula-leyenda strong[data-v-373666c9] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-373666c9] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-373666c9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-373666c9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.caract-item[data-v-373666c9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-373666c9] {
  font-size: 1.25rem;
  min-width: 1.5rem;
  text-align: center;
}
.caract-contenido[data-v-373666c9] {
  display: flex;
  flex-direction: column;
}
.caract-titulo[data-v-373666c9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caract-desc[data-v-373666c9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-373666c9] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-373666c9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-373666c9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ejemplo-item[data-v-373666c9] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-373666c9] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-373666c9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-373666c9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-373666c9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-373666c9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-373666c9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escena-newton[data-v-373666c9] {
    padding: 2rem;
}
.objeto-emoji[data-v-373666c9] {
    font-size: 3rem;
}
.frase-clave[data-v-373666c9] {
    font-size: 0.95rem;
}
.caracteristicas-grid[data-v-373666c9] {
    gap: 0.75rem;
}
.caract-titulo[data-v-373666c9] {
    font-size: 0.8rem;
}
.caract-desc[data-v-373666c9] {
    font-size: 0.75rem;
}
}

/* Colores temáticos */
strong.accion[data-v-a0368f2b] { color: #6EE7B7;
}
strong.reaccion[data-v-a0368f2b] { color: #FCA5A5;
}

/* Regla box */
.regla-box[data-v-a0368f2b] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.regla-header[data-v-a0368f2b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.regla-icono[data-v-a0368f2b] {
  font-size: 1.25rem;
}
.regla-titulo[data-v-a0368f2b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.regla-contenido[data-v-a0368f2b] {
  padding-left: 0.5rem;
}
.regla-texto[data-v-a0368f2b] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.regla-ejemplo[data-v-a0368f2b] {
  font-style: italic;
  color: #C4B5FD;
  font-size: 0.85rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-a0368f2b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a0368f2b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.ejemplo-emoji[data-v-a0368f2b] {
  font-size: 1.25rem;
}
.ejemplo-visual[data-v-a0368f2b] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.diagrama-fuerzas[data-v-a0368f2b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  position: relative;
}
.objeto-central[data-v-a0368f2b] {
  font-size: 2.5rem;
  z-index: 1;
}
.fuerzas-diagrama[data-v-a0368f2b] {
  position: relative;
  height: 80px;
  width: 100px;
  margin-top: -0.5rem;
}
.fuerza-item[data-v-a0368f2b] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: absolute;
  font-size: 0.75rem;
}
.fuerza-item.arriba[data-v-a0368f2b] {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  color: #6EE7B7;
}
.fuerza-item.abajo[data-v-a0368f2b] {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  color: #FCA5A5;
}
.fuerza-item .flecha[data-v-a0368f2b] {
  font-size: 1.5rem;
  font-weight: bold;
}
.fuerza-nombre[data-v-a0368f2b] {
  font-weight: 600;
}

/* Diagrama cohete */
.diagrama-cohete[data-v-a0368f2b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.cohete-obj[data-v-a0368f2b] {
  font-size: 3rem;
  transform: rotate(-45deg);
}
.gases-expulsion[data-v-a0368f2b] {
  font-size: 1.5rem;
  margin-top: -0.5rem;
  opacity: 0.7;
}
.diagrama-cohete.animando .cohete-obj[data-v-a0368f2b] {
  animation: subir-cohete-a0368f2b 3s ease-in-out infinite;
}
.diagrama-cohete.animando .gases-expulsion[data-v-a0368f2b] {
  animation: expulsar-gases-a0368f2b 3s ease-in-out infinite;
}
@keyframes subir-cohete-a0368f2b {
0%, 100% { transform: rotate(-45deg) translateY(0);
}
50% { transform: rotate(-45deg) translateY(-10px);
}
}
@keyframes expulsar-gases-a0368f2b {
0%, 100% { opacity: 0.7; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.2);
}
}

/* Pares lista */
.pares-lista[data-v-a0368f2b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.par-item[data-v-a0368f2b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.par-item.destacado[data-v-a0368f2b] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.par-numero[data-v-a0368f2b] {
  font-weight: 700;
  color: #FCD34D;
  white-space: nowrap;
}
.par-desc[data-v-a0368f2b] {
  color: #E9D5FF;
  line-height: 1.4;
}

/* Advertencia */
.advertencia[data-v-a0368f2b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.adv-icono[data-v-a0368f2b] {
  font-size: 1rem;
}
.adv-texto[data-v-a0368f2b] {
  color: #FCA5A5;
  font-size: 0.8rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-a0368f2b] {
  color: #FCA5A5;
}
.explicacion-ejemplo[data-v-a0368f2b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
  font-style: italic;
}

/* Error común */
.error-comun[data-v-a0368f2b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.error-header[data-v-a0368f2b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.error-icono[data-v-a0368f2b] {
  font-size: 1.25rem;
}
.error-titulo[data-v-a0368f2b] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.error-contenido[data-v-a0368f2b] {
  padding-left: 0.5rem;
}
.error-malo[data-v-a0368f2b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.error-bueno[data-v-a0368f2b] {
  color: #6EE7B7;
  font-size: 0.85rem;
  margin: 0;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  line-height: 1.4;
}
.error-bueno strong[data-v-a0368f2b] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a0368f2b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a0368f2b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a0368f2b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a0368f2b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.objeto-central[data-v-a0368f2b] {
    font-size: 3rem;
}
.fuerza-item[data-v-a0368f2b] {
    font-size: 0.85rem;
}
.par-item[data-v-a0368f2b] {
    font-size: 0.85rem;
}
}

.explorador[data-v-5c97fe90] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5c97fe90] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5c97fe90] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5c97fe90] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5c97fe90] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5c97fe90] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5c97fe90] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5c97fe90] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5c97fe90] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5c97fe90] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador de Colisión ===== */
.simulador-colision[data-v-5c97fe90] {
  text-align: center;
}
.escena-colision[data-v-5c97fe90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.objeto-colision[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}
.objeto-colision.colisionando.obj-a[data-v-5c97fe90] {
  animation: mover-derecha-5c97fe90 0.5s ease-in-out;
}
.objeto-colision.colisionando.obj-b[data-v-5c97fe90] {
  animation: mover-izquierda-5c97fe90 0.5s ease-in-out;
}
@keyframes mover-derecha-5c97fe90 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(10px);
}
}
@keyframes mover-izquierda-5c97fe90 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(-10px);
}
}
.obj-emoji[data-v-5c97fe90] {
  font-size: 2.5rem;
}
.obj-label[data-v-5c97fe90] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.obj-masa[data-v-5c97fe90] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.zona-impacto[data-v-5c97fe90] {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zona-impacto.activa[data-v-5c97fe90] {
  opacity: 1;
  animation: impacto-5c97fe90 0.5s ease-in-out;
}
@keyframes impacto-5c97fe90 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.5);
}
}
.impacto-emoji[data-v-5c97fe90] {
  font-size: 1.5rem;
}
.fuerzas-resultado[data-v-5c97fe90] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fuerza-display[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fuerza-label[data-v-5c97fe90] {
  font-size: 0.8rem;
  font-weight: 700;
}
.fuerza-label.accion[data-v-5c97fe90] { color: #6EE7B7;
}
.fuerza-label.reaccion[data-v-5c97fe90] { color: #FCA5A5;
}
.fuerza-valor[data-v-5c97fe90] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.control-colision[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.control-label[data-v-5c97fe90] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.slider[data-v-5c97fe90] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  outline: none;
  background: rgba(139, 92, 246, 0.3);
}
.slider[data-v-5c97fe90]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
}
.slider[data-v-5c97fe90]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: none;
}
.control-valor[data-v-5c97fe90] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.btn-colisionar[data-v-5c97fe90] {
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-colisionar[data-v-5c97fe90]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.pregunta-d1[data-v-5c97fe90] {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.pregunta-texto[data-v-5c97fe90] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.opciones-d1[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-5c97fe90] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn.seleccionado[data-v-5c97fe90] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-5c97fe90] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-5c97fe90] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Identificar Pares ===== */
.identificar-container[data-v-5c97fe90] {
  text-align: center;
}
.situacion-visual[data-v-5c97fe90] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escena-situacion[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.escena-emoji[data-v-5c97fe90] {
  font-size: 2.5rem;
  margin-bottom: 0.25rem;
}
.escena-titulo[data-v-5c97fe90] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.escena-descripcion[data-v-5c97fe90] {
  margin: 0;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-style: italic;
}
.pregunta-par[data-v-5c97fe90] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-par[data-v-5c97fe90] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-par-btn[data-v-5c97fe90] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.opcion-par-btn.seleccionado[data-v-5c97fe90] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-par-btn.correcto[data-v-5c97fe90] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-par-btn.incorrecto[data-v-5c97fe90] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.feedback-par[data-v-5c97fe90] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.feedback-par .correcto[data-v-5c97fe90] {
  color: #6EE7B7;
  font-weight: 700;
}
.feedback-par .incorrecto[data-v-5c97fe90] {
  color: #FCA5A5;
  font-weight: 700;
}
.explicacion-par[data-v-5c97fe90] {
  display: block;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.contador-situaciones[data-v-5c97fe90] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Calcular Fuerzas ===== */
.calcular-container[data-v-5c97fe90] {
  text-align: center;
}
.problema-visual[data-v-5c97fe90] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escena-problema[data-v-5c97fe90] {
  margin-bottom: 0.75rem;
}
.problema-emoji[data-v-5c97fe90] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-5c97fe90] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.dato-fuerza[data-v-5c97fe90] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.pregunta-calculo[data-v-5c97fe90] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.input-respuesta[data-v-5c97fe90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-calculo[data-v-5c97fe90] {
  width: 100px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-5c97fe90] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-5c97fe90] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-5c97fe90] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar[data-v-5c97fe90] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.feedback-calculo[data-v-5c97fe90] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback-calculo.correcto[data-v-5c97fe90] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.feedback-calculo.incorrecto[data-v-5c97fe90] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.contador-problemas[data-v-5c97fe90] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-5c97fe90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5c97fe90] { font-size: 1.25rem;
}
.resultado-texto[data-v-5c97fe90] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-5c97fe90] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5c97fe90] { flex: 1;
}
.nav-btn[data-v-5c97fe90] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5c97fe90] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5c97fe90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5c97fe90] { font-size: 1.75rem;
}
.completado-texto[data-v-5c97fe90] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5c97fe90], .slide-leave-active[data-v-5c97fe90] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5c97fe90] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5c97fe90] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.obj-emoji[data-v-5c97fe90] {
    font-size: 3rem;
}
.escena-emoji[data-v-5c97fe90] {
    font-size: 3rem;
}
.problema-emoji[data-v-5c97fe90] {
    font-size: 3rem;
}
}

/* Colores temáticos */
strong.accion[data-v-1eddd44f] { color: #6EE7B7;
}
strong.reaccion[data-v-1eddd44f] { color: #FCA5A5;
}

/* Resumen header */
.resumen-header[data-v-1eddd44f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.resumen-emoji[data-v-1eddd44f] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-1eddd44f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-1eddd44f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-1eddd44f] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.6rem;
}
.punto-icono[data-v-1eddd44f] {
  font-size: 1.25rem;
  min-width: 1.5rem;
}
.punto-contenido[data-v-1eddd44f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-titulo[data-v-1eddd44f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-desc[data-v-1eddd44f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fórmula box */
.formula-box[data-v-1eddd44f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-principal[data-v-1eddd44f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.formula-explicacion[data-v-1eddd44f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Errores section */
.errores-section[data-v-1eddd44f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-1eddd44f] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-1eddd44f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-1eddd44f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-1eddd44f] {
  color: #EF4444;
  font-weight: 700;
  min-width: 1rem;
}
.error-texto[data-v-1eddd44f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-1eddd44f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1eddd44f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-rapido[data-v-1eddd44f] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.ej-situacion[data-v-1eddd44f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.3rem;
}
.ej-emoji[data-v-1eddd44f] {
  font-size: 1rem;
}
.ej-nombre[data-v-1eddd44f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ej-pares[data-v-1eddd44f] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
.ej-accion[data-v-1eddd44f] {
  color: #6EE7B7;
}
.ej-simbolo[data-v-1eddd44f] {
  color: #FCD34D;
  font-weight: 700;
}
.ej-reaccion[data-v-1eddd44f] {
  color: #FCA5A5;
}

/* Conexión leyes */
.conexion-leyes[data-v-1eddd44f] {
  margin: 1.5rem 0;
}
.conexion-titulo[data-v-1eddd44f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.leyes-grid[data-v-1eddd44f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ley-item[data-v-1eddd44f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ley-item.actual[data-v-1eddd44f] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.ley-numero[data-v-1eddd44f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.ley-nombre[data-v-1eddd44f] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.ley-desc[data-v-1eddd44f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}

/* Tip final */
.tip-final[data-v-1eddd44f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1eddd44f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1eddd44f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-1eddd44f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.punto-titulo[data-v-1eddd44f] {
    font-size: 0.95rem;
}
.punto-desc[data-v-1eddd44f] {
    font-size: 0.85rem;
}
.formula-principal[data-v-1eddd44f] {
    font-size: 1.75rem;
}
.ley-nombre[data-v-1eddd44f] {
    font-size: 0.75rem;
}
.ley-desc[data-v-1eddd44f] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-f294c6ce] {
  margin: 1rem 0 1.5rem;
}
.escena-puerta[data-v-f294c6ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.puerta-container[data-v-f294c6ce] {
  position: relative;
  width: 120px;
  height: 80px;
  display: flex;
  align-items: center;
}
.bisagra[data-v-f294c6ce] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #8B5CF6;
  z-index: 2;
}
.puerta-body[data-v-f294c6ce] {
  position: absolute;
  left: 8px;
  width: 100px;
  height: 8px;
  background: linear-gradient(to right, #6D28D9, #8B5CF6);
  border-radius: 2px;
  transform-origin: left center;
}
.puerta-container.animando .puerta-body[data-v-f294c6ce] {
  animation: abrir-puerta-f294c6ce 2.9s ease-in-out forwards;
}
@keyframes abrir-puerta-f294c6ce {
0% { transform: rotate(0deg);
}
50% { transform: rotate(-45deg);
}
100% { transform: rotate(0deg);
}
}
.manilla[data-v-f294c6ce] {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.4rem;
  color: #FCD34D;
}
.fuerza-flecha[data-v-f294c6ce] {
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-simbolo[data-v-f294c6ce] {
  color: #6EE7B7;
  font-size: 1.5rem;
  font-weight: 700;
}
.flecha-label[data-v-f294c6ce] {
  color: #6EE7B7;
  font-size: 0.8rem;
  font-weight: 700;
  font-style: italic;
}
.info-torque[data-v-f294c6ce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.info-icono[data-v-f294c6ce] {
  font-size: 1.1rem;
}
.info-texto[data-v-f294c6ce] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Colores temáticos */
strong.torque[data-v-f294c6ce] { color: #93C5FD;
}
strong.rotacion[data-v-f294c6ce] { color: #6EE7B7;
}
strong.perpendicular[data-v-f294c6ce] { color: #FCD34D;
}
strong.lejos[data-v-f294c6ce] { color: #F472B6;
}

/* Definición box */
.definicion-box[data-v-f294c6ce] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-f294c6ce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-f294c6ce] {
  font-size: 1.25rem;
}
.def-titulo[data-v-f294c6ce] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-f294c6ce] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-f294c6ce] {
  color: #FFFFFF;
}

/* Fórmula */
.formula-section[data-v-f294c6ce] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-f294c6ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-f294c6ce] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-f294c6ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.75rem;
}
.formula-simbolo[data-v-f294c6ce] {
  color: #93C5FD;
  font-weight: 700;
  font-style: italic;
}
.formula-igual[data-v-f294c6ce] {
  color: #FFFFFF;
}
.formula-expresion[data-v-f294c6ce] {
  color: #6EE7B7;
  font-weight: 700;
}
.formula-leyenda[data-v-f294c6ce] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.leyenda-item[data-v-f294c6ce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ley-simbolo[data-v-f294c6ce] {
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 1rem;
}
.ley-texto[data-v-f294c6ce] {
  color: #E9D5FF;
}

/* Caso especial */
.caso-especial[data-v-f294c6ce] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.caso-header[data-v-f294c6ce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-icono[data-v-f294c6ce] {
  font-size: 1.1rem;
}
.caso-titulo[data-v-f294c6ce] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.caso-contenido[data-v-f294c6ce] {
  text-align: center;
}
.caso-formula[data-v-f294c6ce] {
  margin: 0.5rem 0;
}
.formula-simple[data-v-f294c6ce] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-texto[data-v-f294c6ce] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Factores */
.factores-section[data-v-f294c6ce] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-f294c6ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.factores-grid[data-v-f294c6ce] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.factor-item[data-v-f294c6ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-emoji[data-v-f294c6ce] {
  font-size: 1.25rem;
}
.factor-nombre[data-v-f294c6ce] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.factor-desc[data-v-f294c6ce] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos cotidianos */
.ejemplos-cotidianos[data-v-f294c6ce] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-f294c6ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-lista[data-v-f294c6ce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ejemplo-item[data-v-f294c6ce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ej-emoji[data-v-f294c6ce] {
  font-size: 1.1rem;
  min-width: 1.25rem;
  text-align: center;
}
.ej-texto[data-v-f294c6ce] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-f294c6ce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f294c6ce] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f294c6ce] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f294c6ce] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.puerta-container[data-v-f294c6ce] {
    width: 160px;
    height: 100px;
}
.puerta-body[data-v-f294c6ce] {
    width: 130px;
}
.ejemplos-lista[data-v-f294c6ce] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-principal[data-v-f294c6ce] {
    font-size: 2rem;
}
}

/* Secciones de aplicación */
.aplicacion-section[data-v-cd762933] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.app-header[data-v-cd762933] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.app-emoji[data-v-cd762933] {
  font-size: 1.5rem;
}
.app-titulo[data-v-cd762933] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.app-descripcion[data-v-cd762933] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0.5rem 0;
}
.app-nota[data-v-cd762933] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

/* Colores temáticos */
strong.equilibrio[data-v-cd762933] { color: #FCD34D;
}
strong.positivo[data-v-cd762933] { color: #6EE7B7;
}
strong.negativo[data-v-cd762933] { color: #FCA5A5;
}

/* Palanca visual */
.palanca-visual[data-v-cd762933] {
  margin: 1rem 0;
  display: flex;
  justify-content: center;
}
.palanca-container[data-v-cd762933] {
  position: relative;
  width: 200px;
  height: 60px;
}
.pivote[data-v-cd762933] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  color: #8B5CF6;
}
.barra-palanca[data-v-cd762933] {
  position: absolute;
  top: 15px;
  left: 10px;
  right: 10px;
  height: 6px;
  background: linear-gradient(to right, #6D28D9, #8B5CF6, #6D28D9);
  border-radius: 2px;
}
.peso[data-v-cd762933] {
  position: absolute;
  top: -30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.peso.izq[data-v-cd762933] {
  left: 0;
}
.peso.der[data-v-cd762933] {
  right: 0;
}
.peso-valor[data-v-cd762933] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  font-style: italic;
}
.peso-bloque[data-v-cd762933] {
  color: #FCD34D;
  font-size: 1rem;
}
.distancias[data-v-cd762933] {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 25px;
}
.dist[data-v-cd762933] {
  font-size: 0.75rem;
  font-style: italic;
  color: #6EE7B7;
}

/* Equilibrio box */
.equilibrio-box[data-v-cd762933] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.eq-titulo[data-v-cd762933] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.eq-formula[data-v-cd762933] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.eq-formula.destacada[data-v-cd762933] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #6EE7B7;
}
.eq-texto[data-v-cd762933] {
  margin: 0.5rem 0 0 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Ejemplo palanca */
.ejemplo-palanca[data-v-cd762933] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.ej-icono[data-v-cd762933] {
  font-size: 1rem;
}
.ej-texto[data-v-cd762933] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ej-calculo[data-v-cd762933] {
  display: block;
  margin-top: 0.25rem;
  font-family: 'Times New Roman', serif;
  color: #6EE7B7;
}

/* Fórmula equilibrio */
.formula-equilibrio[data-v-cd762933] {
  text-align: center;
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
}
.formula-eq[data-v-cd762933] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Signos torque */
.signos-torque[data-v-cd762933] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0;
}
.signo-item[data-v-cd762933] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.signo-item.positivo[data-v-cd762933] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.signo-item.negativo[data-v-cd762933] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.signo-emoji[data-v-cd762933] {
  font-size: 1.5rem;
}
.signo-item.positivo .signo-emoji[data-v-cd762933] { color: #6EE7B7;
}
.signo-item.negativo .signo-emoji[data-v-cd762933] { color: #FCA5A5;
}
.signo-label[data-v-cd762933] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.signo-item.positivo .signo-label[data-v-cd762933] { color: #6EE7B7;
}
.signo-item.negativo .signo-label[data-v-cd762933] { color: #FCA5A5;
}

/* Llave visual */
.llave-visual[data-v-cd762933] {
  margin: 1rem 0;
  display: flex;
  justify-content: center;
}
.llave-container[data-v-cd762933] {
  position: relative;
  width: 180px;
  height: 50px;
}
.tuerca[data-v-cd762933] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: #8B5CF6;
}
.brazo-llave[data-v-cd762933] {
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 8px;
  background: linear-gradient(to right, #4B5563, #6B7280);
  border-radius: 2px;
}
.mango-llave[data-v-cd762933] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.fuerza-llave[data-v-cd762933] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.distancia-llave[data-v-cd762933] {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  font-style: italic;
  color: #FCD34D;
}

/* Comparación llaves */
.comparacion-llaves[data-v-cd762933] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.75rem;
}
.llave-item[data-v-cd762933] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.llave-item.corta[data-v-cd762933] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.llave-item.larga[data-v-cd762933] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.llave-label[data-v-cd762933] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.llave-calculo[data-v-cd762933] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.llave-item.corta .llave-calculo strong[data-v-cd762933] { color: #FCA5A5;
}
.llave-item.larga .llave-calculo strong[data-v-cd762933] { color: #6EE7B7;
}

/* Pedal visual */
.pedal-visual[data-v-cd762933] {
  margin: 1rem 0;
  display: flex;
  justify-content: center;
}
.plato-container[data-v-cd762933] {
  position: relative;
  width: 100px;
  height: 100px;
}
.plato-centro[data-v-cd762933] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  color: #8B5CF6;
}
.plato-circulo[data-v-cd762933] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border: 3px solid #6D28D9;
  border-radius: 50%;
}
.pedal[data-v-cd762933] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pedal-icon[data-v-cd762933] {
  color: #FCD34D;
  font-size: 1rem;
}
.pedal-fuerza[data-v-cd762933] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.radio-pedal[data-v-cd762933] {
  position: absolute;
  top: 50%;
  left: 60%;
  font-size: 0.8rem;
  font-style: italic;
  color: #F472B6;
}

/* Tip bici */
.tip-bici[data-v-cd762933] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.tip-icono[data-v-cd762933] {
  font-size: 1rem;
}
.tip-texto[data-v-cd762933] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Resumen apps */
.resumen-apps[data-v-cd762933] {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-cd762933] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.resumen-texto[data-v-cd762933] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.resumen-texto strong[data-v-cd762933] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.palanca-container[data-v-cd762933] {
    width: 280px;
    height: 80px;
}
.llave-container[data-v-cd762933] {
    width: 240px;
}
.brazo-llave[data-v-cd762933] {
    width: 150px;
}
.comparacion-llaves[data-v-cd762933] {
    flex-direction: row;
}
.llave-item[data-v-cd762933] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

.simulador[data-v-a59ecd88] {
  width: 100%;
}

/* Selector de modo */
.modo-selector[data-v-a59ecd88] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.modo-btn[data-v-a59ecd88] {
  flex: 1;
  padding: 0.6rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.modo-btn.activo[data-v-a59ecd88] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* === MODO PUERTA === */
.canvas-puerta[data-v-a59ecd88] {
  position: relative;
  height: 150px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.puerta-simulador[data-v-a59ecd88] {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: calc(100% - 40px);
  height: 40px;
}
.bisagra-sim[data-v-a59ecd88] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: #8B5CF6;
  z-index: 2;
}
.puerta-barra[data-v-a59ecd88] {
  position: absolute;
  left: 15px;
  top: 50%;
  transform-origin: left center;
  width: calc(100% - 15px);
  height: 12px;
  background: linear-gradient(to right, #6D28D9, #8B5CF6);
  border-radius: 3px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.marca-distancia[data-v-a59ecd88] {
  position: absolute;
  top: -20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marca-linea[data-v-a59ecd88] {
  color: #A78BFA;
  font-size: 0.6rem;
}
.marca-num[data-v-a59ecd88] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.punto-fuerza[data-v-a59ecd88] {
  position: absolute;
  top: -35px;
  transform: translateX(-50%);
  cursor: grab;
  display: flex;
  flex-direction: column;
  align-items: center;
  touch-action: none;
}
.fuerza-arrow[data-v-a59ecd88] {
  font-size: 1.5rem;
  color: #6EE7B7;
  font-weight: 700;
  line-height: 1;
}
.fuerza-label[data-v-a59ecd88] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.distancia-indicator[data-v-a59ecd88] {
  position: absolute;
  bottom: -25px;
  left: 15px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dist-linea[data-v-a59ecd88] {
  width: 50px;
  height: 2px;
  background: #FCD34D;
}
.dist-valor[data-v-a59ecd88] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Controles puerta */
.controles-puerta[data-v-a59ecd88] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-a59ecd88] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 90px;
}
.slider[data-v-a59ecd88] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-a59ecd88]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
}
.slider-fuerza[data-v-a59ecd88]::-webkit-slider-thumb {
  background: #FCD34D;
}
.slider[data-v-a59ecd88]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6EE7B7;
  cursor: pointer;
  border: none;
}
.slider-fuerza[data-v-a59ecd88]::-moz-range-thumb {
  background: #FCD34D;
}
.control-value[data-v-a59ecd88] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 60px;
  text-align: right;
}

/* Cálculo torque */
.calculo-torque[data-v-a59ecd88] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.calculo-titulo[data-v-a59ecd88] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.calculo-formula[data-v-a59ecd88] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
}
.formula-text[data-v-a59ecd88] {
  color: #E9D5FF;
}
.formula-valores[data-v-a59ecd88] {
  color: #C4B5FD;
}
.formula-resultado[data-v-a59ecd88] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1.2rem;
}

/* Botón aplicar */
.btn-aplicar[data-v-a59ecd88] {
  width: 100%;
  padding: 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  margin-bottom: 0.75rem;
  font-family: inherit;
}
.btn-aplicar[data-v-a59ecd88]:active {
  transform: scale(0.98);
}

/* Barra de torque */
.torque-barra-container[data-v-a59ecd88] {
  margin-bottom: 1rem;
}
.torque-label[data-v-a59ecd88] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.torque-barra[data-v-a59ecd88] {
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  overflow: hidden;
}
.torque-fill[data-v-a59ecd88] {
  height: 100%;
  background: linear-gradient(to right, #10B981, #6EE7B7);
  border-radius: 10px;
  transition: width 0.3s ease;
}
.torque-scale[data-v-a59ecd88] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* === MODO PALANCA === */
.canvas-palanca[data-v-a59ecd88] {
  position: relative;
  height: 140px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.palanca-simulador[data-v-a59ecd88] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
.pivote-sim[data-v-a59ecd88] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  color: #8B5CF6;
}
.barra-sim[data-v-a59ecd88] {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(to right, #6D28D9, #8B5CF6, #6D28D9);
  border-radius: 3px;
  transform-origin: center center;
  transition: transform 0.3s ease;
}
.peso-sim[data-v-a59ecd88] {
  position: absolute;
  top: -45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.peso-sim.der[data-v-a59ecd88] {
  transform: translateX(50%);
}
.peso-masa[data-v-a59ecd88] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.peso-bloque[data-v-a59ecd88] {
  color: #FCD34D;
}

/* Controles palanca */
.controles-palanca[data-v-a59ecd88] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.control-lado[data-v-a59ecd88] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.control-lado.izquierdo[data-v-a59ecd88] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.control-lado.derecho[data-v-a59ecd88] {
  background: rgba(244, 114, 182, 0.1);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.lado-titulo[data-v-a59ecd88] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.control-lado.izquierdo .lado-titulo[data-v-a59ecd88] { color: #93C5FD;
}
.control-lado.derecho .lado-titulo[data-v-a59ecd88] { color: #F472B6;
}
.control-lado .control-item[data-v-a59ecd88] {
  flex-direction: column;
  align-items: stretch;
  gap: 0.2rem;
  margin-bottom: 0.4rem;
}
.control-lado .control-label[data-v-a59ecd88] {
  font-size: 0.7rem;
  min-width: auto;
}
.control-lado .control-value[data-v-a59ecd88] {
  font-size: 0.75rem;
  text-align: center;
  min-width: auto;
}
.slider-izq[data-v-a59ecd88]::-webkit-slider-thumb {
  background: #93C5FD;
}
.slider-der[data-v-a59ecd88]::-webkit-slider-thumb {
  background: #F472B6;
}
.slider-izq[data-v-a59ecd88]::-moz-range-thumb {
  background: #93C5FD;
}
.slider-der[data-v-a59ecd88]::-moz-range-thumb {
  background: #F472B6;
}
.torque-lado[data-v-a59ecd88] {
  text-align: center;
  font-family: 'Times New Roman', serif;
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.control-lado.izquierdo .torque-lado[data-v-a59ecd88] { color: #93C5FD;
}
.control-lado.derecho .torque-lado[data-v-a59ecd88] { color: #F472B6;
}

/* Estado equilibrio */
.estado-equilibrio[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.estado-equilibrio.equilibrado[data-v-a59ecd88] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.estado-icono[data-v-a59ecd88] {
  font-size: 1.2rem;
}
.estado-texto[data-v-a59ecd88] {
  font-size: 0.9rem;
  font-weight: 600;
}
.estado-equilibrio:not(.equilibrado) .estado-texto[data-v-a59ecd88] {
  color: #FCA5A5;
}
.estado-equilibrio.equilibrado .estado-texto[data-v-a59ecd88] {
  color: #6EE7B7;
}

/* Comparación torques */
.comparacion-torques[data-v-a59ecd88] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.torque-izq[data-v-a59ecd88], .torque-der[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.comp-label[data-v-a59ecd88] {
  font-size: 0.8rem;
  font-weight: 700;
  min-width: 20px;
  font-style: italic;
}
.torque-izq .comp-label[data-v-a59ecd88] { color: #93C5FD;
}
.torque-der .comp-label[data-v-a59ecd88] { color: #F472B6;
}
.comp-barra[data-v-a59ecd88] {
  flex: 1;
  height: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  overflow: hidden;
}
.comp-fill[data-v-a59ecd88] {
  height: 100%;
  border-radius: 8px;
  transition: width 0.3s ease;
}
.comp-fill.izq[data-v-a59ecd88] {
  background: linear-gradient(to right, #3B82F6, #93C5FD);
}
.comp-fill.der[data-v-a59ecd88] {
  background: linear-gradient(to right, #EC4899, #F472B6);
}
.comp-valor[data-v-a59ecd88] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 40px;
  text-align: right;
}

/* Panel de desafíos */
.desafios-panel[data-v-a59ecd88] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.desafios-header[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-a59ecd88] {
  font-size: 1rem;
}
.desafios-titulo[data-v-a59ecd88] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-a59ecd88] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.desafio-item[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-a59ecd88] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-a59ecd88] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-a59ecd88] {
  color: #6EE7B7;
}
.desafio-texto[data-v-a59ecd88] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-a59ecd88] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-a59ecd88] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a59ecd88] {
  font-size: 1.5rem;
}
.completado-texto[data-v-a59ecd88] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.canvas-puerta[data-v-a59ecd88] {
    height: 180px;
}
.canvas-palanca[data-v-a59ecd88] {
    height: 160px;
}
.controles-puerta[data-v-a59ecd88] {
    flex-direction: row;
    flex-wrap: wrap;
}
.controles-puerta .control-item[data-v-a59ecd88] {
    flex: 1;
    min-width: 200px;
}
}

/* Header de resumen */
.resumen-header[data-v-b291a89a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-b291a89a] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Concepto principal */
.concepto-principal[data-v-b291a89a] {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.concepto-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-b291a89a] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
strong.rotacion[data-v-b291a89a] { color: #6EE7B7;
}
strong.distancia[data-v-b291a89a] { color: #F472B6;
}
strong.fuerza[data-v-b291a89a] { color: #FCD34D;
}
strong.angulo[data-v-b291a89a] { color: #93C5FD;
}
.formula-destacada[data-v-b291a89a] {
  text-align: center;
  margin: 0.75rem 0;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-main[data-v-b291a89a] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-simple[data-v-b291a89a] {
  text-align: center;
  font-size: 0.9rem;
}
.formula-caso[data-v-b291a89a] {
  color: #C4B5FD;
}
.formula-valor[data-v-b291a89a] {
  font-family: 'Times New Roman', serif;
  color: #FFFFFF;
  font-weight: 600;
  margin-left: 0.5rem;
}

/* Conceptos clave */
.conceptos-clave[data-v-b291a89a] {
  margin-bottom: 1.25rem;
}
.clave-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.clave-grid[data-v-b291a89a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-b291a89a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.clave-emoji[data-v-b291a89a] {
  font-size: 1.25rem;
  min-width: 1.5rem;
}
.clave-contenido[data-v-b291a89a] {
  display: flex;
  flex-direction: column;
}
.clave-nombre[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.clave-desc[data-v-b291a89a] {
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-top: 0.1rem;
}

/* Factores */
.factores-resumen[data-v-b291a89a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.factores-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.factor-lista[data-v-b291a89a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.factor-item[data-v-b291a89a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.factor-check[data-v-b291a89a] {
  color: #6EE7B7;
  font-weight: 700;
}
.factor-texto[data-v-b291a89a] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Equilibrio resumen */
.equilibrio-resumen[data-v-b291a89a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.equilibrio-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.equilibrio-formula-box[data-v-b291a89a] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-row[data-v-b291a89a] {
  margin-bottom: 0.35rem;
}
.formula-text[data-v-b291a89a] {
  font-family: 'Times New Roman', serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-equivalente[data-v-b291a89a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-parte[data-v-b291a89a] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  color: #FFFFFF;
}
.formula-arrow[data-v-b291a89a] {
  color: #C4B5FD;
}
.equilibrio-nota[data-v-b291a89a] {
  margin: 0.5rem 0 0 0;
  color: #E9D5FF;
  font-size: 0.8rem;
  text-align: center;
}

/* Aplicaciones resumen */
.aplicaciones-resumen[data-v-b291a89a] {
  margin-bottom: 1.25rem;
}
.app-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.app-grid[data-v-b291a89a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.app-item[data-v-b291a89a] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.app-emoji[data-v-b291a89a] {
  font-size: 1.1rem;
  min-width: 1.25rem;
}
.app-contenido[data-v-b291a89a] {
  display: flex;
  flex-direction: column;
}
.app-nombre[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.app-detalle[data-v-b291a89a] {
  color: #C4B5FD;
  font-size: 0.65rem;
  margin-top: 0.1rem;
}

/* Unidades */
.unidades-box[data-v-b291a89a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
}
.unidades-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}
.unidad-item[data-v-b291a89a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.unidad-magnitud[data-v-b291a89a] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.unidad-valor[data-v-b291a89a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.unidad-valor strong[data-v-b291a89a] {
  color: #93C5FD;
}

/* Tips PAES */
.tips-paes[data-v-b291a89a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-b291a89a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-b291a89a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-b291a89a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-b291a89a] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-b291a89a] {
  color: #FFFFFF;
}

/* Conexión momento */
.conexion-momento[data-v-b291a89a] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-b291a89a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}
.conexion-texto[data-v-b291a89a] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.conexion-formula[data-v-b291a89a] {
  text-align: center;
  margin: 0.5rem 0;
}
.formula-torque[data-v-b291a89a] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.conexion-nota[data-v-b291a89a] {
  margin: 0;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Mensaje final */
.mensaje-final[data-v-b291a89a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-b291a89a] {
  font-size: 1.25rem;
}
.final-texto[data-v-b291a89a] {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.app-grid[data-v-b291a89a] {
    grid-template-columns: repeat(4, 1fr);
}
.clave-grid[data-v-b291a89a] {
    flex-direction: row;
    flex-wrap: wrap;
}
.clave-item[data-v-b291a89a] {
    flex: 1;
    min-width: 150px;
}
}

/* Intro visual */
.intro-visual[data-v-92d90543] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.onda-visual[data-v-92d90543] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.onda-animada[data-v-92d90543] {
  width: 150px;
  overflow: hidden;
}
.onda-svg[data-v-92d90543] {
  width: 100%;
  height: 40px;
}
.onda-path[data-v-92d90543] {
  animation: wave-move-92d90543 2s linear infinite;
}
@keyframes wave-move-92d90543 {
0% { stroke-dashoffset: 0;
}
100% { stroke-dashoffset: -50;
}
}
.onda-icono[data-v-92d90543] {
  font-size: 2rem;
  animation: pulse-92d90543 1s ease-in-out infinite;
}
@keyframes pulse-92d90543 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Colores temáticos */
strong.altura[data-v-92d90543] { color: #93C5FD;
}
strong.intensidad[data-v-92d90543] { color: #FCD34D;
}
strong.timbre[data-v-92d90543] { color: #F0ABFC;
}
strong.agudo[data-v-92d90543] { color: #6EE7B7;
}
strong.grave[data-v-92d90543] { color: #FCA5A5;
}

/* Características section */
.caracteristicas-section[data-v-92d90543] {
  margin: 1.5rem 0;
}
.caracteristica-titulo[data-v-92d90543] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-92d90543] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.caracteristicas-grid[data-v-92d90543] {
    grid-template-columns: 1fr;
}
}
.caracteristica[data-v-92d90543] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.altura-card[data-v-92d90543] { border-color: rgba(147, 197, 253, 0.5);
}
.intensidad-card[data-v-92d90543] { border-color: rgba(252, 211, 77, 0.5);
}
.timbre-card[data-v-92d90543] { border-color: rgba(240, 171, 252, 0.5);
}
.carac-icono[data-v-92d90543] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.carac-label[data-v-92d90543] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.carac-desc[data-v-92d90543] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.carac-fisica[data-v-92d90543] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.carac-fisica strong[data-v-92d90543] {
  color: #FCD34D;
}

/* Sección altura */
.seccion-altura[data-v-92d90543] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-92d90543] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.titulo-icono[data-v-92d90543] {
  font-size: 1.25rem;
}
.titulo-texto[data-v-92d90543] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.altura-explicacion p[data-v-92d90543] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Relación frecuencia */
.relacion-frecuencia[data-v-92d90543] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.frecuencia-item[data-v-92d90543] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.frecuencia-item.agudo[data-v-92d90543] {
  border-left: 3px solid #6EE7B7;
}
.frecuencia-item.grave[data-v-92d90543] {
  border-left: 3px solid #FCA5A5;
}
.freq-visual[data-v-92d90543] {
  width: 80px;
  flex-shrink: 0;
}
.freq-svg[data-v-92d90543] {
  width: 100%;
  height: 30px;
}
.freq-info[data-v-92d90543] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.freq-label[data-v-92d90543] {
  font-weight: 700;
  font-size: 0.85rem;
}
.agudo .freq-label[data-v-92d90543] { color: #6EE7B7;
}
.grave .freq-label[data-v-92d90543] { color: #FCA5A5;
}
.freq-valor[data-v-92d90543] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.freq-ejemplo[data-v-92d90543] {
  font-size: 0.7rem;
  color: #A78BFA;
  font-style: italic;
}

/* Rango audible */
.rango-audible[data-v-92d90543] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rango-titulo[data-v-92d90543] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.rango-barra[data-v-92d90543] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rango-escala[data-v-92d90543] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rango-min[data-v-92d90543], .rango-max[data-v-92d90543] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
  white-space: nowrap;
}
.rango-fill[data-v-92d90543] {
  flex: 1;
  height: 12px;
  background: linear-gradient(90deg, #6EE7B7, #93C5FD, #F0ABFC, #FCA5A5);
  border-radius: 6px;
}
.rango-labels[data-v-92d90543] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #A78BFA;
  text-align: center;
}
.label-infra[data-v-92d90543], .label-ultra[data-v-92d90543] {
  color: #6B7280;
}
.label-audible[data-v-92d90543] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Fórmula section */
.formula-section[data-v-92d90543] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-92d90543] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formula-contenido[data-v-92d90543] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.formula-contenido[data-v-92d90543] {
    flex-direction: row;
}
}
.formula-box[data-v-92d90543] {
  flex: 1;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-texto[data-v-92d90543] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-92d90543] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-92d90543] {
  font-size: 1.25rem;
}
.tip-texto[data-v-92d90543] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-92d90543] {
  color: #6EE7B7;
}

/* Colores temáticos */
strong.intensidad[data-v-73d93b58] { color: #FCD34D;
}
strong.timbre[data-v-73d93b58] { color: #F0ABFC;
}
strong.destacado[data-v-73d93b58] { color: #6EE7B7;
}

/* Secciones */
.seccion-intensidad[data-v-73d93b58], .seccion-timbre[data-v-73d93b58] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-73d93b58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.titulo-icono[data-v-73d93b58] {
  font-size: 1.25rem;
}
.seccion-intensidad .titulo-texto[data-v-73d93b58] { color: #FCD34D;
}
.seccion-timbre .titulo-texto[data-v-73d93b58] { color: #F0ABFC;
}
.titulo-texto[data-v-73d93b58] {
  font-weight: 700;
  font-size: 1rem;
}
.seccion-intro[data-v-73d93b58] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Comparación de amplitud */
.amplitud-comparacion[data-v-73d93b58] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.amplitud-item[data-v-73d93b58] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.amplitud-item.fuerte[data-v-73d93b58] {
  border-left: 3px solid #6EE7B7;
}
.amplitud-item.debil[data-v-73d93b58] {
  border-left: 3px solid #FCA5A5;
}
.amp-visual[data-v-73d93b58] {
  width: 100px;
  flex-shrink: 0;
  position: relative;
}
.amp-svg[data-v-73d93b58] {
  width: 100%;
  height: 45px;
}
.amp-marca[data-v-73d93b58] {
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.marca-linea[data-v-73d93b58] {
  width: 8px;
  height: 2px;
  background: #8B5CF6;
}
.marca-texto[data-v-73d93b58] {
  font-size: 0.55rem;
  color: #C4B5FD;
  white-space: nowrap;
  display: none;
}
@media (min-width: 640px) {
.marca-texto[data-v-73d93b58] {
    display: inline;
}
}
.amp-info[data-v-73d93b58] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.amp-label[data-v-73d93b58] {
  font-weight: 700;
  font-size: 0.85rem;
}
.fuerte .amp-label[data-v-73d93b58] { color: #6EE7B7;
}
.debil .amp-label[data-v-73d93b58] { color: #FCA5A5;
}
.amp-desc[data-v-73d93b58] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Decibeles */
.decibeles-section[data-v-73d93b58] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dec-titulo[data-v-73d93b58] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.dec-escala[data-v-73d93b58] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
@media (min-width: 640px) {
.dec-escala[data-v-73d93b58] {
    grid-template-columns: repeat(4, 1fr);
}
}
.dec-item[data-v-73d93b58] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.dec-valor[data-v-73d93b58] {
  font-weight: 700;
  font-size: 0.8rem;
}
.dec-valor.bajo[data-v-73d93b58] { color: #6EE7B7;
}
.dec-valor.medio[data-v-73d93b58] { color: #93C5FD;
}
.dec-valor.alto[data-v-73d93b58] { color: #FCD34D;
}
.dec-valor.peligro[data-v-73d93b58] { color: #FCA5A5;
}
.dec-ejemplo[data-v-73d93b58] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Timbre */
.timbre-ejemplo[data-v-73d93b58] {
  margin-top: 0.75rem;
}
.timbre-pregunta[data-v-73d93b58] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.instrumentos-grid[data-v-73d93b58] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.instrumento[data-v-73d93b58] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.inst-icono[data-v-73d93b58] {
  font-size: 1.5rem;
}
.inst-nombre[data-v-73d93b58] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.inst-onda[data-v-73d93b58] {
  width: 100%;
}
.onda-timbre[data-v-73d93b58] {
  width: 100%;
  height: 25px;
}
.timbre-explicacion[data-v-73d93b58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(240, 171, 252, 0.1);
  border: 1px solid rgba(240, 171, 252, 0.3);
  border-radius: 0.5rem;
}
.exp-icono[data-v-73d93b58] {
  font-size: 1rem;
}
.exp-texto[data-v-73d93b58] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.exp-texto strong[data-v-73d93b58] {
  color: #F0ABFC;
}

/* Resumen */
.resumen-section[data-v-73d93b58] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-73d93b58] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.resumen-tabla[data-v-73d93b58] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-73d93b58] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.tabla-row[data-v-73d93b58] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row[data-v-73d93b58]:last-child {
  border-bottom: none;
}
.altura-row[data-v-73d93b58] { border-left: 3px solid #93C5FD;
}
.intensidad-row[data-v-73d93b58] { border-left: 3px solid #FCD34D;
}
.timbre-row[data-v-73d93b58] { border-left: 3px solid #F0ABFC;
}
.cell-nombre[data-v-73d93b58] {
  font-weight: 700;
  color: #FFFFFF;
}
.altura-row .cell-nombre[data-v-73d93b58] { color: #93C5FD;
}
.intensidad-row .cell-nombre[data-v-73d93b58] { color: #FCD34D;
}
.timbre-row .cell-nombre[data-v-73d93b58] { color: #F0ABFC;
}
.cell-depende[data-v-73d93b58] {
  color: #E9D5FF;
}
.cell-distingue[data-v-73d93b58] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-73d93b58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-73d93b58] {
  font-size: 1.25rem;
}
.tip-texto[data-v-73d93b58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-73d93b58] {
  color: #6EE7B7;
}

.explorador[data-v-010e29f0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-010e29f0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-010e29f0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-010e29f0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-010e29f0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-010e29f0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-010e29f0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-010e29f0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-010e29f0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-010e29f0] {
  text-align: center;
}
.pregunta-actual[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-emoji[data-v-010e29f0] {
  font-size: 2rem;
}
.pregunta-texto[data-v-010e29f0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-clasificar[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 90px;
}
.opcion-btn[data-v-010e29f0]:hover {
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-010e29f0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-010e29f0] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-btn.incorrecto[data-v-010e29f0] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-emoji[data-v-010e29f0] {
  font-size: 1.25rem;
}
.opcion-texto[data-v-010e29f0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-010e29f0] {
  text-align: center;
}
.relacion-instruccion[data-v-010e29f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.instr-icono[data-v-010e29f0] {
  font-size: 1.1rem;
}
.columnas-relacion[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.columna[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
  max-width: 140px;
}
.col-titulo[data-v-010e29f0] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.item-rel[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.item-rel[data-v-010e29f0]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.item-rel.seleccionado[data-v-010e29f0] {
  border-color: #FCD34D;
  box-shadow: 0 0 10px rgba(252, 211, 77, 0.4);
}
.item-rel.seleccionable[data-v-010e29f0] {
  border-color: #8B5CF6;
  animation: pulse-010e29f0 1s infinite;
}
@keyframes pulse-010e29f0 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.item-rel.emparejado[data-v-010e29f0] {
  opacity: 0.5;
  cursor: default;
}
.item-emoji[data-v-010e29f0] {
  font-size: 1rem;
}
.item-nombre[data-v-010e29f0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.parejas-hechas[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
}
.pareja[data-v-010e29f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.pareja-flecha[data-v-010e29f0] {
  color: #8B5CF6;
}
.pareja-check[data-v-010e29f0] {
  color: #10B981;
  font-weight: 700;
}
.pareja-x[data-v-010e29f0] {
  color: #EF4444;
  font-weight: 700;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-010e29f0] {
  text-align: center;
}
.ordenar-instruccion[data-v-010e29f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
strong.grave[data-v-010e29f0] { color: #FCA5A5;
}
strong.agudo[data-v-010e29f0] { color: #6EE7B7;
}
.sonidos-pool[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sonido-btn[data-v-010e29f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-width: 70px;
  transition: all 0.2s ease;
}
.sonido-btn.seleccionado[data-v-010e29f0] {
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
  transform: scale(1.05);
}
.sonido-emoji[data-v-010e29f0] {
  font-size: 1.25rem;
}
.sonido-name[data-v-010e29f0] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #E9D5FF;
}
.sonido-freq[data-v-010e29f0] {
  font-size: 0.6rem;
  color: #93C5FD;
}
.slots-orden[data-v-010e29f0] {
  margin-bottom: 1rem;
}
.slot-label[data-v-010e29f0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-row[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.slot-ord[data-v-010e29f0] {
  width: 65px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-ord.seleccionable[data-v-010e29f0] {
  border-color: #8B5CF6;
  animation: pulse-010e29f0 1s infinite;
}
.slot-ord.ocupado[data-v-010e29f0] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.1);
}
.slot-placeholder[data-v-010e29f0] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.slot-emoji[data-v-010e29f0] {
  font-size: 1rem;
}
.slot-name[data-v-010e29f0] {
  font-size: 0.6rem;
  color: #E9D5FF;
}

/* Botones de acción */
.botones-accion[data-v-010e29f0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-010e29f0], .btn-reiniciar[data-v-010e29f0] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-010e29f0] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-010e29f0] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Feedback */
.feedback-error[data-v-010e29f0] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-010e29f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-010e29f0] { font-size: 1.25rem;
}
.resultado-texto[data-v-010e29f0] { color: #6EE7B7; font-weight: 600;
}
.contador-problemas[data-v-010e29f0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-010e29f0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-010e29f0] { flex: 1;
}
.nav-btn[data-v-010e29f0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-010e29f0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-010e29f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-010e29f0] { font-size: 1.75rem;
}
.completado-texto[data-v-010e29f0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-010e29f0], .slide-leave-active[data-v-010e29f0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-010e29f0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-010e29f0] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-9bb26eee] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9bb26eee] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9bb26eee] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-9bb26eee] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-9bb26eee] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-9bb26eee] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.wide[data-v-9bb26eee] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-9bb26eee] {
    grid-column: span 1;
}
}
.card-header[data-v-9bb26eee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-9bb26eee] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9bb26eee] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-9bb26eee] {
  color: #E9D5FF;
}
.card-nota[data-v-9bb26eee] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Cualidades resumen */
.cualidades-resumen[data-v-9bb26eee] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.cualidad-item[data-v-9bb26eee] {
  flex: 1;
  min-width: 150px;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.cualidad-item.altura[data-v-9bb26eee] { border-left: 3px solid #93C5FD;
}
.cualidad-item.intensidad[data-v-9bb26eee] { border-left: 3px solid #FCD34D;
}
.cualidad-item.timbre[data-v-9bb26eee] { border-left: 3px solid #F0ABFC;
}
.cual-emoji[data-v-9bb26eee] {
  font-size: 1.5rem;
}
.cual-info[data-v-9bb26eee] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.cual-nombre[data-v-9bb26eee] {
  font-weight: 700;
  font-size: 0.9rem;
}
.altura .cual-nombre[data-v-9bb26eee] { color: #93C5FD;
}
.intensidad .cual-nombre[data-v-9bb26eee] { color: #FCD34D;
}
.timbre .cual-nombre[data-v-9bb26eee] { color: #F0ABFC;
}
.cual-desc[data-v-9bb26eee] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.cual-dep[data-v-9bb26eee] {
  font-size: 0.7rem;
  color: #A78BFA;
}
.cual-dep strong[data-v-9bb26eee] {
  color: #FCD34D;
}

/* Relación visual */
.relacion-visual[data-v-9bb26eee] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rel-item[data-v-9bb26eee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.rel-freq[data-v-9bb26eee] {
  color: #C4B5FD;
}
.rel-flecha[data-v-9bb26eee] {
  color: #8B5CF6;
}
.rel-result[data-v-9bb26eee] {
  font-weight: 700;
}
.rel-result.agudo[data-v-9bb26eee] { color: #6EE7B7;
}
.rel-result.grave[data-v-9bb26eee] { color: #FCA5A5;
}
.rel-result.fuerte[data-v-9bb26eee] { color: #6EE7B7;
}
.rel-result.debil[data-v-9bb26eee] { color: #FCA5A5;
}

/* Rango info */
.rango-info[data-v-9bb26eee] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  text-align: center;
}
.rango-label[data-v-9bb26eee] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.rango-valor[data-v-9bb26eee] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Decibeles info */
.decibeles-info[data-v-9bb26eee] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.db-item[data-v-9bb26eee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.db-val[data-v-9bb26eee] {
  font-weight: 700;
  font-size: 0.75rem;
}
.db-val.bajo[data-v-9bb26eee] { color: #6EE7B7;
}
.db-val.medio[data-v-9bb26eee] { color: #93C5FD;
}
.db-val.alto[data-v-9bb26eee] { color: #FCA5A5;
}

/* Timbre */
.timbre-desc[data-v-9bb26eee] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.timbre-ejemplo[data-v-9bb26eee] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.inst[data-v-9bb26eee] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-9bb26eee] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-9bb26eee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-9bb26eee] {
  font-size: 1.25rem;
}
.tip-text[data-v-9bb26eee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-text strong[data-v-9bb26eee] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9bb26eee] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.celebracion-iconos[data-v-9bb26eee] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-9bb26eee 1s ease-in-out infinite;
}
@keyframes bounce-9bb26eee {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9bb26eee] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-bc3cbfc9] {
  margin: 1rem 0 1.5rem;
}
.ambulancia-scene[data-v-bc3cbfc9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  overflow: hidden;
}
.observador[data-v-bc3cbfc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.obs-emoji[data-v-bc3cbfc9] {
  font-size: 1.5rem;
}
.obs-label[data-v-bc3cbfc9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.ambulancia-container[data-v-bc3cbfc9] {
  position: relative;
  animation: move-ambulance-bc3cbfc9 4s ease-in-out infinite;
}
@keyframes move-ambulance-bc3cbfc9 {
0%, 100% { transform: translateX(-20px);
}
50% { transform: translateX(20px);
}
}
.ambulancia-emoji[data-v-bc3cbfc9] {
  font-size: 2.5rem;
  position: relative;
  z-index: 2;
}
.ondas-sonido[data-v-bc3cbfc9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.onda-circulo[data-v-bc3cbfc9] {
  position: absolute;
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  animation: expand-wave-bc3cbfc9 2s ease-out infinite;
}
.onda-1[data-v-bc3cbfc9] {
  width: 30px;
  height: 30px;
  top: -15px;
  left: -15px;
  animation-delay: 0s;
}
.onda-2[data-v-bc3cbfc9] {
  width: 50px;
  height: 50px;
  top: -25px;
  left: -25px;
  animation-delay: 0.5s;
}
.onda-3[data-v-bc3cbfc9] {
  width: 70px;
  height: 70px;
  top: -35px;
  left: -35px;
  animation-delay: 1s;
}
@keyframes expand-wave-bc3cbfc9 {
0% { opacity: 1; transform: scale(0.5);
}
100% { opacity: 0; transform: scale(1.5);
}
}

/* Colores temáticos */
strong.agudo[data-v-bc3cbfc9] { color: #6EE7B7;
}
strong.grave[data-v-bc3cbfc9] { color: #FCA5A5;
}
strong.frecuencia[data-v-bc3cbfc9] { color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-bc3cbfc9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-bc3cbfc9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-bc3cbfc9] {
  font-size: 1.25rem;
}
.def-titulo[data-v-bc3cbfc9] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-bc3cbfc9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-bc3cbfc9] {
  color: #FFFFFF;
}

/* Casos section */
.casos-section[data-v-bc3cbfc9] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-bc3cbfc9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caso-item[data-v-bc3cbfc9] {
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.caso-header[data-v-bc3cbfc9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.caso-item.acerca .caso-header[data-v-bc3cbfc9] {
  background: rgba(110, 231, 183, 0.2);
}
.caso-item.aleja .caso-header[data-v-bc3cbfc9] {
  background: rgba(252, 165, 165, 0.2);
}
.caso-icono[data-v-bc3cbfc9] {
  font-size: 1rem;
}
.caso-label[data-v-bc3cbfc9] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.caso-contenido[data-v-bc3cbfc9] {
  padding: 0.75rem;
}
.caso-visual[data-v-bc3cbfc9] {
  margin-bottom: 0.5rem;
}
.caso-svg[data-v-bc3cbfc9] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.caso-resultado[data-v-bc3cbfc9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.resultado-label[data-v-bc3cbfc9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.resultado-valor[data-v-bc3cbfc9] {
  font-weight: 700;
  font-size: 0.9rem;
}
.resultado-valor.agudo[data-v-bc3cbfc9] { color: #6EE7B7;
}
.resultado-valor.grave[data-v-bc3cbfc9] { color: #FCA5A5;
}

/* Explicación section */
.explicacion-section[data-v-bc3cbfc9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.explicacion-titulo[data-v-bc3cbfc9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.explicacion-contenido[data-v-bc3cbfc9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.explicacion-item[data-v-bc3cbfc9] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.exp-num[data-v-bc3cbfc9] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.explicacion-item p[data-v-bc3cbfc9] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.explicacion-item p strong[data-v-bc3cbfc9] {
  color: #FFFFFF;
}

/* Ejemplos section */
.ejemplos-section[data-v-bc3cbfc9] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-bc3cbfc9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplos-grid[data-v-bc3cbfc9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.ejemplos-grid[data-v-bc3cbfc9] {
    grid-template-columns: repeat(4, 1fr);
}
}
.ejemplo-item[data-v-bc3cbfc9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-emoji[data-v-bc3cbfc9] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-bc3cbfc9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-bc3cbfc9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-bc3cbfc9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bc3cbfc9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bc3cbfc9] {
  color: #6EE7B7;
}

/* Fórmula principal */
.formula-principal[data-v-6e798143] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.formula-header[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-6e798143] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-6e798143] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-6e798143] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-grande[data-v-6e798143] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  letter-spacing: 1px;
}
@media (min-width: 640px) {
.formula-grande[data-v-6e798143] {
    font-size: 1.6rem;
}
}

/* Variables section */
.variables-section[data-v-6e798143] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-6e798143] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.variables-grid[data-v-6e798143] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.variables-grid[data-v-6e798143] {
    grid-template-columns: repeat(3, 1fr);
}
}
.variable-item[data-v-6e798143] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-6e798143] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}
.var-nombre[data-v-6e798143] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}
.var-unidad[data-v-6e798143] {
  font-size: 0.65rem;
  color: #A78BFA;
  margin-top: 0.1rem;
}

/* Signos section */
.signos-section[data-v-6e798143] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.signos-header[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.signos-icono[data-v-6e798143] {
  font-size: 1.25rem;
}
.signos-titulo[data-v-6e798143] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.signos-contenido[data-v-6e798143] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.signos-contenido[data-v-6e798143] {
    flex-direction: row;
}
.signo-caso[data-v-6e798143] {
    flex: 1;
}
}
.signo-caso[data-v-6e798143] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.signo-header-item[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.signo-emoji[data-v-6e798143] {
  font-size: 1rem;
}
.signo-label[data-v-6e798143] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.signo-reglas[data-v-6e798143] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.signo-regla[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
}
.signo-regla.positivo[data-v-6e798143] {
  background: rgba(110, 231, 183, 0.15);
  border-left: 3px solid #6EE7B7;
}
.signo-regla.negativo[data-v-6e798143] {
  background: rgba(252, 165, 165, 0.15);
  border-left: 3px solid #FCA5A5;
}
.signo-simbolo[data-v-6e798143] {
  font-size: 1.1rem;
  font-weight: 800;
  width: 20px;
  text-align: center;
}
.signo-regla.positivo .signo-simbolo[data-v-6e798143] { color: #6EE7B7;
}
.signo-regla.negativo .signo-simbolo[data-v-6e798143] { color: #FCA5A5;
}
.signo-texto[data-v-6e798143] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.signo-texto strong[data-v-6e798143] {
  color: #FFFFFF;
}
.signo-tip[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-mini-icono[data-v-6e798143] {
  font-size: 1rem;
}
.signo-tip strong[data-v-6e798143] {
  color: #FCD34D;
}

/* Casos simplificados */
.casos-section[data-v-6e798143] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-6e798143] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.caso-simplificado[data-v-6e798143] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-header-simp[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.caso-num[data-v-6e798143] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.caso-nombre[data-v-6e798143] {
  font-weight: 600;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.caso-formula[data-v-6e798143] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.formula-simp[data-v-6e798143] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: 'Times New Roman', serif;
}
.caso-nota[data-v-6e798143] {
  text-align: center;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-6e798143] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-6e798143] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-6e798143] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-6e798143] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-6e798143] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 1rem;
}
.problema-texto[data-v-6e798143] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.problema-texto strong[data-v-6e798143] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-6e798143] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.solucion-paso[data-v-6e798143] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.paso-num[data-v-6e798143] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.solucion-paso.resultado .paso-num[data-v-6e798143] {
  background: #10B981;
  color: white;
}
.paso-contenido[data-v-6e798143] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-label[data-v-6e798143] {
  font-size: 0.7rem;
  color: #A78BFA;
  font-weight: 600;
}
.paso-valor[data-v-6e798143] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-valor strong[data-v-6e798143] {
  color: #FFFFFF;
}
.resultado-valor[data-v-6e798143] {
  color: #6EE7B7;
}
.resultado-valor strong[data-v-6e798143] {
  color: #6EE7B7;
  font-size: 1rem;
}
.ejemplo-verificacion[data-v-6e798143] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  text-align: center;
}

/* Tip */
.tip[data-v-6e798143] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6e798143] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e798143] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e798143] {
  color: #6EE7B7;
}

.simulador[data-v-656e3ecc] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-656e3ecc] {
  position: relative;
  width: 100%;
  height: 140px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.doppler-canvas[data-v-656e3ecc] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-656e3ecc] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
}
.indicador[data-v-656e3ecc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.ind-emoji[data-v-656e3ecc] {
  font-size: 0.9rem;
}
.fuente-ind .ind-valor[data-v-656e3ecc] {
  color: #F0ABFC;
}
.observador-ind .ind-valor[data-v-656e3ecc] {
  color: #93C5FD;
}

/* Panel de control */
.controles-panel[data-v-656e3ecc] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
.controles-panel[data-v-656e3ecc] {
    flex-direction: row;
}
.control-group[data-v-656e3ecc] {
    flex: 1;
}
}
.control-group[data-v-656e3ecc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-header[data-v-656e3ecc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.control-label[data-v-656e3ecc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-656e3ecc] {
  font-size: 0.9rem;
  font-weight: 700;
}
.fuente-color[data-v-656e3ecc] { color: #F0ABFC;
}
.observador-color[data-v-656e3ecc] { color: #93C5FD;
}
.slider[data-v-656e3ecc] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-656e3ecc]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.fuente-slider[data-v-656e3ecc]::-webkit-slider-thumb {
  background: #F0ABFC;
}
.observador-slider[data-v-656e3ecc]::-webkit-slider-thumb {
  background: #93C5FD;
}
.slider[data-v-656e3ecc]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.fuente-slider[data-v-656e3ecc]::-moz-range-thumb {
  background: #F0ABFC;
}
.observador-slider[data-v-656e3ecc]::-moz-range-thumb {
  background: #93C5FD;
}
.slider-labels[data-v-656e3ecc] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Panel de resultados */
.resultados-panel[data-v-656e3ecc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.resultado-principal[data-v-656e3ecc] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.resultado-header[data-v-656e3ecc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.res-icono[data-v-656e3ecc] {
  font-size: 1rem;
}
.res-titulo[data-v-656e3ecc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.resultado-valor-grande[data-v-656e3ecc] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  transition: color 0.3s ease;
}
.resultado-valor-grande.agudo[data-v-656e3ecc] {
  color: #6EE7B7;
}
.resultado-valor-grande.grave[data-v-656e3ecc] {
  color: #FCA5A5;
}
.resultado-cambio[data-v-656e3ecc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  transition: color 0.3s ease;
}
.resultado-cambio.agudo[data-v-656e3ecc] {
  color: #6EE7B7;
}
.resultado-cambio.grave[data-v-656e3ecc] {
  color: #FCA5A5;
}
.formula-aplicada[data-v-656e3ecc] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-label[data-v-656e3ecc] {
  font-size: 0.7rem;
  color: #A78BFA;
  margin-bottom: 0.25rem;
}
.formula-detalle[data-v-656e3ecc] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Panel de desafíos */
.desafios-panel[data-v-656e3ecc] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-656e3ecc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.desafios-icono[data-v-656e3ecc] {
  font-size: 1rem;
}
.desafios-titulo[data-v-656e3ecc] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-656e3ecc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desafio-item[data-v-656e3ecc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-656e3ecc] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-656e3ecc] {
  font-size: 1rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-656e3ecc] {
  color: #6EE7B7;
}
.desafio-texto[data-v-656e3ecc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-656e3ecc] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-656e3ecc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-656e3ecc] {
  font-size: 1.75rem;
}
.completado-texto[data-v-656e3ecc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

.ejercicios[data-v-e714f7b0] {
  width: 100%;
}

/* Progreso */
.progreso-ejercicios[data-v-e714f7b0] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e714f7b0] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  transition: all 0.3s ease;
}
.progreso-item.activo[data-v-e714f7b0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e714f7b0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.prog-check[data-v-e714f7b0] {
  font-size: 1rem;
}

/* Ejercicio container */
.ejercicio-container[data-v-e714f7b0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-e714f7b0] {
  text-align: center;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-e714f7b0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Enunciado */
.enunciado[data-v-e714f7b0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.enunciado-icono[data-v-e714f7b0] {
  font-size: 2rem;
}
.enunciado-texto[data-v-e714f7b0] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  text-align: center;
}
.enunciado-texto[data-v-e714f7b0] strong {
  color: #FCD34D;
}

/* Datos box */
.datos-box[data-v-e714f7b0] {
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.datos-titulo[data-v-e714f7b0] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.datos-grid[data-v-e714f7b0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.dato-item[data-v-e714f7b0] {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dato-label[data-v-e714f7b0] {
  font-size: 0.7rem;
  color: #A78BFA;
}
.dato-valor[data-v-e714f7b0] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Ayuda signos */
.ayuda-signos[data-v-e714f7b0] {
  padding: 0.6rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-titulo[data-v-e714f7b0] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.signo-hint[data-v-e714f7b0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Respuesta section */
.respuesta-section[data-v-e714f7b0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-e714f7b0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.input-container[data-v-e714f7b0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.respuesta-input[data-v-e714f7b0] {
  flex: 1;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s ease;
}
.respuesta-input[data-v-e714f7b0]:focus {
  border-color: #8B5CF6;
}
.respuesta-input.error[data-v-e714f7b0] {
  border-color: #EF4444;
}
.respuesta-input[data-v-e714f7b0]::placeholder {
  color: #6B7280;
}
.input-unidad[data-v-e714f7b0] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}
.btn-verificar[data-v-e714f7b0] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: opacity 0.2s ease;
}
.btn-verificar[data-v-e714f7b0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback error */
.feedback-error[data-v-e714f7b0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.error-icono[data-v-e714f7b0] {
  font-size: 1rem;
}
.error-texto[data-v-e714f7b0] {
  font-size: 0.85rem;
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-e714f7b0] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.resultado-header-ok[data-v-e714f7b0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.resultado-icono[data-v-e714f7b0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 50%;
}
.resultado-titulo[data-v-e714f7b0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.resultado-valor[data-v-e714f7b0] {
  text-align: center;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.resultado-valor strong[data-v-e714f7b0] {
  color: #6EE7B7;
}
.resultado-explicacion[data-v-e714f7b0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.5;
}
.resultado-explicacion[data-v-e714f7b0] strong {
  color: #6EE7B7;
}

/* Navegación */
.ejercicio-nav[data-v-e714f7b0] {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
.nav-btn[data-v-e714f7b0] {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.siguiente[data-v-e714f7b0] {
  background: #8B5CF6;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e714f7b0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e714f7b0] {
  font-size: 1.75rem;
}
.completado-texto[data-v-e714f7b0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e714f7b0], .slide-leave-active[data-v-e714f7b0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e714f7b0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e714f7b0] { opacity: 0; transform: translateX(-15px);
}

/* Resumen principal */
.resumen-principal[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
}
.resumen-header[data-v-5bf061e5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.resumen-icono[data-v-5bf061e5] {
  font-size: 1.25rem;
}
.resumen-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.concepto-central[data-v-5bf061e5] {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.concepto-texto[data-v-5bf061e5] {
  font-size: 1rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-texto strong[data-v-5bf061e5] {
  color: #FFFFFF;
}

/* Casos resumen */
.casos-resumen[data-v-5bf061e5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.caso[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.caso-acerca[data-v-5bf061e5] {
  background: rgba(110, 231, 183, 0.15);
  border: 2px solid rgba(110, 231, 183, 0.4);
}
.caso-aleja[data-v-5bf061e5] {
  background: rgba(252, 165, 165, 0.15);
  border: 2px solid rgba(252, 165, 165, 0.4);
}
.caso-icono[data-v-5bf061e5] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.caso-info[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.caso-titulo[data-v-5bf061e5] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.caso-resultado[data-v-5bf061e5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
strong.agudo[data-v-5bf061e5] { color: #6EE7B7;
}
strong.grave[data-v-5bf061e5] { color: #FCA5A5;
}

/* Fórmula resumen */
.formula-resumen[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
}
.formula-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.formula-box[data-v-5bf061e5] {
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #FCD34D;
  border-radius: 0.75rem;
}
.formula-grande[data-v-5bf061e5] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
@media (min-width: 640px) {
.formula-grande[data-v-5bf061e5] {
    font-size: 1.5rem;
}
}

/* Signos resumen */
.signos-resumen[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.signos-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.signos-tabla[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.signo-row[data-v-5bf061e5] {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1.2fr;
  gap: 0.3rem;
  padding: 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.signo-row.header[data-v-5bf061e5] {
  background: rgba(0, 0, 0, 0.2);
  color: #C4B5FD;
  font-weight: 600;
}
.signo-row.acerca[data-v-5bf061e5] {
  background: rgba(110, 231, 183, 0.1);
}
.signo-row.aleja[data-v-5bf061e5] {
  background: rgba(252, 165, 165, 0.1);
}
.signo-col[data-v-5bf061e5] {
  text-align: center;
  color: #E9D5FF;
}
strong.positivo[data-v-5bf061e5] { color: #6EE7B7; font-size: 1rem;
}
strong.negativo[data-v-5bf061e5] { color: #FCA5A5; font-size: 1rem;
}

/* Tips section */
.tips-section[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-5bf061e5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-5bf061e5] {
  font-size: 1.1rem;
}
.tips-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-5bf061e5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-5bf061e5] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.tip-contenido[data-v-5bf061e5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-5bf061e5] {
  color: #FFFFFF;
}

/* Errores section */
.errores-section[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-header[data-v-5bf061e5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.errores-icono[data-v-5bf061e5] {
  font-size: 1.1rem;
}
.errores-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.errores-lista[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-5bf061e5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.error-x[data-v-5bf061e5] {
  color: #EF4444;
  font-weight: 700;
}
.error-texto[data-v-5bf061e5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Aplicaciones section */
.aplicaciones-section[data-v-5bf061e5] {
  margin-bottom: 1.5rem;
}
.aplicaciones-titulo[data-v-5bf061e5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.aplicaciones-grid[data-v-5bf061e5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.aplicaciones-grid[data-v-5bf061e5] {
    grid-template-columns: repeat(4, 1fr);
}
}
.aplicacion-item[data-v-5bf061e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-emoji[data-v-5bf061e5] {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-5bf061e5] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.app-desc[data-v-5bf061e5] {
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Mensaje final */
.mensaje-final[data-v-5bf061e5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-5bf061e5] {
  font-size: 1.75rem;
}
.final-texto[data-v-5bf061e5] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Intro visual */
.intro-visual[data-v-bb5f228b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.espectro-icono[data-v-bb5f228b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icono-oido[data-v-bb5f228b] {
  font-size: 3rem;
  z-index: 2;
  position: relative;
}
.ondas-animadas[data-v-bb5f228b] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onda-ring[data-v-bb5f228b] {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  animation: ring-expand-bb5f228b 2s ease-out infinite;
  opacity: 0;
}
.onda-ring.delay1[data-v-bb5f228b] {
  animation-delay: 0.6s;
}
.onda-ring.delay2[data-v-bb5f228b] {
  animation-delay: 1.2s;
}
@keyframes ring-expand-bb5f228b {
0% {
    width: 60px;
    height: 60px;
    opacity: 0.8;
}
100% {
    width: 120px;
    height: 120px;
    opacity: 0;
}
}

/* Rango section */
.rango-section[data-v-bb5f228b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.rango-titulo[data-v-bb5f228b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.rango-visual[data-v-bb5f228b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rango-barra-container[data-v-bb5f228b] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 60px;
}
.rango-zona[data-v-bb5f228b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.rango-zona.infra[data-v-bb5f228b] {
  flex: 1;
  background: rgba(107, 114, 128, 0.3);
  border-right: 2px solid #FCA5A5;
}
.rango-zona.audible[data-v-bb5f228b] {
  flex: 3;
  background: linear-gradient(90deg, #FCA5A5, #FCD34D, #6EE7B7);
}
.rango-zona.ultra[data-v-bb5f228b] {
  flex: 1;
  background: rgba(107, 114, 128, 0.3);
  border-left: 2px solid #6EE7B7;
}
.zona-label[data-v-bb5f228b] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.zona-desc[data-v-bb5f228b] {
  font-size: 0.6rem;
  color: #9CA3AF;
}
.zona-limites[data-v-bb5f228b] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.limite[data-v-bb5f228b] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #1F2937;
  background: rgba(255, 255, 255, 0.9);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.limite-flecha[data-v-bb5f228b] {
  font-size: 0.8rem;
  color: #1F2937;
}
.frecuencia-barra[data-v-bb5f228b] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  padding: 0 0.25rem;
}

/* Percepción section */
.percepcion-section[data-v-bb5f228b] {
  margin: 1.5rem 0;
}
.percepcion-titulo[data-v-bb5f228b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.percepcion-grid[data-v-bb5f228b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.percepcion-grid[data-v-bb5f228b] {
    grid-template-columns: 1fr;
}
}
.percepcion-item[data-v-bb5f228b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.percepcion-item.grave[data-v-bb5f228b] {
  border-color: #FCA5A5;
}
.percepcion-item.medio[data-v-bb5f228b] {
  border-color: #FCD34D;
}
.percepcion-item.agudo[data-v-bb5f228b] {
  border-color: #6EE7B7;
}
.perc-freq[data-v-bb5f228b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.perc-label[data-v-bb5f228b] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.grave .perc-label[data-v-bb5f228b] { color: #FCA5A5;
}
.medio .perc-label[data-v-bb5f228b] { color: #FCD34D;
}
.agudo .perc-label[data-v-bb5f228b] { color: #6EE7B7;
}
.perc-ejemplos[data-v-bb5f228b] {
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.25rem;
  font-style: italic;
}

/* Animales section */
.animales-section[data-v-bb5f228b] {
  margin: 1.5rem 0;
}
.animales-titulo[data-v-bb5f228b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.animales-list[data-v-bb5f228b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.animales-list[data-v-bb5f228b] {
    grid-template-columns: 1fr;
}
}
.animal-item[data-v-bb5f228b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.animal-emoji[data-v-bb5f228b] {
  font-size: 1.25rem;
}
.animal-name[data-v-bb5f228b] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
  flex: 1;
}
.animal-rango[data-v-bb5f228b] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Definición */
.definicion[data-v-bb5f228b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-bb5f228b] {
  font-size: 1.5rem;
}
.def-contenido[data-v-bb5f228b] {
  flex: 1;
}
.def-titulo[data-v-bb5f228b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-bb5f228b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-bb5f228b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bb5f228b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bb5f228b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bb5f228b] {
  color: #6EE7B7;
}

/* Espectro visual */
.espectro-completo[data-v-1de609d3] {
  margin: 1rem 0 1.5rem;
}
.espectro-barra[data-v-1de609d3] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
}
.espectro-zona[data-v-1de609d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.25rem;
  text-align: center;
}
.espectro-zona.infra[data-v-1de609d3] {
  flex: 1;
  background: linear-gradient(135deg, #374151, #4B5563);
  border-right: 2px solid #FCA5A5;
}
.espectro-zona.audible[data-v-1de609d3] {
  flex: 2;
  background: linear-gradient(90deg, #FCA5A5, #FCD34D, #6EE7B7);
}
.espectro-zona.ultra[data-v-1de609d3] {
  flex: 1;
  background: linear-gradient(135deg, #4B5563, #374151);
  border-left: 2px solid #6EE7B7;
}
.zona-icono[data-v-1de609d3] {
  font-size: 1.25rem;
}
.zona-nombre[data-v-1de609d3] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.1rem;
}
.audible .zona-nombre[data-v-1de609d3] {
  color: #1F2937;
}
.zona-freq[data-v-1de609d3] {
  font-size: 0.55rem;
  color: #D1D5DB;
}
.audible .zona-freq[data-v-1de609d3] {
  color: #374151;
}

/* Sección de tipo */
.seccion-tipo[data-v-1de609d3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.tipo-header[data-v-1de609d3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid;
}
.infra-header[data-v-1de609d3] {
  border-color: rgba(252, 165, 165, 0.5);
}
.ultra-header[data-v-1de609d3] {
  border-color: rgba(110, 231, 183, 0.5);
}
.tipo-icono[data-v-1de609d3] {
  font-size: 1.5rem;
}
.tipo-info[data-v-1de609d3] {
  display: flex;
  flex-direction: column;
}
.tipo-titulo[data-v-1de609d3] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.infra-header .tipo-titulo[data-v-1de609d3] {
  color: #FCA5A5;
}
.ultra-header .tipo-titulo[data-v-1de609d3] {
  color: #6EE7B7;
}
.tipo-frecuencia[data-v-1de609d3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-descripcion[data-v-1de609d3] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.infra[data-v-1de609d3] {
  color: #FCA5A5;
}
strong.ultra[data-v-1de609d3] {
  color: #6EE7B7;
}

/* Características grid */
.caracteristicas-grid[data-v-1de609d3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.caracteristica-item[data-v-1de609d3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.carac-emoji[data-v-1de609d3] {
  font-size: 1rem;
}
.carac-texto[data-v-1de609d3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.carac-texto strong[data-v-1de609d3] {
  color: #FCD34D;
}

/* Ejemplos box */
.ejemplos-box[data-v-1de609d3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplos-titulo[data-v-1de609d3] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplos-lista[data-v-1de609d3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
@media (max-width: 640px) {
.ejemplos-lista[data-v-1de609d3] {
    grid-template-columns: 1fr;
}
}
.ejemplo-item[data-v-1de609d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.ej-emoji[data-v-1de609d3] {
  font-size: 1rem;
}
.ej-texto[data-v-1de609d3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Comparación */
.comparacion-section[data-v-1de609d3] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-1de609d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-1de609d3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-1de609d3],
.tabla-fila[data-v-1de609d3] {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.tabla-header[data-v-1de609d3] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
}
.tabla-fila[data-v-1de609d3] {
  font-size: 0.75rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-fila[data-v-1de609d3]:last-child {
  border-bottom: none;
}
.col-1[data-v-1de609d3] {
  color: #C4B5FD;
  font-weight: 600;
}
.infra-text[data-v-1de609d3] {
  color: #FCA5A5;
}
.ultra-text[data-v-1de609d3] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-1de609d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1de609d3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1de609d3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1de609d3] {
  color: #6EE7B7;
}

.explorador[data-v-0c3cff00] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0c3cff00] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0c3cff00] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0c3cff00] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0c3cff00] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0c3cff00] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0c3cff00] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0c3cff00] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0c3cff00] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0c3cff00] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar frecuencias ===== */
.clasificar-container[data-v-0c3cff00] {
  text-align: center;
}
.espectro-visual[data-v-0c3cff00] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.espectro-zona-drop[data-v-0c3cff00] {
  flex: 1;
  padding: 0.75rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
}
.espectro-zona-drop.infra[data-v-0c3cff00] {
  background: linear-gradient(135deg, #374151, #4B5563);
}
.espectro-zona-drop.audible[data-v-0c3cff00] {
  background: linear-gradient(90deg, #FCA5A5, #FCD34D, #6EE7B7);
}
.espectro-zona-drop.ultra[data-v-0c3cff00] {
  background: linear-gradient(135deg, #4B5563, #374151);
}
.espectro-zona-drop[data-v-0c3cff00]:hover {
  transform: scale(1.02);
}
.espectro-zona-drop.activo[data-v-0c3cff00] {
  border-color: #8B5CF6;
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.6);
}
.zona-label[data-v-0c3cff00] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.audible .zona-label[data-v-0c3cff00] {
  color: #1F2937;
}
.zona-freq[data-v-0c3cff00] {
  font-size: 0.55rem;
  color: #D1D5DB;
}
.audible .zona-freq[data-v-0c3cff00] {
  color: #374151;
}
.frecuencia-actual[data-v-0c3cff00] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.freq-pregunta[data-v-0c3cff00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.freq-emoji[data-v-0c3cff00] {
  font-size: 2rem;
}
.freq-info[data-v-0c3cff00] {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.freq-nombre[data-v-0c3cff00] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.freq-valor[data-v-0c3cff00] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}
.freq-instruccion[data-v-0c3cff00] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.feedback-box[data-v-0c3cff00] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  margin-top: 0.5rem;
}
.feedback-box.correcto[data-v-0c3cff00] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-container[data-v-0c3cff00] {
  text-align: center;
}
.ordenar-instruccion[data-v-0c3cff00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.instr-icono[data-v-0c3cff00] {
  font-size: 1.1rem;
}
strong.grave[data-v-0c3cff00] { color: #FCA5A5;
}
strong.agudo[data-v-0c3cff00] { color: #6EE7B7;
}
.sonidos-pool[data-v-0c3cff00] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sonido-btn[data-v-0c3cff00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-width: 70px;
  transition: all 0.2s ease;
}
.sonido-btn.seleccionado[data-v-0c3cff00] {
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
  transform: scale(1.05);
}
.sonido-emoji[data-v-0c3cff00] {
  font-size: 1.25rem;
}
.sonido-name[data-v-0c3cff00] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #E9D5FF;
}
.sonido-hz[data-v-0c3cff00] {
  font-size: 0.55rem;
  color: #93C5FD;
}
.slots-orden[data-v-0c3cff00] {
  margin-bottom: 1rem;
}
.slot-labels[data-v-0c3cff00] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-row[data-v-0c3cff00] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.slot-ord[data-v-0c3cff00] {
  width: 65px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-ord.seleccionable[data-v-0c3cff00] {
  border-color: #8B5CF6;
  animation: pulse-0c3cff00 1s infinite;
}
@keyframes pulse-0c3cff00 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-ord.ocupado[data-v-0c3cff00] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.1);
}
.slot-placeholder[data-v-0c3cff00] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.slot-emoji[data-v-0c3cff00] {
  font-size: 1rem;
}
.slot-name[data-v-0c3cff00] {
  font-size: 0.55rem;
  color: #E9D5FF;
}

/* Botones de acción */
.botones-accion[data-v-0c3cff00] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-0c3cff00], .btn-reiniciar[data-v-0c3cff00] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-0c3cff00] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-0c3cff00] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Aplicaciones ===== */
.aplicaciones-container[data-v-0c3cff00] {
  text-align: center;
}
.app-pregunta[data-v-0c3cff00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.app-emoji[data-v-0c3cff00] {
  font-size: 2.5rem;
}
.app-texto[data-v-0c3cff00] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.app-opciones[data-v-0c3cff00] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.app-opcion-btn[data-v-0c3cff00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
  min-width: 100px;
}
.app-opcion-btn[data-v-0c3cff00]:hover:not(:disabled) {
  border-color: #8B5CF6;
  transform: scale(1.02);
}
.app-opcion-btn.seleccionado[data-v-0c3cff00] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.app-opcion-btn.correcto[data-v-0c3cff00] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.app-opcion-btn.incorrecto[data-v-0c3cff00] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-icono[data-v-0c3cff00] {
  font-size: 1.25rem;
}
.opcion-texto[data-v-0c3cff00] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Feedback */
.feedback-error[data-v-0c3cff00] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-0c3cff00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0c3cff00] { font-size: 1.25rem;
}
.resultado-texto[data-v-0c3cff00] { color: #6EE7B7; font-weight: 600;
}
.contador-problemas[data-v-0c3cff00] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-0c3cff00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0c3cff00] { flex: 1;
}
.nav-btn[data-v-0c3cff00] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0c3cff00] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0c3cff00] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0c3cff00] { font-size: 1.75rem;
}
.completado-texto[data-v-0c3cff00] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0c3cff00], .slide-leave-active[data-v-0c3cff00] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0c3cff00] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0c3cff00] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-3a88e53b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-emoji[data-v-3a88e53b] {
  font-size: 1.5rem;
}
.header-texto[data-v-3a88e53b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-3a88e53b] {
  text-align: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-titulo[data-v-3a88e53b] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.concepto-formula[data-v-3a88e53b] {
  margin: 0.5rem 0;
}
.formula-grande[data-v-3a88e53b] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.concepto-nota[data-v-3a88e53b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Zonas section */
.zonas-section[data-v-3a88e53b] {
  margin-bottom: 1.5rem;
}
.zonas-titulo[data-v-3a88e53b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.zonas-grid[data-v-3a88e53b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.zonas-grid[data-v-3a88e53b] {
    grid-template-columns: 1fr;
}
}
.zona-card[data-v-3a88e53b] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid;
}
.zona-card.infra[data-v-3a88e53b] {
  border-color: rgba(252, 165, 165, 0.5);
}
.zona-card.audible[data-v-3a88e53b] {
  border-color: rgba(252, 211, 77, 0.5);
}
.zona-card.ultra[data-v-3a88e53b] {
  border-color: rgba(110, 231, 183, 0.5);
}
.zona-header[data-v-3a88e53b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.25rem;
}
.zona-icono[data-v-3a88e53b] {
  font-size: 1.1rem;
}
.zona-nombre[data-v-3a88e53b] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.infra .zona-nombre[data-v-3a88e53b] { color: #FCA5A5;
}
.audible .zona-nombre[data-v-3a88e53b] { color: #FCD34D;
}
.ultra .zona-nombre[data-v-3a88e53b] { color: #6EE7B7;
}
.zona-frecuencia[data-v-3a88e53b] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.zona-caracteristicas[data-v-3a88e53b] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.carac[data-v-3a88e53b] {
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Aplicaciones */
.aplicaciones-section[data-v-3a88e53b] {
  margin-bottom: 1.5rem;
}
.aplicaciones-titulo[data-v-3a88e53b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-3a88e53b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-item[data-v-3a88e53b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-emoji[data-v-3a88e53b] {
  font-size: 1.5rem;
}
.app-info[data-v-3a88e53b] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.app-nombre[data-v-3a88e53b] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.app-tipo[data-v-3a88e53b] {
  font-size: 0.7rem;
  font-weight: 600;
}
.ultra-text[data-v-3a88e53b] { color: #6EE7B7;
}
.infra-text[data-v-3a88e53b] { color: #FCA5A5;
}
.app-razon[data-v-3a88e53b] {
  font-size: 0.65rem;
  color: #A78BFA;
  font-style: italic;
}

/* Relación box */
.relacion-box[data-v-3a88e53b] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.relacion-titulo[data-v-3a88e53b] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  text-align: center;
}
.relacion-contenido[data-v-3a88e53b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-3a88e53b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.rel-flecha[data-v-3a88e53b] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.rel-texto[data-v-3a88e53b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  min-width: 100px;
}
.rel-resultado[data-v-3a88e53b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips */
.tips-section[data-v-3a88e53b] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-3a88e53b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-3a88e53b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-3a88e53b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-3a88e53b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-3a88e53b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-3a88e53b] {
  color: #FFFFFF;
}

/* Completado */
.completado-box[data-v-3a88e53b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3a88e53b] {
  font-size: 1.75rem;
}
.completado-texto[data-v-3a88e53b] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Intro visual - espectro arcoíris */
.intro-visual[data-v-de81487f] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.espectro-arcoiris[data-v-de81487f] {
  display: flex;
  height: 40px;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.banda[data-v-de81487f] {
  flex: 1;
  transition: flex 0.3s ease;
}
.banda.violeta[data-v-de81487f] { background: #8B5CF6;
}
.banda.azul[data-v-de81487f] { background: #3B82F6;
}
.banda.cyan[data-v-de81487f] { background: #06B6D4;
}
.banda.verde[data-v-de81487f] { background: #22C55E;
}
.banda.amarillo[data-v-de81487f] { background: #EAB308;
}
.banda.naranja[data-v-de81487f] { background: #F97316;
}
.banda.rojo[data-v-de81487f] { background: #EF4444;
}
.espectro-etiquetas[data-v-de81487f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
.etiqueta-lado[data-v-de81487f] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.etiqueta-lado.uv[data-v-de81487f] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.etiqueta-lado.ir[data-v-de81487f] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.etiqueta-centro[data-v-de81487f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
strong.destacado[data-v-de81487f] { color: #93C5FD;
}
strong.violeta[data-v-de81487f], .violeta[data-v-de81487f] { color: #A78BFA;
}
strong.rojo[data-v-de81487f], .rojo[data-v-de81487f] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-de81487f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(147, 197, 253, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-de81487f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-de81487f] {
  font-size: 1.25rem;
}
.def-titulo[data-v-de81487f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-de81487f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-de81487f] {
  color: #FFFFFF;
}

/* Espectro EM section */
.espectro-em-section[data-v-de81487f] {
  margin: 1.5rem 0;
}
.em-titulo[data-v-de81487f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.em-diagrama[data-v-de81487f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.em-escala[data-v-de81487f] {
  display: flex;
  gap: 2px;
  margin-bottom: 0.5rem;
}
.em-banda[data-v-de81487f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.1rem;
  border-radius: 0.25rem;
  min-height: 50px;
}
.em-nombre[data-v-de81487f] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.em-icono[data-v-de81487f] {
  font-size: 0.9rem;
  margin-top: 0.15rem;
}
.em-banda.radio[data-v-de81487f] { background: rgba(107, 114, 128, 0.4);
}
.em-banda.micro[data-v-de81487f] { background: rgba(75, 85, 99, 0.5);
}
.em-banda.infrarrojo[data-v-de81487f] { background: rgba(239, 68, 68, 0.4);
}
.em-banda.visible[data-v-de81487f] { 
  background: linear-gradient(90deg, #8B5CF6, #3B82F6, #22C55E, #EAB308, #EF4444);
  border: 2px solid #FFFFFF;
}
.em-banda.ultravioleta[data-v-de81487f] { background: rgba(139, 92, 246, 0.5);
}
.em-banda.rayosx[data-v-de81487f] { background: rgba(59, 130, 246, 0.5);
}
.em-banda.gamma[data-v-de81487f] { background: rgba(6, 182, 212, 0.5);
}
.em-flechas[data-v-de81487f] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.mayor-lambda[data-v-de81487f], .menor-freq[data-v-de81487f] { color: #FCA5A5;
}
.menor-lambda[data-v-de81487f], .mayor-freq[data-v-de81487f] { color: #A78BFA;
}

/* Relación section */
.relacion-section[data-v-de81487f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-de81487f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.relacion-formula[data-v-de81487f] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-de81487f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.relacion-items[data-v-de81487f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.relacion-item[data-v-de81487f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.simbolo[data-v-de81487f] {
  font-weight: 700;
  font-size: 1rem;
  min-width: 24px;
  color: #FFFFFF;
}
.simbolo.lambda[data-v-de81487f] { color: #6EE7B7;
}
.simbolo.freq[data-v-de81487f] { color: #93C5FD;
}
.desc[data-v-de81487f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.relacion-clave[data-v-de81487f] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}

/* Ejemplos section */
.ejemplos-section[data-v-de81487f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-de81487f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplos-grid[data-v-de81487f] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-de81487f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-de81487f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-de81487f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-de81487f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-de81487f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-de81487f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-de81487f] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.espectro-arcoiris[data-v-de81487f] {
    height: 50px;
}
.em-nombre[data-v-de81487f] {
    font-size: 0.7rem;
}
.em-banda[data-v-de81487f] {
    min-height: 60px;
}
}

[data-v-6e36b5eb] .violeta {
  color: #A78BFA;
}
[data-v-6e36b5eb] .rojo {
  color: #FCA5A5;
}

/* Espectro detallado */
.espectro-detallado[data-v-5ebdeef8] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.espectro-titulo[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.colores-container[data-v-5ebdeef8] {
  display: flex;
  gap: 2px;
  margin-bottom: 0.5rem;
}
.color-banda[data-v-5ebdeef8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.color-muestra[data-v-5ebdeef8] {
  width: 100%;
  height: 35px;
  border-radius: 0.25rem;
}
.color-info[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.35rem;
}
.color-nombre[data-v-5ebdeef8] {
  font-size: 0.55rem;
  font-weight: 700;
}
.color-lambda[data-v-5ebdeef8] {
  font-size: 0.5rem;
  color: #C4B5FD;
}
.escala-nm[data-v-5ebdeef8] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
  margin-top: 0.5rem;
}

/* Colores temáticos */
strong.violeta[data-v-5ebdeef8], .violeta[data-v-5ebdeef8] { color: #A78BFA;
}
strong.rojo[data-v-5ebdeef8], .rojo[data-v-5ebdeef8] { color: #FCA5A5;
}
strong.verde[data-v-5ebdeef8], .verde[data-v-5ebdeef8] { color: #6EE7B7;
}

/* Dispersión section */
.dispersion-section[data-v-5ebdeef8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dispersion-titulo[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.prisma-visual[data-v-5ebdeef8] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.prisma-svg[data-v-5ebdeef8] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.dispersion-explicacion[data-v-5ebdeef8] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}

/* Visión section */
.vision-section[data-v-5ebdeef8] {
  margin: 1.5rem 0;
}
.vision-titulo[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.vision-contenido[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ojo-info[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.celula-item[data-v-5ebdeef8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.celula-icono[data-v-5ebdeef8] {
  font-size: 1.25rem;
}
.celula-texto[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
}
.celula-nombre[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.celula-desc[data-v-5ebdeef8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sensibilidad-info[data-v-5ebdeef8] {
  padding: 0.5rem 0.75rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 0.5rem;
}
.sensibilidad-info p[data-v-5ebdeef8] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Colores primarios section */
.primarios-section[data-v-5ebdeef8] {
  margin: 1.5rem 0;
}
.primarios-titulo[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.primarios-grid[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.primario-item[data-v-5ebdeef8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.primario-visual[data-v-5ebdeef8] {
  margin-bottom: 0.5rem;
}
.rgb-svg[data-v-5ebdeef8] {
  width: 100px;
  height: 100px;
}
.primario-nombre[data-v-5ebdeef8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.primario-desc[data-v-5ebdeef8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.primario-resultado[data-v-5ebdeef8] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.suma-colores[data-v-5ebdeef8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
}
.color-r[data-v-5ebdeef8] { color: #EF4444;
}
.color-g[data-v-5ebdeef8] { color: #22C55E;
}
.color-b[data-v-5ebdeef8] { color: #3B82F6;
}
.color-blanco[data-v-5ebdeef8] { color: #FFFFFF;
}
.suma-signo[data-v-5ebdeef8] { color: #C4B5FD;
}

/* Tip */
.tip[data-v-5ebdeef8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5ebdeef8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5ebdeef8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5ebdeef8] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.color-nombre[data-v-5ebdeef8] {
    font-size: 0.7rem;
}
.color-lambda[data-v-5ebdeef8] {
    font-size: 0.6rem;
}
.ojo-info[data-v-5ebdeef8] {
    flex-direction: row;
}
.celula-item[data-v-5ebdeef8] {
    flex: 1;
}
}

/* Espectro completo */
.espectro-completo[data-v-d059dbf1] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.espectro-visual[data-v-d059dbf1] {
  display: flex;
  height: 60px;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.zona[data-v-d059dbf1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.zona.ir[data-v-d059dbf1] {
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.6), rgba(239, 68, 68, 0.4));
}
.zona.visible[data-v-d059dbf1] {
  position: relative;
  flex: 1.5;
}
.visible-gradient[data-v-d059dbf1] {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #EF4444, #F97316, #EAB308, #22C55E, #3B82F6, #8B5CF6);
}
.zona.visible .zona-nombre[data-v-d059dbf1] {
  position: relative;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.zona.uv[data-v-d059dbf1] {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.4), rgba(88, 28, 135, 0.6));
}
.zona-nombre[data-v-d059dbf1] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.zona-lambda[data-v-d059dbf1] {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.7);
}
.espectro-flecha[data-v-d059dbf1] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}
.flecha-label[data-v-d059dbf1] {
  font-size: 0.65rem;
  font-weight: 600;
}
.flecha-label.menor-e[data-v-d059dbf1] { color: #FCA5A5;
}
.flecha-label.mayor-e[data-v-d059dbf1] { color: #A78BFA;
}

/* Colores temáticos */
.ir-color[data-v-d059dbf1] { color: #FCA5A5;
}
.uv-color[data-v-d059dbf1] { color: #A78BFA;
}

/* Secciones de radiación */
.radiacion-section[data-v-d059dbf1] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.ir-section[data-v-d059dbf1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.uv-section[data-v-d059dbf1] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.radiacion-header[data-v-d059dbf1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.radiacion-icono[data-v-d059dbf1] {
  font-size: 1.5rem;
}
.radiacion-titulo[data-v-d059dbf1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.radiacion-info[data-v-d059dbf1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.info-item[data-v-d059dbf1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.info-label[data-v-d059dbf1] {
  color: #C4B5FD;
}
.info-valor[data-v-d059dbf1] {
  font-weight: 600;
}
.caracteristica-principal[data-v-d059dbf1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caracteristica-principal strong[data-v-d059dbf1] {
  color: #FFFFFF;
}

/* Tipos de UV */
.tipos-uv[data-v-d059dbf1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.tipo-uv-item[data-v-d059dbf1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.tipo-uv-nombre[data-v-d059dbf1] {
  font-weight: 700;
  font-size: 0.8rem;
}
.tipo-uv-nombre.uv-a[data-v-d059dbf1] { color: #C4B5FD;
}
.tipo-uv-nombre.uv-b[data-v-d059dbf1] { color: #A78BFA;
}
.tipo-uv-nombre.uv-c[data-v-d059dbf1] { color: #8B5CF6;
}
.tipo-uv-desc[data-v-d059dbf1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Aplicaciones grid */
.aplicaciones-grid[data-v-d059dbf1] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.aplicacion-item[data-v-d059dbf1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.app-icono[data-v-d059dbf1] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-d059dbf1] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Comparación section */
.comparacion-section[data-v-d059dbf1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-d059dbf1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-energia[data-v-d059dbf1] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-energia .formula[data-v-d059dbf1] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comparacion-items[data-v-d059dbf1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-d059dbf1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.comp-simbolo[data-v-d059dbf1] {
  font-weight: 700;
  font-size: 1rem;
  color: #FCD34D;
  min-width: 20px;
}
.comp-desc[data-v-d059dbf1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.conclusion-energia[data-v-d059dbf1] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d059dbf1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d059dbf1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d059dbf1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d059dbf1] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.zona-nombre[data-v-d059dbf1] {
    font-size: 0.8rem;
}
.zona-lambda[data-v-d059dbf1] {
    font-size: 0.65rem;
}
.aplicaciones-grid[data-v-d059dbf1] {
    gap: 0.5rem;
}
.app-nombre[data-v-d059dbf1] {
    font-size: 0.7rem;
}
}

.explorador[data-v-c57171c7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c57171c7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c57171c7] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c57171c7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c57171c7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c57171c7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c57171c7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c57171c7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar colores ===== */
.ordenar-container[data-v-c57171c7] {
  text-align: center;
}
.colores-disponibles[data-v-c57171c7] {
  margin-bottom: 1rem;
}
.colores-label[data-v-c57171c7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.colores-pool[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.color-btn[data-v-c57171c7] {
  padding: 0.4rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-family: inherit;
}
.color-btn.seleccionado[data-v-c57171c7] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
  border-color: white;
}
.escala-orden[data-v-c57171c7] {
  margin: 1rem 0;
}
.escala-labels[data-v-c57171c7] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-colores[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.slot-color[data-v-c57171c7] {
  width: 40px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  flex-shrink: 0;
  font-family: inherit;
}
.slot-color.seleccionable[data-v-c57171c7] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-c57171c7 1s infinite;
}
@keyframes pulse-c57171c7 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-color.ocupado[data-v-c57171c7] {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
}
.slot-placeholder[data-v-c57171c7] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}
.slot-nombre[data-v-c57171c7] {
  font-size: 0.5rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* Botones de acción */
.botones-accion[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-c57171c7], .btn-reiniciar[data-v-c57171c7] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-c57171c7] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Identificar radiación ===== */
.identificar-container[data-v-c57171c7] {
  text-align: center;
}
.pregunta-radiacion[data-v-c57171c7] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.pregunta-lambda[data-v-c57171c7] {
  display: block;
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-c57171c7] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-radiacion[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-c57171c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionada[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-c57171c7] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-btn.incorrecta[data-v-c57171c7] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-icono[data-v-c57171c7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.opcion-nombre[data-v-c57171c7] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.contador-preguntas[data-v-c57171c7] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Comparar energía ===== */
.comparar-container[data-v-c57171c7] {
  text-align: center;
}
.comparacion-visual[data-v-c57171c7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.radiacion-box[data-v-c57171c7] {
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.radiacion-box.rojo[data-v-c57171c7] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
}
.radiacion-box.azul[data-v-c57171c7] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid #3B82F6;
}
.radiacion-box.verde[data-v-c57171c7] {
  background: rgba(34, 197, 94, 0.3);
  border: 2px solid #22C55E;
}
.radiacion-box.violeta[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
}
.radiacion-box.uv[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #A78BFA;
}
.radiacion-box.ir[data-v-c57171c7] {
  background: rgba(239, 68, 68, 0.4);
  border: 2px solid #FCA5A5;
}
.rad-nombre[data-v-c57171c7] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rad-lambda[data-v-c57171c7] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs-separador[data-v-c57171c7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-comparar[data-v-c57171c7] {
  margin-bottom: 1rem;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.pregunta-comparar strong[data-v-c57171c7] {
  color: #FCD34D;
}
.opciones-comparar[data-v-c57171c7] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-comp[data-v-c57171c7] {
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-comp.seleccionada[data-v-c57171c7] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-comp.correcta[data-v-c57171c7] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-comp.incorrecta[data-v-c57171c7] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.contador-comparaciones[data-v-c57171c7] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-c57171c7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c57171c7] { font-size: 1.25rem;
}
.resultado-texto[data-v-c57171c7] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-c57171c7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c57171c7] { flex: 1;
}
.nav-btn[data-v-c57171c7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c57171c7] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c57171c7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c57171c7] { font-size: 1.75rem;
}
.completado-texto[data-v-c57171c7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c57171c7], .slide-leave-active[data-v-c57171c7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c57171c7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c57171c7] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slot-color[data-v-c57171c7] {
    width: 50px;
    height: 60px;
}
.slot-nombre[data-v-c57171c7] {
    font-size: 0.6rem;
}
.color-btn[data-v-c57171c7] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}
}

/* Espectro resumen */
.espectro-resumen[data-v-c5044570] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.espectro-completo-visual[data-v-c5044570] {
  display: flex;
  height: 45px;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.banda-em[data-v-c5044570] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.banda-em.ir[data-v-c5044570] {
  flex: 1;
  background: linear-gradient(90deg, rgba(127, 29, 29, 0.7), rgba(239, 68, 68, 0.5));
}
.banda-em.visible[data-v-c5044570] {
  flex: 1.5;
  background: linear-gradient(90deg, #EF4444, #F97316, #EAB308, #22C55E, #3B82F6, #8B5CF6);
}
.visible-texto[data-v-c5044570] {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.banda-em.uv[data-v-c5044570] {
  flex: 1;
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.5), rgba(88, 28, 135, 0.7));
}
.espectro-valores[data-v-c5044570] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.valor-central[data-v-c5044570] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Conceptos clave */
.conceptos-clave[data-v-c5044570] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-c5044570] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-item[data-v-c5044570] {
  margin-bottom: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-c5044570] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-icono[data-v-c5044570] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-c5044570] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-contenido[data-v-c5044570] {
  padding: 0.75rem;
}
.concepto-contenido p[data-v-c5044570] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.colores-mini[data-v-c5044570] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.color-mini[data-v-c5044570] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 700;
  color: white;
}
.color-mini.rojo[data-v-c5044570] { background: #EF4444;
}
.color-mini.naranja[data-v-c5044570] { background: #F97316;
}
.color-mini.amarillo[data-v-c5044570] { background: #EAB308; color: #000;
}
.color-mini.verde[data-v-c5044570] { background: #22C55E;
}
.color-mini.azul[data-v-c5044570] { background: #3B82F6;
}
.color-mini.violeta[data-v-c5044570] { background: #8B5CF6;
}

/* Fórmulas grid */
.formulas-grid[data-v-c5044570] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-c5044570] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-item .formula[data-v-c5044570] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-desc[data-v-c5044570] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Tabla de relación */
.relacion-tabla[data-v-c5044570] {
  font-size: 0.8rem;
}
.tabla-header[data-v-c5044570] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  margin-bottom: 0.35rem;
}
.col-header[data-v-c5044570] {
  text-align: center;
  font-weight: 700;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.col-header.violeta[data-v-c5044570] {
  background: rgba(139, 92, 246, 0.3);
  color: #A78BFA;
}
.col-header.rojo[data-v-c5044570] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.tabla-row[data-v-c5044570] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.row-label[data-v-c5044570] {
  color: #C4B5FD;
  font-weight: 600;
  padding: 0.25rem;
}
.valor-violeta[data-v-c5044570] {
  text-align: center;
  padding: 0.25rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
  color: #A78BFA;
  font-weight: 600;
}
.valor-rojo[data-v-c5044570] {
  text-align: center;
  padding: 0.25rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.25rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* IR y UV resumen */
.ir-uv-resumen[data-v-c5044570] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-c5044570] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ir-uv-grid[data-v-c5044570] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ir-uv-item[data-v-c5044570] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.ir-uv-item.ir[data-v-c5044570] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ir-uv-item.uv[data-v-c5044570] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ir-uv-nombre[data-v-c5044570] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.ir-uv-lista[data-v-c5044570] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.5;
}
.ir-uv-lista strong[data-v-c5044570] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-c5044570] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-c5044570] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tip-item[data-v-c5044570] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  align-items: flex-start;
}
.tip-item[data-v-c5044570]:last-child {
  margin-bottom: 0;
}
.tip-numero[data-v-c5044570] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-c5044570] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c5044570] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-c5044570] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.mensaje-icono[data-v-c5044570] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-c5044570] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.ir-uv-lista[data-v-c5044570] {
    font-size: 0.75rem;
}
.ir-uv-nombre[data-v-c5044570] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-ed3347b7] {
  margin: 1rem 0 1.5rem;
}
.instrumentos-grid[data-v-ed3347b7] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.instrumento-item[data-v-ed3347b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.inst-icono[data-v-ed3347b7] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.inst-nombre[data-v-ed3347b7] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}

/* Texto destacado */
strong.destacado[data-v-ed3347b7] { color: #93C5FD;
}

/* Clasificación */
.clasificacion-section[data-v-ed3347b7] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-ed3347b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-ed3347b7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.clasif-card[data-v-ed3347b7] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.clasif-card.aumentar[data-v-ed3347b7] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.clasif-card.acercar[data-v-ed3347b7] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.clasif-card.corregir[data-v-ed3347b7] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.clasif-card.capturar[data-v-ed3347b7] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.clasif-header[data-v-ed3347b7] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.clasif-icono[data-v-ed3347b7] { font-size: 1rem;
}
.clasif-nombre[data-v-ed3347b7] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.clasif-ejemplos[data-v-ed3347b7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.ej[data-v-ed3347b7] {
  font-size: 0.65rem;
  padding: 0.15rem 0.35rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  color: #C4B5FD;
}

/* Aumento section */
.aumento-section[data-v-ed3347b7] {
  margin: 1.5rem 0;
}
.aumento-titulo[data-v-ed3347b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aumento-contenido[data-v-ed3347b7] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.aumento-visual[data-v-ed3347b7] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.aumento-svg[data-v-ed3347b7] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.aumento-explicacion p[data-v-ed3347b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0 0 0.5rem 0;
}
.formula-box[data-v-ed3347b7] {
  background: rgba(252, 211, 77, 0.15);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  margin: 0.5rem 0;
}
.formula[data-v-ed3347b7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-desc[data-v-ed3347b7] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
}

/* Tip */
.tip[data-v-ed3347b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ed3347b7] { font-size: 1.25rem;
}
.tip-texto[data-v-ed3347b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ed3347b7] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.instrumentos-grid[data-v-ed3347b7] {
    gap: 1rem;
}
.instrumento-item[data-v-ed3347b7] {
    padding: 0.75rem 0.5rem;
}
.inst-icono[data-v-ed3347b7] {
    font-size: 2rem;
}
.inst-nombre[data-v-ed3347b7] {
    font-size: 0.75rem;
}
.clasificacion-grid[data-v-ed3347b7] {
    gap: 0.75rem;
}
.clasif-card[data-v-ed3347b7] {
    padding: 0.75rem;
}
}

/* Instrumento section */
.instrumento-section[data-v-8abb625f] {
  margin-bottom: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.instrumento-section.microscopio[data-v-8abb625f] {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.3);
}
.instrumento-header[data-v-8abb625f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.instrumento-icono[data-v-8abb625f] { font-size: 1.5rem;
}
.instrumento-nombre[data-v-8abb625f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.instrumento-sub[data-v-8abb625f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  width: 100%;
}

/* Diagramas */
.diagrama-lupa[data-v-8abb625f], .diagrama-microscopio[data-v-8abb625f] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.lupa-svg[data-v-8abb625f], .microscopio-svg[data-v-8abb625f] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Info grid */
.info-grid[data-v-8abb625f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.info-item[data-v-8abb625f] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.info-label[data-v-8abb625f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.info-valor[data-v-8abb625f] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.info-valor.convergente[data-v-8abb625f] { color: #93C5FD;
}
.info-valor.virtual[data-v-8abb625f] { color: #6EE7B7;
}

/* Fórmula */
.formula-section[data-v-8abb625f] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.formula-titulo[data-v-8abb625f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.formula-box[data-v-8abb625f] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 0.35rem;
}
.formula-box.grande[data-v-8abb625f] {
  padding: 0.6rem;
}
.formula[data-v-8abb625f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-nota[data-v-8abb625f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.formula-ejemplo[data-v-8abb625f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.formula-ejemplo .resultado[data-v-8abb625f] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Componentes microscopio */
.componentes-micro[data-v-8abb625f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.componente[data-v-8abb625f] {
  text-align: center;
}
.componente.objetivo[data-v-8abb625f] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  flex: 1;
}
.componente.ocular[data-v-8abb625f] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  flex: 1;
}
.componente.flecha[data-v-8abb625f] {
  color: #C4B5FD;
  font-size: 1.25rem;
}
.comp-nombre[data-v-8abb625f] {
  display: block;
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.15rem;
}
.objetivo .comp-nombre[data-v-8abb625f] { color: #93C5FD;
}
.ocular .comp-nombre[data-v-8abb625f] { color: #FCD34D;
}
.comp-desc[data-v-8abb625f] {
  display: block;
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-8abb625f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8abb625f] { font-size: 1.25rem;
}
.tip-texto[data-v-8abb625f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8abb625f] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.instrumento-sub[data-v-8abb625f] {
    width: auto;
    margin-left: auto;
}
.info-grid[data-v-8abb625f] {
    gap: 0.5rem;
}
.info-item[data-v-8abb625f] {
    padding: 0.5rem;
}
.info-label[data-v-8abb625f] {
    font-size: 0.75rem;
}
.info-valor[data-v-8abb625f] {
    font-size: 0.8rem;
}
}

/* Instrumento section */
.instrumento-section[data-v-c4453eb2] {
  margin-bottom: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.instrumento-section.reflector[data-v-c4453eb2] {
  background: rgba(147, 197, 253, 0.08);
  border-color: rgba(147, 197, 253, 0.3);
}
.instrumento-section.binoculares[data-v-c4453eb2] {
  background: rgba(252, 211, 77, 0.08);
  border-color: rgba(252, 211, 77, 0.3);
}
.instrumento-header[data-v-c4453eb2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.instrumento-icono[data-v-c4453eb2] { font-size: 1.5rem;
}
.instrumento-nombre[data-v-c4453eb2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.instrumento-sub[data-v-c4453eb2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  width: 100%;
}

/* Diagramas */
.diagrama-telescopio[data-v-c4453eb2], .diagrama-reflector[data-v-c4453eb2] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: visible;
}
.telescopio-svg[data-v-c4453eb2], .reflector-svg[data-v-c4453eb2] {
  width: 100%;
  max-width: 340px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Características grid */
.caracteristicas-grid[data-v-c4453eb2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.carac-item[data-v-c4453eb2] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.carac-label[data-v-c4453eb2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.carac-valor[data-v-c4453eb2] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.carac-valor.invertida[data-v-c4453eb2] { color: #FCA5A5;
}
.carac-valor.formula-carac[data-v-c4453eb2] { color: #FCD34D;
}

/* Fórmula */
.formula-section[data-v-c4453eb2] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.formula-titulo[data-v-c4453eb2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.formula-box[data-v-c4453eb2] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 0.35rem;
}
.formula[data-v-c4453eb2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-nota[data-v-c4453eb2] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ventajas reflector */
.ventajas-box[data-v-c4453eb2] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.ventajas-titulo[data-v-c4453eb2] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.35rem;
}
.ventajas-lista[data-v-c4453eb2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.ventaja-item[data-v-c4453eb2] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}

/* Binoculares */
.bino-info[data-v-c4453eb2] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.bino-notacion[data-v-c4453eb2] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.bino-ejemplo[data-v-c4453eb2] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
}
.bino-explicacion[data-v-c4453eb2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.exp-item[data-v-c4453eb2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.exp-item strong.aumento[data-v-c4453eb2] { color: #6EE7B7;
}
.exp-item strong.diametro[data-v-c4453eb2] { color: #93C5FD;
}
.bino-caracteristicas[data-v-c4453eb2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bino-carac[data-v-c4453eb2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.bino-icono[data-v-c4453eb2] { font-size: 1.1rem;
}
.bino-texto[data-v-c4453eb2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.bino-texto strong[data-v-c4453eb2] { color: #FCD34D;
}

/* Tip */
.tip[data-v-c4453eb2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c4453eb2] { font-size: 1.25rem;
}
.tip-texto[data-v-c4453eb2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c4453eb2] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.instrumento-sub[data-v-c4453eb2] {
    width: auto;
    margin-left: auto;
}
.caracteristicas-grid[data-v-c4453eb2] {
    gap: 0.5rem;
}
.carac-item[data-v-c4453eb2] {
    padding: 0.5rem;
}
.bino-notacion[data-v-c4453eb2] {
    gap: 2rem;
}
}

.laboratorio[data-v-113e6bec] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-113e6bec] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-113e6bec] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-113e6bec] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-113e6bec] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-113e6bec] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-113e6bec] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-113e6bec] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-113e6bec] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-113e6bec] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Microscopio ===== */
.calculadora-micro[data-v-113e6bec], .calculadora-tele[data-v-113e6bec] {
  text-align: center;
}
.micro-visual[data-v-113e6bec], .tele-visual[data-v-113e6bec] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.micro-icono[data-v-113e6bec], .tele-icono[data-v-113e6bec] {
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
}
.micro-info[data-v-113e6bec], .tele-info[data-v-113e6bec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.micro-dato[data-v-113e6bec], .tele-dato[data-v-113e6bec] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  min-width: 60px;
}
.micro-dato.resultado[data-v-113e6bec], .tele-dato.resultado[data-v-113e6bec] {
  background: rgba(252, 211, 77, 0.15);
  border: 2px solid rgba(252, 211, 77, 0.4);
}
.dato-label[data-v-113e6bec] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-113e6bec] {
  font-size: 1.1rem;
  font-weight: 700;
}
.dato-valor.objetivo[data-v-113e6bec] { color: #93C5FD;
}
.dato-valor.ocular[data-v-113e6bec] { color: #FCD34D;
}
.dato-valor.total[data-v-113e6bec] { color: #6EE7B7;
}
.operador[data-v-113e6bec] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Sliders */
.sliders-micro[data-v-113e6bec], .sliders-tele[data-v-113e6bec] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.slider-group[data-v-113e6bec] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slider-label[data-v-113e6bec] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 50px;
  text-align: right;
}
.slider[data-v-113e6bec] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-113e6bec]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.objetivo-slider[data-v-113e6bec]::-webkit-slider-thumb { background: #93C5FD;
}
.ocular-slider[data-v-113e6bec]::-webkit-slider-thumb { background: #FCD34D;
}
.slider[data-v-113e6bec]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.objetivo-slider[data-v-113e6bec]::-moz-range-thumb { background: #93C5FD;
}
.ocular-slider[data-v-113e6bec]::-moz-range-thumb { background: #FCD34D;
}
.slider-value[data-v-113e6bec] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  min-width: 55px;
}

/* Respuesta */
.respuesta-micro[data-v-113e6bec], .respuesta-tele[data-v-113e6bec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.resp-label[data-v-113e6bec] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.resp-input[data-v-113e6bec] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.resp-input.correcto[data-v-113e6bec] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.resp-input.incorrecto[data-v-113e6bec] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.resp-sufijo[data-v-113e6bec] {
  font-size: 1rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-113e6bec] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-113e6bec]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-113e6bec] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-113e6bec] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-113e6bec] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Identificar ===== */
.identificar-container[data-v-113e6bec] {
  text-align: center;
}
.pregunta-identif[data-v-113e6bec] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.opciones-identif[data-v-113e6bec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-113e6bec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-113e6bec]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-113e6bec] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-113e6bec] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-btn.incorrecto[data-v-113e6bec] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.opcion-icono[data-v-113e6bec] {
  font-size: 1.5rem;
}
.opcion-nombre[data-v-113e6bec] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-113e6bec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-113e6bec] { font-size: 1.25rem;
}
.resultado-texto[data-v-113e6bec] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-113e6bec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-113e6bec] { flex: 1;
}
.nav-btn[data-v-113e6bec] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-113e6bec] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-113e6bec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-113e6bec] { font-size: 1.75rem;
}
.completado-texto[data-v-113e6bec] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-113e6bec], .slide-leave-active[data-v-113e6bec] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-113e6bec] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-113e6bec] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-identif[data-v-113e6bec] {
    flex-direction: row;
}
.opcion-btn[data-v-113e6bec] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Header */
.resumen-header[data-v-e550f447] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(147, 197, 253, 0.15));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-e550f447] { font-size: 1.5rem;
}
.resumen-titulo[data-v-e550f447] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.seccion[data-v-e550f447] {
  margin-bottom: 1.25rem;
}
.seccion-titulo[data-v-e550f447] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Tabla comparativa */
.tabla-comparativa[data-v-e550f447] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-e550f447] {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  gap: 0.25rem;
}
.tabla-row.header[data-v-e550f447] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.lupa[data-v-e550f447] { background: rgba(16, 185, 129, 0.1);
}
.tabla-row.micro[data-v-e550f447] { background: rgba(147, 197, 253, 0.1);
}
.tabla-row.tele[data-v-e550f447] { background: rgba(252, 211, 77, 0.1);
}
.tabla-cell[data-v-e550f447] {
  padding: 0.5rem 0.35rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabla-cell.inst[data-v-e550f447] {
  flex-direction: column;
  gap: 0.1rem;
}
.inst-icono[data-v-e550f447] { font-size: 1rem;
}
.inst-nombre[data-v-e550f447] {
  font-weight: 600;
  font-size: 0.65rem;
}
.lupa .inst-nombre[data-v-e550f447] { color: #6EE7B7;
}
.micro .inst-nombre[data-v-e550f447] { color: #93C5FD;
}
.tele .inst-nombre[data-v-e550f447] { color: #FCD34D;
}
.tabla-cell.formula[data-v-e550f447] {
  font-family: monospace;
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.65rem;
}
.tabla-row.header .tabla-cell[data-v-e550f447] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Diferencias */
.diferencias-grid[data-v-e550f447] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.diferencia-card[data-v-e550f447] {
  flex: 1;
  text-align: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  max-width: 130px;
}
.diferencia-card.micro[data-v-e550f447] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.diferencia-card.tele[data-v-e550f447] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.4);
}
.dif-nombre[data-v-e550f447] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.micro .dif-nombre[data-v-e550f447] { color: #93C5FD;
}
.tele .dif-nombre[data-v-e550f447] { color: #FCD34D;
}
.dif-formula[data-v-e550f447] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.dif-desc[data-v-e550f447] {
  font-size: 0.7rem;
  font-weight: 600;
}
.micro .dif-desc[data-v-e550f447] { color: #6EE7B7;
}
.tele .dif-desc[data-v-e550f447] { color: #FCA5A5;
}
.diferencia-vs[data-v-e550f447] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Características lista */
.caracteristicas-lista[data-v-e550f447] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.carac-item[data-v-e550f447] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.carac-item.lupa[data-v-e550f447] { background: rgba(16, 185, 129, 0.1);
}
.carac-item.micro[data-v-e550f447] { background: rgba(147, 197, 253, 0.1);
}
.carac-item.tele[data-v-e550f447] { background: rgba(252, 211, 77, 0.1);
}
.carac-item.bino[data-v-e550f447] { background: rgba(139, 92, 246, 0.1);
}
.carac-nombre[data-v-e550f447] {
  font-weight: 700;
}
.lupa .carac-nombre[data-v-e550f447] { color: #6EE7B7;
}
.micro .carac-nombre[data-v-e550f447] { color: #93C5FD;
}
.tele .carac-nombre[data-v-e550f447] { color: #FCD34D;
}
.bino .carac-nombre[data-v-e550f447] { color: #A78BFA;
}
.carac-desc[data-v-e550f447] {
  color: #E9D5FF;
}

/* Aplicaciones */
.aplicaciones-grid[data-v-e550f447] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.app-item[data-v-e550f447] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.app-inst[data-v-e550f447] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.app-uso[data-v-e550f447] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-e550f447] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-e550f447] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-e550f447] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-e550f447] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-e550f447] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.tip-texto[data-v-e550f447] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-e550f447] { color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-e550f447] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.final-icono[data-v-e550f447] { font-size: 1.5rem;
}
.final-texto[data-v-e550f447] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-cell[data-v-e550f447] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
.tabla-cell.formula[data-v-e550f447] {
    font-size: 0.75rem;
}
.diferencia-card[data-v-e550f447] {
    max-width: 150px;
    padding: 0.75rem;
}
.aplicaciones-grid[data-v-e550f447] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-1ae367e0] {
  margin: 1rem 0 1.5rem;
}
.lentes-comparacion[data-v-1ae367e0] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.lente-item[data-v-1ae367e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.lente-svg[data-v-1ae367e0] {
  width: 80px;
  height: 100px;
}
.lente-nombre[data-v-1ae367e0] {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.lente-nombre.convergente[data-v-1ae367e0] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.lente-nombre.divergente[data-v-1ae367e0] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}

/* Colores temáticos */
strong.destacado[data-v-1ae367e0] { color: #93C5FD;
}

/* Tipos section */
.tipos-section[data-v-1ae367e0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-1ae367e0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-1ae367e0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-1ae367e0] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-card.convergente[data-v-1ae367e0] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.tipo-card.divergente[data-v-1ae367e0] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.tipo-header[data-v-1ae367e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-1ae367e0] { font-size: 1.25rem;
}
.tipo-nombre[data-v-1ae367e0] {
  font-weight: 700;
  font-size: 0.95rem;
}
.convergente .tipo-nombre[data-v-1ae367e0] { color: #93C5FD;
}
.divergente .tipo-nombre[data-v-1ae367e0] { color: #FCA5A5;
}
.tipo-caracteristicas[data-v-1ae367e0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.carac-item strong[data-v-1ae367e0] {
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-1ae367e0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.ej[data-v-1ae367e0] {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  color: #C4B5FD;
}

/* Elementos section */
.elementos-section[data-v-1ae367e0] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-1ae367e0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elemento-visual[data-v-1ae367e0] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.elementos-svg[data-v-1ae367e0] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.elementos-lista[data-v-1ae367e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-1ae367e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.elem-simbolo[data-v-1ae367e0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.9rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #FFFFFF;
}
.elem-simbolo.foco[data-v-1ae367e0] {
  background: rgba(110, 231, 183, 0.3);
  color: #6EE7B7;
}
.elem-simbolo.focal[data-v-1ae367e0] {
  background: rgba(252, 211, 77, 0.3);
  color: #FCD34D;
}
.elem-desc[data-v-1ae367e0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.elem-desc strong[data-v-1ae367e0] { color: #FFFFFF;
}

/* Tip */
.tip[data-v-1ae367e0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1ae367e0] { font-size: 1.25rem;
}
.tip-texto[data-v-1ae367e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1ae367e0] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.lentes-comparacion[data-v-1ae367e0] {
    gap: 3rem;
}
.lente-svg[data-v-1ae367e0] {
    width: 100px;
    height: 120px;
}
.tipos-grid[data-v-1ae367e0] {
    flex-direction: row;
}
.tipo-card[data-v-1ae367e0] {
    flex: 1;
}
}

/* Diagrama */
.diagrama-container[data-v-46125a7f] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
  margin: 1rem 0;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.diagrama-svg[data-v-46125a7f] {
  width: 100%;
  max-width: 350px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Colores */
strong.convergente[data-v-46125a7f] { color: #93C5FD;
}

/* Rayos section */
.rayos-section[data-v-46125a7f] {
  margin: 1.5rem 0;
}
.rayos-titulo[data-v-46125a7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rayos-lista[data-v-46125a7f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rayo-item[data-v-46125a7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.rayo-item.rojo[data-v-46125a7f] {
  background: rgba(248, 113, 113, 0.15);
  border: 1px solid rgba(248, 113, 113, 0.3);
}
.rayo-item.azul[data-v-46125a7f] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.3);
}
.rayo-item.morado[data-v-46125a7f] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.rayo-num[data-v-46125a7f] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.8rem;
  border-radius: 50%;
}
.rojo .rayo-num[data-v-46125a7f] { background: #F87171; color: #1F2937;
}
.azul .rayo-num[data-v-46125a7f] { background: #60A5FA; color: #1F2937;
}
.morado .rayo-num[data-v-46125a7f] { background: #A78BFA; color: #1F2937;
}
.rayo-desc[data-v-46125a7f] {
  color: #E9D5FF;
}
.rayo-desc strong[data-v-46125a7f] { color: #FFFFFF;
}

/* Casos section */
.casos-section[data-v-46125a7f] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-46125a7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-46125a7f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-46125a7f] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-item.destacado[data-v-46125a7f] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.4);
}
.caso-header[data-v-46125a7f] {
  margin-bottom: 0.25rem;
}
.caso-condicion[data-v-46125a7f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.caso-resultado[data-v-46125a7f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-resultado strong[data-v-46125a7f] { color: #6EE7B7;
}
.caso-uso[data-v-46125a7f] {
  display: block;
  font-size: 0.75rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Características */
.caracteristicas-section[data-v-46125a7f] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-46125a7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.carac-grid[data-v-46125a7f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.carac-item[data-v-46125a7f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.carac-label[data-v-46125a7f] {
  font-weight: 600;
  color: #C4B5FD;
}
.carac-opciones[data-v-46125a7f] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-46125a7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-46125a7f] { font-size: 1.25rem;
}
.tip-texto[data-v-46125a7f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-46125a7f] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-svg[data-v-46125a7f] {
    max-width: 400px;
}
.carac-grid[data-v-46125a7f] {
    flex-direction: row;
    gap: 0.5rem;
}
.carac-item[data-v-46125a7f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Diagrama */
.diagrama-container[data-v-53a4e245] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
  margin: 1rem 0;
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.diagrama-svg[data-v-53a4e245] {
  width: 100%;
  max-width: 350px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Colores */
strong.divergente[data-v-53a4e245] { color: #FCA5A5;
}
strong.destacado[data-v-53a4e245] { color: #93C5FD;
}

/* Rayos section */
.rayos-section[data-v-53a4e245] {
  margin: 1.5rem 0;
}
.rayos-titulo[data-v-53a4e245] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rayos-lista[data-v-53a4e245] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rayo-item[data-v-53a4e245] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.rayo-item.rojo[data-v-53a4e245] {
  background: rgba(248, 113, 113, 0.15);
  border: 1px solid rgba(248, 113, 113, 0.3);
}
.rayo-item.azul[data-v-53a4e245] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.3);
}
.rayo-item.morado[data-v-53a4e245] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.rayo-num[data-v-53a4e245] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.8rem;
  border-radius: 50%;
}
.rojo .rayo-num[data-v-53a4e245] { background: #F87171; color: #1F2937;
}
.azul .rayo-num[data-v-53a4e245] { background: #60A5FA; color: #1F2937;
}
.morado .rayo-num[data-v-53a4e245] { background: #A78BFA; color: #1F2937;
}
.rayo-desc[data-v-53a4e245] {
  color: #E9D5FF;
}
.rayo-desc strong[data-v-53a4e245] { color: #FFFFFF;
}

/* Diferencia section */
.diferencia-section[data-v-53a4e245] {
  margin: 1.5rem 0;
}
.dif-titulo[data-v-53a4e245] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparativa[data-v-53a4e245] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-53a4e245] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.convergente[data-v-53a4e245] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.comp-item.divergente[data-v-53a4e245] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.comp-tipo[data-v-53a4e245] {
  font-weight: 700;
  font-size: 0.85rem;
}
.comp-item.convergente .comp-tipo[data-v-53a4e245] { color: #93C5FD;
}
.comp-item.divergente .comp-tipo[data-v-53a4e245] { color: #FCA5A5;
}
.comp-desc[data-v-53a4e245] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-desc strong[data-v-53a4e245] { color: #FCD34D;
}
.comp-signo[data-v-53a4e245] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Siempre section */
.siempre-section[data-v-53a4e245] {
  margin: 1.5rem 0;
}
.siempre-titulo[data-v-53a4e245] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.siempre-grid[data-v-53a4e245] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.siempre-item[data-v-53a4e245] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.siempre-icono[data-v-53a4e245] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.siempre-label[data-v-53a4e245] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
}
.siempre-exp[data-v-53a4e245] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Aplicaciones */
.apps-section[data-v-53a4e245] {
  margin: 1.5rem 0;
}
.apps-titulo[data-v-53a4e245] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.apps-grid[data-v-53a4e245] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.app-item[data-v-53a4e245] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
}
.app-icono[data-v-53a4e245] { font-size: 1rem;
}
.app-texto[data-v-53a4e245] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-53a4e245] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-53a4e245] { font-size: 1.25rem;
}
.tip-texto[data-v-53a4e245] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-53a4e245] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-svg[data-v-53a4e245] {
    max-width: 400px;
}
.comparativa[data-v-53a4e245] {
    flex-direction: row;
}
.comp-item[data-v-53a4e245] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-d1dd18ea] {
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-d1dd18ea] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(147, 197, 253, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
}
.formula-ecuacion[data-v-d1dd18ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.frac[data-v-d1dd18ea] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.num[data-v-d1dd18ea] {
  color: #FCD34D;
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 2px;
}
.den[data-v-d1dd18ea] {
  color: #93C5FD;
  padding-top: 2px;
}
.operador[data-v-d1dd18ea] {
  color: #C4B5FD;
}
.formula-nombre[data-v-d1dd18ea] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Variables */
.variables-section[data-v-d1dd18ea] {
  margin: 1.5rem 0;
}
.var-titulo[data-v-d1dd18ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-d1dd18ea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.var-item[data-v-d1dd18ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.var-simbolo[data-v-d1dd18ea] {
  width: 35px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  color: #FFFFFF;
}
.var-nombre[data-v-d1dd18ea] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
  min-width: 120px;
}
.var-signo[data-v-d1dd18ea] {
  display: flex;
  gap: 0.35rem;
  font-size: 0.7rem;
}
.var-signo .positivo[data-v-d1dd18ea] {
  color: #6EE7B7;
  background: rgba(110, 231, 183, 0.15);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.var-signo .negativo[data-v-d1dd18ea] {
  color: #FCA5A5;
  background: rgba(252, 165, 165, 0.15);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}

/* Aumento */
.aumento-section[data-v-d1dd18ea] {
  margin: 1.5rem 0;
}
.aumento-titulo[data-v-d1dd18ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.aumento-box[data-v-d1dd18ea] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.aumento-formula[data-v-d1dd18ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.formula-m[data-v-d1dd18ea] {
  color: #FCD34D;
  font-style: italic;
}
.aumento-interpretacion[data-v-d1dd18ea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.interp-item[data-v-d1dd18ea] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
}
.interp-cond[data-v-d1dd18ea] {
  font-weight: 700;
  color: #FCD34D;
}
.interp-sig[data-v-d1dd18ea] {
  color: #E9D5FF;
}

/* Ejemplo */
.ejemplo-section[data-v-d1dd18ea] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-d1dd18ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-box[data-v-d1dd18ea] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-d1dd18ea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-enunciado strong[data-v-d1dd18ea] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-d1dd18ea] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-d1dd18ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.paso-num[data-v-d1dd18ea] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  color: #FFFFFF;
}
.paso.resultado .paso-num[data-v-d1dd18ea] {
  background: #10B981;
}
.paso-contenido[data-v-d1dd18ea] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-inline[data-v-d1dd18ea] {
  font-family: monospace;
  color: #93C5FD;
}
.paso.resultado .paso-contenido strong[data-v-d1dd18ea] {
  color: #6EE7B7;
}

/* Convención */
.convencion-section[data-v-d1dd18ea] {
  margin: 1.5rem 0;
}
.conv-titulo[data-v-d1dd18ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.conv-grid[data-v-d1dd18ea] {
  display: flex;
  gap: 0.5rem;
}
.conv-item[data-v-d1dd18ea] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.conv-item.positivo[data-v-d1dd18ea] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.conv-item.negativo[data-v-d1dd18ea] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.conv-signo[data-v-d1dd18ea] {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.positivo .conv-signo[data-v-d1dd18ea] { color: #6EE7B7;
}
.negativo .conv-signo[data-v-d1dd18ea] { color: #FCA5A5;
}
.conv-casos[data-v-d1dd18ea] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  text-align: center;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-d1dd18ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d1dd18ea] { font-size: 1.25rem;
}
.tip-texto[data-v-d1dd18ea] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d1dd18ea] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-ecuacion[data-v-d1dd18ea] {
    font-size: 1.6rem;
    gap: 0.75rem;
}
.variables-grid[data-v-d1dd18ea] {
    flex-direction: row;
    flex-wrap: wrap;
}
.var-item[data-v-d1dd18ea] {
    flex: 1;
    min-width: 150px;
    flex-direction: column;
    text-align: center;
}
.var-nombre[data-v-d1dd18ea] {
    min-width: auto;
}
}

.simulador[data-v-bde5ec7e] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-bde5ec7e] {
  position: relative;
  width: 100%;
  height: 200px;
  background: rgba(15, 15, 35, 1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.lente-canvas[data-v-bde5ec7e] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-bde5ec7e] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  pointer-events: none;
}
.indicador[data-v-bde5ec7e] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.indicador.tipo-lente[data-v-bde5ec7e] {
  font-weight: 700;
}
.indicador.tipo-lente.convergente[data-v-bde5ec7e] {
  color: #93C5FD;
  border: 1px solid rgba(147, 197, 253, 0.5);
}
.indicador.tipo-lente.divergente[data-v-bde5ec7e] {
  color: #FCA5A5;
  border: 1px solid rgba(252, 165, 165, 0.5);
}
.indicador.datos[data-v-bde5ec7e] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  color: #C4B5FD;
  text-align: right;
}

/* Panel de control */
.controles-panel[data-v-bde5ec7e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.control-group[data-v-bde5ec7e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.control-header[data-v-bde5ec7e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.control-label[data-v-bde5ec7e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-bde5ec7e] {
  font-size: 0.9rem;
  font-weight: 700;
}
.control-value.objeto[data-v-bde5ec7e] { color: #FCD34D;
}
.control-value.focal.positivo[data-v-bde5ec7e] { color: #6EE7B7;
}
.control-value.focal.negativo[data-v-bde5ec7e] { color: #FCA5A5;
}
.slider[data-v-bde5ec7e] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-bde5ec7e]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.objeto-slider[data-v-bde5ec7e]::-webkit-slider-thumb { background: #FCD34D;
}
.focal-slider[data-v-bde5ec7e]::-webkit-slider-thumb { background: linear-gradient(135deg, #FCA5A5, #6EE7B7);
}
.slider[data-v-bde5ec7e]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.objeto-slider[data-v-bde5ec7e]::-moz-range-thumb { background: #FCD34D;
}
.focal-slider[data-v-bde5ec7e]::-moz-range-thumb { background: linear-gradient(135deg, #FCA5A5, #6EE7B7);
}
.slider-labels[data-v-bde5ec7e] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
}
.slider-labels .negativo[data-v-bde5ec7e] { color: #FCA5A5;
}
.slider-labels .positivo[data-v-bde5ec7e] { color: #6EE7B7;
}

/* Panel de resultados */
.resultados-panel[data-v-bde5ec7e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.resultado-header[data-v-bde5ec7e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.resultado-icono[data-v-bde5ec7e] { font-size: 1rem;
}
.resultado-titulo[data-v-bde5ec7e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.resultados-grid[data-v-bde5ec7e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.resultado-item[data-v-bde5ec7e] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  text-align: center;
}
.res-label[data-v-bde5ec7e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.res-valor[data-v-bde5ec7e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #E9D5FF;
}
.res-valor.positivo[data-v-bde5ec7e] { color: #6EE7B7;
}
.res-valor.negativo[data-v-bde5ec7e] { color: #FCA5A5;
}
.res-valor.real[data-v-bde5ec7e] { color: #6EE7B7;
}
.res-valor.virtual[data-v-bde5ec7e] { color: #FCA5A5;
}
.res-valor.derecha[data-v-bde5ec7e] { color: #93C5FD;
}
.res-valor.invertida[data-v-bde5ec7e] { color: #FCD34D;
}
.res-valor.aumentada[data-v-bde5ec7e] { color: #6EE7B7;
}
.res-valor.reducida[data-v-bde5ec7e] { color: #FCA5A5;
}
.formula-aplicada[data-v-bde5ec7e] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.formula-texto[data-v-bde5ec7e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Panel de desafíos */
.desafios-panel[data-v-bde5ec7e] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-bde5ec7e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-bde5ec7e] { font-size: 1rem;
}
.desafios-titulo[data-v-bde5ec7e] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-bde5ec7e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.desafio-item[data-v-bde5ec7e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-bde5ec7e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-bde5ec7e] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-bde5ec7e] { color: #6EE7B7;
}
.desafio-texto[data-v-bde5ec7e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafio-texto strong[data-v-bde5ec7e] { color: #FCD34D;
}
.desafios-progreso[data-v-bde5ec7e] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-bde5ec7e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-bde5ec7e] { font-size: 1.75rem;
}
.completado-texto[data-v-bde5ec7e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.canvas-container[data-v-bde5ec7e] {
    height: 250px;
}
.resultados-grid[data-v-bde5ec7e] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header */
.resumen-header[data-v-98e0507a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(147, 197, 253, 0.15));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-98e0507a] { font-size: 1.5rem;
}
.resumen-titulo[data-v-98e0507a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.seccion[data-v-98e0507a] {
  margin-bottom: 1.25rem;
}
.seccion-titulo[data-v-98e0507a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Tipos resumen */
.tipos-resumen[data-v-98e0507a] {
  display: flex;
  gap: 0.5rem;
}
.tipo[data-v-98e0507a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
}
.tipo.convergente[data-v-98e0507a] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.tipo.divergente[data-v-98e0507a] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.tipo-nombre[data-v-98e0507a] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.convergente .tipo-nombre[data-v-98e0507a] { color: #93C5FD;
}
.divergente .tipo-nombre[data-v-98e0507a] { color: #FCA5A5;
}
.tipo-forma[data-v-98e0507a], .tipo-uso[data-v-98e0507a] { color: #E9D5FF;
}
.tipo-focal[data-v-98e0507a] {
  font-weight: 600;
  margin: 0.15rem 0;
}
.convergente .tipo-focal[data-v-98e0507a] { color: #6EE7B7;
}
.divergente .tipo-focal[data-v-98e0507a] { color: #FCA5A5;
}

/* Ecuación */
.ecuacion-box[data-v-98e0507a] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.ecuacion-principal[data-v-98e0507a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.frac[data-v-98e0507a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-98e0507a] {
  color: #FCD34D;
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 1px;
}
.den[data-v-98e0507a] {
  color: #93C5FD;
  padding-top: 1px;
}
.op[data-v-98e0507a] { color: #C4B5FD;
}
.ecuacion-aumento[data-v-98e0507a] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Signos */
.signos-grid[data-v-98e0507a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.signo-item[data-v-98e0507a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.75rem;
}
.signo-cond[data-v-98e0507a] {
  font-weight: 700;
  color: #FCD34D;
}
.signo-sig[data-v-98e0507a] {
  color: #E9D5FF;
}

/* Siempre lista */
.siempre-lista[data-v-98e0507a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.siempre-item[data-v-98e0507a] {
  padding: 0.35rem 0.6rem;
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Tips PAES */
.tips-paes[data-v-98e0507a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-98e0507a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-98e0507a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-98e0507a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-98e0507a] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.tip-texto[data-v-98e0507a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-98e0507a] { color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-98e0507a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.final-icono[data-v-98e0507a] { font-size: 1.5rem;
}
.final-texto[data-v-98e0507a] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-98e0507a] {
    gap: 1rem;
}
.tipo[data-v-98e0507a] {
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-7fbf7aec] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.onda-container[data-v-7fbf7aec] {
  width: 100%;
  max-width: 320px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.onda-svg[data-v-7fbf7aec] {
  width: 100%;
  height: auto;
}
.onda-path[data-v-7fbf7aec] {
  stroke-dasharray: 150;
  animation: wave-move-7fbf7aec 3s linear infinite;
}
@keyframes wave-move-7fbf7aec {
0% { stroke-dashoffset: 0;
}
100% { stroke-dashoffset: -150;
}
}

/* Colores temáticos */
strong.amplitud[data-v-7fbf7aec] { color: #FCD34D;
}
strong.longitud[data-v-7fbf7aec] { color: #93C5FD;
}
strong.frecuencia[data-v-7fbf7aec] { color: #F0ABFC;
}
strong.periodo[data-v-7fbf7aec] { color: #6EE7B7;
}

/* Magnitudes section */
.magnitudes-section[data-v-7fbf7aec] {
  margin: 1.5rem 0;
}
.magnitudes-titulo[data-v-7fbf7aec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.magnitudes-grid[data-v-7fbf7aec] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.magnitudes-grid[data-v-7fbf7aec] {
    grid-template-columns: repeat(4, 1fr);
}
}
.magnitud[data-v-7fbf7aec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.amplitud-card[data-v-7fbf7aec] { border-color: rgba(252, 211, 77, 0.5);
}
.longitud-card[data-v-7fbf7aec] { border-color: rgba(147, 197, 253, 0.5);
}
.frecuencia-card[data-v-7fbf7aec] { border-color: rgba(240, 171, 252, 0.5);
}
.periodo-card[data-v-7fbf7aec] { border-color: rgba(110, 231, 183, 0.5);
}
.mag-icono[data-v-7fbf7aec] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.mag-nombre[data-v-7fbf7aec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.mag-def[data-v-7fbf7aec] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.mag-unidad[data-v-7fbf7aec] {
  font-size: 0.65rem;
  color: #A78BFA;
  margin-top: 0.15rem;
}

/* Detalle section */
.detalle-section[data-v-7fbf7aec] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.detalle-item[data-v-7fbf7aec] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.detalle-header[data-v-7fbf7aec] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.amplitud-bg[data-v-7fbf7aec] { background: rgba(252, 211, 77, 0.2);
}
.longitud-bg[data-v-7fbf7aec] { background: rgba(147, 197, 253, 0.2);
}
.frecuencia-bg[data-v-7fbf7aec] { background: rgba(240, 171, 252, 0.2);
}
.periodo-bg[data-v-7fbf7aec] { background: rgba(110, 231, 183, 0.2);
}
.detalle-icono[data-v-7fbf7aec] {
  font-size: 1.1rem;
}
.detalle-titulo[data-v-7fbf7aec] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.detalle-contenido[data-v-7fbf7aec] {
  padding: 0.75rem;
}
.detalle-contenido p[data-v-7fbf7aec] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.detalle-contenido p strong[data-v-7fbf7aec] {
  color: #FFFFFF;
}
.detalle-visual[data-v-7fbf7aec] {
  margin: 0.5rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mini-svg[data-v-7fbf7aec] {
  width: 100%;
  max-width: 220px;
  display: block;
  margin: 0 auto;
}
.nota[data-v-7fbf7aec] {
  font-size: 0.75rem !important;
  color: #C4B5FD !important;
  margin-top: 0.5rem !important;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.nota strong[data-v-7fbf7aec] {
  color: #FCD34D !important;
}

/* Ejemplos frecuencia */
.ejemplos-frecuencia[data-v-7fbf7aec] {
  display: flex;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.ejemplo-freq[data-v-7fbf7aec] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(240, 171, 252, 0.1);
  border-radius: 0.5rem;
  border: 1px solid rgba(240, 171, 252, 0.3);
}
.freq-valor[data-v-7fbf7aec] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #F0ABFC;
}
.freq-desc[data-v-7fbf7aec] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Relación box */
.relacion-box[data-v-7fbf7aec] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
.relacion-formula[data-v-7fbf7aec] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #6EE7B7;
  font-family: monospace;
}
.relacion-texto[data-v-7fbf7aec] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-periodo[data-v-7fbf7aec] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-7fbf7aec] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7fbf7aec] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7fbf7aec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7fbf7aec] {
  color: #6EE7B7;
}

/* Ecuación hero */
.ecuacion-hero[data-v-f97fb3f5] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.ecuacion-box[data-v-f97fb3f5] {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(16, 185, 129, 0.3));
  border: 3px solid #8B5CF6;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}
.ecuacion-texto[data-v-f97fb3f5] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  letter-spacing: 0.1em;
}
.ecuacion-nombre[data-v-f97fb3f5] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Colores temáticos */
strong.velocidad[data-v-f97fb3f5] { color: #6EE7B7;
}
strong.longitud[data-v-f97fb3f5] { color: #93C5FD;
}
strong.frecuencia[data-v-f97fb3f5] { color: #F0ABFC;
}

/* Variables section */
.variables-section[data-v-f97fb3f5] {
  margin: 1.5rem 0;
}
.variables-titulo[data-v-f97fb3f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variables-grid[data-v-f97fb3f5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 400px) {
.variables-grid[data-v-f97fb3f5] {
    grid-template-columns: 1fr;
}
}
.variable[data-v-f97fb3f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.v-card[data-v-f97fb3f5] { border-color: rgba(110, 231, 183, 0.5);
}
.lambda-card[data-v-f97fb3f5] { border-color: rgba(147, 197, 253, 0.5);
}
.f-card[data-v-f97fb3f5] { border-color: rgba(240, 171, 252, 0.5);
}
.var-simbolo[data-v-f97fb3f5] {
  font-size: 1.75rem;
  font-weight: 800;
  font-family: serif;
}
.v-card .var-simbolo[data-v-f97fb3f5] { color: #6EE7B7;
}
.lambda-card .var-simbolo[data-v-f97fb3f5] { color: #93C5FD;
}
.f-card .var-simbolo[data-v-f97fb3f5] { color: #F0ABFC;
}
.var-nombre[data-v-f97fb3f5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}
.var-unidad[data-v-f97fb3f5] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  padding: 0.1rem 0.4rem;
  background: rgba(252, 211, 77, 0.1);
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.var-desc[data-v-f97fb3f5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Relación visual */
.relacion-visual[data-v-f97fb3f5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-f97fb3f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.relacion-contenido[data-v-f97fb3f5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.relacion-item[data-v-f97fb3f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rel-ondas[data-v-f97fb3f5] {
  width: 120px;
  flex-shrink: 0;
}
.rel-svg[data-v-f97fb3f5] {
  width: 100%;
  height: 40px;
}
.rel-info[data-v-f97fb3f5] {
  display: flex;
  flex-direction: column;
}
.rel-label[data-v-f97fb3f5] {
  font-weight: 700;
  font-size: 0.85rem;
}
.rel-label.agudo[data-v-f97fb3f5] { color: #6EE7B7;
}
.rel-label.grave[data-v-f97fb3f5] { color: #FCA5A5;
}
.rel-desc[data-v-f97fb3f5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.relacion-clave[data-v-f97fb3f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
}
.clave-icono[data-v-f97fb3f5] {
  font-size: 1rem;
}
.clave-texto[data-v-f97fb3f5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.clave-texto strong[data-v-f97fb3f5] {
  color: #FCD34D;
}

/* Formas section */
.formas-section[data-v-f97fb3f5] {
  margin: 1.5rem 0;
}
.formas-titulo[data-v-f97fb3f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formas-grid[data-v-f97fb3f5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.formas-grid[data-v-f97fb3f5] {
    grid-template-columns: 1fr;
}
}
.forma-item[data-v-f97fb3f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.forma-formula[data-v-f97fb3f5] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.forma-uso[data-v-f97fb3f5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-f97fb3f5] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-titulo[data-v-f97fb3f5] {
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.ejemplo-contenido[data-v-f97fb3f5] {
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-f97fb3f5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  margin-bottom: 0.75rem;
}
.ejemplo-enunciado strong[data-v-f97fb3f5] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-f97fb3f5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-f97fb3f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-f97fb3f5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-f97fb3f5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resultado[data-v-f97fb3f5] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Alternativa section */
.alternativa-section[data-v-f97fb3f5] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
}
.alternativa-titulo[data-v-f97fb3f5] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.alternativa-contenido p[data-v-f97fb3f5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem;
}
.alternativa-contenido p strong[data-v-f97fb3f5] {
  color: #FFFFFF;
}
.alternativa-formula[data-v-f97fb3f5] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
.alt-formula[data-v-f97fb3f5] {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: monospace;
  color: #93C5FD;
}
.nota[data-v-f97fb3f5] {
  font-size: 0.75rem !important;
  color: #C4B5FD !important;
  margin-top: 0.5rem !important;
}
.nota strong[data-v-f97fb3f5] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-f97fb3f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f97fb3f5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f97fb3f5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f97fb3f5] {
  color: #6EE7B7;
}
@media (min-width: 640px) {
.ecuacion-texto[data-v-f97fb3f5] {
    font-size: 3rem;
}
}

.simulador[data-v-61ae16ad] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-61ae16ad] {
  position: relative;
  width: 100%;
  height: 160px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.onda-canvas[data-v-61ae16ad] {
  width: 100%;
  height: 100%;
}
.indicadores-canvas[data-v-61ae16ad] {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.indicador[data-v-61ae16ad] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.lambda-indicator .ind-label[data-v-61ae16ad] {
  color: #93C5FD;
}

/* Panel de control */
.controles-panel[data-v-61ae16ad] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
.controles-panel[data-v-61ae16ad] {
    flex-direction: row;
}
.control-group[data-v-61ae16ad] {
    flex: 1;
}
}
.control-group[data-v-61ae16ad] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.control-header[data-v-61ae16ad] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.control-label[data-v-61ae16ad] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-61ae16ad] {
  font-size: 0.9rem;
  font-weight: 700;
}
.control-value.frecuencia[data-v-61ae16ad] { color: #F0ABFC;
}
.control-value.velocidad[data-v-61ae16ad] { color: #6EE7B7;
}
.control-value.amplitud[data-v-61ae16ad] { color: #FCD34D;
}
.slider[data-v-61ae16ad] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-61ae16ad]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.frecuencia-slider[data-v-61ae16ad]::-webkit-slider-thumb {
  background: #F0ABFC;
}
.velocidad-slider[data-v-61ae16ad]::-webkit-slider-thumb {
  background: #6EE7B7;
}
.amplitud-slider[data-v-61ae16ad]::-webkit-slider-thumb {
  background: #FCD34D;
}
.slider[data-v-61ae16ad]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.frecuencia-slider[data-v-61ae16ad]::-moz-range-thumb {
  background: #F0ABFC;
}
.velocidad-slider[data-v-61ae16ad]::-moz-range-thumb {
  background: #6EE7B7;
}
.amplitud-slider[data-v-61ae16ad]::-moz-range-thumb {
  background: #FCD34D;
}
.slider-labels[data-v-61ae16ad] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Panel de resultados */
.resultados-panel[data-v-61ae16ad] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.resultado-titulo[data-v-61ae16ad] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.resultados-grid[data-v-61ae16ad] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.resultado-item[data-v-61ae16ad] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.res-label[data-v-61ae16ad] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.res-valor[data-v-61ae16ad] {
  font-size: 1.25rem;
  font-weight: 800;
}
.res-valor.lambda[data-v-61ae16ad] { color: #93C5FD;
}
.res-valor.periodo[data-v-61ae16ad] { color: #6EE7B7;
}
.res-formula[data-v-61ae16ad] {
  font-size: 0.65rem;
  color: #A78BFA;
  font-family: monospace;
}
.ecuacion-central[data-v-61ae16ad] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
}
.ec-formula[data-v-61ae16ad] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.ec-valores[data-v-61ae16ad] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-family: monospace;
}

/* Panel de desafíos */
.desafios-panel[data-v-61ae16ad] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-titulo[data-v-61ae16ad] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.desafios-lista[data-v-61ae16ad] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desafio-item[data-v-61ae16ad] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-61ae16ad] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-61ae16ad] {
  font-size: 1rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-61ae16ad] {
  color: #6EE7B7;
}
.desafio-texto[data-v-61ae16ad] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-61ae16ad] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-61ae16ad] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-61ae16ad] {
  font-size: 1.75rem;
}
.completado-texto[data-v-61ae16ad] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

.ejercicios[data-v-c4899efe] {
  width: 100%;
}

/* Progreso */
.progreso-ejercicios[data-v-c4899efe] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.progreso-item[data-v-c4899efe] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c4899efe] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c4899efe] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Ejercicio container */
.ejercicio-container[data-v-c4899efe] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.ejercicio-header[data-v-c4899efe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.ejercicio-numero[data-v-c4899efe] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.ejercicio-tipo[data-v-c4899efe] {
  padding: 0.2rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
}
.ejercicio-tipo.velocidad[data-v-c4899efe] { background: rgba(110, 231, 183, 0.2); color: #6EE7B7;
}
.ejercicio-tipo.lambda[data-v-c4899efe] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.ejercicio-tipo.frecuencia[data-v-c4899efe] { background: rgba(240, 171, 252, 0.2); color: #F0ABFC;
}
.ejercicio-tipo.periodo[data-v-c4899efe] { background: rgba(252, 211, 77, 0.2); color: #FCD34D;
}

/* Enunciado */
.enunciado[data-v-c4899efe] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.enunciado p[data-v-c4899efe] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.enunciado strong[data-v-c4899efe] {
  color: #FCD34D;
}

/* Datos del problema */
.datos-problema[data-v-c4899efe] {
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.datos-titulo[data-v-c4899efe] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.datos-lista[data-v-c4899efe] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-c4899efe] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dato-var[data-v-c4899efe] {
  font-weight: 700;
  font-family: serif;
  color: #FFFFFF;
}
.dato-igual[data-v-c4899efe] {
  color: #8B5CF6;
}
.dato-valor[data-v-c4899efe] {
  font-weight: 600;
  color: #FCD34D;
}
.pregunta-box[data-v-c4899efe] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.pregunta-label[data-v-c4899efe] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Respuesta section */
.respuesta-section[data-v-c4899efe] {
  margin-top: 1rem;
}
.input-container[data-v-c4899efe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-c4899efe] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: serif;
}
.respuesta-input[data-v-c4899efe] {
  width: 120px;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input[data-v-c4899efe]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.respuesta-input.error[data-v-c4899efe] {
  border-color: #EF4444;
  animation: shake-c4899efe 0.3s ease;
}
@keyframes shake-c4899efe {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}
.input-unidad[data-v-c4899efe] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}
.hint-formula[data-v-c4899efe] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.formula-hint[data-v-c4899efe] {
  font-family: monospace;
  color: #FCD34D;
  font-weight: 600;
}
.btn-verificar[data-v-c4899efe] {
  display: block;
  width: 100%;
  padding: 0.75rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.2s ease;
}
.btn-verificar[data-v-c4899efe]:hover {
  background: #7C3AED;
}
.btn-verificar[data-v-c4899efe]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback error */
.feedback-error[data-v-c4899efe] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
}

/* Resultado correcto */
.resultado-correcto[data-v-c4899efe] {
  margin-top: 1rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.resultado-header[data-v-c4899efe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.resultado-icono[data-v-c4899efe] {
  font-size: 1.5rem;
  color: #10B981;
}
.resultado-texto[data-v-c4899efe] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.solucion-detalle[data-v-c4899efe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.solucion-paso[data-v-c4899efe] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.solucion-formula[data-v-c4899efe] {
  font-family: monospace;
  color: #C4B5FD;
}
.solucion-calculo[data-v-c4899efe] {
  font-family: monospace;
  color: #E9D5FF;
}
.solucion-final[data-v-c4899efe] {
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.solucion-resultado[data-v-c4899efe] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #6EE7B7;
}

/* Navegación */
.ejercicio-nav[data-v-c4899efe] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c4899efe] { flex: 1;
}
.nav-btn[data-v-c4899efe] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c4899efe] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c4899efe] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c4899efe] { font-size: 1.75rem;
}
.completado-texto[data-v-c4899efe] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c4899efe], .slide-leave-active[data-v-c4899efe] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c4899efe] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c4899efe] { opacity: 0; transform: translateX(-15px);
}

/* Ecuación hero */
.ecuacion-hero[data-v-9ca82e46] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.ecuacion-box[data-v-9ca82e46] {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(16, 185, 129, 0.3));
  border: 3px solid #8B5CF6;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}
.ecuacion-texto[data-v-9ca82e46] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  letter-spacing: 0.1em;
}

/* Magnitudes resumen */
.magnitudes-resumen[data-v-9ca82e46] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.magnitudes-resumen[data-v-9ca82e46] {
    grid-template-columns: repeat(4, 1fr);
}
}
.magnitud-item[data-v-9ca82e46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mag-simbolo[data-v-9ca82e46] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 800;
  font-family: serif;
  border-radius: 50%;
}
.mag-simbolo.v[data-v-9ca82e46] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.mag-simbolo.lambda[data-v-9ca82e46] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.mag-simbolo.f[data-v-9ca82e46] {
  background: rgba(240, 171, 252, 0.2);
  color: #F0ABFC;
}
.mag-simbolo.t[data-v-9ca82e46] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.mag-info[data-v-9ca82e46] {
  display: flex;
  flex-direction: column;
}
.mag-nombre[data-v-9ca82e46] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.mag-unidad[data-v-9ca82e46] {
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Fórmulas section */
.formulas-section[data-v-9ca82e46] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-9ca82e46] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-9ca82e46] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-9ca82e46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-main[data-v-9ca82e46] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.formula-uso[data-v-9ca82e46] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Relaciones section */
.relaciones-section[data-v-9ca82e46] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
  border-radius: 0.75rem;
}
.relaciones-titulo[data-v-9ca82e46] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.relaciones-lista[data-v-9ca82e46] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-9ca82e46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rel-icono[data-v-9ca82e46] {
  font-size: 1rem;
}
.rel-texto[data-v-9ca82e46] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.rel-texto strong[data-v-9ca82e46] {
  color: #FCD34D;
}

/* Valores section */
.valores-section[data-v-9ca82e46] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.valores-titulo[data-v-9ca82e46] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.valores-grid[data-v-9ca82e46] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.valor-item[data-v-9ca82e46] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.val-nombre[data-v-9ca82e46] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.val-numero[data-v-9ca82e46] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Tips section */
.tips-section[data-v-9ca82e46] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-9ca82e46] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-9ca82e46] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9ca82e46] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-9ca82e46] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-9ca82e46] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-9ca82e46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-9ca82e46] {
  font-size: 1.5rem;
}
.final-texto[data-v-9ca82e46] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
@media (min-width: 640px) {
.ecuacion-texto[data-v-9ca82e46] {
    font-size: 2.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-d30855f3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.onda-visual[data-v-d30855f3] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.onda-linea[data-v-d30855f3] {
  width: 150px;
  height: 4px;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7, #8B5CF6, #6EE7B7);
  background-size: 50px 100%;
  border-radius: 2px;
  animation: wave-d30855f3 1s linear infinite;
}
@keyframes wave-d30855f3 {
0% { background-position: 0 0;
}
100% { background-position: 50px 0;
}
}
.onda-icono[data-v-d30855f3] {
  font-size: 2rem;
  animation: pulse-d30855f3 1s ease-in-out infinite;
}
@keyframes pulse-d30855f3 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto destacado */
strong.destacado[data-v-d30855f3] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-d30855f3] {
  margin: 1.5rem 0;
}
.caracteristica-titulo[data-v-d30855f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-d30855f3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-d30855f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-d30855f3] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.carac-label[data-v-d30855f3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.carac-desc[data-v-d30855f3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Diagrama de ondas */
.diagrama-section[data-v-d30855f3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-d30855f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.ondas-comparacion[data-v-d30855f3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.onda-tipo[data-v-d30855f3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-d30855f3] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.tipo-visual[data-v-d30855f3] {
  margin: 0.5rem 0;
}
.particulas-long[data-v-d30855f3] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  letter-spacing: -2px;
}
.part.comprimida[data-v-d30855f3] {
  color: #6EE7B7;
}
.part.expandida[data-v-d30855f3] {
  color: #FCA5A5;
  letter-spacing: 4px;
}
.onda-svg[data-v-d30855f3] {
  width: 100%;
  max-width: 200px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
.flecha-propagacion[data-v-d30855f3] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.tipo-desc[data-v-d30855f3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.tipo-desc strong[data-v-d30855f3] {
  color: #FCD34D;
}

/* Producción del sonido */
.produccion-section[data-v-d30855f3] {
  margin: 1.5rem 0;
}
.produccion-titulo[data-v-d30855f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-produccion[data-v-d30855f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.paso-prod[data-v-d30855f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  width: 100%;
}
.paso-num[data-v-d30855f3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-text[data-v-d30855f3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-text strong[data-v-d30855f3] {
  color: #6EE7B7;
}
.paso-flecha[data-v-d30855f3] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Tip */
.tip[data-v-d30855f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d30855f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d30855f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d30855f3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-grid[data-v-d30855f3] {
    grid-template-columns: repeat(4, 1fr);
}
.ondas-comparacion[data-v-d30855f3] {
    flex-direction: row;
}
.onda-tipo[data-v-d30855f3] {
    flex: 1;
}
.pasos-produccion[data-v-d30855f3] {
    flex-direction: row;
}
.paso-prod[data-v-d30855f3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.paso-flecha[data-v-d30855f3] {
    transform: rotate(0deg);
}
}

/* Medios de propagación */
.medios-section[data-v-ee940ef0] {
  margin: 1rem 0 1.5rem;
}
.medios-titulo[data-v-ee940ef0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.medios-intro[data-v-ee940ef0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.medios-intro strong[data-v-ee940ef0] {
  color: #6EE7B7;
}
.medios-comparacion[data-v-ee940ef0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.medio[data-v-ee940ef0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.medio-icono[data-v-ee940ef0] {
  font-size: 1.5rem;
}
.medio-nombre[data-v-ee940ef0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.medio-velocidad[data-v-ee940ef0] {
  font-weight: 800;
  font-size: 1.1rem;
}
.medio-velocidad.rapido[data-v-ee940ef0] { color: #6EE7B7;
}
.medio-velocidad.medio-speed[data-v-ee940ef0] { color: #FCD34D;
}
.medio-velocidad.lento[data-v-ee940ef0] { color: #FCA5A5;
}
.medio-ejemplo[data-v-ee940ef0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.medio-barra[data-v-ee940ef0] {
  width: 100%;
  height: 6px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 3px;
  margin-top: 0.5rem;
  overflow: hidden;
}
.barra-fill[data-v-ee940ef0] {
  height: 100%;
  border-radius: 3px;
}
.solido-fill[data-v-ee940ef0] {
  width: 100%;
  background: #6EE7B7;
}
.liquido-fill[data-v-ee940ef0] {
  width: 30%;
  background: #FCD34D;
}
.gas-fill[data-v-ee940ef0] {
  width: 7%;
  background: #FCA5A5;
}

/* Fórmula */
.formula-section[data-v-ee940ef0] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-ee940ef0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-ee940ef0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula[data-v-ee940ef0] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.75rem;
}
.formula-donde[data-v-ee940ef0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}
.variable[data-v-ee940ef0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.var-simbolo[data-v-ee940ef0] {
  font-weight: 700;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
  min-width: 20px;
}
.var-desc[data-v-ee940ef0] {
  color: #E9D5FF;
}

/* Factores */
.factores-section[data-v-ee940ef0] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-ee940ef0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-ee940ef0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor[data-v-ee940ef0] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-header[data-v-ee940ef0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.factor-icono[data-v-ee940ef0] {
  font-size: 1.1rem;
}
.factor-nombre[data-v-ee940ef0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.factor-desc[data-v-ee940ef0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-desc strong.rapido[data-v-ee940ef0] {
  color: #6EE7B7;
}

/* Temperatura */
.temperatura-section[data-v-ee940ef0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.temp-titulo[data-v-ee940ef0] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.temp-formula[data-v-ee940ef0] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.temp-eq[data-v-ee940ef0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.temp-nota[data-v-ee940ef0] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.temp-ejemplos[data-v-ee940ef0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.temp-ejemplo[data-v-ee940ef0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.temp-valor[data-v-ee940ef0] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.temp-result[data-v-ee940ef0] {
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-ee940ef0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-ee940ef0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ee940ef0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ee940ef0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.medios-comparacion[data-v-ee940ef0] {
    flex-direction: row;
}
.medio[data-v-ee940ef0] {
    flex: 1;
}
.factores-grid[data-v-ee940ef0] {
    flex-direction: row;
}
.factor[data-v-ee940ef0] {
    flex: 1;
}
.formula-donde[data-v-ee940ef0] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

.explorador[data-v-b5a187b9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b5a187b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b5a187b9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b5a187b9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b5a187b9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b5a187b9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b5a187b9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b5a187b9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b5a187b9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b5a187b9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar velocidades ===== */
.ordenar-container[data-v-b5a187b9] {
  text-align: center;
}
.ordenar-instruccion[data-v-b5a187b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.instr-icono[data-v-b5a187b9] {
  font-size: 1.1rem;
}
strong.lento[data-v-b5a187b9] { color: #FCA5A5;
}
strong.rapido[data-v-b5a187b9] { color: #6EE7B7;
}
.medios-pool[data-v-b5a187b9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.medio-btn[data-v-b5a187b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  min-width: 70px;
}
.medio-btn.seleccionado[data-v-b5a187b9] {
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
  transform: scale(1.05);
}
.medio-emoji[data-v-b5a187b9] {
  font-size: 1.5rem;
}
.medio-name[data-v-b5a187b9] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.slots-velocidad[data-v-b5a187b9] {
  margin-bottom: 1rem;
}
.slot-label[data-v-b5a187b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-row[data-v-b5a187b9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.slot-vel[data-v-b5a187b9] {
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-vel.seleccionable[data-v-b5a187b9] {
  border-color: #8B5CF6;
  animation: pulse-b5a187b9 1s infinite;
}
@keyframes pulse-b5a187b9 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}
.slot-vel.ocupado[data-v-b5a187b9] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
  background: rgba(139, 92, 246, 0.1);
}
.slot-placeholder[data-v-b5a187b9] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 700;
}
.slot-emoji[data-v-b5a187b9] {
  font-size: 1.25rem;
}
.slot-name[data-v-b5a187b9] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Botones de acción */
.botones-accion[data-v-b5a187b9] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-b5a187b9], .btn-reiniciar[data-v-b5a187b9] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-b5a187b9] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-b5a187b9] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Calcular velocidad ===== */
.calculo-container[data-v-b5a187b9] {
  text-align: center;
}
.formula-recordatorio[data-v-b5a187b9] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-icono[data-v-b5a187b9] {
  font-size: 1rem;
}
.formula-text[data-v-b5a187b9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.problema-actual[data-v-b5a187b9] {
  margin-bottom: 1rem;
}
.problema-enunciado[data-v-b5a187b9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.problema-enunciado strong.valor[data-v-b5a187b9] {
  color: #93C5FD;
}
.problema-pregunta[data-v-b5a187b9] {
  margin-top: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-input[data-v-b5a187b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-b5a187b9] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-velocidad[data-v-b5a187b9] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-velocidad.correcto[data-v-b5a187b9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-velocidad.incorrecto[data-v-b5a187b9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-b5a187b9] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar-small[data-v-b5a187b9] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 3: Tipo de onda ===== */
.tipo-onda-container[data-v-b5a187b9] {
  text-align: center;
}
.tipo-pregunta[data-v-b5a187b9] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-opciones[data-v-b5a187b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.tipo-btn[data-v-b5a187b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.tipo-btn[data-v-b5a187b9]:hover {
  border-color: #8B5CF6;
}
.tipo-btn.seleccionado[data-v-b5a187b9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tipo-btn.correcto[data-v-b5a187b9] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.tipo-btn.incorrecto[data-v-b5a187b9] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.tipo-emoji[data-v-b5a187b9] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-b5a187b9] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Feedback */
.feedback-error[data-v-b5a187b9] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b5a187b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b5a187b9] { font-size: 1.25rem;
}
.resultado-texto[data-v-b5a187b9] { color: #6EE7B7; font-weight: 600;
}
.contador-problemas[data-v-b5a187b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-b5a187b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b5a187b9] { flex: 1;
}
.nav-btn[data-v-b5a187b9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b5a187b9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b5a187b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b5a187b9] { font-size: 1.75rem;
}
.completado-texto[data-v-b5a187b9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b5a187b9], .slide-leave-active[data-v-b5a187b9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b5a187b9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b5a187b9] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-707a12fe] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-707a12fe] {
  font-size: 2rem;
}
.resumen-intro p[data-v-707a12fe] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-707a12fe] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-707a12fe] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-707a12fe] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-707a12fe]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-707a12fe] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-707a12fe] {
    grid-column: span 1;
}
}
.card-header[data-v-707a12fe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-707a12fe] {
  font-size: 1.25rem;
}
.card-titulo[data-v-707a12fe] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-707a12fe] {
  color: #E9D5FF;
}
.card-nota[data-v-707a12fe] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}
.card-nota strong[data-v-707a12fe] {
  color: #FCD34D;
}

/* Definición visual */
.definicion-visual[data-v-707a12fe] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.def-tipo[data-v-707a12fe] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}

/* Onda demo */
.onda-explicacion[data-v-707a12fe] {
  text-align: center;
}
.onda-demo[data-v-707a12fe] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.comprimido[data-v-707a12fe] {
  color: #6EE7B7;
  letter-spacing: -2px;
}
.expandido[data-v-707a12fe] {
  color: #FCA5A5;
  letter-spacing: 3px;
}
.onda-label[data-v-707a12fe] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Velocidades resumen */
.velocidades-resumen[data-v-707a12fe] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vel-item[data-v-707a12fe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex: 1;
  min-width: 90px;
}
.vel-icono[data-v-707a12fe] {
  font-size: 1.25rem;
}
.vel-medio[data-v-707a12fe] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vel-valor[data-v-707a12fe] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.vel-tag[data-v-707a12fe] {
  font-size: 0.65rem;
  padding: 0.1rem 0.4rem;
  border-radius: 9999px;
  margin-top: 0.25rem;
}
.vel-tag.mas-rapido[data-v-707a12fe] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.vel-tag.intermedio[data-v-707a12fe] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.vel-tag.mas-lento[data-v-707a12fe] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Fórmula destacada */
.formula-destacada[data-v-707a12fe] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-707a12fe] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.formula-variantes[data-v-707a12fe] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 0.25rem;
}
.variante[data-v-707a12fe] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.formula-variables[data-v-707a12fe] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.8rem;
}
.var[data-v-707a12fe] {
  color: #E9D5FF;
}
.var strong[data-v-707a12fe] {
  color: #8B5CF6;
}

/* Factores lista */
.factores-lista[data-v-707a12fe] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor-item[data-v-707a12fe] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-flecha[data-v-707a12fe] {
  color: #8B5CF6;
  font-weight: 700;
}
.factor-item strong.rapido[data-v-707a12fe] {
  color: #6EE7B7;
}

/* Valor práctico */
.valor-practico[data-v-707a12fe] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.valor-numero[data-v-707a12fe] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.valor-contexto[data-v-707a12fe] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-707a12fe] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-707a12fe] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-707a12fe] {
  font-size: 1.25rem;
}
.tip-text[data-v-707a12fe] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-707a12fe] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-707a12fe] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-707a12fe] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-707a12fe 1s ease-in-out infinite;
}
@keyframes bounce-707a12fe {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-707a12fe] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-707a12fe] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-243fe03b] {
  margin: 1rem 0 1.5rem;
}
.espejo-scene[data-v-243fe03b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.rayo-container[data-v-243fe03b] {
  display: flex;
  justify-content: center;
}
.reflexion-svg[data-v-243fe03b] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.etiquetas-rayos[data-v-243fe03b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.etiqueta[data-v-243fe03b] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.etiqueta.incidente[data-v-243fe03b] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.etiqueta.reflejado[data-v-243fe03b] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}

/* Colores temáticos */
strong.destacado[data-v-243fe03b] { color: #93C5FD;
}
strong.incidente[data-v-243fe03b], .incidente[data-v-243fe03b] { color: #FCD34D;
}
strong.reflejado[data-v-243fe03b], .reflejado[data-v-243fe03b] { color: #6EE7B7;
}
strong.normal[data-v-243fe03b], .normal[data-v-243fe03b] { color: #A78BFA;
}

/* Definición box */
.definicion-box[data-v-243fe03b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(147, 197, 253, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-243fe03b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-243fe03b] {
  font-size: 1.25rem;
}
.def-titulo[data-v-243fe03b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-243fe03b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-243fe03b] {
  color: #FFFFFF;
}

/* Leyes section */
.leyes-section[data-v-243fe03b] {
  margin: 1.5rem 0;
}
.leyes-titulo[data-v-243fe03b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ley-item[data-v-243fe03b] {
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ley-item.destacada[data-v-243fe03b] {
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.ley-header[data-v-243fe03b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.ley-num[data-v-243fe03b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.ley-nombre[data-v-243fe03b] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ley-contenido[data-v-243fe03b] {
  padding: 0.75rem;
}
.ley-contenido p[data-v-243fe03b] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ley-contenido p strong[data-v-243fe03b] {
  color: #FFFFFF;
}
.formula-ley[data-v-243fe03b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-simbolo[data-v-243fe03b] {
  font-size: 1.5rem;
  font-weight: 700;
}
.formula-igual[data-v-243fe03b] {
  font-size: 1.5rem;
  color: #FFFFFF;
}

/* Conceptos section */
.conceptos-section[data-v-243fe03b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conceptos-titulo[data-v-243fe03b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.conceptos-grid[data-v-243fe03b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-243fe03b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-nombre[data-v-243fe03b] {
  font-weight: 700;
  font-size: 1rem;
  min-width: 50px;
}
.concepto-desc[data-v-243fe03b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tipos section */
.tipos-section[data-v-243fe03b] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-243fe03b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipos-grid[data-v-243fe03b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-item[data-v-243fe03b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tipo-visual[data-v-243fe03b] {
  margin-bottom: 0.5rem;
}
.tipo-svg[data-v-243fe03b] {
  width: 80px;
  height: 50px;
}
.tipo-nombre[data-v-243fe03b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-243fe03b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-243fe03b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-243fe03b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-243fe03b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-243fe03b] {
  color: #6EE7B7;
}

/* Visual del espejo */
.espejo-visual[data-v-6caa2cdd] {
  margin: 1rem 0 1.5rem;
}
.espejo-plano-scene[data-v-6caa2cdd] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  display: flex;
  justify-content: center;
}
.espejo-plano-svg[data-v-6caa2cdd] {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/* Colores temáticos */
strong.imagen[data-v-6caa2cdd], .imagen[data-v-6caa2cdd] { color: #A78BFA;
}
strong.objeto[data-v-6caa2cdd], .objeto[data-v-6caa2cdd] { color: #FCD34D;
}

/* Características section */
.caracteristicas-section[data-v-6caa2cdd] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-6caa2cdd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-6caa2cdd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.carac-icono[data-v-6caa2cdd] {
  font-size: 1.25rem;
  min-width: 32px;
  text-align: center;
}
.carac-info[data-v-6caa2cdd] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.carac-nombre[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.carac-desc[data-v-6caa2cdd] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmula section */
.formula-section[data-v-6caa2cdd] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formula-box[data-v-6caa2cdd] {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-principal[data-v-6caa2cdd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.formula-var[data-v-6caa2cdd] {
  font-size: 1.75rem;
  font-weight: 800;
}
.formula-var.objeto[data-v-6caa2cdd] { color: #FCD34D;
}
.formula-var.imagen[data-v-6caa2cdd] { color: #A78BFA;
}
.formula-signo[data-v-6caa2cdd] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.formula-desc[data-v-6caa2cdd] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-desc strong[data-v-6caa2cdd] {
  color: #6EE7B7;
}

/* Tipos de imagen */
.tipos-imagen-section[data-v-6caa2cdd] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipos-grid[data-v-6caa2cdd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 480px) {
.tipos-grid[data-v-6caa2cdd] {
    grid-template-columns: repeat(2, 1fr);
}
}
.tipo-item[data-v-6caa2cdd] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tipo-item.virtual[data-v-6caa2cdd] {
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
}
.tipo-item.real[data-v-6caa2cdd] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.tipo-header[data-v-6caa2cdd] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-6caa2cdd] {
  font-size: 1rem;
}
.tipo-nombre[data-v-6caa2cdd] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-item.virtual .tipo-nombre[data-v-6caa2cdd] { color: #A78BFA;
}
.tipo-item.real .tipo-nombre[data-v-6caa2cdd] { color: #6EE7B7;
}
.tipo-lista[data-v-6caa2cdd] {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tipo-lista li[data-v-6caa2cdd] {
  margin-bottom: 0.2rem;
}
.tipo-lista strong[data-v-6caa2cdd] {
  color: #FFFFFF;
}

/* Ejemplo ambulancia */
.ejemplo-section[data-v-6caa2cdd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-6caa2cdd] {
  text-align: center;
}
.ambulancia-texto[data-v-6caa2cdd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.texto-normal[data-v-6caa2cdd] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.25rem;
}
.flecha[data-v-6caa2cdd] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.texto-espejo[data-v-6caa2cdd] {
  font-weight: 700;
  color: #A78BFA;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  background: rgba(167, 139, 250, 0.2);
  border-radius: 0.25rem;
}
.ejemplo-explicacion[data-v-6caa2cdd] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-explicacion strong[data-v-6caa2cdd] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-6caa2cdd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6caa2cdd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6caa2cdd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6caa2cdd] {
  color: #6EE7B7;
}

/* Visual comparativo */
.espejos-comparativo[data-v-04e0a512] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.espejo-tipo[data-v-04e0a512] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.espejo-tipo.concavo[data-v-04e0a512] {
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.espejo-tipo.convexo[data-v-04e0a512] {
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.espejo-nombre[data-v-04e0a512] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.espejo-tipo.concavo .espejo-nombre[data-v-04e0a512] { color: #FCA5A5;
}
.espejo-tipo.convexo .espejo-nombre[data-v-04e0a512] { color: #6EE7B7;
}
.espejo-curvo-svg[data-v-04e0a512] {
  width: 100%;
  max-width: 120px;
  height: auto;
}
.espejo-desc[data-v-04e0a512] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Colores temáticos */
strong.concavo[data-v-04e0a512], .concavo[data-v-04e0a512] { color: #FCA5A5;
}
strong.convexo[data-v-04e0a512], .convexo[data-v-04e0a512] { color: #6EE7B7;
}
.foco[data-v-04e0a512] { color: #6EE7B7;
}
.centro[data-v-04e0a512] { color: #FCA5A5;
}
.objeto[data-v-04e0a512] { color: #FCD34D;
}
.imagen[data-v-04e0a512] { color: #A78BFA;
}
.distancia[data-v-04e0a512] { color: #93C5FD;
}
.eje[data-v-04e0a512] { color: #A78BFA;
}

/* Elementos section */
.elementos-section[data-v-04e0a512] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-04e0a512] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-04e0a512] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-04e0a512] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.elemento-simbolo[data-v-04e0a512] {
  font-weight: 800;
  font-size: 1.25rem;
  min-width: 30px;
  text-align: center;
}
.elemento-info[data-v-04e0a512] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.elemento-nombre[data-v-04e0a512] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.elemento-desc[data-v-04e0a512] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación section */
.comparacion-section[data-v-04e0a512] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-04e0a512] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-comparacion[data-v-04e0a512] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-04e0a512] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
}
.col-vacia[data-v-04e0a512] {
  display: block;
}
.col-titulo[data-v-04e0a512] {
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
}
.col-titulo.concavo[data-v-04e0a512] { color: #FCA5A5;
}
.col-titulo.convexo[data-v-04e0a512] { color: #6EE7B7;
}
.tabla-fila[data-v-04e0a512] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.fila-label[data-v-04e0a512] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.fila-valor[data-v-04e0a512] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.fila-valor.concavo[data-v-04e0a512] { color: #FCA5A5;
}
.fila-valor.convexo[data-v-04e0a512] { color: #6EE7B7;
}

/* Fórmulas section */
.formulas-section[data-v-04e0a512] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-04e0a512] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-box[data-v-04e0a512] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-nombre[data-v-04e0a512] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formula-ecuacion[data-v-04e0a512] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.frac[data-v-04e0a512] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
}
.frac .num[data-v-04e0a512] {
  border-bottom: 2px solid currentColor;
  padding-bottom: 2px;
}
.frac .den[data-v-04e0a512] {
  padding-top: 2px;
}
.op[data-v-04e0a512] {
  font-size: 1.25rem;
  color: #FFFFFF;
  padding: 0 0.1rem;
}
.var[data-v-04e0a512] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Aplicaciones section */
.aplicaciones-section[data-v-04e0a512] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-04e0a512] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.aplicaciones-grid[data-v-04e0a512] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.aplicacion-item[data-v-04e0a512] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.aplicacion-item.concavo[data-v-04e0a512] {
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.aplicacion-item.convexo[data-v-04e0a512] {
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.app-emoji[data-v-04e0a512] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-04e0a512] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-04e0a512] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-04e0a512] {
  font-size: 1.25rem;
}
.tip-texto[data-v-04e0a512] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-04e0a512] {
  color: #6EE7B7;
}

.simulador[data-v-69f1466a] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-69f1466a] {
  position: relative;
  width: 100%;
  height: 180px;
  background: rgba(15, 15, 35, 1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.reflexion-canvas[data-v-69f1466a] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-69f1466a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
}
.indicador[data-v-69f1466a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.indicador.angulo-i[data-v-69f1466a] {
  border: 1px solid rgba(252, 211, 77, 0.5);
}
.indicador.angulo-r[data-v-69f1466a] {
  border: 1px solid rgba(110, 231, 183, 0.5);
}
.ind-label[data-v-69f1466a] {
  color: #C4B5FD;
}
.angulo-i .ind-valor[data-v-69f1466a] {
  color: #FCD34D;
  font-weight: 700;
}
.angulo-r .ind-valor[data-v-69f1466a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Panel de control */
.controles-panel[data-v-69f1466a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.control-group[data-v-69f1466a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.control-header[data-v-69f1466a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.control-label[data-v-69f1466a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-69f1466a] {
  font-size: 1rem;
  font-weight: 700;
}
.control-value.incidente[data-v-69f1466a] { color: #FCD34D;
}
.slider[data-v-69f1466a] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-69f1466a]::-webkit-slider-thumb {
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
}
.incidente-slider[data-v-69f1466a]::-webkit-slider-thumb {
  background: #FCD34D;
}
.slider[data-v-69f1466a]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.incidente-slider[data-v-69f1466a]::-moz-range-thumb {
  background: #FCD34D;
}
.slider-labels[data-v-69f1466a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Selector de espejo */
.espejo-selector[data-v-69f1466a] {
  display: flex;
  gap: 0.5rem;
}
.espejo-btn[data-v-69f1466a] {
  flex: 1;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.espejo-btn.activo[data-v-69f1466a] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  color: #FFFFFF;
}

/* Panel de información */
.info-panel[data-v-69f1466a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.info-header[data-v-69f1466a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.info-icono[data-v-69f1466a] {
  font-size: 1rem;
}
.info-titulo[data-v-69f1466a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.info-contenido[data-v-69f1466a] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.info-item[data-v-69f1466a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
}
.info-label[data-v-69f1466a] {
  color: #C4B5FD;
}
.info-valor[data-v-69f1466a] {
  color: #E9D5FF;
  font-weight: 600;
}
.info-valor.correcto[data-v-69f1466a] {
  color: #6EE7B7;
}
.check[data-v-69f1466a] {
  margin-left: 0.25rem;
}

/* Panel de desafíos */
.desafios-panel[data-v-69f1466a] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-69f1466a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.desafios-icono[data-v-69f1466a] {
  font-size: 1rem;
}
.desafios-titulo[data-v-69f1466a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-69f1466a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.desafio-item[data-v-69f1466a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-69f1466a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-69f1466a] {
  font-size: 1rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-69f1466a] {
  color: #6EE7B7;
}
.desafio-texto[data-v-69f1466a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-69f1466a] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-69f1466a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-69f1466a] {
  font-size: 1.75rem;
}
.completado-texto[data-v-69f1466a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen header */
.resumen-header[data-v-bf8b74ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border-radius: 0.75rem;
}
.resumen-emoji[data-v-bf8b74ed] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-bf8b74ed] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores temáticos */
.incidente[data-v-bf8b74ed] { color: #FCD34D;
}
.reflejado[data-v-bf8b74ed] { color: #6EE7B7;
}
.concavo[data-v-bf8b74ed] { color: #FCA5A5;
}
.convexo[data-v-bf8b74ed] { color: #6EE7B7;
}
.objeto[data-v-bf8b74ed] { color: #FCD34D;
}
.imagen[data-v-bf8b74ed] { color: #A78BFA;
}

/* Conceptos resumen */
.conceptos-resumen[data-v-bf8b74ed] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-bf8b74ed] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.card-icono[data-v-bf8b74ed] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-bf8b74ed] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.card-contenido[data-v-bf8b74ed] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.card-contenido p[data-v-bf8b74ed] {
  margin: 0 0 0.25rem 0;
}
.card-contenido ul[data-v-bf8b74ed] {
  margin: 0;
  padding-left: 1.25rem;
}
.card-contenido li[data-v-bf8b74ed] {
  margin-bottom: 0.15rem;
}
.card-contenido strong[data-v-bf8b74ed] {
  color: #FFFFFF;
}
.formula-inline[data-v-bf8b74ed] {
  font-size: 1rem;
  font-weight: 700;
}
.formula-highlight[data-v-bf8b74ed] {
  text-align: center;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  color: #93C5FD;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-bf8b74ed] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-bf8b74ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-bf8b74ed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 480px) {
.formulas-grid[data-v-bf8b74ed] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
}
.formula-card[data-v-bf8b74ed] {
  padding: 0.6rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-bf8b74ed] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.formula-expresion[data-v-bf8b74ed] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.frac[data-v-bf8b74ed] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.frac .num[data-v-bf8b74ed] {
  border-bottom: 1.5px solid currentColor;
  padding-bottom: 1px;
}
.frac .den[data-v-bf8b74ed] {
  padding-top: 1px;
}

/* Comparación rápida */
.comparacion-rapida[data-v-bf8b74ed] {
  margin-bottom: 1.5rem;
}
.comparacion-titulo[data-v-bf8b74ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.comparacion-tabla[data-v-bf8b74ed] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-row[data-v-bf8b74ed] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  font-size: 0.75rem;
}
.tabla-row.header[data-v-bf8b74ed] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-bf8b74ed]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col[data-v-bf8b74ed] {
  padding: 0.4rem 0.25rem;
  color: #E9D5FF;
}
.col.label[data-v-bf8b74ed] {
  color: #C4B5FD;
  font-weight: 600;
  text-align: left;
  padding-left: 0.5rem;
}

/* Tips PAES */
.tips-paes[data-v-bf8b74ed] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-bf8b74ed] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-bf8b74ed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-bf8b74ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-bf8b74ed] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.tip-texto[data-v-bf8b74ed] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-bf8b74ed] {
  color: #FFFFFF;
}

/* Aplicaciones resumen */
.aplicaciones-resumen[data-v-bf8b74ed] {
  margin-bottom: 1.5rem;
}
.aplicaciones-titulo[data-v-bf8b74ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.aplicaciones-grid[data-v-bf8b74ed] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.app-group[data-v-bf8b74ed] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.app-label[data-v-bf8b74ed] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.app-label.concavo[data-v-bf8b74ed] { color: #FCA5A5;
}
.app-label.convexo[data-v-bf8b74ed] { color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-bf8b74ed] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-emoji[data-v-bf8b74ed] {
  font-size: 2rem;
}
.final-texto[data-v-bf8b74ed] {
  flex: 1;
}
.final-texto strong[data-v-bf8b74ed] {
  font-size: 1rem;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.final-texto p[data-v-bf8b74ed] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Intro visual */
.intro-visual[data-v-069a2422] {
  margin: 1rem 0 1.5rem;
}
.refraccion-scene[data-v-069a2422] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.refraccion-svg[data-v-069a2422] {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.etiquetas-rayos[data-v-069a2422] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.etiqueta[data-v-069a2422] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.etiqueta.incidente[data-v-069a2422] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.etiqueta.refractado[data-v-069a2422] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}

/* Colores temáticos */
strong.destacado[data-v-069a2422] { color: #93C5FD;
}
strong.hacia-normal[data-v-069a2422] { color: #6EE7B7;
}
strong.aleja-normal[data-v-069a2422] { color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-069a2422] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(147, 197, 253, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-069a2422] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-069a2422] { font-size: 1.25rem;
}
.def-titulo[data-v-069a2422] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-069a2422] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-069a2422] { color: #FFFFFF;
}

/* Por qué ocurre section */
.porque-section[data-v-069a2422] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.porque-titulo[data-v-069a2422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.porque-contenido[data-v-069a2422] {
  text-align: center;
}
.paso-visual[data-v-069a2422] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.medio[data-v-069a2422] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.medio-aire[data-v-069a2422] {
  background: rgba(147, 197, 253, 0.2);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.medio-agua[data-v-069a2422] {
  background: rgba(59, 130, 246, 0.3);
  border: 1px solid rgba(59, 130, 246, 0.5);
}
.medio-nombre[data-v-069a2422] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.medio-velocidad[data-v-069a2422] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ondas[data-v-069a2422] {
  font-size: 0.9rem;
  margin-top: 0.25rem;
}
.flecha-cambio[data-v-069a2422] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.porque-explicacion[data-v-069a2422] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.porque-explicacion strong[data-v-069a2422] { color: #FCD34D;
}

/* Regla de oro */
.regla-section[data-v-069a2422] {
  margin: 1.5rem 0;
}
.regla-titulo[data-v-069a2422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-069a2422] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regla-item[data-v-069a2422] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.regla-caso[data-v-069a2422] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.regla-condicion[data-v-069a2422] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.regla-efecto[data-v-069a2422] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.regla-ejemplo[data-v-069a2422] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
}
.ejemplo-caso[data-v-069a2422] { color: #93C5FD;
}
.ejemplo-angulo[data-v-069a2422] { color: #FCD34D; font-weight: 600;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-069a2422] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-069a2422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-069a2422] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-069a2422] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-069a2422] { font-size: 1.5rem; margin-bottom: 0.25rem;
}
.ej-texto[data-v-069a2422] { font-size: 0.75rem; color: #C4B5FD;
}

/* Tip */
.tip[data-v-069a2422] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-069a2422] { font-size: 1.25rem;
}
.tip-texto[data-v-069a2422] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-069a2422] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.refraccion-svg[data-v-069a2422] {
    max-width: 350px;
}
.reglas-grid[data-v-069a2422] {
    flex-direction: row;
}
.regla-item[data-v-069a2422] {
    flex: 1;
}
.ejemplos-grid[data-v-069a2422] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-8a3daf92] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
}
.formula-header[data-v-8a3daf92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-8a3daf92] { font-size: 1.25rem;
}
.formula-titulo[data-v-8a3daf92] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.formula-contenido[data-v-8a3daf92] {
  text-align: center;
}
.formula-grande[data-v-8a3daf92] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
}
.formula-alternativa[data-v-8a3daf92] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-alt[data-v-8a3daf92] {
  color: #E9D5FF;
}

/* Términos section */
.terminos-section[data-v-8a3daf92] {
  margin: 1.5rem 0;
}
.terminos-titulo[data-v-8a3daf92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.terminos-grid[data-v-8a3daf92] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.termino-item[data-v-8a3daf92] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.termino-item.n1[data-v-8a3daf92] { border-left-color: #93C5FD;
}
.termino-item.theta1[data-v-8a3daf92] { border-left-color: #FCD34D;
}
.termino-item.n2[data-v-8a3daf92] { border-left-color: #3B82F6;
}
.termino-item.theta2[data-v-8a3daf92] { border-left-color: #6EE7B7;
}
.termino-simbolo[data-v-8a3daf92] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.termino-desc[data-v-8a3daf92] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Índice section */
.indice-section[data-v-8a3daf92] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.indice-header[data-v-8a3daf92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.indice-icono[data-v-8a3daf92] { font-size: 1.25rem;
}
.indice-titulo[data-v-8a3daf92] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.indice-definicion[data-v-8a3daf92] {
  margin-bottom: 1rem;
}
.indice-formula[data-v-8a3daf92] {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.indice-explicacion[data-v-8a3daf92] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.indice-explicacion p[data-v-8a3daf92] {
  margin: 0.25rem 0;
}
.indice-explicacion strong[data-v-8a3daf92] { color: #E9D5FF;
}

/* Tabla de índices */
.tabla-indices[data-v-8a3daf92] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-8a3daf92] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  text-align: center;
}
.tabla-contenido[data-v-8a3daf92] {
  padding: 0.5rem;
}
.indice-row[data-v-8a3daf92] {
  display: flex;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
}
.indice-row.destacado[data-v-8a3daf92] {
  background: rgba(252, 211, 77, 0.1);
}
.medio-nombre[data-v-8a3daf92] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.medio-valor[data-v-8a3daf92] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.indice-row.destacado .medio-nombre[data-v-8a3daf92] {
  font-weight: 600;
}

/* Ejemplo section */
.ejemplo-section[data-v-8a3daf92] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-8a3daf92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-8a3daf92] { font-size: 1.1rem;
}
.ejemplo-titulo[data-v-8a3daf92] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-8a3daf92] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-8a3daf92] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.problema-texto strong[data-v-8a3daf92] { color: #FFFFFF;
}
.ejemplo-solucion[data-v-8a3daf92] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-solucion[data-v-8a3daf92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.paso-num[data-v-8a3daf92] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.paso-texto[data-v-8a3daf92] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-solucion.resultado[data-v-8a3daf92] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-solucion.resultado .paso-num[data-v-8a3daf92] {
  background: #10B981;
  color: white;
}
.paso-solucion.resultado .paso-texto strong[data-v-8a3daf92] {
  color: #6EE7B7;
}

/* Deducción box */
.deduccion-box[data-v-8a3daf92] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.deduccion-header[data-v-8a3daf92] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.deduccion-icono[data-v-8a3daf92] { font-size: 1rem;
}
.deduccion-titulo[data-v-8a3daf92] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}
.deduccion-formula[data-v-8a3daf92] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
}

/* Tip */
.tip[data-v-8a3daf92] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8a3daf92] { font-size: 1.25rem;
}
.tip-texto[data-v-8a3daf92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a3daf92] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-8a3daf92] {
    font-size: 1.6rem;
}
}

/* Intro visual */
.intro-visual[data-v-3fd43191] {
  margin: 1rem 0 1.5rem;
}
.prism-scene[data-v-3fd43191] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.prism-svg[data-v-3fd43191] {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Colores temáticos */
strong.destacado[data-v-3fd43191] { color: #93C5FD;
}
strong.rojo[data-v-3fd43191] { color: #EF4444;
}
strong.naranja[data-v-3fd43191] { color: #F97316;
}
strong.amarillo[data-v-3fd43191] { color: #FCD34D;
}
strong.verde[data-v-3fd43191] { color: #22C55E;
}
strong.azul[data-v-3fd43191] { color: #3B82F6;
}
strong.violeta[data-v-3fd43191] { color: #8B5CF6;
}
strong.critico[data-v-3fd43191] { color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-3fd43191] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(147, 197, 253, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.def-header[data-v-3fd43191] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-3fd43191] { font-size: 1.25rem;
}
.def-titulo[data-v-3fd43191] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.def-texto[data-v-3fd43191] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-3fd43191] { color: #FFFFFF;
}

/* Por qué section */
.porque-section[data-v-3fd43191] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.porque-titulo[data-v-3fd43191] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.porque-contenido p[data-v-3fd43191] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.porque-contenido p strong[data-v-3fd43191] { color: #FCD34D;
}
.colores-indices[data-v-3fd43191] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.color-item[data-v-3fd43191] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.color-item.rojo[data-v-3fd43191] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.color-item.violeta[data-v-3fd43191] {
  background: rgba(139, 92, 246, 0.15);
  border-left: 3px solid #8B5CF6;
}
.color-nombre[data-v-3fd43191] {
  font-weight: 700;
  font-size: 0.9rem;
}
.color-item.rojo .color-nombre[data-v-3fd43191] { color: #EF4444;
}
.color-item.violeta .color-nombre[data-v-3fd43191] { color: #A78BFA;
}
.color-info[data-v-3fd43191] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.color-info strong[data-v-3fd43191] { color: #E9D5FF;
}

/* Espectro section */
.espectro-section[data-v-3fd43191] {
  margin: 1.5rem 0;
}
.espectro-titulo[data-v-3fd43191] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.espectro-visual[data-v-3fd43191] {
  margin-bottom: 0.75rem;
}
.espectro-barra[data-v-3fd43191] {
  display: flex;
  height: 30px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.espectro-color[data-v-3fd43191] {
  flex: 1;
}
.espectro-color.rojo[data-v-3fd43191] { background: #EF4444;
}
.espectro-color.naranja[data-v-3fd43191] { background: #F97316;
}
.espectro-color.amarillo[data-v-3fd43191] { background: #FCD34D;
}
.espectro-color.verde[data-v-3fd43191] { background: #22C55E;
}
.espectro-color.azul[data-v-3fd43191] { background: #3B82F6;
}
.espectro-color.violeta[data-v-3fd43191] { background: #8B5CF6;
}
.espectro-labels[data-v-3fd43191] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.espectro-labels small[data-v-3fd43191] {
  display: block;
  color: #A78BFA;
}
.label-left[data-v-3fd43191] { text-align: left;
}
.label-right[data-v-3fd43191] { text-align: right;
}
.espectro-nota[data-v-3fd43191] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.espectro-nota strong[data-v-3fd43191] { color: #E9D5FF;
}

/* Fenómenos section */
.fenomenos-section[data-v-3fd43191] {
  margin: 1.5rem 0;
}
.fenomenos-titulo[data-v-3fd43191] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fenomenos-grid[data-v-3fd43191] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fenomeno-item[data-v-3fd43191] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.fenomeno-icono[data-v-3fd43191] { font-size: 1.5rem; margin-bottom: 0.25rem;
}
.fenomeno-nombre[data-v-3fd43191] { font-size: 0.8rem; font-weight: 700; color: #FFFFFF;
}
.fenomeno-desc[data-v-3fd43191] { font-size: 0.7rem; color: #C4B5FD;
}

/* RTI section */
.rti-section[data-v-3fd43191] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.rti-header[data-v-3fd43191] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rti-icono[data-v-3fd43191] { font-size: 1.1rem;
}
.rti-titulo[data-v-3fd43191] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.rti-visual[data-v-3fd43191] {
  margin-bottom: 0.75rem;
}
.rti-svg[data-v-3fd43191] {
  width: 100%;
  max-width: 260px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.rti-explicacion p[data-v-3fd43191] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.rti-explicacion p strong[data-v-3fd43191] { color: #FFFFFF;
}
.formula-rti[data-v-3fd43191] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
  margin: 0.75rem 0;
}
.rti-aplicacion[data-v-3fd43191] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.rti-aplicacion strong[data-v-3fd43191] { color: #93C5FD;
}

/* Tip */
.tip[data-v-3fd43191] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3fd43191] { font-size: 1.25rem;
}
.tip-texto[data-v-3fd43191] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3fd43191] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.fenomenos-grid[data-v-3fd43191] {
    grid-template-columns: repeat(4, 1fr);
}
}

.simulador[data-v-f0a7e05a] {
  width: 100%;
}

/* Canvas container */
.canvas-container[data-v-f0a7e05a] {
  position: relative;
  width: 100%;
  height: 200px;
  background: rgba(15, 15, 35, 1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.refraccion-canvas[data-v-f0a7e05a] {
  width: 100%;
  height: 100%;
}
.indicadores-overlay[data-v-f0a7e05a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
}
.indicador[data-v-f0a7e05a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.indicador.angulo-i[data-v-f0a7e05a] { border: 1px solid rgba(252, 211, 77, 0.5);
}
.indicador.angulo-r[data-v-f0a7e05a] { border: 1px solid rgba(110, 231, 183, 0.5);
}
.ind-label[data-v-f0a7e05a] { color: #C4B5FD;
}
.angulo-i .ind-valor[data-v-f0a7e05a] { color: #FCD34D; font-weight: 700;
}
.angulo-r .ind-valor[data-v-f0a7e05a] { color: #6EE7B7; font-weight: 700;
}
.medio-label[data-v-f0a7e05a] {
  position: absolute;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.medio1-label[data-v-f0a7e05a] { top: 35%; left: 0.5rem;
}
.medio2-label[data-v-f0a7e05a] { bottom: 35%; left: 0.5rem;
}

/* Panel de control */
.controles-panel[data-v-f0a7e05a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.control-group[data-v-f0a7e05a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.control-header[data-v-f0a7e05a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.control-label[data-v-f0a7e05a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.control-value[data-v-f0a7e05a] {
  font-size: 0.9rem;
  font-weight: 700;
}
.control-value.incidente[data-v-f0a7e05a] { color: #FCD34D;
}
.slider[data-v-f0a7e05a] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(0, 0, 0, 0.3);
  outline: none;
}
.slider[data-v-f0a7e05a]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.incidente-slider[data-v-f0a7e05a]::-webkit-slider-thumb { background: #FCD34D;
}
.slider[data-v-f0a7e05a]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.incidente-slider[data-v-f0a7e05a]::-moz-range-thumb { background: #FCD34D;
}
.slider-labels[data-v-f0a7e05a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #A78BFA;
}

/* Selector de medio */
.medio-selector[data-v-f0a7e05a] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.medio-btn[data-v-f0a7e05a] {
  flex: 1;
  min-width: 60px;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.medio-btn.activo[data-v-f0a7e05a] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  color: #FFFFFF;
}

/* Panel de info */
.info-panel[data-v-f0a7e05a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.info-header[data-v-f0a7e05a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.info-icono[data-v-f0a7e05a] { font-size: 1rem;
}
.info-titulo[data-v-f0a7e05a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.info-contenido[data-v-f0a7e05a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-display[data-v-f0a7e05a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.8rem;
}
.formula-part[data-v-f0a7e05a] {
  font-weight: 600;
}
.formula-part.n1[data-v-f0a7e05a], .formula-part.n2[data-v-f0a7e05a] { color: #93C5FD;
}
.formula-part.sin1[data-v-f0a7e05a] { color: #FCD34D;
}
.formula-part.sin2[data-v-f0a7e05a] { color: #6EE7B7;
}
.formula-op[data-v-f0a7e05a] { color: #C4B5FD;
}
.resultado-snell[data-v-f0a7e05a] {
  text-align: center;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.check[data-v-f0a7e05a] { margin-left: 0.25rem;
}
.info-extra[data-v-f0a7e05a] {
  text-align: center;
}
.comportamiento[data-v-f0a7e05a] {
  display: inline-block;
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.comportamiento.acerca[data-v-f0a7e05a] {
  background: rgba(110, 231, 183, 0.15);
  color: #6EE7B7;
}
.comportamiento.aleja[data-v-f0a7e05a] {
  background: rgba(252, 211, 77, 0.15);
  color: #FCD34D;
}
.comportamiento.rti[data-v-f0a7e05a] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.comportamiento.igual[data-v-f0a7e05a] {
  background: rgba(139, 92, 246, 0.15);
  color: #C4B5FD;
}
.comportamiento strong[data-v-f0a7e05a] { color: inherit;
}
.angulo-critico-info[data-v-f0a7e05a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.ac-label[data-v-f0a7e05a] { color: #FCA5A5;
}
.ac-valor[data-v-f0a7e05a] { color: #FCD34D; font-weight: 600;
}

/* Panel de desafíos */
.desafios-panel[data-v-f0a7e05a] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desafios-header[data-v-f0a7e05a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.desafios-icono[data-v-f0a7e05a] { font-size: 1rem;
}
.desafios-titulo[data-v-f0a7e05a] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.desafios-lista[data-v-f0a7e05a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.desafio-item[data-v-f0a7e05a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  transition: all 0.3s ease;
}
.desafio-item.completado[data-v-f0a7e05a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.desafio-check[data-v-f0a7e05a] {
  font-size: 0.9rem;
  color: #A78BFA;
}
.desafio-item.completado .desafio-check[data-v-f0a7e05a] { color: #6EE7B7;
}
.desafio-texto[data-v-f0a7e05a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.desafios-progreso[data-v-f0a7e05a] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Mensaje completado */
.mensaje-completado[data-v-f0a7e05a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f0a7e05a] { font-size: 1.75rem;
}
.completado-texto[data-v-f0a7e05a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen header */
.resumen-header[data-v-80f5157e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.resumen-icono[data-v-80f5157e] { font-size: 1.25rem;
}
.resumen-titulo[data-v-80f5157e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Secciones de resumen */
.resumen-section[data-v-80f5157e] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
  border-left: 3px solid #8B5CF6;
}
.section-titulo[data-v-80f5157e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.section-num[data-v-80f5157e] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.section-nombre[data-v-80f5157e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Formula box */
.formula-box[data-v-80f5157e] {
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-principal-resumen[data-v-80f5157e] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.formula-secundaria[data-v-80f5157e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  font-family: 'Courier New', monospace;
}
.formula-box.rti[data-v-80f5157e] {
  border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Puntos clave */
.puntos-clave[data-v-80f5157e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.punto[data-v-80f5157e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-check[data-v-80f5157e] {
  color: #6EE7B7;
  font-weight: 700;
}
.punto-texto[data-v-80f5157e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-80f5157e] { color: #FFFFFF;
}

/* Mini tabla de índices */
.indices-mini-tabla[data-v-80f5157e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.indice-mini[data-v-80f5157e] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.indice-mini.destacado[data-v-80f5157e] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.mat[data-v-80f5157e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.val[data-v-80f5157e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Comportamientos grid */
.comportamientos-grid[data-v-80f5157e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comportamiento-item[data-v-80f5157e] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comportamiento-item.acerca[data-v-80f5157e] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.comportamiento-item.aleja[data-v-80f5157e] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.comp-condicion[data-v-80f5157e] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.acerca .comp-condicion[data-v-80f5157e] { color: #6EE7B7;
}
.aleja .comp-condicion[data-v-80f5157e] { color: #FCD34D;
}
.comp-efecto[data-v-80f5157e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.comp-ejemplo[data-v-80f5157e] {
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Dispersión info */
.dispersion-info[data-v-80f5157e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dispersion-item[data-v-80f5157e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.4rem;
}
.dispersion-item.rojo[data-v-80f5157e] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.dispersion-item.violeta[data-v-80f5157e] {
  background: rgba(139, 92, 246, 0.15);
  border-left: 3px solid #8B5CF6;
}
.disp-color[data-v-80f5157e] {
  font-weight: 700;
  font-size: 0.85rem;
}
.rojo .disp-color[data-v-80f5157e] { color: #FCA5A5;
}
.violeta .disp-color[data-v-80f5157e] { color: #A78BFA;
}
.disp-prop[data-v-80f5157e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Senos grid */
.senos-grid[data-v-80f5157e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
}
.seno-item[data-v-80f5157e] {
  display: flex;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.seno-angulo[data-v-80f5157e] { color: #93C5FD;
}
.seno-valor[data-v-80f5157e] { color: #FCD34D; font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-80f5157e] {
  margin: 1.25rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-80f5157e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-80f5157e] { font-size: 1.1rem;
}
.tips-titulo[data-v-80f5157e] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-80f5157e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-80f5157e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-80f5157e] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
  flex-shrink: 0;
}
.tip-texto[data-v-80f5157e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Mensaje completado */
.completado-mensaje[data-v-80f5157e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-80f5157e] { font-size: 1.5rem;
}
.completado-texto[data-v-80f5157e] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.indices-mini-tabla[data-v-80f5157e] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-15f91d7d] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.iconos-tecnologia[data-v-15f91d7d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.tech-icon[data-v-15f91d7d] {
  font-size: 2rem;
  animation: float-15f91d7d 3s ease-in-out infinite;
}
.tech-icon[data-v-15f91d7d]:nth-child(2) { animation-delay: 0.2s;
}
.tech-icon[data-v-15f91d7d]:nth-child(3) { animation-delay: 0.4s;
}
.tech-icon[data-v-15f91d7d]:nth-child(4) { animation-delay: 0.6s;
}
@keyframes float-15f91d7d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.intro-texto[data-v-15f91d7d] {
  margin: 0;
  color: #C4B5FD;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Colores temáticos */
strong.destacado[data-v-15f91d7d] { color: #93C5FD;
}

/* Espectro section */
.espectro-section[data-v-15f91d7d] {
  margin: 1.5rem 0;
}
.espectro-titulo[data-v-15f91d7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.espectro-diagrama[data-v-15f91d7d] {
  display: flex;
  gap: 2px;
  margin-bottom: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.espectro-banda[data-v-15f91d7d] {
  flex: 1;
  min-width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  border-radius: 0.35rem;
  text-align: center;
}
.banda-icono[data-v-15f91d7d] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.banda-nombre[data-v-15f91d7d] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFFFFF;
}
.banda-lambda[data-v-15f91d7d] {
  font-size: 0.5rem;
  color: rgba(255, 255, 255, 0.7);
}
.espectro-banda.radio[data-v-15f91d7d] { background: rgba(107, 114, 128, 0.5);
}
.espectro-banda.microondas[data-v-15f91d7d] { background: rgba(156, 163, 175, 0.5);
}
.espectro-banda.infrarrojo[data-v-15f91d7d] { background: rgba(239, 68, 68, 0.4);
}
.espectro-banda.visible[data-v-15f91d7d] { 
  background: linear-gradient(90deg, #8B5CF6, #3B82F6, #22C55E, #EAB308, #EF4444);
}
.espectro-banda.rayosx[data-v-15f91d7d] { background: rgba(59, 130, 246, 0.5);
}
.espectro-flechas[data-v-15f91d7d] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.flecha.menor[data-v-15f91d7d] { color: #FCA5A5;
}
.flecha.mayor[data-v-15f91d7d] { color: #A78BFA;
}

/* Principio box */
.principio-box[data-v-15f91d7d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid #F59E0B;
  border-radius: 0.75rem;
}
.principio-header[data-v-15f91d7d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.principio-icono[data-v-15f91d7d] {
  font-size: 1.25rem;
}
.principio-titulo[data-v-15f91d7d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.principio-texto[data-v-15f91d7d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.principio-texto strong[data-v-15f91d7d] {
  color: #FFFFFF;
}

/* Tecnologías section */
.tecnologias-section[data-v-15f91d7d] {
  margin: 1.5rem 0;
}
.tech-titulo[data-v-15f91d7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tech-grid[data-v-15f91d7d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tech-item[data-v-15f91d7d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tech-item-icono[data-v-15f91d7d] {
  font-size: 1.75rem;
}
.tech-info[data-v-15f91d7d] {
  display: flex;
  flex-direction: column;
}
.tech-nombre[data-v-15f91d7d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tech-desc[data-v-15f91d7d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Características section */
.caracteristicas-section[data-v-15f91d7d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.carac-titulo[data-v-15f91d7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.carac-items[data-v-15f91d7d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-15f91d7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.carac-check[data-v-15f91d7d] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.carac-texto[data-v-15f91d7d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.carac-texto strong[data-v-15f91d7d] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-15f91d7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-15f91d7d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-15f91d7d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-15f91d7d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tech-grid[data-v-15f91d7d] {
    flex-direction: row;
}
.tech-item[data-v-15f91d7d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tech-info[data-v-15f91d7d] {
    align-items: center;
}
.espectro-banda[data-v-15f91d7d] {
    min-width: 70px;
}
.banda-nombre[data-v-15f91d7d] {
    font-size: 0.7rem;
}
}

/* Header visual */
.header-visual[data-v-f193cff2] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.iconos-header[data-v-f193cff2] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.header-icon[data-v-f193cff2] {
  font-size: 2.5rem;
}
.header-subtitle[data-v-f193cff2] {
  margin: 0;
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Colores temáticos */
strong.destacado[data-v-f193cff2] { color: #93C5FD;
}

/* Funcionamiento section */
.funcionamiento-section[data-v-f193cff2] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-f193cff2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.func-diagrama[data-v-f193cff2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.func-paso[data-v-f193cff2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.paso-numero[data-v-f193cff2] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.paso-contenido[data-v-f193cff2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.paso-icono[data-v-f193cff2] {
  font-size: 1.25rem;
}
.paso-texto[data-v-f193cff2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.func-flecha[data-v-f193cff2] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
  transform: rotate(90deg);
}

/* Modulación section */
.modulacion-section[data-v-f193cff2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.mod-titulo[data-v-f193cff2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.mod-intro[data-v-f193cff2] {
  margin: 0 0 1rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.mod-intro strong[data-v-f193cff2] {
  color: #FCD34D;
}
.mod-tipos[data-v-f193cff2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mod-tipo[data-v-f193cff2] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.mod-tipo.am[data-v-f193cff2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.mod-tipo.fm[data-v-f193cff2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mod-header[data-v-f193cff2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mod-sigla[data-v-f193cff2] {
  font-size: 0.85rem;
  font-weight: 800;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.mod-tipo.am .mod-sigla[data-v-f193cff2] {
  background: #EF4444;
  color: white;
}
.mod-tipo.fm .mod-sigla[data-v-f193cff2] {
  background: #10B981;
  color: white;
}
.mod-nombre[data-v-f193cff2] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.mod-visual[data-v-f193cff2] {
  margin: 0.5rem 0;
}
.onda-svg[data-v-f193cff2] {
  width: 100%;
  height: 40px;
}
.mod-desc[data-v-f193cff2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Bandas section */
.bandas-section[data-v-f193cff2] {
  margin: 1.5rem 0;
}
.bandas-titulo[data-v-f193cff2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.bandas-tabla[data-v-f193cff2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.banda-row[data-v-f193cff2] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.banda-row[data-v-f193cff2]:last-child {
  border-bottom: none;
}
.banda-row.header[data-v-f193cff2] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.banda-col[data-v-f193cff2] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.banda-col.tipo[data-v-f193cff2] {
  font-weight: 700;
  color: #FCD34D;
}
.banda-col.uso[data-v-f193cff2] {
  color: #C4B5FD;
}

/* Comparación section */
.comparacion-section[data-v-f193cff2] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-f193cff2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comp-grid[data-v-f193cff2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-f193cff2] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.am[data-v-f193cff2] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-item.fm[data-v-f193cff2] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-label[data-v-f193cff2] {
  display: block;
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
  text-align: center;
}
.comp-item.am .comp-label[data-v-f193cff2] { color: #FCA5A5;
}
.comp-item.fm .comp-label[data-v-f193cff2] { color: #6EE7B7;
}
.comp-lista[data-v-f193cff2] {
  margin: 0;
  padding: 0 0 0 1rem;
  list-style: disc;
}
.comp-lista li[data-v-f193cff2] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}

/* Tip */
.tip[data-v-f193cff2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f193cff2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f193cff2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f193cff2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.func-diagrama[data-v-f193cff2] {
    flex-direction: row;
    justify-content: space-between;
}
.func-paso[data-v-f193cff2] {
    flex-direction: column;
    width: auto;
    flex: 1;
    text-align: center;
}
.paso-contenido[data-v-f193cff2] {
    flex-direction: column;
}
.func-flecha[data-v-f193cff2] {
    transform: rotate(0);
}
.mod-tipos[data-v-f193cff2] {
    flex-direction: row;
}
.mod-tipo[data-v-f193cff2] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-72d13068] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.iconos-header[data-v-72d13068] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.header-icon[data-v-72d13068] {
  font-size: 2.5rem;
}
.header-subtitle[data-v-72d13068] {
  margin: 0;
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Colores temáticos */
strong.destacado[data-v-72d13068] { color: #93C5FD;
}

/* Sección principal */
.seccion-principal[data-v-72d13068] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.seccion-principal.radar[data-v-72d13068] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.seccion-principal.laser[data-v-72d13068] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.seccion-header[data-v-72d13068] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
  text-align: center;
}
.seccion-icono[data-v-72d13068] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.seccion-titulo[data-v-72d13068] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.seccion-sigla[data-v-72d13068] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}
.seccion-intro[data-v-72d13068] {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.seccion-intro strong[data-v-72d13068] {
  color: #FFFFFF;
}

/* Funcionamiento radar */
.func-radar[data-v-72d13068] {
  margin: 1rem 0;
}
.radar-visual[data-v-72d13068] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.antena[data-v-72d13068] {
  font-size: 2rem;
}
.objeto[data-v-72d13068] {
  font-size: 2rem;
}
.onda-enviada[data-v-72d13068], .onda-reflejada[data-v-72d13068] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-width: 80px;
}
.onda-linea[data-v-72d13068] {
  font-size: 1rem;
  letter-spacing: -2px;
}
.onda-enviada .onda-linea[data-v-72d13068] { color: #3B82F6;
}
.onda-reflejada .onda-linea[data-v-72d13068] { color: #FCA5A5;
}
.onda-label[data-v-72d13068] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Fórmula box */
.formula-box[data-v-72d13068] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-label[data-v-72d13068] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula[data-v-72d13068] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  margin: 0.5rem 0;
}
.formula-vars[data-v-72d13068] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula-vars strong[data-v-72d13068] {
  color: #FFFFFF;
}
.formula-nota[data-v-72d13068] {
  margin: 0.5rem 0 0 0;
  font-size: 0.7rem;
  color: #FCD34D;
  font-style: italic;
}

/* Aplicaciones grid */
.aplicaciones-radar[data-v-72d13068], .aplicaciones-laser[data-v-72d13068] {
  margin-top: 1rem;
}
.app-titulo[data-v-72d13068] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.app-grid[data-v-72d13068] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.app-item[data-v-72d13068] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.app-icono[data-v-72d13068] {
  font-size: 1.1rem;
}
.app-texto[data-v-72d13068] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Características láser */
.caracteristicas-laser[data-v-72d13068] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.carac-item[data-v-72d13068] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.carac-header[data-v-72d13068] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.25rem;
}
.carac-icono[data-v-72d13068] {
  font-size: 1rem;
}
.carac-nombre[data-v-72d13068] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.carac-desc[data-v-72d13068] {
  margin: 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Comparación luz */
.comparacion-luz[data-v-72d13068] {
  margin: 1rem 0;
}
.comp-titulo[data-v-72d13068] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comp-visual[data-v-72d13068] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.luz-tipo[data-v-72d13068] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.luz-tipo.normal[data-v-72d13068] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.luz-tipo.laser[data-v-72d13068] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.luz-label[data-v-72d13068] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.rayos-desordenados[data-v-72d13068] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  font-size: 0.9rem;
  color: #9CA3AF;
  margin-bottom: 0.5rem;
}
.rayos-paralelos[data-v-72d13068] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  font-size: 0.9rem;
  color: #EF4444;
  margin-bottom: 0.5rem;
}
.luz-desc[data-v-72d13068] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-72d13068] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-72d13068] {
  font-size: 1.25rem;
}
.tip-texto[data-v-72d13068] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-72d13068] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-laser[data-v-72d13068] {
    flex-direction: row;
}
.carac-item[data-v-72d13068] {
    flex: 1;
}
.app-grid[data-v-72d13068] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-60ae8470] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-60ae8470] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-60ae8470] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-60ae8470] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-60ae8470] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-60ae8470] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-60ae8470] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-60ae8470] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-60ae8470] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-60ae8470] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Relacionar ===== */
.relacionar-container[data-v-60ae8470] {
  text-align: center;
}
.tecnologias-lista[data-v-60ae8470], .ondas-slots[data-v-60ae8470] {
  margin-bottom: 1rem;
}
.lista-label[data-v-60ae8470] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tech-buttons[data-v-60ae8470] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.tech-btn[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  min-width: 70px;
}
.tech-btn.seleccionada[data-v-60ae8470] {
  transform: scale(1.05);
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.tech-icono[data-v-60ae8470] {
  font-size: 1.5rem;
}
.tech-nombre[data-v-60ae8470] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-top: 0.2rem;
}
.slots-grid[data-v-60ae8470] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.slot-onda[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 70px;
}
.slot-onda.seleccionable[data-v-60ae8470] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-60ae8470 1s infinite;
}
@keyframes pulse-60ae8470 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-onda.ocupado[data-v-60ae8470] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
}
.slot-tipo[data-v-60ae8470] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.slot-tech[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slot-tech-icono[data-v-60ae8470] {
  font-size: 1.25rem;
}
.slot-tech-nombre[data-v-60ae8470] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.slot-placeholder[data-v-60ae8470] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-60ae8470] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-60ae8470], .btn-reiniciar[data-v-60ae8470] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-60ae8470] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-60ae8470] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Radar ===== */
.radar-container[data-v-60ae8470] {
  text-align: center;
}
.radar-visual[data-v-60ae8470] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.radar-antena[data-v-60ae8470] {
  font-size: 2.5rem;
}
.radar-ondas[data-v-60ae8470] {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.onda-out[data-v-60ae8470] {
  color: #3B82F6;
  font-size: 1rem;
  opacity: 0.5;
}
.radar-ondas.animando .onda-out[data-v-60ae8470] {
  animation: wave-60ae8470 0.5s ease-out;
}
.radar-ondas.animando .onda-out[data-v-60ae8470]:nth-child(2) { animation-delay: 0.1s;
}
.radar-ondas.animando .onda-out[data-v-60ae8470]:nth-child(3) { animation-delay: 0.2s;
}
@keyframes wave-60ae8470 {
0% { transform: translateX(0); opacity: 1;
}
100% { transform: translateX(30px); opacity: 0;
}
}
.radar-objeto[data-v-60ae8470] {
  font-size: 2.5rem;
}
.radar-datos[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-60ae8470] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.dato-label[data-v-60ae8470] {
  color: #C4B5FD;
}
.dato-valor[data-v-60ae8470] {
  color: #FCD34D;
  font-weight: 700;
}
.radar-formula[data-v-60ae8470] {
  margin-bottom: 1rem;
}
.formula-texto[data-v-60ae8470] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.radar-pregunta[data-v-60ae8470] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-60ae8470] {
  display: block;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.input-distancia[data-v-60ae8470] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.distancia-input[data-v-60ae8470] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.distancia-input.correcto[data-v-60ae8470] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.distancia-input.incorrecto[data-v-60ae8470] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.unidad[data-v-60ae8470] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar-radar[data-v-60ae8470] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-incorrecto[data-v-60ae8470] {
  font-size: 0.8rem;
  color: #FCA5A5;
  margin-top: 0.5rem;
}
.radar-contador[data-v-60ae8470] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Láser ===== */
.laser-container[data-v-60ae8470] {
  text-align: center;
}
.laser-pregunta-visual[data-v-60ae8470] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.laser-haz[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.haz-linea[data-v-60ae8470] {
  color: #EF4444;
  font-size: 1rem;
  letter-spacing: -2px;
}
.laser-icono[data-v-60ae8470] {
  font-size: 2.5rem;
}
.laser-pregunta[data-v-60ae8470] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-weight: 600;
}
.laser-opciones[data-v-60ae8470] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-laser[data-v-60ae8470] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-laser.seleccionada[data-v-60ae8470] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-laser.correcta[data-v-60ae8470] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-laser.incorrecta[data-v-60ae8470] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.laser-contador[data-v-60ae8470] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-60ae8470] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-60ae8470] { font-size: 1.25rem;
}
.resultado-texto[data-v-60ae8470] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-60ae8470] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-60ae8470] { flex: 1;
}
.nav-btn[data-v-60ae8470] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-60ae8470] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-60ae8470] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-60ae8470] { font-size: 1.75rem;
}
.completado-texto[data-v-60ae8470] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-60ae8470], .slide-leave-active[data-v-60ae8470] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-60ae8470] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-60ae8470] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slots-grid[data-v-60ae8470] {
    grid-template-columns: repeat(4, 1fr);
}
.laser-opciones[data-v-60ae8470] {
    flex-direction: row;
    justify-content: center;
}
.opcion-laser[data-v-60ae8470] {
    flex: 1;
    max-width: 150px;
}
}

/* Header de resumen */
.resumen-header[data-v-ef2275aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-ef2275aa] {
  font-size: 1.5rem;
}
.header-texto[data-v-ef2275aa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-ef2275aa] {
  margin-bottom: 1.5rem;
}
.concepto-principal p[data-v-ef2275aa] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  text-align: center;
}
.concepto-principal strong[data-v-ef2275aa] {
  color: #FCD34D;
}

/* Tecnologías resumen */
.tecnologias-resumen[data-v-ef2275aa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tech-card[data-v-ef2275aa] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.tech-card.radio-tv[data-v-ef2275aa] {
  background: rgba(107, 114, 128, 0.15);
  border: 1px solid rgba(107, 114, 128, 0.3);
}
.tech-card.radar[data-v-ef2275aa] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tech-card.laser[data-v-ef2275aa] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.card-header[data-v-ef2275aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-ef2275aa] {
  font-size: 1.25rem;
}
.card-titulo[data-v-ef2275aa] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-ef2275aa] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.punto-clave[data-v-ef2275aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.punto-icono[data-v-ef2275aa] {
  font-size: 0.85rem;
  flex-shrink: 0;
}
.punto-texto[data-v-ef2275aa] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.punto-texto strong[data-v-ef2275aa] {
  color: #FFFFFF;
}
.formula-card[data-v-ef2275aa] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}

/* Fórmulas section */
.formulas-section[data-v-ef2275aa] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-ef2275aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-ef2275aa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.formula-item[data-v-ef2275aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-ef2275aa] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula-expr[data-v-ef2275aa] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-nota[data-v-ef2275aa] {
  margin: 0.5rem 0 0 0;
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tips section */
.tips-section[data-v-ef2275aa] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-ef2275aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-ef2275aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-ef2275aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-numero[data-v-ef2275aa] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-ef2275aa] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef2275aa] {
  color: #6EE7B7;
}

/* Espectro resumen */
.espectro-resumen[data-v-ef2275aa] {
  margin-bottom: 1.5rem;
}
.espectro-titulo[data-v-ef2275aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.espectro-barra[data-v-ef2275aa] {
  display: flex;
  gap: 2px;
  margin-bottom: 0.25rem;
}
.espectro-zona[data-v-ef2275aa] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.2rem;
  border-radius: 0.35rem;
  min-height: 50px;
}
.espectro-zona.radio[data-v-ef2275aa] {
  background: rgba(107, 114, 128, 0.4);
}
.espectro-zona.micro[data-v-ef2275aa] {
  background: rgba(156, 163, 175, 0.4);
}
.espectro-zona.visible[data-v-ef2275aa] {
  background: linear-gradient(90deg, #8B5CF6, #3B82F6, #22C55E, #EAB308, #EF4444);
}
.espectro-zona.rayosx[data-v-ef2275aa] {
  background: rgba(59, 130, 246, 0.5);
}
.zona-icono[data-v-ef2275aa] {
  font-size: 1rem;
}
.zona-nombre[data-v-ef2275aa] {
  font-size: 0.55rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.espectro-labels[data-v-ef2275aa] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}
.label[data-v-ef2275aa] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.label.menor[data-v-ef2275aa] { color: #FCA5A5;
}
.label.mayor[data-v-ef2275aa] { color: #A78BFA;
}

/* Completado box */
.completado-box[data-v-ef2275aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ef2275aa] {
  font-size: 2rem;
}
.completado-texto[data-v-ef2275aa] {
  display: flex;
  flex-direction: column;
}
.completado-texto strong[data-v-ef2275aa] {
  font-size: 1rem;
  color: #6EE7B7;
}
.completado-texto span[data-v-ef2275aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.tecnologias-resumen[data-v-ef2275aa] {
    flex-direction: row;
}
.tech-card[data-v-ef2275aa] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-c6cbc104] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.dispositivos-intro[data-v-c6cbc104] {
  display: flex;
  gap: 1rem;
  animation: float-c6cbc104 3s ease-in-out infinite;
}
@keyframes float-c6cbc104 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.disp-icono[data-v-c6cbc104] {
  font-size: 2rem;
}

/* Texto destacado */
strong.destacado[data-v-c6cbc104] { color: #FCD34D;
}
strong.sonido[data-v-c6cbc104] { color: #93C5FD;
}
strong.electricidad[data-v-c6cbc104] { color: #FCD34D;
}

/* Principio fundamental */
.principio-section[data-v-c6cbc104] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.principio-titulo[data-v-c6cbc104] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.transformacion-visual[data-v-c6cbc104] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.trans-item[data-v-c6cbc104] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 100px;
}
.trans-icono[data-v-c6cbc104] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.trans-label[data-v-c6cbc104] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.trans-tipo[data-v-c6cbc104] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.trans-flecha[data-v-c6cbc104] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.trans-explicacion[data-v-c6cbc104] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Dispositivos */
.dispositivo-section[data-v-c6cbc104] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.disp-header[data-v-c6cbc104] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.disp-emoji[data-v-c6cbc104] {
  font-size: 1.5rem;
}
.disp-nombre[data-v-c6cbc104] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.disp-contenido[data-v-c6cbc104] {
  padding: 0.75rem;
}
.disp-funcion[data-v-c6cbc104] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.func-label[data-v-c6cbc104] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.func-valor[data-v-c6cbc104] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.disp-como[data-v-c6cbc104] {
  margin-bottom: 0.75rem;
}
.como-titulo[data-v-c6cbc104] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.pasos-func[data-v-c6cbc104] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-f[data-v-c6cbc104] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-n[data-v-c6cbc104] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.paso-t[data-v-c6cbc104] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.paso-t strong[data-v-c6cbc104] {
  color: #6EE7B7;
}
.disp-principio[data-v-c6cbc104] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.princ-icono[data-v-c6cbc104] {
  font-size: 1rem;
}
.princ-texto[data-v-c6cbc104] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.princ-texto strong[data-v-c6cbc104] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-c6cbc104] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-c6cbc104] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.comp-visual[data-v-c6cbc104] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-c6cbc104] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 100px;
}
.comp-emoji[data-v-c6cbc104] {
  font-size: 1.25rem;
}
.comp-name[data-v-c6cbc104] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.comp-dir[data-v-c6cbc104] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.comp-arrows[data-v-c6cbc104] {
  font-size: 1.25rem;
  color: #10B981;
}
.comp-nota[data-v-c6cbc104] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.comp-nota strong[data-v-c6cbc104] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-c6cbc104] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c6cbc104] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c6cbc104] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c6cbc104] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.dispositivos-intro[data-v-c6cbc104] {
    gap: 1.5rem;
}
.disp-icono[data-v-c6cbc104] {
    font-size: 2.5rem;
}
.transformacion-visual[data-v-c6cbc104] {
    gap: 1.5rem;
}
.trans-item[data-v-c6cbc104] {
    min-width: 140px;
    padding: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-5126da09] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.apps-intro[data-v-5126da09] {
  display: flex;
  gap: 1.5rem;
}
.app-icono[data-v-5126da09] {
  font-size: 2rem;
  animation: bounce-5126da09 2s ease-in-out infinite;
}
.app-icono[data-v-5126da09]:nth-child(2) {
  animation-delay: 0.3s;
}
.app-icono[data-v-5126da09]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce-5126da09 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.comunicacion[data-v-5126da09] { color: #93C5FD;
}
strong.medicina[data-v-5126da09] { color: #6EE7B7;
}
strong.navegacion[data-v-5126da09] { color: #FCD34D;
}
strong.ultrasonido[data-v-5126da09] { color: #F0ABFC;
}

/* Aplicaciones */
.aplicacion-section[data-v-5126da09] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.app-header[data-v-5126da09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.telefono .app-header[data-v-5126da09] { background: rgba(147, 197, 253, 0.2);
}
.ecografo .app-header[data-v-5126da09] { background: rgba(110, 231, 183, 0.2);
}
.sonar .app-header[data-v-5126da09] { background: rgba(252, 211, 77, 0.2);
}
.app-emoji[data-v-5126da09] {
  font-size: 1.5rem;
}
.app-nombre[data-v-5126da09] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.app-contenido[data-v-5126da09] {
  padding: 0.75rem;
}
.app-desc[data-v-5126da09] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.app-desc strong[data-v-5126da09] {
  color: #FFFFFF;
}

/* Proceso teléfono */
.app-proceso[data-v-5126da09] {
  margin-bottom: 0.75rem;
}
.proceso-titulo[data-v-5126da09] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.proceso-pasos[data-v-5126da09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
@media (min-width: 640px) {
.proceso-pasos[data-v-5126da09] {
    flex-direction: row;
    justify-content: center;
}
}
.proc-paso[data-v-5126da09] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.proc-icono[data-v-5126da09] {
  font-size: 1rem;
}
.proc-texto[data-v-5126da09] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.proc-flecha[data-v-5126da09] {
  color: #8B5CF6;
  font-size: 1rem;
}
.app-dato[data-v-5126da09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.dato-icono[data-v-5126da09] {
  font-size: 1rem;
}
.dato-texto[data-v-5126da09] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dato-texto strong[data-v-5126da09] {
  color: #FCD34D;
}

/* Ecógrafo visual */
.eco-visual[data-v-5126da09] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eco-paso[data-v-5126da09] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.eco-num[data-v-5126da09] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.eco-info[data-v-5126da09] {
  display: flex;
  flex-direction: column;
}
.eco-titulo[data-v-5126da09] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.eco-desc[data-v-5126da09] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.app-usos[data-v-5126da09] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.usos-titulo[data-v-5126da09] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.25rem;
}
.usos-lista[data-v-5126da09] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.uso[data-v-5126da09] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Sonar visual */
.sonar-visual[data-v-5126da09] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sonar-diagrama[data-v-5126da09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.sonar-barco[data-v-5126da09] {
  font-size: 2rem;
}
.sonar-ondas[data-v-5126da09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: #93C5FD;
}
.onda-objeto[data-v-5126da09] {
  font-size: 1.5rem;
}
.sonar-formula[data-v-5126da09] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.formula-titulo[data-v-5126da09] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}
.formula-box[data-v-5126da09] {
  text-align: center;
  margin: 0.25rem 0;
}
.formula[data-v-5126da09] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-vars[data-v-5126da09] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tabla */
.tabla-section[data-v-5126da09] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-5126da09] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-5126da09] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-5126da09] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
.tabla-row.header[data-v-5126da09] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-row.header .tabla-cell[data-v-5126da09] {
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-cell[data-v-5126da09] {
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row:last-child .tabla-cell[data-v-5126da09] {
  border-bottom: none;
}

/* Tip */
.tip[data-v-5126da09] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-5126da09] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5126da09] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5126da09] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-cell[data-v-5126da09] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
}

.explorador[data-v-d0741bf6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d0741bf6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d0741bf6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d0741bf6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d0741bf6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d0741bf6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d0741bf6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d0741bf6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d0741bf6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d0741bf6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-d0741bf6] {
  text-align: center;
}
.pregunta-actual[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-emoji[data-v-d0741bf6] {
  font-size: 2rem;
}
.pregunta-texto[data-v-d0741bf6] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-transformacion[data-v-d0741bf6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-d0741bf6]:hover {
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-d0741bf6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-d0741bf6] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-btn.incorrecto[data-v-d0741bf6] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-icono[data-v-d0741bf6] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.opcion-texto[data-v-d0741bf6] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-d0741bf6] {
  text-align: center;
}
.relacion-instruccion[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.instr-icono[data-v-d0741bf6] {
  font-size: 1.1rem;
}
.columnas-relacion[data-v-d0741bf6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.columna[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
  max-width: 140px;
}
.col-titulo[data-v-d0741bf6] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.item-rel[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.item-rel[data-v-d0741bf6]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.item-rel.seleccionado[data-v-d0741bf6] {
  border-color: #FCD34D;
  box-shadow: 0 0 10px rgba(252, 211, 77, 0.4);
}
.item-rel.seleccionable[data-v-d0741bf6] {
  border-color: #8B5CF6;
  animation: pulse-d0741bf6 1s infinite;
}
@keyframes pulse-d0741bf6 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.item-rel.emparejado[data-v-d0741bf6] {
  opacity: 0.5;
  cursor: default;
}
.item-emoji[data-v-d0741bf6] {
  font-size: 1rem;
}
.item-nombre[data-v-d0741bf6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}
.parejas-hechas[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
}
.pareja[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.pareja-flecha[data-v-d0741bf6] {
  color: #8B5CF6;
}
.pareja-check[data-v-d0741bf6] {
  color: #10B981;
  font-weight: 700;
}
.pareja-x[data-v-d0741bf6] {
  color: #EF4444;
  font-weight: 700;
}

/* ===== DESAFÍO 3: Sonar ===== */
.sonar-container[data-v-d0741bf6] {
  text-align: center;
}
.sonar-escenario[data-v-d0741bf6] {
  margin-bottom: 1rem;
}
.escenario-visual[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.barco-visual[data-v-d0741bf6] {
  font-size: 2.5rem;
}
.ondas-visual[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.onda-linea[data-v-d0741bf6] {
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #93C5FD, transparent);
  border-radius: 2px;
  animation: onda-pulse-d0741bf6 1s ease-in-out infinite;
}
.onda-linea.delay[data-v-d0741bf6] {
  animation-delay: 0.5s;
}
@keyframes onda-pulse-d0741bf6 {
0%, 100% { opacity: 0.3; transform: scaleX(0.8);
}
50% { opacity: 1; transform: scaleX(1);
}
}
.objeto-visual[data-v-d0741bf6] {
  font-size: 2rem;
}
.escenario-datos[data-v-d0741bf6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.dato[data-v-d0741bf6] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-label[data-v-d0741bf6] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-d0741bf6] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.sonar-formula-ref[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-d0741bf6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-texto[data-v-d0741bf6] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.sonar-respuesta[data-v-d0741bf6] {
  margin-bottom: 0.75rem;
}
.resp-label[data-v-d0741bf6] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.resp-input-group[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.resp-input[data-v-d0741bf6] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.resp-input.correcto[data-v-d0741bf6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.resp-input.incorrecto[data-v-d0741bf6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.resp-unidad[data-v-d0741bf6] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}
.btn-verificar-d3[data-v-d0741bf6] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-d3[data-v-d0741bf6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback-error[data-v-d0741bf6] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-correcto.mini[data-v-d0741bf6] {
  padding: 0.4rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-d0741bf6] { font-size: 1.25rem;
}
.resultado-texto[data-v-d0741bf6] { color: #6EE7B7; font-weight: 600;
}
.contador-problemas[data-v-d0741bf6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-d0741bf6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d0741bf6] { flex: 1;
}
.nav-btn[data-v-d0741bf6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d0741bf6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d0741bf6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d0741bf6] { font-size: 1.75rem;
}
.completado-texto[data-v-d0741bf6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d0741bf6], .slide-leave-active[data-v-d0741bf6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d0741bf6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d0741bf6] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-d0ba8bcf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-d0ba8bcf] {
  font-size: 1.5rem;
}
.header-texto[data-v-d0ba8bcf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-d0ba8bcf] {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.conceptos-section[data-v-d0ba8bcf] {
    grid-template-columns: repeat(2, 1fr);
}
}
.concepto-card[data-v-d0ba8bcf] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-d0ba8bcf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-icono[data-v-d0ba8bcf] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-contenido[data-v-d0ba8bcf] {
  padding: 0.75rem;
}
.concepto-contenido p[data-v-d0ba8bcf] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-contenido strong[data-v-d0ba8bcf] {
  color: #FCD34D;
}
.transformacion-resumen[data-v-d0ba8bcf] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.trans[data-v-d0ba8bcf] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.lista-puntos[data-v-d0ba8bcf] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lista-puntos li[data-v-d0ba8bcf] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
  padding-left: 1rem;
  position: relative;
}
.lista-puntos li[data-v-d0ba8bcf]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #8B5CF6;
}
.lista-puntos li strong[data-v-d0ba8bcf] {
  color: #FFFFFF;
}

/* Fórmula resumen */
.formula-resumen[data-v-d0ba8bcf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formula-box[data-v-d0ba8bcf] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-d0ba8bcf] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-explicacion[data-v-d0ba8bcf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}
.var[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #FCD34D;
}
.sep[data-v-d0ba8bcf] {
  color: #6B7280;
}
.formula-nota[data-v-d0ba8bcf] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-nota strong[data-v-d0ba8bcf] {
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-d0ba8bcf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-d0ba8bcf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d0ba8bcf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-d0ba8bcf] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.tip-text[data-v-d0ba8bcf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-d0ba8bcf] {
  color: #FFFFFF;
}

/* Tabla final */
.tabla-final[data-v-d0ba8bcf] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-d0ba8bcf] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-d0ba8bcf] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.tabla-row.header[data-v-d0ba8bcf] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-row.header .tabla-cell[data-v-d0ba8bcf] {
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-cell[data-v-d0ba8bcf] {
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row:last-child .tabla-cell[data-v-d0ba8bcf] {
  border-bottom: none;
}

/* Mensaje final */
.mensaje-final[data-v-d0ba8bcf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-d0ba8bcf] {
  font-size: 1.5rem;
}
.final-texto[data-v-d0ba8bcf] {
  font-size: 0.9rem;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-cell[data-v-d0ba8bcf] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-90edf719] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.eco-icono[data-v-90edf719] {
  font-size: 2.5rem;
  animation: float-90edf719 3s ease-in-out infinite;
}
.eco-icono[data-v-90edf719]:nth-child(2) {
  animation-delay: 0.5s;
}
.eco-icono[data-v-90edf719]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-90edf719 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-90edf719] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-90edf719] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-90edf719] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.agentes-grid[data-v-90edf719] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.agente-card[data-v-90edf719] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 85px;
  flex: 1;
  max-width: 110px;
}
.agente-card.familias[data-v-90edf719] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.agente-card.empresas[data-v-90edf719] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.agente-card.estado[data-v-90edf719] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.agente-icono[data-v-90edf719] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.agente-nombre[data-v-90edf719] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.agente-desc[data-v-90edf719] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Roles */
.roles-section[data-v-90edf719] {
  margin: 1.5rem 0;
}
.roles-titulo[data-v-90edf719] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.roles-lista[data-v-90edf719] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rol-item[data-v-90edf719] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.rol-agente[data-v-90edf719] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 100px;
}
.rol-agente.familias[data-v-90edf719] { color: #93C5FD;
}
.rol-agente.empresas[data-v-90edf719] { color: #6EE7B7;
}
.rol-agente.estado[data-v-90edf719] { color: #FCD34D;
}
.rol-accion[data-v-90edf719] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Interacción box */
.interaccion-box[data-v-90edf719] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.inter-icono[data-v-90edf719] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.inter-texto[data-v-90edf719] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-90edf719] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-90edf719] {
  font-size: 1.25rem;
}
.tip-texto[data-v-90edf719] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-90edf719] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-90edf719] {
    gap: 1.5rem;
}
.eco-icono[data-v-90edf719] {
    font-size: 3rem;
}
.agentes-grid[data-v-90edf719] {
    gap: 1rem;
}
.agente-card[data-v-90edf719] {
    padding: 1rem 1.5rem;
    min-width: 120px;
    max-width: 150px;
}
.agente-icono[data-v-90edf719] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-34388333] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-grande[data-v-34388333] {
  font-size: 4rem;
  animation: bounce-34388333 2s ease-in-out infinite;
}
@keyframes bounce-34388333 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}

/* Texto familias */
strong.familias[data-v-34388333] {
  color: #93C5FD;
}

/* Funciones */
.funciones-section[data-v-34388333] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-34388333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-34388333] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.funcion-card[data-v-34388333] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.funcion-card.consumir[data-v-34388333] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.funcion-card.trabajar[data-v-34388333] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.funcion-card.ahorrar[data-v-34388333] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.fun-icono[data-v-34388333] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.fun-nombre[data-v-34388333] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  display: block;
}
.fun-desc[data-v-34388333] {
  font-size: 0.8rem;
  color: #E9D5FF;
  display: block;
  margin-top: 0.25rem;
}

/* Flujo */
.flujo-section[data-v-34388333] {
  margin: 1.5rem 0;
}
.flujo-titulo[data-v-34388333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.flujo-visual[data-v-34388333] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flujo-item[data-v-34388333] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.flujo-item.recibe[data-v-34388333] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.flujo-item.entrega[data-v-34388333] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.flujo-icono[data-v-34388333] {
  font-size: 1.5rem;
}
.flujo-content[data-v-34388333] {
  display: flex;
  flex-direction: column;
}
.flujo-label[data-v-34388333] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.flujo-valor[data-v-34388333] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-34388333] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-34388333] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-box[data-v-34388333] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-persona[data-v-34388333] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ej-icono[data-v-34388333] {
  font-size: 1.5rem;
}
.ej-nombre[data-v-34388333] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-acciones[data-v-34388333] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.accion[data-v-34388333] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.accion-tipo[data-v-34388333] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
}
.accion-detalle[data-v-34388333] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-34388333] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-34388333] {
  font-size: 1.25rem;
}
.tip-texto[data-v-34388333] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-34388333] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.funciones-grid[data-v-34388333] {
    flex-direction: row;
    flex-wrap: wrap;
}
.funcion-card[data-v-34388333] {
    flex: 1 1 calc(50% - 0.5rem);
    flex-direction: column;
    text-align: center;
}
.flujo-visual[data-v-34388333] {
    flex-direction: row;
}
.flujo-item[data-v-34388333] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-a3d65145] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-grande[data-v-a3d65145] {
  font-size: 4rem;
  animation: pulse-a3d65145 2s ease-in-out infinite;
}
@keyframes pulse-a3d65145 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto empresas */
strong.empresas[data-v-a3d65145] {
  color: #6EE7B7;
}
strong.destacado[data-v-a3d65145] {
  color: #FCD34D;
}

/* Funciones */
.funciones-section[data-v-a3d65145] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-a3d65145] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-a3d65145] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.funcion-card[data-v-a3d65145] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.funcion-card.producir[data-v-a3d65145] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.funcion-card.contratar[data-v-a3d65145] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.funcion-card.invertir[data-v-a3d65145] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.funcion-card.vender[data-v-a3d65145] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.fun-icono[data-v-a3d65145] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.fun-content[data-v-a3d65145] {
  display: flex;
  flex-direction: column;
}
.fun-nombre[data-v-a3d65145] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fun-desc[data-v-a3d65145] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}

/* Flujo */
.flujo-section[data-v-a3d65145] {
  margin: 1.5rem 0;
}
.flujo-titulo[data-v-a3d65145] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.flujo-visual[data-v-a3d65145] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flujo-item[data-v-a3d65145] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.flujo-item.recibe[data-v-a3d65145] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.flujo-item.entrega[data-v-a3d65145] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.flujo-icono[data-v-a3d65145] {
  font-size: 1.5rem;
}
.flujo-content[data-v-a3d65145] {
  display: flex;
  flex-direction: column;
}
.flujo-label[data-v-a3d65145] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.flujo-valor[data-v-a3d65145] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Tipos */
.tipos-section[data-v-a3d65145] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a3d65145] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-a3d65145] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-item[data-v-a3d65145] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-tam[data-v-a3d65145] {
  font-weight: 700;
  font-size: 0.85rem;
  min-width: 70px;
}
.tipo-item.micro .tipo-tam[data-v-a3d65145] { color: #FCA5A5;
}
.tipo-item.pequena .tipo-tam[data-v-a3d65145] { color: #FCD34D;
}
.tipo-item.mediana .tipo-tam[data-v-a3d65145] { color: #93C5FD;
}
.tipo-item.grande .tipo-tam[data-v-a3d65145] { color: #6EE7B7;
}
.tipo-ej[data-v-a3d65145] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Objetivo */
.objetivo-box[data-v-a3d65145] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.obj-icono[data-v-a3d65145] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.obj-texto[data-v-a3d65145] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-a3d65145] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a3d65145] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a3d65145] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a3d65145] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.flujo-visual[data-v-a3d65145] {
    flex-direction: row;
}
.flujo-item[data-v-a3d65145] {
    flex: 1;
}
.tipos-lista[data-v-a3d65145] {
    flex-direction: row;
    flex-wrap: wrap;
}
.tipo-item[data-v-a3d65145] {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 140px;
}
}

/* Intro visual */
.intro-visual[data-v-a189f3f1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-grande[data-v-a189f3f1] {
  font-size: 4rem;
  animation: float-a189f3f1 3s ease-in-out infinite;
}
@keyframes float-a189f3f1 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto colores */
strong.estado[data-v-a189f3f1] {
  color: #FCD34D;
}
strong.destacado[data-v-a189f3f1] {
  color: #FCD34D;
}

/* Funciones */
.funciones-section[data-v-a189f3f1] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-a189f3f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-a189f3f1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.funcion-card[data-v-a189f3f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.funcion-card.regular[data-v-a189f3f1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.funcion-card.recaudar[data-v-a189f3f1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.funcion-card.proveer[data-v-a189f3f1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.funcion-card.redistribuir[data-v-a189f3f1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.fun-icono[data-v-a189f3f1] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.fun-content[data-v-a189f3f1] {
  display: flex;
  flex-direction: column;
}
.fun-nombre[data-v-a189f3f1] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fun-desc[data-v-a189f3f1] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}

/* Flujo Circular */
.flujo-section[data-v-a189f3f1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-titulo[data-v-a189f3f1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  text-align: center;
}
.flujo-intro[data-v-a189f3f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 1rem;
}
.flujo-diagrama[data-v-a189f3f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.flujo-agente[data-v-a189f3f1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.flujo-agente.familias-box[data-v-a189f3f1] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.flujo-agente.empresas-box[data-v-a189f3f1] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.flujo-agente .flujo-icono[data-v-a189f3f1] {
  font-size: 2rem;
}
.flujo-agente .flujo-nombre[data-v-a189f3f1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flujo-flechas[data-v-a189f3f1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
.flecha[data-v-a189f3f1] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.flecha.arriba .flecha-texto[data-v-a189f3f1] { color: #93C5FD;
}
.flecha.abajo .flecha-texto[data-v-a189f3f1] { color: #6EE7B7;
}
.flecha-direccion[data-v-a189f3f1] {
  font-size: 1rem;
  color: #8B5CF6;
}
.flujo-explicacion[data-v-a189f3f1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 1rem;
}
.exp-item[data-v-a189f3f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.exp-icono[data-v-a189f3f1] {
  font-size: 1rem;
}
.exp-texto[data-v-a189f3f1] {
  color: #E9D5FF;
}
.exp-texto strong[data-v-a189f3f1] {
  color: #FFFFFF;
}

/* Estado en flujo */
.estado-flujo-box[data-v-a189f3f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.efb-icono[data-v-a189f3f1] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.efb-content[data-v-a189f3f1] {
  flex: 1;
}
.efb-titulo[data-v-a189f3f1] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.efb-lista[data-v-a189f3f1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.efb-item[data-v-a189f3f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.efb-item strong[data-v-a189f3f1] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a189f3f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a189f3f1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a189f3f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a189f3f1] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.flujo-diagrama[data-v-a189f3f1] {
    gap: 1rem;
}
.flujo-agente[data-v-a189f3f1] {
    padding: 1rem 1.5rem;
    min-width: 100px;
}
.flujo-agente .flujo-icono[data-v-a189f3f1] {
    font-size: 2.5rem;
}
.flujo-flechas[data-v-a189f3f1] {
    padding: 0 1rem;
}
.flecha[data-v-a189f3f1] {
    font-size: 0.85rem;
    padding: 0.35rem 0.75rem;
}
}

.explorador[data-v-0d7ff8e0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0d7ff8e0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0d7ff8e0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0d7ff8e0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0d7ff8e0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0d7ff8e0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0d7ff8e0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0d7ff8e0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0d7ff8e0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0d7ff8e0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar agentes ===== */
.identificar-container[data-v-0d7ff8e0] {
  text-align: center;
}
.situacion-box[data-v-0d7ff8e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-0d7ff8e0] {
  font-size: 2rem;
  flex-shrink: 0;
}
.situacion-texto[data-v-0d7ff8e0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}
.pregunta-agente[data-v-0d7ff8e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-agente[data-v-0d7ff8e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-0d7ff8e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.opcion-btn.familias[data-v-0d7ff8e0] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.empresas[data-v-0d7ff8e0] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.estado[data-v-0d7ff8e0] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-btn.seleccionado[data-v-0d7ff8e0] {
  transform: scale(1.02);
}
.opcion-btn.correcto[data-v-0d7ff8e0] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecto[data-v-0d7ff8e0] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.opc-icono[data-v-0d7ff8e0] {
  font-size: 1.25rem;
}

/* ===== DESAFÍO 2: Flujo circular ===== */
.flujo-container[data-v-0d7ff8e0] {
  text-align: center;
}
.flujo-pregunta[data-v-0d7ff8e0] {
  margin-bottom: 0.75rem;
}
.flujo-elemento[data-v-0d7ff8e0] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.flujo-direccion-pregunta[data-v-0d7ff8e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.flujo-opciones[data-v-0d7ff8e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flujo-btn[data-v-0d7ff8e0] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.flujo-btn[data-v-0d7ff8e0]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.flujo-btn.seleccionado[data-v-0d7ff8e0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.flujo-btn.correcto[data-v-0d7ff8e0] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.flujo-btn.incorrecto[data-v-0d7ff8e0] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.flujo-feedback[data-v-0d7ff8e0] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* ===== DESAFÍO 3: Funciones del Estado ===== */
.funciones-container[data-v-0d7ff8e0] {
  text-align: center;
}
.funcion-pregunta[data-v-0d7ff8e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.funcion-ejemplo-box[data-v-0d7ff8e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.funcion-icono[data-v-0d7ff8e0] {
  font-size: 2rem;
}
.funcion-texto[data-v-0d7ff8e0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.funcion-opciones[data-v-0d7ff8e0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.funcion-btn[data-v-0d7ff8e0] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.funcion-btn[data-v-0d7ff8e0]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.funcion-btn.correcto[data-v-0d7ff8e0] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.funcion-btn.incorrecto[data-v-0d7ff8e0] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* Contadores y resultados */
.contador[data-v-0d7ff8e0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}
.resultado-correcto[data-v-0d7ff8e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0d7ff8e0] { font-size: 1.25rem;
}
.resultado-texto[data-v-0d7ff8e0] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0d7ff8e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0d7ff8e0] { flex: 1;
}
.nav-btn[data-v-0d7ff8e0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0d7ff8e0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0d7ff8e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0d7ff8e0] { font-size: 1.75rem;
}
.completado-texto[data-v-0d7ff8e0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0d7ff8e0], .slide-leave-active[data-v-0d7ff8e0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0d7ff8e0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0d7ff8e0] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-agente[data-v-0d7ff8e0] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-0d7ff8e0] {
    flex: 1;
    max-width: 150px;
}
.flujo-opciones[data-v-0d7ff8e0] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.flujo-btn[data-v-0d7ff8e0] {
    flex: 1 1 45%;
    max-width: 200px;
}
}

/* Intro */
.resumen-intro[data-v-62c828cb] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-62c828cb] {
  font-size: 2rem;
}
.resumen-intro p[data-v-62c828cb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-62c828cb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-62c828cb] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-62c828cb] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-62c828cb]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-62c828cb] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-62c828cb] {
    grid-column: span 1;
}
}
.card-header[data-v-62c828cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-62c828cb] {
  font-size: 1.25rem;
}
.card-titulo[data-v-62c828cb] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-titulo.familias-color[data-v-62c828cb] { color: #93C5FD;
}
.card-titulo.empresas-color[data-v-62c828cb] { color: #6EE7B7;
}
.card-titulo.estado-color[data-v-62c828cb] { color: #FCD34D;
}
.card-contenido[data-v-62c828cb] {
  color: #E9D5FF;
}

/* Agentes resumen */
.agentes-resumen[data-v-62c828cb] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.agente-mini[data-v-62c828cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 100px;
  max-width: 130px;
}
.agente-mini.familias[data-v-62c828cb] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.agente-mini.empresas[data-v-62c828cb] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.agente-mini.estado[data-v-62c828cb] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.am-icono[data-v-62c828cb] {
  font-size: 1.5rem;
}
.am-nombre[data-v-62c828cb] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.am-rol[data-v-62c828cb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Puntos lista */
.puntos-lista[data-v-62c828cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-62c828cb] {
  font-size: 0.85rem;
}
.punto strong[data-v-62c828cb] {
  color: #FFFFFF;
}

/* Funciones resumen */
.funciones-resumen[data-v-62c828cb] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.funcion-mini[data-v-62c828cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  flex: 1;
  min-width: 70px;
}
.fm-icono[data-v-62c828cb] {
  font-size: 1.25rem;
}
.fm-nombre[data-v-62c828cb] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Flujo resumen */
.flujo-resumen[data-v-62c828cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.flujo-item-res[data-v-62c828cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.fir-desde[data-v-62c828cb], .fir-hacia[data-v-62c828cb] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.8rem;
}
.fir-flecha[data-v-62c828cb] {
  color: #8B5CF6;
}
.familias-bg[data-v-62c828cb] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.empresas-bg[data-v-62c828cb] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.estado-bg[data-v-62c828cb] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.flujo-nota[data-v-62c828cb] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tips finales */
.tips-finales[data-v-62c828cb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-62c828cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-62c828cb] {
  font-size: 1.25rem;
}
.tip-text[data-v-62c828cb] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-62c828cb] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-62c828cb] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-62c828cb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-62c828cb 1s ease-in-out infinite;
}
@keyframes bounce-62c828cb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-62c828cb] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-62c828cb] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-58693b90] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.eco-icono[data-v-58693b90] {
  font-size: 2.5rem;
  animation: float-58693b90 3s ease-in-out infinite;
}
.eco-icono[data-v-58693b90]:nth-child(2) {
  animation-delay: 0.5s;
}
.eco-icono[data-v-58693b90]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-58693b90 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-58693b90] {
  color: #FCD34D;
}
strong.elegir[data-v-58693b90] {
  color: #6EE7B7;
}

/* Concepto central */
.concepto-central[data-v-58693b90] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-58693b90] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.concepto-visual[data-v-58693b90] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-parte[data-v-58693b90] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.concepto-parte.necesidades[data-v-58693b90] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.concepto-parte.recursos[data-v-58693b90] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.parte-icono[data-v-58693b90] {
  font-size: 1.75rem;
}
.parte-nombre[data-v-58693b90] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-desc[data-v-58693b90] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs[data-v-58693b90] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.concepto-resultado[data-v-58693b90] {
  text-align: center;
  font-size: 1rem;
  color: #E9D5FF;
}
.concepto-resultado strong[data-v-58693b90] {
  color: #FCA5A5;
}

/* Preguntas económicas */
.preguntas-section[data-v-58693b90] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-58693b90] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-grid[data-v-58693b90] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-card[data-v-58693b90] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.preg-icono[data-v-58693b90] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.preg-texto[data-v-58693b90] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.preg-texto strong[data-v-58693b90] {
  color: #FCD34D;
}

/* Ejemplos */
.ejemplos-section[data-v-58693b90] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-58693b90] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-58693b90] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-58693b90] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-58693b90] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ej-texto[data-v-58693b90] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-58693b90] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-58693b90] {
  font-size: 1.25rem;
}
.tip-texto[data-v-58693b90] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-58693b90] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-58693b90] {
    gap: 1.5rem;
}
.eco-icono[data-v-58693b90] {
    font-size: 3rem;
}
.concepto-visual[data-v-58693b90] {
    gap: 1.5rem;
}
.concepto-parte[data-v-58693b90] {
    padding: 1rem 1.5rem;
    min-width: 120px;
}
.preguntas-grid[data-v-58693b90] {
    flex-direction: row;
}
.pregunta-card[data-v-58693b90] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-2b0b398a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.concepto-icono[data-v-2b0b398a] {
  font-size: 3rem;
  animation: pulse-2b0b398a 2s ease-in-out infinite;
}
@keyframes pulse-2b0b398a {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto destacado */
strong.escasez[data-v-2b0b398a] {
  color: #FCA5A5;
}
strong.destacado[data-v-2b0b398a] {
  color: #FCD34D;
}

/* Definición box */
.definicion-box[data-v-2b0b398a] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.escasez-box[data-v-2b0b398a] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.def-header[data-v-2b0b398a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-2b0b398a] {
  font-size: 1.25rem;
}
.def-titulo[data-v-2b0b398a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.def-contenido[data-v-2b0b398a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.def-nota[data-v-2b0b398a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.def-nota strong[data-v-2b0b398a] {
  color: #FCD34D;
}

/* Pirámide de Maslow */
.necesidades-section[data-v-2b0b398a] {
  margin: 1.5rem 0;
}
.necesidades-titulo[data-v-2b0b398a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.piramide[data-v-2b0b398a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nivel[data-v-2b0b398a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
}
.nivel-1[data-v-2b0b398a] {
  width: 100%;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.nivel-2[data-v-2b0b398a] {
  width: 85%;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.nivel-3[data-v-2b0b398a] {
  width: 70%;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.nivel-4[data-v-2b0b398a] {
  width: 55%;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.nivel-5[data-v-2b0b398a] {
  width: 40%;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nivel-nombre[data-v-2b0b398a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-ej[data-v-2b0b398a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.piramide-leyenda[data-v-2b0b398a] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  gap: 0.25rem;
}
.ley-primarias[data-v-2b0b398a] {
  color: #FCA5A5;
}
.ley-secundarias[data-v-2b0b398a] {
  color: #6EE7B7;
}

/* Clasificación */
.clasificacion-section[data-v-2b0b398a] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-2b0b398a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-2b0b398a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasif-card[data-v-2b0b398a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.clasif-tipo[data-v-2b0b398a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.clasif-icono[data-v-2b0b398a] {
  font-size: 1.25rem;
}
.clasif-nombre[data-v-2b0b398a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasif-desc[data-v-2b0b398a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Costo de oportunidad */
.costo-oportunidad[data-v-2b0b398a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.co-icono[data-v-2b0b398a] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.co-contenido[data-v-2b0b398a] {
  flex: 1;
}
.co-titulo[data-v-2b0b398a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.co-texto[data-v-2b0b398a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.co-ejemplo[data-v-2b0b398a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.co-ejemplo strong[data-v-2b0b398a] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-2b0b398a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2b0b398a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2b0b398a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2b0b398a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-icono[data-v-2b0b398a] {
    font-size: 4rem;
}
.nivel[data-v-2b0b398a] {
    padding: 0.6rem 1rem;
}
.nivel-nombre[data-v-2b0b398a] {
    font-size: 0.85rem;
}
.nivel-ej[data-v-2b0b398a] {
    font-size: 0.75rem;
}
.clasificacion-grid[data-v-2b0b398a] {
    flex-direction: row;
}
.clasif-card[data-v-2b0b398a] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-b21c7ecf] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-item[data-v-b21c7ecf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
}
.intro-item.bienes[data-v-b21c7ecf] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.intro-item.servicios[data-v-b21c7ecf] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.intro-icono[data-v-b21c7ecf] {
  font-size: 2rem;
}
.intro-label[data-v-b21c7ecf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.intro-y[data-v-b21c7ecf] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Texto destacado */
strong.bien[data-v-b21c7ecf] {
  color: #93C5FD;
}
strong.servicio[data-v-b21c7ecf] {
  color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-b21c7ecf] {
  margin: 1.25rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.bienes-box[data-v-b21c7ecf] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.servicios-box[data-v-b21c7ecf] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.def-header[data-v-b21c7ecf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-b21c7ecf] {
  font-size: 1.25rem;
}
.bienes-box .def-titulo[data-v-b21c7ecf] {
  color: #93C5FD;
}
.servicios-box .def-titulo[data-v-b21c7ecf] {
  color: #6EE7B7;
}
.def-titulo[data-v-b21c7ecf] {
  font-size: 1rem;
  font-weight: 700;
}
.def-contenido[data-v-b21c7ecf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.def-ejemplos[data-v-b21c7ecf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.ej[data-v-b21c7ecf] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Clasificación */
.clasificacion-section[data-v-b21c7ecf] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-b21c7ecf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.clasif-categoria[data-v-b21c7ecf] {
  margin-bottom: 1rem;
}
.cat-titulo[data-v-b21c7ecf] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.cat-opciones[data-v-b21c7ecf] {
  display: flex;
  gap: 0.5rem;
}
.opcion-card[data-v-b21c7ecf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.op-icono[data-v-b21c7ecf] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.op-nombre[data-v-b21c7ecf] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.op-desc[data-v-b21c7ecf] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Colores específicos */
.opcion-card.libres[data-v-b21c7ecf] {
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-card.economicos[data-v-b21c7ecf] {
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-card.consumo[data-v-b21c7ecf] {
  border-color: rgba(239, 68, 68, 0.4);
}
.opcion-card.capital[data-v-b21c7ecf] {
  border-color: rgba(139, 92, 246, 0.4);
}
.opcion-card.duraderos[data-v-b21c7ecf] {
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-card.noduraderos[data-v-b21c7ecf] {
  border-color: rgba(236, 72, 153, 0.4);
}

/* Tip */
.tip[data-v-b21c7ecf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b21c7ecf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b21c7ecf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b21c7ecf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b21c7ecf] {
    gap: 1.5rem;
}
.intro-item[data-v-b21c7ecf] {
    padding: 1rem 1.5rem;
}
.intro-icono[data-v-b21c7ecf] {
    font-size: 2.5rem;
}
.opcion-card[data-v-b21c7ecf] {
    padding: 0.75rem 0.5rem;
}
.op-icono[data-v-b21c7ecf] {
    font-size: 1.75rem;
}
.op-nombre[data-v-b21c7ecf] {
    font-size: 0.8rem;
}
.op-desc[data-v-b21c7ecf] {
    font-size: 0.7rem;
}
}

.explorador[data-v-0dc9a8d3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0dc9a8d3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0dc9a8d3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0dc9a8d3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0dc9a8d3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0dc9a8d3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0dc9a8d3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0dc9a8d3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0dc9a8d3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0dc9a8d3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-0dc9a8d3] {
  text-align: center;
}
.items-disponibles[data-v-0dc9a8d3] {
  margin-bottom: 1rem;
}
.items-label[data-v-0dc9a8d3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.items-pool[data-v-0dc9a8d3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.item-btn[data-v-0dc9a8d3] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.item-btn.seleccionado[data-v-0dc9a8d3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.categorias-destino[data-v-0dc9a8d3] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.categoria-destino[data-v-0dc9a8d3] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.categoria-destino.bienes[data-v-0dc9a8d3] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px dashed rgba(59, 130, 246, 0.4);
}
.categoria-destino.servicios[data-v-0dc9a8d3] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px dashed rgba(16, 185, 129, 0.4);
}
.categoria-destino.activo[data-v-0dc9a8d3] {
  border-style: solid;
  transform: scale(1.02);
}
.categoria-destino.activo.bienes[data-v-0dc9a8d3] {
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.categoria-destino.activo.servicios[data-v-0dc9a8d3] {
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}
.cat-icono[data-v-0dc9a8d3] {
  font-size: 1.5rem;
}
.cat-nombre[data-v-0dc9a8d3] {
  font-size: 0.8rem;
  font-weight: 700;
}
.bienes .cat-nombre[data-v-0dc9a8d3] {
  color: #93C5FD;
}
.servicios .cat-nombre[data-v-0dc9a8d3] {
  color: #6EE7B7;
}
.cat-items[data-v-0dc9a8d3] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.item-clasificado[data-v-0dc9a8d3] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.item-clasificado.correcto[data-v-0dc9a8d3] {
  background: rgba(16, 185, 129, 0.2);
}
.item-clasificado.incorrecto[data-v-0dc9a8d3] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Costo de oportunidad ===== */
.costo-container[data-v-0dc9a8d3] {
  text-align: center;
}
.escenario-box[data-v-0dc9a8d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-0dc9a8d3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-0dc9a8d3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-costo[data-v-0dc9a8d3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-costo strong[data-v-0dc9a8d3] {
  color: #FCD34D;
}
.opciones-costo[data-v-0dc9a8d3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-0dc9a8d3] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-0dc9a8d3]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-0dc9a8d3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-0dc9a8d3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-0dc9a8d3] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.costo-contador[data-v-0dc9a8d3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Pirámide ===== */
.piramide-container[data-v-0dc9a8d3] {
  text-align: center;
}
.piramide-pregunta[data-v-0dc9a8d3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.necesidad-actual[data-v-0dc9a8d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.necesidad-icono[data-v-0dc9a8d3] {
  font-size: 2rem;
}
.necesidad-texto[data-v-0dc9a8d3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.niveles-opciones[data-v-0dc9a8d3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.nivel-btn[data-v-0dc9a8d3] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.nivel-btn.nivel-0[data-v-0dc9a8d3] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.nivel-btn.nivel-1[data-v-0dc9a8d3] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.nivel-btn.nivel-2[data-v-0dc9a8d3] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.nivel-btn.nivel-3[data-v-0dc9a8d3] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.nivel-btn.nivel-4[data-v-0dc9a8d3] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.nivel-btn.correcto[data-v-0dc9a8d3] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.nivel-btn.incorrecto[data-v-0dc9a8d3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.nivel-feedback[data-v-0dc9a8d3] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.nivel-feedback.correcto[data-v-0dc9a8d3] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.piramide-contador[data-v-0dc9a8d3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-0dc9a8d3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-0dc9a8d3], .btn-reiniciar[data-v-0dc9a8d3] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-0dc9a8d3] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-0dc9a8d3] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-0dc9a8d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0dc9a8d3] { font-size: 1.25rem;
}
.resultado-texto[data-v-0dc9a8d3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0dc9a8d3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0dc9a8d3] { flex: 1;
}
.nav-btn[data-v-0dc9a8d3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0dc9a8d3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0dc9a8d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0dc9a8d3] { font-size: 1.75rem;
}
.completado-texto[data-v-0dc9a8d3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0dc9a8d3], .slide-leave-active[data-v-0dc9a8d3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0dc9a8d3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0dc9a8d3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.items-pool[data-v-0dc9a8d3] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.item-btn[data-v-0dc9a8d3] {
    flex: 0 1 auto;
}
.opciones-costo[data-v-0dc9a8d3] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-0dc9a8d3] {
    flex: 1 1 45%;
}
.niveles-opciones[data-v-0dc9a8d3] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}
.nivel-btn[data-v-0dc9a8d3] {
    flex: 1 1 30%;
}
}

/* Título visual */
.titulo-visual[data-v-5b037f1c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.titulo-icono[data-v-5b037f1c] {
  font-size: 2rem;
}
.titulo-texto[data-v-5b037f1c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Cards de resumen */
.resumen-card[data-v-5b037f1c] {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-card.problema[data-v-5b037f1c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.resumen-card.costo[data-v-5b037f1c] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.resumen-card.bienes-servicios[data-v-5b037f1c] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.resumen-card.piramide[data-v-5b037f1c] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.card-header[data-v-5b037f1c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-5b037f1c] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5b037f1c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-5b037f1c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.card-contenido p[data-v-5b037f1c] {
  margin: 0 0 0.5rem 0;
}

/* Fórmula central */
.formula-central[data-v-5b037f1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.formula-parte[data-v-5b037f1c] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.formula-parte.necesidades[data-v-5b037f1c] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.formula-parte.recursos[data-v-5b037f1c] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.formula-vs[data-v-5b037f1c] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}
.formula-resultado[data-v-5b037f1c] {
  text-align: center;
  font-size: 0.9rem;
}
.formula-resultado strong[data-v-5b037f1c] {
  color: #FCA5A5;
}
.formula-resultado .elegir[data-v-5b037f1c] {
  color: #6EE7B7;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-5b037f1c] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-mini strong[data-v-5b037f1c] {
  color: #FCD34D;
}

/* Comparación grid */
.comparacion-grid[data-v-5b037f1c] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-5b037f1c] {
  flex: 1;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.comp-nombre[data-v-5b037f1c] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.1rem;
}
.comp-nombre.bienes-color[data-v-5b037f1c] {
  color: #93C5FD;
}
.comp-nombre.servicios-color[data-v-5b037f1c] {
  color: #6EE7B7;
}
.comp-desc[data-v-5b037f1c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tipos de bienes */
.tipos-bienes[data-v-5b037f1c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.tipo-item[data-v-5b037f1c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.25rem 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.tipo-item strong[data-v-5b037f1c] {
  color: #E9D5FF;
}

/* Pirámide mini */
.piramide-mini[data-v-5b037f1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}
.nivel-mini[data-v-5b037f1c] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
}
.nivel-mini.n1[data-v-5b037f1c] {
  width: 100%;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.nivel-mini.n2[data-v-5b037f1c] {
  width: 85%;
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.nivel-mini.n3[data-v-5b037f1c] {
  width: 70%;
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.nivel-mini.n4[data-v-5b037f1c] {
  width: 55%;
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.nivel-mini.n5[data-v-5b037f1c] {
  width: 40%;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.piramide-nota[data-v-5b037f1c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tips PAES */
.tips-paes[data-v-5b037f1c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-5b037f1c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  text-align: center;
}
.tips-lista[data-v-5b037f1c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-5b037f1c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-5b037f1c] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-5b037f1c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-5b037f1c] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-5b037f1c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-5b037f1c] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido[data-v-5b037f1c] {
  flex: 1;
}
.final-titulo[data-v-5b037f1c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-5b037f1c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formula-central[data-v-5b037f1c] {
    flex-direction: row;
    gap: 0.75rem;
}
.formula-parte[data-v-5b037f1c] {
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
}
.comparacion-grid[data-v-5b037f1c] {
    gap: 1rem;
}
.comp-item[data-v-5b037f1c] {
    padding: 0.75rem;
}
.nivel-mini[data-v-5b037f1c] {
    font-size: 0.75rem;
    padding: 0.35rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-5b3b3c3f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-5b3b3c3f] {
  font-size: 2.5rem;
  animation: float-5b3b3c3f 3s ease-in-out infinite;
}
.intro-icono[data-v-5b3b3c3f]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-5b3b3c3f]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5b3b3c3f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-5b3b3c3f] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-5b3b3c3f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-5b3b3c3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.concepto-visual[data-v-5b3b3c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.barra-distribucion[data-v-5b3b3c3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.segmento[data-v-5b3b3c3f] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  text-align: center;
}
.segmento.alto[data-v-5b3b3c3f] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  flex: 2;
}
.segmento.bajo[data-v-5b3b3c3f] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  flex: 0.5;
}
.seg-pct[data-v-5b3b3c3f] {
  display: block;
  font-size: 1.25rem;
  font-weight: 800;
}
.segmento.alto .seg-pct[data-v-5b3b3c3f] {
  color: #6EE7B7;
}
.segmento.bajo .seg-pct[data-v-5b3b3c3f] {
  color: #FCA5A5;
}
.seg-label[data-v-5b3b3c3f] {
  display: block;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.segmento-personas[data-v-5b3b3c3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.personas-icono[data-v-5b3b3c3f] {
  font-size: 0.9rem;
}
.personas-label[data-v-5b3b3c3f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.concepto-texto[data-v-5b3b3c3f] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-5b3b3c3f] {
  color: #FCD34D;
}

/* Diferencia sección */
.diferencia-section[data-v-5b3b3c3f] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-5b3b3c3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-5b3b3c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.diferencia-card[data-v-5b3b3c3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.diferencia-card.desigualdad[data-v-5b3b3c3f] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.diferencia-card.pobreza[data-v-5b3b3c3f] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.dif-icono[data-v-5b3b3c3f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.dif-nombre[data-v-5b3b3c3f] {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.diferencia-card.desigualdad .dif-nombre[data-v-5b3b3c3f] {
  color: #FCD34D;
}
.diferencia-card.pobreza .dif-nombre[data-v-5b3b3c3f] {
  color: #FCA5A5;
}
.dif-desc[data-v-5b3b3c3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.diferencia-nota[data-v-5b3b3c3f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.diferencia-nota strong[data-v-5b3b3c3f] {
  color: #93C5FD;
}

/* Importancia */
.importancia-section[data-v-5b3b3c3f] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-5b3b3c3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-lista[data-v-5b3b3c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-5b3b3c3f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-5b3b3c3f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-5b3b3c3f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5b3b3c3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5b3b3c3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5b3b3c3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5b3b3c3f] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5b3b3c3f] {
    gap: 1.5rem;
}
.intro-icono[data-v-5b3b3c3f] {
    font-size: 3rem;
}
.diferencia-grid[data-v-5b3b3c3f] {
    flex-direction: row;
}
.diferencia-card[data-v-5b3b3c3f] {
    flex: 1;
    padding: 1rem;
}
}

/* Texto destacado */
strong.destacado[data-v-140a9a59] {
  color: #FCD34D;
}
strong.negativo[data-v-140a9a59] {
  color: #FCA5A5;
}

/* Indicador card */
.indicador-card[data-v-140a9a59] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.indicador-card.gini[data-v-140a9a59] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.indicador-card.quintiles[data-v-140a9a59] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.indicador-card.razon[data-v-140a9a59] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.indicador-header[data-v-140a9a59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.indicador-icono[data-v-140a9a59] {
  font-size: 1.25rem;
}
.indicador-nombre[data-v-140a9a59] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.indicador-contenido[data-v-140a9a59] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.indicador-contenido p[data-v-140a9a59] {
  margin: 0 0 0.75rem 0;
}

/* Escala Gini */
.escala-gini[data-v-140a9a59] {
  margin: 1rem 0;
  position: relative;
}
.escala-barra[data-v-140a9a59] {
  display: flex;
  height: 50px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.escala-rango[data-v-140a9a59] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
}
.escala-rango.igualdad[data-v-140a9a59] {
  background: linear-gradient(to right, rgba(16, 185, 129, 0.3), rgba(245, 158, 11, 0.3));
}
.escala-rango.desigualdad[data-v-140a9a59] {
  background: linear-gradient(to right, rgba(245, 158, 11, 0.3), rgba(239, 68, 68, 0.3));
}
.rango-valor[data-v-140a9a59] {
  font-size: 1rem;
  font-weight: 700;
}
.escala-rango.igualdad .rango-valor[data-v-140a9a59] {
  color: #6EE7B7;
}
.escala-rango.desigualdad .rango-valor[data-v-140a9a59] {
  color: #FCA5A5;
}
.rango-label[data-v-140a9a59] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.chile-marker[data-v-140a9a59] {
  position: absolute;
  left: 45%;
  top: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.marker-linea[data-v-140a9a59] {
  width: 3px;
  height: 15px;
  background: #8B5CF6;
}
.marker-valor[data-v-140a9a59] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
}
.marker-label[data-v-140a9a59] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.gini-explicacion[data-v-140a9a59] {
  margin-top: 2rem !important;
}

/* Quintiles */
.quintiles-intro[data-v-140a9a59] {
  margin-bottom: 0.75rem !important;
}
.quintiles-grid[data-v-140a9a59] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.quintil[data-v-140a9a59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.quintil.q1[data-v-140a9a59] {
  background: rgba(239, 68, 68, 0.2);
}
.quintil.q2[data-v-140a9a59] {
  background: rgba(245, 158, 11, 0.15);
}
.quintil.q3[data-v-140a9a59] {
  background: rgba(59, 130, 246, 0.15);
}
.quintil.q4[data-v-140a9a59] {
  background: rgba(139, 92, 246, 0.15);
}
.quintil.q5[data-v-140a9a59] {
  background: rgba(16, 185, 129, 0.2);
}
.q-num[data-v-140a9a59] {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 30px;
}
.quintil.q1 .q-num[data-v-140a9a59] { color: #FCA5A5;
}
.quintil.q2 .q-num[data-v-140a9a59] { color: #FCD34D;
}
.quintil.q3 .q-num[data-v-140a9a59] { color: #93C5FD;
}
.quintil.q4 .q-num[data-v-140a9a59] { color: #C4B5FD;
}
.quintil.q5 .q-num[data-v-140a9a59] { color: #6EE7B7;
}
.q-desc[data-v-140a9a59] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.quintiles-ejemplo[data-v-140a9a59] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.quintiles-ejemplo strong[data-v-140a9a59] {
  color: #E9D5FF;
}

/* Razón */
.razon-formula[data-v-140a9a59] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.razon-parte[data-v-140a9a59] {
  padding: 0.4rem;
}
.parte-valor[data-v-140a9a59] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.razon-parte.arriba .parte-valor[data-v-140a9a59] {
  color: #6EE7B7;
  font-weight: 600;
}
.razon-parte.abajo .parte-valor[data-v-140a9a59] {
  color: #FCA5A5;
  font-weight: 600;
}
.razon-linea[data-v-140a9a59] {
  width: 80%;
  height: 2px;
  background: #8B5CF6;
}
.razon-ejemplo[data-v-140a9a59] {
  text-align: center;
  font-size: 0.85rem;
}

/* Causas */
.causas-section[data-v-140a9a59] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-140a9a59] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-lista[data-v-140a9a59] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-item[data-v-140a9a59] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.causa-icono[data-v-140a9a59] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.causa-texto[data-v-140a9a59] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.causa-texto strong[data-v-140a9a59] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-140a9a59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-140a9a59] {
  font-size: 1.25rem;
}
.tip-texto[data-v-140a9a59] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-140a9a59] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.quintiles-grid[data-v-140a9a59] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.quintil[data-v-140a9a59] {
    flex: 0 1 auto;
    flex-direction: column;
    padding: 0.6rem 1rem;
    text-align: center;
}
.q-num[data-v-140a9a59] {
    margin-bottom: 0.1rem;
}
.causas-lista[data-v-140a9a59] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-445f615e] {
  color: #FCD34D;
}
strong.negativo[data-v-445f615e] {
  color: #FCA5A5;
}

/* Tipos de pobreza */
.tipos-section[data-v-445f615e] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-445f615e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-445f615e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-445f615e] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.tipo-card.absoluta[data-v-445f615e] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-card.relativa[data-v-445f615e] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-445f615e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-445f615e] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-445f615e] {
  font-size: 1rem;
  font-weight: 700;
}
.tipo-card.absoluta .tipo-nombre[data-v-445f615e] {
  color: #FCA5A5;
}
.tipo-card.relativa .tipo-nombre[data-v-445f615e] {
  color: #FCD34D;
}
.tipo-contenido[data-v-445f615e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tipo-contenido p[data-v-445f615e] {
  margin: 0 0 0.5rem 0;
}
.tipo-contenido strong[data-v-445f615e] {
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-445f615e] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-ejemplo strong[data-v-445f615e] {
  color: #E9D5FF;
}

/* Pobreza multidimensional */
.multi-section[data-v-445f615e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.multi-header[data-v-445f615e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.multi-icono[data-v-445f615e] {
  font-size: 1.25rem;
}
.multi-titulo[data-v-445f615e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.multi-intro[data-v-445f615e] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dimensiones-grid[data-v-445f615e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dimension[data-v-445f615e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.dim-icono[data-v-445f615e] {
  font-size: 1.5rem;
  margin-bottom: 0.1rem;
}
.dim-nombre[data-v-445f615e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.dim-desc[data-v-445f615e] {
  font-size: 0.65rem;
  color: #A78BFA;
}
.multi-nota[data-v-445f615e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}

/* Línea de pobreza */
.linea-section[data-v-445f615e] {
  margin: 1.5rem 0;
}
.linea-titulo[data-v-445f615e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lineas-grid[data-v-445f615e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.linea-card[data-v-445f615e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.linea-card.pobreza[data-v-445f615e] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.linea-card.extrema[data-v-445f615e] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.linea-nombre[data-v-445f615e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.linea-monto[data-v-445f615e] {
  font-size: 1.5rem;
  font-weight: 800;
}
.linea-card.pobreza .linea-monto[data-v-445f615e] {
  color: #FCD34D;
}
.linea-card.extrema .linea-monto[data-v-445f615e] {
  color: #FCA5A5;
}
.linea-desc[data-v-445f615e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.linea-nota[data-v-445f615e] {
  font-size: 0.7rem;
  color: #A78BFA;
  text-align: center;
  font-style: italic;
}

/* Políticas */
.politicas-section[data-v-445f615e] {
  margin: 1.5rem 0;
}
.politicas-titulo[data-v-445f615e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.politicas-lista[data-v-445f615e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.politica-item[data-v-445f615e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.politica-icono[data-v-445f615e] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.politica-texto[data-v-445f615e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.politica-texto strong[data-v-445f615e] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-445f615e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-445f615e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-445f615e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-445f615e] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-445f615e] {
    flex-direction: row;
}
.tipo-card[data-v-445f615e] {
    flex: 1;
}
.dimensiones-grid[data-v-445f615e] {
    grid-template-columns: repeat(5, 1fr);
}
.dimension[data-v-445f615e] {
    padding: 0.75rem 0.5rem;
}
.lineas-grid[data-v-445f615e] {
    flex-direction: row;
}
.linea-card[data-v-445f615e] {
    flex: 1;
    padding: 1rem;
}
.politicas-lista[data-v-445f615e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-3d24fcef] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3d24fcef] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3d24fcef] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3d24fcef] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3d24fcef] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3d24fcef] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3d24fcef] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3d24fcef] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3d24fcef] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3d24fcef] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Gini ===== */
.gini-container[data-v-3d24fcef] {
  text-align: center;
}
.paises-comparacion[data-v-3d24fcef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.pais-card[data-v-3d24fcef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pais-card.seleccionado[data-v-3d24fcef] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.pais-bandera[data-v-3d24fcef] {
  font-size: 1.5rem;
}
.pais-nombre[data-v-3d24fcef] {
  flex: 1;
  font-weight: 600;
  color: #E9D5FF;
  text-align: left;
}
.pais-gini[data-v-3d24fcef] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.pregunta-gini[data-v-3d24fcef] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-gini strong[data-v-3d24fcef] {
  color: #FCA5A5;
}
.gini-feedback[data-v-3d24fcef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.gini-feedback.correcto[data-v-3d24fcef] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.feedback-icono[data-v-3d24fcef] {
  font-size: 1.25rem;
}
.feedback-texto[data-v-3d24fcef] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Políticas ===== */
.politicas-container[data-v-3d24fcef] {
  text-align: center;
}
.politica-actual[data-v-3d24fcef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.politica-icono[data-v-3d24fcef] {
  font-size: 2rem;
}
.politica-nombre[data-v-3d24fcef] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.pregunta-politica[data-v-3d24fcef] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-politica[data-v-3d24fcef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-btn[data-v-3d24fcef] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.tipo-btn[data-v-3d24fcef]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.tipo-btn.seleccionado[data-v-3d24fcef] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tipo-btn.correcto[data-v-3d24fcef] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.tipo-btn.incorrecto[data-v-3d24fcef] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.politica-contador[data-v-3d24fcef] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Multidimensional ===== */
.multi-container[data-v-3d24fcef] {
  text-align: center;
}
.carencia-actual[data-v-3d24fcef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.carencia-icono[data-v-3d24fcef] {
  font-size: 2rem;
}
.carencia-texto[data-v-3d24fcef] {
  font-size: 0.9rem;
  color: #FCD34D;
  line-height: 1.4;
}
.pregunta-dimension[data-v-3d24fcef] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.dimensiones-opciones[data-v-3d24fcef] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.dimension-btn[data-v-3d24fcef] {
  padding: 0.6rem 0.8rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.dimension-btn.dim-0[data-v-3d24fcef] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.dimension-btn.dim-1[data-v-3d24fcef] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.dimension-btn.dim-2[data-v-3d24fcef] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.dimension-btn.dim-3[data-v-3d24fcef] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.dimension-btn.dim-4[data-v-3d24fcef] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.dimension-btn.correcto[data-v-3d24fcef] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.dimension-btn.incorrecto[data-v-3d24fcef] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.dim-feedback[data-v-3d24fcef] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.dim-feedback.correcto[data-v-3d24fcef] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.multi-contador[data-v-3d24fcef] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botón verificar */
.btn-verificar[data-v-3d24fcef] {
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  background: #10B981;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-3d24fcef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3d24fcef] { font-size: 1.25rem;
}
.resultado-texto[data-v-3d24fcef] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-3d24fcef] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3d24fcef] { flex: 1;
}
.nav-btn[data-v-3d24fcef] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3d24fcef] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3d24fcef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3d24fcef] { font-size: 1.75rem;
}
.completado-texto[data-v-3d24fcef] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3d24fcef], .slide-leave-active[data-v-3d24fcef] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3d24fcef] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3d24fcef] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.paises-comparacion[data-v-3d24fcef] {
    flex-direction: row;
}
.pais-card[data-v-3d24fcef] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.pais-nombre[data-v-3d24fcef] {
    text-align: center;
}
.tipos-politica[data-v-3d24fcef] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.tipo-btn[data-v-3d24fcef] {
    flex: 1 1 45%;
}
}

/* Título visual */
.titulo-visual[data-v-243ce178] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.titulo-icono[data-v-243ce178] {
  font-size: 2rem;
}
.titulo-texto[data-v-243ce178] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Cards de resumen */
.resumen-card[data-v-243ce178] {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-card.conceptos[data-v-243ce178] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.resumen-card.indicadores[data-v-243ce178] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.resumen-card.tipos[data-v-243ce178] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.resumen-card.politicas[data-v-243ce178] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.card-header[data-v-243ce178] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-243ce178] {
  font-size: 1.25rem;
}
.card-titulo[data-v-243ce178] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-243ce178] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Comparación visual desigualdad vs pobreza */
.comparacion-visual[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-box[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  text-align: center;
}
.concepto-box.desigualdad[data-v-243ce178] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.concepto-box.pobreza[data-v-243ce178] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.concepto-nombre[data-v-243ce178] {
  font-size: 0.9rem;
  font-weight: 700;
}
.concepto-box.desigualdad .concepto-nombre[data-v-243ce178] {
  color: #FCD34D;
}
.concepto-box.pobreza .concepto-nombre[data-v-243ce178] {
  color: #FCA5A5;
}
.concepto-def[data-v-243ce178] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs[data-v-243ce178] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.nota-importante[data-v-243ce178] {
  text-align: center;
  font-size: 0.8rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nota-importante strong[data-v-243ce178] {
  color: #FFFFFF;
}

/* Indicadores lista */
.indicadores-lista[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.indicador-item[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.ind-nombre[data-v-243ce178] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.ind-nombre.gini[data-v-243ce178] { color: #C4B5FD;
}
.ind-nombre.quintiles[data-v-243ce178] { color: #93C5FD;
}
.ind-nombre.razon[data-v-243ce178] { color: #FCD34D;
}
.ind-desc[data-v-243ce178] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tipos grid */
.tipos-grid[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-mini[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.tipo-mini.absoluta[data-v-243ce178] {
  background: rgba(239, 68, 68, 0.15);
}
.tipo-mini.relativa[data-v-243ce178] {
  background: rgba(245, 158, 11, 0.15);
}
.tipo-mini.multidimensional[data-v-243ce178] {
  background: rgba(139, 92, 246, 0.15);
}
.tipo-nombre[data-v-243ce178] {
  font-size: 0.85rem;
  font-weight: 700;
}
.tipo-mini.absoluta .tipo-nombre[data-v-243ce178] { color: #FCA5A5;
}
.tipo-mini.relativa .tipo-nombre[data-v-243ce178] { color: #FCD34D;
}
.tipo-mini.multidimensional .tipo-nombre[data-v-243ce178] { color: #C4B5FD;
}
.tipo-desc[data-v-243ce178] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Políticas mini */
.politicas-mini[data-v-243ce178] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.pol-item[data-v-243ce178] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.pol-item strong[data-v-243ce178] {
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-243ce178] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-243ce178] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  text-align: center;
}
.tips-lista[data-v-243ce178] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-243ce178] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-243ce178] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-243ce178] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-243ce178] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-243ce178] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-243ce178] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido[data-v-243ce178] {
  flex: 1;
}
.final-titulo[data-v-243ce178] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-243ce178] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-visual[data-v-243ce178] {
    flex-direction: row;
    justify-content: center;
}
.concepto-box[data-v-243ce178] {
    width: auto;
    min-width: 140px;
}
.tipos-grid[data-v-243ce178] {
    flex-direction: row;
}
.tipo-mini[data-v-243ce178] {
    flex: 1;
    text-align: center;
}
.politicas-mini[data-v-243ce178] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-0e8cd6fd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-0e8cd6fd] {
  font-size: 2.5rem;
  animation: float-0e8cd6fd 3s ease-in-out infinite;
}
.intro-icono[data-v-0e8cd6fd]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-0e8cd6fd]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-0e8cd6fd {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-0e8cd6fd] {
  color: #FCD34D;
}

/* Diferencia sección */
.diferencia-section[data-v-0e8cd6fd] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-0e8cd6fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-0e8cd6fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-card[data-v-0e8cd6fd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.diferencia-card.sexo[data-v-0e8cd6fd] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.diferencia-card.genero[data-v-0e8cd6fd] {
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
}
.dif-icono[data-v-0e8cd6fd] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.dif-nombre[data-v-0e8cd6fd] {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.diferencia-card.sexo .dif-nombre[data-v-0e8cd6fd] {
  color: #93C5FD;
}
.diferencia-card.genero .dif-nombre[data-v-0e8cd6fd] {
  color: #F9A8D4;
}
.dif-desc[data-v-0e8cd6fd] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dif-desc strong[data-v-0e8cd6fd] {
  color: #FFFFFF;
}

/* Ejemplos de roles */
.ejemplos-section[data-v-0e8cd6fd] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-0e8cd6fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.roles-grid[data-v-0e8cd6fd] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.rol-item[data-v-0e8cd6fd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.rol-icono[data-v-0e8cd6fd] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.rol-texto[data-v-0e8cd6fd] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-style: italic;
}
.roles-nota[data-v-0e8cd6fd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  background: rgba(239, 68, 68, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.roles-nota strong[data-v-0e8cd6fd] {
  color: #FCA5A5;
}

/* Perspectiva de género */
.perspectiva-box[data-v-0e8cd6fd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.perspectiva-titulo[data-v-0e8cd6fd] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.perspectiva-contenido[data-v-0e8cd6fd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.perspectiva-contenido strong[data-v-0e8cd6fd] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-0e8cd6fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0e8cd6fd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0e8cd6fd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0e8cd6fd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-0e8cd6fd] {
    gap: 1.5rem;
}
.intro-icono[data-v-0e8cd6fd] {
    font-size: 3rem;
}
.diferencia-grid[data-v-0e8cd6fd] {
    flex-direction: row;
}
.diferencia-card[data-v-0e8cd6fd] {
    flex: 1;
    padding: 1rem;
}
.roles-grid[data-v-0e8cd6fd] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-ca35e329] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.visual-item[data-v-ca35e329] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.visual-icono[data-v-ca35e329] {
  font-size: 2rem;
}
.visual-label[data-v-ca35e329] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.visual-vs[data-v-ca35e329] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Definiciones */
.definiciones-section[data-v-ca35e329] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion-card[data-v-ca35e329] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.definicion-card.igualdad[data-v-ca35e329] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.definicion-card.equidad[data-v-ca35e329] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.def-header[data-v-ca35e329] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-ca35e329] {
  font-size: 1.25rem;
}
.def-titulo[data-v-ca35e329] {
  font-size: 1rem;
  font-weight: 700;
}
.definicion-card.igualdad .def-titulo[data-v-ca35e329] {
  color: #93C5FD;
}
.definicion-card.equidad .def-titulo[data-v-ca35e329] {
  color: #6EE7B7;
}
.def-contenido[data-v-ca35e329] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.def-contenido strong[data-v-ca35e329] {
  color: #FFFFFF;
}
.def-ejemplo[data-v-ca35e329] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.ej-label[data-v-ca35e329] {
  font-weight: 700;
  color: #FCD34D;
}
.ej-texto[data-v-ca35e329] {
  color: #E9D5FF;
}

/* Ilustración */
.ilustracion-section[data-v-ca35e329] {
  margin: 1.5rem 0;
}
.ilustracion-titulo[data-v-ca35e329] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ilustracion-boxes[data-v-ca35e329] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ilustracion-item[data-v-ca35e329] {
  text-align: center;
}
.ilustracion-visual[data-v-ca35e329] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  min-height: 100px;
  align-items: flex-end;
}
.persona[data-v-ca35e329] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.persona-icono[data-v-ca35e329] {
  font-size: 1.5rem;
}
.caja[data-v-ca35e329] {
  width: 40px;
  height: 20px;
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #8B5CF6;
  border-radius: 0.25rem;
}
.ilustracion-visual.igualdad .persona.alta[data-v-ca35e329] {
  padding-bottom: 20px;
}
.ilustracion-visual.equidad .persona.alta[data-v-ca35e329] {
  padding-bottom: 40px;
}
.linea-meta[data-v-ca35e329] {
  position: absolute;
  top: 20px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: linear-gradient(to right, transparent, #6EE7B7, transparent);
}
.ilustracion-label[data-v-ca35e329] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Medidas en Chile */
.medidas-section[data-v-ca35e329] {
  margin: 1.5rem 0;
}
.medidas-titulo[data-v-ca35e329] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medidas-lista[data-v-ca35e329] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medida-item[data-v-ca35e329] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.medida-icono[data-v-ca35e329] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.medida-texto[data-v-ca35e329] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.medida-texto strong[data-v-ca35e329] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-ca35e329] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ca35e329] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ca35e329] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ca35e329] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.visual-icono[data-v-ca35e329] {
    font-size: 2.5rem;
}
.definiciones-section[data-v-ca35e329] {
    flex-direction: row;
}
.definicion-card[data-v-ca35e329] {
    flex: 1;
}
.ilustracion-boxes[data-v-ca35e329] {
    flex-direction: row;
}
.ilustracion-item[data-v-ca35e329] {
    flex: 1;
}
}

/* Quiz component handles all styling */

/* Intro visual */
.intro-visual[data-v-43ce7661] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-43ce7661] {
  font-size: 2.5rem;
  animation: float-43ce7661 3s ease-in-out infinite;
}
.intro-icono[data-v-43ce7661]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-43ce7661]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-43ce7661 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.directa[data-v-43ce7661] {
  color: #FCA5A5;
}
strong.indirecta[data-v-43ce7661] {
  color: #FCD34D;
}

/* Tipos de discriminación */
.tipos-section[data-v-43ce7661] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-43ce7661] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-43ce7661] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo-card[data-v-43ce7661] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo-card.directa[data-v-43ce7661] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-card.indirecta[data-v-43ce7661] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-43ce7661] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-43ce7661] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-43ce7661] {
  font-size: 0.95rem;
  font-weight: 700;
}
.tipo-card.directa .tipo-nombre[data-v-43ce7661] {
  color: #FCA5A5;
}
.tipo-card.indirecta .tipo-nombre[data-v-43ce7661] {
  color: #FCD34D;
}
.tipo-desc[data-v-43ce7661] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tipo-desc strong[data-v-43ce7661] {
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-43ce7661] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Brechas de género */
.brechas-section[data-v-43ce7661] {
  margin: 1.5rem 0;
}
.brechas-titulo[data-v-43ce7661] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.brechas-lista[data-v-43ce7661] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.brecha-item[data-v-43ce7661] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.brecha-icono[data-v-43ce7661] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.brecha-info[data-v-43ce7661] {
  flex: 1;
}
.brecha-nombre[data-v-43ce7661] {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.brecha-barra[data-v-43ce7661] {
  height: 20px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
.brecha-fill[data-v-43ce7661] {
  height: 100%;
  background: linear-gradient(to right, #EF4444, #F59E0B);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
}
.brecha-fill.politica[data-v-43ce7661] {
  background: linear-gradient(to right, #8B5CF6, #EC4899);
}
.brecha-fill.domestico[data-v-43ce7661] {
  background: linear-gradient(to right, #F59E0B, #EF4444);
}
.brecha-valor[data-v-43ce7661] {
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.brecha-desc[data-v-43ce7661] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Derechos y leyes */
.derechos-section[data-v-43ce7661] {
  margin: 1.5rem 0;
}
.derechos-titulo[data-v-43ce7661] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.derechos-lista[data-v-43ce7661] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.derecho-item[data-v-43ce7661] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.derecho-icono[data-v-43ce7661] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.derecho-info[data-v-43ce7661] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.derecho-info strong[data-v-43ce7661] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-43ce7661] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-43ce7661] {
  font-size: 1.25rem;
}
.tip-texto[data-v-43ce7661] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-43ce7661] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-43ce7661] {
    gap: 1.5rem;
}
.intro-icono[data-v-43ce7661] {
    font-size: 3rem;
}
.tipos-grid[data-v-43ce7661] {
    flex-direction: row;
}
.tipo-card[data-v-43ce7661] {
    flex: 1;
}
}

.explorador[data-v-b69e1637] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b69e1637] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b69e1637] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b69e1637] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b69e1637] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b69e1637] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b69e1637] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b69e1637] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b69e1637] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b69e1637] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Sexo vs Género ===== */
.clasificar-container[data-v-b69e1637] {
  text-align: center;
}
.afirmacion-actual[data-v-b69e1637] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.afirmacion-icono[data-v-b69e1637] {
  font-size: 2rem;
}
.afirmacion-texto[data-v-b69e1637] {
  font-size: 0.95rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.4;
}
.pregunta-clasificar[data-v-b69e1637],
.pregunta-medida[data-v-b69e1637],
.pregunta-caso[data-v-b69e1637] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.opciones-clasificar[data-v-b69e1637],
.opciones-medida[data-v-b69e1637] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-b69e1637] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.opcion-btn.sexo[data-v-b69e1637] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.genero[data-v-b69e1637] {
  background: rgba(236, 72, 153, 0.15);
  border-color: rgba(236, 72, 153, 0.4);
  color: #F9A8D4;
}
.opcion-btn.igualdad[data-v-b69e1637] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.equidad[data-v-b69e1637] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.seleccionado[data-v-b69e1637] {
  transform: scale(1.02);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-b69e1637] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecto[data-v-b69e1637] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* ===== DESAFÍO 2: Medidas ===== */
.medida-container[data-v-b69e1637] {
  text-align: center;
}
.medida-actual[data-v-b69e1637] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.medida-icono[data-v-b69e1637] {
  font-size: 2rem;
}
.medida-nombre[data-v-b69e1637] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.medida-desc[data-v-b69e1637] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Casos ===== */
.caso-container[data-v-b69e1637] {
  text-align: center;
}
.caso-actual[data-v-b69e1637] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.caso-icono[data-v-b69e1637] {
  font-size: 1.5rem;
}
.caso-texto[data-v-b69e1637] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.opciones-caso[data-v-b69e1637] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-caso-btn[data-v-b69e1637] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.opcion-caso-btn.tipo-0[data-v-b69e1637] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-caso-btn.tipo-1[data-v-b69e1637] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-caso-btn.correcto[data-v-b69e1637] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-caso-btn.incorrecto[data-v-b69e1637] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* Feedback general */
.feedback[data-v-b69e1637] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-b69e1637] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-b69e1637] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b69e1637] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b69e1637] { font-size: 1.25rem;
}
.resultado-texto[data-v-b69e1637] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-b69e1637] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b69e1637] { flex: 1;
}
.nav-btn[data-v-b69e1637] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b69e1637] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b69e1637] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b69e1637] { font-size: 1.75rem;
}
.completado-texto[data-v-b69e1637] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b69e1637], .slide-leave-active[data-v-b69e1637] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b69e1637] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b69e1637] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-clasificar[data-v-b69e1637],
  .opciones-medida[data-v-b69e1637] {
    flex-direction: row;
}
.opcion-btn[data-v-b69e1637] {
    flex: 1;
}
.opciones-caso[data-v-b69e1637] {
    flex-direction: row;
}
.opcion-caso-btn[data-v-b69e1637] {
    flex: 1;
}
}

/* Header resumen */
.resumen-header[data-v-92e0d995] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-92e0d995] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-92e0d995] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Sección título */
.seccion-titulo[data-v-92e0d995] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos clave */
.conceptos-section[data-v-92e0d995] {
  margin-bottom: 1.5rem;
}
.conceptos-grid[data-v-92e0d995] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-92e0d995] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-emoji[data-v-92e0d995] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.concepto-nombre[data-v-92e0d995] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.concepto-def[data-v-92e0d995] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.concepto-def strong[data-v-92e0d995] {
  color: #FFFFFF;
}

/* Discriminación */
.discriminacion-section[data-v-92e0d995] {
  margin-bottom: 1.5rem;
}
.disc-grid[data-v-92e0d995] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.disc-item[data-v-92e0d995] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.disc-item.directa[data-v-92e0d995] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.disc-item.indirecta[data-v-92e0d995] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.disc-tipo[data-v-92e0d995] {
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 70px;
}
.disc-item.directa .disc-tipo[data-v-92e0d995] {
  color: #FCA5A5;
}
.disc-item.indirecta .disc-tipo[data-v-92e0d995] {
  color: #FCD34D;
}
.disc-desc[data-v-92e0d995] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.disc-desc strong[data-v-92e0d995] {
  color: #FFFFFF;
}

/* Marco legal */
.legal-section[data-v-92e0d995] {
  margin-bottom: 1.5rem;
}
.legal-lista[data-v-92e0d995] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.legal-item[data-v-92e0d995] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.legal-nombre[data-v-92e0d995] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 110px;
}
.legal-desc[data-v-92e0d995] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-92e0d995] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.tips-header[data-v-92e0d995] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-92e0d995] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-92e0d995] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.tips-lista[data-v-92e0d995] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-92e0d995] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-92e0d995] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-92e0d995] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-92e0d995] {
  color: #93C5FD;
}

/* Frase final */
.frase-final[data-v-92e0d995] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.frase-icono[data-v-92e0d995] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.frase-texto[data-v-92e0d995] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-92e0d995] {
    grid-template-columns: repeat(4, 1fr);
}
.disc-grid[data-v-92e0d995] {
    flex-direction: row;
}
.disc-item[data-v-92e0d995] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.disc-tipo[data-v-92e0d995] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-81d389d2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.eco-icono[data-v-81d389d2] {
  font-size: 2.5rem;
  animation: float-81d389d2 3s ease-in-out infinite;
}
.eco-icono[data-v-81d389d2]:nth-child(2) {
  animation-delay: 0.5s;
}
.eco-icono[data-v-81d389d2]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-81d389d2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-81d389d2] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-81d389d2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-81d389d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.concepto-visual[data-v-81d389d2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-parte[data-v-81d389d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.concepto-parte.diagnostico[data-v-81d389d2] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.concepto-parte.indicadores[data-v-81d389d2] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.parte-icono[data-v-81d389d2] {
  font-size: 1.75rem;
}
.parte-nombre[data-v-81d389d2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-desc[data-v-81d389d2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha[data-v-81d389d2] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.concepto-resultado[data-v-81d389d2] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-resultado strong[data-v-81d389d2] {
  color: #6EE7B7;
}

/* Indicadores grid */
.indicadores-section[data-v-81d389d2] {
  margin: 1.5rem 0;
}
.indicadores-titulo[data-v-81d389d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.indicadores-grid[data-v-81d389d2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.indicador-card[data-v-81d389d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.ind-icono[data-v-81d389d2] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ind-nombre[data-v-81d389d2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.ind-desc[data-v-81d389d2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Utilidad */
.utilidad-section[data-v-81d389d2] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-81d389d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-lista[data-v-81d389d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utilidad-item[data-v-81d389d2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ut-icono[data-v-81d389d2] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ut-texto[data-v-81d389d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-81d389d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-81d389d2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-81d389d2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-81d389d2] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-81d389d2] {
    gap: 1.5rem;
}
.eco-icono[data-v-81d389d2] {
    font-size: 3rem;
}
.concepto-visual[data-v-81d389d2] {
    gap: 1.5rem;
}
.concepto-parte[data-v-81d389d2] {
    padding: 1rem 1.5rem;
    min-width: 120px;
}
.indicadores-grid[data-v-81d389d2] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual PIB */
.pib-visual[data-v-57f62457] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin: 1rem 0 1.5rem;
}
.pib-icono[data-v-57f62457] {
  font-size: 3rem;
  animation: pulse-57f62457 2s ease-in-out infinite;
}
@keyframes pulse-57f62457 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.pib-sigla[data-v-57f62457] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  letter-spacing: 0.1rem;
}

/* Texto destacado */
strong.destacado[data-v-57f62457] {
  color: #FCD34D;
}

/* Fórmula box */
.formula-box[data-v-57f62457] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-57f62457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.formula-contenido[data-v-57f62457] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula-item[data-v-57f62457] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
  justify-content: center;
}
.f-icono[data-v-57f62457] {
  font-size: 1.25rem;
}
.f-texto[data-v-57f62457] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.f-signo[data-v-57f62457] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Tipos de PIB */
.tipos-section[data-v-57f62457] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-57f62457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-57f62457] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-57f62457] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.tipo-card.nominal[data-v-57f62457] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.real[data-v-57f62457] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.percapita[data-v-57f62457] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-nombre[data-v-57f62457] {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.nominal .tipo-nombre[data-v-57f62457] { color: #93C5FD;
}
.real .tipo-nombre[data-v-57f62457] { color: #6EE7B7;
}
.percapita .tipo-nombre[data-v-57f62457] { color: #FCD34D;
}
.tipo-desc[data-v-57f62457] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.tipo-ejemplo[data-v-57f62457] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Interpretación */
.interpretacion-section[data-v-57f62457] {
  margin: 1.5rem 0;
}
.inter-titulo[data-v-57f62457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.inter-grid[data-v-57f62457] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inter-item[data-v-57f62457] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.inter-item.positivo[data-v-57f62457] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.inter-item.negativo[data-v-57f62457] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.inter-flecha[data-v-57f62457] {
  font-size: 1.5rem;
  font-weight: 700;
}
.positivo .inter-flecha[data-v-57f62457] { color: #6EE7B7;
}
.negativo .inter-flecha[data-v-57f62457] { color: #FCA5A5;
}
.inter-texto[data-v-57f62457] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.inter-texto strong[data-v-57f62457] {
  color: #FFFFFF;
}

/* Ejemplo Chile */
.ejemplo-chile[data-v-57f62457] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.chile-icono[data-v-57f62457] {
  font-size: 2rem;
}
.chile-info[data-v-57f62457] {
  display: flex;
  flex-direction: column;
}
.chile-titulo[data-v-57f62457] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.chile-dato[data-v-57f62457] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.chile-percapita[data-v-57f62457] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-57f62457] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-57f62457] {
  font-size: 1.25rem;
}
.tip-texto[data-v-57f62457] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-57f62457] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-contenido[data-v-57f62457] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.formula-item[data-v-57f62457] {
    width: auto;
    flex: 0 0 auto;
}
.tipos-grid[data-v-57f62457] {
    flex-direction: row;
}
.tipo-card[data-v-57f62457] {
    flex: 1;
}
.inter-grid[data-v-57f62457] {
    flex-direction: row;
}
.inter-item[data-v-57f62457] {
    flex: 1;
}
}

/* Visual inflación */
.inflacion-visual[data-v-329fe172] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.precio-antes[data-v-329fe172], .precio-despues[data-v-329fe172] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.precio-antes[data-v-329fe172] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.precio-despues[data-v-329fe172] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.precio-label[data-v-329fe172] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.precio-valor[data-v-329fe172] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.precio-valor.alza[data-v-329fe172] {
  color: #FCA5A5;
}
.flecha-tiempo[data-v-329fe172] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Texto colores */
strong.negativo[data-v-329fe172] {
  color: #FCA5A5;
}

/* IPC Box */
.ipc-box[data-v-329fe172] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ipc-header[data-v-329fe172] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ipc-icono[data-v-329fe172] {
  font-size: 1.5rem;
}
.ipc-titulo[data-v-329fe172] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ipc-desc[data-v-329fe172] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.ipc-desc strong[data-v-329fe172] {
  color: #FCD34D;
}
.canasta-items[data-v-329fe172] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.canasta-item[data-v-329fe172] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Relación box */
.relacion-box[data-v-329fe172] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.relacion-titulo[data-v-329fe172] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.relacion-formula[data-v-329fe172] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-texto[data-v-329fe172] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-resultado[data-v-329fe172] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.formula-resultado strong[data-v-329fe172] {
  color: #FCA5A5;
}

/* Efectos */
.efectos-section[data-v-329fe172] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-329fe172] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efectos-grid[data-v-329fe172] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efecto-card[data-v-329fe172] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.efecto-card.negativo[data-v-329fe172] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ef-icono[data-v-329fe172] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.ef-nombre[data-v-329fe172] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
}
.ef-desc[data-v-329fe172] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Chile box */
.chile-box[data-v-329fe172] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.chile-icono[data-v-329fe172] {
  font-size: 2rem;
}
.chile-info[data-v-329fe172] {
  display: flex;
  flex-direction: column;
}
.chile-titulo[data-v-329fe172] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.chile-org[data-v-329fe172] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.chile-meta[data-v-329fe172] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-329fe172] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-329fe172] {
  font-size: 1.25rem;
}
.tip-texto[data-v-329fe172] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-329fe172] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.inflacion-visual[data-v-329fe172] {
    gap: 1.5rem;
}
.precio-valor[data-v-329fe172] {
    font-size: 1.5rem;
}
.efectos-grid[data-v-329fe172] {
    flex-direction: row;
}
.efecto-card[data-v-329fe172] {
    flex: 1;
    text-align: center;
}
.relacion-formula[data-v-329fe172] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
}

/* Visual desempleo */
.desempleo-visual[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.personas-grupo[data-v-c773b1be] {
  display: flex;
  gap: 0.5rem;
}
.persona[data-v-c773b1be] {
  font-size: 2rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
}
.persona.trabajando[data-v-c773b1be] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.persona.desempleado[data-v-c773b1be] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.visual-leyenda[data-v-c773b1be] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.ley-item.trabajando[data-v-c773b1be] { color: #6EE7B7;
}
.ley-item.desempleado[data-v-c773b1be] { color: #FCA5A5;
}

/* Texto colores */
strong.negativo[data-v-c773b1be] {
  color: #FCA5A5;
}

/* Fórmula box */
.formula-box[data-v-c773b1be] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-c773b1be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-contenido[data-v-c773b1be] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-fraccion[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.f-numerador[data-v-c773b1be] {
  font-size: 0.85rem;
  color: #FCA5A5;
  font-weight: 600;
}
.f-linea[data-v-c773b1be] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.f-denominador[data-v-c773b1be] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}
.f-multiplicador[data-v-c773b1be] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-nota[data-v-c773b1be] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-nota strong[data-v-c773b1be] {
  color: #93C5FD;
}

/* Conceptos */
.conceptos-section[data-v-c773b1be] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-c773b1be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-card[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.con-icono[data-v-c773b1be] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.con-nombre[data-v-c773b1be] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.con-desc[data-v-c773b1be] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tipos */
.tipos-section[data-v-c773b1be] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-c773b1be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-item[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-c773b1be] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.tipo-desc[data-v-c773b1be] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Chile box */
.chile-box[data-v-c773b1be] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.chile-icono[data-v-c773b1be] {
  font-size: 2rem;
}
.chile-info[data-v-c773b1be] {
  display: flex;
  flex-direction: column;
}
.chile-titulo[data-v-c773b1be] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.chile-org[data-v-c773b1be] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.chile-dato[data-v-c773b1be] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-c773b1be] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c773b1be] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c773b1be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c773b1be] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.personas-grupo[data-v-c773b1be] {
    gap: 0.75rem;
}
.persona[data-v-c773b1be] {
    font-size: 2.5rem;
}
.conceptos-grid[data-v-c773b1be] {
    flex-direction: row;
}
.concepto-card[data-v-c773b1be] {
    flex: 1;
    text-align: center;
}
.tipos-lista[data-v-c773b1be] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

.explorador[data-v-abd31a4b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-abd31a4b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-abd31a4b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-abd31a4b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-abd31a4b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-abd31a4b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-abd31a4b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-abd31a4b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-abd31a4b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-abd31a4b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-abd31a4b] {
  text-align: center;
}
.situacion-box[data-v-abd31a4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.situacion-icono[data-v-abd31a4b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.situacion-texto[data-v-abd31a4b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.indicador-pregunta[data-v-abd31a4b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.indicadores-opciones[data-v-abd31a4b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.indicador-btn[data-v-abd31a4b] {
  padding: 0.75rem 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.indicador-btn[data-v-abd31a4b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.indicador-btn.seleccionado[data-v-abd31a4b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.indicador-btn.correcto[data-v-abd31a4b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.indicador-btn.incorrecto[data-v-abd31a4b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.identificar-contador[data-v-abd31a4b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calculo-container[data-v-abd31a4b] {
  text-align: center;
}
.datos-box[data-v-abd31a4b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.datos-titulo[data-v-abd31a4b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.datos-grid[data-v-abd31a4b] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.dato-item[data-v-abd31a4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-label[data-v-abd31a4b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-abd31a4b] {
  font-size: 0.9rem;
  font-weight: 700;
}
.dato-valor.positivo[data-v-abd31a4b] { color: #6EE7B7;
}
.dato-valor.negativo[data-v-abd31a4b] { color: #FCA5A5;
}
.dato-valor.neutral[data-v-abd31a4b] { color: #93C5FD;
}
.calculo-pregunta[data-v-abd31a4b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.calculo-pregunta strong[data-v-abd31a4b] {
  color: #FCD34D;
}
.calculo-input-group[data-v-abd31a4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.calculo-input[data-v-abd31a4b] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-abd31a4b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-abd31a4b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.calculo-unidad[data-v-abd31a4b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-verificar-calc[data-v-abd31a4b] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.calculo-ayuda[data-v-abd31a4b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.calculo-feedback[data-v-abd31a4b] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.calculo-feedback.correcto[data-v-abd31a4b] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.calculo-contador[data-v-abd31a4b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Efectos ===== */
.efectos-container[data-v-abd31a4b] {
  text-align: center;
}
.efecto-escenario[data-v-abd31a4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.efecto-icono[data-v-abd31a4b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.efecto-texto[data-v-abd31a4b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.efecto-pregunta[data-v-abd31a4b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.efectos-opciones[data-v-abd31a4b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efecto-btn[data-v-abd31a4b] {
  padding: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.efecto-btn[data-v-abd31a4b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.efecto-btn.seleccionado[data-v-abd31a4b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.efecto-btn.correcto[data-v-abd31a4b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.efecto-btn.incorrecto[data-v-abd31a4b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.efectos-contador[data-v-abd31a4b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-abd31a4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-abd31a4b] { font-size: 1.25rem;
}
.resultado-texto[data-v-abd31a4b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-abd31a4b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-abd31a4b] { flex: 1;
}
.nav-btn[data-v-abd31a4b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-abd31a4b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-abd31a4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-abd31a4b] { font-size: 1.75rem;
}
.completado-texto[data-v-abd31a4b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-abd31a4b], .slide-leave-active[data-v-abd31a4b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-abd31a4b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-abd31a4b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.indicadores-opciones[data-v-abd31a4b] {
    grid-template-columns: repeat(4, 1fr);
}
.efectos-opciones[data-v-abd31a4b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.datos-grid[data-v-abd31a4b] {
    gap: 1rem;
}
.dato-valor[data-v-abd31a4b] {
    font-size: 1.1rem;
}
}

/* Header resumen */
.resumen-header[data-v-1c844e12] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-1c844e12] {
  font-size: 2rem;
}
.header-texto[data-v-1c844e12] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla resumen */
.tabla-resumen[data-v-1c844e12] {
  margin-bottom: 1.5rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-fila[data-v-1c844e12] {
  display: grid;
  grid-template-columns: 1fr 1.2fr 0.8fr;
  gap: 0.5rem;
  padding: 0.6rem 0.5rem;
  align-items: center;
  font-size: 0.75rem;
}
.tabla-fila[data-v-1c844e12]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.header-fila[data-v-1c844e12] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.col-indicador[data-v-1c844e12] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ind-icono[data-v-1c844e12] {
  font-size: 1rem;
}
.col-indicador strong[data-v-1c844e12] {
  color: #FCD34D;
}
.col-mide[data-v-1c844e12] {
  color: #E9D5FF;
}
.col-quien[data-v-1c844e12] {
  color: #93C5FD;
  font-size: 0.7rem;
}

/* Fórmulas */
.formulas-section[data-v-1c844e12] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-1c844e12] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-1c844e12] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-1c844e12] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-1c844e12] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-eq[data-v-1c844e12] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Relaciones */
.relaciones-section[data-v-1c844e12] {
  margin-bottom: 1.5rem;
}
.relaciones-titulo[data-v-1c844e12] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relaciones-lista[data-v-1c844e12] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-1c844e12] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.rel-icono[data-v-1c844e12] {
  font-size: 1rem;
}
.rel-texto[data-v-1c844e12] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.rel-texto strong[data-v-1c844e12] {
  color: #FCD34D;
}

/* Tips PAES */
.paes-section[data-v-1c844e12] {
  margin-bottom: 1.5rem;
}
.paes-titulo[data-v-1c844e12] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-grid[data-v-1c844e12] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paes-tip[data-v-1c844e12] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-1c844e12] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-1c844e12] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-1c844e12] {
  color: #6EE7B7;
}

/* Pregunta PAES */
.pregunta-paes[data-v-1c844e12] {
  margin-bottom: 1.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.preg-header[data-v-1c844e12] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.preg-icono[data-v-1c844e12] {
  font-size: 1rem;
}
.preg-titulo[data-v-1c844e12] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.preg-contenido[data-v-1c844e12] {
  padding: 0.75rem;
}
.preg-texto[data-v-1c844e12] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.preg-respuesta[data-v-1c844e12] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  line-height: 1.4;
}
.preg-respuesta strong[data-v-1c844e12] {
  color: #FCD34D;
}
strong.negativo[data-v-1c844e12] {
  color: #FCA5A5;
}

/* Cierre */
.cierre[data-v-1c844e12] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.cierre-icono[data-v-1c844e12] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-1c844e12] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-fila[data-v-1c844e12] {
    font-size: 0.85rem;
    padding: 0.75rem;
}
.col-quien[data-v-1c844e12] {
    font-size: 0.8rem;
}
.formulas-grid[data-v-1c844e12] {
    flex-direction: row;
}
.formula-card[data-v-1c844e12] {
    flex: 1;
}
.paes-grid[data-v-1c844e12] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-f4dfdce5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-f4dfdce5] {
  font-size: 2.5rem;
  animation: float-f4dfdce5 3s ease-in-out infinite;
}
.intro-icono[data-v-f4dfdce5]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-f4dfdce5]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-f4dfdce5 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-f4dfdce5] {
  color: #6EE7B7;
}

/* Concepto central */
.concepto-central[data-v-f4dfdce5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-f4dfdce5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.problema-visual[data-v-f4dfdce5] {
  margin-bottom: 0.75rem;
}
.problema-linea[data-v-f4dfdce5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.problema-lado[data-v-f4dfdce5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.problema-lado.izq[data-v-f4dfdce5] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.problema-lado.der[data-v-f4dfdce5] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.lado-icono[data-v-f4dfdce5] {
  font-size: 1.5rem;
}
.lado-label[data-v-f4dfdce5] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.problema-flecha[data-v-f4dfdce5] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.concepto-texto[data-v-f4dfdce5] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-f4dfdce5] {
  color: #FCD34D;
}

/* Elementos sección */
.elementos-section[data-v-f4dfdce5] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-f4dfdce5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-f4dfdce5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.elemento-card[data-v-f4dfdce5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.elem-icono[data-v-f4dfdce5] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.elem-nombre[data-v-f4dfdce5] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Importancia */
.importancia-section[data-v-f4dfdce5] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-f4dfdce5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-lista[data-v-f4dfdce5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-f4dfdce5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-f4dfdce5] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-f4dfdce5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-f4dfdce5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f4dfdce5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f4dfdce5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f4dfdce5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f4dfdce5] {
    gap: 1.5rem;
}
.intro-icono[data-v-f4dfdce5] {
    font-size: 3rem;
}
.elementos-grid[data-v-f4dfdce5] {
    grid-template-columns: repeat(4, 1fr);
}
.problema-lado[data-v-f4dfdce5] {
    padding: 0.75rem 1rem;
}
.lado-icono[data-v-f4dfdce5] {
    font-size: 2rem;
}
}

/* Texto destacado */
strong.negativo[data-v-94d61c97] {
  color: #FCA5A5;
}

/* Cards de problemas */
.problema-card[data-v-94d61c97] {
  margin: 1rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.problema-card.climatico[data-v-94d61c97] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.problema-card.contaminacion[data-v-94d61c97] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.problema-card.deforestacion[data-v-94d61c97] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.problema-card.biodiversidad[data-v-94d61c97] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.problema-header[data-v-94d61c97] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.problema-icono[data-v-94d61c97] {
  font-size: 2rem;
}
.problema-info[data-v-94d61c97] {
  display: flex;
  flex-direction: column;
}
.problema-nombre[data-v-94d61c97] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.problema-desc[data-v-94d61c97] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.problema-detalle[data-v-94d61c97] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}
.detalle-item[data-v-94d61c97] {
  display: flex;
  flex-direction: column;
}
.det-label[data-v-94d61c97] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.det-valor[data-v-94d61c97] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tipos de contaminación */
.tipos-contaminacion[data-v-94d61c97] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.tipo-cont[data-v-94d61c97] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tipo-icono[data-v-94d61c97] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-94d61c97] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Estadística visual */
.estadistica-visual[data-v-94d61c97] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.stat-icono[data-v-94d61c97] {
  font-size: 1.25rem;
}
.stat-texto[data-v-94d61c97] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.stat-texto strong[data-v-94d61c97] {
  color: #FCA5A5;
}

/* Conexión box */
.conexion-box[data-v-94d61c97] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-94d61c97] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-align: center;
}
.conexion-texto[data-v-94d61c97] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.5;
}
.conexion-texto strong[data-v-94d61c97] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-94d61c97] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-94d61c97] {
  font-size: 1.25rem;
}
.tip-texto[data-v-94d61c97] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-94d61c97] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.problema-card[data-v-94d61c97] {
    padding: 1rem;
}
.problema-icono[data-v-94d61c97] {
    font-size: 2.5rem;
}
.detalle-item[data-v-94d61c97] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Intro visual - tres pilares */
.intro-visual[data-v-8ac135f3] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
}
.tres-pilares[data-v-8ac135f3] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.pilar[data-v-8ac135f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.pilar.economia[data-v-8ac135f3] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.pilar.social[data-v-8ac135f3] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.pilar.ambiental[data-v-8ac135f3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.pilar-icono[data-v-8ac135f3] {
  font-size: 1.5rem;
}
.pilar-nombre[data-v-8ac135f3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.centro-sostenible[data-v-8ac135f3] {
  margin-top: 0.5rem;
  font-size: 2rem;
  animation: rotate-8ac135f3 6s linear infinite;
}
@keyframes rotate-8ac135f3 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* Texto destacado */
strong.destacado[data-v-8ac135f3] {
  color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-8ac135f3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.def-header[data-v-8ac135f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-8ac135f3] {
  font-size: 1.25rem;
}
.def-titulo[data-v-8ac135f3] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.def-cita[data-v-8ac135f3] {
  font-style: italic;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  padding-left: 0.5rem;
  border-left: 2px solid #8B5CF6;
}

/* Pilares section */
.pilares-section[data-v-8ac135f3] {
  margin: 1.5rem 0;
}
.pilares-titulo[data-v-8ac135f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pilares-grid[data-v-8ac135f3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pilar-card[data-v-8ac135f3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.pilar-card.economico[data-v-8ac135f3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.pilar-card.social[data-v-8ac135f3] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.pilar-card.ambiental[data-v-8ac135f3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.card-icono[data-v-8ac135f3] {
  font-size: 1.5rem;
}
.card-nombre[data-v-8ac135f3] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  min-width: 70px;
}
.card-desc[data-v-8ac135f3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Acuerdos section */
.acuerdos-section[data-v-8ac135f3] {
  margin: 1.5rem 0;
}
.acuerdos-titulo[data-v-8ac135f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.acuerdos-lista[data-v-8ac135f3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.acuerdo-item[data-v-8ac135f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid rgba(139, 92, 246, 0.5);
}
.acuerdo-item.destacado[data-v-8ac135f3] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.acuerdo-fecha[data-v-8ac135f3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
}
.acuerdo-info[data-v-8ac135f3] {
  display: flex;
  flex-direction: column;
}
.acuerdo-info strong[data-v-8ac135f3] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.acuerdo-desc[data-v-8ac135f3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplos section */
.ejemplos-section[data-v-8ac135f3] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-8ac135f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-8ac135f3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-mini[data-v-8ac135f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.ej-icono[data-v-8ac135f3] {
  font-size: 1.25rem;
}
.ej-texto[data-v-8ac135f3] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-8ac135f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8ac135f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8ac135f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8ac135f3] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.pilar[data-v-8ac135f3] {
    min-width: 90px;
    padding: 0.75rem;
}
.pilar-icono[data-v-8ac135f3] {
    font-size: 2rem;
}
.pilares-grid[data-v-8ac135f3] {
    flex-direction: row;
}
.pilar-card[data-v-8ac135f3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.card-nombre[data-v-8ac135f3] {
    min-width: auto;
}
.ejemplos-grid[data-v-8ac135f3] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-5edc72c3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5edc72c3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5edc72c3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5edc72c3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5edc72c3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5edc72c3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5edc72c3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5edc72c3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5edc72c3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5edc72c3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Conectar problemas ===== */
.conectar-container[data-v-5edc72c3] {
  text-align: center;
}
.conectar-problema[data-v-5edc72c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-5edc72c3] {
  font-size: 2.5rem;
}
.problema-nombre[data-v-5edc72c3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.pregunta-conectar[data-v-5edc72c3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-conectar strong[data-v-5edc72c3] {
  color: #FCD34D;
}
.causas-opciones[data-v-5edc72c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-btn[data-v-5edc72c3] {
  padding: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.causa-btn[data-v-5edc72c3]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.causa-btn.correcto[data-v-5edc72c3] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.causa-btn.incorrecto[data-v-5edc72c3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.conectar-contador[data-v-5edc72c3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Ordenar acuerdos ===== */
.ordenar-container[data-v-5edc72c3] {
  text-align: center;
}
.ordenar-instruccion[data-v-5edc72c3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ordenar-instruccion strong[data-v-5edc72c3] {
  color: #FCD34D;
}
.acuerdos-disponibles[data-v-5edc72c3] {
  margin-bottom: 1rem;
}
.acuerdos-label[data-v-5edc72c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.acuerdos-pool[data-v-5edc72c3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.acuerdo-btn[data-v-5edc72c3] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  font-family: inherit;
}
.acuerdo-btn.seleccionado[data-v-5edc72c3] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.4);
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}
.slots-cronologia[data-v-5edc72c3] {
  margin: 1rem 0;
}
.slots-labels[data-v-5edc72c3] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-5edc72c3] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  background: linear-gradient(to right, #8B5CF6, #3B82F6);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.slot-cronologia[data-v-5edc72c3] {
  width: 70px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  flex-shrink: 0;
  font-family: inherit;
  padding: 0.25rem;
}
.slot-cronologia.seleccionable[data-v-5edc72c3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-5edc72c3 1s infinite;
}
@keyframes pulse-5edc72c3 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-cronologia.ocupado[data-v-5edc72c3] {
  border-style: solid;
  border-color: rgba(59, 130, 246, 0.6);
}
.slot-numero[data-v-5edc72c3] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  font-weight: 700;
}
.slot-contenido[data-v-5edc72c3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #93C5FD;
  text-align: center;
}
.botones-accion[data-v-5edc72c3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-5edc72c3], .btn-reiniciar[data-v-5edc72c3] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-5edc72c3] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-5edc72c3] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Pilares ===== */
.pilares-container[data-v-5edc72c3] {
  text-align: center;
}
.accion-actual[data-v-5edc72c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.accion-icono[data-v-5edc72c3] {
  font-size: 2rem;
}
.accion-texto[data-v-5edc72c3] {
  font-size: 0.9rem;
  color: #6EE7B7;
  line-height: 1.4;
}
.pregunta-pilar[data-v-5edc72c3] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pilares-opciones[data-v-5edc72c3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.pilar-btn[data-v-5edc72c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
  min-width: 80px;
}
.pilar-btn.pilar-0[data-v-5edc72c3] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.pilar-btn.pilar-1[data-v-5edc72c3] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.pilar-btn.pilar-2[data-v-5edc72c3] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.pilar-emoji[data-v-5edc72c3] {
  font-size: 1.5rem;
}
.pilar-nombre[data-v-5edc72c3] {
  font-size: 0.75rem;
  font-weight: 600;
}
.pilar-btn.pilar-0 .pilar-nombre[data-v-5edc72c3] { color: #FCD34D;
}
.pilar-btn.pilar-1 .pilar-nombre[data-v-5edc72c3] { color: #93C5FD;
}
.pilar-btn.pilar-2 .pilar-nombre[data-v-5edc72c3] { color: #6EE7B7;
}
.pilar-btn.correcto[data-v-5edc72c3] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.pilar-btn.correcto .pilar-nombre[data-v-5edc72c3] {
  color: white !important;
}
.pilar-btn.incorrecto[data-v-5edc72c3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.pilar-btn.incorrecto .pilar-nombre[data-v-5edc72c3] {
  color: white !important;
}
.pilar-feedback[data-v-5edc72c3] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.pilar-feedback.correcto[data-v-5edc72c3] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.pilares-contador[data-v-5edc72c3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-5edc72c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5edc72c3] { font-size: 1.25rem;
}
.resultado-texto[data-v-5edc72c3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5edc72c3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5edc72c3] { flex: 1;
}
.nav-btn[data-v-5edc72c3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5edc72c3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5edc72c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5edc72c3] { font-size: 1.75rem;
}
.completado-texto[data-v-5edc72c3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5edc72c3], .slide-leave-active[data-v-5edc72c3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5edc72c3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5edc72c3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.slot-cronologia[data-v-5edc72c3] {
    width: 100px;
}
.slot-contenido[data-v-5edc72c3] {
    font-size: 0.8rem;
}
}

/* Header del resumen */
.resumen-header[data-v-1d8312ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.resumen-icono[data-v-1d8312ff] {
  font-size: 2.5rem;
}
.resumen-subtitulo[data-v-1d8312ff] {
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Secciones de resumen */
.seccion-resumen[data-v-1d8312ff] {
  margin-bottom: 1.5rem;
}
.seccion-titulo[data-v-1d8312ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid rgba(139, 92, 246, 0.3);
}

/* Conceptos grid */
.conceptos-grid[data-v-1d8312ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-1d8312ff] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ci-icono[data-v-1d8312ff] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.ci-info[data-v-1d8312ff] {
  display: flex;
  flex-direction: column;
}
.ci-info strong[data-v-1d8312ff] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.ci-detalle[data-v-1d8312ff] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Definición mini */
.definicion-mini[data-v-1d8312ff] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.definicion-mini strong[data-v-1d8312ff] {
  color: #6EE7B7;
}

/* Pilares resumen */
.pilares-resumen[data-v-1d8312ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.pilar-mini[data-v-1d8312ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  min-width: 70px;
}
.pilar-mini.economico[data-v-1d8312ff] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.pilar-mini.social[data-v-1d8312ff] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.pilar-mini.ambiental[data-v-1d8312ff] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.pm-icono[data-v-1d8312ff] {
  font-size: 1.25rem;
}
.pm-nombre[data-v-1d8312ff] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Acuerdos mini */
.acuerdos-mini[data-v-1d8312ff] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.acuerdo-mini[data-v-1d8312ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid rgba(139, 92, 246, 0.5);
}
.acuerdo-mini.destacado[data-v-1d8312ff] {
  background: rgba(16, 185, 129, 0.15);
  border-left-color: #10B981;
}
.am-fecha[data-v-1d8312ff] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.am-nombre[data-v-1d8312ff] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-1d8312ff] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tips-titulo[data-v-1d8312ff] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  text-align: center;
}
.tips-lista[data-v-1d8312ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-1d8312ff] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-1d8312ff] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-1d8312ff] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-1d8312ff] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-1d8312ff] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-1d8312ff] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.mf-texto[data-v-1d8312ff] {
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-1d8312ff] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.pilares-resumen[data-v-1d8312ff] {
    gap: 1rem;
}
.pilar-mini[data-v-1d8312ff] {
    min-width: 90px;
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-59f1479f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-59f1479f] {
  font-size: 2.5rem;
  animation: float-59f1479f 3s ease-in-out infinite;
}
.icono[data-v-59f1479f]:nth-child(2) {
  animation-delay: 0.5s;
}
.icono[data-v-59f1479f]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-59f1479f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto coloreado */
strong.comprador[data-v-59f1479f] {
  color: #93C5FD;
}
strong.vendedor[data-v-59f1479f] {
  color: #6EE7B7;
}

/* Concepto central */
.concepto-central[data-v-59f1479f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-59f1479f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.actores-visual[data-v-59f1479f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.actor[data-v-59f1479f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.actor.comprador[data-v-59f1479f] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.actor.vendedor[data-v-59f1479f] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.actor-icono[data-v-59f1479f] {
  font-size: 1.75rem;
}
.actor-nombre[data-v-59f1479f] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.actor-desc[data-v-59f1479f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.intercambio[data-v-59f1479f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flecha[data-v-59f1479f] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.dinero[data-v-59f1479f] {
  font-size: 1.25rem;
}

/* Ejemplos */
.ejemplos-section[data-v-59f1479f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-59f1479f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-59f1479f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-59f1479f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-59f1479f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-59f1479f] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-tipo[data-v-59f1479f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Definición */
.definicion[data-v-59f1479f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-59f1479f] {
  font-size: 1.5rem;
}
.def-contenido[data-v-59f1479f] {
  flex: 1;
}
.def-titulo[data-v-59f1479f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-59f1479f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-59f1479f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-59f1479f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-59f1479f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-59f1479f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-59f1479f] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-59f1479f] {
    gap: 1.5rem;
}
.icono[data-v-59f1479f] {
    font-size: 3rem;
}
.actores-visual[data-v-59f1479f] {
    gap: 1.5rem;
}
.actor[data-v-59f1479f] {
    padding: 1rem 1.5rem;
    min-width: 120px;
}
.ejemplos-grid[data-v-59f1479f] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-59f1479f] {
    padding: 0.75rem;
}
.ej-icono[data-v-59f1479f] {
    font-size: 1.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-7fcd866b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-7fcd866b] {
  font-size: 2rem;
}

/* Texto coloreado */
strong.destacado[data-v-7fcd866b] {
  color: #93C5FD;
}
strong.positivo[data-v-7fcd866b] {
  color: #6EE7B7;
}
strong.negativo[data-v-7fcd866b] {
  color: #FCA5A5;
}

/* Ley box */
.ley-box[data-v-7fcd866b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ley-titulo[data-v-7fcd866b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.ley-contenido[data-v-7fcd866b] {
  text-align: center;
}
.ley-relacion[data-v-7fcd866b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.variable[data-v-7fcd866b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 100px;
}
.var-icono[data-v-7fcd866b] {
  font-size: 1.25rem;
}
.var-nombre[data-v-7fcd866b] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.var-flecha[data-v-7fcd866b] {
  font-size: 1.25rem;
  font-weight: 700;
}
.var-flecha.sube[data-v-7fcd866b] {
  color: #FCA5A5;
}
.var-flecha.baja[data-v-7fcd866b] {
  color: #6EE7B7;
}
.implica[data-v-7fcd866b] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.ley-texto[data-v-7fcd866b] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Gráfico */
.grafico-section[data-v-7fcd866b] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-7fcd866b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-7fcd866b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.eje-y[data-v-7fcd866b] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 0.5rem;
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 30px;
}
.eje-label[data-v-7fcd866b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.eje-valor[data-v-7fcd866b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.grafico-area[data-v-7fcd866b] {
  position: relative;
  width: 100%;
  height: 150px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
  margin-left: 40px;
}
.curva-demanda[data-v-7fcd866b] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.linea-curva[data-v-7fcd866b] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.punto[data-v-7fcd866b] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #93C5FD;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.punto-label[data-v-7fcd866b] {
  position: absolute;
  font-size: 0.65rem;
  color: #93C5FD;
  white-space: nowrap;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}
.etiqueta-d[data-v-7fcd866b] {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.eje-x[data-v-7fcd866b] {
  margin-top: 0.25rem;
  margin-left: 40px;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-7fcd866b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-7fcd866b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-casos[data-v-7fcd866b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-7fcd866b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-precio[data-v-7fcd866b] {
  font-weight: 700;
  font-size: 1rem;
}
.caso-precio.positivo[data-v-7fcd866b] {
  color: #6EE7B7;
}
.caso-precio.negativo[data-v-7fcd866b] {
  color: #FCA5A5;
}
.caso-cantidad[data-v-7fcd866b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Factores */
.factores-section[data-v-7fcd866b] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-7fcd866b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-lista[data-v-7fcd866b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor[data-v-7fcd866b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.factor-icono[data-v-7fcd866b] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.factor-texto[data-v-7fcd866b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-texto strong[data-v-7fcd866b] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-7fcd866b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7fcd866b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7fcd866b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7fcd866b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-7fcd866b] {
    font-size: 2.5rem;
}
.ley-relacion[data-v-7fcd866b] {
    gap: 1rem;
}
.variable[data-v-7fcd866b] {
    min-width: 130px;
    padding: 0.75rem;
}
.grafico-area[data-v-7fcd866b] {
    height: 180px;
}
.ejemplo-casos[data-v-7fcd866b] {
    flex-direction: row;
}
.caso[data-v-7fcd866b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.factores-lista[data-v-7fcd866b] {
    flex-direction: row;
    flex-wrap: wrap;
}
.factor[data-v-7fcd866b] {
    flex: 1 1 45%;
}
}

/* Intro visual */
.intro-visual[data-v-fc18c12d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-fc18c12d] {
  font-size: 2rem;
}

/* Texto coloreado */
strong.destacado[data-v-fc18c12d] {
  color: #6EE7B7;
}
strong.positivo[data-v-fc18c12d] {
  color: #6EE7B7;
}
strong.negativo[data-v-fc18c12d] {
  color: #FCA5A5;
}

/* Ley box */
.ley-box[data-v-fc18c12d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ley-titulo[data-v-fc18c12d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.ley-contenido[data-v-fc18c12d] {
  text-align: center;
}
.ley-relacion[data-v-fc18c12d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.variable[data-v-fc18c12d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 100px;
}
.var-icono[data-v-fc18c12d] {
  font-size: 1.25rem;
}
.var-nombre[data-v-fc18c12d] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.var-flecha[data-v-fc18c12d] {
  font-size: 1.25rem;
  font-weight: 700;
}
.var-flecha.sube[data-v-fc18c12d] {
  color: #6EE7B7;
}
.implica[data-v-fc18c12d] {
  font-size: 1.5rem;
  color: #10B981;
  font-weight: 700;
}
.ley-texto[data-v-fc18c12d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Comparación */
.comparacion-section[data-v-fc18c12d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-fc18c12d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.comparacion-cards[data-v-fc18c12d] {
  display: flex;
  gap: 0.5rem;
}
.comp-card[data-v-fc18c12d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-card.demanda[data-v-fc18c12d] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.comp-card.oferta[data-v-fc18c12d] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.comp-emoji[data-v-fc18c12d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-fc18c12d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-relacion[data-v-fc18c12d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.comp-pendiente[data-v-fc18c12d] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
}
.comp-pendiente.negativo[data-v-fc18c12d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.comp-pendiente.positivo[data-v-fc18c12d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Gráfico */
.grafico-section[data-v-fc18c12d] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-fc18c12d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-fc18c12d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-area[data-v-fc18c12d] {
  position: relative;
  width: 100%;
  height: 150px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
  margin-left: 20px;
}
.curva-oferta[data-v-fc18c12d] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.linea-curva[data-v-fc18c12d] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.punto[data-v-fc18c12d] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #6EE7B7;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.punto-label[data-v-fc18c12d] {
  position: absolute;
  font-size: 0.65rem;
  color: #6EE7B7;
  white-space: nowrap;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}
.etiqueta-o[data-v-fc18c12d] {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.eje-label-y[data-v-fc18c12d] {
  position: absolute;
  left: -15px;
  top: 50%;
  transform: rotate(-90deg) translateX(50%);
  font-size: 0.7rem;
  color: #C4B5FD;
}
.eje-x[data-v-fc18c12d] {
  margin-top: 0.25rem;
}
.eje-label[data-v-fc18c12d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-fc18c12d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-fc18c12d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-casos[data-v-fc18c12d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-fc18c12d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-precio[data-v-fc18c12d] {
  font-weight: 700;
  font-size: 0.9rem;
}
.caso-precio.positivo[data-v-fc18c12d] {
  color: #6EE7B7;
}
.caso-precio.negativo[data-v-fc18c12d] {
  color: #FCA5A5;
}
.caso-cantidad[data-v-fc18c12d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplo-explicacion[data-v-fc18c12d] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Factores */
.factores-section[data-v-fc18c12d] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-fc18c12d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-lista[data-v-fc18c12d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor[data-v-fc18c12d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.factor-icono[data-v-fc18c12d] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.factor-texto[data-v-fc18c12d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-texto strong[data-v-fc18c12d] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-fc18c12d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fc18c12d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fc18c12d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fc18c12d] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-fc18c12d] {
    font-size: 2.5rem;
}
.ley-relacion[data-v-fc18c12d] {
    gap: 1rem;
}
.variable[data-v-fc18c12d] {
    min-width: 130px;
    padding: 0.75rem;
}
.comparacion-cards[data-v-fc18c12d] {
    gap: 1rem;
}
.comp-card[data-v-fc18c12d] {
    padding: 1rem;
}
.grafico-area[data-v-fc18c12d] {
    height: 180px;
}
.ejemplo-casos[data-v-fc18c12d] {
    flex-direction: row;
}
.caso[data-v-fc18c12d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.factores-lista[data-v-fc18c12d] {
    flex-direction: row;
    flex-wrap: wrap;
}
.factor[data-v-fc18c12d] {
    flex: 1 1 45%;
}
}

/* Intro visual */
.intro-visual[data-v-da5b3b37] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-da5b3b37] {
  font-size: 3rem;
  animation: balance-da5b3b37 2s ease-in-out infinite;
}
@keyframes balance-da5b3b37 {
0%, 100% { transform: rotate(-5deg);
}
50% { transform: rotate(5deg);
}
}

/* Texto coloreado */
strong.destacado[data-v-da5b3b37] {
  color: #FCD34D;
}

/* Equilibrio box */
.equilibrio-box[data-v-da5b3b37] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.equilibrio-titulo[data-v-da5b3b37] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.equilibrio-formula[data-v-da5b3b37] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.formula-parte[data-v-da5b3b37] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.formula-parte.demanda[data-v-da5b3b37] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.formula-parte.oferta[data-v-da5b3b37] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.formula-icono[data-v-da5b3b37] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-da5b3b37] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-label[data-v-da5b3b37] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.formula-igual[data-v-da5b3b37] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.equilibrio-resultado[data-v-da5b3b37] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.equilibrio-resultado strong[data-v-da5b3b37] {
  color: #FCD34D;
}

/* Gráfico */
.grafico-section[data-v-da5b3b37] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-da5b3b37] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-da5b3b37] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-area[data-v-da5b3b37] {
  position: relative;
  width: 100%;
  height: 180px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
}
.linea-demanda[data-v-da5b3b37], .linea-oferta[data-v-da5b3b37] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.punto-equilibrio[data-v-da5b3b37] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: #FCD34D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.punto-e[data-v-da5b3b37] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #000;
}
.linea-pe[data-v-da5b3b37] {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  border-top: 2px dashed rgba(252, 211, 77, 0.5);
}
.linea-qe[data-v-da5b3b37] {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  border-left: 2px dashed rgba(252, 211, 77, 0.5);
}
.label-d[data-v-da5b3b37] {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.label-o[data-v-da5b3b37] {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.label-pe[data-v-da5b3b37] {
  position: absolute;
  top: 45%;
  left: -25px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
}
.label-qe[data-v-da5b3b37] {
  position: absolute;
  bottom: -20px;
  left: 47%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
}
.eje-labels[data-v-da5b3b37] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
}
.label-precio[data-v-da5b3b37], .label-cantidad[data-v-da5b3b37] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Desequilibrios */
.desequilibrios-section[data-v-da5b3b37] {
  margin: 1.5rem 0;
}
.desequilibrios-titulo[data-v-da5b3b37] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.desequilibrios-grid[data-v-da5b3b37] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.desequilibrio[data-v-da5b3b37] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.desequilibrio.exceso-oferta[data-v-da5b3b37] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.desequilibrio.exceso-demanda[data-v-da5b3b37] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.des-header[data-v-da5b3b37] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.des-icono[data-v-da5b3b37] {
  font-size: 1.25rem;
}
.des-nombre[data-v-da5b3b37] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.des-condicion[data-v-da5b3b37] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.des-efecto[data-v-da5b3b37] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.des-cantidad[data-v-da5b3b37] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.des-resultado[data-v-da5b3b37] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.des-ajuste[data-v-da5b3b37] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ajuste-flecha[data-v-da5b3b37] {
  font-size: 1rem;
  font-weight: 700;
}
.ajuste-flecha.positivo[data-v-da5b3b37] {
  color: #6EE7B7;
}
.ajuste-flecha.negativo[data-v-da5b3b37] {
  color: #FCA5A5;
}
.ajuste-texto[data-v-da5b3b37] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-da5b3b37] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-da5b3b37] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-escenario[data-v-da5b3b37] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.escenario-linea[data-v-da5b3b37] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.escenario-label[data-v-da5b3b37] {
  color: #C4B5FD;
}
.escenario-valor[data-v-da5b3b37] {
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplo-conclusion[data-v-da5b3b37] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo-conclusion strong[data-v-da5b3b37] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-da5b3b37] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-da5b3b37] {
  font-size: 1.25rem;
}
.tip-texto[data-v-da5b3b37] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-da5b3b37] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.icono[data-v-da5b3b37] {
    font-size: 4rem;
}
.equilibrio-formula[data-v-da5b3b37] {
    gap: 1rem;
}
.formula-parte[data-v-da5b3b37] {
    padding: 0.75rem 1rem;
}
.grafico-area[data-v-da5b3b37] {
    height: 220px;
}
.desequilibrios-grid[data-v-da5b3b37] {
    flex-direction: row;
}
.desequilibrio[data-v-da5b3b37] {
    flex: 1;
}
}

.explorador[data-v-81b0fcbc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-81b0fcbc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-81b0fcbc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-81b0fcbc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-81b0fcbc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-81b0fcbc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-81b0fcbc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-81b0fcbc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-81b0fcbc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-81b0fcbc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar curvas ===== */
.identificar-container[data-v-81b0fcbc] {
  text-align: center;
}
.grafico-identificar[data-v-81b0fcbc] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-area[data-v-81b0fcbc] {
  position: relative;
  width: 100%;
  height: 150px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
}
.curva-1[data-v-81b0fcbc], .curva-2[data-v-81b0fcbc] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.curva-label[data-v-81b0fcbc] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
}
.label-1[data-v-81b0fcbc] {
  top: 25%;
  right: 20%;
  color: #FCD34D;
  border: 2px solid #FCD34D;
}
.label-2[data-v-81b0fcbc] {
  top: 25%;
  left: 20%;
  color: #8B5CF6;
  border: 2px solid #8B5CF6;
}
.eje-labels[data-v-81b0fcbc] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.25rem 0.5rem;
}
.preguntas-curvas[data-v-81b0fcbc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-curva[data-v-81b0fcbc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.pregunta-texto[data-v-81b0fcbc] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-curva[data-v-81b0fcbc] {
  display: flex;
  gap: 0.5rem;
}
.opcion-curva[data-v-81b0fcbc] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.4rem;
  cursor: pointer;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-curva.seleccionado[data-v-81b0fcbc] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-curva.correcto[data-v-81b0fcbc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-curva.incorrecto[data-v-81b0fcbc] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-81b0fcbc] {
  text-align: center;
}
.producto-info[data-v-81b0fcbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.producto-icono[data-v-81b0fcbc] {
  font-size: 2rem;
}
.producto-nombre[data-v-81b0fcbc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.precio-slider-section[data-v-81b0fcbc] {
  margin-bottom: 1rem;
}
.precio-actual[data-v-81b0fcbc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.precio-label[data-v-81b0fcbc] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.precio-valor[data-v-81b0fcbc] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.precio-slider[data-v-81b0fcbc] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(to right, #6EE7B7, #FCD34D, #FCA5A5);
  outline: none;
  -webkit-appearance: none;
}
.precio-slider[data-v-81b0fcbc]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.precio-rango[data-v-81b0fcbc] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.efectos-grid[data-v-81b0fcbc] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.efecto-card[data-v-81b0fcbc] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.efecto-card.demanda[data-v-81b0fcbc] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.efecto-card.oferta[data-v-81b0fcbc] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.efecto-icono[data-v-81b0fcbc] {
  font-size: 1.25rem;
}
.efecto-nombre[data-v-81b0fcbc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.efecto-barra-container[data-v-81b0fcbc] {
  width: 100%;
  height: 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  overflow: hidden;
}
.efecto-barra[data-v-81b0fcbc] {
  height: 100%;
  transition: width 0.3s ease;
}
.demanda .efecto-barra[data-v-81b0fcbc] {
  background: #93C5FD;
}
.oferta .efecto-barra[data-v-81b0fcbc] {
  background: #6EE7B7;
}
.efecto-cantidad[data-v-81b0fcbc] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.estado-mercado[data-v-81b0fcbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.estado-mercado.equilibrio[data-v-81b0fcbc] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
}
.estado-mercado.exceso-demanda[data-v-81b0fcbc] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.estado-mercado.exceso-oferta[data-v-81b0fcbc] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.estado-icono[data-v-81b0fcbc] {
  font-size: 1.25rem;
}
.estado-texto[data-v-81b0fcbc] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.objetivo-simulador[data-v-81b0fcbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.objetivo-label[data-v-81b0fcbc] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.objetivo-texto[data-v-81b0fcbc] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.objetivo-texto strong[data-v-81b0fcbc] {
  color: #FCD34D;
}
.simulador-contador[data-v-81b0fcbc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Escenarios ===== */
.escenarios-container[data-v-81b0fcbc] {
  text-align: center;
}
.escenario-box[data-v-81b0fcbc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-81b0fcbc] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-81b0fcbc] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-escenario[data-v-81b0fcbc] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-escenario strong[data-v-81b0fcbc] {
  color: #FCD34D;
}
.opciones-escenario[data-v-81b0fcbc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-escenario[data-v-81b0fcbc] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-escenario[data-v-81b0fcbc]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-escenario.seleccionado[data-v-81b0fcbc] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-escenario.correcto[data-v-81b0fcbc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-escenario.incorrecto[data-v-81b0fcbc] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.escenario-contador[data-v-81b0fcbc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.btn-verificar[data-v-81b0fcbc] {
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  background: #10B981;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-81b0fcbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-81b0fcbc] { font-size: 1.25rem;
}
.resultado-texto[data-v-81b0fcbc] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-81b0fcbc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-81b0fcbc] { flex: 1;
}
.nav-btn[data-v-81b0fcbc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-81b0fcbc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-81b0fcbc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-81b0fcbc] { font-size: 1.75rem;
}
.completado-texto[data-v-81b0fcbc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-81b0fcbc], .slide-leave-active[data-v-81b0fcbc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-81b0fcbc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-81b0fcbc] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-area[data-v-81b0fcbc] {
    height: 180px;
}
.preguntas-curvas[data-v-81b0fcbc] {
    flex-direction: row;
    justify-content: center;
}
.pregunta-curva[data-v-81b0fcbc] {
    flex: 1;
}
.opciones-escenario[data-v-81b0fcbc] {
    flex-direction: row;
    justify-content: center;
}
.opcion-escenario[data-v-81b0fcbc] {
    flex: 1;
}
}

/* Header */
.resumen-header[data-v-eb636564] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-eb636564] {
  font-size: 2rem;
}
.resumen-titulo[data-v-eb636564] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-eb636564] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-eb636564] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-card.mercado[data-v-eb636564] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.concepto-card.demanda[data-v-eb636564] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.concepto-card.oferta[data-v-eb636564] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.concepto-card.equilibrio[data-v-eb636564] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.card-icono[data-v-eb636564] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-nombre[data-v-eb636564] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-desc[data-v-eb636564] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.card-pendiente[data-v-eb636564] {
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
  margin-top: 0.25rem;
}
.card-pendiente.negativa[data-v-eb636564] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.card-pendiente.positiva[data-v-eb636564] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.card-nota[data-v-eb636564] {
  font-size: 0.65rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Gráfico resumen */
.grafico-resumen[data-v-eb636564] {
  margin-bottom: 1.5rem;
}
.grafico-titulo[data-v-eb636564] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-eb636564] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-area[data-v-eb636564] {
  position: relative;
  width: 100%;
  height: 150px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
}
.linea-demanda[data-v-eb636564], .linea-oferta[data-v-eb636564] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.punto-equilibrio[data-v-eb636564] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: #FCD34D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #000;
  z-index: 10;
}
.label[data-v-eb636564] {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 700;
}
.demanda-label[data-v-eb636564] {
  bottom: 5px;
  right: 5px;
  color: #93C5FD;
}
.oferta-label[data-v-eb636564] {
  top: 5px;
  right: 5px;
  color: #6EE7B7;
}
.pe-label[data-v-eb636564] {
  top: 45%;
  left: -20px;
  color: #FCD34D;
  font-size: 0.7rem;
}
.qe-label[data-v-eb636564] {
  bottom: -18px;
  left: 47%;
  color: #FCD34D;
  font-size: 0.7rem;
}
.grafico-leyenda[data-v-eb636564] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}
.leyenda-item[data-v-eb636564] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.leyenda-color[data-v-eb636564] {
  width: 12px;
  height: 3px;
  border-radius: 2px;
}
.leyenda-color.demanda[data-v-eb636564] {
  background: #93C5FD;
}
.leyenda-color.oferta[data-v-eb636564] {
  background: #6EE7B7;
}
.leyenda-texto[data-v-eb636564] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Desequilibrios resumen */
.desequilibrios-resumen[data-v-eb636564] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.deseq-titulo[data-v-eb636564] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.deseq-grid[data-v-eb636564] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.deseq-item[data-v-eb636564] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.deseq-condicion[data-v-eb636564] {
  color: #E9D5FF;
  font-weight: 600;
}
.deseq-flecha[data-v-eb636564] {
  color: #8B5CF6;
}
.deseq-resultado[data-v-eb636564] {
  font-weight: 600;
}
.deseq-resultado.negativo[data-v-eb636564] {
  color: #FCA5A5;
}
.deseq-resultado.positivo[data-v-eb636564] {
  color: #93C5FD;
}
.deseq-ajuste[data-v-eb636564] {
  color: #C4B5FD;
  margin-left: auto;
}

/* Tips PAES */
.tips-paes[data-v-eb636564] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-eb636564] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-eb636564] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-eb636564] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-eb636564] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-eb636564] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-eb636564] {
  color: #FFFFFF;
}

/* Factores resumen */
.factores-resumen[data-v-eb636564] {
  margin-bottom: 1.5rem;
}
.factores-titulo[data-v-eb636564] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.factores-cols[data-v-eb636564] {
  display: flex;
  gap: 0.5rem;
}
.factor-col[data-v-eb636564] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.factor-col.demanda[data-v-eb636564] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.factor-col.oferta[data-v-eb636564] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.col-titulo[data-v-eb636564] {
  font-size: 0.85rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.5rem;
}
.demanda .col-titulo[data-v-eb636564] {
  color: #93C5FD;
}
.oferta .col-titulo[data-v-eb636564] {
  color: #6EE7B7;
}
.factor-lista[data-v-eb636564] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.factor-lista li[data-v-eb636564] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
  padding-left: 0.75rem;
  position: relative;
}
.factor-lista li[data-v-eb636564]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #8B5CF6;
}

/* Mensaje final */
.mensaje-final[data-v-eb636564] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-eb636564] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.final-texto[data-v-eb636564] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.final-texto strong[data-v-eb636564] {
  color: #FFFFFF;
}
.final-texto strong.demanda[data-v-eb636564] {
  color: #93C5FD;
}
.final-texto strong.oferta[data-v-eb636564] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-eb636564] {
    grid-template-columns: repeat(4, 1fr);
}
.grafico-area[data-v-eb636564] {
    height: 180px;
}
.deseq-grid[data-v-eb636564] {
    flex-direction: row;
}
.deseq-item[data-v-eb636564] {
    flex: 1;
    justify-content: center;
}
.tips-lista[data-v-eb636564] {
    flex-direction: row;
    flex-wrap: wrap;
}
.tip-item[data-v-eb636564] {
    flex: 1 1 45%;
}
}

/* Intro visual */
.intro-visual[data-v-8e6aafc3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.eco-icono[data-v-8e6aafc3] {
  font-size: 2.5rem;
  animation: float-8e6aafc3 3s ease-in-out infinite;
}
.eco-icono[data-v-8e6aafc3]:nth-child(2) {
  animation-delay: 0.5s;
}
.eco-icono[data-v-8e6aafc3]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-8e6aafc3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-8e6aafc3] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-8e6aafc3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-8e6aafc3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.preguntas-grid[data-v-8e6aafc3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-item[data-v-8e6aafc3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.preg-icono[data-v-8e6aafc3] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.preg-texto[data-v-8e6aafc3] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.preg-texto strong[data-v-8e6aafc3] {
  color: #FCD34D;
}

/* Sistemas */
.sistemas-section[data-v-8e6aafc3] {
  margin: 1.5rem 0;
}
.sistemas-titulo[data-v-8e6aafc3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sistemas-grid[data-v-8e6aafc3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sistema-card[data-v-8e6aafc3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.sistema-card.capitalismo[data-v-8e6aafc3] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.sistema-card.socialismo[data-v-8e6aafc3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.sistema-card.mixta[data-v-8e6aafc3] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sis-icono[data-v-8e6aafc3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.sis-nombre[data-v-8e6aafc3] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  flex: 1;
}
.sis-desc[data-v-8e6aafc3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-box[data-v-8e6aafc3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-8e6aafc3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.comp-pregunta[data-v-8e6aafc3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.comp-opciones[data-v-8e6aafc3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.opcion[data-v-8e6aafc3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.opcion.privado[data-v-8e6aafc3] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.opcion.publico[data-v-8e6aafc3] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.op-icono[data-v-8e6aafc3] {
  font-size: 1.5rem;
}
.op-texto[data-v-8e6aafc3] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.comp-o[data-v-8e6aafc3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Tip */
.tip[data-v-8e6aafc3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8e6aafc3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8e6aafc3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8e6aafc3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8e6aafc3] {
    gap: 1.5rem;
}
.eco-icono[data-v-8e6aafc3] {
    font-size: 3rem;
}
.preguntas-grid[data-v-8e6aafc3] {
    flex-direction: row;
}
.pregunta-item[data-v-8e6aafc3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.sistemas-grid[data-v-8e6aafc3] {
    flex-direction: row;
}
.sistema-card[data-v-8e6aafc3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.opcion[data-v-8e6aafc3] {
    min-width: 120px;
    padding: 0.75rem 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-ce637f52] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.concepto-icono[data-v-ce637f52] {
  font-size: 3.5rem;
  animation: pulse-ce637f52 2s ease-in-out infinite;
}
@keyframes pulse-ce637f52 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto destacado */
strong.capitalismo[data-v-ce637f52] {
  color: #93C5FD;
}

/* Definición box */
.definicion-box[data-v-ce637f52] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.def-header[data-v-ce637f52] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-ce637f52] {
  font-size: 1.25rem;
}
.def-titulo[data-v-ce637f52] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.def-lista[data-v-ce637f52] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-ce637f52] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.car-icono[data-v-ce637f52] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.car-contenido[data-v-ce637f52] {
  flex: 1;
}
.car-contenido strong[data-v-ce637f52] {
  display: block;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
}
.car-desc[data-v-ce637f52] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Funcionamiento */
.funcionamiento-section[data-v-ce637f52] {
  margin: 1.5rem 0;
}
.func-titulo[data-v-ce637f52] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.func-grid[data-v-ce637f52] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.func-item[data-v-ce637f52] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.func-pregunta[data-v-ce637f52] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.1rem;
}
.func-respuesta[data-v-ce637f52] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.func-respuesta strong[data-v-ce637f52] {
  color: #FFFFFF;
}

/* Rol del Estado */
.estado-box[data-v-ce637f52] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estado-icono[data-v-ce637f52] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.estado-contenido[data-v-ce637f52] {
  flex: 1;
}
.estado-titulo[data-v-ce637f52] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.estado-lista[data-v-ce637f52] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.estado-nota[data-v-ce637f52] {
  color: #FCA5A5;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Pros y cons */
.pros-cons[data-v-ce637f52] {
  display: flex;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.pros[data-v-ce637f52], .cons[data-v-ce637f52] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pros[data-v-ce637f52] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cons[data-v-ce637f52] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.pc-titulo[data-v-ce637f52] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.pc-titulo.ventaja[data-v-ce637f52] {
  color: #6EE7B7;
}
.pc-titulo.critica[data-v-ce637f52] {
  color: #FCA5A5;
}
.pc-lista[data-v-ce637f52] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-ce637f52] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ce637f52] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ce637f52] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ce637f52] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-icono[data-v-ce637f52] {
    font-size: 4rem;
}
.func-grid[data-v-ce637f52] {
    flex-direction: row;
}
.func-item[data-v-ce637f52] {
    flex: 1;
    text-align: center;
}
.caracteristica[data-v-ce637f52] {
    padding: 0.75rem;
}
}

/* Headers de sistema */
.sistema-header[data-v-c1485125] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.sistema-header.socialismo[data-v-c1485125] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.sistema-header.mixta[data-v-c1485125] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sistema-icono[data-v-c1485125] {
  font-size: 2rem;
}
.sistema-nombre[data-v-c1485125] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Texto destacado */
strong.socialismo-color[data-v-c1485125] {
  color: #FCA5A5;
}
strong.mixta-color[data-v-c1485125] {
  color: #6EE7B7;
}

/* Características box */
.caracteristicas-box[data-v-c1485125] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.caracteristicas-box.socialismo-box[data-v-c1485125] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.carac-titulo[data-v-c1485125] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.carac-lista[data-v-c1485125] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-c1485125] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.carac-icono[data-v-c1485125] {
  font-size: 1rem;
  flex-shrink: 0;
}
.carac-texto strong[data-v-c1485125] {
  color: #FFFFFF;
}

/* Pros y cons */
.pros-cons[data-v-c1485125] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.pros[data-v-c1485125], .cons[data-v-c1485125] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pros[data-v-c1485125] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cons[data-v-c1485125] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.pc-titulo[data-v-c1485125] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.pc-titulo.ventaja[data-v-c1485125] {
  color: #6EE7B7;
}
.pc-titulo.critica[data-v-c1485125] {
  color: #FCA5A5;
}
.pc-lista[data-v-c1485125] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Separador */
.separador[data-v-c1485125] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.sep-linea[data-v-c1485125] {
  flex: 1;
  height: 1px;
  background: rgba(139, 92, 246, 0.3);
}
.sep-texto[data-v-c1485125] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Economía mixta box */
.mixta-box[data-v-c1485125] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.mixta-titulo[data-v-c1485125] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mixta-grid[data-v-c1485125] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mixta-item[data-v-c1485125] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.mixta-item.privado[data-v-c1485125] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.mixta-item.publico[data-v-c1485125] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.mix-icono[data-v-c1485125] {
  font-size: 1.25rem;
}
.mix-label[data-v-c1485125] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mix-desc[data-v-c1485125] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mixta-nota[data-v-c1485125] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mixta-nota strong[data-v-c1485125] {
  color: #6EE7B7;
}

/* Ejemplos países */
.ejemplos-section[data-v-c1485125] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c1485125] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-c1485125] {
  display: flex;
  gap: 0.5rem;
}
.ejemplo[data-v-c1485125] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.capitalismo-ej[data-v-c1485125] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.ejemplo.mixta-ej[data-v-c1485125] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ejemplo.socialismo-ej[data-v-c1485125] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.ej-bandera[data-v-c1485125] {
  font-size: 1.5rem;
}
.ej-pais[data-v-c1485125] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-tipo[data-v-c1485125] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-c1485125] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c1485125] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c1485125] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1485125] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.sistema-icono[data-v-c1485125] {
    font-size: 2.5rem;
}
.sistema-nombre[data-v-c1485125] {
    font-size: 1.5rem;
}
.mixta-grid[data-v-c1485125] {
    gap: 1rem;
}
.mixta-item[data-v-c1485125] {
    padding: 0.75rem;
}
.ejemplo[data-v-c1485125] {
    padding: 0.75rem;
}
.ej-bandera[data-v-c1485125] {
    font-size: 2rem;
}
}

.explorador[data-v-5ae187ed] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5ae187ed] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5ae187ed] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5ae187ed] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5ae187ed] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5ae187ed] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5ae187ed] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5ae187ed] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5ae187ed] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5ae187ed] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-5ae187ed] {
  text-align: center;
}
.caracteristica-actual[data-v-5ae187ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.carac-icono[data-v-5ae187ed] {
  font-size: 2rem;
}
.carac-texto[data-v-5ae187ed] {
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
}
.pregunta-clasificar[data-v-5ae187ed] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.sistemas-opciones[data-v-5ae187ed] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.sistema-btn[data-v-5ae187ed] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  flex: 1;
  max-width: 140px;
  font-family: inherit;
}
.sistema-btn.capitalismo[data-v-5ae187ed] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.sistema-btn.socialismo[data-v-5ae187ed] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.sistema-btn[data-v-5ae187ed]:not(:disabled):hover {
  transform: scale(1.02);
}
.sistema-btn.seleccionado[data-v-5ae187ed] {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
}
.sistema-btn.correcto[data-v-5ae187ed] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.sistema-btn.incorrecto[data-v-5ae187ed] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.btn-icono[data-v-5ae187ed] {
  font-size: 1.5rem;
}
.btn-nombre[data-v-5ae187ed] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasificar-contador[data-v-5ae187ed] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Rol del Estado ===== */
.estado-container[data-v-5ae187ed] {
  text-align: center;
}
.escenario-box[data-v-5ae187ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-5ae187ed] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-5ae187ed] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-estado[data-v-5ae187ed] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pregunta-estado strong[data-v-5ae187ed] {
  color: #FCD34D;
}
.opciones-estado[data-v-5ae187ed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-5ae187ed] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.opcion-btn.tipo-0[data-v-5ae187ed] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.tipo-1[data-v-5ae187ed] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-btn.tipo-2[data-v-5ae187ed] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.correcto[data-v-5ae187ed] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecto[data-v-5ae187ed] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.estado-contador[data-v-5ae187ed] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Tabla comparativa ===== */
.tabla-container[data-v-5ae187ed] {
  text-align: center;
}
.tabla-pregunta[data-v-5ae187ed] {
  margin-bottom: 1rem;
}
.tabla-aspecto[data-v-5ae187ed] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.comparativa-visual[data-v-5ae187ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.comp-sistema[data-v-5ae187ed] {
  flex: 1;
  max-width: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.comp-sistema.capitalismo[data-v-5ae187ed] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-sistema.socialismo[data-v-5ae187ed] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-icono[data-v-5ae187ed] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-5ae187ed] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.comp-valor[data-v-5ae187ed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.comp-vs[data-v-5ae187ed] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #8B5CF6;
}
.tabla-pregunta-texto[data-v-5ae187ed] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.tabla-pregunta-texto strong[data-v-5ae187ed] {
  color: #FCD34D;
}
.opciones-tabla[data-v-5ae187ed] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tabla-opcion-btn[data-v-5ae187ed] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.tabla-opcion-btn[data-v-5ae187ed]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.tabla-opcion-btn.correcto[data-v-5ae187ed] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.tabla-opcion-btn.incorrecto[data-v-5ae187ed] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.tabla-contador[data-v-5ae187ed] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-5ae187ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5ae187ed] { font-size: 1.25rem;
}
.resultado-texto[data-v-5ae187ed] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5ae187ed] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5ae187ed] { flex: 1;
}
.nav-btn[data-v-5ae187ed] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5ae187ed] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5ae187ed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5ae187ed] { font-size: 1.75rem;
}
.completado-texto[data-v-5ae187ed] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5ae187ed], .slide-leave-active[data-v-5ae187ed] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5ae187ed] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5ae187ed] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.sistemas-opciones[data-v-5ae187ed] {
    gap: 1rem;
}
.sistema-btn[data-v-5ae187ed] {
    max-width: 160px;
    padding: 1.25rem;
}
.opciones-estado[data-v-5ae187ed] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-5ae187ed] {
    flex: 1 1 45%;
}
.comparativa-visual[data-v-5ae187ed] {
    gap: 1rem;
}
.comp-sistema[data-v-5ae187ed] {
    max-width: 150px;
    padding: 1rem;
}
}

/* Título visual */
.titulo-visual[data-v-1da01409] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.titulo-icono[data-v-1da01409] {
  font-size: 2rem;
}
.titulo-texto[data-v-1da01409] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla comparativa */
.tabla-resumen[data-v-1da01409] {
  margin-bottom: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-1da01409] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.95rem;
}
.tabla-header[data-v-1da01409] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  background: rgba(0, 0, 0, 0.3);
}
.th[data-v-1da01409] {
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
}
.th.aspecto[data-v-1da01409] {
  background: transparent;
}
.th.capitalismo[data-v-1da01409] {
  color: #93C5FD;
}
.th.socialismo[data-v-1da01409] {
  color: #FCA5A5;
}
.th.mixta[data-v-1da01409] {
  color: #6EE7B7;
}
.tabla-fila[data-v-1da01409] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.td[data-v-1da01409] {
  padding: 0.4rem 0.25rem;
  font-size: 0.7rem;
  text-align: center;
  color: #E9D5FF;
}
.td.aspecto[data-v-1da01409] {
  font-weight: 600;
  color: #FCD34D;
  text-align: left;
  padding-left: 0.5rem;
}

/* Conceptos clave */
.conceptos-section[data-v-1da01409] {
  margin-bottom: 1.5rem;
}
.conceptos-titulo[data-v-1da01409] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-card[data-v-1da01409] {
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.concepto-card.capitalismo-card[data-v-1da01409] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-card.socialismo-card[data-v-1da01409] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-card.mixta-card[data-v-1da01409] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cc-header[data-v-1da01409] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.cc-icono[data-v-1da01409] {
  font-size: 1.25rem;
}
.cc-nombre[data-v-1da01409] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cc-contenido[data-v-1da01409] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.cc-contenido strong[data-v-1da01409] {
  color: #E9D5FF;
}

/* Chile box */
.chile-box[data-v-1da01409] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.chile-header[data-v-1da01409] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.chile-bandera[data-v-1da01409] {
  font-size: 1.5rem;
}
.chile-titulo[data-v-1da01409] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.chile-contenido[data-v-1da01409] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.chile-item[data-v-1da01409] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-check[data-v-1da01409] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}

/* Tips PAES */
.tips-paes[data-v-1da01409] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-1da01409] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  text-align: center;
}
.tips-lista[data-v-1da01409] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-1da01409] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-1da01409] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-1da01409] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-1da01409] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-1da01409] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-1da01409] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.final-contenido[data-v-1da01409] {
  flex: 1;
}
.final-titulo[data-v-1da01409] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-1da01409] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.th[data-v-1da01409] {
    font-size: 0.8rem;
    padding: 0.6rem 0.5rem;
}
.td[data-v-1da01409] {
    font-size: 0.8rem;
    padding: 0.5rem;
}
.conceptos-section[data-v-1da01409] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.concepto-card[data-v-1da01409] {
    margin-bottom: 0;
}
.cc-contenido[data-v-1da01409] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-ee0d5dfc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.trabajo-icono[data-v-ee0d5dfc] {
  font-size: 2.5rem;
  animation: float-ee0d5dfc 3s ease-in-out infinite;
}
.trabajo-icono[data-v-ee0d5dfc]:nth-child(2) {
  animation-delay: 0.5s;
}
.trabajo-icono[data-v-ee0d5dfc]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-ee0d5dfc {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-ee0d5dfc] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-ee0d5dfc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-ee0d5dfc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1rem;
}
.marco-legal[data-v-ee0d5dfc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.norma-item[data-v-ee0d5dfc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.norma-icono[data-v-ee0d5dfc] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.norma-info[data-v-ee0d5dfc] {
  display: flex;
  flex-direction: column;
}
.norma-nombre[data-v-ee0d5dfc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.norma-desc[data-v-ee0d5dfc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tipos de relación */
.tipos-section[data-v-ee0d5dfc] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ee0d5dfc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-ee0d5dfc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-ee0d5dfc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.dependiente[data-v-ee0d5dfc] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.independiente[data-v-ee0d5dfc] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-icono[data-v-ee0d5dfc] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-ee0d5dfc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-ee0d5dfc] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Actores */
.actores-section[data-v-ee0d5dfc] {
  margin: 1.5rem 0;
}
.actores-titulo[data-v-ee0d5dfc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.actores-grid[data-v-ee0d5dfc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.actor-item[data-v-ee0d5dfc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.actor-icono[data-v-ee0d5dfc] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.actor-nombre[data-v-ee0d5dfc] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.actor-desc[data-v-ee0d5dfc] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-ee0d5dfc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ee0d5dfc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ee0d5dfc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ee0d5dfc] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-ee0d5dfc] {
    gap: 1.5rem;
}
.trabajo-icono[data-v-ee0d5dfc] {
    font-size: 3rem;
}
.actores-grid[data-v-ee0d5dfc] {
    gap: 0.75rem;
}
.actor-item[data-v-ee0d5dfc] {
    padding: 0.75rem;
}
.actor-icono[data-v-ee0d5dfc] {
    font-size: 1.75rem;
}
.actor-nombre[data-v-ee0d5dfc] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-15176995] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.contrato-icono[data-v-15176995] {
  font-size: 3rem;
}
.firma-icono[data-v-15176995] {
  font-size: 2rem;
  animation: firma-15176995 1.5s ease-in-out infinite;
}
@keyframes firma-15176995 {
0%, 100% { transform: translateY(0) rotate(0deg);
}
50% { transform: translateY(-5px) rotate(5deg);
}
}

/* Texto destacado */
strong.destacado[data-v-15176995] {
  color: #FCD34D;
}

/* Elementos esenciales */
.elementos-section[data-v-15176995] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-15176995] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-lista[data-v-15176995] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.elemento-item[data-v-15176995] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.el-num[data-v-15176995] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.el-info[data-v-15176995] {
  display: flex;
  flex-direction: column;
}
.el-nombre[data-v-15176995] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.el-desc[data-v-15176995] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tipos de contrato */
.tipos-section[data-v-15176995] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-15176995] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-15176995] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-15176995] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo-card.indefinido[data-v-15176995] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-card.fijo[data-v-15176995] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.obra[data-v-15176995] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-icono[data-v-15176995] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tipo-nombre[data-v-15176995] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 80px;
}
.tipo-desc[data-v-15176995] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.tipo-ejemplo[data-v-15176995] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Plazo box */
.plazo-box[data-v-15176995] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.plazo-icono[data-v-15176995] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.plazo-info[data-v-15176995] {
  flex: 1;
}
.plazo-titulo[data-v-15176995] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.5rem;
}
.plazos-detalle[data-v-15176995] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.plazo-item[data-v-15176995] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.plazo-item strong[data-v-15176995] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-15176995] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-15176995] {
  font-size: 1.25rem;
}
.tip-texto[data-v-15176995] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-15176995] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-15176995] {
    flex-direction: row;
}
.tipo-card[data-v-15176995] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.tipo-nombre[data-v-15176995] {
    min-width: auto;
}
.tipo-desc[data-v-15176995] {
    flex: none;
}
.plazos-detalle[data-v-15176995] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-9af645cb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.derecho-icono[data-v-9af645cb], .balance-icono[data-v-9af645cb] {
  font-size: 2.5rem;
}
.derecho-icono[data-v-9af645cb] {
  animation: pulse-9af645cb 2s ease-in-out infinite;
}
@keyframes pulse-9af645cb {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto destacado */
strong.verde[data-v-9af645cb] {
  color: #6EE7B7;
}
strong.amarillo[data-v-9af645cb] {
  color: #FCD34D;
}

/* Sección derechos */
.seccion-derechos[data-v-9af645cb], .seccion-deberes[data-v-9af645cb] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-9af645cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.seccion-titulo.trabajador[data-v-9af645cb] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.seccion-titulo.empleador[data-v-9af645cb] {
  background: rgba(245, 158, 11, 0.15);
  color: #FCD34D;
}
.titulo-icono[data-v-9af645cb] {
  font-size: 1.25rem;
}

/* Lista de derechos */
.lista-items[data-v-9af645cb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.item-derecho[data-v-9af645cb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-9af645cb] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.item-info[data-v-9af645cb] {
  display: flex;
  flex-direction: column;
}
.item-nombre[data-v-9af645cb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.item-desc[data-v-9af645cb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Deberes grid */
.deberes-grid[data-v-9af645cb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.deber-item[data-v-9af645cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.deber-icono[data-v-9af645cb] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.deber-texto[data-v-9af645cb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Sindicatos */
.sindicatos-section[data-v-9af645cb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.sindicatos-titulo[data-v-9af645cb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.sindicatos-desc[data-v-9af645cb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.sindicatos-desc strong[data-v-9af645cb] {
  color: #C4B5FD;
}
.funciones-grid[data-v-9af645cb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.funcion-item[data-v-9af645cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.funcion-icono[data-v-9af645cb] {
  font-size: 1.25rem;
}
.funcion-texto[data-v-9af645cb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-9af645cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9af645cb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9af645cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9af645cb] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9af645cb] {
    gap: 1.5rem;
}
.derecho-icono[data-v-9af645cb], .balance-icono[data-v-9af645cb] {
    font-size: 3rem;
}
.deberes-grid[data-v-9af645cb] {
    grid-template-columns: repeat(4, 1fr);
}
.funciones-grid[data-v-9af645cb] {
    gap: 0.75rem;
}
.funcion-item[data-v-9af645cb] {
    padding: 0.75rem;
}
.funcion-texto[data-v-9af645cb] {
    font-size: 0.75rem;
}
}

.explorador[data-v-0a455493] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0a455493] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0a455493] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0a455493] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0a455493] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0a455493] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0a455493] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0a455493] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0a455493] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0a455493] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Elementos del contrato ===== */
.clasificar-container[data-v-0a455493] {
  text-align: center;
}
.pregunta-desafio[data-v-0a455493] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-desafio strong[data-v-0a455493] {
  color: #FCD34D;
}
.elemento-actual[data-v-0a455493] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-icono[data-v-0a455493] {
  font-size: 2rem;
}
.elemento-nombre[data-v-0a455493] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-si-no[data-v-0a455493] {
  display: flex;
  gap: 0.5rem;
}
.opcion-btn[data-v-0a455493] {
  flex: 1;
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.opcion-btn.si[data-v-0a455493] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.no[data-v-0a455493] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-btn.seleccionado[data-v-0a455493] {
  transform: scale(0.98);
}
.opcion-btn.correcto[data-v-0a455493] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecto[data-v-0a455493] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* ===== DESAFÍO 2: Tipos de contrato ===== */
.contratos-container[data-v-0a455493] {
  text-align: center;
}
.caso-box[data-v-0a455493] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.caso-icono[data-v-0a455493] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.caso-texto[data-v-0a455493] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-contrato[data-v-0a455493] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.tipos-opciones[data-v-0a455493] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-btn[data-v-0a455493] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.tipo-btn[data-v-0a455493]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.tipo-btn.seleccionado[data-v-0a455493] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tipo-btn.correcto[data-v-0a455493] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.tipo-btn.incorrecto[data-v-0a455493] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.tipo-icono[data-v-0a455493] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-0a455493] {
  font-size: 0.9rem;
}

/* ===== DESAFÍO 3: Derechos y deberes ===== */
.derechos-container[data-v-0a455493] {
  text-align: center;
}
.pregunta-derechos[data-v-0a455493] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
strong.derecho[data-v-0a455493] {
  color: #6EE7B7;
}
strong.deber[data-v-0a455493] {
  color: #FCD34D;
}
.item-actual[data-v-0a455493] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.item-icono[data-v-0a455493] {
  font-size: 2rem;
}
.item-nombre[data-v-0a455493] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-derecho-deber[data-v-0a455493] {
  display: flex;
  gap: 0.5rem;
}
.opcion-btn.derecho[data-v-0a455493] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.deber[data-v-0a455493] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}

/* Contador */
.contador[data-v-0a455493] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-0a455493] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0a455493] { font-size: 1.25rem;
}
.resultado-texto[data-v-0a455493] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0a455493] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0a455493] { flex: 1;
}
.nav-btn[data-v-0a455493] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0a455493] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0a455493] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0a455493] { font-size: 1.75rem;
}
.completado-texto[data-v-0a455493] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0a455493], .slide-leave-active[data-v-0a455493] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0a455493] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0a455493] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.tipos-opciones[data-v-0a455493] {
    flex-direction: row;
}
.tipo-btn[data-v-0a455493] {
    flex: 1;
    flex-direction: column;
}
}

/* Intro visual */
.intro-visual[data-v-d500a35f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-d500a35f] {
  font-size: 2rem;
}

/* Texto PAES */
strong.paes[data-v-d500a35f] {
  color: #FCD34D;
}

/* Conceptos section */
.conceptos-section[data-v-d500a35f] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-d500a35f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.concepto-card[data-v-d500a35f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.concepto-header[data-v-d500a35f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-d500a35f] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-d500a35f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #C4B5FD;
}
.concepto-desc[data-v-d500a35f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.concepto-desc strong[data-v-d500a35f] {
  color: #FFFFFF;
}

/* Tipos resumen */
.tipos-resumen[data-v-d500a35f] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d500a35f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-d500a35f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tipo-mini[data-v-d500a35f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-mini.indefinido[data-v-d500a35f] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.tipo-mini.fijo[data-v-d500a35f] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-mini.obra[data-v-d500a35f] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-mini .tipo-icono[data-v-d500a35f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-mini .tipo-nombre[data-v-d500a35f] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Derechos resumen */
.derechos-resumen[data-v-d500a35f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.derechos-titulo[data-v-d500a35f] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.derechos-lista[data-v-d500a35f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.derecho-item[data-v-d500a35f] {
  font-size: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 9999px;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-d500a35f] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-d500a35f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-d500a35f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d500a35f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-d500a35f] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.tip-texto[data-v-d500a35f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-d500a35f] {
  color: #93C5FD;
}

/* Mensaje final */
.mensaje-final[data-v-d500a35f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
  text-align: center;
}
.final-icono[data-v-d500a35f] {
  font-size: 1.75rem;
}
.final-texto[data-v-d500a35f] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.final-texto strong[data-v-d500a35f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d500a35f] {
    gap: 1.5rem;
}
.resumen-icono[data-v-d500a35f] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-d500a35f] {
    gap: 0.75rem;
}
.tipo-mini[data-v-d500a35f] {
    padding: 0.75rem;
}
.tipo-mini .tipo-icono[data-v-d500a35f] {
    font-size: 1.75rem;
}
.tipo-mini .tipo-nombre[data-v-d500a35f] {
    font-size: 0.8rem;
}
.derechos-lista[data-v-d500a35f] {
    gap: 0.5rem;
}
.derecho-item[data-v-d500a35f] {
    font-size: 0.8rem;
    padding: 0.5rem 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-c80cb850] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.const-icono[data-v-c80cb850] {
  font-size: 2.5rem;
  animation: float-c80cb850 3s ease-in-out infinite;
}
.const-icono[data-v-c80cb850]:nth-child(2) {
  animation-delay: 0.5s;
}
.const-icono[data-v-c80cb850]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-c80cb850 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-c80cb850] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-c80cb850] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-c80cb850] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-c80cb850] {
  flex: 1;
}
.concepto-titulo[data-v-c80cb850] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-c80cb850] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-c80cb850] {
  color: #FFFFFF;
}

/* Jerarquía - Pirámide */
.jerarquia-section[data-v-c80cb850] {
  margin: 1.5rem 0;
}
.jerarquia-titulo[data-v-c80cb850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.piramide[data-v-c80cb850] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.nivel[data-v-c80cb850] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.nivel-1[data-v-c80cb850] {
  width: 60%;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.nivel-2[data-v-c80cb850] {
  width: 75%;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.nivel-3[data-v-c80cb850] {
  width: 88%;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.nivel-4[data-v-c80cb850] {
  width: 100%;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.nivel-nombre[data-v-c80cb850] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-1 .nivel-nombre[data-v-c80cb850] { color: #6EE7B7;
}
.nivel-desc[data-v-c80cb850] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Funciones */
.funciones-section[data-v-c80cb850] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-c80cb850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-c80cb850] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.funcion[data-v-c80cb850] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.func-icono[data-v-c80cb850] {
  font-size: 1.25rem;
}
.func-texto[data-v-c80cb850] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.func-texto strong[data-v-c80cb850] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-c80cb850] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c80cb850] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c80cb850] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c80cb850] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c80cb850] {
    gap: 1.5rem;
}
.const-icono[data-v-c80cb850] {
    font-size: 3rem;
}
.nivel-nombre[data-v-c80cb850] {
    font-size: 0.85rem;
}
.nivel-desc[data-v-c80cb850] {
    font-size: 0.75rem;
}
.funciones-grid[data-v-c80cb850] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-7acd785a] {
  color: #FCD34D;
}
strong.autor[data-v-7acd785a] {
  color: #93C5FD;
}

/* Timeline */
.timeline-section[data-v-7acd785a] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-7acd785a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-7acd785a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  padding-left: 1rem;
}
.timeline[data-v-7acd785a]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-item[data-v-7acd785a] {
  position: relative;
  padding-left: 1rem;
}
.timeline-item[data-v-7acd785a]::before {
  content: '';
  position: absolute;
  left: -1rem;
  top: 0.5rem;
  width: 12px;
  height: 12px;
  background: #8B5CF6;
  border-radius: 50%;
  transform: translateX(-4.5px);
}
.timeline-item.actual[data-v-7acd785a]::before {
  background: #10B981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}
.timeline-año[data-v-7acd785a] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.timeline-item.actual .timeline-año[data-v-7acd785a] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.timeline-contenido[data-v-7acd785a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.timeline-item.actual .timeline-contenido[data-v-7acd785a] {
  border-color: rgba(16, 185, 129, 0.4);
}
.timeline-nombre[data-v-7acd785a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.timeline-desc[data-v-7acd785a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.timeline-puntos[data-v-7acd785a] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.timeline-puntos li[data-v-7acd785a] {
  margin-bottom: 0.15rem;
}

/* Reformas */
.reformas-section[data-v-7acd785a] {
  margin: 1.5rem 0;
}
.reformas-titulo[data-v-7acd785a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reformas-grid[data-v-7acd785a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.reforma[data-v-7acd785a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.reforma-año[data-v-7acd785a] {
  padding: 0.2rem 0.5rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  flex-shrink: 0;
}
.reforma-desc[data-v-7acd785a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Dato importante */
.dato-importante[data-v-7acd785a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-7acd785a] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-7acd785a] {
  flex: 1;
}
.dato-titulo[data-v-7acd785a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.dato-texto[data-v-7acd785a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.dato-texto strong[data-v-7acd785a] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-7acd785a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7acd785a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7acd785a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7acd785a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reformas-grid[data-v-7acd785a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.timeline-puntos[data-v-7acd785a] {
    font-size: 0.8rem;
}
}

/* Texto destacado */
strong.destacado[data-v-841c3c6f] {
  color: #FCD34D;
}

/* Artículo section */
.articulo-section[data-v-841c3c6f] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.articulo-header[data-v-841c3c6f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.articulo-num[data-v-841c3c6f] {
  padding: 0.25rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.articulo-titulo[data-v-841c3c6f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.articulo-contenido[data-v-841c3c6f] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.principio[data-v-841c3c6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.principio-icono[data-v-841c3c6f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.principio-texto[data-v-841c3c6f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.principio-texto strong[data-v-841c3c6f] {
  color: #FFFFFF;
}

/* Principios fundamentales */
.principios-section[data-v-841c3c6f] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-841c3c6f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-841c3c6f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.principio-card[data-v-841c3c6f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.card-icono[data-v-841c3c6f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-nombre[data-v-841c3c6f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.card-desc[data-v-841c3c6f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Deberes del Estado */
.deberes-section[data-v-841c3c6f] {
  margin: 1.5rem 0;
}
.deberes-titulo[data-v-841c3c6f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.deberes-lista[data-v-841c3c6f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.deber[data-v-841c3c6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.deber-check[data-v-841c3c6f] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.deber-texto[data-v-841c3c6f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.deber-texto strong[data-v-841c3c6f] {
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-841c3c6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-841c3c6f] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-841c3c6f] {
  flex: 1;
}
.concepto-titulo[data-v-841c3c6f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-841c3c6f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-841c3c6f] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-841c3c6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-841c3c6f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-841c3c6f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-841c3c6f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.principios-grid[data-v-841c3c6f] {
    grid-template-columns: repeat(4, 1fr);
}
.card-nombre[data-v-841c3c6f] {
    font-size: 0.8rem;
}
.card-desc[data-v-841c3c6f] {
    font-size: 0.7rem;
}
}

/* Texto destacado */
strong.destacado[data-v-8f497a2c] {
  color: #FCD34D;
}

/* Capítulos */
.capitulos-section[data-v-8f497a2c] {
  margin: 1.5rem 0;
}
.capitulos-titulo[data-v-8f497a2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capitulos-lista[data-v-8f497a2c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.capitulo[data-v-8f497a2c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.cap-1[data-v-8f497a2c] { border-color: #10B981;
}
.cap-2[data-v-8f497a2c] { border-color: #3B82F6;
}
.cap-3[data-v-8f497a2c] { border-color: #F59E0B;
}
.cap-4[data-v-8f497a2c] { border-color: #EF4444;
}
.cap-5[data-v-8f497a2c] { border-color: #8B5CF6;
}
.cap-6[data-v-8f497a2c] { border-color: #EC4899;
}
.cap-num[data-v-8f497a2c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.cap-contenido[data-v-8f497a2c] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.cap-nombre[data-v-8f497a2c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cap-desc[data-v-8f497a2c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Artículo 19 */
.art19-section[data-v-8f497a2c] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.art19-header[data-v-8f497a2c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.2);
}
.art19-badge[data-v-8f497a2c] {
  padding: 0.25rem 0.5rem;
  background: #F59E0B;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1F2937;
}
.art19-titulo[data-v-8f497a2c] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.derechos-grid[data-v-8f497a2c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  padding: 0.75rem;
}
.derecho[data-v-8f497a2c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.der-num[data-v-8f497a2c] {
  padding: 0.15rem 0.35rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 0.2rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.der-nombre[data-v-8f497a2c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Poderes del Estado */
.poderes-section[data-v-8f497a2c] {
  margin: 1.5rem 0;
}
.poderes-titulo[data-v-8f497a2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poderes-grid[data-v-8f497a2c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.poder[data-v-8f497a2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.25rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejecutivo[data-v-8f497a2c] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.legislativo[data-v-8f497a2c] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.judicial[data-v-8f497a2c] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.poder-icono[data-v-8f497a2c] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.poder-nombre[data-v-8f497a2c] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.poder-quien[data-v-8f497a2c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}
.poder-funcion[data-v-8f497a2c] {
  font-size: 0.6rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-8f497a2c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8f497a2c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8f497a2c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8f497a2c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.capitulos-lista[data-v-8f497a2c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.derechos-grid[data-v-8f497a2c] {
    grid-template-columns: repeat(4, 1fr);
}
.poder-nombre[data-v-8f497a2c] {
    font-size: 0.8rem;
}
.poder-quien[data-v-8f497a2c] {
    font-size: 0.75rem;
}
.poder-funcion[data-v-8f497a2c] {
    font-size: 0.7rem;
}
}

.explorador[data-v-d7a1a97b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d7a1a97b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d7a1a97b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d7a1a97b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d7a1a97b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d7a1a97b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d7a1a97b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d7a1a97b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d7a1a97b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d7a1a97b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-game[data-v-d7a1a97b] {
  text-align: center;
}
.timeline-pregunta[data-v-d7a1a97b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.timeline-opciones[data-v-d7a1a97b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-btn[data-v-d7a1a97b] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.timeline-btn[data-v-d7a1a97b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.timeline-btn.correcto[data-v-d7a1a97b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.timeline-btn.incorrecto[data-v-d7a1a97b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-d7a1a97b] {
  text-align: center;
}
.clasificar-pregunta[data-v-d7a1a97b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.clasificar-icono[data-v-d7a1a97b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.clasificar-texto[data-v-d7a1a97b] {
  font-size: 0.9rem;
  font-style: italic;
  color: #E9D5FF;
  line-height: 1.4;
}
.clasificar-opciones[data-v-d7a1a97b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-d7a1a97b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.clasificar-btn[data-v-d7a1a97b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.clasificar-btn.correcto[data-v-d7a1a97b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.clasificar-btn.incorrecto[data-v-d7a1a97b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-capitulo[data-v-d7a1a97b] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.opcion-nombre[data-v-d7a1a97b] {
  font-weight: 600;
}

/* ===== DESAFÍO 3: Derechos ===== */
.derechos-game[data-v-d7a1a97b] {
  text-align: center;
}
.derechos-escenario[data-v-d7a1a97b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-d7a1a97b] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-d7a1a97b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.escenario-texto strong[data-v-d7a1a97b] {
  color: #93C5FD;
}
.derechos-pregunta[data-v-d7a1a97b] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.derechos-opciones[data-v-d7a1a97b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.derecho-btn[data-v-d7a1a97b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.derecho-btn[data-v-d7a1a97b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.derecho-btn.correcto[data-v-d7a1a97b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.derecho-btn.incorrecto[data-v-d7a1a97b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.derecho-num[data-v-d7a1a97b] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.derecho-nombre[data-v-d7a1a97b] {
  font-weight: 600;
}
.derecho-feedback[data-v-d7a1a97b] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.derecho-feedback.correcto[data-v-d7a1a97b] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Contador */
.game-contador[data-v-d7a1a97b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d7a1a97b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d7a1a97b] { font-size: 1.25rem;
}
.resultado-texto[data-v-d7a1a97b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d7a1a97b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d7a1a97b] { flex: 1;
}
.nav-btn[data-v-d7a1a97b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d7a1a97b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d7a1a97b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d7a1a97b] { font-size: 1.75rem;
}
.completado-texto[data-v-d7a1a97b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d7a1a97b], .slide-leave-active[data-v-d7a1a97b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d7a1a97b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d7a1a97b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.timeline-opciones[data-v-d7a1a97b] {
    flex-direction: row;
    justify-content: center;
}
.timeline-btn[data-v-d7a1a97b] {
    flex: 1;
    max-width: 200px;
}
}

/* Intro */
.intro-resumen[data-v-7135511b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-7135511b] {
  font-size: 2rem;
}
.intro-resumen p[data-v-7135511b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.5;
}
strong.destacado[data-v-7135511b] {
  color: #FCD34D;
}

/* Resumen cards */
.resumen-cards[data-v-7135511b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-7135511b] {
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.card-header[data-v-7135511b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.card-header.que[data-v-7135511b] { background: rgba(139, 92, 246, 0.3);
}
.card-header.historia[data-v-7135511b] { background: rgba(59, 130, 246, 0.3);
}
.card-header.bases[data-v-7135511b] { background: rgba(16, 185, 129, 0.3);
}
.card-header.derechos[data-v-7135511b] { background: rgba(245, 158, 11, 0.3);
}
.card-icono[data-v-7135511b] {
  font-size: 1.25rem;
}
.card-titulo[data-v-7135511b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-body[data-v-7135511b] {
  padding: 0.75rem;
}
.card-lista[data-v-7135511b] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.card-lista li[data-v-7135511b] {
  margin-bottom: 0.25rem;
}
.card-lista strong[data-v-7135511b] {
  color: #FFFFFF;
}

/* Timeline mini */
.timeline-mini[data-v-7135511b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tm-item[data-v-7135511b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0;
}
.tm-item.destacado[data-v-7135511b] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
  padding: 0.3rem 0.5rem;
}
.tm-año[data-v-7135511b] {
  padding: 0.15rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.2rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.tm-item.destacado .tm-año[data-v-7135511b] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tm-desc[data-v-7135511b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Derechos mini */
.derechos-mini[data-v-7135511b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.dm-item[data-v-7135511b] {
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #FCD34D;
}

/* Tips PAES */
.tips-section[data-v-7135511b] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-7135511b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-7135511b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-7135511b] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-7135511b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-contenido[data-v-7135511b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7135511b] {
  color: #6EE7B7;
}

/* Esquema */
.esquema-section[data-v-7135511b] {
  margin: 1.5rem 0;
}
.esquema-titulo[data-v-7135511b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.esquema-contenido[data-v-7135511b] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.esquema-row[data-v-7135511b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.esquema-row[data-v-7135511b]:last-child {
  border-bottom: none;
}
.esquema-label[data-v-7135511b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.esquema-valor[data-v-7135511b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: right;
}

/* Mensaje final */
.mensaje-final[data-v-7135511b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-7135511b] {
  font-size: 1.75rem;
}
.final-texto[data-v-7135511b] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-7135511b] {
    grid-template-columns: repeat(2, 1fr);
}
.tips-lista[data-v-7135511b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a3692f4b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.demo-icono[data-v-a3692f4b] {
  font-size: 2.5rem;
  animation: float-a3692f4b 3s ease-in-out infinite;
}
.demo-icono[data-v-a3692f4b]:nth-child(2) {
  animation-delay: 0.5s;
}
.demo-icono[data-v-a3692f4b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-a3692f4b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-a3692f4b] {
  color: #FCD34D;
}
strong.atenas[data-v-a3692f4b] {
  color: #93C5FD;
}

/* Etimología */
.etimologia-section[data-v-a3692f4b] {
  margin: 1.5rem 0;
}
.etimologia-titulo[data-v-a3692f4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etimologia-visual[data-v-a3692f4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.palabra-parte[data-v-a3692f4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.palabra-parte.resultado[data-v-a3692f4b] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.griego[data-v-a3692f4b] {
  font-size: 1.25rem;
  color: #C4B5FD;
  font-style: italic;
}
.significado[data-v-a3692f4b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.traduccion[data-v-a3692f4b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.resultado .traduccion[data-v-a3692f4b] {
  color: #6EE7B7;
}
.mas[data-v-a3692f4b], .igual[data-v-a3692f4b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Origen histórico */
.origen-section[data-v-a3692f4b] {
  margin: 1.5rem 0;
}
.origen-titulo[data-v-a3692f4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.origen-contenido[data-v-a3692f4b] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.origen-icono[data-v-a3692f4b] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.origen-texto[data-v-a3692f4b] {
  flex: 1;
}
.origen-texto p[data-v-a3692f4b] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.origen-texto p[data-v-a3692f4b]:last-child {
  margin-bottom: 0;
}
.origen-dato[data-v-a3692f4b] {
  color: #C4B5FD !important;
  font-size: 0.85rem !important;
}

/* Concepto clave */
.concepto-clave[data-v-a3692f4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-a3692f4b] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-a3692f4b] {
  flex: 1;
}
.concepto-titulo[data-v-a3692f4b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-a3692f4b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-a3692f4b] {
  color: #FFFFFF;
}

/* Contraste sistemas */
.contraste-section[data-v-a3692f4b] {
  margin: 1.5rem 0 0;
}
.contraste-titulo[data-v-a3692f4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contraste-grid[data-v-a3692f4b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.sistema[data-v-a3692f4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.25rem;
  border-radius: 0.5rem;
  text-align: center;
}
.democracia-card[data-v-a3692f4b] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.autocracia-card[data-v-a3692f4b] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.oligarquia-card[data-v-a3692f4b] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.sistema-icono[data-v-a3692f4b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.sistema-nombre[data-v-a3692f4b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sistema-desc[data-v-a3692f4b] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a3692f4b] {
    gap: 1.5rem;
}
.demo-icono[data-v-a3692f4b] {
    font-size: 3rem;
}
.etimologia-visual[data-v-a3692f4b] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.palabra-parte[data-v-a3692f4b] {
    padding: 0.75rem 1.5rem;
}
.contraste-grid[data-v-a3692f4b] {
    gap: 0.75rem;
}
.sistema[data-v-a3692f4b] {
    padding: 1rem 0.5rem;
}
.sistema-icono[data-v-a3692f4b] {
    font-size: 2rem;
}
.sistema-nombre[data-v-a3692f4b] {
    font-size: 0.85rem;
}
.sistema-desc[data-v-a3692f4b] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-66da7151] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.principio-icono[data-v-66da7151] {
  font-size: 2.5rem;
  animation: float-66da7151 3s ease-in-out infinite;
}
.principio-icono[data-v-66da7151]:nth-child(2) {
  animation-delay: 0.5s;
}
.principio-icono[data-v-66da7151]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-66da7151 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-66da7151] {
  color: #FCD34D;
}

/* Principios section */
.principios-section[data-v-66da7151] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-66da7151] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-66da7151] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.principio-card[data-v-66da7151] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.principio-card.soberania[data-v-66da7151] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.principio-card.igualdad[data-v-66da7151] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.principio-card.libertad[data-v-66da7151] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.principio-card.separacion[data-v-66da7151] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.principio-header[data-v-66da7151] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-icono[data-v-66da7151] {
  font-size: 1.25rem;
}
.p-nombre[data-v-66da7151] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.p-desc[data-v-66da7151] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.p-desc strong[data-v-66da7151] {
  color: #FFFFFF;
}

/* Valores section */
.valores-section[data-v-66da7151] {
  margin: 1.5rem 0;
}
.valores-titulo[data-v-66da7151] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.valores-lista[data-v-66da7151] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.valor-item[data-v-66da7151] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.v-icono[data-v-66da7151] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.v-contenido[data-v-66da7151] {
  display: flex;
  flex-direction: column;
}
.v-nombre[data-v-66da7151] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.v-desc[data-v-66da7151] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-66da7151] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-66da7151] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-66da7151] {
  flex: 1;
}
.concepto-titulo[data-v-66da7151] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-66da7151] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-66da7151] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-66da7151] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-66da7151] {
  font-size: 1.25rem;
}
.tip-texto[data-v-66da7151] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-66da7151] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-66da7151] {
    gap: 1.5rem;
}
.principio-icono[data-v-66da7151] {
    font-size: 3rem;
}
.principios-grid[data-v-66da7151] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.valores-lista[data-v-66da7151] {
    grid-template-columns: repeat(4, 1fr);
}
.valor-item[data-v-66da7151] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.v-contenido[data-v-66da7151] {
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-5f2d84a0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.tipo-icono[data-v-5f2d84a0] {
  font-size: 2.5rem;
  animation: float-5f2d84a0 3s ease-in-out infinite;
}
.tipo-icono[data-v-5f2d84a0]:nth-child(2) {
  animation-delay: 0.5s;
}
.tipo-icono[data-v-5f2d84a0]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5f2d84a0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Tipos section */
.tipos-section[data-v-5f2d84a0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-5f2d84a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tipo card */
.tipo-card[data-v-5f2d84a0] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.tipo-card.directa[data-v-5f2d84a0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.representativa[data-v-5f2d84a0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.semidirecta[data-v-5f2d84a0] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-5f2d84a0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tipo-icon-container[data-v-5f2d84a0] {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.directa-bg[data-v-5f2d84a0] { background: rgba(59, 130, 246, 0.3);
}
.representativa-bg[data-v-5f2d84a0] { background: rgba(16, 185, 129, 0.3);
}
.semidirecta-bg[data-v-5f2d84a0] { background: rgba(245, 158, 11, 0.3);
}
.tipo-main-icon[data-v-5f2d84a0] {
  font-size: 1.5rem;
}
.tipo-title-area[data-v-5f2d84a0] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-5f2d84a0] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-5f2d84a0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-contenido[data-v-5f2d84a0] {
  padding: 0.75rem;
}
.tipo-desc[data-v-5f2d84a0] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tipo-desc strong[data-v-5f2d84a0] {
  color: #FFFFFF;
}
.tipo-caracteristicas[data-v-5f2d84a0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.caract[data-v-5f2d84a0] {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}

/* Mecanismos semidirecta */
.tipo-mecanismos[data-v-5f2d84a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.mecanismo[data-v-5f2d84a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.m-icono[data-v-5f2d84a0] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.m-nombre[data-v-5f2d84a0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  white-space: nowrap;
}
.m-desc[data-v-5f2d84a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-5f2d84a0] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-5f2d84a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-5f2d84a0] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-5f2d84a0] {
  display: flex;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tabla-row[data-v-5f2d84a0] {
  display: flex;
  padding: 0.5rem 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
}
.col-tipo[data-v-5f2d84a0] {
  width: 40%;
  font-weight: 600;
}
.col-quien[data-v-5f2d84a0] {
  width: 60%;
  color: #E9D5FF;
}
.directa-row .col-tipo[data-v-5f2d84a0] { color: #93C5FD;
}
.representativa-row .col-tipo[data-v-5f2d84a0] { color: #6EE7B7;
}
.semidirecta-row .col-tipo[data-v-5f2d84a0] { color: #FCD34D;
}

/* Tip */
.tip[data-v-5f2d84a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5f2d84a0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5f2d84a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5f2d84a0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5f2d84a0] {
    gap: 1.5rem;
}
.tipo-icono[data-v-5f2d84a0] {
    font-size: 3rem;
}
.tipo-mecanismos[data-v-5f2d84a0] {
    flex-direction: row;
    flex-wrap: wrap;
}
.mecanismo[data-v-5f2d84a0] {
    flex: 1 1 calc(50% - 0.25rem);
}
}

.explorador[data-v-af894021] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-af894021] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-af894021] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-af894021] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-af894021] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-af894021] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-af894021] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-af894021] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-af894021] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-af894021] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-af894021] {
  text-align: center;
}
.conceptos-disponibles[data-v-af894021] {
  margin-bottom: 1rem;
}
.conceptos-label[data-v-af894021] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.conceptos-pool[data-v-af894021] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-btn[data-v-af894021] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.concepto-btn.seleccionado[data-v-af894021] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.categorias-destino[data-v-af894021] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.categoria-destino[data-v-af894021] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.categoria-destino.democratico[data-v-af894021] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px dashed rgba(16, 185, 129, 0.4);
}
.categoria-destino.nodemo[data-v-af894021] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed rgba(239, 68, 68, 0.4);
}
.categoria-destino.activo[data-v-af894021] {
  border-style: solid;
  transform: scale(1.02);
}
.categoria-destino.activo.democratico[data-v-af894021] {
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}
.categoria-destino.activo.nodemo[data-v-af894021] {
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
}
.cat-icono[data-v-af894021] {
  font-size: 1.5rem;
}
.cat-nombre[data-v-af894021] {
  font-size: 0.8rem;
  font-weight: 700;
}
.democratico .cat-nombre[data-v-af894021] {
  color: #6EE7B7;
}
.nodemo .cat-nombre[data-v-af894021] {
  color: #FCA5A5;
}
.cat-conceptos[data-v-af894021] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.concepto-clasificado[data-v-af894021] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.concepto-clasificado.correcto[data-v-af894021] {
  background: rgba(16, 185, 129, 0.2);
}
.concepto-clasificado.incorrecto[data-v-af894021] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-af894021] {
  text-align: center;
}
.pregunta-relacion[data-v-af894021] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-af894021] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-af894021] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-af894021] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-af894021]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-af894021] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-af894021] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-af894021] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-af894021] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Votación ===== */
.votacion-container[data-v-af894021] {
  text-align: center;
}
.votacion-escenario[data-v-af894021] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-af894021] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-af894021] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.escenario-texto strong[data-v-af894021] {
  color: #93C5FD;
}
.votacion-pregunta[data-v-af894021] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.votacion-opciones[data-v-af894021] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.voto-btn[data-v-af894021] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.voto-btn[data-v-af894021]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.voto-btn.seleccionado[data-v-af894021] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.voto-btn.correcto[data-v-af894021] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.voto-btn.incorrecto[data-v-af894021] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.voto-icono[data-v-af894021] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.voto-texto[data-v-af894021] {
  font-weight: 600;
}
.voto-feedback[data-v-af894021] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.voto-feedback.correcto[data-v-af894021] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.votacion-contador[data-v-af894021] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-af894021] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-af894021], .btn-reiniciar[data-v-af894021] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-af894021] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-af894021] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-af894021] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-af894021] { font-size: 1.25rem;
}
.resultado-texto[data-v-af894021] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-af894021] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-af894021] { flex: 1;
}
.nav-btn[data-v-af894021] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-af894021] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-af894021] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-af894021] { font-size: 1.75rem;
}
.completado-texto[data-v-af894021] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-af894021], .slide-leave-active[data-v-af894021] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-af894021] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-af894021] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-pool[data-v-af894021] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.concepto-btn[data-v-af894021] {
    flex: 0 1 auto;
}
.opciones-relacion[data-v-af894021] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-af894021] {
    flex: 1 1 45%;
}
}

/* Header */
.resumen-header[data-v-85d7b7cf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-85d7b7cf] {
  font-size: 2rem;
}
.header-texto[data-v-85d7b7cf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Definición box */
.definicion-box[data-v-85d7b7cf] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-titulo[data-v-85d7b7cf] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.def-texto[data-v-85d7b7cf] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-85d7b7cf] {
  color: #FFFFFF;
}
.def-texto .griego[data-v-85d7b7cf] {
  color: #C4B5FD;
  font-style: italic;
}

/* Secciones */
.seccion[data-v-85d7b7cf] {
  margin-bottom: 1.5rem;
}
.seccion-titulo[data-v-85d7b7cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Principios resumen */
.principios-resumen[data-v-85d7b7cf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.principio-item[data-v-85d7b7cf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.p-icono[data-v-85d7b7cf] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.p-contenido[data-v-85d7b7cf] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.p-nombre[data-v-85d7b7cf] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-desc[data-v-85d7b7cf] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tipos resumen */
.tipos-resumen[data-v-85d7b7cf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-row[data-v-85d7b7cf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-85d7b7cf] {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.tipo-nombre.directa[data-v-85d7b7cf] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.tipo-nombre.representativa[data-v-85d7b7cf] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tipo-nombre.semidirecta[data-v-85d7b7cf] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.tipo-desc[data-v-85d7b7cf] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.tipo-ej[data-v-85d7b7cf] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Valores resumen */
.valores-resumen[data-v-85d7b7cf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.valor-tag[data-v-85d7b7cf] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-85d7b7cf] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-85d7b7cf] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-85d7b7cf] {
  margin: 0;
  padding-left: 1.25rem;
  list-style: none;
}
.tips-lista li[data-v-85d7b7cf] {
  position: relative;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista li[data-v-85d7b7cf]:last-child {
  margin-bottom: 0;
}
.tips-lista li[data-v-85d7b7cf]::before {
  content: '•';
  color: #6EE7B7;
  position: absolute;
  left: -1rem;
  font-weight: 700;
}
.tips-lista strong[data-v-85d7b7cf] {
  color: #FFFFFF;
}

/* Contraste final */
.contraste-final[data-v-85d7b7cf] {
  margin-bottom: 1.5rem;
}
.contraste-titulo[data-v-85d7b7cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contraste-grid[data-v-85d7b7cf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.contraste-col[data-v-85d7b7cf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.contraste-col.si[data-v-85d7b7cf] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.contraste-col.no[data-v-85d7b7cf] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.col-header[data-v-85d7b7cf] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.si .col-header[data-v-85d7b7cf] {
  color: #6EE7B7;
}
.no .col-header[data-v-85d7b7cf] {
  color: #FCA5A5;
}
.col-lista[data-v-85d7b7cf] {
  margin: 0;
  padding-left: 1rem;
  list-style: none;
}
.col-lista li[data-v-85d7b7cf] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  position: relative;
}
.col-lista li[data-v-85d7b7cf]::before {
  content: '–';
  position: absolute;
  left: -0.75rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-85d7b7cf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-85d7b7cf] {
  font-size: 1.75rem;
}
.final-texto[data-v-85d7b7cf] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.principios-resumen[data-v-85d7b7cf] {
    grid-template-columns: repeat(4, 1fr);
}
.principio-item[data-v-85d7b7cf] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem 0.5rem;
}
.p-contenido[data-v-85d7b7cf] {
    align-items: center;
}
.p-nombre[data-v-85d7b7cf] {
    white-space: normal;
    text-align: center;
}
.tipo-row[data-v-85d7b7cf] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-664d6db3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.ddhh-icono[data-v-664d6db3] {
  font-size: 2.5rem;
  animation: float-664d6db3 3s ease-in-out infinite;
}
.ddhh-icono[data-v-664d6db3]:nth-child(2) {
  animation-delay: 0.5s;
}
.ddhh-icono[data-v-664d6db3]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-664d6db3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-664d6db3] {
  color: #FCD34D;
}

/* Declaración section */
.declaracion-section[data-v-664d6db3] {
  margin: 1.5rem 0;
}
.declaracion-titulo[data-v-664d6db3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.declaracion-contenido[data-v-664d6db3] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.fecha-badge[data-v-664d6db3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.fecha-dia[data-v-664d6db3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  line-height: 1;
}
.fecha-mes[data-v-664d6db3] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  text-transform: uppercase;
}
.fecha-año[data-v-664d6db3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.declaracion-info[data-v-664d6db3] {
  flex: 1;
}
.declaracion-info p[data-v-664d6db3] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.declaracion-info p[data-v-664d6db3]:last-child {
  margin-bottom: 0;
}
.declaracion-dato[data-v-664d6db3] {
  color: #C4B5FD !important;
  font-size: 0.85rem !important;
}
.declaracion-info strong[data-v-664d6db3] {
  color: #FFFFFF;
}

/* Contexto histórico */
.contexto-section[data-v-664d6db3] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-664d6db3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-timeline[data-v-664d6db3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.timeline-item[data-v-664d6db3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.timeline-item.destacado[data-v-664d6db3] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.timeline-icono[data-v-664d6db3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.timeline-contenido[data-v-664d6db3] {
  display: flex;
  flex-direction: column;
}
.timeline-evento[data-v-664d6db3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.timeline-desc[data-v-664d6db3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.timeline-flecha[data-v-664d6db3] {
  text-align: center;
  font-size: 1rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Artículo destacado */
.articulo-destacado[data-v-664d6db3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.articulo-header[data-v-664d6db3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.articulo-numero[data-v-664d6db3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.articulo-label[data-v-664d6db3] {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
  color: #93C5FD;
  font-weight: 600;
}
.articulo-texto[data-v-664d6db3] {
  margin: 0;
  padding-left: 1rem;
  border-left: 3px solid rgba(59, 130, 246, 0.5);
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
.articulo-texto strong[data-v-664d6db3] {
  color: #FFFFFF;
  font-style: normal;
}

/* Datos section */
.datos-section[data-v-664d6db3] {
  display: flex;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.dato-item[data-v-664d6db3] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-icono[data-v-664d6db3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.dato-contenido[data-v-664d6db3] {
  display: flex;
  flex-direction: column;
}
.dato-numero[data-v-664d6db3] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.dato-desc[data-v-664d6db3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Tip */
.tip[data-v-664d6db3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-664d6db3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-664d6db3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-664d6db3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-664d6db3] {
    gap: 1.5rem;
}
.ddhh-icono[data-v-664d6db3] {
    font-size: 3rem;
}
.contexto-timeline[data-v-664d6db3] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.timeline-item[data-v-664d6db3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.timeline-contenido[data-v-664d6db3] {
    align-items: center;
}
.timeline-flecha[data-v-664d6db3] {
    flex-shrink: 0;
}
}

/* Intro visual */
.intro-visual[data-v-a51eff61] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.carac-icono[data-v-a51eff61] {
  font-size: 2.5rem;
  animation: float-a51eff61 3s ease-in-out infinite;
}
.carac-icono[data-v-a51eff61]:nth-child(2) {
  animation-delay: 0.5s;
}
.carac-icono[data-v-a51eff61]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-a51eff61 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-a51eff61] {
  color: #FCD34D;
}

/* Características section */
.caracteristicas-section[data-v-a51eff61] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-a51eff61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-a51eff61] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.carac-card[data-v-a51eff61] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.carac-card.universales[data-v-a51eff61] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.carac-card.inalienables[data-v-a51eff61] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.carac-card.indivisibles[data-v-a51eff61] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.carac-card.interdependientes[data-v-a51eff61] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.carac-header[data-v-a51eff61] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.c-icono[data-v-a51eff61] {
  font-size: 1.25rem;
}
.c-nombre[data-v-a51eff61] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.c-desc[data-v-a51eff61] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.c-desc strong[data-v-a51eff61] {
  color: #FFFFFF;
}

/* Otras características */
.otras-section[data-v-a51eff61] {
  margin: 1.5rem 0;
}
.otras-titulo[data-v-a51eff61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otras-lista[data-v-a51eff61] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.otra-item[data-v-a51eff61] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.o-icono[data-v-a51eff61] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.o-contenido[data-v-a51eff61] {
  display: flex;
  flex-direction: column;
}
.o-nombre[data-v-a51eff61] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.o-desc[data-v-a51eff61] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-a51eff61] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a51eff61] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-a51eff61] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-item[data-v-a51eff61] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ej-icono[data-v-a51eff61] {
  font-size: 1.25rem;
}
.ej-texto[data-v-a51eff61] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.conexion[data-v-a51eff61] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.ejemplo-explicacion[data-v-a51eff61] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.4;
}
.ejemplo-explicacion strong[data-v-a51eff61] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a51eff61] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a51eff61] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a51eff61] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a51eff61] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a51eff61] {
    gap: 1.5rem;
}
.carac-icono[data-v-a51eff61] {
    font-size: 3rem;
}
.caracteristicas-grid[data-v-a51eff61] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.otras-lista[data-v-a51eff61] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.ejemplo-contenido[data-v-a51eff61] {
    flex-direction: row;
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-196ad115] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.gen-icono[data-v-196ad115] {
  font-size: 2.5rem;
  animation: float-196ad115 3s ease-in-out infinite;
}
.gen-icono[data-v-196ad115]:nth-child(2) {
  animation-delay: 0.5s;
}
.gen-icono[data-v-196ad115]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-196ad115 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-196ad115] {
  color: #FCD34D;
}
strong.accion-no[data-v-196ad115] {
  color: #FCA5A5;
}
strong.accion-si[data-v-196ad115] {
  color: #6EE7B7;
}
strong.accion-colectiva[data-v-196ad115] {
  color: #93C5FD;
}

/* Generación card */
.generacion-card[data-v-196ad115] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid;
}
.generacion-card.primera[data-v-196ad115] {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.4);
}
.generacion-card.segunda[data-v-196ad115] {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.4);
}
.generacion-card.tercera[data-v-196ad115] {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.4);
}
.gen-header[data-v-196ad115] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.gen-badge[data-v-196ad115] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
  flex-shrink: 0;
}
.primera-bg[data-v-196ad115] { background: rgba(239, 68, 68, 0.3);
}
.segunda-bg[data-v-196ad115] { background: rgba(16, 185, 129, 0.3);
}
.tercera-bg[data-v-196ad115] { background: rgba(59, 130, 246, 0.3);
}
.gen-num[data-v-196ad115] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1;
}
.gen-label[data-v-196ad115] {
  font-size: 0.5rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.05em;
}
.gen-info[data-v-196ad115] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.gen-nombre[data-v-196ad115] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  line-height: 1.2;
}
.gen-epoca[data-v-196ad115] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.gen-contenido[data-v-196ad115] {
  padding: 0.75rem;
}
.gen-desc[data-v-196ad115] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.gen-desc strong[data-v-196ad115] {
  color: #FFFFFF;
}
.gen-ejemplos[data-v-196ad115] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.ejemplo-tag[data-v-196ad115] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.gen-referencia[data-v-196ad115] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.ref-icono[data-v-196ad115] {
  font-size: 0.9rem;
}
.ref-texto[data-v-196ad115] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Comparativa */
.comparativa-section[data-v-196ad115] {
  margin: 1.5rem 0;
}
.comparativa-titulo[data-v-196ad115] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparativa-tabla[data-v-196ad115] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.tabla-header[data-v-196ad115] {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-196ad115] {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
}
.primera-row .col-gen[data-v-196ad115] { color: #FCA5A5;
}
.segunda-row .col-gen[data-v-196ad115] { color: #6EE7B7;
}
.tercera-row .col-gen[data-v-196ad115] { color: #93C5FD;
}
.col-rol.accion-no[data-v-196ad115] { color: #FCA5A5;
}
.col-rol.accion-si[data-v-196ad115] { color: #6EE7B7;
}
.col-rol.accion-colectiva[data-v-196ad115] { color: #93C5FD;
}

/* Tip */
.tip[data-v-196ad115] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-196ad115] {
  font-size: 1.25rem;
}
.tip-texto[data-v-196ad115] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-196ad115] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-196ad115] {
    gap: 1.5rem;
}
.gen-icono[data-v-196ad115] {
    font-size: 3rem;
}
.gen-ejemplos[data-v-196ad115] {
    gap: 0.4rem;
}
.ejemplo-tag[data-v-196ad115] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-451d5b9b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.prot-icono[data-v-451d5b9b] {
  font-size: 2.5rem;
  animation: float-451d5b9b 3s ease-in-out infinite;
}
.prot-icono[data-v-451d5b9b]:nth-child(2) {
  animation-delay: 0.5s;
}
.prot-icono[data-v-451d5b9b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-451d5b9b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-451d5b9b] {
  color: #FCD34D;
}

/* Sistema Internacional */
.sistema-section[data-v-451d5b9b] {
  margin: 1.5rem 0;
}
.sistema-titulo[data-v-451d5b9b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organismos-grid[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.organismo-card[data-v-451d5b9b] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.org-header[data-v-451d5b9b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.org-icono[data-v-451d5b9b] {
  font-size: 1.25rem;
}
.org-nombre[data-v-451d5b9b] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.org-desc[data-v-451d5b9b] {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.org-desc strong[data-v-451d5b9b] {
  color: #FFFFFF;
}
.org-dato[data-v-451d5b9b] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Tratados */
.tratados-section[data-v-451d5b9b] {
  margin: 1.5rem 0;
}
.tratados-titulo[data-v-451d5b9b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tratados-lista[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tratado-item[data-v-451d5b9b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.t-año[data-v-451d5b9b] {
  font-size: 0.75rem;
  font-weight: 800;
  color: #8B5CF6;
  flex-shrink: 0;
  width: 40px;
}
.t-contenido[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.t-nombre[data-v-451d5b9b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.2;
}
.t-tipo[data-v-451d5b9b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.t-tipo.vinculante[data-v-451d5b9b] {
  color: #6EE7B7;
}

/* Sistema Regional */
.regional-section[data-v-451d5b9b] {
  margin: 1.5rem 0;
}
.regional-titulo[data-v-451d5b9b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regional-contenido[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regional-org[data-v-451d5b9b] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regional-org.destacado[data-v-451d5b9b] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.regional-header[data-v-451d5b9b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.regional-icono[data-v-451d5b9b] {
  font-size: 1.25rem;
}
.regional-nombre[data-v-451d5b9b] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.regional-desc[data-v-451d5b9b] {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regional-desc strong[data-v-451d5b9b] {
  color: #FFFFFF;
}
.regional-ubi[data-v-451d5b9b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Nacional */
.nacional-section[data-v-451d5b9b] {
  margin: 1.5rem 0;
}
.nacional-titulo[data-v-451d5b9b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nacional-grid[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nacional-item[data-v-451d5b9b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.n-icono[data-v-451d5b9b] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.n-contenido[data-v-451d5b9b] {
  display: flex;
  flex-direction: column;
}
.n-nombre[data-v-451d5b9b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.n-desc[data-v-451d5b9b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-451d5b9b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-451d5b9b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-451d5b9b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-451d5b9b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-451d5b9b] {
    gap: 1.5rem;
}
.prot-icono[data-v-451d5b9b] {
    font-size: 3rem;
}
.organismos-grid[data-v-451d5b9b] {
    flex-direction: row;
}
.organismo-card[data-v-451d5b9b] {
    flex: 1;
}
.regional-contenido[data-v-451d5b9b] {
    flex-direction: row;
}
.regional-org[data-v-451d5b9b] {
    flex: 1;
}
}

.explorador[data-v-201c4b68] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-201c4b68] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-201c4b68] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-201c4b68] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-201c4b68] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-201c4b68] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-201c4b68] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-201c4b68] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-201c4b68] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-201c4b68] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar por generación ===== */
.clasificar-container[data-v-201c4b68] {
  text-align: center;
}
.derecho-actual[data-v-201c4b68] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.derecho-icono[data-v-201c4b68] {
  font-size: 2.5rem;
}
.derecho-nombre[data-v-201c4b68] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.generaciones-destino[data-v-201c4b68] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gen-btn[data-v-201c4b68] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.gen-btn[data-v-201c4b68]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.gen-btn.seleccionado[data-v-201c4b68] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.gen-btn.correcto[data-v-201c4b68] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.gen-btn.incorrecto[data-v-201c4b68] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.gen-num[data-v-201c4b68] {
  font-size: 1.25rem;
  font-weight: 800;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.gen-nombre[data-v-201c4b68] {
  font-weight: 600;
  font-size: 0.9rem;
}
.feedback-error[data-v-201c4b68] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: left;
}
.feedback-icono[data-v-201c4b68] {
  font-size: 1rem;
  flex-shrink: 0;
}
.feedback-texto[data-v-201c4b68] {
  font-size: 0.8rem;
  color: #FCD34D;
  line-height: 1.3;
}
.progreso-derechos[data-v-201c4b68],
.progreso-carac[data-v-201c4b68],
.progreso-casos[data-v-201c4b68] {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Identificar características ===== */
.caracteristica-container[data-v-201c4b68] {
  text-align: center;
}
.pregunta-carac[data-v-201c4b68] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.carac-descripcion[data-v-201c4b68] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-carac[data-v-201c4b68] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-201c4b68] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-201c4b68]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-201c4b68] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-201c4b68] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-201c4b68] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Detectar violaciones ===== */
.violacion-container[data-v-201c4b68] {
  text-align: center;
}
.caso-escenario[data-v-201c4b68] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.caso-icono[data-v-201c4b68] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.caso-texto[data-v-201c4b68] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.caso-texto strong[data-v-201c4b68] {
  color: #93C5FD;
}
.caso-pregunta[data-v-201c4b68] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.opciones-caso[data-v-201c4b68] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-btn[data-v-201c4b68] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.caso-btn[data-v-201c4b68]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.caso-btn.seleccionado[data-v-201c4b68] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.caso-btn.correcto[data-v-201c4b68] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.caso-btn.incorrecto[data-v-201c4b68] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.caso-opcion-icono[data-v-201c4b68] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.caso-opcion-texto[data-v-201c4b68] {
  font-weight: 600;
}
.caso-feedback[data-v-201c4b68] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #6EE7B7;
  line-height: 1.4;
}

/* Resultado correcto */
.resultado-correcto[data-v-201c4b68] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-201c4b68] { font-size: 1.25rem;
}
.resultado-texto[data-v-201c4b68] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-201c4b68] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-201c4b68] { flex: 1;
}
.nav-btn[data-v-201c4b68] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-201c4b68] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-201c4b68] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-201c4b68] { font-size: 1.75rem;
}
.completado-texto[data-v-201c4b68] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-201c4b68], .slide-leave-active[data-v-201c4b68] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-201c4b68] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-201c4b68] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.generaciones-destino[data-v-201c4b68] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.gen-btn[data-v-201c4b68] {
    flex: 1 1 30%;
    justify-content: center;
}
.opciones-carac[data-v-201c4b68] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-201c4b68] {
    flex: 1 1 45%;
}
}

/* Header */
.resumen-header[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-e67b3ef9] {
  font-size: 2rem;
}
.header-texto[data-v-e67b3ef9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Definición box */
.definicion-box[data-v-e67b3ef9] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-titulo[data-v-e67b3ef9] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.def-texto[data-v-e67b3ef9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.def-texto strong[data-v-e67b3ef9] {
  color: #FFFFFF;
}

/* Secciones */
.seccion[data-v-e67b3ef9] {
  margin-bottom: 1.5rem;
}
.seccion-titulo[data-v-e67b3ef9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Características resumen */
.caracteristicas-resumen[data-v-e67b3ef9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.carac-item[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.carac-item.universales[data-v-e67b3ef9] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.carac-item.inalienables[data-v-e67b3ef9] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.carac-item.indivisibles[data-v-e67b3ef9] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.carac-item.interdependientes[data-v-e67b3ef9] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.car-icono[data-v-e67b3ef9] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.car-contenido[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.car-nombre[data-v-e67b3ef9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.car-desc[data-v-e67b3ef9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Generaciones resumen */
.generaciones-resumen[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gen-row[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.gen-row.primera[data-v-e67b3ef9] { border-left-color: #FCA5A5;
}
.gen-row.segunda[data-v-e67b3ef9] { border-left-color: #6EE7B7;
}
.gen-row.tercera[data-v-e67b3ef9] { border-left-color: #93C5FD;
}
.gen-badge[data-v-e67b3ef9] {
  font-size: 0.9rem;
  font-weight: 800;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  color: #FFFFFF;
  flex-shrink: 0;
}
.gen-info[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.gen-nombre[data-v-e67b3ef9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gen-ejemplos[data-v-e67b3ef9] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.gen-rol[data-v-e67b3ef9] {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.gen-rol.negativo[data-v-e67b3ef9] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.gen-rol.positivo[data-v-e67b3ef9] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.gen-rol.colectivo[data-v-e67b3ef9] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}

/* Protección resumen */
.proteccion-resumen[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prot-item[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prot-icono[data-v-e67b3ef9] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.prot-contenido[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
}
.prot-nivel[data-v-e67b3ef9] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prot-org[data-v-e67b3ef9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-e67b3ef9] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-e67b3ef9] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-e67b3ef9] {
  margin: 0;
  padding-left: 1.25rem;
  list-style: none;
}
.tips-lista li[data-v-e67b3ef9] {
  position: relative;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista li[data-v-e67b3ef9]:last-child {
  margin-bottom: 0;
}
.tips-lista li[data-v-e67b3ef9]::before {
  content: '•';
  color: #6EE7B7;
  position: absolute;
  left: -1rem;
  font-weight: 700;
}
.tips-lista strong[data-v-e67b3ef9] {
  color: #FFFFFF;
}

/* Fechas clave */
.fechas-section[data-v-e67b3ef9] {
  margin-bottom: 1.5rem;
}
.fechas-titulo[data-v-e67b3ef9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-e67b3ef9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fecha-item[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.f-año[data-v-e67b3ef9] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #8B5CF6;
  width: 50px;
  flex-shrink: 0;
}
.f-evento[data-v-e67b3ef9] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-e67b3ef9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-e67b3ef9] {
  font-size: 1.75rem;
}
.final-texto[data-v-e67b3ef9] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-resumen[data-v-e67b3ef9] {
    grid-template-columns: repeat(4, 1fr);
}
.carac-item[data-v-e67b3ef9] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem 0.5rem;
}
.car-contenido[data-v-e67b3ef9] {
    align-items: center;
}
.gen-row[data-v-e67b3ef9] {
    gap: 0.75rem;
}
.gen-nombre[data-v-e67b3ef9] {
    white-space: normal;
}
.fechas-grid[data-v-e67b3ef9] {
    flex-direction: row;
}
.fecha-item[data-v-e67b3ef9] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.f-año[data-v-e67b3ef9] {
    width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-103ece73] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-103ece73] {
  font-size: 2.5rem;
  animation: float-103ece73 3s ease-in-out infinite;
}
.intro-icono[data-v-103ece73]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-103ece73]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-103ece73 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-103ece73] {
  color: #FCD34D;
}
strong.absolutismo[data-v-103ece73] {
  color: #FCA5A5;
}

/* Concepto central - Pirámide */
.concepto-central[data-v-103ece73] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-103ece73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-visual[data-v-103ece73] {
  display: flex;
  justify-content: center;
}
.piramide-ley[data-v-103ece73] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 300px;
}
.nivel[data-v-103ece73] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 2px solid;
}
.nivel-constitucion[data-v-103ece73] {
  width: 60%;
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
}
.nivel-leyes[data-v-103ece73] {
  width: 80%;
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.5);
}
.nivel-reglamentos[data-v-103ece73] {
  width: 100%;
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.5);
}
.nivel-icono[data-v-103ece73] {
  font-size: 1.25rem;
}
.nivel-nombre[data-v-103ece73] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-desc[data-v-103ece73] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Principio box */
.principio-box[data-v-103ece73] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.principio-icono[data-v-103ece73] {
  font-size: 1.5rem;
}
.principio-contenido[data-v-103ece73] {
  flex: 1;
}
.principio-titulo[data-v-103ece73] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.principio-texto[data-v-103ece73] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.principio-texto strong[data-v-103ece73] {
  color: #FFFFFF;
}

/* Contraste */
.contraste-section[data-v-103ece73] {
  margin: 1.5rem 0;
}
.contraste-titulo[data-v-103ece73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contraste-grid[data-v-103ece73] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.contraste-card[data-v-103ece73] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.contraste-card.derecho[data-v-103ece73] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.contraste-card.arbitrario[data-v-103ece73] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.card-icono[data-v-103ece73] {
  font-size: 1.75rem;
  display: block;
  margin-bottom: 0.25rem;
}
.card-nombre[data-v-103ece73] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.5rem;
}
.card-lista[data-v-103ece73] {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: left;
}
.card-lista li[data-v-103ece73] {
  margin-bottom: 0.25rem;
  padding-left: 0.75rem;
  position: relative;
}
.derecho .card-lista li[data-v-103ece73]::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #6EE7B7;
}
.arbitrario .card-lista li[data-v-103ece73]::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #FCA5A5;
}

/* Origen */
.origen-section[data-v-103ece73] {
  margin: 1.5rem 0;
}
.origen-titulo[data-v-103ece73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.origen-contenido[data-v-103ece73] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.origen-icono[data-v-103ece73] {
  font-size: 2rem;
  flex-shrink: 0;
}
.origen-texto[data-v-103ece73] {
  flex: 1;
}
.origen-texto p[data-v-103ece73] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.origen-texto p[data-v-103ece73]:last-child {
  margin-bottom: 0;
}
.origen-pensadores[data-v-103ece73] {
  color: #C4B5FD !important;
  font-size: 0.8rem !important;
}

/* Tip */
.tip[data-v-103ece73] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-103ece73] {
  font-size: 1.25rem;
}
.tip-texto[data-v-103ece73] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-103ece73] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-103ece73] {
    gap: 1.5rem;
}
.intro-icono[data-v-103ece73] {
    font-size: 3rem;
}
.piramide-ley[data-v-103ece73] {
    max-width: 400px;
}
.nivel[data-v-103ece73] {
    padding: 0.75rem;
}
.nivel-nombre[data-v-103ece73] {
    font-size: 0.95rem;
}
.nivel-desc[data-v-103ece73] {
    font-size: 0.75rem;
}
.contraste-card[data-v-103ece73] {
    padding: 1rem;
}
.card-lista[data-v-103ece73] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-0f87ab17] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.poder-icono[data-v-0f87ab17] {
  font-size: 2.5rem;
  animation: float-0f87ab17 3s ease-in-out infinite;
}
.poder-icono[data-v-0f87ab17]:nth-child(2) {
  animation-delay: 0.5s;
}
.poder-icono[data-v-0f87ab17]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-0f87ab17 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-0f87ab17] {
  color: #FCD34D;
}

/* Pensador */
.pensador-section[data-v-0f87ab17] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pensador-header[data-v-0f87ab17] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.pensador-icono[data-v-0f87ab17] {
  font-size: 2rem;
}
.pensador-info[data-v-0f87ab17] {
  display: flex;
  flex-direction: column;
}
.pensador-nombre[data-v-0f87ab17] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.pensador-obra[data-v-0f87ab17] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.pensador-cita[data-v-0f87ab17] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  padding-left: 1rem;
  border-left: 3px solid #8B5CF6;
}
.pensador-cita strong[data-v-0f87ab17] {
  color: #FCD34D;
}

/* Poderes section */
.poderes-section[data-v-0f87ab17] {
  margin: 1.5rem 0;
}
.poderes-titulo[data-v-0f87ab17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poderes-grid[data-v-0f87ab17] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.poder-card[data-v-0f87ab17] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.poder-card.ejecutivo[data-v-0f87ab17] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.poder-card.legislativo[data-v-0f87ab17] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.poder-card.judicial[data-v-0f87ab17] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.poder-header[data-v-0f87ab17] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-icono[data-v-0f87ab17] {
  font-size: 1.25rem;
}
.p-nombre[data-v-0f87ab17] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.poder-funcion[data-v-0f87ab17] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.poder-funcion strong[data-v-0f87ab17] {
  color: #C4B5FD;
}
.poder-chile[data-v-0f87ab17] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.chile-label[data-v-0f87ab17] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.chile-cargo[data-v-0f87ab17] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.poder-ejemplos[data-v-0f87ab17] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Equilibrio */
.equilibrio-section[data-v-0f87ab17] {
  margin: 1.5rem 0;
}
.equilibrio-titulo[data-v-0f87ab17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.equilibrio-contenido[data-v-0f87ab17] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.equilibrio-visual[data-v-0f87ab17] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.eq-centro[data-v-0f87ab17] {
  background: rgba(139, 92, 246, 0.3);
  padding: 0.5rem;
  border-radius: 50%;
}
.eq-icono[data-v-0f87ab17] {
  font-size: 1.5rem;
}
.eq-items[data-v-0f87ab17] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eq-item[data-v-0f87ab17] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.eq-arrow[data-v-0f87ab17] {
  color: #8B5CF6;
  font-weight: 700;
}
.equilibrio-desc[data-v-0f87ab17] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.equilibrio-desc strong[data-v-0f87ab17] {
  color: #FFFFFF;
}

/* Congreso */
.congreso-section[data-v-0f87ab17] {
  margin: 1.5rem 0;
}
.congreso-titulo[data-v-0f87ab17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.camaras-grid[data-v-0f87ab17] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.camara-card[data-v-0f87ab17] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.camara-card.senado[data-v-0f87ab17] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.camara-card.diputados[data-v-0f87ab17] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.camara-icono[data-v-0f87ab17] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.camara-nombre[data-v-0f87ab17] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.camara-miembros[data-v-0f87ab17] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.camara-periodo[data-v-0f87ab17] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-0f87ab17] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0f87ab17] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0f87ab17] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0f87ab17] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-0f87ab17] {
    gap: 1.5rem;
}
.poder-icono[data-v-0f87ab17] {
    font-size: 3rem;
}
.poderes-grid[data-v-0f87ab17] {
    flex-direction: row;
}
.poder-card[data-v-0f87ab17] {
    flex: 1;
}
.camaras-grid[data-v-0f87ab17] {
    gap: 1rem;
}
.camara-card[data-v-0f87ab17] {
    padding: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-127a257b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.garantia-icono[data-v-127a257b] {
  font-size: 2.5rem;
  animation: float-127a257b 3s ease-in-out infinite;
}
.garantia-icono[data-v-127a257b]:nth-child(2) {
  animation-delay: 0.5s;
}
.garantia-icono[data-v-127a257b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-127a257b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-127a257b] {
  color: #FCD34D;
}

/* Concepto box */
.concepto-box[data-v-127a257b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-127a257b] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-127a257b] {
  flex: 1;
}
.concepto-titulo[data-v-127a257b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-127a257b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-127a257b] {
  color: #FFFFFF;
}

/* Garantías section */
.garantias-section[data-v-127a257b] {
  margin: 1.5rem 0;
}
.garantias-titulo[data-v-127a257b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.garantias-grid[data-v-127a257b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.garantia-card[data-v-127a257b] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.garantia-card.habeas[data-v-127a257b] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.garantia-card.proteccion[data-v-127a257b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.garantia-card.inaplicabilidad[data-v-127a257b] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.garantia-header[data-v-127a257b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.g-icono[data-v-127a257b] {
  font-size: 1.25rem;
}
.g-nombre[data-v-127a257b] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.g-latin[data-v-127a257b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.g-desc[data-v-127a257b] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.g-desc strong[data-v-127a257b] {
  color: #FFFFFF;
}
.g-ejemplo[data-v-127a257b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.ejemplo-label[data-v-127a257b] {
  color: #C4B5FD;
  font-weight: 600;
}
.ejemplo-texto[data-v-127a257b] {
  color: #E9D5FF;
}

/* Tribunal Constitucional */
.tc-section[data-v-127a257b] {
  margin: 1.5rem 0;
}
.tc-titulo[data-v-127a257b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tc-contenido[data-v-127a257b] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tc-icono[data-v-127a257b] {
  font-size: 2.5rem;
  flex-shrink: 0;
}
.tc-info[data-v-127a257b] {
  flex: 1;
}
.tc-funcion[data-v-127a257b] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tc-funcion strong[data-v-127a257b] {
  color: #FCD34D;
}
.tc-funciones[data-v-127a257b] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.tc-func-item[data-v-127a257b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Debido proceso */
.debido-proceso-section[data-v-127a257b] {
  margin: 1.5rem 0;
}
.dp-titulo[data-v-127a257b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dp-contenido[data-v-127a257b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.dp-intro[data-v-127a257b] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.dp-intro strong[data-v-127a257b] {
  color: #6EE7B7;
}
.dp-elementos[data-v-127a257b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dp-elemento[data-v-127a257b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dp-icono[data-v-127a257b] {
  font-size: 1rem;
}
.dp-texto[data-v-127a257b] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-127a257b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-127a257b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-127a257b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-127a257b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-127a257b] {
    gap: 1.5rem;
}
.garantia-icono[data-v-127a257b] {
    font-size: 3rem;
}
.dp-elementos[data-v-127a257b] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-44197b89] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-44197b89] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-44197b89] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-44197b89] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-44197b89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-44197b89] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-44197b89] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-44197b89] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-44197b89] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-44197b89] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Poderes ===== */
.poderes-container[data-v-44197b89] {
  text-align: center;
}
.accion-mostrada[data-v-44197b89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.accion-icono[data-v-44197b89] {
  font-size: 2rem;
}
.accion-texto[data-v-44197b89] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.poderes-opciones[data-v-44197b89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.poder-btn[data-v-44197b89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.85rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.poder-btn[data-v-44197b89]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.poder-btn.seleccionado[data-v-44197b89] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.poder-btn.correcto[data-v-44197b89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.poder-btn.incorrecto[data-v-44197b89] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.poder-icono[data-v-44197b89] {
  font-size: 1.25rem;
}
.poder-nombre[data-v-44197b89] {
  font-weight: 700;
}
.poderes-contador[data-v-44197b89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Recursos ===== */
.recursos-container[data-v-44197b89] {
  text-align: center;
}
.caso-mostrado[data-v-44197b89] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.caso-icono[data-v-44197b89] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.caso-texto[data-v-44197b89] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-recurso[data-v-44197b89] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.recursos-opciones[data-v-44197b89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.recurso-btn[data-v-44197b89] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.recurso-btn[data-v-44197b89]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.recurso-btn.seleccionado[data-v-44197b89] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.recurso-btn.correcto[data-v-44197b89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.recurso-btn.incorrecto[data-v-44197b89] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.recurso-icono[data-v-44197b89] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.recurso-nombre[data-v-44197b89] {
  font-weight: 600;
}
.recurso-feedback[data-v-44197b89] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.recurso-feedback.correcto[data-v-44197b89] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.recursos-contador[data-v-44197b89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-44197b89] {
  text-align: center;
}
.escenario-box[data-v-44197b89] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.escenario-icono[data-v-44197b89] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.escenario-texto[data-v-44197b89] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.escenario-texto strong[data-v-44197b89] {
  color: #FCD34D;
}
.simulador-pregunta[data-v-44197b89] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.simulador-opciones[data-v-44197b89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-44197b89] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-44197b89]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-44197b89] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-44197b89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-44197b89] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-44197b89] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.opcion-texto[data-v-44197b89] {
  font-weight: 600;
}
.escenario-feedback[data-v-44197b89] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.escenario-feedback.correcto[data-v-44197b89] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.simulador-contador[data-v-44197b89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-44197b89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-44197b89] { font-size: 1.25rem;
}
.resultado-texto[data-v-44197b89] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-44197b89] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-44197b89] { flex: 1;
}
.nav-btn[data-v-44197b89] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-44197b89] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-44197b89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-44197b89] { font-size: 1.75rem;
}
.completado-texto[data-v-44197b89] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-44197b89], .slide-leave-active[data-v-44197b89] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-44197b89] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-44197b89] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.poderes-opciones[data-v-44197b89] {
    flex-direction: row;
    justify-content: center;
}
.poder-btn[data-v-44197b89] {
    flex: 1;
    max-width: 150px;
    flex-direction: column;
    padding: 1rem;
}
.poder-icono[data-v-44197b89] {
    font-size: 1.5rem;
}
}

/* Intro */
.resumen-intro[data-v-32351d77] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-32351d77] {
  font-size: 2rem;
}
.resumen-intro p[data-v-32351d77] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-32351d77] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-32351d77] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-32351d77] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-32351d77]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-32351d77] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-32351d77] {
    grid-column: span 1;
}
}
.card-header[data-v-32351d77] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-32351d77] {
  font-size: 1.25rem;
}
.card-titulo[data-v-32351d77] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-32351d77] {
  color: #E9D5FF;
}
.card-def[data-v-32351d77] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
.card-def strong[data-v-32351d77] {
  color: #FCD34D;
}

/* Principios lista */
.principios-lista[data-v-32351d77] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.principio-item[data-v-32351d77] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.p-check[data-v-32351d77] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Poderes resumen */
.poderes-resumen[data-v-32351d77] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.poder-mini[data-v-32351d77] {
  flex: 1;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.poder-mini.ejecutivo[data-v-32351d77] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.poder-mini.legislativo[data-v-32351d77] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.poder-mini.judicial[data-v-32351d77] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.poder-emoji[data-v-32351d77] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.poder-nombre[data-v-32351d77] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.poder-quien[data-v-32351d77] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.poder-hace[data-v-32351d77] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Garantías resumen */
.garantias-resumen[data-v-32351d77] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.garantia-mini[data-v-32351d77] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.g-nombre[data-v-32351d77] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.g-protege[data-v-32351d77] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.g-protege strong[data-v-32351d77] {
  color: #6EE7B7;
}

/* Debido proceso lista */
.dp-lista[data-v-32351d77] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}

/* TC desc */
.tc-desc[data-v-32351d77] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tc-desc strong[data-v-32351d77] {
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-32351d77] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-32351d77] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-32351d77] {
  font-size: 1.25rem;
}
.tip-text[data-v-32351d77] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-32351d77] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-32351d77] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-32351d77] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-32351d77 1s ease-in-out infinite;
}
@keyframes bounce-32351d77 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-32351d77] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-32351d77] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-8a0f18f3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.org-icono[data-v-8a0f18f3] {
  font-size: 2.5rem;
  animation: float-8a0f18f3 3s ease-in-out infinite;
}
.org-icono[data-v-8a0f18f3]:nth-child(2) {
  animation-delay: 0.5s;
}
.org-icono[data-v-8a0f18f3]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-8a0f18f3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-8a0f18f3] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-8a0f18f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-8a0f18f3] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-8a0f18f3] {
  flex: 1;
}
.concepto-titulo[data-v-8a0f18f3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-8a0f18f3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-8a0f18f3] {
  color: #FFFFFF;
}

/* Los 3 organismos */
.organismos-section[data-v-8a0f18f3] {
  margin: 1.5rem 0;
}
.organismos-titulo[data-v-8a0f18f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organismos-grid[data-v-8a0f18f3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.organismo[data-v-8a0f18f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.organismo.tc[data-v-8a0f18f3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.organismo.cgr[data-v-8a0f18f3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.organismo.bc[data-v-8a0f18f3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.org-emoji[data-v-8a0f18f3] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.org-nombre[data-v-8a0f18f3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.org-funcion[data-v-8a0f18f3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.organismo.tc .org-nombre[data-v-8a0f18f3] { color: #FCA5A5;
}
.organismo.cgr .org-nombre[data-v-8a0f18f3] { color: #93C5FD;
}
.organismo.bc .org-nombre[data-v-8a0f18f3] { color: #6EE7B7;
}

/* Otros organismos */
.otros-section[data-v-8a0f18f3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.otros-titulo[data-v-8a0f18f3] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.otros-lista[data-v-8a0f18f3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.otro-item[data-v-8a0f18f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.otro-icono[data-v-8a0f18f3] {
  font-size: 1rem;
}
.otro-texto[data-v-8a0f18f3] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-8a0f18f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8a0f18f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8a0f18f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a0f18f3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8a0f18f3] {
    gap: 1.5rem;
}
.org-icono[data-v-8a0f18f3] {
    font-size: 3rem;
}
.organismos-grid[data-v-8a0f18f3] {
    flex-direction: row;
}
.organismo[data-v-8a0f18f3] {
    flex: 1;
    padding: 1rem;
}
.otros-lista[data-v-8a0f18f3] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Header visual */
.header-visual[data-v-b66f5591] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.header-icono[data-v-b66f5591] {
  font-size: 2.5rem;
}
.header-texto[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
}
.header-nombre[data-v-b66f5591] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
  letter-spacing: 0.05em;
}
.header-sigla[data-v-b66f5591] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-b66f5591] {
  color: #FCA5A5;
}

/* Composición */
.composicion-section[data-v-b66f5591] {
  margin: 1.5rem 0;
}
.composicion-titulo[data-v-b66f5591] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.composicion-grid[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.composicion-item[data-v-b66f5591] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-numero[data-v-b66f5591] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 2rem;
  text-align: center;
}
.comp-origen[data-v-b66f5591] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.comp-detalle[data-v-b66f5591] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Funciones */
.funciones-section[data-v-b66f5591] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-b66f5591] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-lista[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.funcion-item[data-v-b66f5591] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.funcion-icono[data-v-b66f5591] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.funcion-contenido[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
}
.funcion-nombre[data-v-b66f5591] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.funcion-desc[data-v-b66f5591] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Diferencia box */
.diferencia-box[data-v-b66f5591] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.diferencia-icono[data-v-b66f5591] {
  font-size: 1.5rem;
}
.diferencia-contenido[data-v-b66f5591] {
  flex: 1;
}
.diferencia-titulo[data-v-b66f5591] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.diferencia-grid[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-b66f5591] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.diferencia-item.tc[data-v-b66f5591] {
  background: rgba(239, 68, 68, 0.15);
}
.diferencia-item.tc strong[data-v-b66f5591] {
  color: #FCA5A5;
}
.diferencia-item.cs[data-v-b66f5591] {
  background: rgba(139, 92, 246, 0.15);
}
.diferencia-item.cs strong[data-v-b66f5591] {
  color: #C4B5FD;
}
.diferencia-item span[data-v-b66f5591] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-b66f5591] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b66f5591] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b66f5591] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b66f5591] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.header-icono[data-v-b66f5591] {
    font-size: 3rem;
}
.header-nombre[data-v-b66f5591] {
    font-size: 0.9rem;
}
.header-sigla[data-v-b66f5591] {
    font-size: 2rem;
}
.composicion-grid[data-v-b66f5591] {
    flex-direction: row;
}
.composicion-item[data-v-b66f5591] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.comp-detalle[data-v-b66f5591] {
    margin-left: 0;
    margin-top: 0.25rem;
}
.diferencia-grid[data-v-b66f5591] {
    flex-direction: row;
}
.diferencia-item[data-v-b66f5591] {
    flex: 1;
}
}

/* Header visual */
.header-visual[data-v-3a3359de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.header-icono[data-v-3a3359de] {
  font-size: 2.5rem;
}
.header-texto[data-v-3a3359de] {
  display: flex;
  flex-direction: column;
}
.header-nombre[data-v-3a3359de] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  letter-spacing: 0.05em;
}
.header-sigla[data-v-3a3359de] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-3a3359de] {
  color: #93C5FD;
}

/* Jefe del organismo */
.jefe-section[data-v-3a3359de] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.jefe-icono[data-v-3a3359de] {
  font-size: 2rem;
}
.jefe-info[data-v-3a3359de] {
  display: flex;
  flex-direction: column;
}
.jefe-cargo[data-v-3a3359de] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.jefe-detalle[data-v-3a3359de] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.jefe-periodo[data-v-3a3359de] {
  font-size: 0.75rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}

/* Funciones */
.funciones-section[data-v-3a3359de] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-3a3359de] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-lista[data-v-3a3359de] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.funcion-item[data-v-3a3359de] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.5rem;
}
.funcion-icono[data-v-3a3359de] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.funcion-contenido[data-v-3a3359de] {
  display: flex;
  flex-direction: column;
}
.funcion-nombre[data-v-3a3359de] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.funcion-desc[data-v-3a3359de] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-3a3359de] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-3a3359de] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-3a3359de] {
  flex: 1;
}
.concepto-titulo[data-v-3a3359de] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-3a3359de] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-3a3359de] {
  color: #FFFFFF;
}
.concepto-texto strong.cgr-color[data-v-3a3359de] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-3a3359de] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3a3359de] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3a3359de] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3a3359de] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.header-icono[data-v-3a3359de] {
    font-size: 3rem;
}
.header-nombre[data-v-3a3359de] {
    font-size: 0.9rem;
}
.header-sigla[data-v-3a3359de] {
    font-size: 2rem;
}
}

/* Header visual */
.header-visual[data-v-b2a0c2db] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.header-icono[data-v-b2a0c2db] {
  font-size: 2.5rem;
}
.header-texto[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
}
.header-nombre[data-v-b2a0c2db] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  letter-spacing: 0.05em;
}
.header-sigla[data-v-b2a0c2db] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-b2a0c2db] {
  color: #6EE7B7;
}

/* Objetivo principal */
.objetivo-section[data-v-b2a0c2db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.objetivo-icono[data-v-b2a0c2db] {
  font-size: 2rem;
}
.objetivo-info[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
}
.objetivo-titulo[data-v-b2a0c2db] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.objetivo-texto[data-v-b2a0c2db] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.objetivo-texto strong[data-v-b2a0c2db] {
  color: #FFFFFF;
}

/* Composición */
.composicion-section[data-v-b2a0c2db] {
  margin: 1.5rem 0;
}
.composicion-titulo[data-v-b2a0c2db] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.composicion-info[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.composicion-item[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.comp-dato[data-v-b2a0c2db] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.comp-detalle[data-v-b2a0c2db] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Funciones */
.funciones-section[data-v-b2a0c2db] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-b2a0c2db] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-b2a0c2db] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.funcion-card[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.funcion-icono[data-v-b2a0c2db] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.funcion-nombre[data-v-b2a0c2db] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.funcion-desc[data-v-b2a0c2db] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-b2a0c2db] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-b2a0c2db] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-b2a0c2db] {
  flex: 1;
}
.concepto-titulo[data-v-b2a0c2db] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-b2a0c2db] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-b2a0c2db] {
  color: #FCA5A5;
}

/* Prohibición box */
.prohibicion-box[data-v-b2a0c2db] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.prohibicion-icono[data-v-b2a0c2db] {
  font-size: 1.25rem;
}
.prohibicion-contenido[data-v-b2a0c2db] {
  display: flex;
  flex-direction: column;
}
.prohibicion-titulo[data-v-b2a0c2db] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.2rem;
}
.prohibicion-texto[data-v-b2a0c2db] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.prohibicion-texto strong[data-v-b2a0c2db] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-b2a0c2db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b2a0c2db] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b2a0c2db] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b2a0c2db] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.header-icono[data-v-b2a0c2db] {
    font-size: 3rem;
}
.header-nombre[data-v-b2a0c2db] {
    font-size: 0.9rem;
}
.header-sigla[data-v-b2a0c2db] {
    font-size: 2rem;
}
.composicion-info[data-v-b2a0c2db] {
    flex-direction: row;
}
.composicion-item[data-v-b2a0c2db] {
    flex: 1;
}
.funciones-grid[data-v-b2a0c2db] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-8e66b162] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8e66b162] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8e66b162] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8e66b162] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8e66b162] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8e66b162] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8e66b162] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8e66b162] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8e66b162] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8e66b162] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Asociar ===== */
.asociar-game[data-v-8e66b162] {
  text-align: center;
}
.asociar-pregunta[data-v-8e66b162] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.asociar-icono[data-v-8e66b162] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.asociar-texto[data-v-8e66b162] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.asociar-opciones[data-v-8e66b162] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.asociar-btn[data-v-8e66b162] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.asociar-btn.tc[data-v-8e66b162] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.1);
}
.asociar-btn.cgr[data-v-8e66b162] {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.1);
}
.asociar-btn.bc[data-v-8e66b162] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.1);
}
.asociar-btn[data-v-8e66b162]:not(:disabled):hover {
  transform: scale(1.01);
}
.asociar-btn.correcto[data-v-8e66b162] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.asociar-btn.incorrecto[data-v-8e66b162] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-8e66b162] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.opcion-nombre[data-v-8e66b162] {
  font-weight: 600;
}

/* ===== DESAFÍO 2: Verdadero o Falso ===== */
.verdadero-falso-game[data-v-8e66b162] {
  text-align: center;
}
.vf-pregunta[data-v-8e66b162] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.vf-icono[data-v-8e66b162] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.vf-texto[data-v-8e66b162] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.vf-opciones[data-v-8e66b162] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.vf-btn[data-v-8e66b162] {
  flex: 1;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-8e66b162] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-8e66b162] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.vf-btn[data-v-8e66b162]:not(:disabled):hover {
  transform: scale(1.02);
}
.vf-btn.correcto[data-v-8e66b162] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.vf-btn.incorrecto[data-v-8e66b162] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.vf-emoji[data-v-8e66b162] {
  font-size: 1.5rem;
}
.vf-feedback[data-v-8e66b162] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.vf-feedback.correcto[data-v-8e66b162] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* ===== DESAFÍO 3: Composición ===== */
.composicion-game[data-v-8e66b162] {
  text-align: center;
}
.comp-escenario[data-v-8e66b162] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.comp-organismo[data-v-8e66b162] {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  padding: 0.3rem 0.75rem;
  border-radius: 0.4rem;
}
.comp-organismo.tc[data-v-8e66b162] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.comp-organismo.cgr[data-v-8e66b162] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.comp-organismo.bc[data-v-8e66b162] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comp-pregunta[data-v-8e66b162] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.comp-opciones[data-v-8e66b162] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-btn[data-v-8e66b162] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.comp-btn[data-v-8e66b162]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.comp-btn.correcto[data-v-8e66b162] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.comp-btn.incorrecto[data-v-8e66b162] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.comp-feedback[data-v-8e66b162] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.comp-feedback.correcto[data-v-8e66b162] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Contador */
.game-contador[data-v-8e66b162] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-8e66b162] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8e66b162] { font-size: 1.25rem;
}
.resultado-texto[data-v-8e66b162] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8e66b162] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8e66b162] { flex: 1;
}
.nav-btn[data-v-8e66b162] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8e66b162] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8e66b162] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8e66b162] { font-size: 1.75rem;
}
.completado-texto[data-v-8e66b162] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8e66b162], .slide-leave-active[data-v-8e66b162] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8e66b162] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8e66b162] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.asociar-opciones[data-v-8e66b162] {
    flex-direction: row;
    justify-content: center;
}
.asociar-btn[data-v-8e66b162] {
    flex: 1;
    max-width: 180px;
    flex-direction: column;
    text-align: center;
}
}

/* Header visual */
.header-visual[data-v-6fd4bf6e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-6fd4bf6e] {
  font-size: 2rem;
}
.header-texto[data-v-6fd4bf6e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla comparativa */
.tabla-section[data-v-6fd4bf6e] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-6fd4bf6e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-6fd4bf6e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  overflow-x: auto;
}
.tabla-row[data-v-6fd4bf6e] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.4rem;
  align-items: center;
}
.tabla-row.header[data-v-6fd4bf6e] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-row.tc[data-v-6fd4bf6e] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.tabla-row.cgr[data-v-6fd4bf6e] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.tabla-row.bc[data-v-6fd4bf6e] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.tabla-cell[data-v-6fd4bf6e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-cell.org[data-v-6fd4bf6e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.org-icono[data-v-6fd4bf6e] {
  font-size: 1rem;
}
.org-nombre[data-v-6fd4bf6e] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tabla-row.tc .org-nombre[data-v-6fd4bf6e] { color: #FCA5A5;
}
.tabla-row.cgr .org-nombre[data-v-6fd4bf6e] { color: #93C5FD;
}
.tabla-row.bc .org-nombre[data-v-6fd4bf6e] { color: #6EE7B7;
}
.tabla-cell.dato[data-v-6fd4bf6e] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.75rem;
}

/* Conceptos clave */
.conceptos-section[data-v-6fd4bf6e] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-6fd4bf6e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-6fd4bf6e] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.concepto-card[data-v-6fd4bf6e] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-nombre[data-v-6fd4bf6e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.concepto-def[data-v-6fd4bf6e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Prohibiciones */
.prohibiciones-section[data-v-6fd4bf6e] {
  margin: 1.5rem 0;
}
.prohibiciones-titulo[data-v-6fd4bf6e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prohibiciones-lista[data-v-6fd4bf6e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prohibicion-item[data-v-6fd4bf6e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
}
.prohib-org[data-v-6fd4bf6e] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
}
.prohib-org.tc[data-v-6fd4bf6e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.prohib-org.cgr[data-v-6fd4bf6e] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.prohib-org.bc[data-v-6fd4bf6e] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.prohib-texto[data-v-6fd4bf6e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-section[data-v-6fd4bf6e] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-6fd4bf6e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-6fd4bf6e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-6fd4bf6e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-6fd4bf6e] {
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-6fd4bf6e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-6fd4bf6e] {
  color: #6EE7B7;
}

/* Resumen final */
.resumen-final[data-v-6fd4bf6e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.resumen-icono[data-v-6fd4bf6e] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-6fd4bf6e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.resumen-texto strong[data-v-6fd4bf6e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-6fd4bf6e] {
    grid-template-columns: repeat(2, 1fr);
}
.tabla-row[data-v-6fd4bf6e] {
    gap: 1rem;
    padding: 0.75rem;
}
.tabla-cell[data-v-6fd4bf6e] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-1370d332] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.part-icono[data-v-1370d332] {
  font-size: 2.5rem;
  animation: float-1370d332 3s ease-in-out infinite;
}
.part-icono[data-v-1370d332]:nth-child(2) {
  animation-delay: 0.5s;
}
.part-icono[data-v-1370d332]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-1370d332 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-1370d332] {
  color: #FCD34D;
}

/* Concepto central */
.concepto-central[data-v-1370d332] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-1370d332] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-contenido[data-v-1370d332] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-contenido strong[data-v-1370d332] {
  color: #FFFFFF;
}

/* Importancia section */
.importancia-section[data-v-1370d332] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-1370d332] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-1370d332] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-1370d332] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-1370d332] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.item-texto[data-v-1370d332] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.item-texto strong[data-v-1370d332] {
  color: #6EE7B7;
}

/* Chile section */
.chile-section[data-v-1370d332] {
  margin: 1.5rem 0;
}
.chile-titulo[data-v-1370d332] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.chile-contenido[data-v-1370d332] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.chile-contenido p[data-v-1370d332] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.chile-contenido strong[data-v-1370d332] {
  color: #93C5FD;
}
.chile-dato[data-v-1370d332] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-icono[data-v-1370d332] {
  font-size: 1rem;
  flex-shrink: 0;
}
.dato-texto[data-v-1370d332] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-1370d332] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.clave-icono[data-v-1370d332] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-1370d332] {
  flex: 1;
}
.clave-titulo[data-v-1370d332] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.clave-texto[data-v-1370d332] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.clave-texto strong[data-v-1370d332] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1370d332] {
    gap: 1.5rem;
}
.part-icono[data-v-1370d332] {
    font-size: 3rem;
}
.importancia-grid[data-v-1370d332] {
    gap: 0.75rem;
}
.importancia-item[data-v-1370d332] {
    padding: 0.75rem;
}
.item-texto[data-v-1370d332] {
    font-size: 0.85rem;
}
}

/* Tipo section */
.tipo-section[data-v-a7d3b568] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.tipo-section.formal[data-v-a7d3b568] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-section.informal[data-v-a7d3b568] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-a7d3b568] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-icono[data-v-a7d3b568] {
  font-size: 1.5rem;
}
.tipo-titulo[data-v-a7d3b568] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-descripcion[data-v-a7d3b568] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}

/* Formas lista */
.formas-lista[data-v-a7d3b568] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.forma-item[data-v-a7d3b568] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.forma-icono[data-v-a7d3b568] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.forma-contenido[data-v-a7d3b568] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.forma-nombre[data-v-a7d3b568] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.forma-desc[data-v-a7d3b568] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Voluntariado */
.voluntariado-section[data-v-a7d3b568] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.vol-icono[data-v-a7d3b568] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.vol-contenido[data-v-a7d3b568] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vol-titulo[data-v-a7d3b568] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.vol-desc[data-v-a7d3b568] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Dato clave */
.dato-clave[data-v-a7d3b568] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.dato-icono[data-v-a7d3b568] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.dato-contenido[data-v-a7d3b568] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-contenido strong[data-v-a7d3b568] {
  color: #FCD34D;
}
strong.verde[data-v-a7d3b568] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formas-lista[data-v-a7d3b568] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
.forma-item[data-v-a7d3b568] {
    padding: 0.6rem;
}
}

/* Sección título */
.seccion-titulo[data-v-f63e1e59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.titulo-icono[data-v-f63e1e59] {
  font-size: 1.25rem;
}
.titulo-texto[data-v-f63e1e59] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Mecanismos section */
.mecanismos-section[data-v-f63e1e59] {
  margin: 1.5rem 0;
}
.mecanismos-grid[data-v-f63e1e59] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.mecanismo-card[data-v-f63e1e59] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.mecanismo-card.plebiscito[data-v-f63e1e59] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.mecanismo-card.audiencia[data-v-f63e1e59] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.mecanismo-card.cabildos[data-v-f63e1e59] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.mecanismo-card.cosoc[data-v-f63e1e59] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.mec-icono[data-v-f63e1e59] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.mec-nombre[data-v-f63e1e59] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mec-desc[data-v-f63e1e59] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* COSOC explicación */
.cosoc-explicacion[data-v-f63e1e59] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cosoc-header[data-v-f63e1e59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cosoc-icono[data-v-f63e1e59] {
  font-size: 1.25rem;
}
.cosoc-titulo[data-v-f63e1e59] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.cosoc-contenido p[data-v-f63e1e59] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cosoc-contenido strong[data-v-f63e1e59] {
  color: #FFFFFF;
}
.cosoc-funcion[data-v-f63e1e59] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.cosoc-funcion strong[data-v-f63e1e59] {
  color: #FCD34D;
}

/* Organizaciones section */
.organizaciones-section[data-v-f63e1e59] {
  margin: 1.5rem 0;
}
.organizaciones-grid[data-v-f63e1e59] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.org-item[data-v-f63e1e59] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.org-icono[data-v-f63e1e59] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.org-info[data-v-f63e1e59] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.org-nombre[data-v-f63e1e59] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.org-desc[data-v-f63e1e59] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Dato importante */
.dato-importante[data-v-f63e1e59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.dato-icono[data-v-f63e1e59] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.dato-contenido[data-v-f63e1e59] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-contenido strong[data-v-f63e1e59] {
  color: #6EE7B7;
}
strong.azul[data-v-f63e1e59] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.mecanismos-grid[data-v-f63e1e59] {
    gap: 0.75rem;
}
.mecanismo-card[data-v-f63e1e59] {
    padding: 1rem 0.75rem;
}
.mec-icono[data-v-f63e1e59] {
    font-size: 1.75rem;
}
.mec-nombre[data-v-f63e1e59] {
    font-size: 0.85rem;
}
.organizaciones-grid[data-v-f63e1e59] {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
}

.explorador[data-v-66d4262e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-66d4262e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-66d4262e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-66d4262e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-66d4262e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-66d4262e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-66d4262e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-66d4262e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-66d4262e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-66d4262e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-66d4262e] {
  text-align: center;
}
.accion-actual[data-v-66d4262e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.accion-icono[data-v-66d4262e] {
  font-size: 2.5rem;
}
.accion-texto[data-v-66d4262e] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.categorias-destino[data-v-66d4262e] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.categoria-btn[data-v-66d4262e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  border: 2px solid;
}
.categoria-btn.formal[data-v-66d4262e] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.categoria-btn.informal[data-v-66d4262e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.categoria-btn.activo[data-v-66d4262e]:not(:disabled):hover {
  transform: scale(1.02);
}
.categoria-btn.formal.activo[data-v-66d4262e]:not(:disabled):hover {
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.categoria-btn.informal.activo[data-v-66d4262e]:not(:disabled):hover {
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}
.categoria-btn[data-v-66d4262e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cat-icono[data-v-66d4262e] {
  font-size: 1.75rem;
}
.cat-nombre[data-v-66d4262e] {
  font-size: 0.9rem;
  font-weight: 700;
}
.formal .cat-nombre[data-v-66d4262e] {
  color: #93C5FD;
}
.informal .cat-nombre[data-v-66d4262e] {
  color: #6EE7B7;
}
.cat-count[data-v-66d4262e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.feedback-clasificar[data-v-66d4262e] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-clasificar.correcto[data-v-66d4262e] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.progreso-clasificar[data-v-66d4262e] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Identificar ===== */
.identificar-container[data-v-66d4262e] {
  text-align: center;
}
.org-pregunta[data-v-66d4262e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.org-icono-grande[data-v-66d4262e] {
  font-size: 3rem;
}
.org-descripcion[data-v-66d4262e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.org-opciones[data-v-66d4262e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.org-opcion-btn[data-v-66d4262e] {
  padding: 0.75rem 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.org-opcion-btn[data-v-66d4262e]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.org-opcion-btn.seleccionado[data-v-66d4262e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.org-opcion-btn.correcto[data-v-66d4262e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.org-opcion-btn.incorrecto[data-v-66d4262e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.org-contador[data-v-66d4262e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-66d4262e] {
  text-align: center;
}
.situacion-box[data-v-66d4262e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.situacion-icono[data-v-66d4262e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.situacion-texto[data-v-66d4262e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.situacion-texto strong[data-v-66d4262e] {
  color: #93C5FD;
}
.simulador-pregunta[data-v-66d4262e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.simulador-opciones[data-v-66d4262e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sim-opcion-btn[data-v-66d4262e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.sim-opcion-btn[data-v-66d4262e]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.sim-opcion-btn.seleccionado[data-v-66d4262e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.sim-opcion-btn.correcto[data-v-66d4262e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.sim-opcion-btn.incorrecto[data-v-66d4262e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.sim-letra[data-v-66d4262e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.sim-texto[data-v-66d4262e] {
  font-weight: 500;
  line-height: 1.3;
}
.sim-feedback[data-v-66d4262e] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.sim-feedback.correcto[data-v-66d4262e] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.sim-contador[data-v-66d4262e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-66d4262e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-66d4262e] { font-size: 1.25rem;
}
.resultado-texto[data-v-66d4262e] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-66d4262e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-66d4262e] { flex: 1;
}
.nav-btn[data-v-66d4262e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-66d4262e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-66d4262e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-66d4262e] { font-size: 1.75rem;
}
.completado-texto[data-v-66d4262e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-66d4262e], .slide-leave-active[data-v-66d4262e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-66d4262e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-66d4262e] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-c42e6bed] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-c42e6bed] {
  font-size: 1.5rem;
}
.header-texto[data-v-c42e6bed] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto box */
.concepto-box[data-v-c42e6bed] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-titulo[data-v-c42e6bed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-c42e6bed] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-c42e6bed] {
  color: #FFFFFF;
}
strong.amarillo[data-v-c42e6bed] {
  color: #FCD34D;
}

/* Formas resumen */
.formas-resumen[data-v-c42e6bed] {
  margin-bottom: 1.5rem;
}
.formas-titulo[data-v-c42e6bed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formas-grid[data-v-c42e6bed] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.forma-box[data-v-c42e6bed] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.forma-box.formal[data-v-c42e6bed] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.forma-box.informal[data-v-c42e6bed] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.forma-header[data-v-c42e6bed] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.formal .forma-header[data-v-c42e6bed] {
  color: #93C5FD;
}
.informal .forma-header[data-v-c42e6bed] {
  color: #6EE7B7;
}
.forma-lista[data-v-c42e6bed] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Mecanismos resumen */
.mecanismos-resumen[data-v-c42e6bed] {
  margin-bottom: 1.5rem;
}
.mec-titulo[data-v-c42e6bed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.mec-lista[data-v-c42e6bed] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mec-item[data-v-c42e6bed] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mec-nombre[data-v-c42e6bed] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.mec-desc[data-v-c42e6bed] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Organizaciones resumen */
.organizaciones-resumen[data-v-c42e6bed] {
  margin-bottom: 1.5rem;
}
.org-titulo[data-v-c42e6bed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.org-chips[data-v-c42e6bed] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.org-chip[data-v-c42e6bed] {
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Legal box */
.legal-box[data-v-c42e6bed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.legal-icono[data-v-c42e6bed] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.legal-contenido[data-v-c42e6bed] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.legal-contenido strong[data-v-c42e6bed] {
  color: #93C5FD;
}
strong.azul[data-v-c42e6bed] {
  color: #93C5FD;
}

/* Tips PAES */
.tips-paes[data-v-c42e6bed] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-c42e6bed] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-c42e6bed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c42e6bed] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-c42e6bed] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-c42e6bed] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c42e6bed] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.formas-grid[data-v-c42e6bed] {
    gap: 0.75rem;
}
.forma-box[data-v-c42e6bed] {
    padding: 1rem;
}
.forma-header[data-v-c42e6bed] {
    font-size: 0.8rem;
}
.forma-lista[data-v-c42e6bed] {
    font-size: 0.8rem;
}
.mec-item[data-v-c42e6bed] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.mec-nombre[data-v-c42e6bed] {
    min-width: 140px;
}
}

/* Intro visual */
.intro-visual[data-v-31606f71] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.partido-icono[data-v-31606f71] {
  font-size: 2.5rem;
  animation: float-31606f71 3s ease-in-out infinite;
}
.partido-icono[data-v-31606f71]:nth-child(2) {
  animation-delay: 0.5s;
}
.partido-icono[data-v-31606f71]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-31606f71 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-31606f71] {
  color: #FCD34D;
}

/* Definición formal */
.definicion-section[data-v-31606f71] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-31606f71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-contenido[data-v-31606f71] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.definicion-contenido p[data-v-31606f71] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.definicion-contenido strong[data-v-31606f71] {
  color: #FFFFFF;
}

/* Funciones */
.funciones-section[data-v-31606f71] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-31606f71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-31606f71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.funcion[data-v-31606f71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.funcion-icono[data-v-31606f71] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.funcion-nombre[data-v-31606f71] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.funcion-desc[data-v-31606f71] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Requisitos */
.requisitos-section[data-v-31606f71] {
  margin: 1.5rem 0;
}
.requisitos-titulo[data-v-31606f71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-lista[data-v-31606f71] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.requisito[data-v-31606f71] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.req-numero[data-v-31606f71] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.req-texto[data-v-31606f71] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.req-texto strong[data-v-31606f71] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-31606f71] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-31606f71] {
  font-size: 1.25rem;
}
.tip-texto[data-v-31606f71] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-31606f71] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-31606f71] {
    gap: 1.5rem;
}
.partido-icono[data-v-31606f71] {
    font-size: 3rem;
}
.funciones-grid[data-v-31606f71] {
    grid-template-columns: repeat(4, 1fr);
}
.funcion[data-v-31606f71] {
    padding: 1rem 0.5rem;
}
.funcion-icono[data-v-31606f71] {
    font-size: 1.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-851be27e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.espectro-texto[data-v-851be27e] {
  font-weight: 700;
  font-size: 1rem;
}
.espectro-texto.izq[data-v-851be27e] {
  color: #FCA5A5;
}
.espectro-texto.der[data-v-851be27e] {
  color: #93C5FD;
}
.espectro-linea[data-v-851be27e] {
  flex: 1;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #3B82F6);
  border-radius: 2px;
  max-width: 150px;
}

/* Texto coloreado */
strong.izquierda[data-v-851be27e] {
  color: #FCA5A5;
}
strong.derecha[data-v-851be27e] {
  color: #93C5FD;
}

/* Origen histórico */
.origen-section[data-v-851be27e] {
  margin: 1.5rem 0;
}
.origen-titulo[data-v-851be27e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.origen-contenido[data-v-851be27e] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.origen-icono[data-v-851be27e] {
  font-size: 2rem;
  flex-shrink: 0;
}
.origen-texto[data-v-851be27e] {
  flex: 1;
}
.origen-texto p[data-v-851be27e] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}

/* Espectro visual */
.espectro-section[data-v-851be27e] {
  margin: 1.5rem 0;
}
.espectro-titulo[data-v-851be27e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.espectro-visual[data-v-851be27e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.posicion[data-v-851be27e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.posicion.extrema-izq[data-v-851be27e] {
  background: rgba(239, 68, 68, 0.2);
  border-left: 4px solid #EF4444;
}
.posicion.izquierda-pos[data-v-851be27e] {
  background: rgba(248, 113, 113, 0.15);
  border-left: 4px solid #F87171;
}
.posicion.centro-pos[data-v-851be27e] {
  background: rgba(139, 92, 246, 0.15);
  border-left: 4px solid #8B5CF6;
}
.posicion.derecha-pos[data-v-851be27e] {
  background: rgba(96, 165, 250, 0.15);
  border-left: 4px solid #60A5FA;
}
.posicion.extrema-der[data-v-851be27e] {
  background: rgba(59, 130, 246, 0.2);
  border-left: 4px solid #3B82F6;
}
.pos-icono[data-v-851be27e] {
  font-size: 1.1rem;
}
.pos-nombre[data-v-851be27e] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  min-width: 90px;
}
.pos-ejemplos[data-v-851be27e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Barra del espectro */
.espectro-barra[data-v-851be27e] {
  margin-top: 0.75rem;
}
.barra-gradiente[data-v-851be27e] {
  height: 6px;
  background: linear-gradient(to right, #EF4444, #F87171, #8B5CF6, #60A5FA, #3B82F6);
  border-radius: 3px;
}
.barra-labels[data-v-851be27e] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Diferencias */
.diferencias-section[data-v-851be27e] {
  margin: 1.5rem 0;
}
.diferencias-titulo[data-v-851be27e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencias-tabla[data-v-851be27e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.diff-header[data-v-851be27e], .diff-row[data-v-851be27e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.diff-header[data-v-851be27e] {
  background: rgba(139, 92, 246, 0.3);
  padding: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
}
.diff-row[data-v-851be27e] {
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.diff-row[data-v-851be27e]:last-child {
  border-bottom: none;
}
.diff-tema[data-v-851be27e] {
  font-size: 0.7rem;
  color: #FFFFFF;
}
.diff-izq[data-v-851be27e] {
  font-size: 0.7rem;
  color: #FCA5A5;
  text-align: center;
}
.diff-der[data-v-851be27e] {
  font-size: 0.7rem;
  color: #93C5FD;
  text-align: center;
}
.diff-header .diff-tema[data-v-851be27e],
.diff-header .diff-izq[data-v-851be27e],
.diff-header .diff-der[data-v-851be27e] {
  color: #FFFFFF;
}

/* Nota */
.nota[data-v-851be27e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-851be27e] {
  font-size: 1.25rem;
}
.nota-texto[data-v-851be27e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-851be27e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.espectro-visual[data-v-851be27e] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.posicion[data-v-851be27e] {
    flex: 1;
    min-width: 100px;
    max-width: 150px;
    flex-direction: column;
    text-align: center;
    border-left: none;
    border-top: 4px solid;
}
.posicion.extrema-izq[data-v-851be27e] { border-top-color: #EF4444;
}
.posicion.izquierda-pos[data-v-851be27e] { border-top-color: #F87171;
}
.posicion.centro-pos[data-v-851be27e] { border-top-color: #8B5CF6;
}
.posicion.derecha-pos[data-v-851be27e] { border-top-color: #60A5FA;
}
.posicion.extrema-der[data-v-851be27e] { border-top-color: #3B82F6;
}
.pos-nombre[data-v-851be27e] {
    min-width: auto;
}
.diferencias-tabla[data-v-851be27e] {
    font-size: 0.85rem;
}
.diff-tema[data-v-851be27e], .diff-izq[data-v-851be27e], .diff-der[data-v-851be27e] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-e6bc847f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.coalicion-visual[data-v-e6bc847f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.partido-chip[data-v-e6bc847f] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.partido-chip.p1[data-v-e6bc847f] { background: #EF4444;
}
.partido-chip.p2[data-v-e6bc847f] { background: #F59E0B;
}
.partido-chip.p3[data-v-e6bc847f] { background: #10B981;
}
.union-icono[data-v-e6bc847f] {
  font-size: 1.25rem;
  margin: 0 0.25rem;
}
.coalicion-resultado[data-v-e6bc847f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Texto destacado */
strong.destacado[data-v-e6bc847f] {
  color: #FCD34D;
}

/* Por qué se forman */
.porque-section[data-v-e6bc847f] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-e6bc847f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.porque-grid[data-v-e6bc847f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.porque-item[data-v-e6bc847f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.porque-icono[data-v-e6bc847f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.porque-texto[data-v-e6bc847f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Sistemas de partidos */
.sistemas-section[data-v-e6bc847f] {
  margin: 1.5rem 0;
}
.sistemas-titulo[data-v-e6bc847f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sistemas-grid[data-v-e6bc847f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sistema[data-v-e6bc847f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.sistema.bipartidista[data-v-e6bc847f] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.sistema.multipartidista[data-v-e6bc847f] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sistema.unipartidista[data-v-e6bc847f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sistema-icono[data-v-e6bc847f] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.sistema-nombre[data-v-e6bc847f] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  min-width: 100px;
}
.sistema-desc[data-v-e6bc847f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  flex: 1;
}
.sistema-ejemplo[data-v-e6bc847f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Coaliciones Chile */
.chile-section[data-v-e6bc847f] {
  margin: 1.5rem 0;
}
.chile-titulo[data-v-e6bc847f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.coaliciones-chile[data-v-e6bc847f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.coalicion-item[data-v-e6bc847f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.coalicion-item.izq[data-v-e6bc847f] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.coalicion-item.centro-izq[data-v-e6bc847f] {
  background: rgba(248, 113, 113, 0.1);
  border-left-color: #F87171;
}
.coalicion-item.der[data-v-e6bc847f] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.coalicion-item.extrema-der[data-v-e6bc847f] {
  background: rgba(30, 64, 175, 0.15);
  border-left-color: #1E40AF;
}
.coal-periodo[data-v-e6bc847f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  min-width: 50px;
}
.coal-nombre[data-v-e6bc847f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
}
.coal-partidos[data-v-e6bc847f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-e6bc847f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e6bc847f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e6bc847f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e6bc847f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.porque-grid[data-v-e6bc847f] {
    grid-template-columns: repeat(4, 1fr);
}
.sistemas-grid[data-v-e6bc847f] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.sistema[data-v-e6bc847f] {
    flex: 1;
    min-width: 150px;
    max-width: 200px;
    flex-direction: column;
    text-align: center;
}
.sistema-nombre[data-v-e6bc847f] {
    min-width: auto;
}
.coalicion-item[data-v-e6bc847f] {
    gap: 1rem;
}
.coal-periodo[data-v-e6bc847f] {
    min-width: 70px;
}
}

.explorador[data-v-3ebee356] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3ebee356] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3ebee356] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3ebee356] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3ebee356] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3ebee356] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3ebee356] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3ebee356] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3ebee356] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3ebee356] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Espectro ===== */
.espectro-container[data-v-3ebee356] {
  text-align: center;
}
.propuesta-actual[data-v-3ebee356] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.propuesta-icono[data-v-3ebee356] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.propuesta-texto[data-v-3ebee356] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.4;
}
.espectro-interactivo[data-v-3ebee356] {
  margin: 1rem 0;
}
.espectro-labels[data-v-3ebee356] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.label-izq[data-v-3ebee356] { color: #FCA5A5;
}
.label-centro[data-v-3ebee356] { color: #C4B5FD;
}
.label-der[data-v-3ebee356] { color: #93C5FD;
}
.espectro-barra-interactiva[data-v-3ebee356] {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #3B82F6);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 0.5rem;
}
.posicion-btn[data-v-3ebee356] {
  flex: 1;
  height: 50px;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.posicion-btn[data-v-3ebee356]:hover:not(:disabled) {
  transform: scale(1.05);
}
.posicion-btn.seleccionado[data-v-3ebee356] {
  border-color: #FFFFFF;
  transform: scale(1.1);
}
.posicion-btn.correcto[data-v-3ebee356] {
  border-color: #10B981;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.5);
}
.posicion-btn.incorrecto[data-v-3ebee356] {
  border-color: #EF4444;
  animation: shake-3ebee356 0.3s ease;
}
@keyframes shake-3ebee356 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}

/* ===== DESAFÍO 2: Coalición ===== */
.coalicion-container[data-v-3ebee356] {
  text-align: center;
}
.escenario-coalicion[data-v-3ebee356] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.escenario-icono[data-v-3ebee356] {
  font-size: 1.25rem;
}
.escenario-texto[data-v-3ebee356] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.escenario-texto strong[data-v-3ebee356] {
  color: #FFFFFF;
}
.escenario-texto .destacado[data-v-3ebee356] {
  color: #FCD34D;
}
.partidos-disponibles[data-v-3ebee356] {
  margin-bottom: 1rem;
}
.partidos-label[data-v-3ebee356] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.partidos-grid[data-v-3ebee356] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.partido-btn[data-v-3ebee356] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.partido-btn.izquierda[data-v-3ebee356] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.partido-btn.centro-izq[data-v-3ebee356] {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.4);
}
.partido-btn.centro[data-v-3ebee356] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.partido-btn.centro-der[data-v-3ebee356] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.4);
}
.partido-btn.derecha[data-v-3ebee356] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.partido-btn.extrema-der[data-v-3ebee356] {
  background: rgba(30, 64, 175, 0.15);
  border-color: rgba(30, 64, 175, 0.4);
}
.partido-btn.seleccionado[data-v-3ebee356] {
  transform: scale(1.02);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}
.partido-btn.seleccionado.izquierda[data-v-3ebee356],
.partido-btn.seleccionado.centro-izq[data-v-3ebee356] {
  border-color: #EF4444;
}
.partido-btn.seleccionado.centro[data-v-3ebee356] {
  border-color: #8B5CF6;
}
.partido-btn.seleccionado.centro-der[data-v-3ebee356],
.partido-btn.seleccionado.derecha[data-v-3ebee356] {
  border-color: #3B82F6;
}
.partido-btn.seleccionado.extrema-der[data-v-3ebee356] {
  border-color: #1E40AF;
}
.partido-sigla[data-v-3ebee356] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.partido-nombre[data-v-3ebee356] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.coalicion-actual[data-v-3ebee356] {
  margin: 1rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.coalicion-label[data-v-3ebee356] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.coalicion-chips[data-v-3ebee356] {
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  flex-wrap: wrap;
}
.chip-partido[data-v-3ebee356] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.chip-partido.izquierda[data-v-3ebee356],
.chip-partido.centro-izq[data-v-3ebee356] {
  background: #EF4444;
}
.chip-partido.centro[data-v-3ebee356] {
  background: #8B5CF6;
}
.chip-partido.centro-der[data-v-3ebee356],
.chip-partido.derecha[data-v-3ebee356] {
  background: #3B82F6;
}
.chip-partido.extrema-der[data-v-3ebee356] {
  background: #1E40AF;
}
.chip-vacio[data-v-3ebee356] {
  font-size: 0.75rem;
  color: #6B7280;
  font-style: italic;
}

/* ===== DESAFÍO 3: Funciones ===== */
.funciones-container[data-v-3ebee356] {
  text-align: center;
}
.pregunta-funcion[data-v-3ebee356] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.pregunta-icono[data-v-3ebee356] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.pregunta-texto[data-v-3ebee356] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-funcion[data-v-3ebee356] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-3ebee356] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-3ebee356]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-3ebee356] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-3ebee356] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-3ebee356] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-3ebee356] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.opcion-texto[data-v-3ebee356] {
  font-weight: 600;
}

/* Elementos comunes */
.feedback[data-v-3ebee356] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-3ebee356] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-3ebee356] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.botones-accion[data-v-3ebee356] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-3ebee356], .btn-reiniciar[data-v-3ebee356] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-3ebee356] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-3ebee356] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-3ebee356] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3ebee356] { font-size: 1.25rem;
}
.resultado-texto[data-v-3ebee356] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-3ebee356] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3ebee356] { flex: 1;
}
.nav-btn[data-v-3ebee356] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3ebee356] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3ebee356] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3ebee356] { font-size: 1.75rem;
}
.completado-texto[data-v-3ebee356] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3ebee356], .slide-leave-active[data-v-3ebee356] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3ebee356] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3ebee356] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.partidos-grid[data-v-3ebee356] {
    grid-template-columns: repeat(4, 1fr);
}
.opciones-funcion[data-v-3ebee356] {
    flex-direction: row;
    flex-wrap: wrap;
}
.opcion-btn[data-v-3ebee356] {
    flex: 1 1 45%;
}
}

/* Intro visual */
.intro-visual[data-v-50b3d0e6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.poder-icono[data-v-50b3d0e6] {
  font-size: 2.5rem;
  animation: float-50b3d0e6 3s ease-in-out infinite;
}
.poder-icono[data-v-50b3d0e6]:nth-child(2) {
  animation-delay: 0.5s;
}
.poder-icono[data-v-50b3d0e6]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-50b3d0e6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-50b3d0e6] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-50b3d0e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-50b3d0e6] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-50b3d0e6] {
  flex: 1;
}
.concepto-titulo[data-v-50b3d0e6] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-50b3d0e6] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-50b3d0e6] {
  color: #FFFFFF;
}

/* Los 3 poderes */
.poderes-section[data-v-50b3d0e6] {
  margin: 1.5rem 0;
}
.poderes-titulo[data-v-50b3d0e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poderes-grid[data-v-50b3d0e6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.poder[data-v-50b3d0e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.poder.poder-ejecutivo[data-v-50b3d0e6] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.poder-nombre[data-v-50b3d0e6] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  letter-spacing: 0.05em;
}
.poder.poder-ejecutivo .poder-nombre[data-v-50b3d0e6] {
  color: #6EE7B7;
}
.poder-quien[data-v-50b3d0e6] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.poder-funcion[data-v-50b3d0e6] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Características */
.caracteristicas-section[data-v-50b3d0e6] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-50b3d0e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-50b3d0e6] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.caracteristica[data-v-50b3d0e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.car-icono[data-v-50b3d0e6] {
  font-size: 1.25rem;
}
.car-texto[data-v-50b3d0e6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.car-texto strong[data-v-50b3d0e6] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-50b3d0e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-50b3d0e6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-50b3d0e6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-50b3d0e6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-50b3d0e6] {
    gap: 1.5rem;
}
.poder-icono[data-v-50b3d0e6] {
    font-size: 3rem;
}
.poderes-grid[data-v-50b3d0e6] {
    flex-direction: row;
}
.poder[data-v-50b3d0e6] {
    flex: 1;
    padding: 1rem;
}
.caracteristicas-grid[data-v-50b3d0e6] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-e2072a1c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.presidente-card[data-v-e2072a1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.pres-icono[data-v-e2072a1c] {
  font-size: 2.5rem;
}
.pres-titulo[data-v-e2072a1c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.5rem;
}
.pres-subtitulo[data-v-e2072a1c] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Texto destacado */
strong.destacado[data-v-e2072a1c] {
  color: #FCD34D;
}

/* Requisitos */
.requisitos-section[data-v-e2072a1c] {
  margin: 1.5rem 0;
}
.requisitos-titulo[data-v-e2072a1c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-grid[data-v-e2072a1c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.requisito[data-v-e2072a1c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.req-icono[data-v-e2072a1c] {
  font-size: 1.5rem;
}
.req-contenido[data-v-e2072a1c] {
  display: flex;
  flex-direction: column;
}
.req-nombre[data-v-e2072a1c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.req-detalle[data-v-e2072a1c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Elección */
.eleccion-section[data-v-e2072a1c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.eleccion-titulo[data-v-e2072a1c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.eleccion-info[data-v-e2072a1c] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.eleccion-item[data-v-e2072a1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.elec-valor[data-v-e2072a1c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.elec-label[data-v-e2072a1c] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.eleccion-nota[data-v-e2072a1c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.eleccion-nota strong[data-v-e2072a1c] {
  color: #93C5FD;
}

/* Gabinete */
.gabinete-section[data-v-e2072a1c] {
  margin: 1.5rem 0;
}
.gabinete-titulo[data-v-e2072a1c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.gabinete-intro[data-v-e2072a1c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.gabinete-intro strong[data-v-e2072a1c] {
  color: #FFFFFF;
}
.ministros-grid[data-v-e2072a1c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.ministro[data-v-e2072a1c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.min-icono[data-v-e2072a1c] {
  font-size: 1.25rem;
}
.min-nombre[data-v-e2072a1c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.gabinete-nota[data-v-e2072a1c] {
  font-size: 0.75rem;
  color: #FCD34D;
  text-align: center;
  font-style: italic;
}

/* Tip */
.tip[data-v-e2072a1c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e2072a1c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e2072a1c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e2072a1c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pres-icono[data-v-e2072a1c] {
    font-size: 3rem;
}
.pres-titulo[data-v-e2072a1c] {
    font-size: 1.2rem;
}
.requisitos-grid[data-v-e2072a1c] {
    flex-direction: row;
}
.requisito[data-v-e2072a1c] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.req-contenido[data-v-e2072a1c] {
    align-items: center;
}
.ministros-grid[data-v-e2072a1c] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-c16b9ebb] {
  color: #FCD34D;
}

/* Secciones de atribuciones */
.atribuciones-section[data-v-c16b9ebb] {
  margin: 1.25rem 0;
}
.atribuciones-header[data-v-c16b9ebb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: 0;
}
.atribuciones-header.gubernamentales[data-v-c16b9ebb] {
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-bottom: none;
}
.atribuciones-header.administrativas[data-v-c16b9ebb] {
  background: rgba(59, 130, 246, 0.3);
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-bottom: none;
}
.atribuciones-header.legislativas[data-v-c16b9ebb] {
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.5);
  border-bottom: none;
}
.atribuciones-header.judiciales[data-v-c16b9ebb] {
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid rgba(245, 158, 11, 0.5);
  border-bottom: none;
}
.atr-icono[data-v-c16b9ebb] {
  font-size: 1.25rem;
}
.atr-titulo[data-v-c16b9ebb] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.atribuciones-lista[data-v-c16b9ebb] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.5rem;
}
.gubernamentales + .atribuciones-lista[data-v-c16b9ebb] {
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-top: none;
}
.administrativas + .atribuciones-lista[data-v-c16b9ebb] {
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-top: none;
}
.legislativas + .atribuciones-lista[data-v-c16b9ebb] {
  border: 1px solid rgba(16, 185, 129, 0.5);
  border-top: none;
}
.judiciales + .atribuciones-lista[data-v-c16b9ebb] {
  border: 1px solid rgba(245, 158, 11, 0.5);
  border-top: none;
}
.atribucion[data-v-c16b9ebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
}
.atr-check[data-v-c16b9ebb] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.atr-texto[data-v-c16b9ebb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.atr-texto strong[data-v-c16b9ebb] {
  color: #FFFFFF;
}

/* Flujo legislativo */
.flujo-section[data-v-c16b9ebb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-titulo[data-v-c16b9ebb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.flujo-pasos[data-v-c16b9ebb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.flujo-paso[data-v-c16b9ebb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.paso-num[data-v-c16b9ebb] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-c16b9ebb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.flujo-flecha[data-v-c16b9ebb] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
  transform: rotate(90deg);
}

/* Tip */
.tip[data-v-c16b9ebb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c16b9ebb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c16b9ebb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c16b9ebb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.flujo-pasos[data-v-c16b9ebb] {
    flex-direction: row;
    justify-content: center;
}
.flujo-paso[data-v-c16b9ebb] {
    width: auto;
    flex: 1;
    max-width: 180px;
    flex-direction: column;
    text-align: center;
}
.flujo-flecha[data-v-c16b9ebb] {
    transform: none;
}
.atr-texto[data-v-c16b9ebb] {
    font-size: 0.85rem;
}
}

.explorador[data-v-550612ae] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-550612ae] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-550612ae] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-550612ae] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-550612ae] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-550612ae] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-550612ae] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-550612ae] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-550612ae] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-550612ae] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-game[data-v-550612ae] {
  text-align: center;
}
.clasificar-pregunta[data-v-550612ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.clasificar-icono[data-v-550612ae] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.clasificar-texto[data-v-550612ae] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.clasificar-opciones[data-v-550612ae] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-550612ae] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.clasificar-btn[data-v-550612ae]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.clasificar-btn.correcto[data-v-550612ae] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.clasificar-btn.incorrecto[data-v-550612ae] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-550612ae] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.opcion-nombre[data-v-550612ae] {
  font-weight: 600;
}

/* ===== DESAFÍO 2: Verdadero o Falso ===== */
.verdadero-falso-game[data-v-550612ae] {
  text-align: center;
}
.vf-pregunta[data-v-550612ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.vf-icono[data-v-550612ae] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.vf-texto[data-v-550612ae] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.vf-opciones[data-v-550612ae] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.vf-btn[data-v-550612ae] {
  flex: 1;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-550612ae] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-550612ae] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.vf-btn[data-v-550612ae]:not(:disabled):hover {
  transform: scale(1.02);
}
.vf-btn.correcto[data-v-550612ae] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.vf-btn.incorrecto[data-v-550612ae] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.vf-emoji[data-v-550612ae] {
  font-size: 1.5rem;
}
.vf-feedback[data-v-550612ae] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.vf-feedback.correcto[data-v-550612ae] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* ===== DESAFÍO 3: Organigrama ===== */
.organigrama-game[data-v-550612ae] {
  text-align: center;
}
.org-escenario[data-v-550612ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.org-cargo[data-v-550612ae] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.org-pregunta[data-v-550612ae] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.org-opciones[data-v-550612ae] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.org-btn[data-v-550612ae] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.org-btn[data-v-550612ae]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.org-btn.correcto[data-v-550612ae] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.org-btn.incorrecto[data-v-550612ae] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.org-feedback[data-v-550612ae] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.org-feedback.correcto[data-v-550612ae] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Contador */
.game-contador[data-v-550612ae] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-550612ae] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-550612ae] { font-size: 1.25rem;
}
.resultado-texto[data-v-550612ae] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-550612ae] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-550612ae] { flex: 1;
}
.nav-btn[data-v-550612ae] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-550612ae] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-550612ae] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-550612ae] { font-size: 1.75rem;
}
.completado-texto[data-v-550612ae] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-550612ae], .slide-leave-active[data-v-550612ae] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-550612ae] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-550612ae] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.clasificar-opciones[data-v-550612ae] {
    flex-direction: row;
    justify-content: center;
}
.clasificar-btn[data-v-550612ae] {
    flex: 1;
    max-width: 160px;
    flex-direction: column;
    text-align: center;
}
.org-opciones[data-v-550612ae] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.org-btn[data-v-550612ae] {
    flex: 1;
    min-width: 150px;
    max-width: 200px;
}
}

/* Header resumen */
.resumen-header[data-v-ebceccc6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-ebceccc6] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-ebceccc6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Puntos clave */
.puntos-clave[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-ebceccc6] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-ebceccc6] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.punto-contenido[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-titulo[data-v-ebceccc6] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-texto[data-v-ebceccc6] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-texto strong[data-v-ebceccc6] {
  color: #FFFFFF;
}

/* Diagrama */
.diagrama-section[data-v-ebceccc6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-ebceccc6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.diagrama-ejecutivo[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nivel-presidente[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.cargo-icono[data-v-ebceccc6] {
  font-size: 1.5rem;
}
.cargo-nombre[data-v-ebceccc6] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.linea-vertical[data-v-ebceccc6] {
  width: 2px;
  height: 20px;
  background: rgba(139, 92, 246, 0.5);
}
.nivel-ministros[data-v-ebceccc6] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.ministro-card[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.min-icono[data-v-ebceccc6] {
  font-size: 1.25rem;
}
.min-nombre[data-v-ebceccc6] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-ebceccc6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-ebceccc6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-ebceccc6] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-ebceccc6] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tips-lista[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-ebceccc6] {
  display: flex;
  gap: 0.5rem;
}
.tip-bullet[data-v-ebceccc6] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-ebceccc6] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-ebceccc6] {
  color: #FFFFFF;
}

/* Atribuciones resumen */
.atribuciones-resumen[data-v-ebceccc6] {
  margin: 1.5rem 0;
}
.atr-titulo[data-v-ebceccc6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.atr-grid[data-v-ebceccc6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.atr-item[data-v-ebceccc6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.atr-item.legislativa[data-v-ebceccc6] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.atr-item.administrativa[data-v-ebceccc6] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.atr-item.gubernamental[data-v-ebceccc6] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.atr-item.judicial[data-v-ebceccc6] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.atr-icono[data-v-ebceccc6] {
  font-size: 1.25rem;
}
.atr-nombre[data-v-ebceccc6] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.atr-detalle[data-v-ebceccc6] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-ebceccc6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-ebceccc6] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.final-texto[data-v-ebceccc6] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.atr-grid[data-v-ebceccc6] {
    grid-template-columns: repeat(4, 1fr);
}
.nivel-ministros[data-v-ebceccc6] {
    flex-wrap: nowrap;
}
.ministro-card[data-v-ebceccc6] {
    min-width: 100px;
}
}

/* Intro visual */
.intro-visual[data-v-ae27e095] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.poder-icono[data-v-ae27e095] {
  font-size: 2.5rem;
  animation: float-ae27e095 3s ease-in-out infinite;
}
.poder-icono[data-v-ae27e095]:nth-child(2) {
  animation-delay: 0.5s;
}
.poder-icono[data-v-ae27e095]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-ae27e095 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-ae27e095] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-ae27e095] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-ae27e095] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-ae27e095] {
  flex: 1;
}
.concepto-titulo[data-v-ae27e095] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-ae27e095] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-ae27e095] {
  color: #FFFFFF;
}

/* Los 3 poderes */
.poderes-section[data-v-ae27e095] {
  margin: 1.5rem 0;
}
.poderes-titulo[data-v-ae27e095] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poderes-grid[data-v-ae27e095] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.poder[data-v-ae27e095] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.poder.poder-judicial[data-v-ae27e095] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.poder-nombre[data-v-ae27e095] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  letter-spacing: 0.05em;
}
.poder.poder-judicial .poder-nombre[data-v-ae27e095] {
  color: #6EE7B7;
}
.poder-quien[data-v-ae27e095] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.poder-funcion[data-v-ae27e095] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Funciones */
.funciones-section[data-v-ae27e095] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-ae27e095] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-ae27e095] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.funcion[data-v-ae27e095] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.fun-icono[data-v-ae27e095] {
  font-size: 1.25rem;
}
.fun-texto[data-v-ae27e095] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.fun-texto strong[data-v-ae27e095] {
  color: #FFFFFF;
}

/* Principio fundamental */
.principio-box[data-v-ae27e095] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.principio-icono[data-v-ae27e095] {
  font-size: 1.25rem;
}
.principio-contenido[data-v-ae27e095] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.principio-titulo[data-v-ae27e095] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.principio-texto[data-v-ae27e095] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.principio-texto strong[data-v-ae27e095] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-ae27e095] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-ae27e095] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ae27e095] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ae27e095] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-ae27e095] {
    gap: 1.5rem;
}
.poder-icono[data-v-ae27e095] {
    font-size: 3rem;
}
.poderes-grid[data-v-ae27e095] {
    flex-direction: row;
}
.poder[data-v-ae27e095] {
    flex: 1;
    padding: 1rem;
}
.funciones-grid[data-v-ae27e095] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual - Pirámide */
.intro-visual[data-v-4e6ded5a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.piramide[data-v-4e6ded5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  max-width: 300px;
}
.nivel[data-v-4e6ded5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
.nivel-1[data-v-4e6ded5a] {
  width: 70%;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.nivel-2[data-v-4e6ded5a] {
  width: 85%;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.nivel-3[data-v-4e6ded5a] {
  width: 100%;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.nivel-icono[data-v-4e6ded5a] {
  font-size: 1.25rem;
}
.nivel-nombre[data-v-4e6ded5a] {
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
}

/* Tribunal cards */
.tribunal-card[data-v-4e6ded5a] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.tribunal-card.suprema[data-v-4e6ded5a] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.05);
}
.tribunal-card.apelaciones[data-v-4e6ded5a] {
  border-color: rgba(139, 92, 246, 0.5);
  background: rgba(139, 92, 246, 0.05);
}
.tribunal-card.primera[data-v-4e6ded5a] {
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.05);
}
.tribunal-header[data-v-4e6ded5a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.tribunal-icono[data-v-4e6ded5a] {
  font-size: 1.75rem;
}
.tribunal-info[data-v-4e6ded5a] {
  display: flex;
  flex-direction: column;
}
.tribunal-nombre[data-v-4e6ded5a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tribunal-subtitulo[data-v-4e6ded5a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tribunal-detalles[data-v-4e6ded5a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.detalle[data-v-4e6ded5a] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.detalle-label[data-v-4e6ded5a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.detalle-valor[data-v-4e6ded5a] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tipos de tribunales */
.tipos-tribunales[data-v-4e6ded5a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.tipo[data-v-4e6ded5a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tipo-icono[data-v-4e6ded5a] {
  font-size: 1rem;
}
.tipo-nombre[data-v-4e6ded5a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Nombramiento */
.nombramiento-box[data-v-4e6ded5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.nombramiento-icono[data-v-4e6ded5a] {
  font-size: 1.25rem;
}
.nombramiento-contenido[data-v-4e6ded5a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nombramiento-titulo[data-v-4e6ded5a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.nombramiento-texto[data-v-4e6ded5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.nombramiento-texto strong[data-v-4e6ded5a] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-4e6ded5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4e6ded5a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4e6ded5a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4e6ded5a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.piramide[data-v-4e6ded5a] {
    max-width: 400px;
}
.nivel[data-v-4e6ded5a] {
    padding: 0.75rem;
}
.nivel-nombre[data-v-4e6ded5a] {
    font-size: 0.85rem;
}
.detalle[data-v-4e6ded5a] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.detalle-label[data-v-4e6ded5a] {
    min-width: 120px;
}
.tipos-tribunales[data-v-4e6ded5a] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo[data-v-4e6ded5a] {
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.tipo-icono[data-v-4e6ded5a] {
    font-size: 1.25rem;
}
}

/* Intro visual - Balanza */
.intro-visual[data-v-30ff54c2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.balanza-container[data-v-30ff54c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 350px;
}
.balanza-plato[data-v-30ff54c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  flex: 1;
}
.plato-icono[data-v-30ff54c2] {
  font-size: 1.5rem;
}
.plato-label[data-v-30ff54c2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.balanza-centro[data-v-30ff54c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.centro-icono[data-v-30ff54c2] {
  font-size: 2rem;
}
.centro-texto[data-v-30ff54c2] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #6EE7B7;
  letter-spacing: 0.05em;
}

/* Texto destacado */
strong.destacado[data-v-30ff54c2] {
  color: #FCD34D;
}

/* Garantías */
.garantias-section[data-v-30ff54c2] {
  margin: 1.5rem 0;
}
.garantias-titulo[data-v-30ff54c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.garantias-grid[data-v-30ff54c2] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.garantia[data-v-30ff54c2] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.garantia-header[data-v-30ff54c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.garantia-icono[data-v-30ff54c2] {
  font-size: 1.25rem;
}
.garantia-nombre[data-v-30ff54c2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.garantia-desc[data-v-30ff54c2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  display: block;
  padding-left: 1.75rem;
}

/* Límites */
.limites-section[data-v-30ff54c2] {
  margin: 1.5rem 0;
}
.limites-titulo[data-v-30ff54c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.limite-box[data-v-30ff54c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.limite-icono[data-v-30ff54c2] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.limite-texto[data-v-30ff54c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.limite-texto strong[data-v-30ff54c2] {
  color: #FCA5A5;
}

/* Principios */
.principios-section[data-v-30ff54c2] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-30ff54c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-30ff54c2] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.principio[data-v-30ff54c2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.principio-num[data-v-30ff54c2] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #C4B5FD;
  flex-shrink: 0;
}
.principio-contenido[data-v-30ff54c2] {
  display: flex;
  flex-direction: column;
}
.principio-nombre[data-v-30ff54c2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.principio-desc[data-v-30ff54c2] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-30ff54c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-30ff54c2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-30ff54c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-30ff54c2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.balanza-container[data-v-30ff54c2] {
    gap: 1rem;
    max-width: 400px;
}
.plato-icono[data-v-30ff54c2] {
    font-size: 2rem;
}
.plato-label[data-v-30ff54c2] {
    font-size: 0.75rem;
}
.centro-icono[data-v-30ff54c2] {
    font-size: 2.5rem;
}
.centro-texto[data-v-30ff54c2] {
    font-size: 0.7rem;
}
.garantias-grid[data-v-30ff54c2] {
    grid-template-columns: repeat(2, 1fr);
}
.principios-grid[data-v-30ff54c2] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-18cecf98] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-18cecf98] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-18cecf98] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-18cecf98] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-18cecf98] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-18cecf98] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-18cecf98] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-18cecf98] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-18cecf98] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-18cecf98] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Jerarquía ===== */
.jerarquia-game[data-v-18cecf98] {
  text-align: center;
}
.jerarquia-instruccion[data-v-18cecf98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.jerarquia-icono[data-v-18cecf98] {
  font-size: 1.25rem;
}
.jerarquia-texto[data-v-18cecf98] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.jerarquia-texto strong[data-v-18cecf98] {
  color: #93C5FD;
}
.tribunales-disponibles[data-v-18cecf98] {
  margin-bottom: 1rem;
}
.tribunales-label[data-v-18cecf98] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tribunales-pool[data-v-18cecf98] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tribunal-draggable[data-v-18cecf98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.tribunal-draggable.seleccionado[data-v-18cecf98] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.trib-emoji[data-v-18cecf98] {
  font-size: 1.25rem;
}
.trib-nombre[data-v-18cecf98] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.jerarquia-slots[data-v-18cecf98] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.slots-label[data-v-18cecf98] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding: 0.5rem 0;
}
.slots-container[data-v-18cecf98] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-jerarquia[data-v-18cecf98] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 50px;
  font-family: inherit;
}
.slot-jerarquia.seleccionable[data-v-18cecf98] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-18cecf98 1s infinite;
}
@keyframes pulse-18cecf98 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.slot-jerarquia.ocupado[data-v-18cecf98] {
  border-style: solid;
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.1);
}
.slot-contenido[data-v-18cecf98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slot-emoji[data-v-18cecf98] {
  font-size: 1.25rem;
}
.slot-nombre[data-v-18cecf98] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.slot-num[data-v-18cecf98] {
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(139, 92, 246, 0.5);
}

/* Botones de acción */
.botones-accion[data-v-18cecf98] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-18cecf98], .btn-reiniciar[data-v-18cecf98] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-18cecf98] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-18cecf98] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Verdadero o Falso ===== */
.verdadero-falso-game[data-v-18cecf98] {
  text-align: center;
}
.vf-pregunta[data-v-18cecf98] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.vf-icono[data-v-18cecf98] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.vf-texto[data-v-18cecf98] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.vf-opciones[data-v-18cecf98] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.vf-btn[data-v-18cecf98] {
  flex: 1;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-18cecf98] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-18cecf98] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.vf-btn[data-v-18cecf98]:not(:disabled):hover {
  transform: scale(1.02);
}
.vf-btn.correcto[data-v-18cecf98] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.vf-btn.incorrecto[data-v-18cecf98] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.vf-emoji[data-v-18cecf98] {
  font-size: 1.5rem;
}
.vf-feedback[data-v-18cecf98] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.vf-feedback.correcto[data-v-18cecf98] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* ===== DESAFÍO 3: Casos ===== */
.casos-game[data-v-18cecf98] {
  text-align: center;
}
.caso-escenario[data-v-18cecf98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.caso-icono[data-v-18cecf98] {
  font-size: 2rem;
}
.caso-texto[data-v-18cecf98] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.caso-pregunta[data-v-18cecf98] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.caso-opciones[data-v-18cecf98] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-btn[data-v-18cecf98] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.caso-btn[data-v-18cecf98]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.caso-btn.correcto[data-v-18cecf98] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.caso-btn.incorrecto[data-v-18cecf98] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.caso-feedback[data-v-18cecf98] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.caso-feedback.correcto[data-v-18cecf98] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Contador */
.game-contador[data-v-18cecf98] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-18cecf98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-18cecf98] { font-size: 1.25rem;
}
.resultado-texto[data-v-18cecf98] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-18cecf98] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-18cecf98] { flex: 1;
}
.nav-btn[data-v-18cecf98] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-18cecf98] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-18cecf98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-18cecf98] { font-size: 1.75rem;
}
.completado-texto[data-v-18cecf98] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-18cecf98], .slide-leave-active[data-v-18cecf98] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-18cecf98] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-18cecf98] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.tribunales-pool[data-v-18cecf98] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.tribunal-draggable[data-v-18cecf98] {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
}
.caso-opciones[data-v-18cecf98] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.caso-btn[data-v-18cecf98] {
    flex: 1;
    min-width: 130px;
    max-width: 180px;
}
}

/* Intro visual */
.intro-visual[data-v-cc8a8175] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.check-icono[data-v-cc8a8175] {
  font-size: 3rem;
  animation: bounce-cc8a8175 1s ease-in-out;
}
@keyframes bounce-cc8a8175 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}
.titulo-resumen[data-v-cc8a8175] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Secciones */
.resumen-section[data-v-cc8a8175], .estructura-section[data-v-cc8a8175], .principios-section[data-v-cc8a8175], .garantias-section[data-v-cc8a8175] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-cc8a8175], .estructura-titulo[data-v-cc8a8175], .principios-titulo[data-v-cc8a8175], .garantias-titulo[data-v-cc8a8175] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Concepto card */
.concepto-card[data-v-cc8a8175] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-cc8a8175] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-icono[data-v-cc8a8175] {
  font-size: 1.5rem;
}
.concepto-nombre[data-v-cc8a8175] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-body[data-v-cc8a8175] {
  padding: 0.75rem;
}
.concepto-def[data-v-cc8a8175] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-def strong[data-v-cc8a8175] {
  color: #FCD34D;
}

/* Estructura pirámide */
.estructura-piramide[data-v-cc8a8175] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nivel-resumen[data-v-cc8a8175] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.nivel-resumen.n1[data-v-cc8a8175] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.nivel-resumen.n2[data-v-cc8a8175] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.nivel-resumen.n3[data-v-cc8a8175] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.nivel-emoji[data-v-cc8a8175] {
  font-size: 1.5rem;
}
.nivel-info[data-v-cc8a8175] {
  display: flex;
  flex-direction: column;
}
.nivel-nombre[data-v-cc8a8175] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-dato[data-v-cc8a8175] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Principios grid */
.principios-grid[data-v-cc8a8175] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.principio-item[data-v-cc8a8175] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.principio-icono[data-v-cc8a8175] {
  font-size: 1.25rem;
}
.principio-nombre[data-v-cc8a8175] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Garantías lista */
.garantias-lista[data-v-cc8a8175] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.garantia-item[data-v-cc8a8175] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.garantia-check[data-v-cc8a8175] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}
.garantia-texto[data-v-cc8a8175] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.garantia-texto strong[data-v-cc8a8175] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-cc8a8175] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tips-header[data-v-cc8a8175] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-cc8a8175] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-cc8a8175] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.tips-lista[data-v-cc8a8175] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-cc8a8175] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-cc8a8175] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  flex-shrink: 0;
}
.tip-texto[data-v-cc8a8175] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-cc8a8175] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-cc8a8175] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.final-icono[data-v-cc8a8175] {
  font-size: 1.75rem;
}
.final-texto[data-v-cc8a8175] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.principios-grid[data-v-cc8a8175] {
    grid-template-columns: repeat(4, 1fr);
}
.garantias-lista[data-v-cc8a8175] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-9eb01c0d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.poder-icono[data-v-9eb01c0d] {
  font-size: 2.5rem;
  animation: float-9eb01c0d 3s ease-in-out infinite;
}
.poder-icono[data-v-9eb01c0d]:nth-child(2) {
  animation-delay: 0.5s;
}
.poder-icono[data-v-9eb01c0d]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-9eb01c0d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-9eb01c0d] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-9eb01c0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-9eb01c0d] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-9eb01c0d] {
  flex: 1;
}
.concepto-titulo[data-v-9eb01c0d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-9eb01c0d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-9eb01c0d] {
  color: #FFFFFF;
}

/* Los 3 poderes */
.poderes-section[data-v-9eb01c0d] {
  margin: 1.5rem 0;
}
.poderes-titulo[data-v-9eb01c0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poderes-grid[data-v-9eb01c0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.poder[data-v-9eb01c0d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.poder.poder-legislativo[data-v-9eb01c0d] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.poder-nombre[data-v-9eb01c0d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  letter-spacing: 0.05em;
}
.poder.poder-legislativo .poder-nombre[data-v-9eb01c0d] {
  color: #6EE7B7;
}
.poder-quien[data-v-9eb01c0d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.poder-funcion[data-v-9eb01c0d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Funciones */
.funciones-section[data-v-9eb01c0d] {
  margin: 1.5rem 0;
}
.funciones-titulo[data-v-9eb01c0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.funciones-grid[data-v-9eb01c0d] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.funcion[data-v-9eb01c0d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.fun-icono[data-v-9eb01c0d] {
  font-size: 1.25rem;
}
.fun-texto[data-v-9eb01c0d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.fun-texto strong[data-v-9eb01c0d] {
  color: #FFFFFF;
}

/* Ubicación */
.ubicacion-box[data-v-9eb01c0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.ubicacion-icono[data-v-9eb01c0d] {
  font-size: 1.25rem;
}
.ubicacion-contenido[data-v-9eb01c0d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ubicacion-titulo[data-v-9eb01c0d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.ubicacion-texto[data-v-9eb01c0d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ubicacion-texto strong[data-v-9eb01c0d] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-9eb01c0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9eb01c0d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9eb01c0d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9eb01c0d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9eb01c0d] {
    gap: 1.5rem;
}
.poder-icono[data-v-9eb01c0d] {
    font-size: 3rem;
}
.poderes-grid[data-v-9eb01c0d] {
    flex-direction: row;
}
.poder[data-v-9eb01c0d] {
    flex: 1;
    padding: 1rem;
}
.funciones-grid[data-v-9eb01c0d] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-d31fdbc2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.congreso-card[data-v-d31fdbc2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.cong-icono[data-v-d31fdbc2] {
  font-size: 2.5rem;
}
.cong-titulo[data-v-d31fdbc2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.5rem;
}
.cong-subtitulo[data-v-d31fdbc2] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Texto destacado */
strong.destacado[data-v-d31fdbc2] {
  color: #FCD34D;
}

/* Cámara section */
.camara-section[data-v-d31fdbc2] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.camara-header[data-v-d31fdbc2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.camara-header.diputados[data-v-d31fdbc2] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 2px solid rgba(59, 130, 246, 0.4);
}
.camara-header.senado[data-v-d31fdbc2] {
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 2px solid rgba(139, 92, 246, 0.4);
}
.camara-icono[data-v-d31fdbc2] {
  font-size: 1.5rem;
}
.camara-nombre[data-v-d31fdbc2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.camara-info[data-v-d31fdbc2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  padding: 0.75rem;
}
.info-item[data-v-d31fdbc2] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.info-label[data-v-d31fdbc2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.info-valor[data-v-d31fdbc2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.camara-funcion[data-v-d31fdbc2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  margin: 0 0.75rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.funcion-icono[data-v-d31fdbc2] {
  font-size: 1.1rem;
}
.funcion-texto[data-v-d31fdbc2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.funcion-texto strong[data-v-d31fdbc2] {
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-d31fdbc2] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-d31fdbc2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-tabla[data-v-d31fdbc2] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-d31fdbc2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.5rem;
  gap: 0.25rem;
}
.col-vacia[data-v-d31fdbc2] {
  display: block;
}
.col-titulo[data-v-d31fdbc2] {
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.col-titulo.diputados[data-v-d31fdbc2] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.col-titulo.senado[data-v-d31fdbc2] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.tabla-row[data-v-d31fdbc2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  gap: 0.25rem;
}
.row-label[data-v-d31fdbc2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.row-valor[data-v-d31fdbc2] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Tip */
.tip[data-v-d31fdbc2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d31fdbc2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d31fdbc2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d31fdbc2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cong-icono[data-v-d31fdbc2] {
    font-size: 3rem;
}
.cong-titulo[data-v-d31fdbc2] {
    font-size: 1.2rem;
}
.camara-info[data-v-d31fdbc2] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-b7e71850] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.proceso-icono[data-v-b7e71850] {
  font-size: 2rem;
  animation: pulse-b7e71850 2s ease-in-out infinite;
}
.proceso-icono[data-v-b7e71850]:nth-child(3) {
  animation-delay: 0.3s;
}
.proceso-icono[data-v-b7e71850]:nth-child(5) {
  animation-delay: 0.6s;
}
.flecha[data-v-b7e71850] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
@keyframes pulse-b7e71850 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto destacado */
strong.destacado[data-v-b7e71850] {
  color: #FCD34D;
}

/* Etapa section */
.etapa-section[data-v-b7e71850] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.etapa-header[data-v-b7e71850] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
}
.etapa-num[data-v-b7e71850] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.etapa-nombre[data-v-b7e71850] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-contenido[data-v-b7e71850] {
  padding: 1rem;
}
.etapa-contenido p[data-v-b7e71850] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.iniciativa-grid[data-v-b7e71850] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.iniciativa-item[data-v-b7e71850] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ini-icono[data-v-b7e71850] {
  font-size: 1.5rem;
}
.ini-nombre[data-v-b7e71850] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.ini-tipo[data-v-b7e71850] {
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
}
.iniciativa-nota[data-v-b7e71850] {
  font-size: 0.8rem;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.iniciativa-nota strong[data-v-b7e71850] {
  color: #FCD34D;
}

/* Proceso diagrama */
.proceso-section[data-v-b7e71850] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-b7e71850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.proceso-diagrama[data-v-b7e71850] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.paso-proceso[data-v-b7e71850] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  width: 100%;
}
.paso-proceso.final[data-v-b7e71850] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.paso-num[data-v-b7e71850] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.paso-proceso.final .paso-num[data-v-b7e71850] {
  background: #10B981;
}
.paso-info[data-v-b7e71850] {
  display: flex;
  flex-direction: column;
}
.paso-nombre[data-v-b7e71850] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-detalle[data-v-b7e71850] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-flecha[data-v-b7e71850] {
  font-size: 1.25rem;
  color: #8B5CF6;
  padding: 0.25rem 0;
}

/* Veto section */
.veto-section[data-v-b7e71850] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.veto-titulo[data-v-b7e71850] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.veto-contenido p[data-v-b7e71850] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.veto-contenido p strong[data-v-b7e71850] {
  color: #FFFFFF;
}
.veto-opciones[data-v-b7e71850] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.veto-opcion[data-v-b7e71850] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.veto-icono[data-v-b7e71850] {
  font-size: 1rem;
  color: #6EE7B7;
}
.veto-texto[data-v-b7e71850] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.veto-texto strong[data-v-b7e71850] {
  color: #FFFFFF;
}

/* Tipos de leyes */
.tipos-section[data-v-b7e71850] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-b7e71850] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipos-grid[data-v-b7e71850] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.tipo-ley[data-v-b7e71850] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-b7e71850] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-quorum[data-v-b7e71850] {
  font-size: 0.75rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-b7e71850] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b7e71850] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b7e71850] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b7e71850] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b7e71850] {
    gap: 1rem;
}
.proceso-icono[data-v-b7e71850] {
    font-size: 2.5rem;
}
.flecha[data-v-b7e71850] {
    font-size: 2rem;
}
.tipos-grid[data-v-b7e71850] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-7f524050] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7f524050] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7f524050] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-7f524050] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-7f524050] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7f524050] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7f524050] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7f524050] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7f524050] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7f524050] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-game[data-v-7f524050] {
  text-align: center;
}
.clasificar-pregunta[data-v-7f524050] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.clasificar-icono[data-v-7f524050] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.clasificar-texto[data-v-7f524050] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.clasificar-opciones[data-v-7f524050] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-7f524050] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.clasificar-btn[data-v-7f524050]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.clasificar-btn.correcto[data-v-7f524050] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.clasificar-btn.incorrecto[data-v-7f524050] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-7f524050] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.opcion-nombre[data-v-7f524050] {
  font-weight: 600;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-game[data-v-7f524050] {
  text-align: center;
}
.ordenar-instruccion[data-v-7f524050] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.pasos-disponibles[data-v-7f524050] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.paso-btn[data-v-7f524050] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  font-family: inherit;
}
.paso-btn[data-v-7f524050]:not(:disabled):hover {
  background: rgba(59, 130, 246, 0.25);
}
.paso-btn.seleccionado[data-v-7f524050] {
  opacity: 0.4;
  cursor: not-allowed;
}
.pasos-seleccionados[data-v-7f524050] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.paso-orden[data-v-7f524050] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.paso-orden.correcto[data-v-7f524050] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.paso-orden.incorrecto[data-v-7f524050] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.paso-numero[data-v-7f524050] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-nombre[data-v-7f524050] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.verificar-section[data-v-7f524050] {
  margin-top: 0.75rem;
}
.verificar-btn[data-v-7f524050] {
  padding: 0.75rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  border: none;
  background: #8B5CF6;
  color: white;
  font-family: inherit;
}
.orden-incorrecto[data-v-7f524050] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-7f524050] { font-size: 1.25rem;
}
.error-texto[data-v-7f524050] { color: #FCA5A5; font-size: 0.85rem;
}
.reiniciar-btn[data-v-7f524050] {
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  font-family: inherit;
}

/* ===== DESAFÍO 3: Verdadero o Falso ===== */
.verdadero-falso-game[data-v-7f524050] {
  text-align: center;
}
.vf-pregunta[data-v-7f524050] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.vf-icono[data-v-7f524050] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.vf-texto[data-v-7f524050] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.vf-opciones[data-v-7f524050] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.vf-btn[data-v-7f524050] {
  flex: 1;
  max-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-7f524050] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-7f524050] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.vf-btn[data-v-7f524050]:not(:disabled):hover {
  transform: scale(1.02);
}
.vf-btn.correcto[data-v-7f524050] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.vf-btn.incorrecto[data-v-7f524050] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.vf-emoji[data-v-7f524050] {
  font-size: 1.5rem;
}
.vf-feedback[data-v-7f524050] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.4;
}
.vf-feedback.correcto[data-v-7f524050] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Contador */
.game-contador[data-v-7f524050] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-7f524050] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7f524050] { font-size: 1.25rem;
}
.resultado-texto[data-v-7f524050] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-7f524050] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-7f524050] { flex: 1;
}
.nav-btn[data-v-7f524050] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7f524050] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7f524050] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7f524050] { font-size: 1.75rem;
}
.completado-texto[data-v-7f524050] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7f524050], .slide-leave-active[data-v-7f524050] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7f524050] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7f524050] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.clasificar-opciones[data-v-7f524050] {
    flex-direction: row;
    justify-content: center;
}
.clasificar-btn[data-v-7f524050] {
    flex: 1;
    max-width: 200px;
    flex-direction: column;
    text-align: center;
}
}

/* Header resumen */
.resumen-header[data-v-9a2ff877] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-9a2ff877] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-9a2ff877] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Puntos clave */
.puntos-clave[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-9a2ff877] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-9a2ff877] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.punto-contenido[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-titulo[data-v-9a2ff877] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-texto[data-v-9a2ff877] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-texto strong[data-v-9a2ff877] {
  color: #FFFFFF;
}

/* Diagrama */
.diagrama-section[data-v-9a2ff877] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-9a2ff877] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.diagrama-congreso[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nivel-congreso[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.3), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.cargo-icono[data-v-9a2ff877] {
  font-size: 1.5rem;
}
.cargo-nombre[data-v-9a2ff877] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.linea-horizontal[data-v-9a2ff877] {
  width: 80%;
  height: 2px;
  background: rgba(139, 92, 246, 0.5);
  margin: 0.75rem 0;
  position: relative;
}
.linea-horizontal[data-v-9a2ff877]::before,
.linea-horizontal[data-v-9a2ff877]::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 20px;
  background: rgba(139, 92, 246, 0.5);
  top: 0;
}
.linea-horizontal[data-v-9a2ff877]::before {
  left: 20%;
}
.linea-horizontal[data-v-9a2ff877]::after {
  right: 20%;
}
.nivel-camaras[data-v-9a2ff877] {
  display: flex;
  gap: 0.75rem;
  width: 100%;
}
.camara-card[data-v-9a2ff877] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.camara-card.diputados[data-v-9a2ff877] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.camara-card.senado[data-v-9a2ff877] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.cam-icono[data-v-9a2ff877] {
  font-size: 1.25rem;
}
.cam-nombre[data-v-9a2ff877] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.cam-detalle[data-v-9a2ff877] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}

/* Proceso resumido */
.proceso-resumen[data-v-9a2ff877] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-9a2ff877] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.proceso-pasos[data-v-9a2ff877] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.proceso-paso[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.proceso-paso.final[data-v-9a2ff877] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.pp-num[data-v-9a2ff877] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
}
.proceso-paso.final .pp-num[data-v-9a2ff877] {
  color: #6EE7B7;
}
.pp-texto[data-v-9a2ff877] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.proceso-flecha[data-v-9a2ff877] {
  color: #93C5FD;
  font-size: 0.75rem;
}

/* Tips PAES */
.tips-paes[data-v-9a2ff877] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-9a2ff877] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-9a2ff877] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-9a2ff877] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tips-lista[data-v-9a2ff877] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9a2ff877] {
  display: flex;
  gap: 0.5rem;
}
.tip-bullet[data-v-9a2ff877] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-9a2ff877] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-9a2ff877] {
  color: #FFFFFF;
}

/* Comparación rápida */
.comparacion-rapida[data-v-9a2ff877] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-9a2ff877] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comp-tabla[data-v-9a2ff877] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-header[data-v-9a2ff877] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.5rem;
  gap: 0.25rem;
}
.comp-col[data-v-9a2ff877] {
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
}
.comp-col.diputados[data-v-9a2ff877] {
  color: #93C5FD;
}
.comp-col.senado[data-v-9a2ff877] {
  color: #C4B5FD;
}
.comp-row[data-v-9a2ff877] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  gap: 0.25rem;
}
.comp-label[data-v-9a2ff877] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-valor[data-v-9a2ff877] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Mensaje final */
.mensaje-final[data-v-9a2ff877] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-9a2ff877] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.final-texto[data-v-9a2ff877] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.nivel-camaras[data-v-9a2ff877] {
    width: 80%;
}
.camara-card[data-v-9a2ff877] {
    padding: 1rem;
}
.cam-nombre[data-v-9a2ff877] {
    font-size: 0.75rem;
}
.proceso-pasos[data-v-9a2ff877] {
    flex-wrap: nowrap;
}
.proceso-paso[data-v-9a2ff877] {
    padding: 0.5rem 0.75rem;
}
.pp-num[data-v-9a2ff877] {
    font-size: 0.75rem;
}
.pp-texto[data-v-9a2ff877] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-d2988d42] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-d2988d42] {
  font-size: 2.5rem;
  animation: float-d2988d42 3s ease-in-out infinite;
}
.intro-icono[data-v-d2988d42]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-d2988d42]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d2988d42 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-d2988d42] {
  color: #FCD34D;
}

/* Definición */
.definicion-section[data-v-d2988d42] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.definicion-titulo[data-v-d2988d42] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.definicion-contenido p[data-v-d2988d42] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.definicion-contenido strong[data-v-d2988d42] {
  color: #FFFFFF;
}

/* Importancia */
.importancia-section[data-v-d2988d42] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-d2988d42] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-d2988d42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.importancia-item[data-v-d2988d42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-d2988d42] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.imp-texto[data-v-d2988d42] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.imp-texto strong[data-v-d2988d42] {
  color: #6EE7B7;
}

/* Componentes */
.componentes-section[data-v-d2988d42] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-d2988d42] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-lista[data-v-d2988d42] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.componente-item[data-v-d2988d42] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-num[data-v-d2988d42] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.comp-contenido[data-v-d2988d42] {
  display: flex;
  flex-direction: column;
}
.comp-nombre[data-v-d2988d42] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-desc[data-v-d2988d42] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Chile section */
.chile-section[data-v-d2988d42] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.chile-icono[data-v-d2988d42] {
  font-size: 2rem;
  flex-shrink: 0;
}
.chile-contenido[data-v-d2988d42] {
  flex: 1;
}
.chile-titulo[data-v-d2988d42] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.chile-texto[data-v-d2988d42] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.chile-texto strong[data-v-d2988d42] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-d2988d42] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d2988d42] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d2988d42] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d2988d42] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d2988d42] {
    gap: 1.5rem;
}
.intro-icono[data-v-d2988d42] {
    font-size: 3rem;
}
.importancia-grid[data-v-d2988d42] {
    grid-template-columns: repeat(4, 1fr);
}
.importancia-item[data-v-d2988d42] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.imp-icono[data-v-d2988d42] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-614589a2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.urna-visual[data-v-614589a2] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.urna[data-v-614589a2] {
  font-size: 4rem;
}
.voto[data-v-614589a2] {
  position: absolute;
  font-size: 1.5rem;
  animation: voteDrop-614589a2 2s ease-in-out infinite;
}
@keyframes voteDrop-614589a2 {
0%, 100% { 
    transform: translateY(-30px) rotate(-5deg);
    opacity: 1;
}
50% { 
    transform: translateY(10px) rotate(5deg);
    opacity: 0.5;
}
}

/* Texto destacado */
strong.destacado[data-v-614589a2] {
  color: #FCD34D;
}

/* Tipos de sufragio */
.tipos-section[data-v-614589a2] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-614589a2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-614589a2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-614589a2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  text-align: center;
}
.activo-card[data-v-614589a2] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.pasivo-card[data-v-614589a2] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-icono[data-v-614589a2] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.tipo-nombre[data-v-614589a2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.tipo-desc[data-v-614589a2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.activo-card .tipo-desc strong[data-v-614589a2] {
  color: #6EE7B7;
}
.pasivo-card .tipo-desc strong[data-v-614589a2] {
  color: #93C5FD;
}

/* Características */
.caracteristicas-section[data-v-614589a2] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-614589a2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-614589a2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica-item[data-v-614589a2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid;
}
.caracteristica-item.universal[data-v-614589a2] { border-color: #10B981;
}
.caracteristica-item.personal[data-v-614589a2] { border-color: #3B82F6;
}
.caracteristica-item.igualitario[data-v-614589a2] { border-color: #F59E0B;
}
.caracteristica-item.secreto[data-v-614589a2] { border-color: #8B5CF6;
}
.caracteristica-item.obligatorio[data-v-614589a2] { border-color: #EF4444;
}
.car-icono[data-v-614589a2] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.car-contenido[data-v-614589a2] {
  display: flex;
  flex-direction: column;
}
.car-nombre[data-v-614589a2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.car-desc[data-v-614589a2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nota-obligatorio[data-v-614589a2] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #FCA5A5;
}

/* SERVEL */
.servel-section[data-v-614589a2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.servel-header[data-v-614589a2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.servel-logo[data-v-614589a2] {
  font-size: 2rem;
}
.servel-titulo[data-v-614589a2] {
  display: flex;
  flex-direction: column;
}
.servel-nombre[data-v-614589a2] {
  font-weight: 800;
  color: #C4B5FD;
  font-size: 1.1rem;
}
.servel-full[data-v-614589a2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.servel-funciones[data-v-614589a2] {
  margin-top: 0.5rem;
}
.funcion-titulo[data-v-614589a2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.funciones-lista[data-v-614589a2] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.funciones-lista strong[data-v-614589a2] {
  color: #FFFFFF;
}

/* Requisitos */
.requisitos-section[data-v-614589a2] {
  margin: 1.5rem 0;
}
.requisitos-titulo[data-v-614589a2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-grid[data-v-614589a2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.requisito[data-v-614589a2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  flex: 1;
  min-width: 140px;
}
.req-icono[data-v-614589a2] {
  font-size: 1.25rem;
}
.req-texto[data-v-614589a2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.requisito-nota[data-v-614589a2] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-614589a2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-614589a2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-614589a2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-614589a2] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.urna[data-v-614589a2] {
    font-size: 5rem;
}
.voto[data-v-614589a2] {
    font-size: 2rem;
}
.requisitos-grid[data-v-614589a2] {
    flex-wrap: nowrap;
}
}

/* Texto destacado */
strong.destacado[data-v-cfa5b315] {
  color: #FCD34D;
}

/* Pregunta central */
.pregunta-central[data-v-cfa5b315] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.pregunta-icono[data-v-cfa5b315] {
  font-size: 1.5rem;
}
.pregunta-texto[data-v-cfa5b315] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Sistemas section */
.sistemas-section[data-v-cfa5b315] {
  margin: 1.5rem 0;
}
.sistemas-titulo[data-v-cfa5b315] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Sistema card */
.sistema-card[data-v-cfa5b315] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.sistema-card.mayoritario[data-v-cfa5b315] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sistema-card.proporcional[data-v-cfa5b315] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sistema-card.mixto[data-v-cfa5b315] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.sistema-header[data-v-cfa5b315] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.sistema-icono[data-v-cfa5b315] {
  font-size: 1.25rem;
}
.sistema-nombre[data-v-cfa5b315] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.sistema-contenido[data-v-cfa5b315] {
  padding: 0.75rem;
}
.sistema-desc[data-v-cfa5b315] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.sistema-desc strong[data-v-cfa5b315] {
  color: #FFFFFF;
}
.sistema-ejemplo[data-v-cfa5b315] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ejemplo-titulo[data-v-cfa5b315] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-texto[data-v-cfa5b315] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.sistema-pro-con[data-v-cfa5b315] {
  display: flex;
  gap: 0.75rem;
  font-size: 0.75rem;
}
.pro[data-v-cfa5b315] {
  color: #6EE7B7;
}
.con[data-v-cfa5b315] {
  color: #FCA5A5;
}

/* Chile section */
.chile-section[data-v-cfa5b315] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.chile-titulo[data-v-cfa5b315] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.chile-contenido[data-v-cfa5b315] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eleccion-tipo[data-v-cfa5b315] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.eleccion-nombre[data-v-cfa5b315] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  min-width: 100px;
}
.eleccion-sistema[data-v-cfa5b315] {
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
}
.mayoritario-tag[data-v-cfa5b315] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.proporcional-tag[data-v-cfa5b315] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.eleccion-detalle[data-v-cfa5b315] {
  font-size: 0.75rem;
  color: #C4B5FD;
  flex: 1;
  min-width: 150px;
}

/* D'Hondt section */
.dhondt-section[data-v-cfa5b315] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dhondt-titulo[data-v-cfa5b315] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.dhondt-contenido p[data-v-cfa5b315] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dhondt-visual[data-v-cfa5b315] {
  display: flex;
  justify-content: center;
}
.dhondt-formula[data-v-cfa5b315] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula[data-v-cfa5b315] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip[data-v-cfa5b315] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cfa5b315] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cfa5b315] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cfa5b315] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.sistema-pro-con[data-v-cfa5b315] {
    gap: 1.5rem;
}
.eleccion-tipo[data-v-cfa5b315] {
    flex-wrap: nowrap;
}
}

.explorador[data-v-f0e1d127] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f0e1d127] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f0e1d127] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f0e1d127] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f0e1d127] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f0e1d127] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f0e1d127] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f0e1d127] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f0e1d127] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f0e1d127] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-f0e1d127] {
  text-align: center;
}
.conceptos-disponibles[data-v-f0e1d127] {
  margin-bottom: 1rem;
}
.conceptos-label[data-v-f0e1d127] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.concepto-actual[data-v-f0e1d127] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.concepto-icono[data-v-f0e1d127] {
  font-size: 3rem;
}
.concepto-nombre[data-v-f0e1d127] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasificar-botones[data-v-f0e1d127] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.clasificar-btn[data-v-f0e1d127] {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.clasificar-btn.si[data-v-f0e1d127] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.clasificar-btn.no[data-v-f0e1d127] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.clasificar-btn.correcto[data-v-f0e1d127] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.feedback-incorrecto[data-v-f0e1d127] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
}
.clasificar-contador[data-v-f0e1d127] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Asociar ===== */
.asociar-container[data-v-f0e1d127] {
  text-align: center;
}
.asociar-pregunta[data-v-f0e1d127] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.asociar-icono[data-v-f0e1d127] {
  font-size: 2.5rem;
}
.asociar-texto[data-v-f0e1d127] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.asociar-opciones[data-v-f0e1d127] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-btn[data-v-f0e1d127] {
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-f0e1d127]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-f0e1d127] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-f0e1d127] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-f0e1d127] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.asociar-contador[data-v-f0e1d127] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: D'Hondt ===== */
.dhondt-container[data-v-f0e1d127] {
  text-align: center;
}
.dhondt-escenario[data-v-f0e1d127] {
  margin-bottom: 1rem;
}
.escenario-titulo[data-v-f0e1d127] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.escenario-desc[data-v-f0e1d127] {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.escenario-desc strong[data-v-f0e1d127] {
  color: #FFFFFF;
}
.votos-partidos[data-v-f0e1d127] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.partido[data-v-f0e1d127] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.partido-color[data-v-f0e1d127] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.partido-nombre[data-v-f0e1d127] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  flex: 1;
  text-align: left;
}
.partido-votos[data-v-f0e1d127] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.escanos-asignar[data-v-f0e1d127] {
  margin-bottom: 1rem;
}
.escano-titulo[data-v-f0e1d127] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.escanos-grid[data-v-f0e1d127] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.escano-slot[data-v-f0e1d127] {
  width: 80px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.escano-slot.activo[data-v-f0e1d127] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.escano-slot.ocupado[data-v-f0e1d127] {
  border-style: solid;
}
.escano-num[data-v-f0e1d127] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.escano-opciones[data-v-f0e1d127] {
  display: flex;
  gap: 0.25rem;
}
.escano-btn[data-v-f0e1d127] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid;
  background: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  font-size: 0.7rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.escano-asignado[data-v-f0e1d127] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
}
.escano-asignado.correcto[data-v-f0e1d127] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.escano-asignado.incorrecto[data-v-f0e1d127] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.dhondt-acciones[data-v-f0e1d127] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-f0e1d127], .btn-reiniciar[data-v-f0e1d127] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-f0e1d127] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-f0e1d127] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.feedback-dhondt[data-v-f0e1d127] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-f0e1d127] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f0e1d127] { font-size: 1.25rem;
}
.resultado-texto[data-v-f0e1d127] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f0e1d127] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f0e1d127] { flex: 1;
}
.nav-btn[data-v-f0e1d127] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f0e1d127] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f0e1d127] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f0e1d127] { font-size: 1.75rem;
}
.completado-texto[data-v-f0e1d127] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f0e1d127], .slide-leave-active[data-v-f0e1d127] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f0e1d127] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f0e1d127] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.escano-slot[data-v-f0e1d127] {
    width: 100px;
}
.escano-btn[data-v-f0e1d127] {
    width: 28px;
    height: 28px;
    font-size: 0.8rem;
}
}

/* Header completado */
.completado-header[data-v-5bf05733] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.completado-icono[data-v-5bf05733] {
  font-size: 2rem;
}
.completado-texto[data-v-5bf05733] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Resumen conceptos */
.resumen-section[data-v-5bf05733] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-5bf05733] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-card[data-v-5bf05733] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.concepto-header[data-v-5bf05733] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.concepto-icono[data-v-5bf05733] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-5bf05733] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.concepto-def[data-v-5bf05733] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-def strong[data-v-5bf05733] {
  color: #FCD34D;
}

/* Sistemas comparación */
.sistemas-section[data-v-5bf05733] {
  margin-bottom: 1.5rem;
}
.sistemas-titulo[data-v-5bf05733] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sistemas-comparacion[data-v-5bf05733] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.sistema-box[data-v-5bf05733] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.sistema-box.mayoritario[data-v-5bf05733] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.sistema-box.proporcional[data-v-5bf05733] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sistema-nombre[data-v-5bf05733] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.sistema-desc[data-v-5bf05733] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.sistema-uso[data-v-5bf05733] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Características */
.caracteristicas-section[data-v-5bf05733] {
  margin-bottom: 1.5rem;
}
.caracteristicas-titulo[data-v-5bf05733] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-5bf05733] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.car-item[data-v-5bf05733] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.7rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
}
.car-icono[data-v-5bf05733] {
  font-size: 1.1rem;
}
.car-texto[data-v-5bf05733] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-5bf05733] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-5bf05733] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-5bf05733] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.tips-lista li[data-v-5bf05733] {
  margin-bottom: 0.4rem;
}
.tips-lista strong[data-v-5bf05733] {
  color: #FFFFFF;
}

/* Dato final */
.dato-final[data-v-5bf05733] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.dato-icono[data-v-5bf05733] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.dato-contenido[data-v-5bf05733] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.dato-contenido strong[data-v-5bf05733] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-grid[data-v-5bf05733] {
    flex-wrap: nowrap;
}
.car-item[data-v-5bf05733] {
    padding: 0.5rem 1rem;
}
.car-icono[data-v-5bf05733] {
    font-size: 1.25rem;
}
.car-texto[data-v-5bf05733] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-7862794f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.civ-icono[data-v-7862794f] {
  font-size: 2.5rem;
  animation: float-7862794f 3s ease-in-out infinite;
}
.civ-icono[data-v-7862794f]:nth-child(2) {
  animation-delay: 0.5s;
}
.civ-icono[data-v-7862794f]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7862794f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Mapa visual */
.mapa-section[data-v-7862794f] {
  margin: 1.5rem 0;
}
.mapa-titulo[data-v-7862794f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mapa-visual[data-v-7862794f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.civ-ubicacion[data-v-7862794f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  position: relative;
}
.civ-ubicacion.mayas[data-v-7862794f] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.civ-ubicacion.aztecas[data-v-7862794f] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.civ-ubicacion.incas[data-v-7862794f] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.ubicacion-zona[data-v-7862794f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.civ-nombre[data-v-7862794f] {
  font-size: 1.1rem;
  font-weight: 700;
}
.mayas .civ-nombre[data-v-7862794f] { color: #6EE7B7;
}
.aztecas .civ-nombre[data-v-7862794f] { color: #FCA5A5;
}
.incas .civ-nombre[data-v-7862794f] { color: #FCD34D;
}
.ubicacion-detalle[data-v-7862794f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Características */
.caracteristicas-section[data-v-7862794f] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-7862794f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-7862794f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-7862794f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-7862794f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-7862794f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-7862794f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-7862794f] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-7862794f] {
  flex: 1;
}
.concepto-titulo[data-v-7862794f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-7862794f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-7862794f] {
  color: #FFFFFF;
}

/* Timeline */
.timeline-section[data-v-7862794f] {
  margin: 1.5rem 0 0;
}
.timeline-titulo[data-v-7862794f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-linea[data-v-7862794f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(139, 92, 246, 0.3) 50%, transparent 100%);
  background-size: 3px 100%;
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 2rem;
}
.timeline-punto[data-v-7862794f] {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 1rem;
}
.timeline-punto[data-v-7862794f]::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.timeline-punto.mayas[data-v-7862794f]::before {
  background: #6EE7B7;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
}
.timeline-punto.aztecas[data-v-7862794f]::before {
  background: #FCA5A5;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}
.timeline-punto.incas[data-v-7862794f]::before {
  background: #FCD34D;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}
.t-fecha[data-v-7862794f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.t-evento[data-v-7862794f] {
  font-size: 0.9rem;
  font-weight: 700;
}
.mayas .t-evento[data-v-7862794f] { color: #6EE7B7;
}
.aztecas .t-evento[data-v-7862794f] { color: #FCA5A5;
}
.incas .t-evento[data-v-7862794f] { color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7862794f] {
    gap: 1.5rem;
}
.civ-icono[data-v-7862794f] {
    font-size: 3rem;
}
.mapa-visual[data-v-7862794f] {
    flex-direction: row;
}
.civ-ubicacion[data-v-7862794f] {
    flex: 1;
}
.caract-grid[data-v-7862794f] {
    grid-template-columns: repeat(4, 1fr);
}
.timeline-linea[data-v-7862794f] {
    flex-direction: row;
    justify-content: space-around;
    background: linear-gradient(to right, transparent 10%, rgba(139, 92, 246, 0.3) 50%, transparent 90%);
    background-size: 100% 3px;
    background-position: center;
    padding-left: 0;
}
.timeline-punto[data-v-7862794f] {
    align-items: center;
    text-align: center;
    padding-left: 0;
}
.timeline-punto[data-v-7862794f]::before {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    margin-bottom: 0.5rem;
}
}

/* Encabezado de civilización */
.header-civ[data-v-ffcccdbf] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-civ.mayas[data-v-ffcccdbf] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.header-icono[data-v-ffcccdbf] {
  font-size: 2.5rem;
}
.header-info[data-v-ffcccdbf] {
  display: flex;
  flex-direction: column;
}
.header-periodo[data-v-ffcccdbf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.header-ubicacion[data-v-ffcccdbf] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto con color maya */
strong.maya[data-v-ffcccdbf] {
  color: #6EE7B7;
}

/* Secciones */
.seccion-contenido[data-v-ffcccdbf] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-ffcccdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.seccion-texto[data-v-ffcccdbf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0.5rem 0 0;
}
.dato-destacado[data-v-ffcccdbf] {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid #6EE7B7;
}
.dato-label[data-v-ffcccdbf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-ffcccdbf] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Aportes grid */
.aportes-section[data-v-ffcccdbf] {
  margin: 1.5rem 0;
}
.aportes-grid[data-v-ffcccdbf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aporte-card[data-v-ffcccdbf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.aporte-icono[data-v-ffcccdbf] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.aporte-nombre[data-v-ffcccdbf] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.aporte-detalle[data-v-ffcccdbf] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Economía */
.economia-grid[data-v-ffcccdbf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.economia-item[data-v-ffcccdbf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.eco-icono[data-v-ffcccdbf] {
  font-size: 1.25rem;
}
.eco-texto[data-v-ffcccdbf] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Concepto clave */
.concepto-clave[data-v-ffcccdbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-ffcccdbf] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-ffcccdbf] {
  flex: 1;
}
.concepto-titulo[data-v-ffcccdbf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-ffcccdbf] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-ffcccdbf] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.aportes-grid[data-v-ffcccdbf] {
    grid-template-columns: repeat(4, 1fr);
}
.economia-grid[data-v-ffcccdbf] {
    flex-direction: row;
}
.economia-item[data-v-ffcccdbf] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Encabezado de civilización */
.header-civ[data-v-c8edb577] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-civ.aztecas[data-v-c8edb577] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.header-icono[data-v-c8edb577] {
  font-size: 2.5rem;
}
.header-info[data-v-c8edb577] {
  display: flex;
  flex-direction: column;
}
.header-periodo[data-v-c8edb577] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
}
.header-ubicacion[data-v-c8edb577] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto con color azteca */
strong.azteca[data-v-c8edb577] {
  color: #FCA5A5;
}

/* Secciones */
.seccion-contenido[data-v-c8edb577] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-c8edb577] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.seccion-texto[data-v-c8edb577] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0.5rem 0 0;
}
.dato-destacado[data-v-c8edb577] {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid #FCA5A5;
}
.dato-label[data-v-c8edb577] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-c8edb577] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Pirámide social */
.estructura-section[data-v-c8edb577] {
  margin: 1.5rem 0;
}
.piramide-social[data-v-c8edb577] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nivel-social[data-v-c8edb577] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.nivel-social.n1[data-v-c8edb577] {
  width: 50%;
  background: linear-gradient(to right, rgba(239, 68, 68, 0.5), rgba(239, 68, 68, 0.3));
  border: 1px solid rgba(239, 68, 68, 0.6);
}
.nivel-social.n2[data-v-c8edb577] {
  width: 60%;
  background: linear-gradient(to right, rgba(245, 158, 11, 0.4), rgba(245, 158, 11, 0.2));
  border: 1px solid rgba(245, 158, 11, 0.5);
}
.nivel-social.n3[data-v-c8edb577] {
  width: 70%;
  background: linear-gradient(to right, rgba(139, 92, 246, 0.4), rgba(139, 92, 246, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.5);
}
.nivel-social.n4[data-v-c8edb577] {
  width: 85%;
  background: linear-gradient(to right, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.1));
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.nivel-social.n5[data-v-c8edb577] {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Aportes grid */
.aportes-section[data-v-c8edb577] {
  margin: 1.5rem 0;
}
.aportes-grid[data-v-c8edb577] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aporte-card[data-v-c8edb577] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.aporte-icono[data-v-c8edb577] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.aporte-nombre[data-v-c8edb577] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.aporte-detalle[data-v-c8edb577] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Religión */
.religion-grid[data-v-c8edb577] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.religion-item[data-v-c8edb577] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.rel-icono[data-v-c8edb577] {
  font-size: 1.5rem;
}
.rel-info[data-v-c8edb577] {
  display: flex;
  flex-direction: column;
}
.rel-nombre[data-v-c8edb577] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.rel-detalle[data-v-c8edb577] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-c8edb577] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-c8edb577] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-c8edb577] {
  flex: 1;
}
.concepto-titulo[data-v-c8edb577] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-c8edb577] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-c8edb577] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.aportes-grid[data-v-c8edb577] {
    grid-template-columns: repeat(4, 1fr);
}
.religion-grid[data-v-c8edb577] {
    flex-direction: row;
}
.religion-item[data-v-c8edb577] {
    flex: 1;
}
}

/* Encabezado de civilización */
.header-civ[data-v-5c4ebcb3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-civ.incas[data-v-5c4ebcb3] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.header-icono[data-v-5c4ebcb3] {
  font-size: 2.5rem;
}
.header-info[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
}
.header-periodo[data-v-5c4ebcb3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.header-ubicacion[data-v-5c4ebcb3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Texto con color inca */
strong.inca[data-v-5c4ebcb3] {
  color: #FCD34D;
}

/* Secciones */
.seccion-contenido[data-v-5c4ebcb3] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-5c4ebcb3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.seccion-texto[data-v-5c4ebcb3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0.5rem 0 0;
}
.dato-destacado[data-v-5c4ebcb3] {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid #FCD34D;
}
.dato-label[data-v-5c4ebcb3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-5c4ebcb3] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Los 4 Suyos */
.suyos-section[data-v-5c4ebcb3] {
  margin: 1.5rem 0;
}
.suyos-grid[data-v-5c4ebcb3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.suyo-card[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.suyo-card.norte[data-v-5c4ebcb3] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.suyo-card.sur[data-v-5c4ebcb3] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.suyo-card.este[data-v-5c4ebcb3] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.suyo-card.oeste[data-v-5c4ebcb3] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.suyo-nombre[data-v-5c4ebcb3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.suyo-dir[data-v-5c4ebcb3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.cusco-center[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0.75rem;
}
.cusco-icono[data-v-5c4ebcb3] {
  font-size: 1.25rem;
}
.cusco-nombre[data-v-5c4ebcb3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.cusco-desc[data-v-5c4ebcb3] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Aportes grid */
.aportes-section[data-v-5c4ebcb3] {
  margin: 1.5rem 0;
}
.aportes-grid[data-v-5c4ebcb3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aporte-card[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.aporte-icono[data-v-5c4ebcb3] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.aporte-nombre[data-v-5c4ebcb3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.aporte-detalle[data-v-5c4ebcb3] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Economía */
.economia-grid[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.economia-item[data-v-5c4ebcb3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.eco-icono[data-v-5c4ebcb3] {
  font-size: 1.5rem;
}
.eco-info[data-v-5c4ebcb3] {
  display: flex;
  flex-direction: column;
}
.eco-nombre[data-v-5c4ebcb3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.eco-detalle[data-v-5c4ebcb3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-5c4ebcb3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-5c4ebcb3] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-5c4ebcb3] {
  flex: 1;
}
.concepto-titulo[data-v-5c4ebcb3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-5c4ebcb3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-5c4ebcb3] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.aportes-grid[data-v-5c4ebcb3] {
    grid-template-columns: repeat(4, 1fr);
}
.economia-grid[data-v-5c4ebcb3] {
    flex-direction: row;
}
.economia-item[data-v-5c4ebcb3] {
    flex: 1;
}
}

.explorador[data-v-91557e27] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-91557e27] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-91557e27] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-91557e27] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-91557e27] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-91557e27] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-91557e27] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-91557e27] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-91557e27] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-91557e27] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-91557e27] {
  text-align: center;
}
.caracteristicas-disponibles[data-v-91557e27] {
  margin-bottom: 1rem;
}
.caract-label[data-v-91557e27] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.caract-pool[data-v-91557e27] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caract-btn[data-v-91557e27] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.caract-btn.seleccionado[data-v-91557e27] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.civilizaciones-destino[data-v-91557e27] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.civ-destino[data-v-91557e27] {
  flex: 1;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 80px;
}
.civ-destino.mayas[data-v-91557e27] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px dashed rgba(16, 185, 129, 0.4);
}
.civ-destino.aztecas[data-v-91557e27] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed rgba(239, 68, 68, 0.4);
}
.civ-destino.incas[data-v-91557e27] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.civ-destino.activo[data-v-91557e27] {
  border-style: solid;
  transform: scale(1.02);
}
.civ-destino.activo.mayas[data-v-91557e27] {
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}
.civ-destino.activo.aztecas[data-v-91557e27] {
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
}
.civ-destino.activo.incas[data-v-91557e27] {
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.3);
}
.civ-icono[data-v-91557e27] {
  font-size: 1.25rem;
}
.civ-nombre[data-v-91557e27] {
  font-size: 0.8rem;
  font-weight: 700;
}
.mayas .civ-nombre[data-v-91557e27] { color: #6EE7B7;
}
.aztecas .civ-nombre[data-v-91557e27] { color: #FCA5A5;
}
.incas .civ-nombre[data-v-91557e27] { color: #FCD34D;
}
.civ-items[data-v-91557e27] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
}
.item-clasificado[data-v-91557e27] {
  font-size: 1.1rem;
  padding: 0.2rem;
  border-radius: 0.25rem;
}
.item-clasificado.correcto[data-v-91557e27] {
  background: rgba(16, 185, 129, 0.2);
}
.item-clasificado.incorrecto[data-v-91557e27] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Trivia ===== */
.trivia-container[data-v-91557e27] {
  text-align: center;
}
.pregunta-trivia[data-v-91557e27] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.trivia-num[data-v-91557e27] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-91557e27] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-trivia[data-v-91557e27] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-91557e27] {
  padding: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-91557e27]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-91557e27] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-91557e27] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-91557e27] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.trivia-contador[data-v-91557e27] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Mapa ===== */
.mapa-container[data-v-91557e27] {
  text-align: center;
}
.mapa-instruccion[data-v-91557e27] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.civs-disponibles[data-v-91557e27] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.civ-btn[data-v-91557e27] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.civ-btn.seleccionado[data-v-91557e27] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.mapa-visual[data-v-91557e27] {
  padding: 1rem 0;
}
.mapa-america[data-v-91557e27] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.region[data-v-91557e27] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 80px;
}
.region.mesoamerica-sur[data-v-91557e27] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px dashed rgba(16, 185, 129, 0.4);
}
.region.mesoamerica-centro[data-v-91557e27] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed rgba(239, 68, 68, 0.4);
}
.region.andes[data-v-91557e27] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.region.activo[data-v-91557e27] {
  border-style: solid;
  transform: scale(1.02);
}
.region.ocupado[data-v-91557e27] {
  border-style: solid;
}
.region-label[data-v-91557e27] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.region-civ[data-v-91557e27] {
  font-size: 2rem;
}
.region-placeholder[data-v-91557e27] {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-91557e27] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-91557e27], .btn-reiniciar[data-v-91557e27] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-91557e27] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-91557e27] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-91557e27] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-91557e27] { font-size: 1.25rem;
}
.resultado-texto[data-v-91557e27] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-91557e27] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-91557e27] { flex: 1;
}
.nav-btn[data-v-91557e27] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-91557e27] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-91557e27] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-91557e27] { font-size: 1.75rem;
}
.completado-texto[data-v-91557e27] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-91557e27], .slide-leave-active[data-v-91557e27] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-91557e27] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-91557e27] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.caract-pool[data-v-91557e27] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.caract-btn[data-v-91557e27] {
    flex: 0 1 auto;
}
.civilizaciones-destino[data-v-91557e27] {
    flex-direction: row;
}
.opciones-trivia[data-v-91557e27] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-91557e27] {
    flex: 1 1 45%;
}
.mapa-america[data-v-91557e27] {
    flex-direction: row;
}
.region[data-v-91557e27] {
    flex: 1;
}
}

/* Header del resumen */
.resumen-header[data-v-095577f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-095577f5] {
  font-size: 1.75rem;
}
.header-texto[data-v-095577f5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.seccion-titulo[data-v-095577f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tabla comparativa */
.comparativa-section[data-v-095577f5] {
  margin: 1.5rem 0;
}
.tabla-comparativa[data-v-095577f5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow-x: auto;
}
.tabla-header[data-v-095577f5], .tabla-row[data-v-095577f5] {
  display: grid;
  grid-template-columns: 80px repeat(3, 1fr);
  gap: 0.25rem;
}
.col-header[data-v-095577f5] {
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
  border-radius: 0.25rem;
}
.col-header.mayas[data-v-095577f5] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.col-header.aztecas[data-v-095577f5] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.col-header.incas[data-v-095577f5] { background: rgba(245, 158, 11, 0.2); color: #FCD34D;
}
.row-label[data-v-095577f5] {
  padding: 0.5rem 0.25rem;
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
}
.row-cell[data-v-095577f5] {
  padding: 0.5rem 0.25rem;
  font-size: 0.65rem;
  text-align: center;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-cell.mayas[data-v-095577f5] { background: rgba(16, 185, 129, 0.1); color: #E9D5FF;
}
.row-cell.aztecas[data-v-095577f5] { background: rgba(239, 68, 68, 0.1); color: #E9D5FF;
}
.row-cell.incas[data-v-095577f5] { background: rgba(245, 158, 11, 0.1); color: #E9D5FF;
}

/* Puntos clave */
.puntos-clave[data-v-095577f5] {
  margin: 1.5rem 0;
}
.punto-item[data-v-095577f5] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 3px solid rgba(139, 92, 246, 0.5);
}
.punto-num[data-v-095577f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-contenido[data-v-095577f5] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-contenido strong[data-v-095577f5] {
  color: #FFFFFF;
}

/* Términos */
.terminos-section[data-v-095577f5] {
  margin: 1.5rem 0;
}
.terminos-grid[data-v-095577f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.termino-card[data-v-095577f5] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.termino-palabra[data-v-095577f5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.termino-def[data-v-095577f5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-095577f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-095577f5] {
  font-size: 1.75rem;
}
.mensaje-contenido[data-v-095577f5] {
  flex: 1;
}
.mensaje-titulo[data-v-095577f5] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.mensaje-texto[data-v-095577f5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-095577f5], .tabla-row[data-v-095577f5] {
    grid-template-columns: 100px repeat(3, 1fr);
}
.col-header[data-v-095577f5], .row-label[data-v-095577f5], .row-cell[data-v-095577f5] {
    font-size: 0.8rem;
}
.terminos-grid[data-v-095577f5] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-954a8450] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-954a8450] {
  font-size: 2.5rem;
  animation: float-954a8450 3s ease-in-out infinite;
}
.epoca-icono[data-v-954a8450]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-954a8450]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-954a8450 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-954a8450] {
  color: #FCD34D;
}
strong.positivo[data-v-954a8450] {
  color: #6EE7B7;
}
strong.negativo[data-v-954a8450] {
  color: #FCA5A5;
}

/* Concepto section */
.concepto-section[data-v-954a8450] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-954a8450] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-box[data-v-954a8450] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.concepto-box > p[data-v-954a8450] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.concepto-puntos[data-v-954a8450] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-954a8450] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.punto-icono[data-v-954a8450] {
  font-size: 1rem;
}

/* Partidos */
.partidos-section[data-v-954a8450] {
  margin: 1.5rem 0;
}
.partidos-titulo[data-v-954a8450] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partidos-grid[data-v-954a8450] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.partido-item[data-v-954a8450] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.partido-item.dc[data-v-954a8450] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.partido-item.ps[data-v-954a8450] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.partido-item.ppd[data-v-954a8450] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.partido-item.pr[data-v-954a8450] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.partido-sigla[data-v-954a8450] {
  font-weight: 800;
  font-size: 0.9rem;
  color: #FFFFFF;
  min-width: 30px;
}
.partido-nombre[data-v-954a8450] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Presidentes timeline */
.presidentes-section[data-v-954a8450] {
  margin: 1.5rem 0;
}
.presidentes-titulo[data-v-954a8450] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-presidentes[data-v-954a8450] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.presidente-item[data-v-954a8450] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.presidente-item.aylwin[data-v-954a8450] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.presidente-item.frei[data-v-954a8450] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.presidente-item.lagos[data-v-954a8450] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.presidente-item.bachelet[data-v-954a8450] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.presidente-periodo[data-v-954a8450] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.presidente-info[data-v-954a8450] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.presidente-info strong[data-v-954a8450] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.partido-tag[data-v-954a8450] {
  font-size: 0.6rem;
  padding: 0.15rem 0.4rem;
  border-radius: 9999px;
  font-weight: 700;
}
.partido-tag.dc[data-v-954a8450] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.partido-tag.ps[data-v-954a8450] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.logros-lista[data-v-954a8450] {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.logros-lista li[data-v-954a8450] {
  margin-bottom: 0.15rem;
}
.logros-lista strong.destacado[data-v-954a8450] {
  color: #FCD34D;
}

/* Logros principales */
.logros-section[data-v-954a8450] {
  margin: 1.5rem 0;
}
.logros-titulo[data-v-954a8450] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.logros-grid[data-v-954a8450] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.logro-card[data-v-954a8450] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.logro-card.economico[data-v-954a8450] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.logro-card.social[data-v-954a8450] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.logro-card.politico[data-v-954a8450] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.logro-card.internacional[data-v-954a8450] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.logro-icono[data-v-954a8450] {
  font-size: 1.25rem;
}
.logro-info[data-v-954a8450] {
  display: flex;
  flex-direction: column;
}
.logro-info strong[data-v-954a8450] {
  color: #FFFFFF;
  font-size: 0.75rem;
}
.logro-info span[data-v-954a8450] {
  color: #C4B5FD;
  font-size: 0.65rem;
}

/* Reforma 2005 */
.reforma-section[data-v-954a8450] {
  margin: 1.5rem 0;
}
.reforma-titulo[data-v-954a8450] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reforma-box[data-v-954a8450] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.reforma-box > p[data-v-954a8450] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.reforma-cambios[data-v-954a8450] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cambio-item[data-v-954a8450] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cambio-item.positivo[data-v-954a8450] {
  color: #6EE7B7;
}
.cambio-check[data-v-954a8450] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-954a8450] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-954a8450] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-954a8450] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-954a8450] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-954a8450] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-954a8450] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-954a8450] {
    gap: 1.5rem;
}
.epoca-icono[data-v-954a8450] {
    font-size: 3rem;
}
.partidos-grid[data-v-954a8450] {
    grid-template-columns: repeat(4, 1fr);
}
.logros-grid[data-v-954a8450] {
    grid-template-columns: repeat(4, 1fr);
}
.logro-card[data-v-954a8450] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-2a6b1937] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-2a6b1937] {
  font-size: 2.5rem;
  animation: float-2a6b1937 3s ease-in-out infinite;
}
.epoca-icono[data-v-2a6b1937]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-2a6b1937]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-2a6b1937 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-2a6b1937] {
  color: #FCD34D;
}
strong.positivo[data-v-2a6b1937] {
  color: #6EE7B7;
}
strong.negativo[data-v-2a6b1937] {
  color: #FCA5A5;
}

/* Gobierno sections */
.gobierno-section[data-v-2a6b1937] {
  margin: 1.5rem 0;
}
.gobierno-titulo[data-v-2a6b1937] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.gobierno-box[data-v-2a6b1937] {
  padding: 1rem;
  border-radius: 0.75rem;
  border-left: 4px solid;
}
.gobierno-box.derecha[data-v-2a6b1937] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.gobierno-box.izquierda[data-v-2a6b1937] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.gobierno-box.actual[data-v-2a6b1937] {
  background: rgba(139, 92, 246, 0.1);
  border-left-color: #8B5CF6;
}
.gobierno-header[data-v-2a6b1937] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.coalicion-tag[data-v-2a6b1937] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  width: fit-content;
}
.dato-periodo[data-v-2a6b1937] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.hitos-gobierno[data-v-2a6b1937] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.hito-item[data-v-2a6b1937] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.hito-item.destacado[data-v-2a6b1937] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.hito-item.critico[data-v-2a6b1937] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.hito-icono[data-v-2a6b1937] {
  font-size: 1.25rem;
}
.hito-info[data-v-2a6b1937] {
  display: flex;
  flex-direction: column;
}
.hito-info strong[data-v-2a6b1937] {
  color: #FFFFFF;
  font-size: 0.8rem;
}
.hito-info strong.positivo[data-v-2a6b1937] {
  color: #6EE7B7;
}
.hito-info strong.negativo[data-v-2a6b1937] {
  color: #FCA5A5;
}
.hito-info span[data-v-2a6b1937] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Alternancia visual */
.alternancia-section[data-v-2a6b1937] {
  margin: 1.5rem 0;
}
.alternancia-titulo[data-v-2a6b1937] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alternancia-visual[data-v-2a6b1937] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.bloque-politico[data-v-2a6b1937] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
.bloque-politico.concertacion[data-v-2a6b1937] {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.2), rgba(239, 68, 68, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.bloque-politico.derecha[data-v-2a6b1937] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bloque-politico.izquierda[data-v-2a6b1937] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bloque-periodo[data-v-2a6b1937] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 65px;
}
.bloque-nombre[data-v-2a6b1937] {
  color: #FFFFFF;
  font-weight: 600;
  flex: 1;
}
.bloque-orientacion[data-v-2a6b1937] {
  color: #C4B5FD;
  font-size: 0.65rem;
}

/* Tip PAES */
.tip-paes[data-v-2a6b1937] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2a6b1937] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-2a6b1937] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-2a6b1937] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-2a6b1937] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-2a6b1937] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-2a6b1937] {
    gap: 1.5rem;
}
.epoca-icono[data-v-2a6b1937] {
    font-size: 3rem;
}
.alternancia-visual[data-v-2a6b1937] {
    flex-direction: row;
    justify-content: space-between;
}
.bloque-politico[data-v-2a6b1937] {
    flex-direction: column;
    flex: 1;
    text-align: center;
    padding: 0.75rem 0.5rem;
}
.bloque-periodo[data-v-2a6b1937] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-5dd4724e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-5dd4724e] {
  font-size: 2.5rem;
  animation: float-5dd4724e 3s ease-in-out infinite;
}
.epoca-icono[data-v-5dd4724e]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-5dd4724e]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5dd4724e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-5dd4724e] {
  color: #FCD34D;
}
strong.positivo[data-v-5dd4724e] {
  color: #6EE7B7;
}
strong.negativo[data-v-5dd4724e] {
  color: #FCA5A5;
}

/* Estallido Social */
.estallido-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.estallido-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estallido-box[data-v-5dd4724e] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.estallido-fecha[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fecha-texto[data-v-5dd4724e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.fecha-detonante[data-v-5dd4724e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.causas-grid[data-v-5dd4724e] {
  margin-bottom: 1rem;
}
.causa-titulo[data-v-5dd4724e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.causa-item[data-v-5dd4724e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
}
.causa-icono[data-v-5dd4724e] {
  font-size: 0.9rem;
}
.consigna-principal[data-v-5dd4724e] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.consigna-texto[data-v-5dd4724e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-style: italic;
}

/* Acuerdo por la Paz */
.acuerdo-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.acuerdo-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.acuerdo-box[data-v-5dd4724e] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.acuerdo-box > p[data-v-5dd4724e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.acuerdo-puntos[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.acuerdo-item[data-v-5dd4724e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.acuerdo-num[data-v-5dd4724e] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}

/* Timeline Constituyente */
.constituyente-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.constituyente-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-constituyente[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-evento[data-v-5dd4724e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.timeline-evento.apruebo[data-v-5dd4724e] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.timeline-evento.neutral[data-v-5dd4724e] {
  background: rgba(139, 92, 246, 0.1);
  border-left-color: #8B5CF6;
}
.timeline-evento.rechazo[data-v-5dd4724e] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.evento-fecha[data-v-5dd4724e] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
}
.evento-info[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
}
.evento-info strong[data-v-5dd4724e] {
  color: #FFFFFF;
  font-size: 0.8rem;
}
.evento-info span[data-v-5dd4724e] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Desafíos */
.desafios-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.desafios-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.desafios-grid[data-v-5dd4724e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.desafio-card[data-v-5dd4724e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.desafio-icono[data-v-5dd4724e] {
  font-size: 1.25rem;
}
.desafio-info[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
}
.desafio-info strong[data-v-5dd4724e] {
  color: #FFFFFF;
  font-size: 0.7rem;
}
.desafio-info span[data-v-5dd4724e] {
  color: #C4B5FD;
  font-size: 0.6rem;
  line-height: 1.3;
}

/* Desigualdad */
.desigualdad-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.desigualdad-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.desigualdad-box[data-v-5dd4724e] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.dato-desigualdad[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dato-label[data-v-5dd4724e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-5dd4724e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.manifestaciones[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.manifestacion-item[data-v-5dd4724e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.check.negativo[data-v-5dd4724e] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Avances */
.avances-section[data-v-5dd4724e] {
  margin: 1.5rem 0;
}
.avances-titulo[data-v-5dd4724e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.avances-grid[data-v-5dd4724e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.avance-item[data-v-5dd4724e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.avance-icono.positivo[data-v-5dd4724e] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-5dd4724e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5dd4724e] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-5dd4724e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-5dd4724e] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-5dd4724e] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-5dd4724e] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5dd4724e] {
    gap: 1.5rem;
}
.epoca-icono[data-v-5dd4724e] {
    font-size: 3rem;
}
.causas-grid[data-v-5dd4724e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
}
.causa-titulo[data-v-5dd4724e] {
    grid-column: 1 / -1;
}
.timeline-constituyente[data-v-5dd4724e] {
    flex-direction: row;
    justify-content: space-between;
}
.timeline-evento[data-v-5dd4724e] {
    flex-direction: column;
    flex: 1;
    text-align: center;
    border-left: none;
    border-top: 4px solid;
}
.evento-fecha[data-v-5dd4724e] {
    min-width: auto;
}
.desafios-grid[data-v-5dd4724e] {
    grid-template-columns: repeat(3, 1fr);
}
.avances-grid[data-v-5dd4724e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-a6550b71] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a6550b71] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a6550b71] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a6550b71] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a6550b71] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a6550b71] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a6550b71] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a6550b71] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a6550b71] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a6550b71] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Relacionar ===== */
.relacionar-container[data-v-a6550b71] {
  display: flex;
  gap: 0.75rem;
}
.presidentes-columna[data-v-a6550b71], .hitos-columna[data-v-a6550b71] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-a6550b71] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.presidente-btn[data-v-a6550b71], .hito-btn[data-v-a6550b71] {
  padding: 0.6rem 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.hito-btn[data-v-a6550b71] {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
}
.presidente-btn.seleccionado[data-v-a6550b71] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.presidente-btn.emparejado[data-v-a6550b71], .hito-btn.emparejado[data-v-a6550b71] {
  opacity: 0.5;
  cursor: not-allowed;
}
.hito-btn.seleccionable[data-v-a6550b71] {
  border-color: #FCD34D;
  animation: pulse-a6550b71 1s infinite;
}
@keyframes pulse-a6550b71 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.hito-btn.correcto[data-v-a6550b71] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.hito-btn.incorrecto[data-v-a6550b71] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 2: Timeline ===== */
.timeline-container[data-v-a6550b71] {
  text-align: center;
}
.eventos-disponibles[data-v-a6550b71] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-a6550b71] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-a6550b71] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-visual[data-v-a6550b71] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-a6550b71] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #FCD34D, #10B981, #EF4444);
  border-radius: 2px;
}
.timeline-slots[data-v-a6550b71] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-a6550b71] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-a6550b71] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-a6550b71] {
  font-size: 0.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.slot-nombre[data-v-a6550b71] {
  font-size: 0.45rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-a6550b71] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 3: Verdadero o Falso ===== */
.verdadero-falso-container[data-v-a6550b71] {
  text-align: center;
}
.afirmacion-box[data-v-a6550b71] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.afirmacion-texto[data-v-a6550b71] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-vf[data-v-a6550b71] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.vf-btn[data-v-a6550b71] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-a6550b71] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-a6550b71] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.vf-btn.seleccionado[data-v-a6550b71] {
  transform: scale(1.05);
}
.vf-btn.verdadero.seleccionado[data-v-a6550b71] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.vf-btn.falso.seleccionado[data-v-a6550b71] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.vf-btn.correcto[data-v-a6550b71] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.vf-btn.incorrecto[data-v-a6550b71] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.explicacion-vf[data-v-a6550b71] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.vf-contador[data-v-a6550b71] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Botones de acción */
.botones-accion[data-v-a6550b71] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-a6550b71], .btn-reiniciar[data-v-a6550b71] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-a6550b71] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-a6550b71] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-a6550b71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a6550b71] { font-size: 1.25rem;
}
.resultado-texto[data-v-a6550b71] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-a6550b71] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a6550b71] { flex: 1;
}
.nav-btn[data-v-a6550b71] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a6550b71] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a6550b71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a6550b71] { font-size: 1.75rem;
}
.completado-texto[data-v-a6550b71] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a6550b71], .slide-leave-active[data-v-a6550b71] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a6550b71] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a6550b71] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-a6550b71] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-a6550b71] {
    flex: 0 1 auto;
}
.slot-fecha[data-v-a6550b71] {
    font-size: 0.65rem;
}
.slot-nombre[data-v-a6550b71] {
    font-size: 0.55rem;
}
.presidente-btn[data-v-a6550b71], .hito-btn[data-v-a6550b71] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-52ff427e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-52ff427e] {
  font-size: 2.5rem;
  animation: float-52ff427e 3s ease-in-out infinite;
}
.epoca-icono[data-v-52ff427e]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-52ff427e]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-52ff427e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.intro-text[data-v-52ff427e] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-52ff427e] {
  color: #FCD34D;
}
strong.positivo[data-v-52ff427e] {
  color: #6EE7B7;
}
strong.negativo[data-v-52ff427e] {
  color: #FCA5A5;
}

/* Resumen sections */
.resumen-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-box[data-v-52ff427e] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-box.concertacion[data-v-52ff427e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.dato-clave[data-v-52ff427e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dato-clave[data-v-52ff427e]:last-child {
  border-bottom: none;
}
.dato-label[data-v-52ff427e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-52ff427e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: right;
}
.dato-valor.destacado[data-v-52ff427e] {
  color: #FCD34D;
}

/* Hitos por presidente */
.hitos-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.hitos-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hitos-grid[data-v-52ff427e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.hito-card[data-v-52ff427e] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.hito-card.destacado-card[data-v-52ff427e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.hito-card.negativo-card[data-v-52ff427e] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.hito-nombre[data-v-52ff427e] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.hito-nombre.destacado[data-v-52ff427e] {
  color: #FCD34D;
}
.hito-nombre.positivo[data-v-52ff427e] {
  color: #6EE7B7;
}
.hito-nombre.negativo[data-v-52ff427e] {
  color: #FCA5A5;
}
.hito-detalle[data-v-52ff427e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Reforma 2005 */
.reforma-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.reforma-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reforma-box[data-v-52ff427e] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.reforma-items[data-v-52ff427e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.reforma-item[data-v-52ff427e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.reforma-item.positivo[data-v-52ff427e] {
  color: #6EE7B7;
}

/* Estallido Social */
.estallido-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.estallido-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estallido-box[data-v-52ff427e] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.dato-estallido[data-v-52ff427e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dato-estallido .dato-valor.negativo[data-v-52ff427e] {
  color: #FCA5A5;
}
.causas-lista[data-v-52ff427e] {
  margin-bottom: 0.75rem;
}
.causas-titulo[data-v-52ff427e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.35rem;
}
.causa-item[data-v-52ff427e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-left: 0.5rem;
}
.consigna[data-v-52ff427e] {
  text-align: center;
  font-style: italic;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Proceso Constituyente */
.proceso-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-horizontal[data-v-52ff427e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.timeline-item[data-v-52ff427e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.timeline-item.positivo[data-v-52ff427e] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.timeline-item.neutro[data-v-52ff427e] {
  background: rgba(139, 92, 246, 0.1);
  border-left-color: #8B5CF6;
}
.timeline-item.negativo[data-v-52ff427e] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.timeline-fecha[data-v-52ff427e] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
}
.timeline-evento[data-v-52ff427e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Desafíos */
.desafios-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.desafios-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.desafios-grid[data-v-52ff427e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.desafio-item[data-v-52ff427e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.desafio-icono[data-v-52ff427e] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.desafio-item span[data-v-52ff427e]:last-child {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Datos clave */
.datos-section[data-v-52ff427e] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-52ff427e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-grid[data-v-52ff427e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.dato-item[data-v-52ff427e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-numero[data-v-52ff427e] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.dato-numero.destacado[data-v-52ff427e] {
  color: #FCD34D;
}
.dato-numero.positivo[data-v-52ff427e] {
  color: #6EE7B7;
}
.dato-numero.negativo[data-v-52ff427e] {
  color: #FCA5A5;
}
.dato-item .dato-label[data-v-52ff427e] {
  font-size: 0.55rem;
  text-align: center;
}

/* Tip final */
.tip-final[data-v-52ff427e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-52ff427e] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-52ff427e] {
  flex: 1;
}
.tip-contenido > strong[data-v-52ff427e] {
  color: #6EE7B7;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-lista[data-v-52ff427e] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-lista li[data-v-52ff427e] {
  margin-bottom: 0.2rem;
}
.tip-lista strong[data-v-52ff427e] {
  color: #6EE7B7;
}
.tip-lista strong.destacado[data-v-52ff427e] {
  color: #FCD34D;
}
.tip-lista strong.positivo[data-v-52ff427e] {
  color: #6EE7B7;
}
.tip-lista strong.negativo[data-v-52ff427e] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-52ff427e] {
    gap: 1.5rem;
}
.epoca-icono[data-v-52ff427e] {
    font-size: 3rem;
}
.hitos-grid[data-v-52ff427e] {
    grid-template-columns: repeat(4, 1fr);
}
.timeline-horizontal[data-v-52ff427e] {
    flex-direction: row;
    justify-content: space-between;
}
.timeline-item[data-v-52ff427e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    border-left: none;
    border-top: 4px solid;
}
.timeline-item.positivo[data-v-52ff427e] {
    border-top-color: #10B981;
}
.timeline-item.neutro[data-v-52ff427e] {
    border-top-color: #8B5CF6;
}
.timeline-item.negativo[data-v-52ff427e] {
    border-top-color: #EF4444;
}
.timeline-fecha[data-v-52ff427e] {
    min-width: auto;
}
.desafios-grid[data-v-52ff427e] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-e62fab47] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-e62fab47] {
  font-size: 2.5rem;
  animation: float-e62fab47 3s ease-in-out infinite;
}
.epoca-icono[data-v-e62fab47]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-e62fab47]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-e62fab47 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-e62fab47] {
  color: #FCD34D;
}
strong.negativo[data-v-e62fab47] {
  color: #FCA5A5;
}

/* Características */
.caracteristicas-section[data-v-e62fab47] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-e62fab47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-e62fab47] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica-item[data-v-e62fab47] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caracteristica-item .icono[data-v-e62fab47] {
  font-size: 1.5rem;
}
.item-info[data-v-e62fab47] {
  display: flex;
  flex-direction: column;
}
.item-info strong[data-v-e62fab47] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.item-info span[data-v-e62fab47] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Esquema de poder */
.poder-section[data-v-e62fab47] {
  margin: 1.5rem 0;
}
.poder-titulo[data-v-e62fab47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poder-esquema[data-v-e62fab47] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.poder-item[data-v-e62fab47] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 120px;
}
.poder-item.fuerte[data-v-e62fab47] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.poder-item.debil[data-v-e62fab47] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.poder-icono[data-v-e62fab47] {
  font-size: 1.5rem;
}
.poder-info[data-v-e62fab47] {
  display: flex;
  flex-direction: column;
}
.poder-info strong[data-v-e62fab47] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.poder-info span[data-v-e62fab47] {
  color: #E9D5FF;
  font-size: 0.7rem;
}
.poder-flecha[data-v-e62fab47] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: bold;
}

/* Partidos */
.partidos-section[data-v-e62fab47] {
  margin: 1.5rem 0;
}
.partidos-titulo[data-v-e62fab47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partidos-grid[data-v-e62fab47] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.partido-item[data-v-e62fab47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.partido-item.conservador[data-v-e62fab47] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.partido-item.liberal[data-v-e62fab47] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.partido-item.radical[data-v-e62fab47] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.partido-item.democrata[data-v-e62fab47] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.partido-nombre[data-v-e62fab47] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.partido-desc[data-v-e62fab47] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Críticas */
.criticas-section[data-v-e62fab47] {
  margin: 1.5rem 0;
}
.criticas-titulo[data-v-e62fab47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.criticas-lista[data-v-e62fab47] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.critica-item[data-v-e62fab47] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.critica-check[data-v-e62fab47] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}
.critica-item span[data-v-e62fab47]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip PAES */
.tip-paes[data-v-e62fab47] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e62fab47] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-e62fab47] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-e62fab47] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-e62fab47] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-e62fab47] {
    gap: 1.5rem;
}
.epoca-icono[data-v-e62fab47] {
    font-size: 3rem;
}
.caracteristicas-grid[data-v-e62fab47] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.partidos-grid[data-v-e62fab47] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-7e4da8ed] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-7e4da8ed] {
  font-size: 2.5rem;
  animation: float-7e4da8ed 3s ease-in-out infinite;
}
.epoca-icono[data-v-7e4da8ed]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-7e4da8ed]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7e4da8ed {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-7e4da8ed] {
  color: #FCD34D;
}
strong.negativo[data-v-7e4da8ed] {
  color: #FCA5A5;
}

/* Crisis del salitre */
.crisis-section[data-v-7e4da8ed] {
  margin: 1.5rem 0;
}
.crisis-titulo[data-v-7e4da8ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crisis-box[data-v-7e4da8ed] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.crisis-box p[data-v-7e4da8ed] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.crisis-datos[data-v-7e4da8ed] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato-item[data-v-7e4da8ed] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.dato-item.negativo[data-v-7e4da8ed] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.dato-icono[data-v-7e4da8ed] {
  font-size: 1.5rem;
}
.dato-info[data-v-7e4da8ed] {
  display: flex;
  flex-direction: column;
}
.dato-info strong[data-v-7e4da8ed] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.dato-info span[data-v-7e4da8ed] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Alessandri */
.alessandri-section[data-v-7e4da8ed] {
  margin: 1.5rem 0;
}
.alessandri-titulo[data-v-7e4da8ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alessandri-box[data-v-7e4da8ed] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.alessandri-info p[data-v-7e4da8ed] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.propuestas-lista[data-v-7e4da8ed] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.propuesta-item[data-v-7e4da8ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.propuesta-check[data-v-7e4da8ed] {
  color: #6EE7B7;
  font-weight: 700;
}
.propuesta-item span[data-v-7e4da8ed]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Ruido de sables */
.ruido-section[data-v-7e4da8ed] {
  margin: 1.5rem 0;
}
.ruido-titulo[data-v-7e4da8ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ruido-box[data-v-7e4da8ed] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ruido-box p[data-v-7e4da8ed] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.leyes-grid[data-v-7e4da8ed] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ley-item[data-v-7e4da8ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.ley-icono[data-v-7e4da8ed] {
  font-size: 1.1rem;
}
.ley-item span[data-v-7e4da8ed]:last-child {
  color: #FCD34D;
  font-size: 0.8rem;
  font-weight: 600;
}

/* Constitución */
.constitucion-section[data-v-7e4da8ed] {
  margin: 1.5rem 0;
}
.constitucion-titulo[data-v-7e4da8ed] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.constitucion-box[data-v-7e4da8ed] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.constitucion-box p[data-v-7e4da8ed] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.cambios-grid[data-v-7e4da8ed] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.cambio-item[data-v-7e4da8ed] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.cambio-icono[data-v-7e4da8ed] {
  font-size: 1.1rem;
}
.cambio-item span[data-v-7e4da8ed]:last-child {
  color: #E9D5FF;
  font-size: 0.75rem;
}
.cambio-item strong[data-v-7e4da8ed] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-7e4da8ed] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7e4da8ed] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7e4da8ed] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7e4da8ed] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-7e4da8ed] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7e4da8ed] {
    gap: 1.5rem;
}
.epoca-icono[data-v-7e4da8ed] {
    font-size: 3rem;
}
.crisis-datos[data-v-7e4da8ed] {
    flex-direction: row;
}
.dato-item[data-v-7e4da8ed] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-b8b76db4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-b8b76db4] {
  font-size: 2.5rem;
  animation: float-b8b76db4 3s ease-in-out infinite;
}
.epoca-icono[data-v-b8b76db4]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-b8b76db4]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b8b76db4 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b8b76db4] {
  color: #FCD34D;
}
strong.negativo[data-v-b8b76db4] {
  color: #FCA5A5;
}

/* Ibáñez */
.ibañez-section[data-v-b8b76db4] {
  margin: 1.5rem 0;
}
.ibañez-titulo[data-v-b8b76db4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ibañez-box[data-v-b8b76db4] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ibañez-box > p[data-v-b8b76db4] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.aspectos-grid[data-v-b8b76db4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.aspecto-box[data-v-b8b76db4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.aspecto-box.positivo[data-v-b8b76db4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.aspecto-box.negativo[data-v-b8b76db4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.aspecto-titulo[data-v-b8b76db4] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.aspecto-box.positivo .aspecto-titulo[data-v-b8b76db4] {
  color: #6EE7B7;
}
.aspecto-box.negativo .aspecto-titulo[data-v-b8b76db4] {
  color: #FCA5A5;
}
.aspecto-lista[data-v-b8b76db4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.aspecto-lista span[data-v-b8b76db4] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Crisis */
.crisis-section[data-v-b8b76db4] {
  margin: 1.5rem 0;
}
.crisis-titulo[data-v-b8b76db4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crisis-box[data-v-b8b76db4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.crisis-box > p[data-v-b8b76db4] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.crisis-resultado[data-v-b8b76db4] {
  margin-top: 0.75rem !important;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(239, 68, 68, 0.3);
}
.efectos-grid[data-v-b8b76db4] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.efecto-item[data-v-b8b76db4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
  flex: 1;
}
.efecto-icono[data-v-b8b76db4] {
  font-size: 1.25rem;
}
.efecto-dato[data-v-b8b76db4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.efecto-label[data-v-b8b76db4] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* República Socialista */
.socialista-section[data-v-b8b76db4] {
  margin: 1.5rem 0;
}
.socialista-titulo[data-v-b8b76db4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.socialista-box[data-v-b8b76db4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.socialista-box p[data-v-b8b76db4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Segundo Alessandri */
.alessandri2-section[data-v-b8b76db4] {
  margin: 1.5rem 0;
}
.alessandri2-titulo[data-v-b8b76db4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alessandri2-box[data-v-b8b76db4] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.alessandri2-box > p[data-v-b8b76db4] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.medidas-grid[data-v-b8b76db4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medida-item[data-v-b8b76db4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.5rem;
}
.medida-icono[data-v-b8b76db4] {
  font-size: 1.25rem;
}
.medida-info[data-v-b8b76db4] {
  display: flex;
  flex-direction: column;
}
.medida-info strong[data-v-b8b76db4] {
  color: #93C5FD;
  font-size: 0.85rem;
}
.medida-info span[data-v-b8b76db4] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Masacre */
.masacre-section[data-v-b8b76db4] {
  margin: 1.5rem 0;
}
.masacre-titulo[data-v-b8b76db4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.masacre-box[data-v-b8b76db4] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.masacre-box p[data-v-b8b76db4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-b8b76db4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b8b76db4] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b8b76db4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b8b76db4] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b8b76db4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b8b76db4] {
    gap: 1.5rem;
}
.epoca-icono[data-v-b8b76db4] {
    font-size: 3rem;
}
.aspectos-grid[data-v-b8b76db4] {
    flex-direction: row;
}
.aspecto-box[data-v-b8b76db4] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-442cbbc1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-442cbbc1] {
  font-size: 2.5rem;
  animation: float-442cbbc1 3s ease-in-out infinite;
}
.epoca-icono[data-v-442cbbc1]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-442cbbc1]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-442cbbc1 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-442cbbc1] {
  color: #FCD34D;
}
strong.negativo[data-v-442cbbc1] {
  color: #FCA5A5;
}

/* Frente Popular */
.frente-section[data-v-442cbbc1] {
  margin: 1.5rem 0;
}
.frente-titulo[data-v-442cbbc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frente-box[data-v-442cbbc1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.frente-box p[data-v-442cbbc1] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.partidos-frente[data-v-442cbbc1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.partido-item[data-v-442cbbc1] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.partido-item.radical[data-v-442cbbc1] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.partido-item.socialista[data-v-442cbbc1] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.partido-item.comunista[data-v-442cbbc1] {
  background: rgba(220, 38, 38, 0.4);
  color: #FEE2E2;
}
.partido-item.democrata[data-v-442cbbc1] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}

/* Presidentes */
.presidentes-section[data-v-442cbbc1] {
  margin: 1.5rem 0;
}
.presidentes-titulo[data-v-442cbbc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.presidentes-timeline[data-v-442cbbc1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.presidente-card[data-v-442cbbc1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.presidente-periodo[data-v-442cbbc1] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.presidente-nombre[data-v-442cbbc1] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.presidente-lema[data-v-442cbbc1] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.presidente-obras[data-v-442cbbc1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.presidente-obras span[data-v-442cbbc1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* CORFO */
.corfo-section[data-v-442cbbc1] {
  margin: 1.5rem 0;
}
.corfo-titulo[data-v-442cbbc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.corfo-box[data-v-442cbbc1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.corfo-box > p[data-v-442cbbc1] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.empresas-grid[data-v-442cbbc1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.empresa-item[data-v-442cbbc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.empresa-icono[data-v-442cbbc1] {
  font-size: 1.25rem;
}
.empresa-info[data-v-442cbbc1] {
  display: flex;
  flex-direction: column;
}
.empresa-info strong[data-v-442cbbc1] {
  color: #6EE7B7;
  font-size: 0.8rem;
}
.empresa-info span[data-v-442cbbc1] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Ley Maldita */
.leymaldita-section[data-v-442cbbc1] {
  margin: 1.5rem 0;
}
.leymaldita-titulo[data-v-442cbbc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.leymaldita-box[data-v-442cbbc1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.leymaldita-box > p[data-v-442cbbc1] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.consecuencias-lista[data-v-442cbbc1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia-item[data-v-442cbbc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.consecuencia-icono[data-v-442cbbc1] {
  font-size: 1rem;
}
.consecuencia-item span[data-v-442cbbc1]:last-child {
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* Logros */
.logros-section[data-v-442cbbc1] {
  margin: 1.5rem 0;
}
.logros-titulo[data-v-442cbbc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.logros-grid[data-v-442cbbc1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.logro-item[data-v-442cbbc1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.logro-icono[data-v-442cbbc1] {
  font-size: 1.25rem;
}
.logro-texto[data-v-442cbbc1] {
  color: #6EE7B7;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Tip PAES */
.tip-paes[data-v-442cbbc1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-442cbbc1] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-442cbbc1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-442cbbc1] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-442cbbc1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-442cbbc1] {
    gap: 1.5rem;
}
.epoca-icono[data-v-442cbbc1] {
    font-size: 3rem;
}
.presidentes-timeline[data-v-442cbbc1] {
    flex-direction: row;
}
.presidente-card[data-v-442cbbc1] {
    flex: 1;
}
.empresas-grid[data-v-442cbbc1] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-31c071ff] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-31c071ff] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-31c071ff] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-31c071ff] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-31c071ff] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-31c071ff] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-31c071ff] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-31c071ff] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-31c071ff] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-31c071ff] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-container[data-v-31c071ff] {
  text-align: center;
}
.presidentes-disponibles[data-v-31c071ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.presidente-btn[data-v-31c071ff] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.presidente-btn.seleccionado[data-v-31c071ff] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-31c071ff] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-31c071ff] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-31c071ff] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-31c071ff] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-31c071ff] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-31c071ff] {
  font-size: 0.55rem;
  color: #FCD34D;
  font-weight: 700;
}
.slot-nombre[data-v-31c071ff] {
  font-size: 0.55rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-31c071ff] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-31c071ff] {
  display: flex;
  gap: 0.75rem;
}
.empresas-columna[data-v-31c071ff], .funciones-columna[data-v-31c071ff] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-31c071ff] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.empresa-btn[data-v-31c071ff], .funcion-btn[data-v-31c071ff] {
  padding: 0.6rem 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.empresa-btn.seleccionado[data-v-31c071ff] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.empresa-btn.emparejado[data-v-31c071ff], .funcion-btn.emparejado[data-v-31c071ff] {
  opacity: 0.5;
  cursor: not-allowed;
}
.funcion-btn.seleccionable[data-v-31c071ff] {
  border-color: #FCD34D;
  animation: pulse-31c071ff 1s infinite;
}
@keyframes pulse-31c071ff {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.funcion-btn.correcto[data-v-31c071ff] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.funcion-btn.incorrecto[data-v-31c071ff] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Identificar ===== */
.identificar-container[data-v-31c071ff] {
  text-align: center;
}
.pregunta-identificar[data-v-31c071ff] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-31c071ff] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-identificar[data-v-31c071ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.identificar-btn[data-v-31c071ff] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.identificar-btn.seleccionado[data-v-31c071ff] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.identificar-btn.correcto[data-v-31c071ff] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.identificar-btn.incorrecto[data-v-31c071ff] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.identificar-contador[data-v-31c071ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-31c071ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-31c071ff], .btn-reiniciar[data-v-31c071ff] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-31c071ff] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-31c071ff] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-31c071ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-31c071ff] { font-size: 1.25rem;
}
.resultado-texto[data-v-31c071ff] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-31c071ff] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-31c071ff] { flex: 1;
}
.nav-btn[data-v-31c071ff] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-31c071ff] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-31c071ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-31c071ff] { font-size: 1.75rem;
}
.completado-texto[data-v-31c071ff] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-31c071ff], .slide-leave-active[data-v-31c071ff] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-31c071ff] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-31c071ff] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.presidentes-disponibles[data-v-31c071ff] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.presidente-btn[data-v-31c071ff] {
    flex: 0 1 auto;
}
.slot-fecha[data-v-31c071ff] {
    font-size: 0.65rem;
}
.slot-nombre[data-v-31c071ff] {
    font-size: 0.6rem;
}
}

/* Intro visual */
.intro-visual[data-v-685f5291] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-685f5291] {
  font-size: 2.5rem;
  animation: float-685f5291 3s ease-in-out infinite;
}
.epoca-icono[data-v-685f5291]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-685f5291]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-685f5291 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-685f5291] {
  color: #FCD34D;
}

/* Timeline resumen */
.timeline-section[data-v-685f5291] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-685f5291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-resumen[data-v-685f5291] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-item[data-v-685f5291] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.timeline-item.destacado[data-v-685f5291] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.timeline-fecha[data-v-685f5291] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
  white-space: nowrap;
  min-width: 65px;
}
.timeline-contenido[data-v-685f5291] {
  display: flex;
  flex-direction: column;
}
.timeline-contenido strong[data-v-685f5291] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.timeline-contenido span[data-v-685f5291] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Conceptos */
.conceptos-section[data-v-685f5291] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-685f5291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-685f5291] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-685f5291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-icono[data-v-685f5291] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.concepto-info[data-v-685f5291] {
  display: flex;
  flex-direction: column;
}
.concepto-info strong[data-v-685f5291] {
  color: #FCD34D;
  font-size: 0.75rem;
}
.concepto-info span[data-v-685f5291] {
  color: #C4B5FD;
  font-size: 0.65rem;
}

/* Fechas */
.fechas-section[data-v-685f5291] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-685f5291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-lista[data-v-685f5291] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.fecha-item[data-v-685f5291] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.4rem;
}
.fecha-año[data-v-685f5291] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  min-width: 35px;
}
.fecha-evento[data-v-685f5291] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Empresas */
.empresas-section[data-v-685f5291] {
  margin: 1.5rem 0;
}
.empresas-titulo[data-v-685f5291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.empresas-grid[data-v-685f5291] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.empresa-mini[data-v-685f5291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.empresa-sigla[data-v-685f5291] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.empresa-funcion[data-v-685f5291] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tips */
.tips-section[data-v-685f5291] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-685f5291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-685f5291] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-685f5291] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tip-numero[data-v-685f5291] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-texto[data-v-685f5291] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-685f5291] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-685f5291] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-685f5291] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-685f5291] {
  display: flex;
  flex-direction: column;
}
.mensaje-contenido strong[data-v-685f5291] {
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.mensaje-contenido span[data-v-685f5291] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-685f5291] {
    gap: 1.5rem;
}
.epoca-icono[data-v-685f5291] {
    font-size: 3rem;
}
.fechas-lista[data-v-685f5291] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-36c76a4b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.civ-icono[data-v-36c76a4b] {
  font-size: 2.5rem;
  animation: float-36c76a4b 3s ease-in-out infinite;
}
.civ-icono[data-v-36c76a4b]:nth-child(2) {
  animation-delay: 0.5s;
}
.civ-icono[data-v-36c76a4b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-36c76a4b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-36c76a4b] {
  color: #FCD34D;
}

/* Mapa visual */
.mapa-section[data-v-36c76a4b] {
  margin: 1.5rem 0;
}
.mapa-titulo[data-v-36c76a4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mapa-visual[data-v-36c76a4b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.rio[data-v-36c76a4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  position: relative;
}
.rio.mesopotamia[data-v-36c76a4b] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.rio.egipto[data-v-36c76a4b] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.rio-nombre[data-v-36c76a4b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.civ-nombre[data-v-36c76a4b] {
  font-size: 1.1rem;
  font-weight: 700;
}
.mesopotamia .civ-nombre[data-v-36c76a4b] {
  color: #93C5FD;
}
.egipto .civ-nombre[data-v-36c76a4b] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-36c76a4b] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-36c76a4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-36c76a4b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-36c76a4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-36c76a4b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-36c76a4b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Concepto clave */
.concepto-clave[data-v-36c76a4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-36c76a4b] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-36c76a4b] {
  flex: 1;
}
.concepto-titulo[data-v-36c76a4b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-36c76a4b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-36c76a4b] {
  color: #FFFFFF;
}

/* Timeline */
.timeline-section[data-v-36c76a4b] {
  margin: 1.5rem 0 0;
}
.timeline-titulo[data-v-36c76a4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-linea[data-v-36c76a4b] {
  display: flex;
  justify-content: space-around;
  padding: 1rem 0;
  background: linear-gradient(to right, transparent 10%, rgba(139, 92, 246, 0.3) 50%, transparent 90%);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.timeline-punto[data-v-36c76a4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.timeline-punto[data-v-36c76a4b]::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.timeline-punto.mesopotamia[data-v-36c76a4b]::before {
  background: #93C5FD;
  box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
}
.timeline-punto.egipto[data-v-36c76a4b]::before {
  background: #FCD34D;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}
.t-fecha[data-v-36c76a4b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.t-evento[data-v-36c76a4b] {
  font-size: 0.85rem;
  font-weight: 700;
}
.mesopotamia .t-evento[data-v-36c76a4b] {
  color: #93C5FD;
}
.egipto .t-evento[data-v-36c76a4b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-36c76a4b] {
    gap: 1.5rem;
}
.civ-icono[data-v-36c76a4b] {
    font-size: 3rem;
}
.mapa-visual[data-v-36c76a4b] {
    flex-direction: row;
}
.rio[data-v-36c76a4b] {
    flex: 1;
}
.caract-grid[data-v-36c76a4b] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header visual */
.header-visual[data-v-4821a0d8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.zigurat-icon[data-v-4821a0d8] {
  font-size: 2.5rem;
}
.header-text[data-v-4821a0d8] {
  display: flex;
  flex-direction: column;
}
.subtitulo[data-v-4821a0d8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.rios[data-v-4821a0d8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Destacado */
strong.destacado[data-v-4821a0d8] {
  color: #FCD34D;
}

/* Pueblos */
.pueblos-section[data-v-4821a0d8] {
  margin: 1.5rem 0;
}
.pueblos-titulo[data-v-4821a0d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pueblos-lista[data-v-4821a0d8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pueblo[data-v-4821a0d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #93C5FD;
  border-radius: 0 0.4rem 0.4rem 0;
}
.pueblo-nombre[data-v-4821a0d8] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.pueblo-aporte[data-v-4821a0d8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Aportes */
.aportes-section[data-v-4821a0d8] {
  margin: 1.5rem 0;
}
.aportes-titulo[data-v-4821a0d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aportes-grid[data-v-4821a0d8] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.aporte[data-v-4821a0d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.5rem;
}
.aporte-icono[data-v-4821a0d8] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.aporte-contenido[data-v-4821a0d8] {
  display: flex;
  flex-direction: column;
}
.aporte-contenido strong[data-v-4821a0d8] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.aporte-contenido span[data-v-4821a0d8] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Zigurat */
.zigurat-section[data-v-4821a0d8] {
  margin: 1.5rem 0;
  text-align: center;
}
.zigurat-titulo[data-v-4821a0d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.zigurat-visual[data-v-4821a0d8] {
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.zigurat-piramide[data-v-4821a0d8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.nivel[data-v-4821a0d8] {
  height: 15px;
  background: linear-gradient(135deg, #F59E0B, #D97706);
  border-radius: 2px;
}
.nivel-1[data-v-4821a0d8] { width: 40px;
}
.nivel-2[data-v-4821a0d8] { width: 65px;
}
.nivel-3[data-v-4821a0d8] { width: 90px;
}
.nivel-4[data-v-4821a0d8] { width: 115px;
}
.zigurat-desc[data-v-4821a0d8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.5rem 0 0;
}
.zigurat-desc strong[data-v-4821a0d8] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-4821a0d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4821a0d8] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4821a0d8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4821a0d8] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-4821a0d8] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.pueblos-lista[data-v-4821a0d8] {
    flex-direction: row;
    flex-wrap: wrap;
}
.pueblo[data-v-4821a0d8] {
    flex: 1 1 45%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
.aportes-grid[data-v-4821a0d8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.nivel-1[data-v-4821a0d8] { width: 50px;
}
.nivel-2[data-v-4821a0d8] { width: 80px;
}
.nivel-3[data-v-4821a0d8] { width: 110px;
}
.nivel-4[data-v-4821a0d8] { width: 140px;
}
}

/* Header visual */
.header-visual[data-v-325c36a3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.piramide-icon[data-v-325c36a3] {
  font-size: 2.5rem;
}
.header-text[data-v-325c36a3] {
  display: flex;
  flex-direction: column;
}
.subtitulo[data-v-325c36a3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.rio-nilo[data-v-325c36a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Destacado */
strong.destacado[data-v-325c36a3] {
  color: #FCD34D;
}

/* Política - Faraón */
.politica-section[data-v-325c36a3] {
  margin: 1.5rem 0;
}
.politica-titulo[data-v-325c36a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.faraon-box[data-v-325c36a3] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.faraon-visual[data-v-325c36a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.5rem;
}
.corona[data-v-325c36a3] {
  font-size: 1.25rem;
}
.faraon-info[data-v-325c36a3] {
  flex: 1;
}
.faraon-info p[data-v-325c36a3] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.faraon-info ul[data-v-325c36a3] {
  margin: 0;
  padding-left: 1.25rem;
}
.faraon-info li[data-v-325c36a3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}

/* Aportes */
.aportes-section[data-v-325c36a3] {
  margin: 1.5rem 0;
}
.aportes-titulo[data-v-325c36a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aportes-grid[data-v-325c36a3] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.aporte[data-v-325c36a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.5rem;
}
.aporte-icono[data-v-325c36a3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.aporte-contenido[data-v-325c36a3] {
  display: flex;
  flex-direction: column;
}
.aporte-contenido strong[data-v-325c36a3] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.aporte-contenido span[data-v-325c36a3] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Creencias */
.creencias-section[data-v-325c36a3] {
  margin: 1.5rem 0;
}
.creencias-titulo[data-v-325c36a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.creencias-contenido[data-v-325c36a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.creencia[data-v-325c36a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.creencia-icono[data-v-325c36a3] {
  font-size: 1.25rem;
}
.creencia-texto[data-v-325c36a3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.creencia-texto strong[data-v-325c36a3] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-325c36a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-325c36a3] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-325c36a3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-325c36a3] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-325c36a3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.aportes-grid[data-v-325c36a3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-d4a40622] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d4a40622] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d4a40622] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d4a40622] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d4a40622] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d4a40622] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d4a40622] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d4a40622] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d4a40622] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d4a40622] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-d4a40622] {
  text-align: center;
}
.aportes-disponibles[data-v-d4a40622] {
  margin-bottom: 1rem;
}
.aportes-label[data-v-d4a40622] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.aportes-pool[data-v-d4a40622] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.aporte-btn[data-v-d4a40622] {
  padding: 0.6rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.aporte-btn.seleccionado[data-v-d4a40622] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.civilizaciones-destino[data-v-d4a40622] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.civ-destino[data-v-d4a40622] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.civ-destino.mesopotamia[data-v-d4a40622] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px dashed rgba(59, 130, 246, 0.4);
}
.civ-destino.egipto[data-v-d4a40622] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.civ-destino.activo[data-v-d4a40622] {
  border-style: solid;
  transform: scale(1.02);
}
.civ-destino.activo.mesopotamia[data-v-d4a40622] {
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.civ-destino.activo.egipto[data-v-d4a40622] {
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.3);
}
.civ-icono[data-v-d4a40622] {
  font-size: 1.5rem;
}
.civ-nombre[data-v-d4a40622] {
  font-size: 0.8rem;
  font-weight: 700;
}
.mesopotamia .civ-nombre[data-v-d4a40622] {
  color: #93C5FD;
}
.egipto .civ-nombre[data-v-d4a40622] {
  color: #FCD34D;
}
.civ-aportes[data-v-d4a40622] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.aporte-clasificado[data-v-d4a40622] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.aporte-clasificado.correcto[data-v-d4a40622] {
  background: rgba(16, 185, 129, 0.2);
}
.aporte-clasificado.incorrecto[data-v-d4a40622] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-d4a40622] {
  text-align: center;
}
.pregunta-relacion[data-v-d4a40622] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-d4a40622] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-d4a40622] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-d4a40622] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-d4a40622]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-d4a40622] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-d4a40622] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-d4a40622] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-d4a40622] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-d4a40622] {
  text-align: center;
}
.timeline-instruccion[data-v-d4a40622] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-d4a40622] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-d4a40622] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-d4a40622] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-d4a40622] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-d4a40622] {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #F59E0B);
  border-radius: 2px;
}
.timeline-slots[data-v-d4a40622] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-d4a40622] {
  width: 30%;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-d4a40622] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-d4a40622] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.slot-evento[data-v-d4a40622] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.slot-placeholder[data-v-d4a40622] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-d4a40622] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-d4a40622], .btn-reiniciar[data-v-d4a40622] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d4a40622] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d4a40622] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-d4a40622] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d4a40622] { font-size: 1.25rem;
}
.resultado-texto[data-v-d4a40622] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d4a40622] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d4a40622] { flex: 1;
}
.nav-btn[data-v-d4a40622] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d4a40622] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d4a40622] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d4a40622] { font-size: 1.75rem;
}
.completado-texto[data-v-d4a40622] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d4a40622], .slide-leave-active[data-v-d4a40622] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d4a40622] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d4a40622] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.aportes-pool[data-v-d4a40622] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.aporte-btn[data-v-d4a40622] {
    flex: 0 1 auto;
}
.opciones-relacion[data-v-d4a40622] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-d4a40622] {
    flex: 1 1 45%;
}
.eventos-disponibles[data-v-d4a40622] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-d4a40622] {
    flex: 0 1 auto;
}
}

/* Header */
.resumen-header[data-v-bb9353c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.header-emoji[data-v-bb9353c3] {
  font-size: 2rem;
}
.header-texto[data-v-bb9353c3] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-bb9353c3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.civ-card[data-v-bb9353c3] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.civ-card.mesopotamia[data-v-bb9353c3] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.civ-card.egipto[data-v-bb9353c3] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.civ-header[data-v-bb9353c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.mesopotamia .civ-header[data-v-bb9353c3] {
  background: rgba(59, 130, 246, 0.2);
}
.egipto .civ-header[data-v-bb9353c3] {
  background: rgba(245, 158, 11, 0.2);
}
.civ-icono[data-v-bb9353c3] {
  font-size: 1.5rem;
}
.civ-titulo[data-v-bb9353c3] {
  font-size: 1rem;
  font-weight: 700;
}
.mesopotamia .civ-titulo[data-v-bb9353c3] {
  color: #93C5FD;
}
.egipto .civ-titulo[data-v-bb9353c3] {
  color: #FCD34D;
}
.civ-datos[data-v-bb9353c3] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato[data-v-bb9353c3] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dato-label[data-v-bb9353c3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-bb9353c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dato-valor.destacado[data-v-bb9353c3] {
  color: #FFFFFF;
  font-weight: 700;
}

/* Características comunes */
.comun-section[data-v-bb9353c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comun-titulo[data-v-bb9353c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comun-lista[data-v-bb9353c3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.comun-item[data-v-bb9353c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
}

/* Tips PAES */
.tips-paes[data-v-bb9353c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-bb9353c3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-bb9353c3] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-bb9353c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.tip-numero[data-v-bb9353c3] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: #000;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-texto[data-v-bb9353c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-bb9353c3] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-bb9353c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-bb9353c3] {
  font-size: 1.5rem;
}
.final-texto[data-v-bb9353c3] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-section[data-v-bb9353c3] {
    flex-direction: row;
}
.civ-card[data-v-bb9353c3] {
    flex: 1;
}
.comun-lista[data-v-bb9353c3] {
    flex-direction: row;
    flex-wrap: wrap;
}
.comun-item[data-v-bb9353c3] {
    flex: 0 1 45%;
}
.tips-lista[data-v-bb9353c3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-fc9ae0b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-fc9ae0b9] {
  font-size: 2.5rem;
  animation: float-fc9ae0b9 3s ease-in-out infinite;
}
.intro-icono[data-v-fc9ae0b9]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-fc9ae0b9]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-fc9ae0b9 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
p[data-v-fc9ae0b9] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
p strong[data-v-fc9ae0b9] {
  color: #FFFFFF;
}
strong.destacado[data-v-fc9ae0b9] {
  color: #FCD34D;
}

/* Contexto temporal */
.contexto-section[data-v-fc9ae0b9] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-fc9ae0b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-linea[data-v-fc9ae0b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.contexto-item[data-v-fc9ae0b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.contexto-item.inicio[data-v-fc9ae0b9] {
  border-left: 3px solid #8B5CF6;
}
.contexto-item.fin[data-v-fc9ae0b9] {
  border-left: 3px solid #10B981;
}
.contexto-fecha[data-v-fc9ae0b9] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.contexto-evento[data-v-fc9ae0b9] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.contexto-detalle[data-v-fc9ae0b9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.contexto-flecha[data-v-fc9ae0b9] {
  font-size: 1.5rem;
  color: #8B5CF6;
  transform: rotate(90deg);
}

/* Objetivos */
.objetivos-section[data-v-fc9ae0b9] {
  margin: 1.5rem 0;
}
.objetivos-titulo[data-v-fc9ae0b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.objetivos-grid[data-v-fc9ae0b9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.objetivo-item[data-v-fc9ae0b9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.objetivo-icono[data-v-fc9ae0b9] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.objetivo-item strong[data-v-fc9ae0b9] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.objetivo-texto[data-v-fc9ae0b9] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Organización */
.organizacion-section[data-v-fc9ae0b9] {
  margin: 1.5rem 0;
}
.org-titulo[data-v-fc9ae0b9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.org-descripcion[data-v-fc9ae0b9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.org-descripcion strong[data-v-fc9ae0b9] {
  color: #FCD34D;
}
.virreinatos-grid[data-v-fc9ae0b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.virreinato-item[data-v-fc9ae0b9] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.virreinato-item.nueva-espana[data-v-fc9ae0b9] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border-left: 3px solid #F59E0B;
}
.virreinato-item.peru[data-v-fc9ae0b9] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border-left: 3px solid #EF4444;
}
.virreinato-nombre[data-v-fc9ae0b9] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.virreinato-capital[data-v-fc9ae0b9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}
.virreinato-territorio[data-v-fc9ae0b9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nota-importante[data-v-fc9ae0b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-icono[data-v-fc9ae0b9] {
  font-size: 1rem;
}
.nota-importante strong[data-v-fc9ae0b9] {
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-fc9ae0b9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-fc9ae0b9] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-fc9ae0b9] {
  flex: 1;
}
.concepto-titulo[data-v-fc9ae0b9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-fc9ae0b9] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-fc9ae0b9] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-fc9ae0b9] {
    gap: 1.5rem;
}
.intro-icono[data-v-fc9ae0b9] {
    font-size: 3rem;
}
.contexto-linea[data-v-fc9ae0b9] {
    flex-direction: row;
    justify-content: center;
}
.contexto-item[data-v-fc9ae0b9] {
    width: auto;
    min-width: 180px;
}
.contexto-flecha[data-v-fc9ae0b9] {
    transform: rotate(0deg);
}
.objetivos-grid[data-v-fc9ae0b9] {
    grid-template-columns: repeat(4, 1fr);
}
.virreinatos-grid[data-v-fc9ae0b9] {
    flex-direction: row;
}
.virreinato-item[data-v-fc9ae0b9] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-fbf606d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border-radius: 1rem;
}
.intro-icono[data-v-fbf606d3] {
  font-size: 2.5rem;
}
.intro-texto[data-v-fbf606d3] {
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
p[data-v-fbf606d3] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
p strong[data-v-fbf606d3] {
  color: #FFFFFF;
}

/* Secciones de instituciones */
.instituciones-section[data-v-fbf606d3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.instituciones-section.espana[data-v-fbf606d3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.instituciones-section.america[data-v-fbf606d3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.inst-header[data-v-fbf606d3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.inst-icono[data-v-fbf606d3] {
  font-size: 1.25rem;
}
.inst-titulo[data-v-fbf606d3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.inst-grid[data-v-fbf606d3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inst-item[data-v-fbf606d3] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.inst-item.rey[data-v-fbf606d3] { border-left-color: #FCD34D;
}
.inst-item.consejo[data-v-fbf606d3] { border-left-color: #F59E0B;
}
.inst-item.casa[data-v-fbf606d3] { border-left-color: #EF4444;
}
.inst-item.virrey[data-v-fbf606d3] { border-left-color: #10B981;
}
.inst-item.audiencia[data-v-fbf606d3] { border-left-color: #3B82F6;
}
.inst-item.gobernador[data-v-fbf606d3] { border-left-color: #8B5CF6;
}
.inst-item.cabildo[data-v-fbf606d3] { border-left-color: #EC4899;
}
.inst-nombre[data-v-fbf606d3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.inst-descripcion[data-v-fbf606d3] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.inst-funcion[data-v-fbf606d3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Jerarquía piramidal */
.jerarquia-section[data-v-fbf606d3] {
  margin: 1.5rem 0;
}
.jer-titulo[data-v-fbf606d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.jerarquia-piramide[data-v-fbf606d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nivel[data-v-fbf606d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  text-align: center;
}
.nivel-1[data-v-fbf606d3] {
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  width: 40%;
  min-width: 100px;
}
.nivel-2[data-v-fbf606d3] {
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  width: 50%;
  min-width: 130px;
}
.nivel-3[data-v-fbf606d3] {
  background: linear-gradient(135deg, #EF4444, #EC4899);
  width: 60%;
  min-width: 150px;
}
.nivel-4[data-v-fbf606d3] {
  background: linear-gradient(135deg, #EC4899, #8B5CF6);
  width: 75%;
  min-width: 180px;
}
.nivel-5[data-v-fbf606d3] {
  background: linear-gradient(135deg, #8B5CF6, #3B82F6);
  width: 90%;
  min-width: 200px;
}
.nivel-cargo[data-v-fbf606d3] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* Concepto clave */
.concepto-clave[data-v-fbf606d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-fbf606d3] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-fbf606d3] {
  flex: 1;
}
.concepto-titulo[data-v-fbf606d3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #F9A8D4;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-fbf606d3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-fbf606d3] {
  color: #FFFFFF;
}

/* Control */
.control-section[data-v-fbf606d3] {
  margin: 1.5rem 0 0;
}
.control-titulo[data-v-fbf606d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.control-grid[data-v-fbf606d3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.control-item[data-v-fbf606d3] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.control-item strong[data-v-fbf606d3] {
  font-size: 0.85rem;
  color: #93C5FD;
}
.control-item span[data-v-fbf606d3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.inst-grid[data-v-fbf606d3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.instituciones-section.espana .inst-grid[data-v-fbf606d3] {
    grid-template-columns: repeat(3, 1fr);
}
.control-grid[data-v-fbf606d3] {
    flex-direction: row;
}
.control-item[data-v-fbf606d3] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-4ad89461] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-4ad89461] {
  font-size: 2.5rem;
  animation: float-4ad89461 3s ease-in-out infinite;
}
.intro-icono[data-v-4ad89461]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-4ad89461]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-4ad89461 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
p[data-v-4ad89461] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
p strong[data-v-4ad89461] {
  color: #FFFFFF;
}
strong.oro[data-v-4ad89461] {
  color: #FCD34D;
}
strong.plata[data-v-4ad89461] {
  color: #D1D5DB;
}
strong.destacado[data-v-4ad89461] {
  color: #FCD34D;
}

/* Minería */
.actividad-section.mineria[data-v-4ad89461] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.actividad-header[data-v-4ad89461] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.actividad-icono[data-v-4ad89461] {
  font-size: 1.25rem;
}
.actividad-titulo[data-v-4ad89461] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.actividad-contenido p[data-v-4ad89461] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
}
.minas-destacadas[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mina-item[data-v-4ad89461] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mina-item.potosi[data-v-4ad89461] {
  border-left: 3px solid #D1D5DB;
}
.mina-item.zacatecas[data-v-4ad89461] {
  border-left: 3px solid #FCD34D;
}
.mina-icono[data-v-4ad89461] {
  font-size: 1.5rem;
}
.mina-info[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
}
.mina-info strong[data-v-4ad89461] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.mina-info span[data-v-4ad89461] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Trabajo */
.trabajo-section[data-v-4ad89461] {
  margin: 1.5rem 0;
}
.trabajo-titulo[data-v-4ad89461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.trabajo-grid[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.trabajo-item[data-v-4ad89461] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.trabajo-item.encomienda[data-v-4ad89461] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.05));
  border-left: 3px solid #EF4444;
}
.trabajo-item.mita[data-v-4ad89461] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(139, 92, 246, 0.05));
  border-left: 3px solid #8B5CF6;
}
.trabajo-nombre[data-v-4ad89461] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.trabajo-desc[data-v-4ad89461] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
.trabajo-desc strong[data-v-4ad89461] {
  color: #FFFFFF;
}
.trabajo-nota[data-v-4ad89461] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-style: italic;
}

/* Comercio */
.comercio-section[data-v-4ad89461] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.comercio-titulo[data-v-4ad89461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.comercio-explicacion p[data-v-4ad89461] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
}
.flujo-comercial[data-v-4ad89461] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.flujo-item[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex: 1;
}
.flujo-region[data-v-4ad89461] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flujo-productos[data-v-4ad89461] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flujo-flecha[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  color: #93C5FD;
}
.puerto-unico[data-v-4ad89461] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.puerto-icono[data-v-4ad89461] {
  font-size: 1.25rem;
}
.puerto-info[data-v-4ad89461] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.puerto-info strong[data-v-4ad89461] {
  color: #FFFFFF;
}

/* Impuestos */
.impuestos-section[data-v-4ad89461] {
  margin: 1.5rem 0;
}
.impuestos-titulo[data-v-4ad89461] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.impuestos-grid[data-v-4ad89461] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.impuesto-item[data-v-4ad89461] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.impuesto-item strong[data-v-4ad89461] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.impuesto-item span[data-v-4ad89461] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Concepto clave */
.concepto-clave[data-v-4ad89461] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-4ad89461] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-4ad89461] {
  flex: 1;
}
.concepto-titulo[data-v-4ad89461] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-4ad89461] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-4ad89461] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.intro-icono[data-v-4ad89461] {
    font-size: 3rem;
}
.minas-destacadas[data-v-4ad89461] {
    flex-direction: row;
}
.mina-item[data-v-4ad89461] {
    flex: 1;
}
.trabajo-grid[data-v-4ad89461] {
    flex-direction: row;
}
.trabajo-item[data-v-4ad89461] {
    flex: 1;
}
.impuestos-grid[data-v-4ad89461] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.2));
  border-radius: 1rem;
}
.intro-icono[data-v-64ccb2fc] {
  font-size: 2.5rem;
}
.intro-texto[data-v-64ccb2fc] {
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
p[data-v-64ccb2fc] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
p strong[data-v-64ccb2fc] {
  color: #FFFFFF;
}
strong.destacado[data-v-64ccb2fc] {
  color: #FCD34D;
}

/* Pirámide social */
.piramide-section[data-v-64ccb2fc] {
  margin: 1.5rem 0;
}
.piramide-titulo[data-v-64ccb2fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.piramide[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.grupo[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.grupo-1.peninsulares[data-v-64ccb2fc] {
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  width: 60%;
  min-width: 180px;
}
.grupo-2.criollos[data-v-64ccb2fc] {
  background: linear-gradient(135deg, #F59E0B, #EF4444);
  width: 70%;
  min-width: 200px;
}
.grupo-3.mestizos[data-v-64ccb2fc] {
  background: linear-gradient(135deg, #EF4444, #EC4899);
  width: 80%;
  min-width: 220px;
}
.grupo-4.indigenas[data-v-64ccb2fc] {
  background: linear-gradient(135deg, #EC4899, #8B5CF6);
  width: 90%;
  min-width: 240px;
}
.grupo-5.africanos[data-v-64ccb2fc] {
  background: linear-gradient(135deg, #8B5CF6, #3B82F6);
  width: 100%;
}
.grupo-nombre[data-v-64ccb2fc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.grupo-desc[data-v-64ccb2fc] {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.9);
}
.grupo-privilegio[data-v-64ccb2fc] {
  font-size: 0.65rem;
  color: rgba(255,255,255,0.75);
  font-style: italic;
}

/* Mestizaje */
.mestizaje-section[data-v-64ccb2fc] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
}
.mestizaje-header[data-v-64ccb2fc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mestizaje-icono[data-v-64ccb2fc] {
  font-size: 1.25rem;
}
.mestizaje-titulo[data-v-64ccb2fc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mestizaje-intro[data-v-64ccb2fc] {
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.castas-grid[data-v-64ccb2fc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.casta-item[data-v-64ccb2fc] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.casta-emoji[data-v-64ccb2fc] {
  font-size: 1.25rem;
}
.casta-info[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
}
.casta-info strong[data-v-64ccb2fc] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.casta-info span[data-v-64ccb2fc] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Sincretismo */
.sincretismo-section[data-v-64ccb2fc] {
  margin: 1.5rem 0;
}
.sincretismo-titulo[data-v-64ccb2fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.sincretismo-section > p[data-v-64ccb2fc] {
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.sincretismo-ejemplos[data-v-64ccb2fc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.sincretismo-item[data-v-64ccb2fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sinc-icono[data-v-64ccb2fc] {
  font-size: 1.25rem;
}
.sinc-info[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
}
.sinc-info strong[data-v-64ccb2fc] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.sinc-info span[data-v-64ccb2fc] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Conflicto */
.conflicto-section[data-v-64ccb2fc] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.conflicto-titulo[data-v-64ccb2fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conflicto-contenido[data-v-64ccb2fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.conflicto-item[data-v-64ccb2fc] {
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.conflicto-item.criollo[data-v-64ccb2fc] {
  background: rgba(245, 158, 11, 0.2);
  border-left: 3px solid #F59E0B;
}
.conflicto-item.peninsular[data-v-64ccb2fc] {
  background: rgba(139, 92, 246, 0.2);
  border-left: 3px solid #8B5CF6;
}
.conflicto-item strong[data-v-64ccb2fc] {
  font-size: 0.9rem;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.conflicto-item ul[data-v-64ccb2fc] {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}
.conflicto-item li[data-v-64ccb2fc] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}
.vs[data-v-64ccb2fc] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #EF4444;
  padding: 0.25rem 0.5rem;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 0.25rem;
}

/* Concepto clave */
.concepto-clave[data-v-64ccb2fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-64ccb2fc] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-64ccb2fc] {
  flex: 1;
}
.concepto-titulo[data-v-64ccb2fc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-64ccb2fc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-64ccb2fc] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.castas-grid[data-v-64ccb2fc] {
    grid-template-columns: repeat(4, 1fr);
}
.sincretismo-ejemplos[data-v-64ccb2fc] {
    grid-template-columns: repeat(4, 1fr);
}
.conflicto-contenido[data-v-64ccb2fc] {
    flex-direction: row;
    align-items: stretch;
}
.conflicto-item[data-v-64ccb2fc] {
    flex: 1;
}
.vs[data-v-64ccb2fc] {
    align-self: center;
}
}

.explorador[data-v-39e38a1e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-39e38a1e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-39e38a1e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-39e38a1e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-39e38a1e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-39e38a1e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-39e38a1e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-39e38a1e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-39e38a1e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-39e38a1e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Asociar ===== */
.asociar-container[data-v-39e38a1e] {
  text-align: center;
}
.asociar-instruccion[data-v-39e38a1e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.asociar-columnas[data-v-39e38a1e] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.columna[data-v-39e38a1e] {
  flex: 1;
  max-width: 150px;
}
.columna-titulo[data-v-39e38a1e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.asociar-item[data-v-39e38a1e] {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 0.4rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.asociar-item.institucion[data-v-39e38a1e] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.asociar-item.funcion[data-v-39e38a1e] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.asociar-item.seleccionado[data-v-39e38a1e] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
  border-color: #8B5CF6;
}
.asociar-item.seleccionable[data-v-39e38a1e] {
  animation: pulse-39e38a1e 1s infinite;
}
.asociar-item.asociado[data-v-39e38a1e] {
  opacity: 0.5;
  cursor: default;
}
.asociar-item.correcto[data-v-39e38a1e] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  opacity: 1;
}
.item-emoji[data-v-39e38a1e] {
  font-size: 1.1rem;
}
.item-nombre[data-v-39e38a1e] {
  font-size: 0.7rem;
  font-weight: 600;
}
.item-texto[data-v-39e38a1e] {
  font-size: 0.65rem;
  line-height: 1.2;
}
@keyframes pulse-39e38a1e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}

/* ===== DESAFÍO 2: Pirámide social ===== */
.piramide-container[data-v-39e38a1e] {
  text-align: center;
}
.piramide-instruccion[data-v-39e38a1e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.grupos-disponibles[data-v-39e38a1e] {
  margin-bottom: 1rem;
}
.grupos-titulo[data-v-39e38a1e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.grupos-botones[data-v-39e38a1e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.grupo-btn[data-v-39e38a1e] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.grupo-btn[data-v-39e38a1e]:hover {
  background: rgba(139, 92, 246, 0.5);
  transform: scale(1.05);
}
.piramide-construida[data-v-39e38a1e] {
  margin-bottom: 1rem;
}
.piramide-titulo[data-v-39e38a1e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.piramide-niveles[data-v-39e38a1e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nivel-piramide[data-v-39e38a1e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.4), rgba(236, 72, 153, 0.4));
  border-radius: 0.3rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.nivel-piramide.correcto[data-v-39e38a1e] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.5), rgba(16, 185, 129, 0.3));
}
.nivel-piramide.incorrecto[data-v-39e38a1e] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.5), rgba(239, 68, 68, 0.3));
}
.quitar-btn[data-v-39e38a1e] {
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: rgba(239, 68, 68, 0.5);
  color: white;
  border-radius: 50%;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.nivel-vacio[data-v-39e38a1e] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #8B5CF6;
}
.verificar-btn[data-v-39e38a1e] {
  padding: 0.6rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.feedback-incorrecto[data-v-39e38a1e] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Quiz rápido ===== */
.quiz-rapido-container[data-v-39e38a1e] {
  text-align: center;
}
.quiz-pregunta[data-v-39e38a1e] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.quiz-opciones[data-v-39e38a1e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quiz-opcion[data-v-39e38a1e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.quiz-opcion[data-v-39e38a1e]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.quiz-opcion.seleccionada[data-v-39e38a1e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.quiz-opcion.correcta[data-v-39e38a1e] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.quiz-opcion.incorrecta[data-v-39e38a1e] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.quiz-feedback[data-v-39e38a1e] {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.4;
}
.quiz-feedback.correcto[data-v-39e38a1e] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.quiz-feedback.incorrecto[data-v-39e38a1e] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.quiz-contador[data-v-39e38a1e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-39e38a1e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-39e38a1e] { font-size: 1.25rem;
}
.resultado-texto[data-v-39e38a1e] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-39e38a1e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-39e38a1e] { flex: 1;
}
.nav-btn[data-v-39e38a1e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-39e38a1e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-39e38a1e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-39e38a1e] { font-size: 1.75rem;
}
.completado-texto[data-v-39e38a1e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-39e38a1e], .slide-leave-active[data-v-39e38a1e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-39e38a1e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-39e38a1e] { opacity: 0; transform: translateX(-15px);
}

/* Visual de apertura */
.resumen-visual[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-fe454dce] {
  font-size: 3rem;
}
.resumen-titulo[data-v-fe454dce] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.resumen-seccion[data-v-fe454dce] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.resumen-seccion.destacado[data-v-fe454dce] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.seccion-header[data-v-fe454dce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-fe454dce] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-fe454dce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Instituciones resumen */
.instituciones-resumen[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inst-mini[data-v-fe454dce] {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.inst-mini.espana[data-v-fe454dce] {
  background: rgba(245, 158, 11, 0.15);
  border-left: 3px solid #F59E0B;
}
.inst-mini.america[data-v-fe454dce] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.inst-lugar[data-v-fe454dce] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.25rem;
}
.inst-lista[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.inst-lista span[data-v-fe454dce] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.inst-lista strong[data-v-fe454dce] {
  color: #FFFFFF;
}

/* Economía resumen */
.economia-resumen[data-v-fe454dce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.eco-item[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.eco-item strong[data-v-fe454dce] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.eco-item span[data-v-fe454dce] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Sociedad resumen */
.sociedad-resumen[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.grupo-mini[data-v-fe454dce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid var(--color);
  border-radius: 0 0.4rem 0.4rem 0;
}
.grupo-mini .num[data-v-fe454dce] {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--color);
  min-width: 20px;
}
.grupo-mini strong[data-v-fe454dce] {
  font-size: 0.8rem;
  color: #FFFFFF;
  min-width: 80px;
}
.grupo-mini > span[data-v-fe454dce]:last-child {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Mestizaje resumen */
.mestizaje-resumen[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mest-item[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.5rem;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0.4rem;
}
.mest-tipo[data-v-fe454dce] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #F9A8D4;
}
.mest-item > span[data-v-fe454dce]:last-child {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Conexión con independencias */
.conexion-independencias[data-v-fe454dce] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-fe454dce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.conexion-lista[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.conexion-item[data-v-fe454dce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.conexion-emoji[data-v-fe454dce] {
  font-size: 1rem;
}
.conexion-item strong[data-v-fe454dce] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-fe454dce] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-header[data-v-fe454dce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-fe454dce] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-fe454dce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.tips-lista[data-v-fe454dce] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tips-lista li[data-v-fe454dce] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista strong[data-v-fe454dce] {
  color: #FFFFFF;
}

/* Conexión con otros temas */
.conexion-temas[data-v-fe454dce] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.conexion-icono[data-v-fe454dce] {
  font-size: 1.25rem;
}
.conexion-contenido[data-v-fe454dce] {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
}
.conexion-contenido strong[data-v-fe454dce]:first-child {
  color: #6EE7B7;
  margin-bottom: 0.15rem;
}
.conexion-contenido span[data-v-fe454dce] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.conexion-contenido span strong[data-v-fe454dce] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.instituciones-resumen[data-v-fe454dce] {
    flex-direction: row;
}
.inst-mini[data-v-fe454dce] {
    flex: 1;
}
.economia-resumen[data-v-fe454dce] {
    grid-template-columns: repeat(4, 1fr);
}
.mestizaje-resumen[data-v-fe454dce] {
    flex-direction: row;
}
.mest-item[data-v-fe454dce] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-7af4ba76] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.intro-icono[data-v-7af4ba76] {
  font-size: 2.5rem;
  animation: float-7af4ba76 3s ease-in-out infinite;
}
.intro-icono[data-v-7af4ba76]:nth-child(2) {
  animation-delay: 0.5s;
}
.intro-icono[data-v-7af4ba76]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7af4ba76 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-7af4ba76] {
  color: #FCD34D;
}

/* Contexto temporal */
.contexto-section[data-v-7af4ba76] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-7af4ba76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-7af4ba76] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-7af4ba76] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.contexto-fecha[data-v-7af4ba76] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.contexto-evento[data-v-7af4ba76] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.contexto-detalle[data-v-7af4ba76] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Factores */
.factores-section[data-v-7af4ba76] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-7af4ba76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-7af4ba76] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-item[data-v-7af4ba76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-icono[data-v-7af4ba76] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.factor-item strong[data-v-7af4ba76] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.factor-texto[data-v-7af4ba76] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Protagonistas */
.protagonistas-section[data-v-7af4ba76] {
  margin: 1.5rem 0;
}
.prot-titulo[data-v-7af4ba76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prot-grid[data-v-7af4ba76] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prot-item[data-v-7af4ba76] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.prot-item.cortes[data-v-7af4ba76] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border-left: 3px solid #F59E0B;
}
.prot-item.pizarro[data-v-7af4ba76] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border-left: 3px solid #EF4444;
}
.prot-item.valdivia[data-v-7af4ba76] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
  border-left: 3px solid #3B82F6;
}
.prot-nombre[data-v-7af4ba76] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prot-logro[data-v-7af4ba76] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-7af4ba76] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.concepto-icono[data-v-7af4ba76] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-7af4ba76] {
  flex: 1;
}
.concepto-titulo[data-v-7af4ba76] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-7af4ba76] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-7af4ba76] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7af4ba76] {
    gap: 1.5rem;
}
.intro-icono[data-v-7af4ba76] {
    font-size: 3rem;
}
.contexto-grid[data-v-7af4ba76] {
    flex-direction: row;
}
.contexto-item[data-v-7af4ba76] {
    flex: 1;
    text-align: center;
    border-left: none;
    border-top: 3px solid #8B5CF6;
    border-radius: 0 0 0.5rem 0.5rem;
}
.factores-grid[data-v-7af4ba76] {
    grid-template-columns: repeat(4, 1fr);
}
.prot-grid[data-v-7af4ba76] {
    flex-direction: row;
}
.prot-item[data-v-7af4ba76] {
    flex: 1;
}
}

/* Visual VS */
.apertura-visual[data-v-13ab5e95] {
  margin: 1rem 0 1.5rem;
}
.vs-container[data-v-13ab5e95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.vs-lado[data-v-13ab5e95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  min-width: 100px;
}
.vs-lado.azteca[data-v-13ab5e95] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.vs-lado.espanol[data-v-13ab5e95] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.vs-icono[data-v-13ab5e95] {
  font-size: 2rem;
}
.vs-nombre[data-v-13ab5e95] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.vs-ciudad[data-v-13ab5e95] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs-texto[data-v-13ab5e95] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Texto destacado azteca */
strong.azteca[data-v-13ab5e95] {
  color: #FCD34D;
}

/* Timeline */
.timeline-section[data-v-13ab5e95] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-13ab5e95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-13ab5e95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1rem;
}
.timeline[data-v-13ab5e95]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #6D28D9);
  border-radius: 2px;
}
.timeline-item[data-v-13ab5e95] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  position: relative;
}
.timeline-item[data-v-13ab5e95]::before {
  content: '';
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #8B5CF6;
  border-radius: 50%;
  margin-left: -2.5px;
}
.timeline-item.negativo[data-v-13ab5e95] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 2px solid rgba(239, 68, 68, 0.5);
}
.timeline-item.negativo[data-v-13ab5e95]::before {
  background: #EF4444;
}
.timeline-fecha[data-v-13ab5e95] {
  font-size: 0.75rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 40px;
}
.timeline-contenido[data-v-13ab5e95] {
  display: flex;
  flex-direction: column;
}
.timeline-contenido strong[data-v-13ab5e95] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.timeline-contenido span[data-v-13ab5e95] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.timeline-contenido span strong[data-v-13ab5e95] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Factores grid */
.factores-section[data-v-13ab5e95] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-13ab5e95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-13ab5e95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-card[data-v-13ab5e95] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.factor-card.alianza[data-v-13ab5e95] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.factor-card.enfermedad[data-v-13ab5e95] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.factor-card.estrategia[data-v-13ab5e95] {
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3B82F6;
}
.factor-emoji[data-v-13ab5e95] {
  font-size: 1.25rem;
}
.factor-card strong[data-v-13ab5e95] {
  display: block;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.factor-card span[data-v-13ab5e95] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Personaje destacado */
.personaje-destacado[data-v-13ab5e95] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(236, 72, 153, 0.15);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.personaje-icono[data-v-13ab5e95] {
  font-size: 1.5rem;
}
.personaje-info[data-v-13ab5e95] {
  display: flex;
  flex-direction: column;
}
.personaje-info strong[data-v-13ab5e95] {
  font-size: 0.9rem;
  color: #F9A8D4;
  margin-bottom: 0.25rem;
}
.personaje-info span[data-v-13ab5e95] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.personaje-info span strong[data-v-13ab5e95] {
  color: #FFFFFF;
  font-size: 0.8rem;
}

/* Tip PAES */
.tip-paes[data-v-13ab5e95] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.tip-icono[data-v-13ab5e95] {
  font-size: 1.25rem;
}
.tip-texto[data-v-13ab5e95] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-13ab5e95] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.vs-lado[data-v-13ab5e95] {
    min-width: 140px;
    padding: 1rem;
}
.vs-icono[data-v-13ab5e95] {
    font-size: 2.5rem;
}
.factores-grid[data-v-13ab5e95] {
    flex-direction: row;
}
.factor-card[data-v-13ab5e95] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    align-items: center;
}
}

/* Visual VS */
.apertura-visual[data-v-f48df83d] {
  margin: 1rem 0 1.5rem;
}
.vs-container[data-v-f48df83d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.vs-lado[data-v-f48df83d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  min-width: 100px;
}
.vs-lado.inca[data-v-f48df83d] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.vs-lado.espanol[data-v-f48df83d] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.vs-icono[data-v-f48df83d] {
  font-size: 2rem;
}
.vs-nombre[data-v-f48df83d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.vs-ciudad[data-v-f48df83d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vs-texto[data-v-f48df83d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Texto destacado */
strong.inca[data-v-f48df83d] {
  color: #6EE7B7;
}

/* Contexto guerra civil */
.contexto-section[data-v-f48df83d] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-f48df83d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.guerra-civil[data-v-f48df83d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.bando[data-v-f48df83d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.bando.huascar[data-v-f48df83d] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.bando.atahualpa[data-v-f48df83d] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.bando-nombre[data-v-f48df83d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bando-zona[data-v-f48df83d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.bando-estado[data-v-f48df83d] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-style: italic;
}
.guerra-vs[data-v-f48df83d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
  text-align: center;
}
.guerra-nota[data-v-f48df83d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  margin: 0.5rem 0 0;
  font-style: italic;
}

/* Timeline */
.timeline-section[data-v-f48df83d] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-f48df83d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-f48df83d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1rem;
}
.timeline[data-v-f48df83d]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #6D28D9);
  border-radius: 2px;
}
.timeline-item[data-v-f48df83d] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  position: relative;
}
.timeline-item[data-v-f48df83d]::before {
  content: '';
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #8B5CF6;
  border-radius: 50%;
  margin-left: -2.5px;
}
.timeline-item.negativo[data-v-f48df83d] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 2px solid rgba(239, 68, 68, 0.5);
}
.timeline-item.negativo[data-v-f48df83d]::before {
  background: #EF4444;
}
.timeline-item.especial[data-v-f48df83d] {
  background: rgba(245, 158, 11, 0.15);
  border-left: 2px solid rgba(245, 158, 11, 0.5);
}
.timeline-item.especial[data-v-f48df83d]::before {
  background: #F59E0B;
}
.timeline-fecha[data-v-f48df83d] {
  font-size: 0.75rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 50px;
}
.timeline-contenido[data-v-f48df83d] {
  display: flex;
  flex-direction: column;
}
.timeline-contenido strong[data-v-f48df83d] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.timeline-contenido span[data-v-f48df83d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.timeline-contenido span strong[data-v-f48df83d] {
  color: #FCD34D;
  font-size: 0.75rem;
}

/* Evento destacado */
.evento-destacado[data-v-f48df83d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.evento-header[data-v-f48df83d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.evento-icono[data-v-f48df83d] {
  font-size: 1.25rem;
}
.evento-titulo[data-v-f48df83d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCA5A5;
}
.evento-contenido p[data-v-f48df83d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.4;
}
.evento-contenido p strong[data-v-f48df83d] {
  color: #FFFFFF;
}
.estadisticas[data-v-f48df83d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.stat[data-v-f48df83d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 60px;
}
.stat.vs[data-v-f48df83d] {
  background: none;
  font-weight: 800;
  color: #8B5CF6;
  min-width: auto;
}
.stat-valor[data-v-f48df83d] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.stat-label[data-v-f48df83d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Resistencia */
.resistencia-section[data-v-f48df83d] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.resistencia-titulo[data-v-f48df83d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.resistencia-info p[data-v-f48df83d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.resistencia-info strong[data-v-f48df83d] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-f48df83d] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f48df83d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f48df83d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-f48df83d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.vs-lado[data-v-f48df83d] {
    min-width: 140px;
    padding: 1rem;
}
.vs-icono[data-v-f48df83d] {
    font-size: 2.5rem;
}
.bando[data-v-f48df83d] {
    min-width: 120px;
}
.estadisticas[data-v-f48df83d] {
    gap: 1rem;
}
.stat[data-v-f48df83d] {
    min-width: 80px;
    padding: 0.5rem 1rem;
}
.stat-valor[data-v-f48df83d] {
    font-size: 1.25rem;
}
}

/* Visual de apertura */
.apertura-visual[data-v-42211ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
}
.apertura-icono[data-v-42211ff3] {
  font-size: 2.5rem;
}
.apertura-texto[data-v-42211ff3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones de consecuencias */
.seccion-consecuencia[data-v-42211ff3] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.seccion-consecuencia.negativa[data-v-42211ff3] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.seccion-consecuencia.mixta[data-v-42211ff3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.seccion-consecuencia.cultural[data-v-42211ff3] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.seccion-consecuencia.economica[data-v-42211ff3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.seccion-header[data-v-42211ff3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-42211ff3] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-42211ff3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.seccion-contenido p[data-v-42211ff3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.4;
}
.seccion-contenido p strong[data-v-42211ff3] {
  color: #FFFFFF;
}
strong.negativo[data-v-42211ff3] {
  color: #FCA5A5;
}

/* Enfermedades grid */
.enfermedades-grid[data-v-42211ff3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.enfermedad[data-v-42211ff3] {
  padding: 0.3rem 0.6rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #FCA5A5;
}
.nota-importante[data-v-42211ff3] {
  font-style: italic;
  font-size: 0.8rem !important;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0 !important;
}

/* Intercambio colombino */
.intercambio-visual[data-v-42211ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.intercambio-lado[data-v-42211ff3] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.intercambio-lado.america[data-v-42211ff3] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.intercambio-lado.europa[data-v-42211ff3] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.intercambio-titulo[data-v-42211ff3] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.productos-grid[data-v-42211ff3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.producto[data-v-42211ff3] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.intercambio-flecha[data-v-42211ff3] {
  text-align: center;
  font-size: 1.5rem;
  color: #8B5CF6;
}
.intercambio-nota[data-v-42211ff3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
  text-align: center;
}

/* Cultural grid */
.cultural-grid[data-v-42211ff3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.cultural-item[data-v-42211ff3] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.cultural-item strong[data-v-42211ff3] {
  font-size: 0.8rem;
  color: #F9A8D4;
  margin-bottom: 0.15rem;
}
.cultural-item span[data-v-42211ff3] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Económica contenido */
.economica-contenido[data-v-42211ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.economia-item[data-v-42211ff3] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.economia-icono[data-v-42211ff3] {
  font-size: 1.25rem;
}
.economia-info[data-v-42211ff3] {
  display: flex;
  flex-direction: column;
}
.economia-info strong[data-v-42211ff3] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.economia-info span[data-v-42211ff3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-42211ff3] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.tip-icono[data-v-42211ff3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-42211ff3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-42211ff3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intercambio-visual[data-v-42211ff3] {
    flex-direction: row;
    align-items: stretch;
}
.intercambio-lado[data-v-42211ff3] {
    flex: 1;
}
.intercambio-flecha[data-v-42211ff3] {
    display: flex;
    align-items: center;
    transform: rotate(0deg);
}
}

.explorador[data-v-ae40055c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ae40055c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ae40055c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ae40055c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ae40055c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ae40055c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ae40055c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ae40055c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ae40055c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ae40055c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Asociar ===== */
.asociar-container[data-v-ae40055c] {
  text-align: center;
}
.asociar-instruccion[data-v-ae40055c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.asociar-columnas[data-v-ae40055c] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.columna[data-v-ae40055c] {
  flex: 1;
  max-width: 160px;
}
.columna-titulo[data-v-ae40055c] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.asociar-item[data-v-ae40055c] {
  width: 100%;
  padding: 0.6rem;
  margin-bottom: 0.4rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.asociar-item.conquistador[data-v-ae40055c] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.asociar-item.conquista[data-v-ae40055c] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.asociar-item.seleccionado[data-v-ae40055c] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
  border-color: #8B5CF6;
}
.asociar-item.seleccionable[data-v-ae40055c] {
  animation: pulse-ae40055c 1s infinite;
}
.asociar-item.asociado[data-v-ae40055c] {
  opacity: 0.5;
  cursor: default;
}
.asociar-item.correcto[data-v-ae40055c] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  opacity: 1;
}
.item-emoji[data-v-ae40055c] {
  font-size: 1.25rem;
}
.item-nombre[data-v-ae40055c] {
  font-size: 0.75rem;
  font-weight: 600;
}
.item-texto[data-v-ae40055c] {
  font-size: 0.7rem;
  line-height: 1.2;
}
@keyframes pulse-ae40055c {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}

/* ===== DESAFÍO 2: Intercambio colombino ===== */
.intercambio-container[data-v-ae40055c] {
  text-align: center;
}
.intercambio-instruccion[data-v-ae40055c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.producto-actual[data-v-ae40055c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.producto-emoji[data-v-ae40055c] {
  font-size: 3rem;
}
.producto-nombre[data-v-ae40055c] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opciones-continente[data-v-ae40055c] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-continente[data-v-ae40055c] {
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-continente.america[data-v-ae40055c] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-continente.europa[data-v-ae40055c] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-continente.seleccionada[data-v-ae40055c] {
  transform: scale(1.05);
}
.opcion-continente.correcta[data-v-ae40055c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-continente.incorrecta[data-v-ae40055c] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.feedback-incorrecto[data-v-ae40055c] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
}
.intercambio-contador[data-v-ae40055c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Quiz rápido ===== */
.quiz-rapido-container[data-v-ae40055c] {
  text-align: center;
}
.quiz-pregunta[data-v-ae40055c] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.quiz-opciones[data-v-ae40055c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quiz-opcion[data-v-ae40055c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.quiz-opcion[data-v-ae40055c]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.quiz-opcion.seleccionada[data-v-ae40055c] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.quiz-opcion.correcta[data-v-ae40055c] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.quiz-opcion.incorrecta[data-v-ae40055c] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.quiz-feedback[data-v-ae40055c] {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.4;
}
.quiz-feedback.correcto[data-v-ae40055c] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.quiz-feedback.incorrecto[data-v-ae40055c] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.quiz-contador[data-v-ae40055c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-ae40055c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ae40055c] { font-size: 1.25rem;
}
.resultado-texto[data-v-ae40055c] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ae40055c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ae40055c] { flex: 1;
}
.nav-btn[data-v-ae40055c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ae40055c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ae40055c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ae40055c] { font-size: 1.75rem;
}
.completado-texto[data-v-ae40055c] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ae40055c], .slide-leave-active[data-v-ae40055c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ae40055c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ae40055c] { opacity: 0; transform: translateX(-15px);
}

/* Visual de apertura */
.resumen-visual[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(239, 68, 68, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-d2efa645] {
  font-size: 3rem;
}
.resumen-titulo[data-v-d2efa645] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.resumen-seccion[data-v-d2efa645] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.resumen-seccion.destacado[data-v-d2efa645] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.seccion-header[data-v-d2efa645] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-d2efa645] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-d2efa645] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conquistas resumen */
.conquistas-resumen[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conquista-item[data-v-d2efa645] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.conquista-item.mexico[data-v-d2efa645] {
  background: rgba(245, 158, 11, 0.15);
  border-left: 3px solid #F59E0B;
}
.conquista-item.peru[data-v-d2efa645] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.conquista-item.chile[data-v-d2efa645] {
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3B82F6;
}
.conquista-fecha[data-v-d2efa645] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 65px;
}
.conquista-info[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
}
.conquista-info strong[data-v-d2efa645] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.conquista-info span[data-v-d2efa645] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Factores mini grid */
.factores-mini-grid[data-v-d2efa645] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-mini[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
.factor-mini span[data-v-d2efa645]:first-child {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.factor-mini strong[data-v-d2efa645] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.factor-texto[data-v-d2efa645] {
  color: #C4B5FD;
  line-height: 1.2;
}

/* Consecuencias resumen */
.consec-resumen[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consec-item[data-v-d2efa645] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.consec-item.negativo[data-v-d2efa645] {
  background: rgba(239, 68, 68, 0.1);
}
.consec-emoji[data-v-d2efa645] {
  font-size: 1.25rem;
}
.consec-info[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
}
.consec-info strong[data-v-d2efa645] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.consec-info span[data-v-d2efa645] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Eventos resumen */
.eventos-resumen[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-mini[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.evento-concepto[data-v-d2efa645] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.evento-desc[data-v-d2efa645] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Personajes grid */
.personajes-grid[data-v-d2efa645] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.personaje-mini[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.5rem;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 0.4rem;
}
.personaje-mini strong[data-v-d2efa645] {
  font-size: 0.8rem;
  color: #F9A8D4;
}
.personaje-mini span[data-v-d2efa645] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-d2efa645] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-header[data-v-d2efa645] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-d2efa645] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-d2efa645] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.tips-lista[data-v-d2efa645] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tips-lista li[data-v-d2efa645] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista strong[data-v-d2efa645] {
  color: #FFFFFF;
}

/* Conexión con otros temas */
.conexion-temas[data-v-d2efa645] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.conexion-icono[data-v-d2efa645] {
  font-size: 1.25rem;
}
.conexion-contenido[data-v-d2efa645] {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
}
.conexion-contenido strong[data-v-d2efa645] {
  color: #6EE7B7;
  margin-bottom: 0.15rem;
}
.conexion-contenido span[data-v-d2efa645] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.conexion-contenido span strong[data-v-d2efa645] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.factores-mini-grid[data-v-d2efa645] {
    grid-template-columns: repeat(4, 1fr);
}
.personajes-grid[data-v-d2efa645] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-74678783] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-74678783] {
  font-size: 2.5rem;
  animation: float-74678783 3s ease-in-out infinite;
}
.epoca-icono[data-v-74678783]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-74678783]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-74678783 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-74678783] {
  color: #FCD34D;
}
strong.positivo[data-v-74678783] {
  color: #6EE7B7;
}
strong.negativo[data-v-74678783] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-74678783] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-74678783] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-74678783] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-74678783] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.felices[data-v-74678783] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.timeline-era.crack[data-v-74678783] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.timeline-era.depresion[data-v-74678783] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.era-nombre[data-v-74678783] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-74678783] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.crack .era-nombre[data-v-74678783] {
  color: #FCA5A5;
}
.timeline-flecha[data-v-74678783] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Antecedentes */
.antecedentes-section[data-v-74678783] {
  margin: 1.5rem 0;
}
.antecedentes-titulo[data-v-74678783] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.antecedentes-intro[data-v-74678783] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.caracteristica-item[data-v-74678783] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.caracteristica-icono[data-v-74678783] {
  font-size: 1.5rem;
}
.caracteristica-info[data-v-74678783] {
  display: flex;
  flex-direction: column;
}
.caracteristica-info strong[data-v-74678783] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.caracteristica-info span[data-v-74678783] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Causas del Crack */
.causas-section[data-v-74678783] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-74678783] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-item[data-v-74678783] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.causa-item.especulacion[data-v-74678783] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-item.sobreproduccion[data-v-74678783] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.credito[data-v-74678783] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.distribucion[data-v-74678783] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.causa-icono[data-v-74678783] {
  font-size: 1.5rem;
}
.causa-info[data-v-74678783] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-74678783] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-74678783] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Jueves Negro */
.jueves-negro-section[data-v-74678783] {
  margin: 1.5rem 0;
}
.jueves-titulo[data-v-74678783] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.jueves-box[data-v-74678783] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.jueves-box p[data-v-74678783] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.datos-crisis[data-v-74678783] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato-item[data-v-74678783] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.5rem;
}
.dato-icono[data-v-74678783] {
  font-size: 1rem;
}
.dato-texto[data-v-74678783] {
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-74678783] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-74678783] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-74678783] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-74678783] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-74678783] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-74678783] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-74678783] {
    gap: 1.5rem;
}
.epoca-icono[data-v-74678783] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-b3969f31] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-b3969f31] {
  font-size: 2.5rem;
  animation: float-b3969f31 3s ease-in-out infinite;
}
.epoca-icono[data-v-b3969f31]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-b3969f31]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b3969f31 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b3969f31] {
  color: #FCD34D;
}
strong.positivo[data-v-b3969f31] {
  color: #6EE7B7;
}
strong.negativo[data-v-b3969f31] {
  color: #FCA5A5;
}

/* Efectos en EE.UU. */
.efectos-section[data-v-b3969f31] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-b3969f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efecto-item[data-v-b3969f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.efecto-item.desempleo[data-v-b3969f31] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.efecto-item.bancos[data-v-b3969f31] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.efecto-item.produccion[data-v-b3969f31] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.efecto-item.pobreza[data-v-b3969f31] {
  background: rgba(107, 114, 128, 0.1);
  border-left: 3px solid #6B7280;
}
.efecto-icono[data-v-b3969f31] {
  font-size: 1.5rem;
}
.efecto-info[data-v-b3969f31] {
  display: flex;
  flex-direction: column;
}
.efecto-info strong[data-v-b3969f31] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.efecto-info span[data-v-b3969f31] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Expansión mundial */
.expansion-section[data-v-b3969f31] {
  margin: 1.5rem 0;
}
.expansion-titulo[data-v-b3969f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.expansion-intro[data-v-b3969f31] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.razon-expansion[data-v-b3969f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.razon-numero[data-v-b3969f31] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
}
.razon-contenido[data-v-b3969f31] {
  display: flex;
  flex-direction: column;
}
.razon-contenido strong[data-v-b3969f31] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.razon-contenido span[data-v-b3969f31] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Países afectados */
.paises-section[data-v-b3969f31] {
  margin: 1.5rem 0;
}
.paises-titulo[data-v-b3969f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paises-grid[data-v-b3969f31] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pais-card[data-v-b3969f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pais-card.europa[data-v-b3969f31] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.pais-card.latinoamerica[data-v-b3969f31] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.pais-icono[data-v-b3969f31] {
  font-size: 1.75rem;
}
.pais-info[data-v-b3969f31] {
  display: flex;
  flex-direction: column;
}
.pais-info strong[data-v-b3969f31] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.pais-info span[data-v-b3969f31] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Consecuencias políticas */
.consecuencias-section[data-v-b3969f31] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-b3969f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-box[data-v-b3969f31] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.consecuencia-item[data-v-b3969f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.consecuencia-item[data-v-b3969f31]:not(:last-child) {
  border-bottom: 1px solid rgba(239, 68, 68, 0.2);
  margin-bottom: 0.4rem;
}
.consecuencia-icono[data-v-b3969f31] {
  font-size: 1rem;
}
.consecuencia-texto[data-v-b3969f31] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-b3969f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b3969f31] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b3969f31] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b3969f31] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b3969f31] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-b3969f31] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b3969f31] {
    gap: 1.5rem;
}
.epoca-icono[data-v-b3969f31] {
    font-size: 3rem;
}
.paises-grid[data-v-b3969f31] {
    flex-direction: row;
    flex-wrap: wrap;
}
.pais-card[data-v-b3969f31] {
    flex: 1;
    min-width: 200px;
}
}

/* Intro visual */
.intro-visual[data-v-37b5feec] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-37b5feec] {
  font-size: 2.5rem;
  animation: float-37b5feec 3s ease-in-out infinite;
}
.epoca-icono[data-v-37b5feec]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-37b5feec]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-37b5feec {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-37b5feec] {
  color: #FCD34D;
}
strong.positivo[data-v-37b5feec] {
  color: #6EE7B7;
}
strong.negativo[data-v-37b5feec] {
  color: #FCA5A5;
}

/* Roosevelt */
.roosevelt-section[data-v-37b5feec] {
  margin: 1.5rem 0;
}
.roosevelt-titulo[data-v-37b5feec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.roosevelt-box[data-v-37b5feec] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.roosevelt-info[data-v-37b5feec] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.roosevelt-icono[data-v-37b5feec] {
  font-size: 2.5rem;
}
.roosevelt-datos[data-v-37b5feec] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Principios del New Deal */
.principios-section[data-v-37b5feec] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-37b5feec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.principios-intro[data-v-37b5feec] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.principio-item[data-v-37b5feec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.principio-item.relief[data-v-37b5feec] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.principio-item.recovery[data-v-37b5feec] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.principio-item.reform[data-v-37b5feec] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.principio-letra[data-v-37b5feec] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  color: white;
  font-weight: 800;
  font-size: 1.1rem;
  border-radius: 50%;
}
.principio-info[data-v-37b5feec] {
  display: flex;
  flex-direction: column;
}
.principio-info strong[data-v-37b5feec] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.principio-info span[data-v-37b5feec] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Medidas */
.medidas-section[data-v-37b5feec] {
  margin: 1.5rem 0;
}
.medidas-titulo[data-v-37b5feec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medida-item[data-v-37b5feec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.65rem;
  margin-bottom: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.medida-icono[data-v-37b5feec] {
  font-size: 1.25rem;
}
.medida-info[data-v-37b5feec] {
  display: flex;
  flex-direction: column;
}
.medida-info strong[data-v-37b5feec] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.2rem;
}
.medida-info span[data-v-37b5feec] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Importancia */
.importancia-section[data-v-37b5feec] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-37b5feec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-box[data-v-37b5feec] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.importancia-item[data-v-37b5feec] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.importancia-item[data-v-37b5feec]:not(:last-child) {
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
  margin-bottom: 0.4rem;
}
.importancia-icono[data-v-37b5feec] {
  font-size: 0.9rem;
}
.importancia-texto[data-v-37b5feec] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Keynes */
.keynes-section[data-v-37b5feec] {
  margin: 1.5rem 0;
}
.keynes-titulo[data-v-37b5feec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.keynes-box[data-v-37b5feec] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.keynes-box p[data-v-37b5feec] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.keynes-lista[data-v-37b5feec] {
  margin: 0;
  padding-left: 1.25rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  line-height: 1.6;
}
.keynes-lista li[data-v-37b5feec] {
  margin-bottom: 0.25rem;
}

/* Tip PAES */
.tip-paes[data-v-37b5feec] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-37b5feec] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-37b5feec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-37b5feec] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-37b5feec] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-37b5feec] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-37b5feec] {
    gap: 1.5rem;
}
.epoca-icono[data-v-37b5feec] {
    font-size: 3rem;
}
}

.explorador[data-v-13487f5b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-13487f5b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-13487f5b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-13487f5b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-13487f5b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-13487f5b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-13487f5b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-13487f5b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-13487f5b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-13487f5b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Cronología ===== */
.cronologia-container[data-v-13487f5b] {
  text-align: center;
}
.eventos-disponibles[data-v-13487f5b] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-13487f5b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-13487f5b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-13487f5b] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.15);
  color: #FCD34D;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-13487f5b] {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.3);
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}
.timeline-ordenar[data-v-13487f5b] {
  margin: 1rem 0;
}
.timeline-labels[data-v-13487f5b] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-13487f5b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-timeline[data-v-13487f5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-13487f5b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-13487f5b 1s infinite;
}
@keyframes pulse-13487f5b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-13487f5b] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-13487f5b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-13487f5b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-13487f5b] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  flex: 1;
  text-align: center;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-13487f5b] {
  text-align: center;
}
.concepto-actual[data-v-13487f5b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.concepto-texto[data-v-13487f5b] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.clasificar-opciones[data-v-13487f5b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-13487f5b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.clasificar-btn.causa[data-v-13487f5b] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.clasificar-btn.consecuencia[data-v-13487f5b] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.clasificar-btn.seleccionada[data-v-13487f5b] {
  transform: scale(1.02);
}
.clasificar-btn.causa.seleccionada[data-v-13487f5b] {
  border-color: #F59E0B;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}
.clasificar-btn.consecuencia.seleccionada[data-v-13487f5b] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.clasificar-btn.correcta[data-v-13487f5b] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.clasificar-btn.incorrecta[data-v-13487f5b] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.clasificar-icono[data-v-13487f5b] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.clasificar-nombre[data-v-13487f5b] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.clasificar-desc[data-v-13487f5b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.clasificar-btn.correcta .clasificar-nombre[data-v-13487f5b],
.clasificar-btn.correcta .clasificar-desc[data-v-13487f5b],
.clasificar-btn.incorrecta .clasificar-nombre[data-v-13487f5b],
.clasificar-btn.incorrecta .clasificar-desc[data-v-13487f5b] {
  color: white;
}
.clasificar-contador[data-v-13487f5b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Completar ===== */
.completar-container[data-v-13487f5b] {
  text-align: center;
}
.pregunta-box[data-v-13487f5b] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-numero[data-v-13487f5b] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-13487f5b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
[data-v-13487f5b] .hueco {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.opciones-completar[data-v-13487f5b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-13487f5b] {
  padding: 0.65rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.opcion-btn.seleccionada[data-v-13487f5b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcta[data-v-13487f5b] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecta[data-v-13487f5b] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.completar-contador[data-v-13487f5b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-13487f5b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-13487f5b], .btn-reiniciar[data-v-13487f5b] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-13487f5b] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-13487f5b] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-13487f5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-13487f5b] { font-size: 1.25rem;
}
.resultado-texto[data-v-13487f5b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-13487f5b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-13487f5b] { flex: 1;
}
.nav-btn[data-v-13487f5b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-13487f5b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-13487f5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-13487f5b] { font-size: 1.75rem;
}
.completado-texto[data-v-13487f5b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-13487f5b], .slide-leave-active[data-v-13487f5b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-13487f5b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-13487f5b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.clasificar-opciones[data-v-13487f5b] {
    flex-direction: row;
}
.clasificar-btn[data-v-13487f5b] {
    flex: 1;
}
.eventos-pool[data-v-13487f5b] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-13487f5b] {
    flex: 0 1 auto;
}
.slots-row[data-v-13487f5b] {
    flex-direction: row;
}
.slot-timeline[data-v-13487f5b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.slot-evento[data-v-13487f5b] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-5f66e2b8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-5f66e2b8] {
  font-size: 2.5rem;
  animation: float-5f66e2b8 3s ease-in-out infinite;
}
.epoca-icono[data-v-5f66e2b8]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-5f66e2b8]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5f66e2b8 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-5f66e2b8] {
  color: #FCD34D;
}
strong.positivo[data-v-5f66e2b8] {
  color: #6EE7B7;
}
strong.negativo[data-v-5f66e2b8] {
  color: #FCA5A5;
}

/* Resumen causas */
.resumen-section[data-v-5f66e2b8] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-5f66e2b8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-lista[data-v-5f66e2b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-item[data-v-5f66e2b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-5f66e2b8] {
  font-size: 1rem;
}
.resumen-texto[data-v-5f66e2b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Cronología */
.cronologia-section[data-v-5f66e2b8] {
  margin: 1.5rem 0;
}
.cronologia-titulo[data-v-5f66e2b8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cronologia-lista[data-v-5f66e2b8] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fecha-item[data-v-5f66e2b8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.fecha-item.negativo[data-v-5f66e2b8] {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #EF4444;
}
.fecha-item.positivo[data-v-5f66e2b8] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.fecha-ano[data-v-5f66e2b8] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 70px;
}
.fecha-evento[data-v-5f66e2b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Consecuencias */
.consecuencias-section[data-v-5f66e2b8] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-5f66e2b8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-5f66e2b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia-card[data-v-5f66e2b8] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.consecuencia-card.economica[data-v-5f66e2b8] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.consecuencia-card.politica[data-v-5f66e2b8] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.consecuencia-icono[data-v-5f66e2b8] {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.25rem;
}
.consecuencia-card strong[data-v-5f66e2b8] {
  color: #FFFFFF;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.consecuencia-card ul[data-v-5f66e2b8] {
  margin: 0;
  padding-left: 1.25rem;
  text-align: left;
}
.consecuencia-card li[data-v-5f66e2b8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}

/* New Deal */
.newdeal-section[data-v-5f66e2b8] {
  margin: 1.5rem 0;
}
.newdeal-titulo[data-v-5f66e2b8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.newdeal-box[data-v-5f66e2b8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.newdeal-quien[data-v-5f66e2b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.tres-r[data-v-5f66e2b8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.r-item[data-v-5f66e2b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.r-item.relief[data-v-5f66e2b8] {
  background: rgba(239, 68, 68, 0.15);
}
.r-item.recovery[data-v-5f66e2b8] {
  background: rgba(245, 158, 11, 0.15);
}
.r-item.reform[data-v-5f66e2b8] {
  background: rgba(16, 185, 129, 0.15);
}
.r-letra[data-v-5f66e2b8] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  color: white;
  font-weight: 800;
  font-size: 0.9rem;
  border-radius: 50%;
}
.r-nombre[data-v-5f66e2b8] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 70px;
}
.r-desc[data-v-5f66e2b8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.newdeal-medidas[data-v-5f66e2b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.newdeal-medidas strong[data-v-5f66e2b8] {
  display: block;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}

/* Preguntas PAES */
.paes-section[data-v-5f66e2b8] {
  margin: 1.5rem 0;
}
.paes-titulo[data-v-5f66e2b8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paes-box[data-v-5f66e2b8] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.paes-item[data-v-5f66e2b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.paes-item[data-v-5f66e2b8]:not(:last-child) {
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
  margin-bottom: 0.4rem;
}
.paes-numero[data-v-5f66e2b8] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 50%;
}
.paes-texto[data-v-5f66e2b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-5f66e2b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-5f66e2b8] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-5f66e2b8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mensaje-contenido strong[data-v-5f66e2b8] {
  color: #6EE7B7;
  font-size: 1rem;
}
.mensaje-contenido span[data-v-5f66e2b8] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5f66e2b8] {
    gap: 1.5rem;
}
.epoca-icono[data-v-5f66e2b8] {
    font-size: 3rem;
}
.consecuencias-grid[data-v-5f66e2b8] {
    flex-direction: row;
}
.consecuencia-card[data-v-5f66e2b8] {
    flex: 1;
}
.tres-r[data-v-5f66e2b8] {
    flex-direction: row;
}
.r-item[data-v-5f66e2b8] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.r-nombre[data-v-5f66e2b8] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-d44ff293] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-d44ff293] {
  font-size: 2.5rem;
  animation: float-d44ff293 3s ease-in-out infinite;
}
.epoca-icono[data-v-d44ff293]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-d44ff293]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d44ff293 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-d44ff293] {
  color: #FCD34D;
}

/* Contexto section */
.contexto-section[data-v-d44ff293] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-d44ff293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-box[data-v-d44ff293] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.contexto-box p[data-v-d44ff293] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.contexto-grid[data-v-d44ff293] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-d44ff293] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.contexto-item.positivo[data-v-d44ff293] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.contexto-item.negativo[data-v-d44ff293] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.item-icono[data-v-d44ff293] {
  font-size: 1.5rem;
}
.item-info[data-v-d44ff293] {
  display: flex;
  flex-direction: column;
}
.item-info strong[data-v-d44ff293] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.item-info .desc[data-v-d44ff293] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Sectores */
.sectores-section[data-v-d44ff293] {
  margin: 1.5rem 0;
}
.sectores-titulo[data-v-d44ff293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sectores-grid[data-v-d44ff293] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.sector-item[data-v-d44ff293] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.sector-icono[data-v-d44ff293] {
  font-size: 1.25rem;
}
.sector-info[data-v-d44ff293] {
  display: flex;
  flex-direction: column;
}
.sector-info strong[data-v-d44ff293] {
  color: #FFFFFF;
  font-size: 0.75rem;
}
.sector-info span[data-v-d44ff293] {
  color: #93C5FD;
  font-size: 0.65rem;
}

/* Características */
.caracteristicas-section[data-v-d44ff293] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-d44ff293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-d44ff293] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caracteristica-item[data-v-d44ff293] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.caracteristica-item .check[data-v-d44ff293] {
  font-weight: 700;
  font-size: 0.9rem;
}
.caracteristica-item .check.negativo[data-v-d44ff293] {
  color: #FCA5A5;
}
.caracteristica-item span[data-v-d44ff293]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Cifras */
.cifras-section[data-v-d44ff293] {
  margin: 1.5rem 0;
}
.cifras-titulo[data-v-d44ff293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cifras-grid[data-v-d44ff293] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.cifra-item[data-v-d44ff293] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  flex: 1;
}
.cifra-numero[data-v-d44ff293] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
}
.cifra-label[data-v-d44ff293] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip PAES */
.tip-paes[data-v-d44ff293] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d44ff293] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-d44ff293] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-d44ff293] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-d44ff293] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d44ff293] {
    gap: 1.5rem;
}
.epoca-icono[data-v-d44ff293] {
    font-size: 3rem;
}
.contexto-grid[data-v-d44ff293] {
    flex-direction: row;
}
.contexto-item[data-v-d44ff293] {
    flex: 1;
}
.sectores-grid[data-v-d44ff293] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-4db136e2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-4db136e2] {
  font-size: 2.5rem;
  animation: float-4db136e2 3s ease-in-out infinite;
}
.epoca-icono[data-v-4db136e2]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-4db136e2]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-4db136e2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-4db136e2] {
  color: #FCD34D;
}

/* Problemas laborales */
.problemas-section[data-v-4db136e2] {
  margin: 1.5rem 0;
}
.problemas-titulo[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problemas-grid[data-v-4db136e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema-item[data-v-4db136e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0 0.5rem 0.5rem 0;
}
.problema-icono[data-v-4db136e2] {
  font-size: 1.25rem;
}
.problema-info[data-v-4db136e2] {
  display: flex;
  flex-direction: column;
}
.problema-info strong[data-v-4db136e2] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.problema-info span[data-v-4db136e2] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Sistema de fichas */
.fichas-section[data-v-4db136e2] {
  margin: 1.5rem 0;
}
.fichas-titulo[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fichas-box[data-v-4db136e2] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.fichas-explicacion p[data-v-4db136e2] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.fichas-consecuencias[data-v-4db136e2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia-item[data-v-4db136e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.4rem;
}
.consecuencia-icono[data-v-4db136e2] {
  font-size: 1rem;
}
.consecuencia-item span[data-v-4db136e2]:last-child {
  color: #FCD34D;
  font-size: 0.8rem;
  font-weight: 600;
}

/* Vivienda */
.vivienda-section[data-v-4db136e2] {
  margin: 1.5rem 0;
}
.vivienda-titulo[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.vivienda-grid[data-v-4db136e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vivienda-item[data-v-4db136e2] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.vivienda-item.conventillo[data-v-4db136e2] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.vivienda-item.campamento[data-v-4db136e2] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.vivienda-nombre[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.vivienda-desc[data-v-4db136e2] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
.vivienda-ubicacion[data-v-4db136e2] {
  color: #C4B5FD;
  font-size: 0.7rem;
  font-style: italic;
}

/* Problemas sanitarios */
.sanitarios-section[data-v-4db136e2] {
  margin: 1.5rem 0;
}
.sanitarios-titulo[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sanitarios-lista[data-v-4db136e2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.sanitario-item[data-v-4db136e2] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.sanitario-icono[data-v-4db136e2] {
  font-size: 1rem;
}
.sanitario-item span[data-v-4db136e2]:last-child {
  color: #FCA5A5;
  font-size: 0.7rem;
}

/* Comparación */
.comparacion-section[data-v-4db136e2] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-4db136e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-box[data-v-4db136e2] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.comparacion-lado[data-v-4db136e2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.comparacion-lado.oligarquia[data-v-4db136e2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comparacion-lado.trabajadores[data-v-4db136e2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado-titulo[data-v-4db136e2] {
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0.25rem;
}
.oligarquia .lado-titulo[data-v-4db136e2] {
  color: #6EE7B7;
}
.trabajadores .lado-titulo[data-v-4db136e2] {
  color: #FCA5A5;
}
.lado-item[data-v-4db136e2] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}
.comparacion-divisor[data-v-4db136e2] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip PAES */
.tip-paes[data-v-4db136e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4db136e2] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4db136e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4db136e2] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-4db136e2] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-4db136e2] {
    gap: 1.5rem;
}
.epoca-icono[data-v-4db136e2] {
    font-size: 3rem;
}
.problemas-grid[data-v-4db136e2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.vivienda-grid[data-v-4db136e2] {
    flex-direction: row;
}
.vivienda-item[data-v-4db136e2] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-9931df53] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-9931df53] {
  font-size: 2.5rem;
  animation: float-9931df53 3s ease-in-out infinite;
}
.epoca-icono[data-v-9931df53]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-9931df53]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-9931df53 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-9931df53] {
  color: #FCD34D;
}

/* Organizaciones section */
.organizacion-section[data-v-9931df53] {
  margin: 1.5rem 0;
}
.organizacion-titulo[data-v-9931df53] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organizacion-box[data-v-9931df53] {
  border-radius: 0.75rem;
  padding: 1rem;
}
.organizacion-box.mutual[data-v-9931df53] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.organizacion-box.mancomunal[data-v-9931df53] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.organizacion-info p[data-v-9931df53] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.caracteristicas-lista[data-v-9931df53] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.caracteristica-item[data-v-9931df53] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.caracteristica-item .check[data-v-9931df53] {
  color: #6EE7B7;
  font-weight: 700;
}
.caracteristica-item span[data-v-9931df53]:last-child {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.organizacion-nota[data-v-9931df53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nota-icono[data-v-9931df53] {
  font-size: 1rem;
}
.organizacion-nota span[data-v-9931df53]:last-child {
  color: #93C5FD;
  font-size: 0.8rem;
  font-style: italic;
}
.organizacion-lider[data-v-9931df53] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.5rem;
}
.lider-icono[data-v-9931df53] {
  font-size: 1.5rem;
}
.lider-info[data-v-9931df53] {
  display: flex;
  flex-direction: column;
}
.lider-info strong[data-v-9931df53] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.lider-info span[data-v-9931df53] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ideologías */
.ideologias-section[data-v-9931df53] {
  margin: 1.5rem 0;
}
.ideologias-titulo[data-v-9931df53] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ideologias-grid[data-v-9931df53] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ideologia-item[data-v-9931df53] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.ideologia-item.anarquismo[data-v-9931df53] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ideologia-item.socialismo[data-v-9931df53] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ideologia-header[data-v-9931df53] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ideologia-icono[data-v-9931df53] {
  font-size: 1.25rem;
}
.ideologia-header strong[data-v-9931df53] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ideologia-contenido[data-v-9931df53] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ideologia-desc[data-v-9931df53] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.ideologia-metodo[data-v-9931df53] {
  color: #C4B5FD;
  font-size: 0.7rem;
  font-style: italic;
}

/* POS section */
.pos-section[data-v-9931df53] {
  margin: 1.5rem 0;
}
.pos-titulo[data-v-9931df53] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pos-box[data-v-9931df53] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.pos-dato[data-v-9931df53] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pos-icono[data-v-9931df53] {
  font-size: 1.25rem;
}
.pos-info[data-v-9931df53] {
  display: flex;
  flex-direction: column;
}
.pos-info strong[data-v-9931df53] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.pos-info span[data-v-9931df53] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.pos-importancia p[data-v-9931df53] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Prensa obrera */
.prensa-section[data-v-9931df53] {
  margin: 1.5rem 0;
}
.prensa-titulo[data-v-9931df53] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prensa-grid[data-v-9931df53] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.prensa-item[data-v-9931df53] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.prensa-nombre[data-v-9931df53] {
  color: #93C5FD;
  font-size: 0.8rem;
  font-weight: 600;
}
.prensa-lugar[data-v-9931df53] {
  color: #C4B5FD;
  font-size: 0.65rem;
}
.prensa-nota[data-v-9931df53] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-9931df53] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9931df53] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9931df53] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9931df53] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-9931df53] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9931df53] {
    gap: 1.5rem;
}
.epoca-icono[data-v-9931df53] {
    font-size: 3rem;
}
.ideologias-grid[data-v-9931df53] {
    flex-direction: row;
}
.ideologia-item[data-v-9931df53] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-62280823] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-62280823] {
  font-size: 2.5rem;
  animation: float-62280823 3s ease-in-out infinite;
}
.epoca-icono[data-v-62280823]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-62280823]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-62280823 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-62280823] {
  color: #FCD34D;
}
strong.negativo[data-v-62280823] {
  color: #FCA5A5;
}

/* Huelgas timeline */
.huelgas-section[data-v-62280823] {
  margin: 1.5rem 0;
}
.huelgas-titulo[data-v-62280823] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.huelgas-timeline[data-v-62280823] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.huelga-item[data-v-62280823] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0 0.5rem 0.5rem 0;
}
.huelga-item.destacada[data-v-62280823] {
  background: rgba(239, 68, 68, 0.2);
  border-left-width: 5px;
  border-color: #DC2626;
}
.huelga-fecha[data-v-62280823] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  min-width: 45px;
}
.huelga-contenido[data-v-62280823] {
  display: flex;
  flex-direction: column;
}
.huelga-contenido strong[data-v-62280823] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.huelga-contenido strong.masacre[data-v-62280823] {
  color: #FCA5A5;
}
.huelga-contenido span[data-v-62280823] {
  color: #E9D5FF;
  font-size: 0.75rem;
  line-height: 1.3;
}

/* Santa María section */
.santamaria-section[data-v-62280823] {
  margin: 1.5rem 0;
}
.santamaria-titulo[data-v-62280823] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.santamaria-box[data-v-62280823] {
  background: rgba(220, 38, 38, 0.15);
  border: 2px solid rgba(220, 38, 38, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.santamaria-grid[data-v-62280823] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.santamaria-item[data-v-62280823] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.santamaria-icono[data-v-62280823] {
  font-size: 1.1rem;
}
.santamaria-info[data-v-62280823] {
  display: flex;
  flex-direction: column;
}
.santamaria-info strong[data-v-62280823] {
  color: #FCA5A5;
  font-size: 0.7rem;
}
.santamaria-info span[data-v-62280823] {
  color: #E9D5FF;
  font-size: 0.7rem;
}
.santamaria-impacto[data-v-62280823] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
}
.impacto-label[data-v-62280823] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.8rem;
}
.impacto-texto[data-v-62280823] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Respuestas del Estado */
.respuestas-section[data-v-62280823] {
  margin: 1.5rem 0;
}
.respuestas-titulo[data-v-62280823] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.respuestas-grid[data-v-62280823] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.respuesta-item[data-v-62280823] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.respuesta-item.represion[data-v-62280823] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.respuesta-item.reforma[data-v-62280823] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.respuesta-header[data-v-62280823] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.respuesta-icono[data-v-62280823] {
  font-size: 1.25rem;
}
.respuesta-header strong[data-v-62280823] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.respuesta-contenido[data-v-62280823] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-left: 1.75rem;
}
.respuesta-contenido span[data-v-62280823] {
  color: #E9D5FF;
  font-size: 0.75rem;
}
.represion .respuesta-contenido span[data-v-62280823] {
  color: #FCA5A5;
}
.reforma .respuesta-contenido span[data-v-62280823] {
  color: #6EE7B7;
}

/* Voces de denuncia */
.voces-section[data-v-62280823] {
  margin: 1.5rem 0;
}
.voces-titulo[data-v-62280823] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.voces-grid[data-v-62280823] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.voz-item[data-v-62280823] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.voz-icono[data-v-62280823] {
  font-size: 1.25rem;
}
.voz-info[data-v-62280823] {
  display: flex;
  flex-direction: column;
}
.voz-info strong[data-v-62280823] {
  color: #FFFFFF;
  font-size: 0.8rem;
}
.voz-info span[data-v-62280823] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Leyes section */
.leyes-section[data-v-62280823] {
  margin: 1.5rem 0;
}
.leyes-titulo[data-v-62280823] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.leyes-box[data-v-62280823] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.leyes-box p[data-v-62280823] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.leyes-lista[data-v-62280823] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ley-item[data-v-62280823] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.ley-check[data-v-62280823] {
  color: #6EE7B7;
  font-weight: 700;
}
.ley-item span[data-v-62280823]:last-child {
  color: #6EE7B7;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-62280823] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-62280823] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-62280823] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-62280823] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-62280823] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-62280823] {
    gap: 1.5rem;
}
.epoca-icono[data-v-62280823] {
    font-size: 3rem;
}
.respuestas-grid[data-v-62280823] {
    flex-direction: row;
}
.respuesta-item[data-v-62280823] {
    flex: 1;
}
.voces-grid[data-v-62280823] {
    flex-direction: row;
}
.voz-item[data-v-62280823] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.voz-info[data-v-62280823] {
    align-items: center;
}
}

.explorador[data-v-39a62d8e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-39a62d8e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-39a62d8e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-39a62d8e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-39a62d8e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-39a62d8e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-39a62d8e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-39a62d8e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-39a62d8e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-39a62d8e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-container[data-v-39a62d8e] {
  text-align: center;
}
.eventos-disponibles[data-v-39a62d8e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-39a62d8e] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-39a62d8e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-39a62d8e] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-39a62d8e] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #EF4444);
  border-radius: 2px;
}
.timeline-slots[data-v-39a62d8e] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-39a62d8e] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-39a62d8e] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-39a62d8e] {
  font-size: 0.65rem;
  color: #FCA5A5;
  font-weight: 700;
}
.slot-evento[data-v-39a62d8e] {
  font-size: 0.55rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-39a62d8e] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-39a62d8e] {
  text-align: center;
}
.pregunta-clasificar[data-v-39a62d8e] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-39a62d8e] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-clasificar[data-v-39a62d8e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-39a62d8e] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.problema-btn[data-v-39a62d8e] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.solucion-btn[data-v-39a62d8e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.clasificar-btn.seleccionado[data-v-39a62d8e] {
  transform: scale(1.02);
}
.clasificar-btn.correcto[data-v-39a62d8e] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.clasificar-btn.incorrecto[data-v-39a62d8e] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.clasificar-contador[data-v-39a62d8e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Relacionar ===== */
.relacionar-container[data-v-39a62d8e] {
  display: flex;
  gap: 0.75rem;
}
.conceptos-columna[data-v-39a62d8e], .definiciones-columna[data-v-39a62d8e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-39a62d8e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.concepto-btn[data-v-39a62d8e], .definicion-btn[data-v-39a62d8e] {
  padding: 0.6rem 0.4rem;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.concepto-btn.seleccionado[data-v-39a62d8e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.concepto-btn.emparejado[data-v-39a62d8e], .definicion-btn.emparejado[data-v-39a62d8e] {
  opacity: 0.5;
  cursor: not-allowed;
}
.definicion-btn.seleccionable[data-v-39a62d8e] {
  border-color: #FCD34D;
  animation: pulse-39a62d8e 1s infinite;
}
@keyframes pulse-39a62d8e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.definicion-btn.correcto[data-v-39a62d8e] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.definicion-btn.incorrecto[data-v-39a62d8e] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* Botones de acción */
.botones-accion[data-v-39a62d8e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-39a62d8e], .btn-reiniciar[data-v-39a62d8e] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-39a62d8e] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-39a62d8e] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-39a62d8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-39a62d8e] { font-size: 1.25rem;
}
.resultado-texto[data-v-39a62d8e] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-39a62d8e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-39a62d8e] { flex: 1;
}
.nav-btn[data-v-39a62d8e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-39a62d8e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-39a62d8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-39a62d8e] { font-size: 1.75rem;
}
.completado-texto[data-v-39a62d8e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-39a62d8e], .slide-leave-active[data-v-39a62d8e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-39a62d8e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-39a62d8e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-39a62d8e] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-39a62d8e] {
    flex: 0 1 auto;
}
.slot-evento[data-v-39a62d8e] {
    font-size: 0.6rem;
}
.opciones-clasificar[data-v-39a62d8e] {
    flex-direction: row;
}
.clasificar-btn[data-v-39a62d8e] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-f0cb9271] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-f0cb9271] {
  font-size: 2.5rem;
  animation: float-f0cb9271 3s ease-in-out infinite;
}
.epoca-icono[data-v-f0cb9271]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-f0cb9271]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-f0cb9271 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-f0cb9271] {
  color: #FCD34D;
}

/* Timeline resumida */
.timeline-section[data-v-f0cb9271] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-f0cb9271] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-resumida[data-v-f0cb9271] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.timeline-evento[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.evento-fecha[data-v-f0cb9271] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
}
.evento-nombre[data-v-f0cb9271] {
  font-size: 0.6rem;
  color: #E9D5FF;
  text-align: center;
}
.evento-nombre.destacado[data-v-f0cb9271] {
  color: #FCA5A5;
  font-weight: 700;
}
.evento-nombre.positivo[data-v-f0cb9271] {
  color: #6EE7B7;
  font-weight: 700;
}
.timeline-conector[data-v-f0cb9271] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Conceptos clave */
.conceptos-section[data-v-f0cb9271] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-f0cb9271] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-f0cb9271] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-f0cb9271] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-f0cb9271] {
  font-size: 1.25rem;
}
.concepto-info[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
}
.concepto-info strong[data-v-f0cb9271] {
  color: #93C5FD;
  font-size: 0.75rem;
}
.concepto-info span[data-v-f0cb9271] {
  color: #C4B5FD;
  font-size: 0.6rem;
}

/* Causas y consecuencias */
.causas-section[data-v-f0cb9271] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-f0cb9271] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-box[data-v-f0cb9271] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.causa-header[data-v-f0cb9271] {
  padding: 0.4rem 0.6rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.causa-header.negativo[data-v-f0cb9271] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.causa-header.positivo[data-v-f0cb9271] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.causa-lista[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
}
.causa-lista span[data-v-f0cb9271] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Datos importantes */
.datos-section[data-v-f0cb9271] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-f0cb9271] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-lista[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dato-item[data-v-f0cb9271] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.dato-label[data-v-f0cb9271] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.dato-valor[data-v-f0cb9271] {
  font-weight: 700;
  font-size: 0.8rem;
  text-align: right;
}
.dato-valor.destacado[data-v-f0cb9271] {
  color: #FCD34D;
}

/* Tips PAES */
.tips-section[data-v-f0cb9271] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-f0cb9271] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-f0cb9271] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
  border-radius: 0 0.5rem 0.5rem 0;
}
.tip-numero[data-v-f0cb9271] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-texto[data-v-f0cb9271] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-f0cb9271] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-f0cb9271] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-f0cb9271] {
  font-size: 1.75rem;
}
.mensaje-contenido[data-v-f0cb9271] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mensaje-contenido strong[data-v-f0cb9271] {
  color: #FCD34D;
  font-size: 1rem;
}
.mensaje-contenido span[data-v-f0cb9271] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f0cb9271] {
    gap: 1.5rem;
}
.epoca-icono[data-v-f0cb9271] {
    font-size: 3rem;
}
.causas-grid[data-v-f0cb9271] {
    flex-direction: row;
}
.causa-box[data-v-f0cb9271] {
    flex: 1;
}
.conceptos-grid[data-v-f0cb9271] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header visual */
.header-visual[data-v-b7db0db2] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.2), rgba(139, 92, 246, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.iconos-header[data-v-b7db0db2] {
  display: flex;
  gap: 0.5rem;
}
.icono-grande[data-v-b7db0db2] {
  font-size: 2rem;
}
.header-text[data-v-b7db0db2] {
  display: flex;
  flex-direction: column;
}
.subtitulo[data-v-b7db0db2] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fechas[data-v-b7db0db2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Destacado */
strong.destacado[data-v-b7db0db2] {
  color: #FCD34D;
}

/* Timeline */
.timeline-section[data-v-b7db0db2] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-b7db0db2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.periodo[data-v-b7db0db2] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.periodo.alta[data-v-b7db0db2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.periodo.plena[data-v-b7db0db2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.periodo.baja[data-v-b7db0db2] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.periodo-nombre[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.periodo-fechas[data-v-b7db0db2] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.periodo-desc[data-v-b7db0db2] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Características */
.caracteristicas-section[data-v-b7db0db2] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-b7db0db2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica-card[data-v-b7db0db2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.carac-icono[data-v-b7db0db2] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.carac-nombre[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.carac-desc[data-v-b7db0db2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Mapa */
.mapa-section[data-v-b7db0db2] {
  margin: 1.5rem 0;
}
.mapa-titulo[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mapa-visual[data-v-b7db0db2] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.region-visual[data-v-b7db0db2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.imperio[data-v-b7db0db2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.imperio.bizantino[data-v-b7db0db2] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.imperio.occidente[data-v-b7db0db2] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.imperio.arabe[data-v-b7db0db2] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.imperio-icono[data-v-b7db0db2] {
  font-size: 1.5rem;
}
.imperio-nombre[data-v-b7db0db2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.imperio-nota[data-v-b7db0db2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Tip PAES */
.tip-paes[data-v-b7db0db2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b7db0db2] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b7db0db2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b7db0db2] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-b7db0db2] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.timeline-visual[data-v-b7db0db2] {
    flex-direction: row;
}
.periodo[data-v-b7db0db2] {
    flex: 1;
}
.region-visual[data-v-b7db0db2] {
    flex-direction: row;
}
.imperio[data-v-b7db0db2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.imperio-nota[data-v-b7db0db2] {
    margin-left: 0;
}
}

/* Intro visual */
.intro-visual[data-v-a0c97723] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 69, 19, 0.15);
  border: 1px solid rgba(139, 69, 19, 0.3);
  border-radius: 0.75rem;
}
.intro-icono[data-v-a0c97723] {
  font-size: 2.5rem;
}
.intro-visual p[data-v-a0c97723] {
  margin: 0;
  color: #E9D5FF;
}

/* Pirámide */
.piramide-section[data-v-a0c97723] {
  margin: 1.5rem 0;
}
.piramide-titulo[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.piramide-visual[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nivel[data-v-a0c97723] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.nivel.rey[data-v-a0c97723] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.nivel.nobles[data-v-a0c97723] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  margin-left: 0.5rem;
}
.nivel.caballeros[data-v-a0c97723] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  margin-left: 1rem;
}
.nivel.campesinos[data-v-a0c97723] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.3);
  margin-left: 1.5rem;
}
.nivel-icono[data-v-a0c97723] {
  font-size: 1.5rem;
}
.nivel-info[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
}
.nivel-nombre[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.nivel-desc[data-v-a0c97723] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Conceptos */
.conceptos-section[data-v-a0c97723] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-a0c97723] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-a0c97723] {
  margin-bottom: 0.5rem;
}
.concepto-termino[data-v-a0c97723] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}
.concepto-def[data-v-a0c97723] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-def strong[data-v-a0c97723] {
  color: #FFFFFF;
}

/* Economía */
.economia-section[data-v-a0c97723] {
  margin: 1.5rem 0;
}
.economia-titulo[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.economia-contenido[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.economia-item[data-v-a0c97723] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.eco-icono[data-v-a0c97723] {
  font-size: 1.25rem;
}
.eco-info[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
}
.eco-nombre[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.eco-desc[data-v-a0c97723] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Feudo */
.feudo-section[data-v-a0c97723] {
  margin: 1.5rem 0;
}
.feudo-titulo[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.feudo-visual[data-v-a0c97723] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.feudo-parte[data-v-a0c97723] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.parte-icono[data-v-a0c97723] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.parte-nombre[data-v-a0c97723] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.parte-desc[data-v-a0c97723] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip-importante[data-v-a0c97723] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a0c97723] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-a0c97723] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-a0c97723] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-a0c97723] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.piramide-visual[data-v-a0c97723] {
    max-width: 400px;
    margin: 0 auto;
}
.economia-contenido[data-v-a0c97723] {
    flex-direction: row;
}
.economia-item[data-v-a0c97723] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.feudo-visual[data-v-a0c97723] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores temáticos */
strong.cristiana[data-v-8254179a] {
  color: #93C5FD;
}
strong.islamica[data-v-8254179a] {
  color: #6EE7B7;
}
strong.destacado[data-v-8254179a] {
  color: #FCD34D;
}

/* Secciones de religión */
.religion-section[data-v-8254179a] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.religion-section.iglesia[data-v-8254179a] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.religion-section.islam[data-v-8254179a] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.religion-header[data-v-8254179a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
}
.religion-section.iglesia .religion-header[data-v-8254179a] {
  background: rgba(59, 130, 246, 0.2);
}
.religion-section.islam .religion-header[data-v-8254179a] {
  background: rgba(16, 185, 129, 0.2);
}
.religion-icono[data-v-8254179a] {
  font-size: 1.5rem;
}
.religion-nombre[data-v-8254179a] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.religion-contenido[data-v-8254179a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Poder box (Iglesia) */
.poder-box[data-v-8254179a], .jerarquia-box[data-v-8254179a], .origen-box[data-v-8254179a], .expansion-box[data-v-8254179a], .aportes-box[data-v-8254179a] {
  margin-bottom: 1rem;
}
.poder-titulo[data-v-8254179a], .jerarquia-titulo[data-v-8254179a], .origen-titulo[data-v-8254179a], .expansion-titulo[data-v-8254179a], .aportes-titulo[data-v-8254179a] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.poder-lista[data-v-8254179a] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.poder-lista li[data-v-8254179a] {
  margin-bottom: 0.25rem;
}
.poder-lista strong[data-v-8254179a] {
  color: #93C5FD;
}

/* Jerarquía */
.jerarquia-items[data-v-8254179a] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.jerarquia-item[data-v-8254179a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.j-icono[data-v-8254179a] {
  font-size: 0.9rem;
}
.j-nombre[data-v-8254179a] {
  font-weight: 600;
}

/* Origen (Islam) */
.origen-info[data-v-8254179a] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.origen-info p[data-v-8254179a] {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.origen-info strong[data-v-8254179a] {
  color: #6EE7B7;
}

/* Expansión */
.expansion-items[data-v-8254179a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.expansion-item[data-v-8254179a] {
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.e-region[data-v-8254179a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Aportes */
.aportes-grid[data-v-8254179a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.aporte[data-v-8254179a] {
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-8254179a] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-8254179a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-visual[data-v-8254179a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comp-lado[data-v-8254179a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-lado.cristiano[data-v-8254179a] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-lado.islamico[data-v-8254179a] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-icono[data-v-8254179a] {
  font-size: 1.5rem;
}
.comp-nombre[data-v-8254179a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-zona[data-v-8254179a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.comp-centro[data-v-8254179a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.comp-flecha[data-v-8254179a] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.comp-texto[data-v-8254179a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip-importante[data-v-8254179a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8254179a] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-8254179a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8254179a] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-visual[data-v-8254179a] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.comp-lado[data-v-8254179a] {
    flex: 1;
}
.comp-centro[data-v-8254179a] {
    flex: 0 0 auto;
}
.comp-flecha[data-v-8254179a] {
    transform: rotate(0deg);
}
}

/* Intro visual */
.intro-visual[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(59, 130, 246, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.intro-iconos[data-v-2cd1bb2d] {
  display: flex;
  gap: 0.5rem;
}
.icono[data-v-2cd1bb2d] {
  font-size: 1.75rem;
}
.intro-visual p[data-v-2cd1bb2d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
strong.destacado[data-v-2cd1bb2d] {
  color: #FCD34D;
}

/* Contexto */
.contexto-section[data-v-2cd1bb2d] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-2cd1bb2d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.contexto-icono[data-v-2cd1bb2d] {
  font-size: 1.25rem;
}
.contexto-info[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
}
.contexto-label[data-v-2cd1bb2d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.contexto-valor[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Causas */
.causas-section[data-v-2cd1bb2d] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-lista[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-item[data-v-2cd1bb2d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.causa-item.religioso[data-v-2cd1bb2d] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.causa-item.politico[data-v-2cd1bb2d] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.economico[data-v-2cd1bb2d] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.social[data-v-2cd1bb2d] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-icono[data-v-2cd1bb2d] {
  font-size: 1.25rem;
}
.causa-info[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
}
.causa-nombre[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.causa-desc[data-v-2cd1bb2d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Cruzadas */
.cruzadas-section[data-v-2cd1bb2d] {
  margin: 1.5rem 0;
}
.cruzadas-titulo[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cruzadas-lista[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cruzada-item[data-v-2cd1bb2d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cruzada-num[data-v-2cd1bb2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.cruzada-info[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
}
.cruzada-fecha[data-v-2cd1bb2d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.cruzada-resultado[data-v-2cd1bb2d] {
  font-weight: 600;
  font-size: 0.85rem;
}
.cruzada-resultado.exito[data-v-2cd1bb2d] {
  color: #6EE7B7;
}
.cruzada-resultado.fracaso[data-v-2cd1bb2d] {
  color: #FCA5A5;
}
.cruzada-resultado.parcial[data-v-2cd1bb2d] {
  color: #FCD34D;
}

/* Consecuencias */
.consecuencias-section[data-v-2cd1bb2d] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-2cd1bb2d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-2cd1bb2d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.conseq-card[data-v-2cd1bb2d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.conseq-card.positivo[data-v-2cd1bb2d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.conseq-card.comercio[data-v-2cd1bb2d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.conseq-card.negativo[data-v-2cd1bb2d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.conseq-tipo[data-v-2cd1bb2d] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.conseq-card.positivo .conseq-tipo[data-v-2cd1bb2d] {
  color: #6EE7B7;
}
.conseq-card.comercio .conseq-tipo[data-v-2cd1bb2d] {
  color: #FCD34D;
}
.conseq-card.negativo .conseq-tipo[data-v-2cd1bb2d] {
  color: #FCA5A5;
}
.conseq-lista[data-v-2cd1bb2d] {
  margin: 0;
  padding-left: 1rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.conseq-lista li[data-v-2cd1bb2d] {
  margin-bottom: 0.2rem;
}

/* Tip */
.tip-importante[data-v-2cd1bb2d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2cd1bb2d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-2cd1bb2d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-2cd1bb2d] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.contexto-grid[data-v-2cd1bb2d] {
    flex-direction: row;
}
.contexto-item[data-v-2cd1bb2d] {
    flex: 1;
}
.cruzadas-lista[data-v-2cd1bb2d] {
    flex-direction: row;
    flex-wrap: wrap;
}
.cruzada-item[data-v-2cd1bb2d] {
    flex: 1 1 45%;
}
.consecuencias-grid[data-v-2cd1bb2d] {
    flex-direction: row;
}
.conseq-card[data-v-2cd1bb2d] {
    flex: 1;
}
}

.explorador[data-v-9ee1fb12] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9ee1fb12] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9ee1fb12] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9ee1fb12] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-9ee1fb12] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9ee1fb12] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9ee1fb12] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9ee1fb12] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9ee1fb12] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-9ee1fb12] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Pirámide ===== */
.piramide-container[data-v-9ee1fb12] {
  text-align: center;
}
.piramide-instruccion[data-v-9ee1fb12] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.grupos-disponibles[data-v-9ee1fb12] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.grupo-btn[data-v-9ee1fb12] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.grupo-btn.seleccionado[data-v-9ee1fb12] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.piramide-visual[data-v-9ee1fb12] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  margin: 1rem 0;
}
.piramide-nivel[data-v-9ee1fb12] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.piramide-nivel.ocupado[data-v-9ee1fb12] {
  border-style: solid;
  border-color: #8B5CF6;
}
.piramide-nivel.seleccionable[data-v-9ee1fb12] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.nivel-label[data-v-9ee1fb12] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.nivel-contenido[data-v-9ee1fb12] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.nivel-placeholder[data-v-9ee1fb12] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-9ee1fb12] {
  text-align: center;
}
.pregunta-relacion[data-v-9ee1fb12] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-9ee1fb12] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-9ee1fb12] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-9ee1fb12] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: left;
}
.opcion-btn[data-v-9ee1fb12]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-9ee1fb12] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-9ee1fb12] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-9ee1fb12] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-9ee1fb12] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-9ee1fb12] {
  text-align: center;
}
.timeline-instruccion[data-v-9ee1fb12] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-9ee1fb12] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-9ee1fb12] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-9ee1fb12] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-9ee1fb12] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-9ee1fb12] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #3B82F6, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-9ee1fb12] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-9ee1fb12] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 60px;
}
.timeline-slot.ocupado[data-v-9ee1fb12] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-9ee1fb12] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.slot-evento[data-v-9ee1fb12] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
}
.slot-placeholder[data-v-9ee1fb12] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-9ee1fb12] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-9ee1fb12], .btn-reiniciar[data-v-9ee1fb12] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-9ee1fb12] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-9ee1fb12] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-9ee1fb12] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9ee1fb12] { font-size: 1.25rem;
}
.resultado-texto[data-v-9ee1fb12] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-9ee1fb12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-9ee1fb12] { flex: 1;
}
.nav-btn[data-v-9ee1fb12] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-9ee1fb12] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9ee1fb12] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9ee1fb12] { font-size: 1.75rem;
}
.completado-texto[data-v-9ee1fb12] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9ee1fb12], .slide-leave-active[data-v-9ee1fb12] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9ee1fb12] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-9ee1fb12] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-9ee1fb12] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-9ee1fb12] {
    flex: 0 1 auto;
}
.slot-evento[data-v-9ee1fb12] {
    font-size: 0.7rem;
}
.opciones-relacion[data-v-9ee1fb12] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-9ee1fb12] {
    flex: 1 1 45%;
}
}

/* Intro */
.resumen-intro[data-v-9e306dc8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9e306dc8] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9e306dc8] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-9e306dc8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-9e306dc8] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-9e306dc8] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-9e306dc8]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-9e306dc8] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-9e306dc8] {
    grid-column: span 1;
}
}
.card-header[data-v-9e306dc8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-9e306dc8] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9e306dc8] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-9e306dc8] {
  color: #E9D5FF;
}
.card-nota[data-v-9e306dc8] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Período visual */
.periodo-visual[data-v-9e306dc8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.periodo-fecha[data-v-9e306dc8] {
  font-weight: 700;
  font-size: 0.9rem;
}
.periodo-fecha.inicio[data-v-9e306dc8] {
  color: #FCA5A5;
}
.periodo-fecha.fin[data-v-9e306dc8] {
  color: #6EE7B7;
}
.periodo-flecha[data-v-9e306dc8] {
  color: #8B5CF6;
}

/* Pirámide mini */
.piramide-mini[data-v-9e306dc8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nivel-mini[data-v-9e306dc8] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.nivel-mini.rey[data-v-9e306dc8] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.nivel-mini.nobles[data-v-9e306dc8] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  width: 80%;
}
.nivel-mini.caballeros[data-v-9e306dc8] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
  width: 90%;
}
.nivel-mini.campesinos[data-v-9e306dc8] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  width: 100%;
}

/* Conceptos resumen */
.conceptos-resumen[data-v-9e306dc8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-mini[data-v-9e306dc8] {
  display: flex;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.concepto-term[data-v-9e306dc8] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  min-width: 80px;
}
.concepto-def[data-v-9e306dc8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Poderes lista */
.poderes-lista[data-v-9e306dc8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.poder-item[data-v-9e306dc8] {
  font-size: 0.75rem;
  padding: 0.3rem 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.3rem;
  color: #E9D5FF;
}

/* Islam info */
.islam-info p[data-v-9e306dc8] {
  margin: 0.25rem 0;
  font-size: 0.8rem;
}
.islam-info strong[data-v-9e306dc8] {
  color: #6EE7B7;
}

/* Cruzadas resumen */
.cruzadas-resumen[data-v-9e306dc8] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cruzadas-causas[data-v-9e306dc8], .cruzadas-conseq[data-v-9e306dc8] {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.causa-titulo[data-v-9e306dc8], .conseq-titulo[data-v-9e306dc8] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.causa-item[data-v-9e306dc8], .conseq-item[data-v-9e306dc8] {
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.causa-item[data-v-9e306dc8] {
  background: rgba(139, 92, 246, 0.15);
  color: #C4B5FD;
}
.conseq-item.positivo[data-v-9e306dc8] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.conseq-item.negativo[data-v-9e306dc8] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-9e306dc8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-9e306dc8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-9e306dc8] {
  font-size: 1.25rem;
}
.tip-text[data-v-9e306dc8] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-9e306dc8] {
  color: #FFFFFF;
}
.tip-text strong.destacado[data-v-9e306dc8] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9e306dc8] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-9e306dc8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-9e306dc8 1s ease-in-out infinite;
}
@keyframes bounce-9e306dc8 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9e306dc8] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-9e306dc8] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.conceptos-resumen[data-v-9e306dc8] {
    flex-direction: row;
    flex-wrap: wrap;
}
.concepto-mini[data-v-9e306dc8] {
    flex: 1 1 45%;
}
}

/* Intro visual */
.intro-visual[data-v-93d67e47] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.exp-icono[data-v-93d67e47] {
  font-size: 2.5rem;
  animation: float-93d67e47 3s ease-in-out infinite;
}
.exp-icono[data-v-93d67e47]:nth-child(2) {
  animation-delay: 0.5s;
}
.exp-icono[data-v-93d67e47]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-93d67e47 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Texto destacado */
strong.destacado[data-v-93d67e47] {
  color: #FCD34D;
}

/* Contexto temporal */
.contexto-section[data-v-93d67e47] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-93d67e47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-93d67e47] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-93d67e47] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.contexto-fecha[data-v-93d67e47] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.contexto-evento[data-v-93d67e47] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.contexto-detalle[data-v-93d67e47] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Protagonistas */
.protagonistas-section[data-v-93d67e47] {
  margin: 1.5rem 0;
}
.prot-titulo[data-v-93d67e47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prot-grid[data-v-93d67e47] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.prot-item[data-v-93d67e47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  text-align: center;
}
.prot-item.portugal[data-v-93d67e47] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.prot-item.espana[data-v-93d67e47] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.prot-bandera[data-v-93d67e47] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.prot-nombre[data-v-93d67e47] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prot-zona[data-v-93d67e47] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-93d67e47] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-93d67e47] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-93d67e47] {
  flex: 1;
}
.concepto-titulo[data-v-93d67e47] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-93d67e47] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-93d67e47] {
  color: #FFFFFF;
}

/* Impacto visual */
.impacto-section[data-v-93d67e47] {
  margin: 1.5rem 0 0;
}
.impacto-titulo[data-v-93d67e47] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.impacto-visual[data-v-93d67e47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.impacto-centro[data-v-93d67e47] {
  padding: 0.75rem 1.25rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}
.impacto-items[data-v-93d67e47] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  width: 100%;
}
.impacto-item[data-v-93d67e47] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-93d67e47] {
    gap: 1.5rem;
}
.exp-icono[data-v-93d67e47] {
    font-size: 3rem;
}
.contexto-grid[data-v-93d67e47] {
    flex-direction: row;
}
.contexto-item[data-v-93d67e47] {
    flex: 1;
    text-align: center;
    border-left: none;
    border-top: 3px solid #8B5CF6;
    border-radius: 0 0 0.5rem 0.5rem;
}
.impacto-items[data-v-93d67e47] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores temáticos */
strong.economicas[data-v-47217a3a] { color: #6EE7B7;
}
strong.tecnologicas[data-v-47217a3a] { color: #93C5FD;
}
strong.politicas[data-v-47217a3a] { color: #FCD34D;
}
strong.religiosas[data-v-47217a3a] { color: #F9A8D4;
}

/* Secciones de causas */
.causa-section[data-v-47217a3a] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.causa-section.economica[data-v-47217a3a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.causa-section.tecnologica[data-v-47217a3a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.causa-section.politica[data-v-47217a3a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.causa-section.religiosa[data-v-47217a3a] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.causa-header[data-v-47217a3a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-weight: 700;
  font-size: 0.95rem;
}
.economica .causa-header[data-v-47217a3a] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.tecnologica .causa-header[data-v-47217a3a] { background: rgba(59, 130, 246, 0.2); color: #93C5FD;
}
.politica .causa-header[data-v-47217a3a] { background: rgba(245, 158, 11, 0.2); color: #FCD34D;
}
.religiosa .causa-header[data-v-47217a3a] { background: rgba(236, 72, 153, 0.2); color: #F9A8D4;
}
.causa-icono[data-v-47217a3a] {
  font-size: 1.25rem;
}
.causa-contenido[data-v-47217a3a] {
  padding: 0.75rem;
}
.causa-lista[data-v-47217a3a] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-lista li[data-v-47217a3a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.causa-lista strong[data-v-47217a3a] {
  color: #FFFFFF;
}

/* Grid de tecnología */
.tech-grid[data-v-47217a3a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tech-item[data-v-47217a3a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tech-icon[data-v-47217a3a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tech-name[data-v-47217a3a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tech-desc[data-v-47217a3a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Resumen visual */
.resumen-causas[data-v-47217a3a] {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-47217a3a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.resumen-formula[data-v-47217a3a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
}
.res-item[data-v-47217a3a] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.res-item.eco[data-v-47217a3a] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.res-item.tec[data-v-47217a3a] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.res-item.pol[data-v-47217a3a] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.res-item.rel[data-v-47217a3a] { background: rgba(236, 72, 153, 0.3); color: #F9A8D4;
}
.res-plus[data-v-47217a3a] {
  color: #C4B5FD;
  font-weight: 700;
}
.res-equals[data-v-47217a3a] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.1rem;
}
.res-result[data-v-47217a3a] {
  padding: 0.4rem 0.75rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}

/* Desktop */
@media (min-width: 640px) {
.tech-grid[data-v-47217a3a] {
    grid-template-columns: repeat(4, 1fr);
}
.resumen-formula[data-v-47217a3a] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.res-item[data-v-47217a3a] {
    font-size: 0.8rem;
    padding: 0.4rem 0.75rem;
}
}

/* Secciones de potencias */
.potencia-section[data-v-668232c1] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.potencia-section.portugal[data-v-668232c1] {
  background: rgba(16, 185, 129, 0.05);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.potencia-section.espana[data-v-668232c1] {
  background: rgba(245, 158, 11, 0.05);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.potencia-header[data-v-668232c1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.portugal .potencia-header[data-v-668232c1] { background: rgba(16, 185, 129, 0.15);
}
.espana .potencia-header[data-v-668232c1] { background: rgba(245, 158, 11, 0.15);
}
.potencia-bandera[data-v-668232c1] {
  font-size: 2rem;
}
.potencia-info[data-v-668232c1] {
  display: flex;
  flex-direction: column;
}
.potencia-nombre[data-v-668232c1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.potencia-ruta[data-v-668232c1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Timeline de viajes */
.viajes-timeline[data-v-668232c1] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.viaje-item[data-v-668232c1] {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
}
.viaje-item.destacado[data-v-668232c1] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.viaje-fecha[data-v-668232c1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
}
.viaje-contenido[data-v-668232c1] {
  display: flex;
  flex-direction: column;
}
.viaje-contenido strong[data-v-668232c1] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.viaje-desc[data-v-668232c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Personaje destacado */
.personaje-destacado[data-v-668232c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0.75rem 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.personaje-icono[data-v-668232c1] {
  font-size: 1.25rem;
}
.personaje-info[data-v-668232c1] {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
}
.personaje-info strong[data-v-668232c1] {
  color: #FCD34D;
  margin-bottom: 0.15rem;
}
.personaje-info span[data-v-668232c1] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tratado de Tordesillas */
.tratado-section[data-v-668232c1] {
  margin: 1.5rem 0 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tratado-titulo[data-v-668232c1] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.tratado-visual[data-v-668232c1] {
  display: flex;
  align-items: stretch;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.tratado-lado[data-v-668232c1] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.portugal-lado[data-v-668232c1] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.espana-lado[data-v-668232c1] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tratado-pais[data-v-668232c1] {
  font-size: 0.9rem;
  font-weight: 700;
}
.portugal-lado .tratado-pais[data-v-668232c1] { color: #6EE7B7;
}
.espana-lado .tratado-pais[data-v-668232c1] { color: #FCD34D;
}
.tratado-zona[data-v-668232c1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tratado-territorios[data-v-668232c1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tratado-linea[data-v-668232c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
}
.tratado-linea[data-v-668232c1]::before {
  content: '';
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, #8B5CF6, #6D28D9);
  border-radius: 2px;
}
.linea-label[data-v-668232c1] {
  font-size: 0.6rem;
  color: #C4B5FD;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
}
.tratado-nota[data-v-668232c1] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Desktop */
@media (min-width: 640px) {
.viaje-item[data-v-668232c1] {
    align-items: center;
}
.viaje-fecha[data-v-668232c1] {
    min-width: 70px;
}
.viaje-contenido[data-v-668232c1] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: baseline;
}
}

/* Colores temáticos */
strong.positivas[data-v-1f2d5695] { color: #6EE7B7;
}
strong.negativas[data-v-1f2d5695] { color: #FCA5A5;
}

/* Secciones de consecuencias */
.consec-section[data-v-1f2d5695] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.consec-section.economica[data-v-1f2d5695] {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.consec-section.intercambio[data-v-1f2d5695] {
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.consec-section.demografica[data-v-1f2d5695] {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.consec-section.cultural[data-v-1f2d5695] {
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.consec-header[data-v-1f2d5695] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.economica .consec-header[data-v-1f2d5695] { background: rgba(16, 185, 129, 0.15);
}
.intercambio .consec-header[data-v-1f2d5695] { background: rgba(139, 92, 246, 0.15);
}
.demografica .consec-header[data-v-1f2d5695] { background: rgba(239, 68, 68, 0.15);
}
.cultural .consec-header[data-v-1f2d5695] { background: rgba(59, 130, 246, 0.15);
}
.consec-icono[data-v-1f2d5695] {
  font-size: 1.25rem;
}

/* Grid de consecuencias económicas */
.consec-grid[data-v-1f2d5695] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  padding: 0.75rem;
}
.consec-item[data-v-1f2d5695] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.consec-item .item-icono[data-v-1f2d5695] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.consec-item strong[data-v-1f2d5695] {
  font-size: 0.8rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.consec-item span[data-v-1f2d5695] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Intercambio colombino visual */
.intercambio-visual[data-v-1f2d5695] {
  display: flex;
  align-items: stretch;
  padding: 0.75rem;
  gap: 0.5rem;
}
.intercambio-lado[data-v-1f2d5695] {
  flex: 1;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.intercambio-lado.europa[data-v-1f2d5695] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.intercambio-lado.america[data-v-1f2d5695] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.inter-label[data-v-1f2d5695] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.europa .inter-label[data-v-1f2d5695] { color: #93C5FD;
}
.america .inter-label[data-v-1f2d5695] { color: #6EE7B7;
}
.inter-items[data-v-1f2d5695] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.inter-item[data-v-1f2d5695] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.intercambio-flechas[data-v-1f2d5695] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Consecuencias demográficas */
.demo-contenido[data-v-1f2d5695] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.demo-impacto[data-v-1f2d5695] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.demo-impacto.negativo[data-v-1f2d5695] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.demo-impacto.neutro[data-v-1f2d5695] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.demo-icono[data-v-1f2d5695] {
  font-size: 1.25rem;
}
.demo-info[data-v-1f2d5695] {
  display: flex;
  flex-direction: column;
}
.demo-info strong[data-v-1f2d5695] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.demo-info span[data-v-1f2d5695] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Lista de consecuencias culturales */
.consec-lista[data-v-1f2d5695] {
  margin: 0;
  padding: 0.75rem;
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consec-lista li[data-v-1f2d5695] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.consec-lista strong[data-v-1f2d5695] {
  color: #FFFFFF;
}

/* Alerta PAES */
.alerta-paes[data-v-1f2d5695] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}
.alerta-icono[data-v-1f2d5695] {
  font-size: 1.25rem;
}
.alerta-contenido[data-v-1f2d5695] {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
}
.alerta-contenido strong[data-v-1f2d5695] {
  color: #FCD34D;
  margin-bottom: 0.1rem;
}
.alerta-contenido span[data-v-1f2d5695] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Desktop */
@media (min-width: 640px) {
.consec-grid[data-v-1f2d5695] {
    grid-template-columns: repeat(4, 1fr);
}
.intercambio-visual[data-v-1f2d5695] {
    gap: 1rem;
}
.inter-items[data-v-1f2d5695] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}
}

.explorador[data-v-dee12a40] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dee12a40] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dee12a40] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dee12a40] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dee12a40] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dee12a40] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dee12a40] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dee12a40] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dee12a40] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dee12a40] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Asociar ===== */
.asociar-container[data-v-dee12a40] {
  text-align: center;
}
.asociar-instruccion[data-v-dee12a40] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.asociar-columnas[data-v-dee12a40] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.columna[data-v-dee12a40] {
  flex: 1;
  max-width: 160px;
}
.columna-titulo[data-v-dee12a40] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.asociar-item[data-v-dee12a40] {
  width: 100%;
  padding: 0.6rem;
  margin-bottom: 0.4rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.asociar-item.explorador[data-v-dee12a40] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.asociar-item.logro[data-v-dee12a40] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.asociar-item.seleccionado[data-v-dee12a40] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
  border-color: #8B5CF6;
}
.asociar-item.seleccionable[data-v-dee12a40] {
  animation: pulse-dee12a40 1s infinite;
}
.asociar-item.asociado[data-v-dee12a40] {
  opacity: 0.5;
  cursor: default;
}
.asociar-item.correcto[data-v-dee12a40] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  opacity: 1;
}
.item-emoji[data-v-dee12a40] {
  font-size: 1.25rem;
}
.item-nombre[data-v-dee12a40] {
  font-size: 0.75rem;
  font-weight: 600;
}
.item-texto[data-v-dee12a40] {
  font-size: 0.7rem;
  line-height: 1.2;
}
@keyframes pulse-dee12a40 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.03);
}
}

/* ===== DESAFÍO 2: Timeline ===== */
.timeline-container[data-v-dee12a40] {
  text-align: center;
}
.timeline-instruccion[data-v-dee12a40] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-desordenados[data-v-dee12a40] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-dee12a40] {
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #93C5FD;
  font-size: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.evento-btn.seleccionado[data-v-dee12a40] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.timeline-slots[data-v-dee12a40] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1.5rem;
}
.timeline-linea[data-v-dee12a40] {
  position: absolute;
  left: 0.6rem;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #6D28D9);
  border-radius: 2px;
}
.timeline-slot[data-v-dee12a40] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  min-height: 44px;
}
.timeline-slot.ocupado[data-v-dee12a40] {
  border-style: solid;
  background: rgba(139, 92, 246, 0.15);
}
.timeline-slot.seleccionable[data-v-dee12a40] {
  border-color: #8B5CF6;
  animation: pulse-dee12a40 1s infinite;
}
.slot-numero[data-v-dee12a40] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.slot-evento[data-v-dee12a40] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.slot-placeholder[data-v-dee12a40] {
  color: rgba(255, 255, 255, 0.3);
}
.timeline-botones[data-v-dee12a40] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-dee12a40], .btn-reiniciar[data-v-dee12a40] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-dee12a40] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-dee12a40] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Quiz rápido ===== */
.quiz-rapido-container[data-v-dee12a40] {
  text-align: center;
}
.quiz-pregunta[data-v-dee12a40] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.quiz-opciones[data-v-dee12a40] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.quiz-opcion[data-v-dee12a40] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s ease;
}
.quiz-opcion[data-v-dee12a40]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.quiz-opcion.seleccionada[data-v-dee12a40] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.quiz-opcion.correcta[data-v-dee12a40] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.quiz-opcion.incorrecta[data-v-dee12a40] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.quiz-feedback[data-v-dee12a40] {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  line-height: 1.4;
}
.quiz-feedback.correcto[data-v-dee12a40] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.quiz-feedback.incorrecto[data-v-dee12a40] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.quiz-contador[data-v-dee12a40] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-dee12a40] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dee12a40] { font-size: 1.25rem;
}
.resultado-texto[data-v-dee12a40] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dee12a40] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dee12a40] { flex: 1;
}
.nav-btn[data-v-dee12a40] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dee12a40] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dee12a40] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dee12a40] { font-size: 1.75rem;
}
.completado-texto[data-v-dee12a40] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dee12a40], .slide-leave-active[data-v-dee12a40] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dee12a40] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-dee12a40] { opacity: 0; transform: translateX(-15px);
}

/* Visual de apertura */
.resumen-visual[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
}
.resumen-icono[data-v-6edef5c1] {
  font-size: 3rem;
}
.resumen-titulo[data-v-6edef5c1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones */
.resumen-seccion[data-v-6edef5c1] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}
.resumen-seccion.destacado[data-v-6edef5c1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.seccion-header[data-v-6edef5c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-6edef5c1] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-6edef5c1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Grid de causas mini */
.causas-mini-grid[data-v-6edef5c1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.causa-mini[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
}
.causa-mini span[data-v-6edef5c1]:first-child {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.causa-mini strong[data-v-6edef5c1] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.causa-texto[data-v-6edef5c1] {
  color: #C4B5FD;
  line-height: 1.2;
}
.causa-mini.economica[data-v-6edef5c1] { background: rgba(16, 185, 129, 0.15);
}
.causa-mini.tecnologica[data-v-6edef5c1] { background: rgba(59, 130, 246, 0.15);
}
.causa-mini.politica[data-v-6edef5c1] { background: rgba(245, 158, 11, 0.15);
}
.causa-mini.religiosa[data-v-6edef5c1] { background: rgba(236, 72, 153, 0.15);
}

/* Exploradores resumen */
.exploradores-resumen[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.exp-item[data-v-6edef5c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.exp-fecha[data-v-6edef5c1] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
}
.exp-nombre[data-v-6edef5c1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
}
.exp-logro[data-v-6edef5c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Consecuencias resumen */
.consec-resumen[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consec-item[data-v-6edef5c1] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.consec-item.negativo[data-v-6edef5c1] {
  background: rgba(239, 68, 68, 0.1);
}
.consec-emoji[data-v-6edef5c1] {
  font-size: 1.25rem;
}
.consec-info[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
}
.consec-info strong[data-v-6edef5c1] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.consec-info span[data-v-6edef5c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tordesillas mini */
.tordesillas-mini[data-v-6edef5c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.tord-lado[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  flex: 1;
}
.tord-pais[data-v-6edef5c1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tord-zona[data-v-6edef5c1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.tord-linea[data-v-6edef5c1] {
  font-size: 2rem;
  font-weight: 300;
  color: #8B5CF6;
}

/* Tips PAES */
.tips-paes[data-v-6edef5c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-header[data-v-6edef5c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-6edef5c1] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-6edef5c1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.tips-lista[data-v-6edef5c1] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tips-lista li[data-v-6edef5c1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tips-lista strong[data-v-6edef5c1] {
  color: #FFFFFF;
}

/* Conexión con otros temas */
.conexion-temas[data-v-6edef5c1] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.conexion-icono[data-v-6edef5c1] {
  font-size: 1.25rem;
}
.conexion-contenido[data-v-6edef5c1] {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
}
.conexion-contenido strong[data-v-6edef5c1] {
  color: #6EE7B7;
  margin-bottom: 0.15rem;
}
.conexion-contenido span[data-v-6edef5c1] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Desktop */
@media (min-width: 640px) {
.causas-mini-grid[data-v-6edef5c1] {
    grid-template-columns: repeat(4, 1fr);
}
.exp-item[data-v-6edef5c1] {
    gap: 1rem;
}
.exp-fecha[data-v-6edef5c1] {
    min-width: 60px;
}
}

/* Intro visual */
.intro-visual[data-v-2cd497ba] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.region-icono[data-v-2cd497ba] {
  font-size: 2.5rem;
  animation: float-2cd497ba 3s ease-in-out infinite;
}
.region-icono[data-v-2cd497ba]:nth-child(2) {
  animation-delay: 0.5s;
}
.region-icono[data-v-2cd497ba]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-2cd497ba {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-2cd497ba] {
  color: #FCD34D;
}
strong.positivo[data-v-2cd497ba] {
  color: #6EE7B7;
}
strong.negativo[data-v-2cd497ba] {
  color: #FCA5A5;
}

/* Sección de expansión */
.expansion-section[data-v-2cd497ba] {
  margin: 1.5rem 0;
}
.expansion-titulo[data-v-2cd497ba] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regiones-grid[data-v-2cd497ba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.region-card[data-v-2cd497ba] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.region-card.norte[data-v-2cd497ba] {
  background: rgba(245, 158, 11, 0.15);
  border-color: #F59E0B;
}
.region-card.araucania[data-v-2cd497ba] {
  background: rgba(16, 185, 129, 0.15);
  border-color: #10B981;
}
.region-card.sur[data-v-2cd497ba] {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3B82F6;
}
.region-icono-card[data-v-2cd497ba] {
  font-size: 1.75rem;
}
.region-info[data-v-2cd497ba] {
  display: flex;
  flex-direction: column;
}
.region-info strong[data-v-2cd497ba] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.region-info span[data-v-2cd497ba] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.region-recursos[data-v-2cd497ba] {
  color: #FCD34D !important;
  font-weight: 600;
}

/* Contexto temporal */
.contexto-section[data-v-2cd497ba] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-2cd497ba] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-simple[data-v-2cd497ba] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.timeline-item[data-v-2cd497ba] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.timeline-fecha[data-v-2cd497ba] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
  min-width: 75px;
}
.timeline-evento[data-v-2cd497ba] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Causas */
.causas-section[data-v-2cd497ba] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-2cd497ba] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-2cd497ba] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.causa-item[data-v-2cd497ba] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.causa-icono[data-v-2cd497ba] {
  font-size: 1.5rem;
}
.causa-info[data-v-2cd497ba] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-2cd497ba] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.causa-info span[data-v-2cd497ba] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-2cd497ba] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2cd497ba] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-2cd497ba] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-2cd497ba] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-2cd497ba] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-2cd497ba] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-2cd497ba] {
    gap: 1.5rem;
}
.region-icono[data-v-2cd497ba] {
    font-size: 3rem;
}
.regiones-grid[data-v-2cd497ba] {
    flex-direction: row;
}
.region-card[data-v-2cd497ba] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.region-info[data-v-2cd497ba] {
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-3808aeb5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-3808aeb5] {
  font-size: 2.5rem;
  animation: float-3808aeb5 3s ease-in-out infinite;
}
.epoca-icono[data-v-3808aeb5]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-3808aeb5]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-3808aeb5 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-3808aeb5] {
  color: #FCD34D;
}
strong.positivo[data-v-3808aeb5] {
  color: #6EE7B7;
}
strong.negativo[data-v-3808aeb5] {
  color: #FCA5A5;
}

/* Contexto previo */
.contexto-previo[data-v-3808aeb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.contexto-titulo[data-v-3808aeb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.contexto-texto[data-v-3808aeb5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
}

/* Protagonista */
.protagonista-section[data-v-3808aeb5] {
  margin: 1.5rem 0;
}
.protagonista-card[data-v-3808aeb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.protagonista-icono[data-v-3808aeb5] {
  font-size: 2.5rem;
}
.protagonista-info[data-v-3808aeb5] {
  display: flex;
  flex-direction: column;
}
.protagonista-info strong[data-v-3808aeb5] {
  color: #FCD34D;
  font-size: 1rem;
}
.protagonista-info span[data-v-3808aeb5] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.protagonista-rol[data-v-3808aeb5] {
  color: #E9D5FF !important;
  font-style: italic;
  margin-top: 0.25rem;
}

/* Etapas */
.etapas-section[data-v-3808aeb5] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-3808aeb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapas-grid[data-v-3808aeb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.etapa-item[data-v-3808aeb5] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.etapa-item.primera[data-v-3808aeb5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.etapa-item.segunda[data-v-3808aeb5] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.etapa-item.final[data-v-3808aeb5] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.etapa-header[data-v-3808aeb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.etapa-fecha[data-v-3808aeb5] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  color: #C4B5FD;
}
.etapa-nombre[data-v-3808aeb5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.etapa-contenido[data-v-3808aeb5] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.etapa-contenido p[data-v-3808aeb5] {
  margin: 0.25rem 0;
}
.etapa-contenido strong[data-v-3808aeb5] {
  color: #FFFFFF;
}

/* Consecuencias */
.consecuencias-section[data-v-3808aeb5] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-3808aeb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-3808aeb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia-item[data-v-3808aeb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.consecuencia-item.negativa[data-v-3808aeb5] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.consecuencia-item.neutral[data-v-3808aeb5] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.consecuencia-item.positiva[data-v-3808aeb5] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.consecuencia-icono[data-v-3808aeb5] {
  font-size: 1.25rem;
}
.consecuencia-info[data-v-3808aeb5] {
  display: flex;
  flex-direction: column;
}
.consecuencia-info strong[data-v-3808aeb5] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.15rem;
}
.consecuencia-info span[data-v-3808aeb5] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Concepto clave */
.concepto-clave[data-v-3808aeb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-3808aeb5] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-3808aeb5] {
  display: flex;
  flex-direction: column;
}
.concepto-titulo[data-v-3808aeb5] {
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.concepto-contenido span[data-v-3808aeb5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-3808aeb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3808aeb5] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-3808aeb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-3808aeb5] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-3808aeb5] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-3808aeb5] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3808aeb5] {
    gap: 1.5rem;
}
.epoca-icono[data-v-3808aeb5] {
    font-size: 3rem;
}
.protagonista-card[data-v-3808aeb5] {
    padding: 1.25rem;
}
.protagonista-icono[data-v-3808aeb5] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-aeeb71dc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-aeeb71dc] {
  font-size: 2.5rem;
  animation: float-aeeb71dc 3s ease-in-out infinite;
}
.epoca-icono[data-v-aeeb71dc]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-aeeb71dc]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-aeeb71dc {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-aeeb71dc] {
  color: #FCD34D;
}
strong.positivo[data-v-aeeb71dc] {
  color: #6EE7B7;
}
strong.negativo[data-v-aeeb71dc] {
  color: #FCA5A5;
}

/* Secciones de región */
.region-detalle[data-v-aeeb71dc] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  padding: 1rem;
}
.region-detalle.norte[data-v-aeeb71dc] {
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.region-detalle.sur[data-v-aeeb71dc] {
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.region-header[data-v-aeeb71dc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.region-icono[data-v-aeeb71dc] {
  font-size: 2rem;
}
.region-titulo[data-v-aeeb71dc] {
  display: flex;
  flex-direction: column;
}
.region-titulo strong[data-v-aeeb71dc] {
  color: #FFFFFF;
  font-size: 1.1rem;
}
.region-titulo span[data-v-aeeb71dc] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.region-contenido[data-v-aeeb71dc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-item[data-v-aeeb71dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.info-item.destacado[data-v-aeeb71dc] {
  background: rgba(139, 92, 246, 0.15);
  border-left: 3px solid #8B5CF6;
}
.info-icono[data-v-aeeb71dc] {
  font-size: 1.25rem;
}
.info-texto[data-v-aeeb71dc] {
  display: flex;
  flex-direction: column;
}
.info-texto strong[data-v-aeeb71dc] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.15rem;
}
.info-texto span[data-v-aeeb71dc] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Resultado box */
.resultado-box[data-v-aeeb71dc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-aeeb71dc] {
  font-size: 1.5rem;
}
.resultado-texto[data-v-aeeb71dc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.resultado-texto strong[data-v-aeeb71dc] {
  color: #6EE7B7;
}

/* Consecuencia box */
.consecuencia-box[data-v-aeeb71dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
}
.consecuencia-icono[data-v-aeeb71dc] {
  font-size: 1.25rem;
}
.consecuencia-texto[data-v-aeeb71dc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Resumen */
.resumen-section[data-v-aeeb71dc] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-aeeb71dc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.territorios-grid[data-v-aeeb71dc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.territorio-item[data-v-aeeb71dc] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.territorio-item.norte[data-v-aeeb71dc] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.territorio-item.sur[data-v-aeeb71dc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.territorio-item.extremo-sur[data-v-aeeb71dc] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.territorio-item strong[data-v-aeeb71dc] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.territorio-item span[data-v-aeeb71dc] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.territorio-via[data-v-aeeb71dc] {
  color: #FCD34D !important;
  font-weight: 600;
  font-size: 0.7rem !important;
}

/* Tip PAES */
.tip-paes[data-v-aeeb71dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-aeeb71dc] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-aeeb71dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-aeeb71dc] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-aeeb71dc] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-aeeb71dc] {
    gap: 1.5rem;
}
.epoca-icono[data-v-aeeb71dc] {
    font-size: 3rem;
}
.territorios-grid[data-v-aeeb71dc] {
    flex-direction: row;
}
.territorio-item[data-v-aeeb71dc] {
    flex: 1;
    text-align: center;
    border-left: none;
    border-top: 3px solid;
}
}

.explorador[data-v-c0717d05] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c0717d05] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c0717d05] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c0717d05] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c0717d05] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c0717d05] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c0717d05] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c0717d05] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c0717d05] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c0717d05] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar territorios ===== */
.clasificar-container[data-v-c0717d05] {
  text-align: center;
}
.territorio-actual[data-v-c0717d05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.territorio-icono[data-v-c0717d05] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.territorio-texto[data-v-c0717d05] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.regiones-grid[data-v-c0717d05] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.region-btn[data-v-c0717d05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.3rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  font-family: inherit;
}
.region-btn.norte[data-v-c0717d05] {
  border-color: rgba(245, 158, 11, 0.4);
}
.region-btn.araucania[data-v-c0717d05] {
  border-color: rgba(16, 185, 129, 0.4);
}
.region-btn.sur[data-v-c0717d05] {
  border-color: rgba(59, 130, 246, 0.4);
}
.region-btn[data-v-c0717d05]:hover:not(:disabled) {
  transform: scale(1.02);
}
.region-btn.seleccionado[data-v-c0717d05] {
  transform: scale(1.05);
}
.region-btn.seleccionado.norte[data-v-c0717d05] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.region-btn.seleccionado.araucania[data-v-c0717d05] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.region-btn.seleccionado.sur[data-v-c0717d05] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.region-btn.correcto[data-v-c0717d05] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.region-btn.incorrecto[data-v-c0717d05] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.region-icono[data-v-c0717d05] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.region-nombre[data-v-c0717d05] {
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.region-btn.correcto .region-nombre[data-v-c0717d05],
.region-btn.incorrecto .region-nombre[data-v-c0717d05] {
  color: white;
}
.clasificar-contador[data-v-c0717d05] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Relacionar fechas ===== */
.relacionar-container[data-v-c0717d05] {
  text-align: center;
}
.fecha-actual[data-v-c0717d05] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.fecha-valor[data-v-c0717d05] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.eventos-grid[data-v-c0717d05] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-c0717d05] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.evento-btn[data-v-c0717d05]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.evento-btn.seleccionado[data-v-c0717d05] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.evento-btn.correcto[data-v-c0717d05] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white;
}
.evento-btn.incorrecto[data-v-c0717d05] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white;
}
.relacionar-contador[data-v-c0717d05] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-c0717d05] {
  text-align: center;
}
.eventos-disponibles[data-v-c0717d05] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-c0717d05] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-c0717d05] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.evento-orden-btn[data-v-c0717d05] {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-family: inherit;
}
.evento-orden-btn.seleccionado[data-v-c0717d05] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-ordenar[data-v-c0717d05] {
  margin: 1rem 0;
}
.timeline-labels[data-v-c0717d05] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-c0717d05] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-timeline[data-v-c0717d05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-c0717d05] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-c0717d05 1s infinite;
}
@keyframes pulse-c0717d05 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-c0717d05] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-c0717d05] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-c0717d05] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-c0717d05] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-c0717d05] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-c0717d05], .btn-reiniciar[data-v-c0717d05] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-c0717d05] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-c0717d05] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-c0717d05] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c0717d05] { font-size: 1.25rem;
}
.resultado-texto[data-v-c0717d05] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-c0717d05] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c0717d05] { flex: 1;
}
.nav-btn[data-v-c0717d05] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c0717d05] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c0717d05] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c0717d05] { font-size: 1.75rem;
}
.completado-texto[data-v-c0717d05] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c0717d05], .slide-leave-active[data-v-c0717d05] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c0717d05] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c0717d05] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-c0717d05] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-orden-btn[data-v-c0717d05] {
    flex: 0 1 auto;
}
.slots-row[data-v-c0717d05] {
    flex-direction: row;
}
.slot-timeline[data-v-c0717d05] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.slot-evento[data-v-c0717d05] {
    text-align: center;
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-d099a457] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-resumen[data-v-d099a457] {
  font-size: 2.5rem;
  animation: float-d099a457 3s ease-in-out infinite;
}
.icono-resumen[data-v-d099a457]:nth-child(2) {
  animation-delay: 0.5s;
}
.icono-resumen[data-v-d099a457]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d099a457 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-d099a457] {
  color: #FCD34D;
}
strong.positivo[data-v-d099a457] {
  color: #6EE7B7;
}
strong.negativo[data-v-d099a457] {
  color: #FCA5A5;
}

/* Resumen de procesos */
.resumen-section[data-v-d099a457] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-d099a457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.procesos-grid[data-v-d099a457] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.proceso-card[data-v-d099a457] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.proceso-card.norte[data-v-d099a457] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.proceso-card.araucania[data-v-d099a457] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.proceso-card.sur[data-v-d099a457] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.proceso-header[data-v-d099a457] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.proceso-icono[data-v-d099a457] {
  font-size: 1.5rem;
}
.proceso-header strong[data-v-d099a457] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.proceso-info[data-v-d099a457] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-left: 2rem;
}
.proceso-fecha[data-v-d099a457] {
  font-size: 0.7rem;
  color: #8B5CF6;
  font-weight: 600;
}
.proceso-metodo[data-v-d099a457] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.proceso-territorio[data-v-d099a457] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.proceso-recurso[data-v-d099a457] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Fechas clave */
.fechas-section[data-v-d099a457] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-d099a457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-d099a457] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.fecha-item[data-v-d099a457] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex: 1 1 auto;
  min-width: 140px;
}
.fecha-año[data-v-d099a457] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #8B5CF6;
  min-width: 38px;
}
.fecha-evento[data-v-d099a457] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Consecuencias */
.consecuencias-section[data-v-d099a457] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-d099a457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-d099a457] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia-item[data-v-d099a457] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.consecuencia-item.positiva[data-v-d099a457] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.consecuencia-item.negativa[data-v-d099a457] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.consecuencia-item.neutral[data-v-d099a457] {
  background: rgba(139, 92, 246, 0.1);
  border-color: #8B5CF6;
}
.consecuencia-icono[data-v-d099a457] {
  font-size: 1.25rem;
}
.consecuencia-info[data-v-d099a457] {
  display: flex;
  flex-direction: column;
}
.consecuencia-info strong[data-v-d099a457] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.1rem;
}
.consecuencia-info span[data-v-d099a457] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Conceptos */
.conceptos-section[data-v-d099a457] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-d099a457] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-d099a457] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-item[data-v-d099a457] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.concepto-item strong[data-v-d099a457] {
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.concepto-item span[data-v-d099a457] {
  color: #C4B5FD;
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Tip PAES final */
.tip-paes-final[data-v-d099a457] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d099a457] {
  font-size: 1.75rem;
}
.tip-contenido[data-v-d099a457] {
  flex: 1;
}
.tip-contenido strong[data-v-d099a457] {
  color: #6EE7B7;
  font-size: 1rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-lista[data-v-d099a457] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.6;
}
.tip-lista li[data-v-d099a457] {
  margin-bottom: 0.25rem;
}
.tip-lista li[data-v-d099a457]:last-child {
  margin-bottom: 0;
}
.tip-lista strong.destacado[data-v-d099a457] {
  color: #FCD34D;
}
.tip-lista strong.negativo[data-v-d099a457] {
  color: #FCA5A5;
}
.tip-lista strong.positivo[data-v-d099a457] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d099a457] {
    gap: 1.5rem;
}
.icono-resumen[data-v-d099a457] {
    font-size: 3rem;
}
.procesos-grid[data-v-d099a457] {
    flex-direction: row;
}
.proceso-card[data-v-d099a457] {
    flex: 1;
    border-left: none;
    border-top: 3px solid;
}
.proceso-info[data-v-d099a457] {
    padding-left: 0;
    align-items: center;
    text-align: center;
}
.fechas-grid[data-v-d099a457] {
    justify-content: center;
}
}

/* Header visual */
.header-visual[data-v-9bbe90d7] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(245, 158, 11, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.iconos-header[data-v-9bbe90d7] {
  display: flex;
  gap: 0.5rem;
}
.icono-grande[data-v-9bbe90d7] {
  font-size: 2rem;
}
.header-text[data-v-9bbe90d7] {
  display: flex;
  flex-direction: column;
}
.subtitulo[data-v-9bbe90d7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fechas[data-v-9bbe90d7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Destacado */
strong.destacado[data-v-9bbe90d7] {
  color: #FCD34D;
}

/* Mapa section */
.mapa-section[data-v-9bbe90d7] {
  margin: 1.5rem 0;
}
.mapa-titulo[data-v-9bbe90d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mapa-visual[data-v-9bbe90d7] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.mar-mediterraneo[data-v-9bbe90d7] {
  position: relative;
  padding: 2rem 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.mar-label[data-v-9bbe90d7] {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}
.ubicacion[data-v-9bbe90d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.ubicacion.grecia[data-v-9bbe90d7] {
  background: rgba(59, 130, 246, 0.3);
}
.ubicacion.roma[data-v-9bbe90d7] {
  background: rgba(245, 158, 11, 0.3);
}
.ubicacion-icono[data-v-9bbe90d7] {
  font-size: 1.5rem;
}
.ubicacion-nombre[data-v-9bbe90d7] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparación */
.comparacion-section[data-v-9bbe90d7] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9bbe90d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9bbe90d7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.civ-card[data-v-9bbe90d7] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.grecia-card[data-v-9bbe90d7] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.roma-card[data-v-9bbe90d7] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.civ-header[data-v-9bbe90d7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.civ-icono[data-v-9bbe90d7] {
  font-size: 1.25rem;
}
.grecia-card .civ-nombre[data-v-9bbe90d7] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 0.9rem;
}
.roma-card .civ-nombre[data-v-9bbe90d7] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 0.9rem;
}
.civ-caracteristicas[data-v-9bbe90d7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.caracteristica[data-v-9bbe90d7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.carac-icono[data-v-9bbe90d7] {
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-9bbe90d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9bbe90d7] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9bbe90d7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9bbe90d7] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-9bbe90d7] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-9bbe90d7] {
    flex-direction: row;
}
.civ-card[data-v-9bbe90d7] {
    flex: 1;
}
.mar-mediterraneo[data-v-9bbe90d7] {
    padding: 2.5rem 2rem;
}
}

/* Header visual */
.header-visual[data-v-3276ad29] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.parthenon-icon[data-v-3276ad29] {
  font-size: 2.5rem;
}
.header-text[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
}
.titulo-principal[data-v-3276ad29] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.subtitulo[data-v-3276ad29] {
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Destacados */
strong.destacado[data-v-3276ad29] {
  color: #FCD34D;
}
strong.atenas[data-v-3276ad29] {
  color: #93C5FD;
}
strong.esparta[data-v-3276ad29] {
  color: #FCA5A5;
}

/* Polis section */
.polis-section[data-v-3276ad29] {
  margin: 1.5rem 0;
}
.polis-titulo[data-v-3276ad29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polis-visual[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.polis-parte[data-v-3276ad29] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #93C5FD;
  border-radius: 0 0.4rem 0.4rem 0;
}
.parte-icono[data-v-3276ad29] {
  font-size: 1.25rem;
}
.parte-info[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
}
.parte-info strong[data-v-3276ad29] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.parte-info span[data-v-3276ad29] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Comparación Atenas vs Esparta */
.comparacion-section[data-v-3276ad29] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-3276ad29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polis-grid[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.polis-card[data-v-3276ad29] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.atenas-card[data-v-3276ad29] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.esparta-card[data-v-3276ad29] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.polis-header[data-v-3276ad29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.polis-icono[data-v-3276ad29] {
  font-size: 1.25rem;
}
.atenas-card .polis-nombre[data-v-3276ad29] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 0.9rem;
}
.esparta-card .polis-nombre[data-v-3276ad29] {
  font-weight: 800;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.polis-caracteristicas[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.carac[data-v-3276ad29] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.carac strong[data-v-3276ad29] {
  color: #FFFFFF;
}

/* Democracia */
.democracia-section[data-v-3276ad29] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.democracia-titulo[data-v-3276ad29] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.democracia-explicacion p[data-v-3276ad29] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.democracia-limite[data-v-3276ad29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.limite-icono[data-v-3276ad29] {
  font-size: 1rem;
}
.limite-texto[data-v-3276ad29] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.limite-texto strong[data-v-3276ad29] {
  color: #FCD34D;
}

/* Legado */
.legado-section[data-v-3276ad29] {
  margin: 1.5rem 0;
}
.legado-titulo[data-v-3276ad29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.legado-grid[data-v-3276ad29] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.legado-item[data-v-3276ad29] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.legado-icono[data-v-3276ad29] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.legado-nombre[data-v-3276ad29] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.legado-ej[data-v-3276ad29] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-3276ad29] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3276ad29] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-3276ad29] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-3276ad29] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-3276ad29] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.polis-grid[data-v-3276ad29] {
    flex-direction: row;
}
.polis-card[data-v-3276ad29] {
    flex: 1;
}
.legado-grid[data-v-3276ad29] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header visual */
.header-visual[data-v-d6338435] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.roma-icon[data-v-d6338435] {
  font-size: 2.5rem;
}
.header-text[data-v-d6338435] {
  display: flex;
  flex-direction: column;
}
.titulo-principal[data-v-d6338435] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.subtitulo[data-v-d6338435] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Destacados */
strong.destacado[data-v-d6338435] {
  color: #FCD34D;
}

/* Instituciones */
.instituciones-section[data-v-d6338435] {
  margin: 1.5rem 0;
}
.instituciones-titulo[data-v-d6338435] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.instituciones-lista[data-v-d6338435] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.institucion[data-v-d6338435] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #FCD34D;
  border-radius: 0 0.5rem 0.5rem 0;
}
.inst-header[data-v-d6338435] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.inst-icono[data-v-d6338435] {
  font-size: 1rem;
}
.inst-nombre[data-v-d6338435] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.inst-desc[data-v-d6338435] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* División social */
.social-section[data-v-d6338435] {
  margin: 1.5rem 0;
}
.social-titulo[data-v-d6338435] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.social-grid[data-v-d6338435] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.grupo-social[data-v-d6338435] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.patricios[data-v-d6338435] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.plebeyos[data-v-d6338435] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.esclavos[data-v-d6338435] {
  background: rgba(107, 114, 128, 0.15);
  border: 1px solid rgba(107, 114, 128, 0.3);
}
.grupo-icono[data-v-d6338435] {
  font-size: 1.25rem;
}
.grupo-info[data-v-d6338435] {
  display: flex;
  flex-direction: column;
}
.grupo-info strong[data-v-d6338435] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.grupo-info span[data-v-d6338435] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Expansión */
.expansion-section[data-v-d6338435] {
  margin: 1.5rem 0;
}
.expansion-titulo[data-v-d6338435] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.expansion-timeline[data-v-d6338435] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(245, 158, 11, 0.5);
}
.timeline-item[data-v-d6338435] {
  padding-left: 0.75rem;
  position: relative;
}
.timeline-item[data-v-d6338435]::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0.4rem;
  width: 10px;
  height: 10px;
  background: #FCD34D;
  border-radius: 50%;
}
.timeline-fecha[data-v-d6338435] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.timeline-evento[data-v-d6338435] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Crisis */
.crisis-section[data-v-d6338435] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.crisis-titulo[data-v-d6338435] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crisis-contenido p[data-v-d6338435] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.personajes[data-v-d6338435] {
  display: flex;
  gap: 0.75rem;
}
.personaje[data-v-d6338435] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.pers-icono[data-v-d6338435] {
  font-size: 1.25rem;
}
.pers-nombre[data-v-d6338435] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pers-rol[data-v-d6338435] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-d6338435] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d6338435] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-d6338435] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-d6338435] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-d6338435] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.social-grid[data-v-d6338435] {
    flex-direction: row;
}
.grupo-social[data-v-d6338435] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.grupo-info[data-v-d6338435] {
    align-items: center;
}
.instituciones-lista[data-v-d6338435] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header visual */
.header-visual[data-v-24a688be] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.imperio-icon[data-v-24a688be] {
  font-size: 2.5rem;
}
.header-text[data-v-24a688be] {
  display: flex;
  flex-direction: column;
}
.titulo-principal[data-v-24a688be] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.subtitulo[data-v-24a688be] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Destacados */
strong.destacado[data-v-24a688be] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-24a688be] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-24a688be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-24a688be] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.caracteristica[data-v-24a688be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #FCD34D;
  border-radius: 0 0.5rem 0.5rem 0;
}
.carac-icono[data-v-24a688be] {
  font-size: 1.25rem;
}
.carac-info[data-v-24a688be] {
  display: flex;
  flex-direction: column;
}
.carac-info strong[data-v-24a688be] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.carac-info span[data-v-24a688be] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Pax Romana */
.pax-section[data-v-24a688be] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.pax-titulo[data-v-24a688be] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pax-contenido p[data-v-24a688be] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pax-beneficios[data-v-24a688be] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.beneficio[data-v-24a688be] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Legado */
.legado-section[data-v-24a688be] {
  margin: 1.5rem 0;
}
.legado-titulo[data-v-24a688be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.legado-grid[data-v-24a688be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.legado-item[data-v-24a688be] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.legado-icono[data-v-24a688be] {
  font-size: 1.5rem;
}
.legado-info[data-v-24a688be] {
  display: flex;
  flex-direction: column;
}
.legado-info strong[data-v-24a688be] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.legado-info span[data-v-24a688be] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Caída */
.caida-section[data-v-24a688be] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.caida-titulo[data-v-24a688be] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-titulo[data-v-24a688be] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.causas-lista[data-v-24a688be] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.causa[data-v-24a688be] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.causa-num[data-v-24a688be] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
}
.causa-texto[data-v-24a688be] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.division-info[data-v-24a688be] {
  display: flex;
  gap: 0.75rem;
}
.division-occidente[data-v-24a688be],
.division-oriente[data-v-24a688be] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.division-occidente[data-v-24a688be] {
  background: rgba(239, 68, 68, 0.2);
}
.division-oriente[data-v-24a688be] {
  background: rgba(59, 130, 246, 0.2);
}
.div-icono[data-v-24a688be] {
  font-size: 1.25rem;
}
.division-occidente strong[data-v-24a688be] {
  color: #FCA5A5;
  font-size: 0.8rem;
}
.division-oriente strong[data-v-24a688be] {
  color: #93C5FD;
  font-size: 0.8rem;
}
.division-occidente span[data-v-24a688be],
.division-oriente span[data-v-24a688be] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-24a688be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-24a688be] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-24a688be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-24a688be] {
  color: #FFFFFF;
}
.tip-contenido strong.destacado[data-v-24a688be] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.legado-grid[data-v-24a688be] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.pax-beneficios[data-v-24a688be] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-58444b61] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-58444b61] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-58444b61] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-58444b61] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-58444b61] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-58444b61] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-58444b61] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-58444b61] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-58444b61] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-58444b61] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-58444b61] {
  text-align: center;
}
.conceptos-disponibles[data-v-58444b61] {
  margin-bottom: 1rem;
}
.conceptos-label[data-v-58444b61] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.conceptos-pool[data-v-58444b61] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-btn[data-v-58444b61] {
  padding: 0.6rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.concepto-btn.seleccionado[data-v-58444b61] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.civilizaciones-destino[data-v-58444b61] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.civ-destino[data-v-58444b61] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.civ-destino.grecia[data-v-58444b61] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px dashed rgba(59, 130, 246, 0.4);
}
.civ-destino.roma[data-v-58444b61] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.civ-destino.activo[data-v-58444b61] {
  border-style: solid;
  transform: scale(1.02);
}
.civ-destino.activo.grecia[data-v-58444b61] {
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.civ-destino.activo.roma[data-v-58444b61] {
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.3);
}
.civ-icono[data-v-58444b61] {
  font-size: 1.5rem;
}
.civ-nombre[data-v-58444b61] {
  font-size: 0.8rem;
  font-weight: 700;
}
.grecia .civ-nombre[data-v-58444b61] {
  color: #93C5FD;
}
.roma .civ-nombre[data-v-58444b61] {
  color: #FCD34D;
}
.civ-conceptos[data-v-58444b61] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.concepto-clasificado[data-v-58444b61] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.concepto-clasificado.correcto[data-v-58444b61] {
  background: rgba(16, 185, 129, 0.2);
}
.concepto-clasificado.incorrecto[data-v-58444b61] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-58444b61] {
  text-align: center;
}
.pregunta-relacion[data-v-58444b61] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-58444b61] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-58444b61] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-58444b61] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-58444b61]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-58444b61] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-58444b61] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-58444b61] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-58444b61] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-58444b61] {
  text-align: center;
}
.timeline-instruccion[data-v-58444b61] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-58444b61] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-58444b61] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-58444b61] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-58444b61] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-58444b61] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #93C5FD, #8B5CF6, #FCD34D);
  border-radius: 2px;
}
.timeline-slots[data-v-58444b61] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-58444b61] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 60px;
}
.timeline-slot.ocupado[data-v-58444b61] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-58444b61] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.slot-evento[data-v-58444b61] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
}
.slot-placeholder[data-v-58444b61] {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-58444b61] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-58444b61], .btn-reiniciar[data-v-58444b61] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-58444b61] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-58444b61] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-58444b61] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-58444b61] { font-size: 1.25rem;
}
.resultado-texto[data-v-58444b61] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-58444b61] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-58444b61] { flex: 1;
}
.nav-btn[data-v-58444b61] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-58444b61] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-58444b61] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-58444b61] { font-size: 1.75rem;
}
.completado-texto[data-v-58444b61] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-58444b61], .slide-leave-active[data-v-58444b61] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-58444b61] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-58444b61] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-pool[data-v-58444b61] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.concepto-btn[data-v-58444b61] {
    flex: 0 1 auto;
}
.opciones-relacion[data-v-58444b61] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-58444b61] {
    flex: 1 1 45%;
}
.eventos-disponibles[data-v-58444b61] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-58444b61] {
    flex: 0 1 auto;
}
.slot-evento[data-v-58444b61] {
    font-size: 0.7rem;
}
}

/* Header de resumen */
.resumen-header[data-v-7e2555d5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-7e2555d5] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-7e2555d5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones de resumen */
.seccion-resumen[data-v-7e2555d5] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.grecia-resumen[data-v-7e2555d5] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.roma-resumen[data-v-7e2555d5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.seccion-header[data-v-7e2555d5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-7e2555d5] {
  font-size: 1.25rem;
}
.grecia-resumen .seccion-nombre[data-v-7e2555d5] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 1rem;
}
.roma-resumen .seccion-nombre[data-v-7e2555d5] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}
.puntos-clave[data-v-7e2555d5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto[data-v-7e2555d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-icono[data-v-7e2555d5] {
  font-size: 1rem;
}
.punto-contenido[data-v-7e2555d5] {
  display: flex;
  flex-direction: column;
}
.punto-contenido strong[data-v-7e2555d5] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.punto-contenido span[data-v-7e2555d5] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Conceptos clave */
.conceptos-section[data-v-7e2555d5] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-7e2555d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-7e2555d5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-7e2555d5] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-nombre[data-v-7e2555d5] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.concepto-def[data-v-7e2555d5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Timeline */
.timeline-section[data-v-7e2555d5] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-7e2555d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-items[data-v-7e2555d5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.timeline-item[data-v-7e2555d5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.grecia-item[data-v-7e2555d5] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #93C5FD;
}
.roma-item[data-v-7e2555d5] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
}
.tl-fecha[data-v-7e2555d5] {
  font-weight: 700;
  font-size: 0.8rem;
  min-width: 70px;
}
.grecia-item .tl-fecha[data-v-7e2555d5] {
  color: #93C5FD;
}
.roma-item .tl-fecha[data-v-7e2555d5] {
  color: #FCD34D;
}
.tl-evento[data-v-7e2555d5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-7e2555d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7e2555d5] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7e2555d5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7e2555d5] {
  color: #6EE7B7;
}
.tip-lista[data-v-7e2555d5] {
  margin: 0.5rem 0 0 1rem;
  padding: 0;
  list-style: disc;
}
.tip-lista li[data-v-7e2555d5] {
  margin-bottom: 0.25rem;
}
strong.destacado[data-v-7e2555d5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-7e2555d5] {
    grid-template-columns: repeat(3, 1fr);
}
.timeline-items[data-v-7e2555d5] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.timeline-item[data-v-7e2555d5] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    min-width: 100px;
    border-left: none;
    border-top: 3px solid;
}
.grecia-item[data-v-7e2555d5] {
    border-top-color: #93C5FD;
}
.roma-item[data-v-7e2555d5] {
    border-top-color: #FCD34D;
}
}

/* Intro visual */
.intro-visual[data-v-f1e630d3] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-f1e630d3] {
  font-size: 2.5rem;
  animation: float-f1e630d3 3s ease-in-out infinite;
}
.epoca-icono.vs[data-v-f1e630d3] {
  font-size: 1.75rem;
  color: #FCD34D;
  animation: pulse-vs-f1e630d3 1.5s ease-in-out infinite;
}
.epoca-icono[data-v-f1e630d3]:nth-child(3) {
  animation-delay: 0.5s;
}
@keyframes float-f1e630d3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
@keyframes pulse-vs-f1e630d3 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.8;
}
}

/* Destacados */
strong.destacado[data-v-f1e630d3] {
  color: #FCD34D;
}
strong.positivo[data-v-f1e630d3] {
  color: #6EE7B7;
}
strong.negativo[data-v-f1e630d3] {
  color: #FCA5A5;
}
strong.usa[data-v-f1e630d3] {
  color: #60A5FA;
}
strong.urss[data-v-f1e630d3] {
  color: #EF4444;
}

/* Contexto temporal */
.contexto-section[data-v-f1e630d3] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-f1e630d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-f1e630d3] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  flex-wrap: wrap;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}
.timeline-era[data-v-f1e630d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  min-width: 70px;
  flex-shrink: 0;
}
.timeline-era.fin-guerra[data-v-f1e630d3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.timeline-era.doctrina[data-v-f1e630d3] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.timeline-era.marshall[data-v-f1e630d3] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.bloques[data-v-f1e630d3] {
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.6);
}
.era-nombre[data-v-f1e630d3] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-f1e630d3] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.timeline-flecha[data-v-f1e630d3] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* Mundo bipolar */
.bipolar-section[data-v-f1e630d3] {
  margin: 1.5rem 0;
}
.bipolar-titulo[data-v-f1e630d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.bipolar-intro[data-v-f1e630d3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.bloques-grid[data-v-f1e630d3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.bloque[data-v-f1e630d3] {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.bloque.occidental[data-v-f1e630d3] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.bloque.oriental[data-v-f1e630d3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.bloque-icono[data-v-f1e630d3] {
  font-size: 2rem;
  flex-shrink: 0;
}
.bloque-info[data-v-f1e630d3] {
  flex: 1;
}
.bloque-info > strong[data-v-f1e630d3] {
  display: block;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.bloque-lider[data-v-f1e630d3] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.bloque-caracteristicas[data-v-f1e630d3] {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.bloque-caracteristicas li[data-v-f1e630d3] {
  font-size: 0.75rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.bloque-alianza[data-v-f1e630d3] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.alianza-icono[data-v-f1e630d3] {
  font-size: 1rem;
}
.vs-central[data-v-f1e630d3] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
  padding: 0.25rem 0;
}

/* División de Alemania */
.alemania-section[data-v-f1e630d3] {
  margin: 1.5rem 0;
}
.alemania-titulo[data-v-f1e630d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alemania-box[data-v-f1e630d3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.alemania-mapa[data-v-f1e630d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.alemania-parte[data-v-f1e630d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.alemania-parte.rfa[data-v-f1e630d3] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.alemania-parte.rda[data-v-f1e630d3] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.parte-nombre[data-v-f1e630d3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-lado[data-v-f1e630d3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.muro-berlin[data-v-f1e630d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
}
.muro-icono[data-v-f1e630d3] {
  font-size: 1.5rem;
}
.muro-texto[data-v-f1e630d3] {
  font-size: 0.6rem;
  color: #FCD34D;
  text-align: center;
  max-width: 60px;
}
.alemania-info[data-v-f1e630d3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Características */
.caracteristicas-section[data-v-f1e630d3] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-f1e630d3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-f1e630d3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica-item[data-v-f1e630d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-f1e630d3] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.carac-info[data-v-f1e630d3] {
  display: flex;
  flex-direction: column;
}
.carac-info strong[data-v-f1e630d3] {
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.carac-info span[data-v-f1e630d3] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-f1e630d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-f1e630d3] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-f1e630d3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-f1e630d3] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-f1e630d3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f1e630d3] {
    gap: 1.5rem;
}
.epoca-icono[data-v-f1e630d3] {
    font-size: 3rem;
}
.timeline-visual[data-v-f1e630d3] {
    justify-content: center;
    gap: 0.5rem;
}
.timeline-era[data-v-f1e630d3] {
    min-width: 85px;
}
.bloques-grid[data-v-f1e630d3] {
    flex-direction: row;
    align-items: stretch;
}
.bloque[data-v-f1e630d3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.bloque-icono[data-v-f1e630d3] {
    font-size: 2.5rem;
}
.vs-central[data-v-f1e630d3] {
    padding: 0 0.5rem;
    align-self: center;
}
.caracteristicas-grid[data-v-f1e630d3] {
    grid-template-columns: repeat(4, 1fr);
}
.alemania-parte[data-v-f1e630d3] {
    min-width: 100px;
    padding: 0.8rem 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-4d0a3b7e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.crisis-icono[data-v-4d0a3b7e] {
  font-size: 2.25rem;
  animation: pulse-4d0a3b7e 2s ease-in-out infinite;
}
.crisis-icono[data-v-4d0a3b7e]:nth-child(2) {
  animation-delay: 0.3s;
}
.crisis-icono[data-v-4d0a3b7e]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes pulse-4d0a3b7e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Destacados */
strong.destacado[data-v-4d0a3b7e] {
  color: #FCD34D;
}
strong.positivo[data-v-4d0a3b7e] {
  color: #6EE7B7;
}
strong.negativo[data-v-4d0a3b7e] {
  color: #FCA5A5;
}
strong.usa[data-v-4d0a3b7e] {
  color: #60A5FA;
}
strong.urss[data-v-4d0a3b7e] {
  color: #EF4444;
}

/* Conflictos principales */
.conflictos-section[data-v-4d0a3b7e] {
  margin: 1.5rem 0;
}
.conflictos-titulo[data-v-4d0a3b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conflicto-item[data-v-4d0a3b7e] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.conflicto-item.corea[data-v-4d0a3b7e] {
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.conflicto-item.vietnam[data-v-4d0a3b7e] {
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.conflicto-header[data-v-4d0a3b7e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
}
.conflicto-icono[data-v-4d0a3b7e] {
  font-size: 1.75rem;
}
.conflicto-nombre[data-v-4d0a3b7e] {
  display: flex;
  flex-direction: column;
}
.conflicto-nombre strong[data-v-4d0a3b7e] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.conflicto-fecha[data-v-4d0a3b7e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.conflicto-detalle[data-v-4d0a3b7e] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.05);
}
.conflicto-detalle p[data-v-4d0a3b7e] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.division-visual[data-v-4d0a3b7e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin: 0.5rem 0;
}
.division-parte[data-v-4d0a3b7e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.4rem;
  min-width: 85px;
}
.division-parte.norte[data-v-4d0a3b7e], .division-parte.norte-v[data-v-4d0a3b7e] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.division-parte.sur[data-v-4d0a3b7e], .division-parte.sur-v[data-v-4d0a3b7e] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.parte-nombre[data-v-4d0a3b7e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.parte-apoyo[data-v-4d0a3b7e] {
  font-size: 0.6rem;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  margin-top: 0.2rem;
}
.parte-apoyo.urss[data-v-4d0a3b7e] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.parte-apoyo.usa[data-v-4d0a3b7e] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.division-linea[data-v-4d0a3b7e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0 0.3rem;
}
.resultado[data-v-4d0a3b7e] {
  font-size: 0.85rem;
  margin-top: 0.5rem !important;
}

/* Crisis de los misiles */
.crisis-section[data-v-4d0a3b7e] {
  margin: 1.5rem 0;
}
.crisis-titulo[data-v-4d0a3b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crisis-box[data-v-4d0a3b7e] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.crisis-intro[data-v-4d0a3b7e] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 1rem 0;
}
.crisis-pasos[data-v-4d0a3b7e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-crisis[data-v-4d0a3b7e] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid rgba(239, 68, 68, 0.6);
}
.paso-crisis.solucion[data-v-4d0a3b7e] {
  border-left-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.paso-num[data-v-4d0a3b7e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.paso-crisis.solucion .paso-num[data-v-4d0a3b7e] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.paso-texto[data-v-4d0a3b7e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.consecuencia-crisis[data-v-4d0a3b7e] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.consec-icono[data-v-4d0a3b7e] {
  font-size: 1.5rem;
}
.consec-texto[data-v-4d0a3b7e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Otros conflictos */
.otros-section[data-v-4d0a3b7e] {
  margin: 1.5rem 0;
}
.otros-titulo[data-v-4d0a3b7e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otros-grid[data-v-4d0a3b7e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.otro-conflicto[data-v-4d0a3b7e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.otro-icono[data-v-4d0a3b7e] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.otro-info[data-v-4d0a3b7e] {
  display: flex;
  flex-direction: column;
}
.otro-info strong[data-v-4d0a3b7e] {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.otro-info span[data-v-4d0a3b7e] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-4d0a3b7e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4d0a3b7e] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4d0a3b7e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4d0a3b7e] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-4d0a3b7e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-4d0a3b7e] {
    gap: 1.5rem;
}
.crisis-icono[data-v-4d0a3b7e] {
    font-size: 2.75rem;
}
.division-parte[data-v-4d0a3b7e] {
    min-width: 120px;
    padding: 0.6rem 1rem;
}
.otros-grid[data-v-4d0a3b7e] {
    grid-template-columns: repeat(4, 1fr);
}
.otro-info strong[data-v-4d0a3b7e] {
    font-size: 0.75rem;
}
.otro-info span[data-v-4d0a3b7e] {
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-9931b8bb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.espacio-icono[data-v-9931b8bb] {
  font-size: 2.25rem;
  animation: orbit-9931b8bb 4s ease-in-out infinite;
}
.espacio-icono[data-v-9931b8bb]:nth-child(2) {
  animation-delay: 0.5s;
}
.espacio-icono[data-v-9931b8bb]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes orbit-9931b8bb {
0%, 100% { transform: translateY(0) scale(1);
}
50% { transform: translateY(-10px) scale(1.1);
}
}

/* Destacados */
strong.destacado[data-v-9931b8bb] {
  color: #FCD34D;
}
strong.positivo[data-v-9931b8bb] {
  color: #6EE7B7;
}
strong.negativo[data-v-9931b8bb] {
  color: #FCA5A5;
}
strong.usa[data-v-9931b8bb] {
  color: #60A5FA;
}
strong.urss[data-v-9931b8bb] {
  color: #EF4444;
}

/* Fases */
.fase-section[data-v-9931b8bb] {
  margin: 1.5rem 0;
}
.fase-section.urss-fase[data-v-9931b8bb] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.fase-section.usa-fase[data-v-9931b8bb] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.fase-titulo[data-v-9931b8bb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Hitos espaciales */
.hito-espacial[data-v-9931b8bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.hito-fecha[data-v-9931b8bb] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  min-width: 40px;
  text-align: center;
}
.hito-contenido[data-v-9931b8bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
}
.hito-icono[data-v-9931b8bb] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.hito-info[data-v-9931b8bb] {
  display: flex;
  flex-direction: column;
}
.hito-info strong[data-v-9931b8bb] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.hito-info span[data-v-9931b8bb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.hito-impacto[data-v-9931b8bb] {
  font-size: 0.7rem !important;
  padding: 0.15rem 0.4rem;
  border-radius: 0.2rem;
  margin-top: 0.2rem;
  width: fit-content;
}
.hito-impacto.urss[data-v-9931b8bb] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5 !important;
}

/* Kennedy box */
.kennedy-box[data-v-9931b8bb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.kennedy-quote[data-v-9931b8bb] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #60A5FA;
  border-radius: 0.4rem;
}
.quote-icono[data-v-9931b8bb] {
  font-size: 1.5rem;
  color: #60A5FA;
  line-height: 1;
}
.kennedy-quote p[data-v-9931b8bb] {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  line-height: 1.4;
}
.quote-autor[data-v-9931b8bb] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.nasa-creacion[data-v-9931b8bb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.nasa-icono[data-v-9931b8bb] {
  font-size: 1.25rem;
}

/* Luna section */
.luna-section[data-v-9931b8bb] {
  margin: 1.5rem 0;
}
.luna-titulo[data-v-9931b8bb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.luna-box[data-v-9931b8bb] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.apollo-visual[data-v-9931b8bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.cohete-visual[data-v-9931b8bb], .luna-visual[data-v-9931b8bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cohete-icono[data-v-9931b8bb], .luna-icono[data-v-9931b8bb] {
  font-size: 2.5rem;
}
.cohete-nombre[data-v-9931b8bb], .luna-fecha[data-v-9931b8bb] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.flecha-luna[data-v-9931b8bb] {
  font-size: 1.5rem;
  color: #FCD34D;
  animation: fly-9931b8bb 1.5s ease-in-out infinite;
}
@keyframes fly-9931b8bb {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(8px);
}
}
.astronautas-grid[data-v-9931b8bb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.astronauta[data-v-9931b8bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.astro-icono[data-v-9931b8bb] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.astronauta strong[data-v-9931b8bb] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.astronauta span[data-v-9931b8bb] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.frase-celebre[data-v-9931b8bb] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.frase-comilla[data-v-9931b8bb] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.frase-celebre p[data-v-9931b8bb] {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}
.frase-autor[data-v-9931b8bb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resultado-carrera[data-v-9931b8bb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9931b8bb] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-9931b8bb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Legado */
.legado-section[data-v-9931b8bb] {
  margin: 1.5rem 0;
}
.legado-titulo[data-v-9931b8bb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.legado-grid[data-v-9931b8bb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.legado-item[data-v-9931b8bb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.legado-icono[data-v-9931b8bb] {
  font-size: 1.25rem;
}
.legado-texto[data-v-9931b8bb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Cooperación */
.cooperacion-section[data-v-9931b8bb] {
  margin: 1.5rem 0;
}
.cooperacion-box[data-v-9931b8bb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.coop-icono[data-v-9931b8bb] {
  font-size: 2rem;
}
.coop-info[data-v-9931b8bb] {
  display: flex;
  flex-direction: column;
}
.coop-info strong[data-v-9931b8bb] {
  font-size: 0.9rem;
  color: #6EE7B7;
}
.coop-info span[data-v-9931b8bb] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-9931b8bb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9931b8bb] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9931b8bb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9931b8bb] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-9931b8bb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9931b8bb] {
    gap: 1.5rem;
}
.espacio-icono[data-v-9931b8bb] {
    font-size: 3rem;
}
.legado-grid[data-v-9931b8bb] {
    grid-template-columns: repeat(4, 1fr);
}
.astronautas-grid[data-v-9931b8bb] {
    max-width: 400px;
    margin: 0 auto 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-cd2003fb] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.fin-icono[data-v-cd2003fb] {
  font-size: 2.25rem;
}
.fin-icono.flecha[data-v-cd2003fb] {
  font-size: 1.5rem;
  color: #6EE7B7;
  animation: point-cd2003fb 1.5s ease-in-out infinite;
}
@keyframes point-cd2003fb {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(8px);
}
}

/* Destacados */
strong.destacado[data-v-cd2003fb] {
  color: #FCD34D;
}
strong.positivo[data-v-cd2003fb] {
  color: #6EE7B7;
}
strong.negativo[data-v-cd2003fb] {
  color: #FCA5A5;
}

/* Causas del colapso */
.causas-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-cd2003fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.causa-item[data-v-cd2003fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.causa-icono[data-v-cd2003fb] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.causa-info[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-cd2003fb] {
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.causa-info span[data-v-cd2003fb] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Gorbachov */
.gorbachov-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.gorbachov-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.gorbachov-box[data-v-cd2003fb] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.reformas-grid[data-v-cd2003fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.reforma-item[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.reforma-item.glasnost[data-v-cd2003fb] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.reforma-item.perestroika[data-v-cd2003fb] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.reforma-nombre[data-v-cd2003fb] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.reforma-traduccion[data-v-cd2003fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}
.reforma-desc[data-v-cd2003fb] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.35rem;
  line-height: 1.3;
}
.gorbachov-nota[data-v-cd2003fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Muro de Berlín */
.muro-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.muro-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.muro-box[data-v-cd2003fb] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.muro-visual[data-v-cd2003fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.muro-antes[data-v-cd2003fb], .muro-despues[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.muro-icono[data-v-cd2003fb] {
  font-size: 1.5rem;
  color: #FCA5A5;
}
.muro-icono-libre[data-v-cd2003fb] {
  font-size: 1.5rem;
}
.muro-texto[data-v-cd2003fb] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.muro-fecha[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.5rem;
}
.fecha-dia[data-v-cd2003fb] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #6EE7B7;
}
.fecha-ano[data-v-cd2003fb] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.muro-significado p[data-v-cd2003fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  line-height: 1.4;
}
.reunion-box[data-v-cd2003fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.reunion-icono[data-v-cd2003fb] {
  font-size: 1.5rem;
}
.reunion-texto[data-v-cd2003fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Efecto dominó */
.domino-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.domino-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.domino-grid[data-v-cd2003fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.domino-item[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.domino-bandera[data-v-cd2003fb] {
  font-size: 1.5rem;
}
.domino-item strong[data-v-cd2003fb] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.domino-item span[data-v-cd2003fb] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Disolución URSS */
.disolucion-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.disolucion-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.disolucion-box[data-v-cd2003fb] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.disolucion-visual[data-v-cd2003fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.urss-antes[data-v-cd2003fb], .urss-despues[data-v-cd2003fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.urss-icono[data-v-cd2003fb] {
  font-size: 2rem;
  color: #FCA5A5;
}
.paises-icono[data-v-cd2003fb] {
  font-size: 1.25rem;
}
.urss-nombre[data-v-cd2003fb], .paises-nombre[data-v-cd2003fb] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.urss-fecha[data-v-cd2003fb] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.disolucion-flecha[data-v-cd2003fb] {
  font-size: 1.5rem;
  color: #FCA5A5;
}
.disolucion-fecha-final[data-v-cd2003fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Nuevo orden mundial */
.nuevo-orden-section[data-v-cd2003fb] {
  margin: 1.5rem 0;
}
.orden-titulo[data-v-cd2003fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-grid[data-v-cd2003fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.orden-item[data-v-cd2003fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.orden-icono[data-v-cd2003fb] {
  font-size: 1.25rem;
}
.orden-texto[data-v-cd2003fb] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-cd2003fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cd2003fb] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-cd2003fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-cd2003fb] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-cd2003fb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-cd2003fb] {
    gap: 1.5rem;
}
.fin-icono[data-v-cd2003fb] {
    font-size: 3rem;
}
.causas-grid[data-v-cd2003fb], .orden-grid[data-v-cd2003fb] {
    grid-template-columns: repeat(4, 1fr);
}
.domino-grid[data-v-cd2003fb] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-0da996a3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0da996a3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0da996a3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0da996a3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0da996a3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0da996a3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0da996a3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0da996a3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0da996a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0da996a3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Bloques ===== */
.bloques-container[data-v-0da996a3] {
  text-align: center;
}
.elemento-actual[data-v-0da996a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-icono[data-v-0da996a3] {
  font-size: 2.5rem;
}
.elemento-nombre[data-v-0da996a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bloques-opciones[data-v-0da996a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bloque-btn[data-v-0da996a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.bloque-btn.occidental[data-v-0da996a3] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.bloque-btn.oriental[data-v-0da996a3] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.bloque-btn.seleccionada[data-v-0da996a3] {
  transform: scale(1.02);
}
.bloque-btn.occidental.seleccionada[data-v-0da996a3] {
  border-color: #3B82F6;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
}
.bloque-btn.oriental.seleccionada[data-v-0da996a3] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.bloque-btn.correcta[data-v-0da996a3] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.bloque-btn.incorrecta[data-v-0da996a3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.bloque-icono[data-v-0da996a3] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.bloque-nombre[data-v-0da996a3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bloque-detalle[data-v-0da996a3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.bloque-btn.correcta .bloque-nombre[data-v-0da996a3],
.bloque-btn.correcta .bloque-detalle[data-v-0da996a3],
.bloque-btn.incorrecta .bloque-nombre[data-v-0da996a3],
.bloque-btn.incorrecta .bloque-detalle[data-v-0da996a3] {
  color: white;
}
.bloques-contador[data-v-0da996a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Timeline ===== */
.timeline-container[data-v-0da996a3] {
  text-align: center;
}
.evento-pregunta[data-v-0da996a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.evento-icono[data-v-0da996a3] {
  font-size: 2.5rem;
}
.evento-nombre[data-v-0da996a3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fechas-opciones[data-v-0da996a3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fecha-btn[data-v-0da996a3] {
  padding: 0.75rem 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.fecha-btn.seleccionada[data-v-0da996a3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.fecha-btn.correcta[data-v-0da996a3] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.fecha-btn.incorrecta[data-v-0da996a3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.timeline-contador[data-v-0da996a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Conceptos ===== */
.conceptos-container[data-v-0da996a3] {
  text-align: center;
}
.concepto-pregunta[data-v-0da996a3] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-numero[data-v-0da996a3] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-0da996a3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-opciones[data-v-0da996a3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-btn[data-v-0da996a3] {
  padding: 0.65rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.concepto-btn.seleccionada[data-v-0da996a3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.concepto-btn.correcta[data-v-0da996a3] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.concepto-btn.incorrecta[data-v-0da996a3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.conceptos-contador[data-v-0da996a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-0da996a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0da996a3] { font-size: 1.25rem;
}
.resultado-texto[data-v-0da996a3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0da996a3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0da996a3] { flex: 1;
}
.nav-btn[data-v-0da996a3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0da996a3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0da996a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0da996a3] { font-size: 1.75rem;
}
.completado-texto[data-v-0da996a3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0da996a3], .slide-leave-active[data-v-0da996a3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0da996a3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0da996a3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.bloques-opciones[data-v-0da996a3] {
    flex-direction: row;
}
.bloque-btn[data-v-0da996a3] {
    flex: 1;
}
.fechas-opciones[data-v-0da996a3] {
    grid-template-columns: repeat(5, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-80d60997] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.resumen-icono[data-v-80d60997] {
  font-size: 3rem;
  animation: bounce-80d60997 2s ease-in-out infinite;
}
@keyframes bounce-80d60997 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}
.intro-texto[data-v-80d60997] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-80d60997] {
  color: #FCD34D;
}
strong.usa[data-v-80d60997] {
  color: #60A5FA;
}
strong.urss[data-v-80d60997] {
  color: #EF4444;
}

/* Ficha rápida */
.ficha-section[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.ficha-titulo[data-v-80d60997] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ficha-grid[data-v-80d60997] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ficha-item[data-v-80d60997] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.ficha-label[data-v-80d60997] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ficha-valor[data-v-80d60997] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos clave */
.conceptos-section[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.conceptos-titulo[data-v-80d60997] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-card[data-v-80d60997] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-card.bipolaridad[data-v-80d60997] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.concepto-card.conflictos[data-v-80d60997] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.concepto-card.crisis[data-v-80d60997] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.concepto-card.espacio[data-v-80d60997] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.concepto-card.fin[data-v-80d60997] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.concepto-header[data-v-80d60997] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.concepto-icono[data-v-80d60997] {
  font-size: 1.25rem;
}
.concepto-header strong[data-v-80d60997] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.concepto-card p[data-v-80d60997] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fechas importantes */
.fechas-section[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.fechas-titulo[data-v-80d60997] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-80d60997] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.fecha-item[data-v-80d60997] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.fecha-item.destacada[data-v-80d60997] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.fecha-ano[data-v-80d60997] {
  font-size: 0.85rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 45px;
}
.fecha-evento[data-v-80d60997] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.fecha-item.destacada .fecha-evento[data-v-80d60997] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Alianzas */
.alianzas-section[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.alianzas-titulo[data-v-80d60997] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alianzas-grid[data-v-80d60997] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.alianza-card[data-v-80d60997] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 100px;
}
.alianza-card.otan[data-v-80d60997] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.alianza-card.varsovia[data-v-80d60997] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.alianza-nombre[data-v-80d60997] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.alianza-fecha[data-v-80d60997] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.alianza-lider[data-v-80d60997] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.alianza-vs[data-v-80d60997] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}

/* Símbolos */
.simbolos-section[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.simbolos-titulo[data-v-80d60997] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.simbolos-grid[data-v-80d60997] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.simbolo-item[data-v-80d60997] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.simbolo-icono[data-v-80d60997] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.simbolo-nombre[data-v-80d60997] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.simbolo-desc[data-v-80d60997] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-80d60997] {
  margin-bottom: 1.5rem;
}
.tip-final[data-v-80d60997] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
}
.tip-num[data-v-80d60997] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tip-texto[data-v-80d60997] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-80d60997] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-80d60997] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.final-icono[data-v-80d60997] {
  font-size: 2rem;
}
.final-texto[data-v-80d60997] {
  display: flex;
  flex-direction: column;
}
.final-texto strong[data-v-80d60997] {
  font-size: 1rem;
  color: #6EE7B7;
}
.final-texto span[data-v-80d60997] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.ficha-grid[data-v-80d60997] {
    grid-template-columns: repeat(4, 1fr);
}
.alianza-card[data-v-80d60997] {
    min-width: 140px;
}
.simbolos-grid[data-v-80d60997] {
    gap: 0.75rem;
}
.simbolo-item[data-v-80d60997] {
    padding: 0.75rem 0.6rem;
}
.simbolo-icono[data-v-80d60997] {
    font-size: 1.75rem;
}
.simbolo-nombre[data-v-80d60997] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-7e866522] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-7e866522] {
  font-size: 2.5rem;
  animation: float-7e866522 3s ease-in-out infinite;
}
.epoca-icono[data-v-7e866522]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-7e866522]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7e866522 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-7e866522] {
  color: #FCD34D;
}
strong.positivo[data-v-7e866522] {
  color: #6EE7B7;
}
strong.negativo[data-v-7e866522] {
  color: #FCA5A5;
}

/* Países grid */
.contexto-section[data-v-7e866522] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-7e866522] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paises-grid[data-v-7e866522] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.pais[data-v-7e866522] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
}
.pais.chile[data-v-7e866522] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.pais.peru[data-v-7e866522] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.pais.bolivia[data-v-7e866522] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.pais-icono[data-v-7e866522] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.pais-nombre[data-v-7e866522] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pais-rol[data-v-7e866522] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.pais.chile .pais-nombre[data-v-7e866522] { color: #6EE7B7;
}
.pais.peru .pais-nombre[data-v-7e866522] { color: #FCA5A5;
}
.pais.bolivia .pais-nombre[data-v-7e866522] { color: #FCD34D;
}

/* Timeline */
.timeline-section[data-v-7e866522] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-7e866522] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-7e866522] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.timeline-inicio[data-v-7e866522], .timeline-fin[data-v-7e866522] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.timeline-inicio .fecha[data-v-7e866522], .timeline-fin .fecha[data-v-7e866522] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.timeline-inicio .evento[data-v-7e866522], .timeline-fin .evento[data-v-7e866522] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.timeline-linea[data-v-7e866522] {
  flex: 1;
  height: 4px;
  margin: 0 0.75rem;
  background: linear-gradient(to right, #10B981, #EF4444);
  border-radius: 2px;
}

/* Recurso */
.recurso-section[data-v-7e866522] {
  margin: 1.5rem 0;
}
.recurso-titulo[data-v-7e866522] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.recurso-info[data-v-7e866522] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.recurso-icono[data-v-7e866522] {
  font-size: 2rem;
}
.recurso-detalle[data-v-7e866522] {
  flex: 1;
}
.recurso-detalle p[data-v-7e866522] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.recurso-lista[data-v-7e866522] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.recurso-lista li[data-v-7e866522] {
  margin-bottom: 0.25rem;
}

/* Zona */
.zona-section[data-v-7e866522] {
  margin: 1.5rem 0;
}
.zona-titulo[data-v-7e866522] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.zona-card[data-v-7e866522] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.zona-icono[data-v-7e866522] {
  font-size: 2rem;
}
.zona-info[data-v-7e866522] {
  flex: 1;
}
.zona-info strong[data-v-7e866522] {
  display: block;
  font-size: 0.95rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.zona-info span[data-v-7e866522] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-7e866522] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7e866522] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7e866522] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7e866522] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-7e866522] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7e866522] {
    gap: 1.5rem;
}
.epoca-icono[data-v-7e866522] {
    font-size: 3rem;
}
.pais[data-v-7e866522] {
    padding: 0.75rem;
}
.pais-icono[data-v-7e866522] {
    font-size: 2.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-8a1acb46] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.causa-icono[data-v-8a1acb46] {
  font-size: 2rem;
  animation: float-8a1acb46 3s ease-in-out infinite;
}
.causa-icono[data-v-8a1acb46]:nth-child(2) {
  animation-delay: 0.5s;
}
.causa-icono[data-v-8a1acb46]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-8a1acb46 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-8a1acb46] {
  color: #FCD34D;
}
strong.positivo[data-v-8a1acb46] {
  color: #6EE7B7;
}
strong.negativo[data-v-8a1acb46] {
  color: #FCA5A5;
}

/* Causas */
.causas-section[data-v-8a1acb46] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-8a1acb46] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-item[data-v-8a1acb46] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.causa-item.tratado[data-v-8a1acb46] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.causa-item.impuesto[data-v-8a1acb46] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.causa-item.alianza[data-v-8a1acb46] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.causa-item.ocupacion[data-v-8a1acb46] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.causa-header[data-v-8a1acb46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.causa-num[data-v-8a1acb46] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.causa-nombre[data-v-8a1acb46] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.causa-detalle[data-v-8a1acb46] {
  padding: 0.5rem 0.75rem;
}
.causa-detalle p[data-v-8a1acb46] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fecha destacada */
.fecha-destacada[data-v-8a1acb46] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.fecha-icono[data-v-8a1acb46] {
  font-size: 2rem;
}
.fecha-contenido[data-v-8a1acb46] {
  display: flex;
  flex-direction: column;
}
.fecha-dia[data-v-8a1acb46] {
  font-size: 1rem;
  color: #FCA5A5;
}
.fecha-descripcion[data-v-8a1acb46] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-top: 0.25rem;
}

/* Intereses */
.intereses-section[data-v-8a1acb46] {
  margin: 1.5rem 0;
}
.intereses-titulo[data-v-8a1acb46] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.intereses-grid[data-v-8a1acb46] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.interes[data-v-8a1acb46] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.interes.chile-interes[data-v-8a1acb46] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.interes.bolivia-interes[data-v-8a1acb46] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.interes.peru-interes[data-v-8a1acb46] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.interes-icono[data-v-8a1acb46] {
  font-size: 1.5rem;
}
.interes-info[data-v-8a1acb46] {
  flex: 1;
}
.interes-info strong[data-v-8a1acb46] {
  display: block;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.interes-info span[data-v-8a1acb46] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-8a1acb46] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8a1acb46] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-8a1acb46] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8a1acb46] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-8a1acb46] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-8a1acb46] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8a1acb46] {
    gap: 1.5rem;
}
.causa-icono[data-v-8a1acb46] {
    font-size: 2.5rem;
}
.intereses-grid[data-v-8a1acb46] {
    flex-direction: row;
}
.interes[data-v-8a1acb46] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.interes-info[data-v-8a1acb46] {
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-b8ae98ea] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.fase-icono[data-v-b8ae98ea] {
  font-size: 2rem;
  animation: float-b8ae98ea 3s ease-in-out infinite;
}
.fase-icono[data-v-b8ae98ea]:nth-child(2) {
  animation-delay: 0.5s;
}
.fase-icono[data-v-b8ae98ea]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b8ae98ea {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b8ae98ea] {
  color: #FCD34D;
}
strong.positivo[data-v-b8ae98ea] {
  color: #6EE7B7;
}
strong.negativo[data-v-b8ae98ea] {
  color: #FCA5A5;
}

/* Fases */
.fases-section[data-v-b8ae98ea] {
  margin: 1.5rem 0;
}
.fases-titulo[data-v-b8ae98ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fase-card[data-v-b8ae98ea] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.fase-card.maritima[data-v-b8ae98ea] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.fase-card.terrestre-sur[data-v-b8ae98ea] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.fase-card.lima[data-v-b8ae98ea] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.fase-header[data-v-b8ae98ea] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.fase-emoji[data-v-b8ae98ea] {
  font-size: 1.5rem;
}
.fase-info[data-v-b8ae98ea] {
  display: flex;
  flex-direction: column;
}
.fase-info strong[data-v-b8ae98ea] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.fase-info span[data-v-b8ae98ea] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.fase-contenido[data-v-b8ae98ea] {
  padding: 0.6rem 0.75rem;
}
.fase-contenido p[data-v-b8ae98ea] {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Batallas destacadas */
.batalla-destacada[data-v-b8ae98ea] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  margin-bottom: 0.4rem;
  border-radius: 0.4rem;
}
.batalla-destacada.combate[data-v-b8ae98ea] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.batalla-destacada.victoria[data-v-b8ae98ea] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.batalla-fecha[data-v-b8ae98ea] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
}
.batalla-nombre[data-v-b8ae98ea] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.1rem 0;
}
.batalla-detalle[data-v-b8ae98ea] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Personajes */
.personajes-section[data-v-b8ae98ea] {
  margin: 1.5rem 0;
}
.personajes-titulo[data-v-b8ae98ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.personajes-grid[data-v-b8ae98ea] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.personaje[data-v-b8ae98ea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.personaje-icono[data-v-b8ae98ea] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.personaje-info[data-v-b8ae98ea] {
  display: flex;
  flex-direction: column;
}
.personaje-info strong[data-v-b8ae98ea] {
  font-size: 0.7rem;
  color: #FFFFFF;
}
.personaje-info span[data-v-b8ae98ea] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-b8ae98ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b8ae98ea] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b8ae98ea] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b8ae98ea] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b8ae98ea] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-b8ae98ea] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b8ae98ea] {
    gap: 1.5rem;
}
.fase-icono[data-v-b8ae98ea] {
    font-size: 2.5rem;
}
.personaje[data-v-b8ae98ea] {
    padding: 0.6rem;
}
.personaje-icono[data-v-b8ae98ea] {
    font-size: 1.75rem;
}
.personaje-info strong[data-v-b8ae98ea] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-924baa20] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.consecuencia-icono[data-v-924baa20] {
  font-size: 2rem;
  animation: float-924baa20 3s ease-in-out infinite;
}
.consecuencia-icono[data-v-924baa20]:nth-child(2) {
  animation-delay: 0.5s;
}
.consecuencia-icono[data-v-924baa20]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-924baa20 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-924baa20] {
  color: #FCD34D;
}
strong.positivo[data-v-924baa20] {
  color: #6EE7B7;
}
strong.negativo[data-v-924baa20] {
  color: #FCA5A5;
}

/* Tratados */
.tratados-section[data-v-924baa20] {
  margin: 1.5rem 0;
}
.tratados-titulo[data-v-924baa20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tratado-card[data-v-924baa20] {
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.tratado-card.ancon[data-v-924baa20] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.tratado-card.tregua[data-v-924baa20] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tratado-header[data-v-924baa20] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tratado-icono[data-v-924baa20] {
  font-size: 1.5rem;
}
.tratado-info[data-v-924baa20] {
  display: flex;
  flex-direction: column;
}
.tratado-info strong[data-v-924baa20] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.tratado-info span[data-v-924baa20] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tratado-contenido[data-v-924baa20] {
  padding: 0.5rem 0.75rem;
}
.tratado-contenido ul[data-v-924baa20] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tratado-contenido li[data-v-924baa20] {
  margin-bottom: 0.25rem;
}

/* Territorios */
.territorios-section[data-v-924baa20] {
  margin: 1.5rem 0;
}
.territorios-titulo[data-v-924baa20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.territorio-visual[data-v-924baa20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.territorio-chile[data-v-924baa20] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.territorio-icono[data-v-924baa20] {
  font-size: 2rem;
}
.territorio-info strong[data-v-924baa20] {
  display: block;
  margin-bottom: 0.25rem;
}
.territorio-info ul[data-v-924baa20] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.territorio-perdedores[data-v-924baa20] {
  display: flex;
  gap: 0.5rem;
}
.perdedor[data-v-924baa20] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.perdedor.peru[data-v-924baa20] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.perdedor.bolivia[data-v-924baa20] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.perdedor-icono[data-v-924baa20] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.perdedor strong[data-v-924baa20] {
  font-size: 0.75rem;
  display: block;
  margin-bottom: 0.15rem;
}
.perdedor span[data-v-924baa20] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Economía */
.economia-section[data-v-924baa20] {
  margin: 1.5rem 0;
}
.economia-titulo[data-v-924baa20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.economia-grid[data-v-924baa20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.economia-item[data-v-924baa20] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.economia-item.positiva[data-v-924baa20] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.economia-item.negativa[data-v-924baa20] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.economia-icono[data-v-924baa20] {
  font-size: 1.5rem;
}
.economia-info strong[data-v-924baa20] {
  display: block;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.economia-info span[data-v-924baa20] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Largo plazo */
.largo-plazo-section[data-v-924baa20] {
  margin: 1.5rem 0;
}
.largo-plazo-titulo[data-v-924baa20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.largo-plazo-grid[data-v-924baa20] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.largo-item[data-v-924baa20] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.largo-icono[data-v-924baa20] {
  font-size: 1.25rem;
}
.largo-texto[data-v-924baa20] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-924baa20] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-924baa20] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-924baa20] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-924baa20] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-924baa20] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-924baa20] {
  color: #FCA5A5;
}
.tip-contenido strong.positivo[data-v-924baa20] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-924baa20] {
    gap: 1.5rem;
}
.consecuencia-icono[data-v-924baa20] {
    font-size: 2.5rem;
}
.economia-grid[data-v-924baa20] {
    flex-direction: row;
}
.economia-item[data-v-924baa20] {
    flex: 1;
}
}

.explorador[data-v-e7e0f25a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e7e0f25a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e7e0f25a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e7e0f25a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e7e0f25a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e7e0f25a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e7e0f25a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e7e0f25a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e7e0f25a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e7e0f25a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar batallas ===== */
.clasificar-container[data-v-e7e0f25a] {
  text-align: center;
}
.evento-actual[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.evento-texto[data-v-e7e0f25a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.evento-fecha[data-v-e7e0f25a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.campanas-grid[data-v-e7e0f25a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.campana-btn[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  font-family: inherit;
}
.campana-btn.maritima[data-v-e7e0f25a] {
  border-color: rgba(59, 130, 246, 0.4);
}
.campana-btn.tarapaca[data-v-e7e0f25a] {
  border-color: rgba(245, 158, 11, 0.4);
}
.campana-btn.lima[data-v-e7e0f25a] {
  border-color: rgba(16, 185, 129, 0.4);
}
.campana-btn[data-v-e7e0f25a]:hover:not(:disabled) {
  transform: scale(1.02);
}
.campana-btn.seleccionado[data-v-e7e0f25a] {
  transform: scale(1.05);
}
.campana-btn.seleccionado.maritima[data-v-e7e0f25a] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.campana-btn.seleccionado.tarapaca[data-v-e7e0f25a] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.campana-btn.seleccionado.lima[data-v-e7e0f25a] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.campana-btn.correcto[data-v-e7e0f25a] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.campana-btn.incorrecto[data-v-e7e0f25a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.campana-icono[data-v-e7e0f25a] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.campana-nombre[data-v-e7e0f25a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.campana-btn.correcto .campana-nombre[data-v-e7e0f25a],
.campana-btn.incorrecto .campana-nombre[data-v-e7e0f25a] {
  color: white;
}
.clasificar-contador[data-v-e7e0f25a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Países y consecuencias ===== */
.relacionar-container[data-v-e7e0f25a] {
  text-align: center;
}
.pais-actual[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pais-avatar[data-v-e7e0f25a] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.pais-nombre[data-v-e7e0f25a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.consecuencias-grid[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.consecuencia-btn[data-v-e7e0f25a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.consecuencia-btn[data-v-e7e0f25a]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.consecuencia-btn.seleccionado[data-v-e7e0f25a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.consecuencia-btn.correcto[data-v-e7e0f25a] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white;
}
.consecuencia-btn.incorrecto[data-v-e7e0f25a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white;
}
.relacionar-contador[data-v-e7e0f25a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-e7e0f25a] {
  text-align: center;
}
.eventos-disponibles[data-v-e7e0f25a] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-e7e0f25a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.evento-btn[data-v-e7e0f25a] {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-e7e0f25a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-ordenar[data-v-e7e0f25a] {
  margin: 1rem 0;
}
.timeline-labels[data-v-e7e0f25a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-e7e0f25a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-timeline[data-v-e7e0f25a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-e7e0f25a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-e7e0f25a 1s infinite;
}
@keyframes pulse-e7e0f25a {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-e7e0f25a] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-e7e0f25a] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-e7e0f25a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-e7e0f25a] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-e7e0f25a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-e7e0f25a], .btn-reiniciar[data-v-e7e0f25a] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-e7e0f25a] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-e7e0f25a] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-e7e0f25a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e7e0f25a] { font-size: 1.25rem;
}
.resultado-texto[data-v-e7e0f25a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e7e0f25a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e7e0f25a] { flex: 1;
}
.nav-btn[data-v-e7e0f25a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e7e0f25a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e7e0f25a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e7e0f25a] { font-size: 1.75rem;
}
.completado-texto[data-v-e7e0f25a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e7e0f25a], .slide-leave-active[data-v-e7e0f25a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e7e0f25a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e7e0f25a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-e7e0f25a] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-e7e0f25a] {
    flex: 0 1 auto;
}
.slots-row[data-v-e7e0f25a] {
    flex-direction: row;
}
.slot-timeline[data-v-e7e0f25a] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.slot-evento[data-v-e7e0f25a] {
    text-align: center;
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-3691344e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-3691344e] {
  font-size: 2rem;
  animation: float-3691344e 3s ease-in-out infinite;
}
.resumen-icono[data-v-3691344e]:nth-child(2) {
  animation-delay: 0.5s;
}
.resumen-icono[data-v-3691344e]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-3691344e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-3691344e] {
  color: #FCD34D;
}
strong.positivo[data-v-3691344e] {
  color: #6EE7B7;
}
strong.negativo[data-v-3691344e] {
  color: #FCA5A5;
}

/* Resumen cards */
.resumen-section[data-v-3691344e] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-3691344e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-cards[data-v-3691344e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-card[data-v-3691344e] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.resumen-card.que[data-v-3691344e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.resumen-card.causa[data-v-3691344e] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.resumen-card.inicio[data-v-3691344e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.resumen-card.resultado[data-v-3691344e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.card-icono[data-v-3691344e] {
  font-size: 1.25rem;
}
.card-contenido[data-v-3691344e] {
  flex: 1;
}
.card-contenido strong[data-v-3691344e] {
  display: block;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.card-contenido span[data-v-3691344e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fechas */
.fechas-section[data-v-3691344e] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-3691344e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-3691344e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.fecha-item[data-v-3691344e] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.fecha-year[data-v-3691344e] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FCD34D;
}
.fecha-evento[data-v-3691344e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Consecuencias */
.consecuencias-section[data-v-3691344e] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-3691344e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-visual[data-v-3691344e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.consecuencia[data-v-3691344e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.3rem;
  border-radius: 0.5rem;
  text-align: center;
}
.consecuencia.chile-cons[data-v-3691344e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.consecuencia.peru-cons[data-v-3691344e] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.consecuencia.bolivia-cons[data-v-3691344e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.cons-icono[data-v-3691344e] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.consecuencia strong[data-v-3691344e] {
  font-size: 0.7rem;
  display: block;
  margin-bottom: 0.15rem;
}
.consecuencia span[data-v-3691344e] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Héroe */
.heroe-section[data-v-3691344e] {
  margin: 1.5rem 0;
}
.heroe-card[data-v-3691344e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.heroe-icono[data-v-3691344e] {
  font-size: 2rem;
}
.heroe-info[data-v-3691344e] {
  flex: 1;
}
.heroe-info strong[data-v-3691344e] {
  display: block;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.heroe-info span[data-v-3691344e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tips */
.tips-paes[data-v-3691344e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-3691344e] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-3691344e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-3691344e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-3691344e] {
  color: #10B981;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-item span[data-v-3691344e]:last-child {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-3691344e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-3691344e] {
  font-size: 2rem;
}
.final-contenido[data-v-3691344e] {
  flex: 1;
}
.final-contenido strong[data-v-3691344e] {
  display: block;
  font-size: 1rem;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.final-contenido span[data-v-3691344e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3691344e] {
    gap: 1.5rem;
}
.resumen-icono[data-v-3691344e] {
    font-size: 2.5rem;
}
.fechas-grid[data-v-3691344e] {
    grid-template-columns: repeat(3, 1fr);
}
.resumen-cards[data-v-3691344e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-7c137b66] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-7c137b66] {
  font-size: 2.5rem;
  animation: float-7c137b66 3s ease-in-out infinite;
}
.epoca-icono[data-v-7c137b66]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-7c137b66]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7c137b66 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-7c137b66] {
  color: #FCD34D;
}
strong.positivo[data-v-7c137b66] {
  color: #6EE7B7;
}

/* Contexto temporal */
.contexto-section[data-v-7c137b66] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-7c137b66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-7c137b66] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-7c137b66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.renacimiento[data-v-7c137b66] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.reforma[data-v-7c137b66] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.ilustracion[data-v-7c137b66] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.era-nombre[data-v-7c137b66] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-7c137b66] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.ilustracion .era-nombre[data-v-7c137b66] {
  color: #6EE7B7;
}
.timeline-flecha[data-v-7c137b66] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Ideas centrales */
.ideas-section[data-v-7c137b66] {
  margin: 1.5rem 0;
}
.ideas-titulo[data-v-7c137b66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ideas-grid[data-v-7c137b66] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.idea-item[data-v-7c137b66] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
  border-radius: 0 0.4rem 0.4rem 0;
}
.idea-icono[data-v-7c137b66] {
  font-size: 1.25rem;
}
.idea-info[data-v-7c137b66] {
  display: flex;
  flex-direction: column;
}
.idea-info strong[data-v-7c137b66] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.idea-info span[data-v-7c137b66] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Francia section */
.francia-section[data-v-7c137b66] {
  margin: 1.5rem 0;
}
.francia-titulo[data-v-7c137b66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.francia-box[data-v-7c137b66] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.francia-info p[data-v-7c137b66] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.francia-iconos[data-v-7c137b66] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  font-size: 1.5rem;
}

/* Enciclopedia */
.enciclopedia-section[data-v-7c137b66] {
  margin: 1.5rem 0;
}
.enciclopedia-titulo[data-v-7c137b66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enciclopedia-box[data-v-7c137b66] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.enciclopedia-dato[data-v-7c137b66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  text-align: center;
}
.dato-label[data-v-7c137b66] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dato-valor[data-v-7c137b66] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.enciclopedia-desc[data-v-7c137b66] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0;
}

/* Tip PAES */
.tip-paes[data-v-7c137b66] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7c137b66] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7c137b66] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7c137b66] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-7c137b66] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7c137b66] {
    gap: 1.5rem;
}
.epoca-icono[data-v-7c137b66] {
    font-size: 3rem;
}
.ideas-grid[data-v-7c137b66] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-65e50536] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.filosofo-icono[data-v-65e50536] {
  font-size: 2rem;
  animation: float-65e50536 3s ease-in-out infinite;
}
.filosofo-icono[data-v-65e50536]:nth-child(2) {
  animation-delay: 0.5s;
}
.filosofo-icono[data-v-65e50536]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-65e50536 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-6px);
}
}

/* Destacados */
strong.destacado[data-v-65e50536] {
  color: #FCD34D;
}
strong.positivo[data-v-65e50536] {
  color: #6EE7B7;
}

/* Filosofo card */
.filosofo-card[data-v-65e50536] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.filosofo-header[data-v-65e50536] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.filosofo-emoji[data-v-65e50536] {
  font-size: 1.75rem;
}
.filosofo-titulo[data-v-65e50536] {
  display: flex;
  flex-direction: column;
}
.filosofo-titulo strong[data-v-65e50536] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.filosofo-pais[data-v-65e50536] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.filosofo-contenido[data-v-65e50536] {
  padding: 0 0.75rem 0.75rem;
}

/* Card colors */
.montesquieu[data-v-65e50536] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.voltaire[data-v-65e50536] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.rousseau[data-v-65e50536] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.locke[data-v-65e50536] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}

/* Obra principal */
.obra-principal[data-v-65e50536] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.obra-label[data-v-65e50536] {
  font-size: 0.65rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.obra-nombre[data-v-65e50536] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-style: italic;
}

/* Idea principal */
.idea-principal[data-v-65e50536] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.idea-label[data-v-65e50536] {
  font-size: 0.7rem;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.25rem;
}
.idea-principal p[data-v-65e50536] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Cita famosa */
.cita-famosa[data-v-65e50536] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  border-left: 2px solid #8B5CF6;
}
.cita-icono[data-v-65e50536] {
  font-size: 1rem;
}
.cita-texto[data-v-65e50536] {
  font-size: 0.75rem;
  font-style: italic;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Etiqueta precursor */
.etiqueta-precursor[data-v-65e50536] {
  display: inline-block;
  font-size: 0.65rem;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

/* Resumen filosofos */
.resumen-filosofos[data-v-65e50536] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-65e50536] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-grid[data-v-65e50536] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.resumen-item[data-v-65e50536] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.resumen-nombre[data-v-65e50536] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-aporte[data-v-65e50536] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-65e50536] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-65e50536] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-65e50536] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-65e50536] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-65e50536] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-65e50536] {
    gap: 1.5rem;
}
.filosofo-icono[data-v-65e50536] {
    font-size: 2.5rem;
}
.resumen-grid[data-v-65e50536] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-c90387f0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.despota-icono[data-v-c90387f0] {
  font-size: 2rem;
  animation: float-c90387f0 3s ease-in-out infinite;
}
.despota-icono[data-v-c90387f0]:nth-child(2) {
  animation-delay: 0.5s;
}
.despota-icono[data-v-c90387f0]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-c90387f0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-6px);
}
}

/* Destacados */
strong.destacado[data-v-c90387f0] {
  color: #FCD34D;
}
strong.positivo[data-v-c90387f0] {
  color: #6EE7B7;
}
strong.negativo[data-v-c90387f0] {
  color: #FCA5A5;
}

/* Lema */
.lema-section[data-v-c90387f0] {
  margin: 1.5rem 0;
}
.lema-box[data-v-c90387f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0.75rem;
}
.lema-comillas[data-v-c90387f0] {
  font-size: 2rem;
  color: #FCD34D;
  font-weight: 700;
}
.lema-texto[data-v-c90387f0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.lema-explicacion[data-v-c90387f0] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Características */
.caracteristicas-section[data-v-c90387f0] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-c90387f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-c90387f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica-item[data-v-c90387f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0 0.4rem 0.4rem 0;
}
.caracteristica-item.positivo[data-v-c90387f0] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.caracteristica-item.negativo[data-v-c90387f0] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #FCA5A5;
}
.caracteristica-icono[data-v-c90387f0] {
  font-size: 1.25rem;
}
.caracteristica-info[data-v-c90387f0] {
  display: flex;
  flex-direction: column;
}
.caracteristica-item.positivo .caracteristica-info strong[data-v-c90387f0] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.caracteristica-item.negativo .caracteristica-info strong[data-v-c90387f0] {
  color: #FCA5A5;
  font-size: 0.9rem;
}
.caracteristica-info span[data-v-c90387f0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Déspotas */
.despotas-section[data-v-c90387f0] {
  margin: 1.5rem 0;
}
.despotas-titulo[data-v-c90387f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.despota-card[data-v-c90387f0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.6rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.despota-card.espana[data-v-c90387f0] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.despota-header[data-v-c90387f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.despota-emoji[data-v-c90387f0] {
  font-size: 1.5rem;
}
.despota-info[data-v-c90387f0] {
  display: flex;
  flex-direction: column;
}
.despota-info strong[data-v-c90387f0] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.despota-info span[data-v-c90387f0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.despota-logros[data-v-c90387f0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.logro-tag[data-v-c90387f0] {
  font-size: 0.65rem;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.relevancia-chile[data-v-c90387f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.4rem;
}
.relevancia-icono[data-v-c90387f0] {
  font-size: 1rem;
}
.relevancia-texto[data-v-c90387f0] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Contradicción */
.contradiccion-section[data-v-c90387f0] {
  margin: 1.5rem 0;
}
.contradiccion-titulo[data-v-c90387f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contradiccion-box[data-v-c90387f0] {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}
.contradiccion-lado[data-v-c90387f0] {
  flex: 1;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.contradiccion-lado.ilustracion[data-v-c90387f0] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.contradiccion-lado.despotismo[data-v-c90387f0] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado-header[data-v-c90387f0] {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.ilustracion .lado-header[data-v-c90387f0] {
  color: #6EE7B7;
}
.despotismo .lado-header[data-v-c90387f0] {
  color: #FCA5A5;
}
.contradiccion-lado ul[data-v-c90387f0] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.contradiccion-lado li[data-v-c90387f0] {
  margin-bottom: 0.15rem;
}
.contradiccion-vs[data-v-c90387f0] {
  display: flex;
  align-items: center;
  font-weight: 800;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-c90387f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c90387f0] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-c90387f0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-c90387f0] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-c90387f0] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-c90387f0] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c90387f0] {
    gap: 1.5rem;
}
.despota-icono[data-v-c90387f0] {
    font-size: 2.5rem;
}
.caracteristicas-grid[data-v-c90387f0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-ad1bc313] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ad1bc313] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ad1bc313] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ad1bc313] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ad1bc313] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ad1bc313] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ad1bc313] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ad1bc313] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ad1bc313] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ad1bc313] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Relacionar ===== */
.relacionar-container[data-v-ad1bc313] {
  display: flex;
  gap: 0.75rem;
}
.filosofos-columna[data-v-ad1bc313], .ideas-columna[data-v-ad1bc313] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-ad1bc313] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.filosofo-btn[data-v-ad1bc313], .idea-btn[data-v-ad1bc313] {
  padding: 0.6rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.filosofo-btn.seleccionado[data-v-ad1bc313] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.filosofo-btn.emparejado[data-v-ad1bc313], .idea-btn.emparejada[data-v-ad1bc313] {
  opacity: 0.5;
  cursor: not-allowed;
}
.idea-btn.seleccionable[data-v-ad1bc313] {
  border-color: #FCD34D;
  animation: pulse-ad1bc313 1s infinite;
}
@keyframes pulse-ad1bc313 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.idea-btn.correcta[data-v-ad1bc313] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.idea-btn.incorrecta[data-v-ad1bc313] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-ad1bc313] {
  text-align: center;
}
.pregunta-clasificar[data-v-ad1bc313] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-ad1bc313] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-clasificar[data-v-ad1bc313] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-ad1bc313] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.ilustracion-btn[data-v-ad1bc313] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.despotismo-btn[data-v-ad1bc313] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.ambos-btn[data-v-ad1bc313] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.clasificar-btn.seleccionado[data-v-ad1bc313] {
  transform: scale(1.02);
}
.clasificar-btn.correcto[data-v-ad1bc313] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.clasificar-btn.incorrecto[data-v-ad1bc313] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.clasificar-contador[data-v-ad1bc313] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-ad1bc313] {
  text-align: center;
}
.timeline-instruccion[data-v-ad1bc313] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-ad1bc313] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-ad1bc313] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-ad1bc313] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-ad1bc313] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-ad1bc313] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-ad1bc313] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-ad1bc313] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 65px;
}
.timeline-slot.ocupado[data-v-ad1bc313] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-ad1bc313] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 700;
}
.slot-evento[data-v-ad1bc313] {
  font-size: 0.55rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.slot-placeholder[data-v-ad1bc313] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-ad1bc313] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-ad1bc313], .btn-reiniciar[data-v-ad1bc313] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-ad1bc313] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-ad1bc313] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-ad1bc313] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ad1bc313] { font-size: 1.25rem;
}
.resultado-texto[data-v-ad1bc313] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ad1bc313] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ad1bc313] { flex: 1;
}
.nav-btn[data-v-ad1bc313] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ad1bc313] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ad1bc313] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ad1bc313] { font-size: 1.75rem;
}
.completado-texto[data-v-ad1bc313] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ad1bc313], .slide-leave-active[data-v-ad1bc313] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ad1bc313] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ad1bc313] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-ad1bc313] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-ad1bc313] {
    flex: 0 1 auto;
}
.slot-evento[data-v-ad1bc313] {
    font-size: 0.65rem;
}
.opciones-clasificar[data-v-ad1bc313] {
    flex-direction: row;
}
.clasificar-btn[data-v-ad1bc313] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-38de0938] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 1rem;
}
.resumen-icono[data-v-38de0938] {
  font-size: 3rem;
  animation: bounce-38de0938 2s ease-in-out infinite;
}
@keyframes bounce-38de0938 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}
.intro-text[data-v-38de0938] {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-38de0938] {
  color: #FCD34D;
}
strong.positivo[data-v-38de0938] {
  color: #6EE7B7;
}
strong.negativo[data-v-38de0938] {
  color: #FCA5A5;
}

/* Concepto principal */
.concepto-principal[data-v-38de0938] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.concepto-header[data-v-38de0938] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-38de0938] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-38de0938] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido p[data-v-38de0938] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Secciones de resumen */
.seccion-resumen[data-v-38de0938] {
  margin-bottom: 1.5rem;
}
.seccion-titulo[data-v-38de0938] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tabla resumen */
.tabla-resumen[data-v-38de0938] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.fila-resumen[data-v-38de0938] {
  display: flex;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.fila-resumen[data-v-38de0938]:last-child {
  border-bottom: none;
}
.fila-resumen.header[data-v-38de0938] {
  background: rgba(139, 92, 246, 0.2);
}
.col-nombre[data-v-38de0938] {
  flex: 0 0 35%;
  font-weight: 600;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.col-idea[data-v-38de0938] {
  flex: 1;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.col-idea.positivo[data-v-38de0938] {
  color: #6EE7B7;
}
.fila-resumen.header .col-nombre[data-v-38de0938],
.fila-resumen.header .col-idea[data-v-38de0938] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Despotismo box */
.despotismo-box[data-v-38de0938] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.despotismo-lema[data-v-38de0938] {
  text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.despotismo-explicacion p[data-v-38de0938] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.despotas-lista[data-v-38de0938] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.despota-tag[data-v-38de0938] {
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.despota-tag.destacado[data-v-38de0938] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  font-weight: 600;
}

/* Legado grid */
.legado-grid[data-v-38de0938] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.legado-item[data-v-38de0938] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.legado-icono[data-v-38de0938] {
  font-size: 1.25rem;
}
.legado-texto[data-v-38de0938] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.2;
}

/* Claves PAES */
.claves-paes[data-v-38de0938] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.claves-titulo[data-v-38de0938] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.claves-lista[data-v-38de0938] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-38de0938] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.clave-numero[data-v-38de0938] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.clave-texto[data-v-38de0938] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.clave-texto strong[data-v-38de0938] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-38de0938] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-38de0938] {
  font-size: 2rem;
}
.final-contenido[data-v-38de0938] {
  flex: 1;
}
.final-contenido strong[data-v-38de0938] {
  display: block;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.final-contenido p[data-v-38de0938] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-icono[data-v-38de0938] {
    font-size: 3.5rem;
}
.col-nombre[data-v-38de0938] {
    flex: 0 0 30%;
}
.legado-grid[data-v-38de0938] {
    grid-template-columns: repeat(4, 1fr);
}
.legado-item[data-v-38de0938] {
    flex-direction: column;
    text-align: center;
}
.legado-icono[data-v-38de0938] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-b79cd10d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-b79cd10d] {
  font-size: 2.5rem;
  animation: float-b79cd10d 3s ease-in-out infinite;
}
.epoca-icono[data-v-b79cd10d]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-b79cd10d]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b79cd10d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b79cd10d] {
  color: #FCD34D;
}
strong.positivo[data-v-b79cd10d] {
  color: #6EE7B7;
}
strong.negativo[data-v-b79cd10d] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-b79cd10d] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-b79cd10d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-b79cd10d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-b79cd10d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  min-width: 85px;
}
.timeline-era.patria-vieja[data-v-b79cd10d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.timeline-era.reconquista[data-v-b79cd10d] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.patria-nueva[data-v-b79cd10d] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.era-nombre[data-v-b79cd10d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-b79cd10d] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.patria-vieja .era-nombre[data-v-b79cd10d] { color: #6EE7B7;
}
.reconquista .era-nombre[data-v-b79cd10d] { color: #FCA5A5;
}
.patria-nueva .era-nombre[data-v-b79cd10d] { color: #93C5FD;
}
.timeline-flecha[data-v-b79cd10d] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}

/* Antecedentes */
.antecedentes-section[data-v-b79cd10d] {
  margin: 1.5rem 0;
}
.antecedentes-titulo[data-v-b79cd10d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.antecedente-item[data-v-b79cd10d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.antecedente-item.invasion[data-v-b79cd10d] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.antecedente-item.criollos[data-v-b79cd10d] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.antecedente-item.ilustracion[data-v-b79cd10d] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.antecedente-icono[data-v-b79cd10d] {
  font-size: 1.5rem;
}
.antecedente-info[data-v-b79cd10d] {
  display: flex;
  flex-direction: column;
}
.antecedente-info strong[data-v-b79cd10d] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.antecedente-info span[data-v-b79cd10d] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Fecha destacada */
.fecha-destacada[data-v-b79cd10d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.fecha-icono[data-v-b79cd10d] {
  font-size: 2rem;
}
.fecha-contenido[data-v-b79cd10d] {
  display: flex;
  flex-direction: column;
}
.fecha-dia[data-v-b79cd10d] {
  font-size: 1rem;
  color: #6EE7B7;
}
.fecha-descripcion[data-v-b79cd10d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-top: 0.25rem;
}

/* Protagonistas */
.protagonistas-section[data-v-b79cd10d] {
  margin: 1.5rem 0;
}
.protagonistas-titulo[data-v-b79cd10d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.protagonistas-grid[data-v-b79cd10d] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.protagonista[data-v-b79cd10d] {
  flex: 1;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.protagonista-icono[data-v-b79cd10d] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.protagonista-info[data-v-b79cd10d] {
  display: flex;
  flex-direction: column;
}
.protagonista-info strong[data-v-b79cd10d] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.protagonista-info span[data-v-b79cd10d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-b79cd10d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b79cd10d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b79cd10d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b79cd10d] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b79cd10d] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-b79cd10d] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b79cd10d] {
    gap: 1.5rem;
}
.epoca-icono[data-v-b79cd10d] {
    font-size: 3rem;
}
.timeline-era[data-v-b79cd10d] {
    min-width: 100px;
    padding: 0.6rem 0.75rem;
}
.era-nombre[data-v-b79cd10d] {
    font-size: 0.8rem;
}
.protagonistas-grid[data-v-b79cd10d] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-09904579] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-09904579] {
  font-size: 2.5rem;
  animation: float-09904579 3s ease-in-out infinite;
}
.epoca-icono[data-v-09904579]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-09904579]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-09904579 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-09904579] {
  color: #FCD34D;
}
strong.positivo[data-v-09904579] {
  color: #6EE7B7;
}
strong.negativo[data-v-09904579] {
  color: #FCA5A5;
}

/* Evento principal */
.evento-principal[data-v-09904579] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.evento-principal.junta[data-v-09904579] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.evento-principal.desastre[data-v-09904579] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.evento-header[data-v-09904579] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.evento-fecha[data-v-09904579] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.evento-header strong[data-v-09904579] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.evento-contenido[data-v-09904579] {
  padding: 0.75rem;
}
.evento-contenido p[data-v-09904579] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.medidas-lista[data-v-09904579], .consecuencias-lista[data-v-09904579] {
  margin: 0 0 0 1rem;
  padding: 0;
}
.medidas-lista li[data-v-09904579], .consecuencias-lista li[data-v-09904579] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}

/* Personaje section */
.personaje-section[data-v-09904579] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.personaje-header[data-v-09904579] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.personaje-avatar[data-v-09904579] {
  font-size: 2rem;
}
.personaje-titulo[data-v-09904579] {
  display: flex;
  flex-direction: column;
}
.personaje-titulo strong[data-v-09904579] {
  color: #FFFFFF;
  font-size: 1rem;
}
.personaje-titulo span[data-v-09904579] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.personaje-logros[data-v-09904579] {
  padding: 0.75rem;
}
.logro-item[data-v-09904579] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.35rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.logro-icono[data-v-09904579] {
  font-size: 1.1rem;
}
.logro-item span[data-v-09904579] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Conflicto */
.conflicto-section[data-v-09904579] {
  margin: 1.5rem 0;
}
.conflicto-titulo[data-v-09904579] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conflicto-box[data-v-09904579] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.conflicto-box p[data-v-09904579] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.conflicto-nota[data-v-09904579] {
  margin-top: 0.75rem !important;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bandos-grid[data-v-09904579] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.bando[data-v-09904579] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.bando.carrerinos[data-v-09904579] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bando.ohigginistas[data-v-09904579] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bando strong[data-v-09904579] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.bando span[data-v-09904579] {
  color: #C4B5FD;
  font-size: 0.65rem;
}
.bando-vs[data-v-09904579] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-09904579] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-09904579] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-09904579] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-09904579] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-09904579] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-09904579] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-09904579] {
    gap: 1.5rem;
}
.epoca-icono[data-v-09904579] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-d5c28f21] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-d5c28f21] {
  font-size: 2.5rem;
  animation: float-d5c28f21 3s ease-in-out infinite;
}
.epoca-icono[data-v-d5c28f21]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-d5c28f21]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d5c28f21 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-d5c28f21] {
  color: #FCD34D;
}
strong.positivo[data-v-d5c28f21] {
  color: #6EE7B7;
}
strong.negativo[data-v-d5c28f21] {
  color: #FCA5A5;
}

/* Gobernadores */
.gobernadores-section[data-v-d5c28f21] {
  margin: 1.5rem 0;
}
.gobernadores-titulo[data-v-d5c28f21] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.gobernador-item[data-v-d5c28f21] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.gobernador-item.osorio[data-v-d5c28f21] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.gobernador-item.marcó[data-v-d5c28f21] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.gobernador-header[data-v-d5c28f21] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.gobernador-icono[data-v-d5c28f21] {
  font-size: 1.5rem;
}
.gobernador-info[data-v-d5c28f21] {
  display: flex;
  flex-direction: column;
}
.gobernador-info strong[data-v-d5c28f21] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.gobernador-periodo[data-v-d5c28f21] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.gobernador-desc[data-v-d5c28f21] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Represión */
.represion-section[data-v-d5c28f21] {
  margin: 1.5rem 0;
}
.represion-titulo[data-v-d5c28f21] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.represion-grid[data-v-d5c28f21] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.represion-item[data-v-d5c28f21] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.represion-icono[data-v-d5c28f21] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.represion-info[data-v-d5c28f21] {
  display: flex;
  flex-direction: column;
}
.represion-info strong[data-v-d5c28f21] {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.represion-info span[data-v-d5c28f21] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Personaje section */
.personaje-section[data-v-d5c28f21] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.personaje-header[data-v-d5c28f21] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.personaje-avatar[data-v-d5c28f21] {
  font-size: 2rem;
}
.personaje-titulo[data-v-d5c28f21] {
  display: flex;
  flex-direction: column;
}
.personaje-titulo strong[data-v-d5c28f21] {
  color: #FFFFFF;
  font-size: 1rem;
}
.personaje-titulo span[data-v-d5c28f21] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.personaje-contenido[data-v-d5c28f21] {
  padding: 0.75rem;
}
.personaje-contenido p[data-v-d5c28f21] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.acciones-lista[data-v-d5c28f21] {
  margin: 0 0 0.75rem 1rem;
  padding: 0;
}
.acciones-lista li[data-v-d5c28f21] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.frase-celebre[data-v-d5c28f21] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comillas[data-v-d5c28f21] {
  font-size: 1.5rem;
  color: #6EE7B7;
  font-weight: 700;
}
.frase[data-v-d5c28f21] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-style: italic;
}

/* Preparación */
.preparacion-section[data-v-d5c28f21] {
  margin: 1.5rem 0;
}
.preparacion-titulo[data-v-d5c28f21] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preparacion-box[data-v-d5c28f21] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.preparacion-box p[data-v-d5c28f21] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.ejercito-stats[data-v-d5c28f21] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.stat[data-v-d5c28f21] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-numero[data-v-d5c28f21] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.stat-label[data-v-d5c28f21] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-d5c28f21] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d5c28f21] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-d5c28f21] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-d5c28f21] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-d5c28f21] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-d5c28f21] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d5c28f21] {
    gap: 1.5rem;
}
.epoca-icono[data-v-d5c28f21] {
    font-size: 3rem;
}
.represion-grid[data-v-d5c28f21] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-25633367] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-25633367] {
  font-size: 2.5rem;
  animation: float-25633367 3s ease-in-out infinite;
}
.epoca-icono[data-v-25633367]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-25633367]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-25633367 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-25633367] {
  color: #FCD34D;
}
strong.positivo[data-v-25633367] {
  color: #6EE7B7;
}
strong.negativo[data-v-25633367] {
  color: #FCA5A5;
}

/* Evento principal - Cruce */
.evento-principal[data-v-25633367] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.evento-principal.cruce[data-v-25633367] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.evento-header[data-v-25633367] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.evento-fecha[data-v-25633367] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.evento-header strong[data-v-25633367] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.evento-contenido[data-v-25633367] {
  padding: 0.75rem;
}
.evento-contenido p[data-v-25633367] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.hazana-stats[data-v-25633367] {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.hazana-stat[data-v-25633367] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-icono[data-v-25633367] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.stat-valor[data-v-25633367] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.stat-label[data-v-25633367] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Batallas */
.batallas-section[data-v-25633367] {
  margin: 1.5rem 0;
}
.batallas-titulo[data-v-25633367] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.batalla-item[data-v-25633367] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.batalla-item.victoria[data-v-25633367] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.batalla-item.derrota[data-v-25633367] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.batalla-item.victoria-final[data-v-25633367] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 4px solid #10B981;
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.batalla-header[data-v-25633367] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.batalla-fecha[data-v-25633367] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.15rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
}
.batalla-header strong[data-v-25633367] {
  font-size: 0.9rem;
}
.batalla-desc[data-v-25633367] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Independencia */
.independencia-section[data-v-25633367] {
  margin: 1.5rem 0;
}
.independencia-box[data-v-25633367] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.independencia-icono[data-v-25633367] {
  font-size: 2.5rem;
}
.independencia-contenido[data-v-25633367] {
  display: flex;
  flex-direction: column;
}
.fecha-ind[data-v-25633367] {
  font-size: 1rem;
  color: #6EE7B7;
}
.texto-ind[data-v-25633367] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Gobierno */
.gobierno-section[data-v-25633367] {
  margin: 1.5rem 0;
}
.gobierno-titulo[data-v-25633367] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.logros-grid[data-v-25633367] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.logro-item[data-v-25633367] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.logro-icono[data-v-25633367] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.logro-item strong[data-v-25633367] {
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.logro-item span[data-v-25633367] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Abdicación */
.abdicacion-section[data-v-25633367] {
  margin: 1.5rem 0;
}
.abdicacion-titulo[data-v-25633367] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.abdicacion-box[data-v-25633367] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.abdicacion-box p[data-v-25633367] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.abdicacion-box p.exilio[data-v-25633367] {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.frase-celebre[data-v-25633367] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comillas[data-v-25633367] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.frase[data-v-25633367] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-style: italic;
  text-align: center;
}
.frase-inline[data-v-25633367] {
  font-style: italic;
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-25633367] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-25633367] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-25633367] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-25633367] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-25633367] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-25633367] {
    gap: 1.5rem;
}
.epoca-icono[data-v-25633367] {
    font-size: 3rem;
}
.logros-grid[data-v-25633367] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-dd140c55] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dd140c55] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dd140c55] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dd140c55] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dd140c55] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dd140c55] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dd140c55] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dd140c55] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dd140c55] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dd140c55] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar por etapa ===== */
.clasificar-container[data-v-dd140c55] {
  text-align: center;
}
.evento-actual[data-v-dd140c55] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.evento-texto[data-v-dd140c55] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.etapas-grid[data-v-dd140c55] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.etapa-btn[data-v-dd140c55] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.3rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  font-family: inherit;
}
.etapa-btn.patria-vieja[data-v-dd140c55] {
  border-color: rgba(16, 185, 129, 0.4);
}
.etapa-btn.reconquista[data-v-dd140c55] {
  border-color: rgba(239, 68, 68, 0.4);
}
.etapa-btn.patria-nueva[data-v-dd140c55] {
  border-color: rgba(59, 130, 246, 0.4);
}
.etapa-btn[data-v-dd140c55]:hover:not(:disabled) {
  transform: scale(1.02);
}
.etapa-btn.seleccionado[data-v-dd140c55] {
  transform: scale(1.05);
}
.etapa-btn.seleccionado.patria-vieja[data-v-dd140c55] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.etapa-btn.seleccionado.reconquista[data-v-dd140c55] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.etapa-btn.seleccionado.patria-nueva[data-v-dd140c55] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.etapa-btn.correcto[data-v-dd140c55] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.etapa-btn.incorrecto[data-v-dd140c55] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.etapa-icono[data-v-dd140c55] {
  font-size: 1.5rem;
  margin-bottom: 0.15rem;
}
.etapa-nombre[data-v-dd140c55] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-fechas[data-v-dd140c55] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.etapa-btn.correcto .etapa-nombre[data-v-dd140c55],
.etapa-btn.correcto .etapa-fechas[data-v-dd140c55],
.etapa-btn.incorrecto .etapa-nombre[data-v-dd140c55],
.etapa-btn.incorrecto .etapa-fechas[data-v-dd140c55] {
  color: white;
}
.clasificar-contador[data-v-dd140c55] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Personajes y hechos ===== */
.relacionar-container[data-v-dd140c55] {
  text-align: center;
}
.personaje-actual[data-v-dd140c55] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.personaje-avatar[data-v-dd140c55] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.personaje-nombre[data-v-dd140c55] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.hechos-grid[data-v-dd140c55] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.hecho-btn[data-v-dd140c55] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.hecho-btn[data-v-dd140c55]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.hecho-btn.seleccionado[data-v-dd140c55] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.hecho-btn.correcto[data-v-dd140c55] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white;
}
.hecho-btn.incorrecto[data-v-dd140c55] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white;
}
.relacionar-contador[data-v-dd140c55] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-dd140c55] {
  text-align: center;
}
.eventos-disponibles[data-v-dd140c55] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-dd140c55] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-dd140c55] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.evento-btn[data-v-dd140c55] {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-dd140c55] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-ordenar[data-v-dd140c55] {
  margin: 1rem 0;
}
.timeline-labels[data-v-dd140c55] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-dd140c55] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-timeline[data-v-dd140c55] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-dd140c55] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-dd140c55 1s infinite;
}
@keyframes pulse-dd140c55 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-dd140c55] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-dd140c55] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-dd140c55] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-dd140c55] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-dd140c55] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-dd140c55], .btn-reiniciar[data-v-dd140c55] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-dd140c55] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-dd140c55] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-dd140c55] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dd140c55] { font-size: 1.25rem;
}
.resultado-texto[data-v-dd140c55] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dd140c55] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dd140c55] { flex: 1;
}
.nav-btn[data-v-dd140c55] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dd140c55] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dd140c55] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dd140c55] { font-size: 1.75rem;
}
.completado-texto[data-v-dd140c55] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dd140c55], .slide-leave-active[data-v-dd140c55] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dd140c55] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-dd140c55] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-dd140c55] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-dd140c55] {
    flex: 0 1 auto;
}
.slots-row[data-v-dd140c55] {
    flex-direction: row;
}
.slot-timeline[data-v-dd140c55] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.slot-evento[data-v-dd140c55] {
    text-align: center;
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-c826e721] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-c826e721] {
  font-size: 4rem;
  animation: pulse-c826e721 2s ease-in-out infinite;
}
@keyframes pulse-c826e721 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-texto[data-v-c826e721] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-c826e721] {
  color: #FCD34D;
}
strong.positivo[data-v-c826e721] {
  color: #6EE7B7;
}
strong.negativo[data-v-c826e721] {
  color: #FCA5A5;
}
strong.info[data-v-c826e721] {
  color: #93C5FD;
}

/* Timeline section */
.timeline-section[data-v-c826e721] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-c826e721] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.timeline-vertical[data-v-c826e721] {
  position: relative;
  padding-left: 1.5rem;
}
.timeline-vertical[data-v-c826e721]::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, #10B981, #EF4444, #3B82F6);
}
.timeline-item[data-v-c826e721] {
  position: relative;
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.timeline-item.patria-vieja[data-v-c826e721] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.timeline-item.reconquista[data-v-c826e721] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.timeline-item.patria-nueva[data-v-c826e721] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.timeline-marker[data-v-c826e721] {
  position: absolute;
  left: -1.5rem;
  top: 1rem;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #1F2937;
}
.patria-vieja .timeline-marker[data-v-c826e721] { background: #10B981;
}
.reconquista .timeline-marker[data-v-c826e721] { background: #EF4444;
}
.patria-nueva .timeline-marker[data-v-c826e721] { background: #3B82F6;
}
.timeline-periodo[data-v-c826e721] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.timeline-periodo strong[data-v-c826e721] {
  font-size: 0.9rem;
}
.timeline-periodo span[data-v-c826e721] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.timeline-content ul[data-v-c826e721] {
  margin: 0;
  padding-left: 1rem;
}
.timeline-content li[data-v-c826e721] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}

/* Personajes */
.personajes-section[data-v-c826e721] {
  margin: 1.5rem 0;
}
.personajes-titulo[data-v-c826e721] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.personajes-grid[data-v-c826e721] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.personaje-card[data-v-c826e721] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.personaje-avatar[data-v-c826e721] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.personaje-card strong[data-v-c826e721] {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.personaje-rol[data-v-c826e721] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Fechas */
.fechas-section[data-v-c826e721] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-c826e721] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-c826e721] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.fecha-item[data-v-c826e721] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.fecha-num[data-v-c826e721] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.fecha-desc[data-v-c826e721] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Conceptos */
.conceptos-section[data-v-c826e721] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-c826e721] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-c826e721] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.concepto-item[data-v-c826e721] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.concepto-item strong[data-v-c826e721] {
  font-size: 0.75rem;
  margin-bottom: 0.1rem;
}
.concepto-item span[data-v-c826e721] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-c826e721] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-header[data-v-c826e721] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-c826e721] {
  font-size: 1.25rem;
}
.tip-header strong[data-v-c826e721] {
  color: #6EE7B7;
  font-size: 1rem;
}
.tips-lista[data-v-c826e721] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c826e721] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-c826e721] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-item span[data-v-c826e721] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-c826e721] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-c826e721] {
  font-size: 2rem;
}
.mensaje-texto[data-v-c826e721] {
  display: flex;
  flex-direction: column;
}
.mensaje-texto strong[data-v-c826e721] {
  color: #6EE7B7;
  font-size: 1rem;
}
.mensaje-texto span[data-v-c826e721] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.personajes-grid[data-v-c826e721] {
    grid-template-columns: repeat(4, 1fr);
}
.fechas-grid[data-v-c826e721] {
    grid-template-columns: repeat(3, 1fr);
}
.conceptos-grid[data-v-c826e721] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-19c645c6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-19c645c6] {
  font-size: 2.5rem;
  animation: float-19c645c6 3s ease-in-out infinite;
}
.epoca-icono[data-v-19c645c6]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-19c645c6]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-19c645c6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-19c645c6] {
  color: #FCD34D;
}
strong.positivo[data-v-19c645c6] {
  color: #6EE7B7;
}
strong.negativo[data-v-19c645c6] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-19c645c6] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-19c645c6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-19c645c6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-19c645c6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  min-width: 70px;
}
.timeline-era.ilustracion[data-v-19c645c6] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.independencia-eeuu[data-v-19c645c6] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.timeline-era.revolucion-fr[data-v-19c645c6] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.independencias[data-v-19c645c6] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.era-nombre[data-v-19c645c6] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-19c645c6] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.independencias .era-nombre[data-v-19c645c6] {
  color: #6EE7B7;
}
.timeline-flecha[data-v-19c645c6] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}

/* Causas */
.causas-section[data-v-19c645c6] {
  margin: 1.5rem 0;
}
.causas-section.externas[data-v-19c645c6] {
  margin-top: 1rem;
}
.causas-titulo[data-v-19c645c6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-item[data-v-19c645c6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.causa-item.criolla[data-v-19c645c6] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.economica[data-v-19c645c6] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.identidad[data-v-19c645c6] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.causa-item.ilustracion[data-v-19c645c6] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.causa-item.ejemplo[data-v-19c645c6] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.causa-item.napoleon[data-v-19c645c6] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-icono[data-v-19c645c6] {
  font-size: 1.5rem;
}
.causa-info[data-v-19c645c6] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-19c645c6] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-19c645c6] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Detonante */
.detonante-section[data-v-19c645c6] {
  margin: 1.5rem 0;
}
.detonante-titulo[data-v-19c645c6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.detonante-box[data-v-19c645c6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.detonante-box p[data-v-19c645c6] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fecha-clave[data-v-19c645c6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.fecha-icono[data-v-19c645c6] {
  font-size: 1.25rem;
}
.fecha-texto[data-v-19c645c6] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fecha-texto strong[data-v-19c645c6] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-19c645c6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-19c645c6] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-19c645c6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-19c645c6] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-19c645c6] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-19c645c6] {
    gap: 1.5rem;
}
.epoca-icono[data-v-19c645c6] {
    font-size: 3rem;
}
.timeline-era[data-v-19c645c6] {
    min-width: 85px;
    padding: 0.6rem 0.75rem;
}
.era-nombre[data-v-19c645c6] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-52b6c494] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.lider-icono[data-v-52b6c494] {
  font-size: 2.5rem;
  animation: float-52b6c494 3s ease-in-out infinite;
}
.lider-icono[data-v-52b6c494]:nth-child(2) {
  animation-delay: 0.5s;
}
.lider-icono[data-v-52b6c494]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-52b6c494 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-52b6c494] {
  color: #FCD34D;
}
strong.positivo[data-v-52b6c494] {
  color: #6EE7B7;
}

/* Líderes */
.lideres-section[data-v-52b6c494] {
  margin: 1.5rem 0;
}
.lideres-titulo[data-v-52b6c494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lideres-grid[data-v-52b6c494] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.lider-card[data-v-52b6c494] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.lider-card.bolivar[data-v-52b6c494] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.lider-card.sanmartin[data-v-52b6c494] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.lider-card.ohiggins[data-v-52b6c494] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.lider-card.hidalgo[data-v-52b6c494] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.lider-avatar[data-v-52b6c494] {
  font-size: 2rem;
}
.lider-info[data-v-52b6c494] {
  display: flex;
  flex-direction: column;
}
.lider-info strong[data-v-52b6c494] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.lider-titulo[data-v-52b6c494] {
  font-size: 0.75rem;
  font-style: italic;
  color: #FCD34D;
}
.lider-pais[data-v-52b6c494] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Movimientos */
.movimientos-section[data-v-52b6c494] {
  margin: 1.5rem 0;
}
.movimientos-titulo[data-v-52b6c494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.movimiento[data-v-52b6c494] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.movimiento.norte[data-v-52b6c494] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.movimiento.sur[data-v-52b6c494] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.mov-header[data-v-52b6c494] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mov-icono[data-v-52b6c494] {
  font-size: 1.25rem;
}
.mov-header strong[data-v-52b6c494] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.mov-contenido p[data-v-52b6c494] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.ruta[data-v-52b6c494] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.ruta-item[data-v-52b6c494] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.ruta-flecha[data-v-52b6c494] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Encuentro */
.encuentro-section[data-v-52b6c494] {
  margin: 1.5rem 0;
}
.encuentro-titulo[data-v-52b6c494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.encuentro-box[data-v-52b6c494] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.encuentro-box p[data-v-52b6c494] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fecha-clave[data-v-52b6c494] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.fecha-icono[data-v-52b6c494] {
  font-size: 1.25rem;
}
.fecha-texto[data-v-52b6c494] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fecha-texto strong[data-v-52b6c494] {
  color: #6EE7B7;
}

/* México */
.mexico-section[data-v-52b6c494] {
  margin: 1.5rem 0;
}
.mexico-titulo[data-v-52b6c494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mexico-box[data-v-52b6c494] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mexico-box p[data-v-52b6c494] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-52b6c494] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-52b6c494] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-52b6c494] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-52b6c494] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-52b6c494] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-52b6c494] {
    gap: 1.5rem;
}
.lider-icono[data-v-52b6c494] {
    font-size: 3rem;
}
.lideres-grid[data-v-52b6c494] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-1caed0cf] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.cons-icono[data-v-1caed0cf] {
  font-size: 2.5rem;
  animation: float-1caed0cf 3s ease-in-out infinite;
}
.cons-icono[data-v-1caed0cf]:nth-child(2) {
  animation-delay: 0.5s;
}
.cons-icono[data-v-1caed0cf]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-1caed0cf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-1caed0cf] {
  color: #FCD34D;
}
strong.positivo[data-v-1caed0cf] {
  color: #6EE7B7;
}
strong.negativo[data-v-1caed0cf] {
  color: #FCA5A5;
}

/* Consecuencias */
.consecuencias-section[data-v-1caed0cf] {
  margin: 1.5rem 0;
}
.cons-titulo[data-v-1caed0cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cons-item[data-v-1caed0cf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.cons-item.positiva[data-v-1caed0cf] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.cons-item.negativa[data-v-1caed0cf] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.cons-item.mixta[data-v-1caed0cf] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.cons-icono-item[data-v-1caed0cf] {
  font-size: 1.25rem;
  font-weight: 700;
}
.cons-item.positiva .cons-icono-item[data-v-1caed0cf] {
  color: #6EE7B7;
}
.cons-item.negativa .cons-icono-item[data-v-1caed0cf] {
  color: #FCA5A5;
}
.cons-item.mixta .cons-icono-item[data-v-1caed0cf] {
  color: #FCD34D;
}
.cons-info[data-v-1caed0cf] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cons-info strong[data-v-1caed0cf] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.cons-info span[data-v-1caed0cf] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Países */
.paises-section[data-v-1caed0cf] {
  margin: 1.5rem 0;
}
.paises-titulo[data-v-1caed0cf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paises-grid[data-v-1caed0cf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.pais-item[data-v-1caed0cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pais-fecha[data-v-1caed0cf] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.pais-nombre[data-v-1caed0cf] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip PAES */
.tip-paes[data-v-1caed0cf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-1caed0cf] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-1caed0cf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-1caed0cf] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-1caed0cf] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-1caed0cf] {
  color: #6EE7B7;
}
.tip-contenido strong.negativo[data-v-1caed0cf] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1caed0cf] {
    gap: 1.5rem;
}
.cons-icono[data-v-1caed0cf] {
    font-size: 3rem;
}
.paises-grid[data-v-1caed0cf] {
    grid-template-columns: repeat(3, 1fr);
}
}

.explorador[data-v-fa6ee30e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fa6ee30e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fa6ee30e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fa6ee30e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fa6ee30e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fa6ee30e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fa6ee30e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fa6ee30e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fa6ee30e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fa6ee30e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Relacionar ===== */
.relacionar-container[data-v-fa6ee30e] {
  text-align: center;
}
.lider-actual[data-v-fa6ee30e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.lider-avatar[data-v-fa6ee30e] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.lider-nombre[data-v-fa6ee30e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paises-grid[data-v-fa6ee30e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.pais-btn[data-v-fa6ee30e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
}
.pais-btn[data-v-fa6ee30e]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.pais-btn.seleccionado[data-v-fa6ee30e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.pais-btn.correcto[data-v-fa6ee30e] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.pais-btn.incorrecto[data-v-fa6ee30e] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.pais-bandera[data-v-fa6ee30e] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.pais-nombre[data-v-fa6ee30e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.pais-btn.correcto .pais-nombre[data-v-fa6ee30e],
.pais-btn.incorrecto .pais-nombre[data-v-fa6ee30e] {
  color: white;
}
.relacionar-contador[data-v-fa6ee30e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-fa6ee30e] {
  text-align: center;
}
.causa-actual[data-v-fa6ee30e] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.causa-texto[data-v-fa6ee30e] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.tipos-grid[data-v-fa6ee30e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-btn[data-v-fa6ee30e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
}
.tipo-btn[data-v-fa6ee30e]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.tipo-btn.seleccionado[data-v-fa6ee30e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tipo-btn.correcto[data-v-fa6ee30e] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.tipo-btn.incorrecto[data-v-fa6ee30e] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.tipo-icono[data-v-fa6ee30e] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-fa6ee30e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.tipo-btn.correcto .tipo-nombre[data-v-fa6ee30e],
.tipo-btn.incorrecto .tipo-nombre[data-v-fa6ee30e] {
  color: white;
}
.clasificar-contador[data-v-fa6ee30e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-fa6ee30e] {
  text-align: center;
}
.eventos-disponibles[data-v-fa6ee30e] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-fa6ee30e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-fa6ee30e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-fa6ee30e] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-fa6ee30e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-ordenar[data-v-fa6ee30e] {
  margin: 1rem 0;
}
.timeline-labels[data-v-fa6ee30e] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-fa6ee30e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-timeline[data-v-fa6ee30e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-fa6ee30e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-fa6ee30e 1s infinite;
}
@keyframes pulse-fa6ee30e {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-fa6ee30e] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-fa6ee30e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-fa6ee30e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-fa6ee30e] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-fa6ee30e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-fa6ee30e], .btn-reiniciar[data-v-fa6ee30e] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-fa6ee30e] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-fa6ee30e] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-fa6ee30e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fa6ee30e] { font-size: 1.25rem;
}
.resultado-texto[data-v-fa6ee30e] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-fa6ee30e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fa6ee30e] { flex: 1;
}
.nav-btn[data-v-fa6ee30e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fa6ee30e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fa6ee30e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fa6ee30e] { font-size: 1.75rem;
}
.completado-texto[data-v-fa6ee30e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fa6ee30e], .slide-leave-active[data-v-fa6ee30e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fa6ee30e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fa6ee30e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-fa6ee30e] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-fa6ee30e] {
    flex: 0 1 auto;
}
.slots-row[data-v-fa6ee30e] {
    flex-direction: row;
}
.slot-timeline[data-v-fa6ee30e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.slot-evento[data-v-fa6ee30e] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Header */
.resumen-header[data-v-bca2cf54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-bca2cf54] {
  font-size: 2.5rem;
}
.resumen-titulo[data-v-bca2cf54] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Destacados */
strong.destacado[data-v-bca2cf54] {
  color: #FCD34D;
}
strong.positivo[data-v-bca2cf54] {
  color: #6EE7B7;
}
strong.negativo[data-v-bca2cf54] {
  color: #FCA5A5;
}

/* Conceptos */
.conceptos-section[data-v-bca2cf54] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-bca2cf54] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.concepto-card.causas[data-v-bca2cf54] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-card.lideres[data-v-bca2cf54] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.concepto-card.fechas[data-v-bca2cf54] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-card.consecuencias[data-v-bca2cf54] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.concepto-header[data-v-bca2cf54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-bca2cf54] {
  font-size: 1.25rem;
}
.concepto-header strong[data-v-bca2cf54] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-lista[data-v-bca2cf54] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.concepto-lista li[data-v-bca2cf54] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

/* Tips PAES */
.tips-paes-section[data-v-bca2cf54] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-bca2cf54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-bca2cf54] {
  font-size: 1.5rem;
}
.tips-titulo strong[data-v-bca2cf54] {
  color: #FFFFFF;
  font-size: 1rem;
}
.tip-item[data-v-bca2cf54] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-numero[data-v-bca2cf54] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.tip-contenido[data-v-bca2cf54] {
  display: flex;
  flex-direction: column;
}
.tip-contenido strong[data-v-bca2cf54] {
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tip-contenido span[data-v-bca2cf54] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Pregunta tipo */
.pregunta-tipo[data-v-bca2cf54] {
  margin-bottom: 1.5rem;
}
.pregunta-header[data-v-bca2cf54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pregunta-icono[data-v-bca2cf54] {
  font-size: 1.5rem;
}
.pregunta-header strong[data-v-bca2cf54] {
  color: #FFFFFF;
  font-size: 1rem;
}
.pregunta-box[data-v-bca2cf54] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.pregunta-texto[data-v-bca2cf54] {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-style: italic;
  margin: 0 0 0.75rem 0;
}
.pregunta-opciones[data-v-bca2cf54] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.opcion[data-v-bca2cf54] {
  padding: 0.5rem;
  margin-bottom: 0.35rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.opcion.incorrecta[data-v-bca2cf54] {
  color: #C4B5FD;
}
.opcion.correcta[data-v-bca2cf54] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-bca2cf54] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-bca2cf54] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-bca2cf54] {
  display: flex;
  flex-direction: column;
}
.mensaje-contenido strong[data-v-bca2cf54] {
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.mensaje-contenido span[data-v-bca2cf54] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-icono[data-v-bca2cf54] {
    font-size: 3rem;
}
.resumen-titulo[data-v-bca2cf54] {
    font-size: 1.5rem;
}
.conceptos-section[data-v-bca2cf54] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-88d2389c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-88d2389c] {
  font-size: 2.5rem;
  animation: float-88d2389c 3s ease-in-out infinite;
}
.epoca-icono[data-v-88d2389c]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-88d2389c]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-88d2389c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-88d2389c] {
  color: #FCD34D;
}
strong.positivo[data-v-88d2389c] {
  color: #6EE7B7;
}
strong.negativo[data-v-88d2389c] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-88d2389c] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-88d2389c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-88d2389c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  min-width: 130px;
}
.timeline-era.ensayos[data-v-88d2389c] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.conservadora[data-v-88d2389c] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.era-nombre[data-v-88d2389c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-88d2389c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.era-desc[data-v-88d2389c] {
  font-size: 0.6rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.ensayos .era-desc[data-v-88d2389c] { color: #FCA5A5;
}
.conservadora .era-desc[data-v-88d2389c] { color: #6EE7B7;
}
.timeline-flecha[data-v-88d2389c] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Situación */
.situacion-section[data-v-88d2389c] {
  margin: 1.5rem 0;
}
.situacion-titulo[data-v-88d2389c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.situacion-grid[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.situacion-item[data-v-88d2389c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.situacion-item.negativo[data-v-88d2389c] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.situacion-item.positivo[data-v-88d2389c] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.situacion-item.neutral[data-v-88d2389c] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.situacion-icono[data-v-88d2389c] {
  font-size: 1.5rem;
}
.situacion-info[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
}
.situacion-info strong[data-v-88d2389c] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.situacion-info span[data-v-88d2389c] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Pregunta destacada */
.pregunta-destacada[data-v-88d2389c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-88d2389c] {
  font-size: 2rem;
}
.pregunta-contenido[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
}
.pregunta-texto[data-v-88d2389c] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.pregunta-sub[data-v-88d2389c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Grupos políticos */
.grupos-section[data-v-88d2389c] {
  margin: 1.5rem 0;
}
.grupos-titulo[data-v-88d2389c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grupos-grid[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.grupo[data-v-88d2389c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.grupo.pipiolos[data-v-88d2389c] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.grupo.pelucones[data-v-88d2389c] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.grupo-icono[data-v-88d2389c] {
  font-size: 1.75rem;
}
.grupo-info[data-v-88d2389c] {
  display: flex;
  flex-direction: column;
}
.grupo-info strong[data-v-88d2389c] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.grupo-info span[data-v-88d2389c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pipiolos .grupo-info strong[data-v-88d2389c] { color: #93C5FD;
}
.pelucones .grupo-info strong[data-v-88d2389c] { color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-88d2389c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-88d2389c] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-88d2389c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-88d2389c] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-88d2389c] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-88d2389c] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-88d2389c] {
    gap: 1.5rem;
}
.epoca-icono[data-v-88d2389c] {
    font-size: 3rem;
}
.timeline-era[data-v-88d2389c] {
    min-width: 150px;
    padding: 0.75rem 1rem;
}
.era-nombre[data-v-88d2389c] {
    font-size: 0.85rem;
}
.grupos-grid[data-v-88d2389c] {
    flex-direction: row;
}
.grupo[data-v-88d2389c] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-3a2fceb8] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.ensayo-icono[data-v-3a2fceb8] {
  font-size: 2rem;
  animation: shake-3a2fceb8 2s ease-in-out infinite;
}
.ensayo-icono[data-v-3a2fceb8]:nth-child(2) {
  color: #FCA5A5;
  animation: fade-3a2fceb8 2s ease-in-out infinite;
}
@keyframes shake-3a2fceb8 {
0%, 100% { transform: rotate(0deg);
}
25% { transform: rotate(-5deg);
}
75% { transform: rotate(5deg);
}
}
@keyframes fade-3a2fceb8 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}

/* Destacados */
strong.destacado[data-v-3a2fceb8] {
  color: #FCD34D;
}
strong.positivo[data-v-3a2fceb8] {
  color: #6EE7B7;
}
strong.negativo[data-v-3a2fceb8] {
  color: #FCA5A5;
}

/* Sección títulos */
.seccion-titulo[data-v-3a2fceb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Constituciones */
.constituciones-section[data-v-3a2fceb8] {
  margin: 1.5rem 0;
}
.constitucion-card[data-v-3a2fceb8] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  border: 2px solid;
}
.constitucion-card.moralista[data-v-3a2fceb8] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.constitucion-card.federal[data-v-3a2fceb8] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.constitucion-card.liberal[data-v-3a2fceb8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.const-header[data-v-3a2fceb8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.const-fecha[data-v-3a2fceb8] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.const-nombre[data-v-3a2fceb8] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.const-autor[data-v-3a2fceb8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.autor-icono[data-v-3a2fceb8] {
  font-size: 1rem;
}
.const-autor span[data-v-3a2fceb8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.const-caracteristica[data-v-3a2fceb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.caract-icono[data-v-3a2fceb8] {
  font-size: 1rem;
}
.const-caracteristica span[data-v-3a2fceb8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.const-resultado[data-v-3a2fceb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
.const-resultado.negativo[data-v-3a2fceb8] {
  background: rgba(239, 68, 68, 0.15);
}
.const-resultado.neutral[data-v-3a2fceb8] {
  background: rgba(245, 158, 11, 0.15);
}
.result-icono[data-v-3a2fceb8] {
  font-size: 1rem;
}
.const-resultado span[data-v-3a2fceb8] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.const-resultado.negativo span strong[data-v-3a2fceb8] {
  color: #FCA5A5;
}
.const-resultado.neutral span strong[data-v-3a2fceb8] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-3a2fceb8] {
  margin: 1.5rem 0;
}
.razones-grid[data-v-3a2fceb8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.razon[data-v-3a2fceb8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.razon-icono[data-v-3a2fceb8] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.razon-texto[data-v-3a2fceb8] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Evento destacado */
.evento-destacado[data-v-3a2fceb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.evento-icono[data-v-3a2fceb8] {
  font-size: 2rem;
}
.evento-contenido[data-v-3a2fceb8] {
  display: flex;
  flex-direction: column;
}
.evento-titulo[data-v-3a2fceb8] {
  font-size: 1rem;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.evento-desc[data-v-3a2fceb8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-3a2fceb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3a2fceb8] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-3a2fceb8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-3a2fceb8] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-3a2fceb8] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3a2fceb8] {
    gap: 1.5rem;
}
.ensayo-icono[data-v-3a2fceb8] {
    font-size: 2.5rem;
}
.razones-grid[data-v-3a2fceb8] {
    grid-template-columns: repeat(4, 1fr);
}
.razon[data-v-3a2fceb8] {
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-34287978] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.const-icono[data-v-34287978] {
  font-size: 3.5rem;
  animation: glow-34287978 2s ease-in-out infinite;
}
@keyframes glow-34287978 {
0%, 100% { filter: drop-shadow(0 0 5px rgba(252, 211, 77, 0.5));
}
50% { filter: drop-shadow(0 0 15px rgba(252, 211, 77, 0.8));
}
}
.const-fecha-badge[data-v-34287978] {
  background: linear-gradient(135deg, #FCD34D, #F59E0B);
  padding: 0.3rem 1rem;
  border-radius: 9999px;
  font-size: 1.1rem;
  font-weight: 800;
  color: #1F2937;
}

/* Destacados */
strong.destacado[data-v-34287978] {
  color: #FCD34D;
}
strong.positivo[data-v-34287978] {
  color: #6EE7B7;
}
strong.negativo[data-v-34287978] {
  color: #FCA5A5;
}

/* Sección títulos */
.seccion-titulo[data-v-34287978] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Autores */
.autores-section[data-v-34287978] {
  margin: 1.5rem 0;
}
.autores-grid[data-v-34287978] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.autor-card[data-v-34287978] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.autor-card.principal[data-v-34287978] {
  border-color: rgba(252, 211, 77, 0.5);
  background: rgba(252, 211, 77, 0.1);
}
.autor-icono[data-v-34287978] {
  font-size: 1.5rem;
}
.autor-info[data-v-34287978] {
  display: flex;
  flex-direction: column;
}
.autor-info strong[data-v-34287978] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.autor-info span[data-v-34287978] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.influencia-box[data-v-34287978] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
  border-radius: 0.25rem;
}
.influencia-icono[data-v-34287978] {
  font-size: 1.25rem;
}
.influencia-box span[data-v-34287978] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Características */
.caracteristicas-section[data-v-34287978] {
  margin: 1.5rem 0;
}
.caract-grid[data-v-34287978] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.caract-card[data-v-34287978] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.caract-card.ejecutivo[data-v-34287978] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.caract-card.religion[data-v-34287978] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.caract-card.sufragio[data-v-34287978] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.caract-card.legislativo[data-v-34287978] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.caract-header[data-v-34287978] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caract-icono[data-v-34287978] {
  font-size: 1.25rem;
}
.caract-header strong[data-v-34287978] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.caract-lista[data-v-34287978] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.caract-lista li[data-v-34287978] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.2rem;
}

/* Importancia */
.importancia-box[data-v-34287978] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.importancia-icono[data-v-34287978] {
  font-size: 2rem;
}
.importancia-contenido[data-v-34287978] {
  display: flex;
  flex-direction: column;
}
.importancia-titulo[data-v-34287978] {
  font-size: 1rem;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.importancia-desc[data-v-34287978] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-34287978] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-34287978] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-34287978] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-34287978] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-34287978] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.const-icono[data-v-34287978] {
    font-size: 4rem;
}
.caract-grid[data-v-34287978] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-24a9463c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.periodo-icono[data-v-24a9463c] {
  font-size: 2.5rem;
  animation: float-24a9463c 3s ease-in-out infinite;
}
.periodo-icono[data-v-24a9463c]:last-child {
  animation-delay: 0.5s;
}
@keyframes float-24a9463c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.periodo-badge[data-v-24a9463c] {
  background: linear-gradient(135deg, #EF4444, #B91C1C);
  padding: 0.4rem 1rem;
  border-radius: 9999px;
  font-size: 1rem;
  font-weight: 800;
  color: white;
}

/* Destacados */
strong.destacado[data-v-24a9463c] {
  color: #FCD34D;
}
strong.positivo[data-v-24a9463c] {
  color: #6EE7B7;
}
strong.negativo[data-v-24a9463c] {
  color: #FCA5A5;
}

/* Sección títulos */
.seccion-titulo[data-v-24a9463c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Portales */
.portales-section[data-v-24a9463c] {
  margin: 1.5rem 0;
}
.portales-card[data-v-24a9463c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.portales-avatar[data-v-24a9463c] {
  font-size: 2.5rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 50%;
}
.portales-info[data-v-24a9463c] {
  display: flex;
  flex-direction: column;
}
.portales-nombre[data-v-24a9463c] {
  font-size: 1.1rem;
  color: #FCD34D;
}
.portales-titulo[data-v-24a9463c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.portales-ideas[data-v-24a9463c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.idea-item[data-v-24a9463c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.idea-icono[data-v-24a9463c] {
  font-size: 1.25rem;
}
.idea-item span[data-v-24a9463c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Decenios */
.decenios-section[data-v-24a9463c] {
  margin: 1.5rem 0;
}
.decenio-card[data-v-24a9463c] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 4px solid;
}
.decenio-card.prieto[data-v-24a9463c] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.decenio-card.bulnes[data-v-24a9463c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.decenio-card.montt[data-v-24a9463c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.decenio-header[data-v-24a9463c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.decenio-num[data-v-24a9463c] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.decenio-info[data-v-24a9463c] {
  display: flex;
  flex-direction: column;
}
.decenio-info strong[data-v-24a9463c] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.decenio-info span[data-v-24a9463c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.decenio-logros[data-v-24a9463c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.5rem;
}
.logro[data-v-24a9463c] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Características */
.caracteristicas-section[data-v-24a9463c] {
  margin: 1.5rem 0;
}
.caract-grid[data-v-24a9463c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.caract-item[data-v-24a9463c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.caract-item.positivo[data-v-24a9463c] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caract-item.negativo[data-v-24a9463c] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.caract-item.neutral[data-v-24a9463c] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.caract-icono[data-v-24a9463c] {
  font-size: 1.25rem;
}
.caract-item span[data-v-24a9463c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fin período */
.fin-periodo[data-v-24a9463c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.fin-icono[data-v-24a9463c] {
  font-size: 2rem;
}
.fin-contenido[data-v-24a9463c] {
  display: flex;
  flex-direction: column;
}
.fin-titulo[data-v-24a9463c] {
  font-size: 1rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.fin-desc[data-v-24a9463c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-24a9463c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-24a9463c] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-24a9463c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-24a9463c] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-24a9463c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-24a9463c] {
    gap: 1.5rem;
}
.periodo-icono[data-v-24a9463c] {
    font-size: 3rem;
}
.decenios-section[data-v-24a9463c] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.decenio-card[data-v-24a9463c] {
    margin-bottom: 0;
    border-left: none;
    border-top: 4px solid;
}
}

.explorador[data-v-3b5efe8d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3b5efe8d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3b5efe8d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3b5efe8d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3b5efe8d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3b5efe8d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3b5efe8d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3b5efe8d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3b5efe8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3b5efe8d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar por período ===== */
.clasificar-container[data-v-3b5efe8d] {
  text-align: center;
}
.evento-actual[data-v-3b5efe8d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.evento-texto[data-v-3b5efe8d] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.periodos-grid[data-v-3b5efe8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.periodo-btn[data-v-3b5efe8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  font-family: inherit;
}
.periodo-btn.ensayos[data-v-3b5efe8d] {
  border-color: rgba(239, 68, 68, 0.4);
}
.periodo-btn.conservadora[data-v-3b5efe8d] {
  border-color: rgba(16, 185, 129, 0.4);
}
.periodo-btn[data-v-3b5efe8d]:hover:not(:disabled) {
  transform: scale(1.02);
}
.periodo-btn.seleccionado[data-v-3b5efe8d] {
  transform: scale(1.05);
}
.periodo-btn.seleccionado.ensayos[data-v-3b5efe8d] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.periodo-btn.seleccionado.conservadora[data-v-3b5efe8d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.periodo-btn.correcto[data-v-3b5efe8d] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.periodo-btn.incorrecto[data-v-3b5efe8d] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.periodo-icono[data-v-3b5efe8d] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.periodo-nombre[data-v-3b5efe8d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.periodo-fechas[data-v-3b5efe8d] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.periodo-btn.correcto .periodo-nombre[data-v-3b5efe8d],
.periodo-btn.correcto .periodo-fechas[data-v-3b5efe8d],
.periodo-btn.incorrecto .periodo-nombre[data-v-3b5efe8d],
.periodo-btn.incorrecto .periodo-fechas[data-v-3b5efe8d] {
  color: white;
}
.clasificar-contador[data-v-3b5efe8d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Presidentes y logros ===== */
.relacionar-container[data-v-3b5efe8d] {
  text-align: center;
}
.presidente-actual[data-v-3b5efe8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.presidente-avatar[data-v-3b5efe8d] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.presidente-nombre[data-v-3b5efe8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.presidente-periodo[data-v-3b5efe8d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.logros-grid[data-v-3b5efe8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.logro-btn[data-v-3b5efe8d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: left;
}
.logro-btn[data-v-3b5efe8d]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.logro-btn.seleccionado[data-v-3b5efe8d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.logro-btn.correcto[data-v-3b5efe8d] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white;
}
.logro-btn.incorrecto[data-v-3b5efe8d] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white;
}
.relacionar-contador[data-v-3b5efe8d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-3b5efe8d] {
  text-align: center;
}
.eventos-disponibles[data-v-3b5efe8d] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-3b5efe8d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-3b5efe8d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.evento-btn[data-v-3b5efe8d] {
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-3b5efe8d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-ordenar[data-v-3b5efe8d] {
  margin: 1rem 0;
}
.timeline-labels[data-v-3b5efe8d] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-3b5efe8d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-timeline[data-v-3b5efe8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-3b5efe8d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-3b5efe8d 1s infinite;
}
@keyframes pulse-3b5efe8d {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-3b5efe8d] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-3b5efe8d] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-3b5efe8d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-3b5efe8d] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-3b5efe8d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-3b5efe8d], .btn-reiniciar[data-v-3b5efe8d] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-3b5efe8d] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-3b5efe8d] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-3b5efe8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3b5efe8d] { font-size: 1.25rem;
}
.resultado-texto[data-v-3b5efe8d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-3b5efe8d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3b5efe8d] { flex: 1;
}
.nav-btn[data-v-3b5efe8d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3b5efe8d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3b5efe8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3b5efe8d] { font-size: 1.75rem;
}
.completado-texto[data-v-3b5efe8d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3b5efe8d], .slide-leave-active[data-v-3b5efe8d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3b5efe8d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3b5efe8d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-3b5efe8d] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-3b5efe8d] {
    flex: 0 1 auto;
}
.slots-row[data-v-3b5efe8d] {
    flex-direction: row;
}
.slot-timeline[data-v-3b5efe8d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.slot-evento[data-v-3b5efe8d] {
    text-align: center;
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-9d61d2f5] {
  font-size: 3rem;
}
.resumen-titulo[data-v-9d61d2f5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Timeline resumen */
.timeline-resumen[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
  position: relative;
}
.timeline-resumen[data-v-9d61d2f5]::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #EF4444, #10B981);
  border-radius: 2px;
}
.timeline-item[data-v-9d61d2f5] {
  display: flex;
  gap: 1rem;
  padding-left: 0.5rem;
}
.timeline-marker[data-v-9d61d2f5] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  z-index: 1;
}
.timeline-item.ensayos .timeline-marker[data-v-9d61d2f5] {
  background: #EF4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}
.timeline-item.conservadora .timeline-marker[data-v-9d61d2f5] {
  background: #10B981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
}
.timeline-content[data-v-9d61d2f5] {
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.timeline-item.ensayos .timeline-content[data-v-9d61d2f5] {
  border-left: 3px solid #EF4444;
}
.timeline-item.conservadora .timeline-content[data-v-9d61d2f5] {
  border-left: 3px solid #10B981;
}
.timeline-periodo[data-v-9d61d2f5] {
  font-size: 0.95rem;
  color: #FFFFFF;
  display: block;
}
.timeline-fechas[data-v-9d61d2f5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.timeline-puntos[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: 0.5rem;
}
.timeline-puntos span[data-v-9d61d2f5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Constitución resumen */
.const-resumen[data-v-9d61d2f5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(252, 211, 77, 0.1);
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.const-titulo[data-v-9d61d2f5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.const-puntos[data-v-9d61d2f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.punto-item[data-v-9d61d2f5] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.punto-icono[data-v-9d61d2f5] {
  font-size: 1rem;
}
.punto-item span[data-v-9d61d2f5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.punto-item strong[data-v-9d61d2f5] {
  color: #FFFFFF;
}

/* Personajes resumen */
.personajes-resumen[data-v-9d61d2f5] {
  margin: 1.5rem 0;
}
.personajes-titulo[data-v-9d61d2f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.personajes-grid[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.personaje-mini[data-v-9d61d2f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.personaje-avatar[data-v-9d61d2f5] {
  font-size: 1.5rem;
}
.personaje-info[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
}
.personaje-info strong[data-v-9d61d2f5] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.personaje-rol[data-v-9d61d2f5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Errores section */
.errores-section[data-v-9d61d2f5] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-9d61d2f5] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-grid[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-9d61d2f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0.25rem;
}
.error-icono[data-v-9d61d2f5] {
  font-size: 1rem;
}
.error-texto[data-v-9d61d2f5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.error-texto strong[data-v-9d61d2f5] {
  color: #FCA5A5;
}

/* Datos clave */
.datos-clave[data-v-9d61d2f5] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-9d61d2f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.datos-grid[data-v-9d61d2f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato[data-v-9d61d2f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-valor[data-v-9d61d2f5] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.dato-desc[data-v-9d61d2f5] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip final */
.tip-final[data-v-9d61d2f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9d61d2f5] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9d61d2f5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9d61d2f5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.const-puntos[data-v-9d61d2f5] {
    grid-template-columns: repeat(4, 1fr);
}
.personajes-grid[data-v-9d61d2f5] {
    flex-direction: row;
}
.personaje-mini[data-v-9d61d2f5] {
    flex: 1;
}
.datos-grid[data-v-9d61d2f5] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a45aeba2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-a45aeba2] {
  font-size: 2.5rem;
  animation: float-a45aeba2 3s ease-in-out infinite;
}
.epoca-icono[data-v-a45aeba2]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-a45aeba2]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-a45aeba2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-a45aeba2] {
  color: #FCD34D;
}
strong.positivo[data-v-a45aeba2] {
  color: #6EE7B7;
}
strong.negativo[data-v-a45aeba2] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-a45aeba2] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-a45aeba2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-a45aeba2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-a45aeba2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.imperialismo[data-v-a45aeba2] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.alianzas[data-v-a45aeba2] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.timeline-era.guerra[data-v-a45aeba2] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.era-nombre[data-v-a45aeba2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-a45aeba2] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.guerra .era-nombre[data-v-a45aeba2] {
  color: #FCA5A5;
}
.timeline-flecha[data-v-a45aeba2] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Causas principales */
.causas-section[data-v-a45aeba2] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-a45aeba2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.causas-intro[data-v-a45aeba2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.causa-item[data-v-a45aeba2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.causa-item.militarismo[data-v-a45aeba2] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-item.alianzas-causa[data-v-a45aeba2] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.imperialismo-causa[data-v-a45aeba2] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.nacionalismo-causa[data-v-a45aeba2] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.causa-icono[data-v-a45aeba2] {
  font-size: 1.5rem;
}
.causa-info[data-v-a45aeba2] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-a45aeba2] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-a45aeba2] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Alianzas */
.alianzas-section[data-v-a45aeba2] {
  margin: 1.5rem 0;
}
.alianzas-titulo[data-v-a45aeba2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alianzas-grid[data-v-a45aeba2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.bloque[data-v-a45aeba2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
}
.bloque.triple-alianza[data-v-a45aeba2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bloque.triple-entente[data-v-a45aeba2] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bloque-icono[data-v-a45aeba2] {
  font-size: 1.75rem;
}
.bloque-info[data-v-a45aeba2] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bloque-info strong[data-v-a45aeba2] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.bloque-paises[data-v-a45aeba2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.bloque-nota[data-v-a45aeba2] {
  font-size: 0.65rem;
  color: #FCA5A5;
  font-style: italic;
  margin-top: 0.25rem;
}
.vs-separador[data-v-a45aeba2] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #8B5CF6;
  padding: 0.25rem 0;
}

/* Detonante */
.detonante-section[data-v-a45aeba2] {
  margin: 1.5rem 0;
}
.detonante-titulo[data-v-a45aeba2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.detonante-box[data-v-a45aeba2] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.detonante-box p[data-v-a45aeba2] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fecha-clave[data-v-a45aeba2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.fecha-icono[data-v-a45aeba2] {
  font-size: 1.25rem;
}
.fecha-texto[data-v-a45aeba2] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-a45aeba2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a45aeba2] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-a45aeba2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-a45aeba2] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-a45aeba2] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a45aeba2] {
    gap: 1.5rem;
}
.epoca-icono[data-v-a45aeba2] {
    font-size: 3rem;
}
.alianzas-grid[data-v-a45aeba2] {
    flex-direction: row;
}
.bloque[data-v-a45aeba2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.vs-separador[data-v-a45aeba2] {
    padding: 0 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-4a25a7d4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-4a25a7d4] {
  font-size: 2.5rem;
  animation: float-4a25a7d4 3s ease-in-out infinite;
}
.epoca-icono[data-v-4a25a7d4]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-4a25a7d4]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-4a25a7d4 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-4a25a7d4] {
  color: #FCD34D;
}
strong.positivo[data-v-4a25a7d4] {
  color: #6EE7B7;
}
strong.negativo[data-v-4a25a7d4] {
  color: #FCA5A5;
}

/* Etapas de la guerra */
.etapas-section[data-v-4a25a7d4] {
  margin: 1.5rem 0;
}
.etapas-titulo[data-v-4a25a7d4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.etapa-item[data-v-4a25a7d4] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.etapa-item.etapa-1[data-v-4a25a7d4] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.etapa-item.etapa-2[data-v-4a25a7d4] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.etapa-item.etapa-3[data-v-4a25a7d4] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.etapa-item.etapa-4[data-v-4a25a7d4] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.etapa-header[data-v-4a25a7d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 50px;
}
.etapa-numero[data-v-4a25a7d4] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-fecha[data-v-4a25a7d4] {
  font-size: 0.65rem;
  color: #FCD34D;
  margin-top: 0.25rem;
  font-weight: 600;
}
.etapa-contenido[data-v-4a25a7d4] {
  display: flex;
  flex-direction: column;
}
.etapa-contenido strong[data-v-4a25a7d4] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.etapa-contenido span[data-v-4a25a7d4] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Frentes */
.frentes-section[data-v-4a25a7d4] {
  margin: 1.5rem 0;
}
.frentes-titulo[data-v-4a25a7d4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frentes-grid[data-v-4a25a7d4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.frente[data-v-4a25a7d4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.frente.occidental[data-v-4a25a7d4] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.frente.oriental[data-v-4a25a7d4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.frente-icono[data-v-4a25a7d4] {
  font-size: 1.75rem;
}
.frente-info[data-v-4a25a7d4] {
  display: flex;
  flex-direction: column;
}
.frente-info strong[data-v-4a25a7d4] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.frente-info span[data-v-4a25a7d4] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.frente-detalle[data-v-4a25a7d4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Nuevas armas */
.armas-section[data-v-4a25a7d4] {
  margin: 1.5rem 0;
}
.armas-titulo[data-v-4a25a7d4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.armas-grid[data-v-4a25a7d4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.arma-item[data-v-4a25a7d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.arma-icono[data-v-4a25a7d4] {
  font-size: 1.25rem;
}
.arma-info[data-v-4a25a7d4] {
  display: flex;
  flex-direction: column;
}
.arma-info strong[data-v-4a25a7d4] {
  font-size: 0.7rem;
  color: #FFFFFF;
}
.arma-info span[data-v-4a25a7d4] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Dato clave */
.dato-clave[data-v-4a25a7d4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-4a25a7d4] {
  font-size: 1.75rem;
}
.dato-contenido[data-v-4a25a7d4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-4a25a7d4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-4a25a7d4] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4a25a7d4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4a25a7d4] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-4a25a7d4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-4a25a7d4] {
    gap: 1.5rem;
}
.epoca-icono[data-v-4a25a7d4] {
    font-size: 3rem;
}
.frentes-grid[data-v-4a25a7d4] {
    flex-direction: row;
}
.frente[data-v-4a25a7d4] {
    flex: 1;
}
.armas-grid[data-v-4a25a7d4] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-c631c422] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-c631c422] {
  font-size: 2.5rem;
  animation: float-c631c422 3s ease-in-out infinite;
}
.epoca-icono[data-v-c631c422]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-c631c422]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-c631c422 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-c631c422] {
  color: #FCD34D;
}
strong.positivo[data-v-c631c422] {
  color: #6EE7B7;
}
strong.negativo[data-v-c631c422] {
  color: #FCA5A5;
}

/* Conferencia de Paz */
.conferencia-section[data-v-c631c422] {
  margin: 1.5rem 0;
}
.conferencia-titulo[data-v-c631c422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conferencia-box[data-v-c631c422] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.conferencia-box p[data-v-c631c422] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.lideres-grid[data-v-c631c422] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.lider-item[data-v-c631c422] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.lider-bandera[data-v-c631c422] {
  font-size: 1.25rem;
}
.lider-info[data-v-c631c422] {
  display: flex;
  flex-direction: column;
}
.lider-info strong[data-v-c631c422] {
  font-size: 0.7rem;
  color: #FFFFFF;
}
.lider-info span[data-v-c631c422] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.nota-importante[data-v-c631c422] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.nota-icono[data-v-c631c422] {
  font-size: 1rem;
}
.nota-importante span[data-v-c631c422] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Condiciones del tratado */
.condiciones-section[data-v-c631c422] {
  margin: 1.5rem 0;
}
.condiciones-titulo[data-v-c631c422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condicion-item[data-v-c631c422] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.condicion-item.territorial[data-v-c631c422] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.condicion-item.militar[data-v-c631c422] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.condicion-item.economica[data-v-c631c422] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.condicion-item.culpa[data-v-c631c422] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.condicion-icono[data-v-c631c422] {
  font-size: 1.5rem;
}
.condicion-info[data-v-c631c422] {
  display: flex;
  flex-direction: column;
}
.condicion-info strong[data-v-c631c422] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.condicion-info span[data-v-c631c422] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* 14 Puntos de Wilson */
.wilson-section[data-v-c631c422] {
  margin: 1.5rem 0;
}
.wilson-titulo[data-v-c631c422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.wilson-box[data-v-c631c422] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.wilson-box p[data-v-c631c422] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.puntos-grid[data-v-c631c422] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-c631c422] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-item.destacado[data-v-c631c422] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.punto-check[data-v-c631c422] {
  font-size: 0.9rem;
  color: #6EE7B7;
}
.punto-item span[data-v-c631c422] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.wilson-nota[data-v-c631c422] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Consecuencias */
.consecuencias-section[data-v-c631c422] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-c631c422] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-c631c422] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.consecuencia-item[data-v-c631c422] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.consecuencia-item.negativa[data-v-c631c422] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.consecuencia-item.positiva[data-v-c631c422] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.consecuencia-item.neutral[data-v-c631c422] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.consecuencia-icono[data-v-c631c422] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.consecuencia-info[data-v-c631c422] {
  display: flex;
  flex-direction: column;
}
.consecuencia-info strong[data-v-c631c422] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.consecuencia-info span[data-v-c631c422] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-c631c422] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-c631c422] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-c631c422] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-c631c422] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-c631c422] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-c631c422] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c631c422] {
    gap: 1.5rem;
}
.epoca-icono[data-v-c631c422] {
    font-size: 3rem;
}
.lideres-grid[data-v-c631c422] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-d752a2bb] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d752a2bb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d752a2bb] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d752a2bb] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d752a2bb] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d752a2bb] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d752a2bb] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d752a2bb] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d752a2bb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d752a2bb] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Alianzas ===== */
.alianzas-container[data-v-d752a2bb] {
  text-align: center;
}
.pais-actual[data-v-d752a2bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pais-bandera[data-v-d752a2bb] {
  font-size: 3rem;
}
.pais-nombre[data-v-d752a2bb] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.alianzas-opciones[data-v-d752a2bb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.alianza-btn[data-v-d752a2bb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.alianza-btn.triple-alianza[data-v-d752a2bb] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.alianza-btn.triple-entente[data-v-d752a2bb] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.alianza-btn.seleccionada[data-v-d752a2bb] {
  transform: scale(1.02);
}
.alianza-btn.triple-alianza.seleccionada[data-v-d752a2bb] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.alianza-btn.triple-entente.seleccionada[data-v-d752a2bb] {
  border-color: #3B82F6;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
}
.alianza-btn.correcta[data-v-d752a2bb] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.alianza-btn.incorrecta[data-v-d752a2bb] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.alianza-icono[data-v-d752a2bb] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.alianza-nombre[data-v-d752a2bb] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.alianza-paises[data-v-d752a2bb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.alianza-btn.correcta .alianza-nombre[data-v-d752a2bb],
.alianza-btn.correcta .alianza-paises[data-v-d752a2bb],
.alianza-btn.incorrecta .alianza-nombre[data-v-d752a2bb],
.alianza-btn.incorrecta .alianza-paises[data-v-d752a2bb] {
  color: white;
}
.alianzas-contador[data-v-d752a2bb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-container[data-v-d752a2bb] {
  text-align: center;
}
.eventos-disponibles[data-v-d752a2bb] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-d752a2bb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-d752a2bb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-d752a2bb] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-d752a2bb] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.timeline-ordenar[data-v-d752a2bb] {
  margin: 1rem 0;
}
.timeline-labels[data-v-d752a2bb] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-d752a2bb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-timeline[data-v-d752a2bb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-d752a2bb] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-d752a2bb 1s infinite;
}
@keyframes pulse-d752a2bb {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-d752a2bb] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-d752a2bb] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-d752a2bb] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-d752a2bb] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  flex: 1;
  text-align: center;
}

/* ===== DESAFÍO 3: Completar ===== */
.completar-container[data-v-d752a2bb] {
  text-align: center;
}
.pregunta-box[data-v-d752a2bb] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-numero[data-v-d752a2bb] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-d752a2bb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
[data-v-d752a2bb] .hueco {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.opciones-completar[data-v-d752a2bb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-d752a2bb] {
  padding: 0.65rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.opcion-btn.seleccionada[data-v-d752a2bb] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcta[data-v-d752a2bb] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecta[data-v-d752a2bb] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.completar-contador[data-v-d752a2bb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-d752a2bb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-d752a2bb], .btn-reiniciar[data-v-d752a2bb] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d752a2bb] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d752a2bb] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-d752a2bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d752a2bb] { font-size: 1.25rem;
}
.resultado-texto[data-v-d752a2bb] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d752a2bb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d752a2bb] { flex: 1;
}
.nav-btn[data-v-d752a2bb] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d752a2bb] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d752a2bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d752a2bb] { font-size: 1.75rem;
}
.completado-texto[data-v-d752a2bb] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d752a2bb], .slide-leave-active[data-v-d752a2bb] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d752a2bb] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d752a2bb] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.alianzas-opciones[data-v-d752a2bb] {
    flex-direction: row;
}
.alianza-btn[data-v-d752a2bb] {
    flex: 1;
}
.eventos-pool[data-v-d752a2bb] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-d752a2bb] {
    flex: 0 1 auto;
}
.slots-row[data-v-d752a2bb] {
    flex-direction: row;
}
.slot-timeline[data-v-d752a2bb] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.slot-evento[data-v-d752a2bb] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-4dde8d76] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.epoca-icono[data-v-4dde8d76] {
  font-size: 4rem;
  animation: pulse-4dde8d76 2s ease-in-out infinite;
}
@keyframes pulse-4dde8d76 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-texto[data-v-4dde8d76] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-4dde8d76] {
  color: #FCD34D;
}
strong.positivo[data-v-4dde8d76] {
  color: #6EE7B7;
}
strong.negativo[data-v-4dde8d76] {
  color: #FCA5A5;
}

/* Secciones de resumen */
.resumen-section[data-v-4dde8d76] {
  margin: 1.25rem 0;
}
.resumen-titulo[data-v-4dde8d76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

/* Items compactos */
.items-compactos[data-v-4dde8d76] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.item-compacto[data-v-4dde8d76] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.item-icono[data-v-4dde8d76] {
  font-size: 1.1rem;
}
.item-texto[data-v-4dde8d76] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-4dde8d76] {
  color: #FCD34D;
}

/* Bandos */
.bandos-grid[data-v-4dde8d76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.bando[data-v-4dde8d76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
  text-align: center;
}
.bando.alianza[data-v-4dde8d76] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bando.entente[data-v-4dde8d76] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bando-nombre[data-v-4dde8d76] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bando-paises[data-v-4dde8d76] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.bando-vs[data-v-4dde8d76] {
  font-size: 1rem;
  font-weight: 800;
  color: #8B5CF6;
}

/* Fechas grid */
.fechas-grid[data-v-4dde8d76] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fecha-item[data-v-4dde8d76] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.fecha-dia[data-v-4dde8d76] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCA5A5;
}
.fecha-evento[data-v-4dde8d76] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tratado box */
.tratado-box[data-v-4dde8d76] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tratado-item[data-v-4dde8d76] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.tratado-item[data-v-4dde8d76]:last-child {
  margin-bottom: 0;
}
.tratado-check[data-v-4dde8d76] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tratado-check.negativo[data-v-4dde8d76] {
  color: #FCA5A5;
}
.tratado-check.positivo[data-v-4dde8d76] {
  color: #6EE7B7;
}
.tratado-item span[data-v-4dde8d76]:last-child {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Consecuencias mini */
.consecuencias-mini[data-v-4dde8d76] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.consecuencia-mini[data-v-4dde8d76] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.c-icono[data-v-4dde8d76] {
  font-size: 1.5rem;
}
.c-texto[data-v-4dde8d76] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Imperios final */
.imperios-final[data-v-4dde8d76] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.imperio-item[data-v-4dde8d76] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCA5A5;
}
.imperio-separador[data-v-4dde8d76] {
  color: #8B5CF6;
  font-size: 0.8rem;
}

/* Tip PAES */
.tip-paes[data-v-4dde8d76] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-4dde8d76] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4dde8d76] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4dde8d76] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-4dde8d76] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-4dde8d76] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.epoca-icono[data-v-4dde8d76] {
    font-size: 5rem;
}
.items-compactos[data-v-4dde8d76] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.bandos-grid[data-v-4dde8d76] {
    flex-direction: row;
}
.bando[data-v-4dde8d76] {
    flex: 1;
}
.fechas-grid[data-v-4dde8d76] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-c611cdc5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-c611cdc5] {
  font-size: 2.5rem;
  animation: float-c611cdc5 3s ease-in-out infinite;
}
.epoca-icono[data-v-c611cdc5]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-c611cdc5]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-c611cdc5 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-c611cdc5] {
  color: #FCD34D;
}

/* Contexto temporal */
.contexto-section[data-v-c611cdc5] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-c611cdc5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-c611cdc5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.renacimiento[data-v-c611cdc5] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.reforma[data-v-c611cdc5] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.timeline-era.contrarreforma[data-v-c611cdc5] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.era-nombre[data-v-c611cdc5] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-c611cdc5] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.reforma .era-nombre[data-v-c611cdc5] {
  color: #FCA5A5;
}
.timeline-flecha[data-v-c611cdc5] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Problemas de la Iglesia */
.problemas-section[data-v-c611cdc5] {
  margin: 1.5rem 0;
}
.problemas-titulo[data-v-c611cdc5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problemas-grid[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema-item[data-v-c611cdc5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #FCA5A5;
  border-radius: 0 0.4rem 0.4rem 0;
}
.problema-icono[data-v-c611cdc5] {
  font-size: 1.25rem;
}
.problema-info[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
}
.problema-info strong[data-v-c611cdc5] {
  color: #FCA5A5;
  font-size: 0.9rem;
}
.problema-info span[data-v-c611cdc5] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Indulgencias */
.indulgencias-section[data-v-c611cdc5] {
  margin: 1.5rem 0;
}
.indulgencias-titulo[data-v-c611cdc5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.indulgencias-box[data-v-c611cdc5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.indulgencia-antes[data-v-c611cdc5], .indulgencia-despues[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 120px;
  text-align: center;
}
.indulgencia-antes[data-v-c611cdc5] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.indulgencia-despues[data-v-c611cdc5] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.indulgencia-header[data-v-c611cdc5] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.indulgencia-antes .indulgencia-header[data-v-c611cdc5] {
  color: #6EE7B7;
}
.indulgencia-despues .indulgencia-header[data-v-c611cdc5] {
  color: #FCA5A5;
}
.indulgencia-desc[data-v-c611cdc5] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.indulgencia-flecha[data-v-c611cdc5] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}
.indulgencia-ejemplo[data-v-c611cdc5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.ejemplo-icono[data-v-c611cdc5] {
  font-size: 1.25rem;
}
.ejemplo-texto[data-v-c611cdc5] {
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplo-texto em[data-v-c611cdc5] {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Factores */
.factores-section[data-v-c611cdc5] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-c611cdc5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-item[data-v-c611cdc5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
  border-radius: 0 0.4rem 0.4rem 0;
}
.factor-icono[data-v-c611cdc5] {
  font-size: 1.25rem;
}
.factor-info[data-v-c611cdc5] {
  display: flex;
  flex-direction: column;
}
.factor-info strong[data-v-c611cdc5] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.factor-info span[data-v-c611cdc5] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-c611cdc5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c611cdc5] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-c611cdc5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-c611cdc5] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-c611cdc5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c611cdc5] {
    gap: 1.5rem;
}
.epoca-icono[data-v-c611cdc5] {
    font-size: 3rem;
}
.problemas-grid[data-v-c611cdc5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.factores-grid[data-v-c611cdc5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-c03ab2c3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.lutero-avatar[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.avatar-icon[data-v-c03ab2c3] {
  font-size: 3rem;
  margin-bottom: 0.25rem;
}
.avatar-name[data-v-c03ab2c3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.avatar-years[data-v-c03ab2c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Destacados */
strong.destacado[data-v-c03ab2c3] {
  color: #FCD34D;
}
strong.fecha[data-v-c03ab2c3] {
  color: #FCA5A5;
}

/* Momento clave */
.momento-section[data-v-c03ab2c3] {
  margin: 1.5rem 0;
}
.momento-titulo[data-v-c03ab2c3] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.momento-box[data-v-c03ab2c3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.momento-imagen[data-v-c03ab2c3] {
  font-size: 2rem;
  flex-shrink: 0;
}
.momento-desc[data-v-c03ab2c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.momento-nota[data-v-c03ab2c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.nota-icono[data-v-c03ab2c3] {
  font-size: 1rem;
}
.nota-texto[data-v-c03ab2c3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ideas de Lutero */
.ideas-section[data-v-c03ab2c3] {
  margin: 1.5rem 0;
}
.ideas-titulo[data-v-c03ab2c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ideas-grid[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.idea-item[data-v-c03ab2c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #C4B5FD;
  border-radius: 0 0.4rem 0.4rem 0;
}
.idea-item.principal[data-v-c03ab2c3] {
  background: rgba(245, 158, 11, 0.1);
  border-left-color: #FCD34D;
}
.idea-icono[data-v-c03ab2c3] {
  font-size: 1.25rem;
}
.idea-info[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
}
.idea-info strong[data-v-c03ab2c3] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.idea-item.principal .idea-info strong[data-v-c03ab2c3] {
  color: #FCD34D;
}
.idea-info span[data-v-c03ab2c3] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Consecuencias */
.consecuencias-section[data-v-c03ab2c3] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-c03ab2c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-eventos[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evento[data-v-c03ab2c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.evento-fecha[data-v-c03ab2c3] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.evento-info[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
}
.evento-info strong[data-v-c03ab2c3] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.evento-info span[data-v-c03ab2c3] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Frase */
.frase-section[data-v-c03ab2c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.frase-icono[data-v-c03ab2c3] {
  font-size: 1.5rem;
}
.frase-contenido[data-v-c03ab2c3] {
  display: flex;
  flex-direction: column;
}
.frase-texto[data-v-c03ab2c3] {
  color: #FFFFFF;
  font-style: italic;
  font-size: 0.95rem;
  line-height: 1.4;
}
.frase-autor[data-v-c03ab2c3] {
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

/* Concepto clave */
.concepto-clave[data-v-c03ab2c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-c03ab2c3] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-c03ab2c3] {
  flex: 1;
}
.concepto-titulo[data-v-c03ab2c3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-c03ab2c3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-c03ab2c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c03ab2c3] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-c03ab2c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-c03ab2c3] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-c03ab2c3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.lutero-avatar[data-v-c03ab2c3] {
    padding: 1.25rem 2rem;
}
.avatar-icon[data-v-c03ab2c3] {
    font-size: 4rem;
}
.ideas-grid[data-v-c03ab2c3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.timeline-eventos[data-v-c03ab2c3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-19355754] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.division-icono[data-v-19355754] {
  font-size: 2.5rem;
}
.division-flecha[data-v-19355754] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.ramas-iconos[data-v-19355754] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rama-icono[data-v-19355754] {
  font-size: 1.5rem;
}
.rama-icono.catolico[data-v-19355754] {
  opacity: 0.5;
}

/* Destacados */
strong.destacado[data-v-19355754] {
  color: #FCD34D;
}

/* Ramas protestantes */
.ramas-section[data-v-19355754] {
  margin: 1.5rem 0;
}
.ramas-titulo[data-v-19355754] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rama-card[data-v-19355754] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.rama-card.luteranismo[data-v-19355754] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.rama-card.calvinismo[data-v-19355754] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.rama-card.anglicanismo[data-v-19355754] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.rama-header[data-v-19355754] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.rama-icon[data-v-19355754] {
  font-size: 1.5rem;
}
.rama-title-box[data-v-19355754] {
  display: flex;
  flex-direction: column;
}
.rama-title-box strong[data-v-19355754] {
  font-size: 1rem;
  color: #FFFFFF;
}
.rama-title-box span[data-v-19355754] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.rama-caracteristicas[data-v-19355754] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.rama-caracteristicas li[data-v-19355754] {
  margin-bottom: 0.25rem;
}

/* Comparación */
.comparacion-section[data-v-19355754] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-19355754] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-19355754] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 0.7rem;
}
.tabla-header[data-v-19355754] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 0.25rem;
}
.col-vacia[data-v-19355754] {
  display: block;
}
.col-titulo[data-v-19355754] {
  text-align: center;
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-fila[data-v-19355754] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0.4rem 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.fila-label[data-v-19355754] {
  font-weight: 600;
  color: #C4B5FD;
}
.fila-dato[data-v-19355754] {
  text-align: center;
  color: #E9D5FF;
}

/* Conflictos */
.conflictos-section[data-v-19355754] {
  margin: 1.5rem 0;
}
.conflictos-titulo[data-v-19355754] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conflictos-grid[data-v-19355754] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conflicto-item[data-v-19355754] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #FCA5A5;
  border-radius: 0 0.4rem 0.4rem 0;
}
.conflicto-icono[data-v-19355754] {
  font-size: 1.25rem;
}
.conflicto-info[data-v-19355754] {
  display: flex;
  flex-direction: column;
}
.conflicto-info strong[data-v-19355754] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.conflicto-info span[data-v-19355754] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Mapa conceptual */
.mapa-section[data-v-19355754] {
  margin: 1.5rem 0;
}
.mapa-titulo[data-v-19355754] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mapa-visual[data-v-19355754] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.region[data-v-19355754] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.region.norte[data-v-19355754] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.region.sur[data-v-19355754] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.region-nombre[data-v-19355754] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.region-religion[data-v-19355754] {
  font-size: 1rem;
  font-weight: 700;
  margin: 0.25rem 0;
}
.norte .region-religion[data-v-19355754] {
  color: #FCA5A5;
}
.sur .region-religion[data-v-19355754] {
  color: #FCD34D;
}
.region-paises[data-v-19355754] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-19355754] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-19355754] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-19355754] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-19355754] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-19355754] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-19355754] {
    gap: 1.5rem;
}
.division-icono[data-v-19355754] {
    font-size: 3rem;
}
.ramas-iconos[data-v-19355754] {
    flex-direction: row;
    gap: 0.5rem;
}
.rama-icono[data-v-19355754] {
    font-size: 2rem;
}
.conflictos-grid[data-v-19355754] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.mapa-visual[data-v-19355754] {
    flex-direction: row;
}
.region[data-v-19355754] {
    flex: 1;
}
.comparacion-tabla[data-v-19355754] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-9118899d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-9118899d] {
  font-size: 2.5rem;
  animation: float-9118899d 3s ease-in-out infinite;
}
.epoca-icono[data-v-9118899d]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-9118899d]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-9118899d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-9118899d] {
  color: #FCD34D;
}

/* Objetivos */
.objetivos-section[data-v-9118899d] {
  margin: 1.5rem 0;
}
.objetivos-titulo[data-v-9118899d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.objetivos-grid[data-v-9118899d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.objetivo-item[data-v-9118899d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.objetivo-num[data-v-9118899d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #93C5FD;
  flex-shrink: 0;
}
.objetivo-info[data-v-9118899d] {
  display: flex;
  flex-direction: column;
}
.objetivo-info strong[data-v-9118899d] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.objetivo-info span[data-v-9118899d] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Concilio de Trento */
.concilio-section[data-v-9118899d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concilio-header[data-v-9118899d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.concilio-icono[data-v-9118899d] {
  font-size: 2rem;
}
.concilio-title[data-v-9118899d] {
  display: flex;
  flex-direction: column;
}
.concilio-title strong[data-v-9118899d] {
  font-size: 1.1rem;
  color: #FCD34D;
}
.concilio-title span[data-v-9118899d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.concilio-intro[data-v-9118899d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.decisiones-grid[data-v-9118899d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.decision-item[data-v-9118899d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.decision-item.doctrina[data-v-9118899d] {
  background: rgba(139, 92, 246, 0.15);
}
.decision-item.reforma[data-v-9118899d] {
  background: rgba(16, 185, 129, 0.15);
}
.decision-icono[data-v-9118899d] {
  font-size: 1.25rem;
}
.decision-info strong[data-v-9118899d] {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.decision-item.doctrina .decision-info strong[data-v-9118899d] {
  color: #C4B5FD;
}
.decision-item.reforma .decision-info strong[data-v-9118899d] {
  color: #6EE7B7;
}
.decision-info ul[data-v-9118899d] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.decision-info ul li[data-v-9118899d] {
  margin-bottom: 0.15rem;
}

/* Instrumentos */
.instrumentos-section[data-v-9118899d] {
  margin: 1.5rem 0;
}
.instrumentos-titulo[data-v-9118899d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.instrumentos-grid[data-v-9118899d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.instrumento-card[data-v-9118899d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.instrumento-icono[data-v-9118899d] {
  font-size: 1.5rem;
}
.instrumento-info strong[data-v-9118899d] {
  display: block;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.instrumento-fecha[data-v-9118899d] {
  display: inline-block;
  font-size: 0.65rem;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.15rem;
}
.instrumento-info p[data-v-9118899d] {
  margin: 0.4rem 0 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Barroco */
.barroco-section[data-v-9118899d] {
  margin: 1.5rem 0;
}
.barroco-titulo[data-v-9118899d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.barroco-box[data-v-9118899d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.barroco-desc[data-v-9118899d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.barroco-caracteristicas[data-v-9118899d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.barroco-item[data-v-9118899d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Resultado */
.resultado-section[data-v-9118899d] {
  margin: 1.5rem 0;
}
.resultado-titulo[data-v-9118899d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resultado-grid[data-v-9118899d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resultado-item[data-v-9118899d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.resultado-item.exito[data-v-9118899d] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.resultado-item.limite[data-v-9118899d] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
}
.resultado-icono[data-v-9118899d] {
  font-size: 1.25rem;
}
.resultado-info[data-v-9118899d] {
  display: flex;
  flex-direction: column;
}
.resultado-item.exito .resultado-info strong[data-v-9118899d] {
  color: #6EE7B7;
}
.resultado-item.limite .resultado-info strong[data-v-9118899d] {
  color: #FCD34D;
}
.resultado-info span[data-v-9118899d] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-9118899d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9118899d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9118899d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9118899d] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-9118899d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9118899d] {
    gap: 1.5rem;
}
.epoca-icono[data-v-9118899d] {
    font-size: 3rem;
}
.decisiones-grid[data-v-9118899d] {
    flex-direction: row;
}
.decision-item[data-v-9118899d] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.decision-info ul[data-v-9118899d] {
    text-align: left;
}
.resultado-grid[data-v-9118899d] {
    flex-direction: row;
}
.resultado-item[data-v-9118899d] {
    flex: 1;
}
}

.explorador[data-v-dd6ff88b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dd6ff88b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dd6ff88b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dd6ff88b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dd6ff88b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dd6ff88b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dd6ff88b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dd6ff88b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dd6ff88b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dd6ff88b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-dd6ff88b] {
  text-align: center;
}
.conceptos-disponibles[data-v-dd6ff88b] {
  margin-bottom: 1rem;
}
.conceptos-label[data-v-dd6ff88b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.conceptos-pool[data-v-dd6ff88b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-btn[data-v-dd6ff88b] {
  padding: 0.6rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.concepto-btn.seleccionado[data-v-dd6ff88b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.destinos[data-v-dd6ff88b] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.destino[data-v-dd6ff88b] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.destino.reforma[data-v-dd6ff88b] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px dashed rgba(239, 68, 68, 0.4);
}
.destino.contrarreforma[data-v-dd6ff88b] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px dashed rgba(59, 130, 246, 0.4);
}
.destino.activo[data-v-dd6ff88b] {
  border-style: solid;
  transform: scale(1.02);
}
.destino.activo.reforma[data-v-dd6ff88b] {
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
}
.destino.activo.contrarreforma[data-v-dd6ff88b] {
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.3);
}
.destino-icono[data-v-dd6ff88b] {
  font-size: 1.5rem;
}
.destino-nombre[data-v-dd6ff88b] {
  font-size: 0.8rem;
  font-weight: 700;
}
.reforma .destino-nombre[data-v-dd6ff88b] {
  color: #FCA5A5;
}
.contrarreforma .destino-nombre[data-v-dd6ff88b] {
  color: #93C5FD;
}
.destino-items[data-v-dd6ff88b] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.item-clasificado[data-v-dd6ff88b] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.item-clasificado.correcto[data-v-dd6ff88b] {
  background: rgba(16, 185, 129, 0.2);
}
.item-clasificado.incorrecto[data-v-dd6ff88b] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-dd6ff88b] {
  text-align: center;
}
.pregunta-relacion[data-v-dd6ff88b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-dd6ff88b] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-dd6ff88b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-dd6ff88b] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-dd6ff88b]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-dd6ff88b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-dd6ff88b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-dd6ff88b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-dd6ff88b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-dd6ff88b] {
  text-align: center;
}
.timeline-instruccion[data-v-dd6ff88b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-dd6ff88b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-dd6ff88b] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-dd6ff88b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-dd6ff88b] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-dd6ff88b] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #3B82F6);
  border-radius: 2px;
}
.timeline-slots[data-v-dd6ff88b] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-dd6ff88b] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 65px;
}
.timeline-slot.ocupado[data-v-dd6ff88b] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-dd6ff88b] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 700;
}
.slot-evento[data-v-dd6ff88b] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.slot-placeholder[data-v-dd6ff88b] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-dd6ff88b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-dd6ff88b], .btn-reiniciar[data-v-dd6ff88b] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-dd6ff88b] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-dd6ff88b] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-dd6ff88b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dd6ff88b] { font-size: 1.25rem;
}
.resultado-texto[data-v-dd6ff88b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dd6ff88b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dd6ff88b] { flex: 1;
}
.nav-btn[data-v-dd6ff88b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dd6ff88b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dd6ff88b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dd6ff88b] { font-size: 1.75rem;
}
.completado-texto[data-v-dd6ff88b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dd6ff88b], .slide-leave-active[data-v-dd6ff88b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dd6ff88b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-dd6ff88b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-pool[data-v-dd6ff88b] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.concepto-btn[data-v-dd6ff88b] {
    flex: 0 1 auto;
}
.opciones-relacion[data-v-dd6ff88b] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-dd6ff88b] {
    flex: 1 1 45%;
}
.eventos-disponibles[data-v-dd6ff88b] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-dd6ff88b] {
    flex: 0 1 auto;
}
.slot-evento[data-v-dd6ff88b] {
    font-size: 0.65rem;
}
}

/* Intro visual */
.intro-visual[data-v-2525fdaa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-2525fdaa] {
  font-size: 2.5rem;
}
.intro-texto[data-v-2525fdaa] {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-2525fdaa] {
  color: #FCD34D;
}

/* Cronología */
.cronologia-section[data-v-2525fdaa] {
  margin: 1.5rem 0;
}
.cronologia-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cronologia-grid[data-v-2525fdaa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.crono-item[data-v-2525fdaa] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.crono-fecha[data-v-2525fdaa] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
}
.crono-evento[data-v-2525fdaa] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Conceptos */
.conceptos-section[data-v-2525fdaa] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-2525fdaa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-2525fdaa] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.concepto-card.reforma[data-v-2525fdaa] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-card.contrarreforma[data-v-2525fdaa] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-header[data-v-2525fdaa] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.reforma .concepto-header[data-v-2525fdaa] {
  color: #FCA5A5;
}
.contrarreforma .concepto-header[data-v-2525fdaa] {
  color: #93C5FD;
}
.concepto-lista[data-v-2525fdaa] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-lista li[data-v-2525fdaa] {
  margin-bottom: 0.15rem;
}

/* Personajes */
.personajes-section[data-v-2525fdaa] {
  margin: 1.5rem 0;
}
.personajes-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.personajes-grid[data-v-2525fdaa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.personaje[data-v-2525fdaa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.personaje-icono[data-v-2525fdaa] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.personaje strong[data-v-2525fdaa] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.personaje span[data-v-2525fdaa] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-2525fdaa] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-2525fdaa] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 0.65rem;
}
.tabla-row[data-v-2525fdaa] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 0.4rem 0.25rem;
}
.tabla-row.header[data-v-2525fdaa] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-row[data-v-2525fdaa]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
}
.col1[data-v-2525fdaa] {
  font-weight: 600;
  color: #C4B5FD;
}
.col2[data-v-2525fdaa], .col3[data-v-2525fdaa], .col4[data-v-2525fdaa] {
  text-align: center;
}

/* Consecuencias */
.consecuencias-section[data-v-2525fdaa] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-2525fdaa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.consecuencia[data-v-2525fdaa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.consecuencia-icono[data-v-2525fdaa] {
  font-size: 1.1rem;
}
.consecuencia-texto[data-v-2525fdaa] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-2525fdaa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-2525fdaa] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tips-grid[data-v-2525fdaa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tip-item[data-v-2525fdaa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tip-numero[data-v-2525fdaa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-2525fdaa] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Mensaje final */
.mensaje-final[data-v-2525fdaa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-2525fdaa] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-2525fdaa] {
  display: flex;
  flex-direction: column;
}
.mensaje-contenido strong[data-v-2525fdaa] {
  color: #6EE7B7;
  font-size: 1rem;
}
.mensaje-contenido span[data-v-2525fdaa] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.cronologia-grid[data-v-2525fdaa] {
    grid-template-columns: repeat(3, 1fr);
}
.conceptos-grid[data-v-2525fdaa] {
    flex-direction: row;
}
.concepto-card[data-v-2525fdaa] {
    flex: 1;
}
.personajes-grid[data-v-2525fdaa] {
    grid-template-columns: repeat(4, 1fr);
}
.comparacion-tabla[data-v-2525fdaa] {
    font-size: 0.75rem;
}
.tips-grid[data-v-2525fdaa] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-b9853a62] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-b9853a62] {
  font-size: 2.5rem;
  animation: float-b9853a62 3s ease-in-out infinite;
}
.epoca-icono[data-v-b9853a62]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-b9853a62]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b9853a62 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b9853a62] {
  color: #FCD34D;
}
strong.positivo[data-v-b9853a62] {
  color: #6EE7B7;
}
strong.negativo[data-v-b9853a62] {
  color: #FCA5A5;
}

/* Contexto */
.contexto-section[data-v-b9853a62] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-b9853a62] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-b9853a62] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.contexto-item .icono[data-v-b9853a62] {
  font-size: 1.5rem;
}
.item-info[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
}
.item-info strong[data-v-b9853a62] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.item-info span[data-v-b9853a62] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Golpe timeline */
.golpe-section[data-v-b9853a62] {
  margin: 1.5rem 0;
}
.golpe-titulo[data-v-b9853a62] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-golpe[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1rem;
}
.timeline-golpe[data-v-b9853a62]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 3px;
  background: linear-gradient(to bottom, #EF4444, #8B5CF6);
  border-radius: 2px;
}
.evento-golpe[data-v-b9853a62] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  position: relative;
}
.evento-golpe[data-v-b9853a62]::before {
  content: '';
  position: absolute;
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border-radius: 50%;
}
.evento-golpe.destacado[data-v-b9853a62] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.evento-golpe.destacado[data-v-b9853a62]::before {
  background: #EF4444;
  width: 14px;
  height: 14px;
  left: -1.35rem;
}
.hora[data-v-b9853a62] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 45px;
}
.evento-info[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
}
.evento-info strong[data-v-b9853a62] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.evento-info span[data-v-b9853a62] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Junta Militar */
.junta-section[data-v-b9853a62] {
  margin: 1.5rem 0;
}
.junta-titulo[data-v-b9853a62] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.junta-desc[data-v-b9853a62] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.miembros-grid[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.miembro-item[data-v-b9853a62] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.miembro-item.jefe[data-v-b9853a62] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.miembro-foto[data-v-b9853a62] {
  font-size: 1.5rem;
}
.miembro-info[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
}
.miembro-info strong[data-v-b9853a62] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.miembro-info span[data-v-b9853a62] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Medidas */
.medidas-section[data-v-b9853a62] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.medidas-titulo[data-v-b9853a62] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medidas-lista[data-v-b9853a62] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.medida-item[data-v-b9853a62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.medida-icono[data-v-b9853a62] {
  font-size: 1rem;
}
.medida-item strong[data-v-b9853a62] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-b9853a62] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b9853a62] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b9853a62] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b9853a62] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b9853a62] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b9853a62] {
    gap: 1.5rem;
}
.epoca-icono[data-v-b9853a62] {
    font-size: 3rem;
}
.contexto-grid[data-v-b9853a62] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.miembros-grid[data-v-b9853a62] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.medidas-lista[data-v-b9853a62] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-751b3604] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-751b3604] {
  font-size: 2.5rem;
  animation: float-751b3604 3s ease-in-out infinite;
}
.epoca-icono[data-v-751b3604]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-751b3604]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-751b3604 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-751b3604] {
  color: #FCD34D;
}
strong.positivo[data-v-751b3604] {
  color: #6EE7B7;
}
strong.negativo[data-v-751b3604] {
  color: #FCA5A5;
}

/* Organismos */
.organismos-section[data-v-751b3604] {
  margin: 1.5rem 0;
}
.organismos-titulo[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organismos-grid[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.organismo-item[data-v-751b3604] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.organismo-item.dina[data-v-751b3604] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.organismo-item.cni[data-v-751b3604] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.organismo-header[data-v-751b3604] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.organismo-sigla[data-v-751b3604] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
}
.organismo-fecha[data-v-751b3604] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  padding: 0.15rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.organismo-item p[data-v-751b3604] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0.25rem 0;
}
.organismo-desc[data-v-751b3604] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Víctimas */
.victimas-section[data-v-751b3604] {
  margin: 1.5rem 0;
}
.victimas-titulo[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.victimas-grid[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.victima-stat[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.stat-numero[data-v-751b3604] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCA5A5;
}
.stat-tipo[data-v-751b3604] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.stat-tipo.negativo[data-v-751b3604] {
  color: #FCA5A5;
}
.stat-fuente[data-v-751b3604] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Centros */
.centros-section[data-v-751b3604] {
  margin: 1.5rem 0;
}
.centros-titulo[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.centros-lista[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.centro-item[data-v-751b3604] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.centro-icono[data-v-751b3604] {
  font-size: 1.5rem;
}
.centro-info[data-v-751b3604] {
  display: flex;
  flex-direction: column;
}
.centro-info strong[data-v-751b3604] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.centro-info span[data-v-751b3604] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Casos */
.casos-section[data-v-751b3604] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.caso-nombre[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caso-fecha[data-v-751b3604] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
}
.caso-desc[data-v-751b3604] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Defensa */
.defensa-section[data-v-751b3604] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.defensa-titulo[data-v-751b3604] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.defensa-intro[data-v-751b3604] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.defensa-grid[data-v-751b3604] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.defensa-item[data-v-751b3604] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.defensa-icono[data-v-751b3604] {
  font-size: 1.5rem;
}
.defensa-info[data-v-751b3604] {
  display: flex;
  flex-direction: column;
}
.defensa-info strong[data-v-751b3604] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.defensa-info span[data-v-751b3604] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-751b3604] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-751b3604] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-751b3604] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-751b3604] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-751b3604] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-751b3604] {
    gap: 1.5rem;
}
.epoca-icono[data-v-751b3604] {
    font-size: 3rem;
}
.organismos-grid[data-v-751b3604] {
    flex-direction: row;
}
.organismo-item[data-v-751b3604] {
    flex: 1;
}
.victimas-grid[data-v-751b3604] {
    flex-direction: row;
}
.victima-stat[data-v-751b3604] {
    flex: 1;
}
.centros-lista[data-v-751b3604] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.casos-grid[data-v-751b3604] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-28b44568] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-28b44568] {
  font-size: 2.5rem;
  animation: float-28b44568 3s ease-in-out infinite;
}
.epoca-icono[data-v-28b44568]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-28b44568]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-28b44568 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-28b44568] {
  color: #FCD34D;
}
strong.positivo[data-v-28b44568] {
  color: #6EE7B7;
}
strong.negativo[data-v-28b44568] {
  color: #FCA5A5;
}

/* Chicago Boys */
.chicago-section[data-v-28b44568] {
  margin: 1.5rem 0;
}
.chicago-titulo[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.chicago-box[data-v-28b44568] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.chicago-box p[data-v-28b44568] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.chicago-nombres[data-v-28b44568] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.nombre-item[data-v-28b44568] {
  padding: 0.3rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Principios */
.principios-section[data-v-28b44568] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-28b44568] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.principio-item[data-v-28b44568] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.principio-icono[data-v-28b44568] {
  font-size: 1.5rem;
}
.principio-info[data-v-28b44568] {
  display: flex;
  flex-direction: column;
}
.principio-info strong[data-v-28b44568] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.principio-info span[data-v-28b44568] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Reformas */
.reformas-section[data-v-28b44568] {
  margin: 1.5rem 0;
}
.reformas-titulo[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reformas-lista[data-v-28b44568] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reforma-item[data-v-28b44568] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.reforma-item.laboral[data-v-28b44568] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.reforma-item.prevision[data-v-28b44568] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.reforma-item.salud[data-v-28b44568] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.reforma-item.educacion[data-v-28b44568] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.reforma-header[data-v-28b44568] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.reforma-icono[data-v-28b44568] {
  font-size: 1.25rem;
}
.reforma-nombre[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.reforma-puntos[data-v-28b44568] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.reforma-puntos li[data-v-28b44568] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.reforma-puntos li strong[data-v-28b44568] {
  color: #FCD34D;
}

/* Crisis */
.crisis-section[data-v-28b44568] {
  margin: 1.5rem 0;
}
.crisis-titulo[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crisis-box[data-v-28b44568] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.crisis-box > p[data-v-28b44568] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.crisis-datos[data-v-28b44568] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-28b44568] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-valor[data-v-28b44568] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  min-width: 70px;
}
.dato-valor.negativo[data-v-28b44568] {
  color: #FCA5A5;
}
.dato-desc[data-v-28b44568] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.crisis-nota[data-v-28b44568] {
  font-size: 0.8rem;
  color: #FCA5A5;
  font-style: italic;
  margin: 0;
}

/* Resultados */
.resultados-section[data-v-28b44568] {
  margin: 1.5rem 0;
}
.resultados-titulo[data-v-28b44568] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resultados-grid[data-v-28b44568] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.resultado-col[data-v-28b44568] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.resultado-col.positivos[data-v-28b44568] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.resultado-col.negativos[data-v-28b44568] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.col-header[data-v-28b44568] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.col-header.positivo[data-v-28b44568] {
  color: #6EE7B7;
}
.col-header.negativo[data-v-28b44568] {
  color: #FCA5A5;
}
.resultado-col ul[data-v-28b44568] {
  margin: 0;
  padding-left: 1.25rem;
}
.resultado-col li[data-v-28b44568] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}

/* Tip PAES */
.tip-paes[data-v-28b44568] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-28b44568] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-28b44568] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-28b44568] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-28b44568] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-28b44568] {
    gap: 1.5rem;
}
.epoca-icono[data-v-28b44568] {
    font-size: 3rem;
}
.principios-grid[data-v-28b44568] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.reformas-lista[data-v-28b44568] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.crisis-datos[data-v-28b44568] {
    flex-direction: row;
}
.dato-item[data-v-28b44568] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.resultados-grid[data-v-28b44568] {
    flex-direction: row;
}
.resultado-col[data-v-28b44568] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-5f41964f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-5f41964f] {
  font-size: 2.5rem;
  animation: float-5f41964f 3s ease-in-out infinite;
}
.epoca-icono[data-v-5f41964f]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-5f41964f]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5f41964f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-5f41964f] {
  color: #FCD34D;
}
strong.positivo[data-v-5f41964f] {
  color: #6EE7B7;
}
strong.negativo[data-v-5f41964f] {
  color: #FCA5A5;
}

/* Constitución */
.constitucion-section[data-v-5f41964f] {
  margin: 1.5rem 0;
}
.constitucion-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.constitucion-box[data-v-5f41964f] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.constitucion-box > p[data-v-5f41964f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.constitucion-puntos[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-5f41964f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.punto-icono[data-v-5f41964f] {
  font-size: 1rem;
}

/* Camino al plebiscito */
.camino-section[data-v-5f41964f] {
  margin: 1.5rem 0;
}
.camino-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-camino[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1rem;
}
.timeline-camino[data-v-5f41964f]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #10B981);
  border-radius: 2px;
}
.evento-camino[data-v-5f41964f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  position: relative;
}
.evento-camino[data-v-5f41964f]::before {
  content: '';
  position: absolute;
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border-radius: 50%;
}
.evento-camino.destacado[data-v-5f41964f] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.evento-camino.destacado[data-v-5f41964f]::before {
  background: #10B981;
}
.año[data-v-5f41964f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
}
.evento-info[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
}
.evento-info strong[data-v-5f41964f] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.evento-info span[data-v-5f41964f] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Plebiscito */
.plebiscito-section[data-v-5f41964f] {
  margin: 1.5rem 0;
}
.plebiscito-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.plebiscito-box[data-v-5f41964f] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.pregunta-plebiscito[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-label[data-v-5f41964f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-5f41964f] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-style: italic;
}
.resultados-box[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.resultado-item[data-v-5f41964f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resultado-item.ganador[data-v-5f41964f] {
  background: rgba(16, 185, 129, 0.15);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.opcion-label[data-v-5f41964f] {
  font-weight: 800;
  font-size: 1rem;
  min-width: 35px;
  color: #FFFFFF;
}
.barra-container[data-v-5f41964f] {
  flex: 1;
  height: 24px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
}
.barra[data-v-5f41964f] {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 1s ease;
}
.barra.no[data-v-5f41964f] {
  background: linear-gradient(to right, #10B981, #6EE7B7);
}
.barra.si[data-v-5f41964f] {
  background: linear-gradient(to right, #8B5CF6, #A78BFA);
}
.porcentaje[data-v-5f41964f] {
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 60px;
  text-align: right;
  color: #C4B5FD;
}
.porcentaje.positivo[data-v-5f41964f] {
  color: #6EE7B7;
}
.participacion[data-v-5f41964f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.participacion-icono[data-v-5f41964f] {
  font-size: 1.25rem;
}
.participacion strong[data-v-5f41964f] {
  color: #FCD34D;
}

/* Campaña */
.campana-section[data-v-5f41964f] {
  margin: 1.5rem 0;
}
.campana-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.campana-grid[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.campana-item[data-v-5f41964f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.campana-icono[data-v-5f41964f] {
  font-size: 1.5rem;
}
.campana-info[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
}
.campana-info strong[data-v-5f41964f] {
  color: #FCD34D;
  font-size: 0.85rem;
}
.campana-info span[data-v-5f41964f] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Transición */
.transicion-section[data-v-5f41964f] {
  margin: 1.5rem 0;
}
.transicion-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.transicion-timeline[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.trans-evento[data-v-5f41964f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.trans-fecha[data-v-5f41964f] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
  min-width: 60px;
}
.trans-info[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
}
.trans-info strong[data-v-5f41964f] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.trans-info span[data-v-5f41964f] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Legado */
.legado-section[data-v-5f41964f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.legado-titulo[data-v-5f41964f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.legado-intro[data-v-5f41964f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.legado-lista[data-v-5f41964f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.legado-item[data-v-5f41964f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.legado-check.negativo[data-v-5f41964f] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Tip PAES */
.tip-paes[data-v-5f41964f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5f41964f] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-5f41964f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-5f41964f] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-5f41964f] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-5f41964f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5f41964f] {
    gap: 1.5rem;
}
.epoca-icono[data-v-5f41964f] {
    font-size: 3rem;
}
.constitucion-puntos[data-v-5f41964f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
.transicion-timeline[data-v-5f41964f] {
    flex-direction: row;
}
.trans-evento[data-v-5f41964f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.legado-lista[data-v-5f41964f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-8d1dd4fa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8d1dd4fa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8d1dd4fa] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8d1dd4fa] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8d1dd4fa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8d1dd4fa] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8d1dd4fa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8d1dd4fa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8d1dd4fa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8d1dd4fa] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-container[data-v-8d1dd4fa] {
  text-align: center;
}
.eventos-disponibles[data-v-8d1dd4fa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-8d1dd4fa] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-8d1dd4fa] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.timeline-visual[data-v-8d1dd4fa] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-8d1dd4fa] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-8d1dd4fa] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-8d1dd4fa] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-8d1dd4fa] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-8d1dd4fa] {
  font-size: 0.55rem;
  color: #FCD34D;
  font-weight: 700;
}
.slot-nombre[data-v-8d1dd4fa] {
  font-size: 0.5rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-8d1dd4fa] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-8d1dd4fa] {
  display: flex;
  gap: 0.75rem;
}
.reformas-columna[data-v-8d1dd4fa], .caracteristicas-columna[data-v-8d1dd4fa] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-8d1dd4fa] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.reforma-btn[data-v-8d1dd4fa], .caracteristica-btn[data-v-8d1dd4fa] {
  padding: 0.6rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.caracteristica-btn[data-v-8d1dd4fa] {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
}
.reforma-btn.seleccionado[data-v-8d1dd4fa] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.reforma-btn.emparejado[data-v-8d1dd4fa], .caracteristica-btn.emparejado[data-v-8d1dd4fa] {
  opacity: 0.5;
  cursor: not-allowed;
}
.caracteristica-btn.seleccionable[data-v-8d1dd4fa] {
  border-color: #FCD34D;
  animation: pulse-8d1dd4fa 1s infinite;
}
@keyframes pulse-8d1dd4fa {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.caracteristica-btn.correcto[data-v-8d1dd4fa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.caracteristica-btn.incorrecto[data-v-8d1dd4fa] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Verdadero o Falso ===== */
.verdadero-falso-container[data-v-8d1dd4fa] {
  text-align: center;
}
.afirmacion-box[data-v-8d1dd4fa] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.afirmacion-texto[data-v-8d1dd4fa] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-vf[data-v-8d1dd4fa] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.vf-btn[data-v-8d1dd4fa] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-8d1dd4fa] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-8d1dd4fa] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.vf-btn.seleccionado[data-v-8d1dd4fa] {
  transform: scale(1.05);
}
.vf-btn.verdadero.seleccionado[data-v-8d1dd4fa] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.vf-btn.falso.seleccionado[data-v-8d1dd4fa] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.vf-btn.correcto[data-v-8d1dd4fa] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.vf-btn.incorrecto[data-v-8d1dd4fa] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.explicacion-vf[data-v-8d1dd4fa] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.vf-contador[data-v-8d1dd4fa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Botones de acción */
.botones-accion[data-v-8d1dd4fa] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-8d1dd4fa], .btn-reiniciar[data-v-8d1dd4fa] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-8d1dd4fa] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-8d1dd4fa] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-8d1dd4fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8d1dd4fa] { font-size: 1.25rem;
}
.resultado-texto[data-v-8d1dd4fa] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-8d1dd4fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8d1dd4fa] { flex: 1;
}
.nav-btn[data-v-8d1dd4fa] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8d1dd4fa] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8d1dd4fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8d1dd4fa] { font-size: 1.75rem;
}
.completado-texto[data-v-8d1dd4fa] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8d1dd4fa], .slide-leave-active[data-v-8d1dd4fa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8d1dd4fa] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8d1dd4fa] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-8d1dd4fa] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-8d1dd4fa] {
    flex: 0 1 auto;
}
.slot-fecha[data-v-8d1dd4fa] {
    font-size: 0.65rem;
}
.slot-nombre[data-v-8d1dd4fa] {
    font-size: 0.6rem;
}
.reforma-btn[data-v-8d1dd4fa], .caracteristica-btn[data-v-8d1dd4fa] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-e723a835] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-e723a835] {
  font-size: 2.5rem;
  animation: float-e723a835 3s ease-in-out infinite;
}
.epoca-icono[data-v-e723a835]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-e723a835]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-e723a835 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-e723a835] {
  color: #FCD34D;
}
strong.positivo[data-v-e723a835] {
  color: #6EE7B7;
}
strong.negativo[data-v-e723a835] {
  color: #FCA5A5;
}

/* Secciones de resumen */
.resumen-section[data-v-e723a835] {
  margin: 1rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.resumen-section.golpe[data-v-e723a835] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.resumen-section.represion[data-v-e723a835] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.resumen-section.economia[data-v-e723a835] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.resumen-section.transicion[data-v-e723a835] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.section-header[data-v-e723a835] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.section-icono[data-v-e723a835] {
  font-size: 1.25rem;
}
.section-titulo[data-v-e723a835] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.puntos-clave[data-v-e723a835] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.punto[data-v-e723a835] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-bullet[data-v-e723a835] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Fechas */
.fechas-section[data-v-e723a835] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-e723a835] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-e723a835] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fecha-item[data-v-e723a835] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.fecha-año[data-v-e723a835] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}
.fecha-evento[data-v-e723a835] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Conceptos */
.conceptos-section[data-v-e723a835] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-e723a835] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-e723a835] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-e723a835] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-nombre[data-v-e723a835] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.concepto-desc[data-v-e723a835] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES final */
.tip-paes[data-v-e723a835] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-paes.final[data-v-e723a835] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.tip-icono[data-v-e723a835] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-e723a835] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-e723a835] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-e723a835] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-e723a835] {
  color: #6EE7B7;
}
.tip-lista[data-v-e723a835] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
}
.tip-lista li[data-v-e723a835] {
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}

/* Mensaje final */
.mensaje-final[data-v-e723a835] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-e723a835] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-e723a835] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-e723a835] {
    gap: 1.5rem;
}
.epoca-icono[data-v-e723a835] {
    font-size: 3rem;
}
.fechas-grid[data-v-e723a835] {
    grid-template-columns: repeat(3, 1fr);
}
.conceptos-grid[data-v-e723a835] {
    flex-direction: row;
}
.concepto-item[data-v-e723a835] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-9cb58b6b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-9cb58b6b] {
  font-size: 2.5rem;
  animation: float-9cb58b6b 3s ease-in-out infinite;
}
.epoca-icono[data-v-9cb58b6b]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-9cb58b6b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-9cb58b6b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-9cb58b6b] {
  color: #FCD34D;
}
strong.italia[data-v-9cb58b6b] {
  color: #6EE7B7;
}

/* Contexto temporal */
.contexto-section[data-v-9cb58b6b] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-9cb58b6b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-9cb58b6b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-9cb58b6b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.medieval[data-v-9cb58b6b] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.timeline-era.renacimiento[data-v-9cb58b6b] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.timeline-era.moderna[data-v-9cb58b6b] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.era-nombre[data-v-9cb58b6b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-9cb58b6b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.renacimiento .era-nombre[data-v-9cb58b6b] {
  color: #FCD34D;
}
.timeline-flecha[data-v-9cb58b6b] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Origen en Italia */
.origen-section[data-v-9cb58b6b] {
  margin: 1.5rem 0;
}
.origen-titulo[data-v-9cb58b6b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.origen-grid[data-v-9cb58b6b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.origen-item[data-v-9cb58b6b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
  border-radius: 0 0.4rem 0.4rem 0;
}
.origen-icono[data-v-9cb58b6b] {
  font-size: 1.25rem;
}
.origen-info[data-v-9cb58b6b] {
  display: flex;
  flex-direction: column;
}
.origen-info strong[data-v-9cb58b6b] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.origen-info span[data-v-9cb58b6b] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Cambio de mentalidad */
.cambio-section[data-v-9cb58b6b] {
  margin: 1.5rem 0;
}
.cambio-titulo[data-v-9cb58b6b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cambio-comparacion[data-v-9cb58b6b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.cambio-era[data-v-9cb58b6b] {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cambio-era.medieval-cambio[data-v-9cb58b6b] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.cambio-era.renacimiento-cambio[data-v-9cb58b6b] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.cambio-header[data-v-9cb58b6b] {
  font-weight: 700;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.medieval-cambio .cambio-header[data-v-9cb58b6b] {
  color: #9CA3AF;
}
.renacimiento-cambio .cambio-header[data-v-9cb58b6b] {
  color: #FCD34D;
}
.cambio-items[data-v-9cb58b6b] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cambio-vs[data-v-9cb58b6b] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Concepto clave */
.concepto-clave[data-v-9cb58b6b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-9cb58b6b] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-9cb58b6b] {
  flex: 1;
}
.concepto-titulo[data-v-9cb58b6b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-9cb58b6b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-9cb58b6b] {
  color: #FCD34D;
}
.concepto-texto em[data-v-9cb58b6b] {
  color: #C4B5FD;
  font-style: italic;
}

/* Tip PAES */
.tip-paes[data-v-9cb58b6b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9cb58b6b] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-9cb58b6b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-9cb58b6b] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-9cb58b6b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9cb58b6b] {
    gap: 1.5rem;
}
.epoca-icono[data-v-9cb58b6b] {
    font-size: 3rem;
}
.origen-grid[data-v-9cb58b6b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.cambio-comparacion[data-v-9cb58b6b] {
    flex-direction: row;
    justify-content: center;
}
.cambio-era[data-v-9cb58b6b] {
    width: auto;
    min-width: 150px;
}
}

/* Header visual */
.header-visual[data-v-00130e7a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.humanismo-icon[data-v-00130e7a] {
  font-size: 2.5rem;
}
.header-text[data-v-00130e7a] {
  display: flex;
  flex-direction: column;
}
.titulo-principal[data-v-00130e7a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.subtitulo[data-v-00130e7a] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Destacados */
strong.destacado[data-v-00130e7a] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-00130e7a] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-00130e7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-00130e7a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-00130e7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #FCD34D;
  border-radius: 0 0.4rem 0.4rem 0;
}
.caract-icono[data-v-00130e7a] {
  font-size: 1.25rem;
}
.caract-info[data-v-00130e7a] {
  display: flex;
  flex-direction: column;
}
.caract-info strong[data-v-00130e7a] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.caract-info span[data-v-00130e7a] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Humanistas */
.humanistas-section[data-v-00130e7a] {
  margin: 1.5rem 0;
}
.humanistas-titulo[data-v-00130e7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.humanistas-grid[data-v-00130e7a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.humanista-card[data-v-00130e7a] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.humanista-header[data-v-00130e7a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.humanista-pais[data-v-00130e7a] {
  font-size: 1rem;
}
.humanista-nombre[data-v-00130e7a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.humanista-info[data-v-00130e7a] {
  display: flex;
  flex-direction: column;
}
.humanista-titulo[data-v-00130e7a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}
.humanista-aporte[data-v-00130e7a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Imprenta */
.imprenta-section[data-v-00130e7a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.imprenta-titulo[data-v-00130e7a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.imprenta-contenido[data-v-00130e7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.imprenta-icon[data-v-00130e7a] {
  font-size: 2rem;
}
.imprenta-info p[data-v-00130e7a] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.imprenta-info strong[data-v-00130e7a] {
  color: #93C5FD;
}
.imprenta-lista[data-v-00130e7a] {
  margin: 0;
  padding: 0 0 0 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.imprenta-lista li[data-v-00130e7a] {
  margin-bottom: 0.2rem;
}

/* Concepto clave */
.concepto-clave[data-v-00130e7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-00130e7a] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-00130e7a] {
  flex: 1;
}
.concepto-titulo[data-v-00130e7a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-00130e7a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-00130e7a] {
  color: #FFFFFF;
}
.concepto-texto strong.destacado[data-v-00130e7a] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-00130e7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-00130e7a] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-00130e7a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-00130e7a] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-00130e7a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-00130e7a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header visual */
.header-visual[data-v-838c01a0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0 1.5rem;
  padding: 1rem;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
  border-radius: 0.75rem;
}
.arte-icon[data-v-838c01a0] {
  font-size: 2.5rem;
}
.header-text[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
}
.titulo-principal[data-v-838c01a0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.subtitulo[data-v-838c01a0] {
  font-size: 0.8rem;
  color: #F9A8D4;
}

/* Destacados */
strong.destacado[data-v-838c01a0] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-838c01a0] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-838c01a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-838c01a0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caract-icono[data-v-838c01a0] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.caract-info[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
}
.caract-info strong[data-v-838c01a0] {
  color: #FFFFFF;
  font-size: 0.8rem;
}
.caract-info span[data-v-838c01a0] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Artistas */
.artistas-section[data-v-838c01a0] {
  margin: 1.5rem 0;
}
.artistas-titulo[data-v-838c01a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.artistas-grid[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.artista-card[data-v-838c01a0] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.artista-card.leonardo[data-v-838c01a0] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.artista-card.miguel[data-v-838c01a0] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.artista-card.rafael[data-v-838c01a0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.artista-header[data-v-838c01a0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.artista-nombre[data-v-838c01a0] {
  font-weight: 700;
  font-size: 0.95rem;
}
.leonardo .artista-nombre[data-v-838c01a0] { color: #93C5FD;
}
.miguel .artista-nombre[data-v-838c01a0] { color: #F9A8D4;
}
.rafael .artista-nombre[data-v-838c01a0] { color: #6EE7B7;
}
.artista-fecha[data-v-838c01a0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.artista-obras[data-v-838c01a0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.obra[data-v-838c01a0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.artista-nota[data-v-838c01a0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.artista-nota strong[data-v-838c01a0] {
  color: #FCD34D;
}

/* Arquitectura */
.arquitectura-section[data-v-838c01a0] {
  margin: 1.5rem 0;
}
.arquitectura-titulo[data-v-838c01a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.arquitectura-contenido[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.arqui-item[data-v-838c01a0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
  border-radius: 0 0.4rem 0.4rem 0;
}
.arqui-icono[data-v-838c01a0] {
  font-size: 1.2rem;
}
.arqui-info[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
}
.arqui-info strong[data-v-838c01a0] {
  color: #FCD34D;
  font-size: 0.85rem;
}
.arqui-info span[data-v-838c01a0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ciencia */
.ciencia-section[data-v-838c01a0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ciencia-titulo[data-v-838c01a0] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ciencia-grid[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ciencia-item[data-v-838c01a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.ciencia-icono[data-v-838c01a0] {
  font-size: 1.25rem;
}
.ciencia-info[data-v-838c01a0] {
  display: flex;
  flex-direction: column;
}
.ciencia-info strong[data-v-838c01a0] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ciencia-info span[data-v-838c01a0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Concepto clave */
.concepto-clave[data-v-838c01a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-838c01a0] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-838c01a0] {
  flex: 1;
}
.concepto-titulo[data-v-838c01a0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-838c01a0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-838c01a0] {
  color: #FFFFFF;
}
.concepto-texto strong.destacado[data-v-838c01a0] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-838c01a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-838c01a0] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-838c01a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-838c01a0] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-838c01a0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-838c01a0] {
    grid-template-columns: repeat(4, 1fr);
}
.artistas-grid[data-v-838c01a0] {
    flex-direction: row;
}
.artista-card[data-v-838c01a0] {
    flex: 1;
}
}

.explorador[data-v-d34e4e8f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d34e4e8f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d34e4e8f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d34e4e8f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d34e4e8f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d34e4e8f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d34e4e8f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d34e4e8f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d34e4e8f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d34e4e8f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-d34e4e8f] {
  text-align: center;
}
.conceptos-disponibles[data-v-d34e4e8f] {
  margin-bottom: 1rem;
}
.conceptos-label[data-v-d34e4e8f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.conceptos-pool[data-v-d34e4e8f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-btn[data-v-d34e4e8f] {
  padding: 0.6rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.concepto-btn.seleccionado[data-v-d34e4e8f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.epocas-destino[data-v-d34e4e8f] {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}
.epoca-destino[data-v-d34e4e8f] {
  flex: 1;
  padding: 1rem 0.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 100px;
}
.epoca-destino.medieval[data-v-d34e4e8f] {
  background: rgba(107, 114, 128, 0.2);
  border: 2px dashed rgba(107, 114, 128, 0.5);
}
.epoca-destino.renacimiento[data-v-d34e4e8f] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px dashed rgba(245, 158, 11, 0.4);
}
.epoca-destino.activo[data-v-d34e4e8f] {
  border-style: solid;
  transform: scale(1.02);
}
.epoca-destino.activo.medieval[data-v-d34e4e8f] {
  box-shadow: 0 0 15px rgba(107, 114, 128, 0.4);
}
.epoca-destino.activo.renacimiento[data-v-d34e4e8f] {
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.3);
}
.epoca-icono[data-v-d34e4e8f] {
  font-size: 1.5rem;
}
.epoca-nombre[data-v-d34e4e8f] {
  font-size: 0.8rem;
  font-weight: 700;
}
.medieval .epoca-nombre[data-v-d34e4e8f] {
  color: #9CA3AF;
}
.renacimiento .epoca-nombre[data-v-d34e4e8f] {
  color: #FCD34D;
}
.epoca-conceptos[data-v-d34e4e8f] {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
}
.concepto-clasificado[data-v-d34e4e8f] {
  font-size: 1.25rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.concepto-clasificado.correcto[data-v-d34e4e8f] {
  background: rgba(16, 185, 129, 0.2);
}
.concepto-clasificado.incorrecto[data-v-d34e4e8f] {
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-d34e4e8f] {
  text-align: center;
}
.pregunta-relacion[data-v-d34e4e8f] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-d34e4e8f] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-relacion[data-v-d34e4e8f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-d34e4e8f] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.opcion-btn[data-v-d34e4e8f]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-d34e4e8f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-d34e4e8f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-d34e4e8f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.relacionar-contador[data-v-d34e4e8f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-d34e4e8f] {
  text-align: center;
}
.timeline-instruccion[data-v-d34e4e8f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-d34e4e8f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-d34e4e8f] {
  padding: 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-d34e4e8f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-d34e4e8f] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-d34e4e8f] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #6B7280, #8B5CF6, #F59E0B);
  border-radius: 2px;
}
.timeline-slots[data-v-d34e4e8f] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-d34e4e8f] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  min-height: 65px;
}
.timeline-slot.ocupado[data-v-d34e4e8f] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-d34e4e8f] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.slot-evento[data-v-d34e4e8f] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.slot-placeholder[data-v-d34e4e8f] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-d34e4e8f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-d34e4e8f], .btn-reiniciar[data-v-d34e4e8f] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-d34e4e8f] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-d34e4e8f] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-d34e4e8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d34e4e8f] { font-size: 1.25rem;
}
.resultado-texto[data-v-d34e4e8f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d34e4e8f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d34e4e8f] { flex: 1;
}
.nav-btn[data-v-d34e4e8f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d34e4e8f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d34e4e8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d34e4e8f] { font-size: 1.75rem;
}
.completado-texto[data-v-d34e4e8f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d34e4e8f], .slide-leave-active[data-v-d34e4e8f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d34e4e8f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d34e4e8f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-pool[data-v-d34e4e8f] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.concepto-btn[data-v-d34e4e8f] {
    flex: 0 1 auto;
}
.opciones-relacion[data-v-d34e4e8f] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opcion-btn[data-v-d34e4e8f] {
    flex: 1 1 45%;
}
.eventos-disponibles[data-v-d34e4e8f] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-d34e4e8f] {
    flex: 0 1 auto;
}
}

/* Header de resumen */
.resumen-header[data-v-fbbb4423] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-fbbb4423] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-fbbb4423] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones de resumen */
.seccion-resumen[data-v-fbbb4423] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.contexto-resumen[data-v-fbbb4423] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.humanismo-resumen[data-v-fbbb4423] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.arte-resumen[data-v-fbbb4423] {
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.seccion-header[data-v-fbbb4423] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-fbbb4423] {
  font-size: 1.25rem;
}
.contexto-resumen .seccion-nombre[data-v-fbbb4423] {
  font-weight: 800;
  color: #C4B5FD;
  font-size: 1rem;
}
.humanismo-resumen .seccion-nombre[data-v-fbbb4423] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 1rem;
}
.arte-resumen .seccion-nombre[data-v-fbbb4423] {
  font-weight: 800;
  color: #F9A8D4;
  font-size: 1rem;
}
.puntos-clave[data-v-fbbb4423] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto[data-v-fbbb4423] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-icono[data-v-fbbb4423] {
  font-size: 1rem;
}
.punto-contenido[data-v-fbbb4423] {
  display: flex;
  flex-direction: column;
}
.punto-contenido strong[data-v-fbbb4423] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.punto-contenido span[data-v-fbbb4423] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Conceptos clave */
.conceptos-section[data-v-fbbb4423] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-fbbb4423] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-fbbb4423] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-fbbb4423] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-nombre[data-v-fbbb4423] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
}
.concepto-def[data-v-fbbb4423] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Timeline */
.timeline-section[data-v-fbbb4423] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-fbbb4423] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-items[data-v-fbbb4423] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.timeline-item[data-v-fbbb4423] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
  border-radius: 0 0.4rem 0.4rem 0;
}
.tl-fecha[data-v-fbbb4423] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FCD34D;
  min-width: 45px;
}
.tl-evento[data-v-fbbb4423] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-fbbb4423] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-fbbb4423] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-fbbb4423] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-fbbb4423] {
  color: #6EE7B7;
}
.tip-lista[data-v-fbbb4423] {
  margin: 0.5rem 0 0 1rem;
  padding: 0;
  list-style: disc;
}
.tip-lista li[data-v-fbbb4423] {
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}
strong.destacado[data-v-fbbb4423] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-fbbb4423] {
    grid-template-columns: repeat(3, 1fr);
}
.timeline-items[data-v-fbbb4423] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.timeline-item[data-v-fbbb4423] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    min-width: 80px;
    border-left: none;
    border-top: 3px solid #FCD34D;
}
}

/* Intro visual */
.intro-visual[data-v-12d40939] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-12d40939] {
  font-size: 2.5rem;
  animation: float-12d40939 3s ease-in-out infinite;
}
.epoca-icono[data-v-12d40939]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-12d40939]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-12d40939 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-12d40939] {
  color: #FCD34D;
}
strong.positivo[data-v-12d40939] {
  color: #6EE7B7;
}
strong.negativo[data-v-12d40939] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-12d40939] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-12d40939] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-12d40939] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-12d40939] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  min-width: 130px;
}
.timeline-era.conservadora[data-v-12d40939] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.liberal[data-v-12d40939] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.era-nombre[data-v-12d40939] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-12d40939] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.era-desc[data-v-12d40939] {
  font-size: 0.6rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.conservadora .era-desc[data-v-12d40939] { color: #FCA5A5;
}
.liberal .era-desc[data-v-12d40939] { color: #93C5FD;
}
.timeline-flecha[data-v-12d40939] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Causas section */
.causas-section[data-v-12d40939] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-12d40939] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-principal[data-v-12d40939] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.causa-icono[data-v-12d40939] {
  font-size: 2rem;
}
.causa-info[data-v-12d40939] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-12d40939] {
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-12d40939] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.consecuencias-grid[data-v-12d40939] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia-item[data-v-12d40939] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.consecuencia-icono[data-v-12d40939] {
  font-size: 1.5rem;
}
.consecuencia-info[data-v-12d40939] {
  display: flex;
  flex-direction: column;
}
.consecuencia-info strong[data-v-12d40939] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.consecuencia-info span[data-v-12d40939] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Características */
.caracteristicas-section[data-v-12d40939] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-12d40939] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caract-grid[data-v-12d40939] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-12d40939] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.caract-item.reformas[data-v-12d40939] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.caract-item.secularizacion[data-v-12d40939] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.caract-item.educacion[data-v-12d40939] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.caract-item.sufragio[data-v-12d40939] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.caract-icono[data-v-12d40939] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.caract-info[data-v-12d40939] {
  display: flex;
  flex-direction: column;
}
.caract-info strong[data-v-12d40939] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.caract-info span[data-v-12d40939] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Pregunta destacada */
.pregunta-destacada[data-v-12d40939] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-12d40939] {
  font-size: 2rem;
}
.pregunta-contenido[data-v-12d40939] {
  display: flex;
  flex-direction: column;
}
.pregunta-texto[data-v-12d40939] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.pregunta-sub[data-v-12d40939] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Tip PAES */
.tip-paes[data-v-12d40939] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-12d40939] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-12d40939] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-12d40939] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-12d40939] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-12d40939] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-12d40939] {
    gap: 1.5rem;
}
.epoca-icono[data-v-12d40939] {
    font-size: 3rem;
}
.timeline-era[data-v-12d40939] {
    min-width: 150px;
    padding: 0.75rem 1rem;
}
.era-nombre[data-v-12d40939] {
    font-size: 0.85rem;
}
.consecuencias-grid[data-v-12d40939] {
    flex-direction: row;
}
.consecuencia-item[data-v-12d40939] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-dd902b56] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.periodo-icono[data-v-dd902b56] {
  font-size: 2.5rem;
  animation: float-dd902b56 3s ease-in-out infinite;
}
.periodo-icono[data-v-dd902b56]:last-child {
  animation-delay: 0.5s;
}
@keyframes float-dd902b56 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.periodo-badge[data-v-dd902b56] {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
  padding: 0.4rem 1rem;
  border-radius: 9999px;
  font-size: 1rem;
  font-weight: 800;
  color: white;
}

/* Destacados */
strong.destacado[data-v-dd902b56] {
  color: #FCD34D;
}
strong.positivo[data-v-dd902b56] {
  color: #6EE7B7;
}
strong.negativo[data-v-dd902b56] {
  color: #FCA5A5;
}

/* Sección títulos */
.seccion-titulo[data-v-dd902b56] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Presidentes */
.presidentes-section[data-v-dd902b56] {
  margin: 1.5rem 0;
}
.presidente-card[data-v-dd902b56] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 4px solid;
}
.presidente-card.perez[data-v-dd902b56] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.presidente-card.errazuriz[data-v-dd902b56] {
  background: rgba(139, 92, 246, 0.1);
  border-color: #8B5CF6;
}
.presidente-card.pinto[data-v-dd902b56] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.presidente-card.santa-maria[data-v-dd902b56] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.presidente-card.balmaceda[data-v-dd902b56] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.presidente-header[data-v-dd902b56] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.presidente-num[data-v-dd902b56] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.presidente-info[data-v-dd902b56] {
  display: flex;
  flex-direction: column;
}
.presidente-info strong[data-v-dd902b56] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.presidente-info span[data-v-dd902b56] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.presidente-logros[data-v-dd902b56] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.5rem;
}
.logro[data-v-dd902b56] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.logro.destacado[data-v-dd902b56] {
  color: #FCD34D;
  font-weight: 600;
}
.logro.negativo[data-v-dd902b56] {
  color: #FCA5A5;
}

/* Dato importante */
.dato-importante[data-v-dd902b56] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-dd902b56] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-dd902b56] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.dato-contenido strong[data-v-dd902b56] {
  color: #93C5FD;
}
.dato-contenido strong.positivo[data-v-dd902b56] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-dd902b56] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-dd902b56] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-dd902b56] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-dd902b56] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-dd902b56] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-dd902b56] {
    gap: 1.5rem;
}
.periodo-icono[data-v-dd902b56] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-fc3070fd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.reforma-icono[data-v-fc3070fd] {
  font-size: 2.5rem;
  animation: float-fc3070fd 3s ease-in-out infinite;
}
.reforma-icono[data-v-fc3070fd]:nth-child(2) {
  animation-delay: 0.5s;
}
.reforma-icono[data-v-fc3070fd]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-fc3070fd {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-fc3070fd] {
  color: #FCD34D;
}
strong.positivo[data-v-fc3070fd] {
  color: #6EE7B7;
}
strong.negativo[data-v-fc3070fd] {
  color: #FCA5A5;
}

/* Sección títulos */
.reformas-titulo[data-v-fc3070fd], .laicas-titulo[data-v-fc3070fd], .educacion-titulo[data-v-fc3070fd], .comparacion-titulo[data-v-fc3070fd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.reformas-descripcion[data-v-fc3070fd], .laicas-descripcion[data-v-fc3070fd] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

/* Reformas constitucionales */
.reformas-section[data-v-fc3070fd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.reformas-grid[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.reforma-item[data-v-fc3070fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.reforma-emoji[data-v-fc3070fd] {
  font-size: 1.5rem;
}
.reforma-info[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
}
.reforma-info strong[data-v-fc3070fd] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.reforma-info span[data-v-fc3070fd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Leyes laicas */
.leyes-laicas-section[data-v-fc3070fd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.leyes-grid[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ley-card[data-v-fc3070fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.ley-card.cementerios[data-v-fc3070fd] {
  background: rgba(139, 92, 246, 0.15);
  border-color: #8B5CF6;
}
.ley-card.matrimonio[data-v-fc3070fd] {
  background: rgba(236, 72, 153, 0.15);
  border-color: #EC4899;
}
.ley-card.registro[data-v-fc3070fd] {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3B82F6;
}
.ley-icono[data-v-fc3070fd] {
  font-size: 2rem;
}
.ley-info[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
}
.ley-info strong[data-v-fc3070fd] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ley-fecha[data-v-fc3070fd] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.ley-desc[data-v-fc3070fd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
  margin-top: 0.2rem;
}

/* Educación */
.educacion-section[data-v-fc3070fd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.educacion-grid[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.edu-item[data-v-fc3070fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.edu-icono[data-v-fc3070fd] {
  font-size: 1.5rem;
}
.edu-info[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
}
.edu-info strong[data-v-fc3070fd] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.edu-info span[data-v-fc3070fd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Comparación */
.comparacion-section[data-v-fc3070fd] {
  margin: 1.5rem 0;
}
.comparacion-grid[data-v-fc3070fd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comparacion-col[data-v-fc3070fd] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comparacion-col.antes[data-v-fc3070fd] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.comparacion-col.despues[data-v-fc3070fd] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.col-titulo[data-v-fc3070fd] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.antes .col-titulo[data-v-fc3070fd] { color: #FCA5A5;
}
.despues .col-titulo[data-v-fc3070fd] { color: #6EE7B7;
}
.col-items[data-v-fc3070fd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.col-items span[data-v-fc3070fd] {
  font-size: 0.65rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-fc3070fd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-fc3070fd] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-fc3070fd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-fc3070fd] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-fc3070fd] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-fc3070fd] {
    gap: 1.5rem;
}
.reforma-icono[data-v-fc3070fd] {
    font-size: 3rem;
}
.reformas-grid[data-v-fc3070fd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.col-items span[data-v-fc3070fd] {
    font-size: 0.7rem;
}
}

.explorador[data-v-4ee8a352] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4ee8a352] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4ee8a352] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4ee8a352] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4ee8a352] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4ee8a352] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4ee8a352] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4ee8a352] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4ee8a352] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4ee8a352] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar reformas ===== */
.clasificar-container[data-v-4ee8a352] {
  text-align: center;
}
.reforma-actual[data-v-4ee8a352] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reforma-texto[data-v-4ee8a352] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.tipos-grid[data-v-4ee8a352] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-btn[data-v-4ee8a352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  font-family: inherit;
}
.tipo-btn.constitucional[data-v-4ee8a352] { border-color: rgba(139, 92, 246, 0.4);
}
.tipo-btn.laica[data-v-4ee8a352] { border-color: rgba(245, 158, 11, 0.4);
}
.tipo-btn.educativa[data-v-4ee8a352] { border-color: rgba(16, 185, 129, 0.4);
}
.tipo-btn[data-v-4ee8a352]:hover:not(:disabled) {
  transform: scale(1.02);
}
.tipo-btn.seleccionado[data-v-4ee8a352] {
  transform: scale(1.05);
}
.tipo-btn.seleccionado.constitucional[data-v-4ee8a352] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.tipo-btn.seleccionado.laica[data-v-4ee8a352] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.tipo-btn.seleccionado.educativa[data-v-4ee8a352] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.tipo-btn.correcto[data-v-4ee8a352] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.tipo-btn.incorrecto[data-v-4ee8a352] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.tipo-icono[data-v-4ee8a352] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-4ee8a352] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-btn.correcto .tipo-nombre[data-v-4ee8a352],
.tipo-btn.incorrecto .tipo-nombre[data-v-4ee8a352] {
  color: white;
}
.clasificar-contador[data-v-4ee8a352] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Presidentes y hechos ===== */
.relacionar-container[data-v-4ee8a352] {
  text-align: center;
}
.hecho-actual[data-v-4ee8a352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.hecho-icono[data-v-4ee8a352] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.hecho-texto[data-v-4ee8a352] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.presidentes-grid[data-v-4ee8a352] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.pres-btn[data-v-4ee8a352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.15);
  font-family: inherit;
}
.pres-btn[data-v-4ee8a352]:last-child:nth-child(odd) {
  grid-column: span 2;
  max-width: 50%;
  margin: 0 auto;
}
.pres-btn[data-v-4ee8a352]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.pres-btn.seleccionado[data-v-4ee8a352] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.3);
}
.pres-btn.correcto[data-v-4ee8a352] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.pres-btn.incorrecto[data-v-4ee8a352] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.pres-nombre[data-v-4ee8a352] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pres-periodo[data-v-4ee8a352] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.pres-btn.correcto .pres-nombre[data-v-4ee8a352],
.pres-btn.correcto .pres-periodo[data-v-4ee8a352],
.pres-btn.incorrecto .pres-nombre[data-v-4ee8a352],
.pres-btn.incorrecto .pres-periodo[data-v-4ee8a352] {
  color: white;
}
.relacionar-contador[data-v-4ee8a352] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-4ee8a352] {
  text-align: center;
}
.instruccion-ordenar[data-v-4ee8a352] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.leyes-disponibles[data-v-4ee8a352] {
  margin-bottom: 1rem;
}
.leyes-pool[data-v-4ee8a352] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.ley-btn[data-v-4ee8a352] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.15);
  color: #FCD34D;
  font-family: inherit;
}
.ley-btn.seleccionado[data-v-4ee8a352] {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.3);
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}
.ley-icono[data-v-4ee8a352] {
  font-size: 1.25rem;
}
.ley-nombre[data-v-4ee8a352] {
  flex: 1;
  text-align: left;
}
.slots-ordenar[data-v-4ee8a352] {
  margin: 1rem 0;
}
.slots-label[data-v-4ee8a352] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-4ee8a352] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.slot-ley[data-v-4ee8a352] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-ley.seleccionable[data-v-4ee8a352] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-4ee8a352 1s infinite;
}
@keyframes pulse-4ee8a352 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-ley.ocupado[data-v-4ee8a352] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-4ee8a352] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-contenido[data-v-4ee8a352] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
.slot-icono[data-v-4ee8a352] {
  font-size: 1.25rem;
}
.slot-nombre[data-v-4ee8a352] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}
.slot-placeholder[data-v-4ee8a352] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  flex: 1;
  text-align: center;
}

/* Botones de acción */
.botones-accion[data-v-4ee8a352] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-4ee8a352], .btn-reiniciar[data-v-4ee8a352] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-4ee8a352] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-4ee8a352] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-4ee8a352] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4ee8a352] { font-size: 1.25rem;
}
.resultado-texto[data-v-4ee8a352] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-4ee8a352] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4ee8a352] { flex: 1;
}
.nav-btn[data-v-4ee8a352] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4ee8a352] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4ee8a352] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4ee8a352] { font-size: 1.75rem;
}
.completado-texto[data-v-4ee8a352] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4ee8a352], .slide-leave-active[data-v-4ee8a352] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4ee8a352] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4ee8a352] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.leyes-pool[data-v-4ee8a352] {
    flex-direction: row;
    justify-content: center;
}
.ley-btn[data-v-4ee8a352] {
    flex: 0 1 auto;
}
.slots-row[data-v-4ee8a352] {
    flex-direction: row;
}
.slot-ley[data-v-4ee8a352] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.6rem;
}
.slot-contenido[data-v-4ee8a352] {
    flex-direction: column;
    gap: 0.25rem;
}
.slot-nombre[data-v-4ee8a352] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-57309386] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-57309386] {
  font-size: 3rem;
}
.resumen-titulo[data-v-57309386] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Destacados */
strong.destacado[data-v-57309386] {
  color: #FCD34D;
}
strong.positivo[data-v-57309386] {
  color: #6EE7B7;
}
strong.negativo[data-v-57309386] {
  color: #FCA5A5;
}

/* Timeline resumen */
.timeline-resumen[data-v-57309386] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.timeline-header[data-v-57309386] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.timeline-titulo[data-v-57309386] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.presidentes-mini[data-v-57309386] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.pres-mini[data-v-57309386] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.pres-mini.destacado[data-v-57309386] {
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
}
.pres-mini.final[data-v-57309386] {
  background: rgba(239, 68, 68, 0.3);
  border: 1px solid #EF4444;
}
.pres-num[data-v-57309386] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  font-size: 0.6rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pres-name[data-v-57309386] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Pilares */
.pilares-section[data-v-57309386] {
  margin: 1.5rem 0;
}
.pilares-titulo[data-v-57309386] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pilares-grid[data-v-57309386] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pilar[data-v-57309386] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.pilar.constitucional[data-v-57309386] {
  background: rgba(139, 92, 246, 0.15);
  border-color: #8B5CF6;
}
.pilar.laicas[data-v-57309386] {
  background: rgba(245, 158, 11, 0.15);
  border-color: #F59E0B;
}
.pilar.educativas[data-v-57309386] {
  background: rgba(16, 185, 129, 0.15);
  border-color: #10B981;
}
.pilar-icono[data-v-57309386] {
  font-size: 1.75rem;
}
.pilar-info[data-v-57309386] {
  display: flex;
  flex-direction: column;
}
.pilar-info strong[data-v-57309386] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.pilar-info span[data-v-57309386] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Leyes resumen */
.leyes-resumen[data-v-57309386] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.leyes-titulo[data-v-57309386] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.leyes-lista[data-v-57309386] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ley-mini[data-v-57309386] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.ley-icono[data-v-57309386] {
  font-size: 1.25rem;
}
.ley-texto[data-v-57309386] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ley-texto strong[data-v-57309386] {
  color: #FCD34D;
}

/* Errores section */
.errores-section[data-v-57309386] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-57309386] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-grid[data-v-57309386] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-57309386] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0.25rem;
}
.error-icono[data-v-57309386] {
  font-size: 1rem;
}
.error-texto[data-v-57309386] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.error-texto strong[data-v-57309386] {
  color: #FCA5A5;
}

/* Datos clave */
.datos-clave[data-v-57309386] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-57309386] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.datos-grid[data-v-57309386] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato[data-v-57309386] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-valor[data-v-57309386] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.dato-desc[data-v-57309386] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Siguiente período */
.siguiente-periodo[data-v-57309386] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.siguiente-icono[data-v-57309386] {
  font-size: 1.5rem;
}
.siguiente-contenido[data-v-57309386] {
  display: flex;
  flex-direction: column;
}
.siguiente-titulo[data-v-57309386] {
  font-size: 0.95rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.siguiente-desc[data-v-57309386] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip final */
.tip-final[data-v-57309386] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-57309386] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-57309386] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-57309386] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pilares-grid[data-v-57309386] {
    flex-direction: row;
}
.pilar[data-v-57309386] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    border-left: none;
    border-top: 4px solid;
}
.pilar-info[data-v-57309386] {
    align-items: center;
}
.datos-grid[data-v-57309386] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-d48c727e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-d48c727e] {
  font-size: 2.5rem;
  animation: float-d48c727e 3s ease-in-out infinite;
}
.epoca-icono[data-v-d48c727e]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-d48c727e]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d48c727e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-d48c727e] {
  color: #FCD34D;
}
strong.positivo[data-v-d48c727e] {
  color: #6EE7B7;
}

/* Contexto temporal */
.contexto-section[data-v-d48c727e] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-d48c727e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-d48c727e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-d48c727e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.timeline-era.ilustracion[data-v-d48c727e] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.independencia[data-v-d48c727e] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.timeline-era.revolucion[data-v-d48c727e] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.era-nombre[data-v-d48c727e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-d48c727e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.revolucion .era-nombre[data-v-d48c727e] {
  color: #FCA5A5;
}
.timeline-flecha[data-v-d48c727e] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Causas principales */
.causas-section[data-v-d48c727e] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-d48c727e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-item[data-v-d48c727e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.causa-item.economica[data-v-d48c727e] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.social[data-v-d48c727e] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-item.politica[data-v-d48c727e] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.ideologica[data-v-d48c727e] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.causa-icono[data-v-d48c727e] {
  font-size: 1.5rem;
}
.causa-info[data-v-d48c727e] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-d48c727e] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-d48c727e] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Estamentos */
.estamentos-section[data-v-d48c727e] {
  margin: 1.5rem 0;
}
.estamentos-titulo[data-v-d48c727e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estamentos-grid[data-v-d48c727e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estamento[data-v-d48c727e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.estamento.clero[data-v-d48c727e] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.estamento.nobleza[data-v-d48c727e] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.estamento.tercero[data-v-d48c727e] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.estamento-icono[data-v-d48c727e] {
  font-size: 1.75rem;
}
.estamento-info[data-v-d48c727e] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.estamento-info strong[data-v-d48c727e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.estamento-nombre[data-v-d48c727e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.estamento-porcentaje[data-v-d48c727e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.estamento-privilegio[data-v-d48c727e] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.estamento-privilegio.sin-privilegios[data-v-d48c727e] {
  color: #FCA5A5;
}

/* Detonante */
.detonante-section[data-v-d48c727e] {
  margin: 1.5rem 0;
}
.detonante-titulo[data-v-d48c727e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.detonante-box[data-v-d48c727e] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.detonante-box p[data-v-d48c727e] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fecha-clave[data-v-d48c727e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.fecha-icono[data-v-d48c727e] {
  font-size: 1.25rem;
}
.fecha-texto[data-v-d48c727e] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fecha-texto strong[data-v-d48c727e] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-d48c727e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d48c727e] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-d48c727e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-d48c727e] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-d48c727e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d48c727e] {
    gap: 1.5rem;
}
.epoca-icono[data-v-d48c727e] {
    font-size: 3rem;
}
.estamentos-grid[data-v-d48c727e] {
    flex-direction: row;
}
.estamento[data-v-d48c727e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-cf81007c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-cf81007c] {
  font-size: 2.5rem;
  animation: float-cf81007c 3s ease-in-out infinite;
}
.epoca-icono[data-v-cf81007c]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-cf81007c]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-cf81007c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-cf81007c] {
  color: #FCD34D;
}
strong.positivo[data-v-cf81007c] {
  color: #6EE7B7;
}
strong.negativo[data-v-cf81007c] {
  color: #FCA5A5;
}

/* Etapas */
.etapa-section[data-v-cf81007c] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.etapa-section.etapa-1[data-v-cf81007c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.etapa-section.etapa-2[data-v-cf81007c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.etapa-section.etapa-3[data-v-cf81007c] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.etapa-header[data-v-cf81007c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.etapa-numero[data-v-cf81007c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.etapa-1 .etapa-numero[data-v-cf81007c] { background: #10B981;
}
.etapa-2 .etapa-numero[data-v-cf81007c] { background: #EF4444;
}
.etapa-3 .etapa-numero[data-v-cf81007c] { background: #3B82F6;
}
.etapa-titulo-box[data-v-cf81007c] {
  display: flex;
  flex-direction: column;
}
.etapa-titulo-box strong[data-v-cf81007c] {
  color: #FFFFFF;
  font-size: 1rem;
}
.etapa-fecha[data-v-cf81007c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.etapa-contenido[data-v-cf81007c] {
  padding: 0.75rem;
}
.evento-item[data-v-cf81007c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.evento-fecha[data-v-cf81007c] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 70px;
  padding-top: 2px;
}
.evento-texto[data-v-cf81007c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.caracteristicas[data-v-cf81007c] {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.caract-titulo[data-v-cf81007c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.caracteristicas ul[data-v-cf81007c] {
  margin: 0.25rem 0 0 1rem;
  padding: 0;
}
.caracteristicas li[data-v-cf81007c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}

/* Personajes */
.personajes-section[data-v-cf81007c] {
  margin: 1.5rem 0;
}
.personajes-titulo[data-v-cf81007c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.personajes-grid[data-v-cf81007c] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.personaje[data-v-cf81007c] {
  flex: 1;
  min-width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.personaje-icono[data-v-cf81007c] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.personaje-info[data-v-cf81007c] {
  display: flex;
  flex-direction: column;
}
.personaje-info strong[data-v-cf81007c] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.personaje-info span[data-v-cf81007c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-cf81007c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cf81007c] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-cf81007c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-cf81007c] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-cf81007c] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-cf81007c] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-cf81007c] {
    gap: 1.5rem;
}
.epoca-icono[data-v-cf81007c] {
    font-size: 3rem;
}
.personajes-grid[data-v-cf81007c] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-d0baddbb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-d0baddbb] {
  font-size: 2.5rem;
  animation: float-d0baddbb 3s ease-in-out infinite;
}
.epoca-icono[data-v-d0baddbb]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-d0baddbb]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-d0baddbb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-d0baddbb] {
  color: #FCD34D;
}
strong.positivo[data-v-d0baddbb] {
  color: #6EE7B7;
}

/* Declaración de Derechos */
.declaracion-section[data-v-d0baddbb] {
  margin: 1.5rem 0;
}
.declaracion-titulo[data-v-d0baddbb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.declaracion-box[data-v-d0baddbb] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.articulos-grid[data-v-d0baddbb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.articulo[data-v-d0baddbb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.art-num[data-v-d0baddbb] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  min-width: 40px;
  text-align: center;
}
.art-texto[data-v-d0baddbb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  font-style: italic;
}
.declaracion-nota[data-v-d0baddbb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
}
.nota-icono[data-v-d0baddbb] {
  font-size: 1rem;
}
.nota-texto[data-v-d0baddbb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Consecuencias */
.consecuencias-section[data-v-d0baddbb] {
  margin: 1.5rem 0;
}
.consecuencias-titulo[data-v-d0baddbb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consecuencias-grid[data-v-d0baddbb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia-item[data-v-d0baddbb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
  border-radius: 0 0.4rem 0.4rem 0;
}
.conseq-icono[data-v-d0baddbb] {
  font-size: 1.25rem;
}
.conseq-info[data-v-d0baddbb] {
  display: flex;
  flex-direction: column;
}
.conseq-info strong[data-v-d0baddbb] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.conseq-info span[data-v-d0baddbb] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Impacto mundial */
.impacto-section[data-v-d0baddbb] {
  margin: 1.5rem 0;
}
.impacto-titulo[data-v-d0baddbb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.impacto-box[data-v-d0baddbb] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.impacto-item[data-v-d0baddbb] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
}
.impacto-item[data-v-d0baddbb]:last-child {
  border-bottom: none;
}
.impacto-region[data-v-d0baddbb] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.impacto-texto[data-v-d0baddbb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Lema */
.lema-section[data-v-d0baddbb] {
  margin: 1.5rem 0;
}
.lema-box[data-v-d0baddbb] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(239, 68, 68, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1.25rem;
  text-align: center;
}
.lema-titulo[data-v-d0baddbb] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.lema-valores[data-v-d0baddbb] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.valor[data-v-d0baddbb] {
  font-size: 1.1rem;
  font-weight: 800;
}
.valor.libertad[data-v-d0baddbb] { color: #3B82F6;
}
.valor.igualdad[data-v-d0baddbb] { color: #FFFFFF;
}
.valor.fraternidad[data-v-d0baddbb] { color: #EF4444;
}
.valor-separador[data-v-d0baddbb] {
  color: #8B5CF6;
  font-size: 1rem;
}
.lema-traduccion[data-v-d0baddbb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-d0baddbb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d0baddbb] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-d0baddbb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-d0baddbb] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-d0baddbb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d0baddbb] {
    gap: 1.5rem;
}
.epoca-icono[data-v-d0baddbb] {
    font-size: 3rem;
}
.consecuencias-grid[data-v-d0baddbb] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.valor[data-v-d0baddbb] {
    font-size: 1.3rem;
}
}

.explorador[data-v-77c5e593] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-77c5e593] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-77c5e593] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-77c5e593] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-77c5e593] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-77c5e593] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-77c5e593] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-77c5e593] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-77c5e593] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-77c5e593] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar ===== */
.ordenar-container[data-v-77c5e593] {
  text-align: center;
}
.eventos-disponibles[data-v-77c5e593] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-77c5e593] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-77c5e593] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-77c5e593] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-77c5e593] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.timeline-ordenar[data-v-77c5e593] {
  margin: 1rem 0;
}
.timeline-labels[data-v-77c5e593] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-77c5e593] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-timeline[data-v-77c5e593] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-77c5e593] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-77c5e593 1s infinite;
}
@keyframes pulse-77c5e593 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-77c5e593] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-77c5e593] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-77c5e593] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-77c5e593] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  flex: 1;
  text-align: center;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-77c5e593] {
  text-align: center;
}
.causa-actual[data-v-77c5e593] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.causa-texto[data-v-77c5e593] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.tipos-grid[data-v-77c5e593] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-btn[data-v-77c5e593] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  font-family: inherit;
}
.tipo-btn[data-v-77c5e593]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.tipo-btn.seleccionado[data-v-77c5e593] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tipo-btn.correcto[data-v-77c5e593] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.tipo-btn.incorrecto[data-v-77c5e593] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.tipo-icono[data-v-77c5e593] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-77c5e593] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.tipo-btn.correcto .tipo-nombre[data-v-77c5e593],
.tipo-btn.incorrecto .tipo-nombre[data-v-77c5e593] {
  color: white;
}
.clasificar-contador[data-v-77c5e593] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Completar ===== */
.completar-container[data-v-77c5e593] {
  text-align: center;
}
.articulo-box[data-v-77c5e593] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.articulo-num[data-v-77c5e593] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.articulo-texto[data-v-77c5e593] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  font-style: italic;
}
[data-v-77c5e593] .hueco {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.opciones-completar[data-v-77c5e593] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-77c5e593] {
  padding: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.opcion-btn.seleccionada[data-v-77c5e593] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcta[data-v-77c5e593] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecta[data-v-77c5e593] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.completar-contador[data-v-77c5e593] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-77c5e593] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-77c5e593], .btn-reiniciar[data-v-77c5e593] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-77c5e593] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-77c5e593] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-77c5e593] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-77c5e593] { font-size: 1.25rem;
}
.resultado-texto[data-v-77c5e593] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-77c5e593] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-77c5e593] { flex: 1;
}
.nav-btn[data-v-77c5e593] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-77c5e593] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-77c5e593] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-77c5e593] { font-size: 1.75rem;
}
.completado-texto[data-v-77c5e593] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-77c5e593], .slide-leave-active[data-v-77c5e593] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-77c5e593] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-77c5e593] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-pool[data-v-77c5e593] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-77c5e593] {
    flex: 0 1 auto;
}
.slots-row[data-v-77c5e593] {
    flex-direction: row;
}
.slot-timeline[data-v-77c5e593] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.slot-evento[data-v-77c5e593] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-63634802] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.epoca-icono[data-v-63634802] {
  font-size: 4rem;
  animation: pulse-63634802 2s ease-in-out infinite;
}
@keyframes pulse-63634802 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.intro-texto[data-v-63634802] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-63634802] {
  color: #FCD34D;
}
strong.positivo[data-v-63634802] {
  color: #6EE7B7;
}

/* Secciones de resumen */
.resumen-section[data-v-63634802] {
  margin: 1.25rem 0;
}
.resumen-titulo[data-v-63634802] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

/* Items compactos */
.items-compactos[data-v-63634802] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.item-compacto[data-v-63634802] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.item-icono[data-v-63634802] {
  font-size: 1.1rem;
}
.item-texto[data-v-63634802] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-63634802] {
  color: #FFFFFF;
}

/* Etapas timeline */
.etapas-timeline[data-v-63634802] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.etapa-mini[data-v-63634802] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.etapa-mini.etapa-1[data-v-63634802] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.etapa-mini.etapa-2[data-v-63634802] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.etapa-mini.etapa-3[data-v-63634802] {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3B82F6;
}
.etapa-fecha[data-v-63634802] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
}
.etapa-nombre[data-v-63634802] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.etapa-clave[data-v-63634802] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fechas grid */
.fechas-grid[data-v-63634802] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fecha-item[data-v-63634802] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.fecha-dia[data-v-63634802] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCA5A5;
}
.fecha-evento[data-v-63634802] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Personajes mini */
.personajes-mini[data-v-63634802] {
  display: flex;
  gap: 0.5rem;
}
.personaje-mini[data-v-63634802] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.p-icono[data-v-63634802] {
  font-size: 1.5rem;
}
.p-nombre[data-v-63634802] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.p-rol[data-v-63634802] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Legado box */
.legado-box[data-v-63634802] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.legado-item[data-v-63634802] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.legado-item[data-v-63634802]:last-child {
  margin-bottom: 0;
}
.legado-check[data-v-63634802] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.legado-item span[data-v-63634802]:last-child {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Lema final */
.lema-final[data-v-63634802] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(239, 68, 68, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.lema-palabra[data-v-63634802] {
  font-size: 1rem;
  font-weight: 800;
}
.lema-palabra.libertad[data-v-63634802] { color: #3B82F6;
}
.lema-palabra.igualdad[data-v-63634802] { color: #FFFFFF;
}
.lema-palabra.fraternidad[data-v-63634802] { color: #EF4444;
}
.lema-separador[data-v-63634802] {
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-63634802] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-63634802] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-63634802] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-63634802] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-63634802] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-63634802] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.epoca-icono[data-v-63634802] {
    font-size: 5rem;
}
.items-compactos[data-v-63634802] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.lema-palabra[data-v-63634802] {
    font-size: 1.3rem;
}
}

/* Intro visual */
.intro-visual[data-v-df4c3b35] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-df4c3b35] {
  font-size: 2.5rem;
  animation: float-df4c3b35 3s ease-in-out infinite;
}
.epoca-icono[data-v-df4c3b35]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-df4c3b35]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-df4c3b35 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-df4c3b35] {
  color: #FCD34D;
}
strong.positivo[data-v-df4c3b35] {
  color: #6EE7B7;
}

/* Contexto temporal */
.contexto-section[data-v-df4c3b35] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-df4c3b35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-df4c3b35] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.timeline-era[data-v-df4c3b35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 85px;
}
.timeline-era.ilustracion[data-v-df4c3b35] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.revolucion-industrial[data-v-df4c3b35] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.timeline-era.segunda-ri[data-v-df4c3b35] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.era-nombre[data-v-df4c3b35] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.era-fecha[data-v-df4c3b35] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.revolucion-industrial .era-nombre[data-v-df4c3b35] {
  color: #6EE7B7;
}
.timeline-flecha[data-v-df4c3b35] {
  color: #8B5CF6;
  font-size: 1.2rem;
  font-weight: 700;
}

/* Inglaterra section */
.inglaterra-section[data-v-df4c3b35] {
  margin: 1.5rem 0;
}
.inglaterra-titulo[data-v-df4c3b35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-df4c3b35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-item[data-v-df4c3b35] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
  border-radius: 0 0.4rem 0.4rem 0;
}
.factor-icono[data-v-df4c3b35] {
  font-size: 1.25rem;
}
.factor-info[data-v-df4c3b35] {
  display: flex;
  flex-direction: column;
}
.factor-info strong[data-v-df4c3b35] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.factor-info span[data-v-df4c3b35] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Textil section */
.textil-section[data-v-df4c3b35] {
  margin: 1.5rem 0;
}
.textil-titulo[data-v-df4c3b35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.textil-box[data-v-df4c3b35] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.textil-info p[data-v-df4c3b35] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.textil-iconos[data-v-df4c3b35] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  font-size: 1.5rem;
}
.textil-iconos span[data-v-df4c3b35]:nth-child(2),
.textil-iconos span[data-v-df4c3b35]:nth-child(4) {
  font-size: 1rem;
  color: #8B5CF6;
}

/* Cambio section */
.cambio-section[data-v-df4c3b35] {
  margin: 1.5rem 0;
}
.cambio-titulo[data-v-df4c3b35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cambio-comparacion[data-v-df4c3b35] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.antes[data-v-df4c3b35], .despues[data-v-df4c3b35] {
  flex: 1;
  min-width: 130px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.antes[data-v-df4c3b35] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.despues[data-v-df4c3b35] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.label[data-v-df4c3b35] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.label.negativo[data-v-df4c3b35] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.label.positivo[data-v-df4c3b35] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.items[data-v-df4c3b35] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.flecha-cambio[data-v-df4c3b35] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-df4c3b35] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-df4c3b35] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-df4c3b35] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-df4c3b35] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-df4c3b35] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-df4c3b35] {
    gap: 1.5rem;
}
.epoca-icono[data-v-df4c3b35] {
    font-size: 3rem;
}
.factores-grid[data-v-df4c3b35] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-389a54f0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-389a54f0] {
  font-size: 2.5rem;
  animation: float-389a54f0 3s ease-in-out infinite;
}
.epoca-icono[data-v-389a54f0]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-389a54f0]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-389a54f0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-389a54f0] {
  color: #FCD34D;
}
strong.positivo[data-v-389a54f0] {
  color: #6EE7B7;
}

/* Máquina de vapor */
.vapor-section[data-v-389a54f0] {
  margin: 1.5rem 0;
}
.vapor-titulo[data-v-389a54f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.vapor-box[data-v-389a54f0] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.inventor-info[data-v-389a54f0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.5rem;
}
.inventor-icono[data-v-389a54f0] {
  font-size: 1.5rem;
}
.inventor-datos[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
}
.inventor-datos strong[data-v-389a54f0] {
  color: #93C5FD;
  font-size: 0.95rem;
}
.inventor-datos span[data-v-389a54f0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.vapor-desc[data-v-389a54f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0 0 0.75rem 0;
}
.vapor-proceso[data-v-389a54f0] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  flex-wrap: wrap;
}
.vapor-proceso .flecha[data-v-389a54f0] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Máquinas textiles */
.textil-section[data-v-389a54f0] {
  margin: 1.5rem 0;
}
.textil-titulo[data-v-389a54f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.maquinas-grid[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.maquina-item[data-v-389a54f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
  border-radius: 0 0.4rem 0.4rem 0;
}
.maquina-icono[data-v-389a54f0] {
  font-size: 1.25rem;
}
.maquina-info[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
}
.maquina-info strong[data-v-389a54f0] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.maquina-info span[data-v-389a54f0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.maquina-info .inventor[data-v-389a54f0] {
  color: #8B5CF6;
  font-weight: 600;
  font-size: 0.7rem;
}

/* Siderurgia */
.siderurgia-section[data-v-389a54f0] {
  margin: 1.5rem 0;
}
.siderurgia-titulo[data-v-389a54f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.siderurgia-box[data-v-389a54f0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.siderurgia-box p[data-v-389a54f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0 0 0.75rem 0;
}
.productos-hierro[data-v-389a54f0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.productos-hierro span[data-v-389a54f0] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Transporte */
.transporte-section[data-v-389a54f0] {
  margin: 1.5rem 0;
}
.transporte-titulo[data-v-389a54f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.transporte-grid[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.transporte-item[data-v-389a54f0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.transporte-item.ferrocarril[data-v-389a54f0] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.transporte-item.barco[data-v-389a54f0] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.transporte-icono[data-v-389a54f0] {
  font-size: 1.75rem;
}
.transporte-info[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
}
.transporte-info strong[data-v-389a54f0] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.transporte-info span[data-v-389a54f0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.transporte-info .detalle[data-v-389a54f0] {
  color: #6EE7B7;
  font-size: 0.7rem;
}

/* Impacto */
.impacto-section[data-v-389a54f0] {
  margin: 1.5rem 0;
}
.impacto-titulo[data-v-389a54f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.impacto-items[data-v-389a54f0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.impacto-item[data-v-389a54f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.impacto-item .check[data-v-389a54f0] {
  color: #6EE7B7;
  font-weight: 700;
}
.impacto-item span[data-v-389a54f0]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip PAES */
.tip-paes[data-v-389a54f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-389a54f0] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-389a54f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-389a54f0] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-389a54f0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-389a54f0] {
    gap: 1.5rem;
}
.epoca-icono[data-v-389a54f0] {
    font-size: 3rem;
}
.transporte-grid[data-v-389a54f0] {
    flex-direction: row;
}
.transporte-item[data-v-389a54f0] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-b6f79866] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-b6f79866] {
  font-size: 2.5rem;
  animation: float-b6f79866 3s ease-in-out infinite;
}
.epoca-icono[data-v-b6f79866]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-b6f79866]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-b6f79866 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-b6f79866] {
  color: #FCD34D;
}
strong.positivo[data-v-b6f79866] {
  color: #6EE7B7;
}

/* Clases sociales */
.clases-section[data-v-b6f79866] {
  margin: 1.5rem 0;
}
.clases-titulo[data-v-b6f79866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clases-grid[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clase-item[data-v-b6f79866] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.clase-item.burguesia[data-v-b6f79866] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.clase-item.proletariado[data-v-b6f79866] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.clase-icono[data-v-b6f79866] {
  font-size: 1.75rem;
}
.clase-info[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
}
.clase-info strong[data-v-b6f79866] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.clase-info .desc[data-v-b6f79866] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.clase-info .caracteristica[data-v-b6f79866] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.caracteristica.positivo[data-v-b6f79866] {
  color: #6EE7B7;
}
.caracteristica.negativo[data-v-b6f79866] {
  color: #FCA5A5;
}

/* Urbanización */
.urbanizacion-section[data-v-b6f79866] {
  margin: 1.5rem 0;
}
.urbanizacion-titulo[data-v-b6f79866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.urbanizacion-box[data-v-b6f79866] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.urbanizacion-box p[data-v-b6f79866] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.estadistica[data-v-b6f79866] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.stat-item[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.stat-label[data-v-b6f79866] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.stat-valor[data-v-b6f79866] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.stat-flecha[data-v-b6f79866] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Condiciones */
.condiciones-section[data-v-b6f79866] {
  margin: 1.5rem 0;
}
.condiciones-titulo[data-v-b6f79866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.condiciones-grid[data-v-b6f79866] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.condicion-item[data-v-b6f79866] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 2px solid #EF4444;
  border-radius: 0 0.3rem 0.3rem 0;
}
.condicion-icono[data-v-b6f79866] {
  font-size: 1rem;
}
.condicion-item span[data-v-b6f79866]:last-child {
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Movimiento obrero */
.obrero-section[data-v-b6f79866] {
  margin: 1.5rem 0;
}
.obrero-titulo[data-v-b6f79866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.obrero-box[data-v-b6f79866] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.obrero-box p[data-v-b6f79866] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.movimientos-lista[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.movimiento-item[data-v-b6f79866] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.movimiento-icono[data-v-b6f79866] {
  font-size: 1.25rem;
}
.movimiento-info[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
}
.movimiento-info strong[data-v-b6f79866] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.movimiento-info span[data-v-b6f79866] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Efectos positivos */
.positivos-section[data-v-b6f79866] {
  margin: 1.5rem 0;
}
.positivos-titulo[data-v-b6f79866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.positivos-lista[data-v-b6f79866] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.positivo-item[data-v-b6f79866] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.positivo-item .check[data-v-b6f79866] {
  color: #6EE7B7;
  font-weight: 700;
}
.positivo-item span[data-v-b6f79866]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip PAES */
.tip-paes[data-v-b6f79866] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b6f79866] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b6f79866] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b6f79866] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b6f79866] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b6f79866] {
    gap: 1.5rem;
}
.epoca-icono[data-v-b6f79866] {
    font-size: 3rem;
}
.clases-grid[data-v-b6f79866] {
    flex-direction: row;
}
.clase-item[data-v-b6f79866] {
    flex: 1;
}
.condiciones-grid[data-v-b6f79866] {
    grid-template-columns: repeat(3, 1fr);
}
}

.explorador[data-v-0e1e2693] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0e1e2693] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0e1e2693] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-0e1e2693] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0e1e2693] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0e1e2693] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0e1e2693] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0e1e2693] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0e1e2693] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0e1e2693] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Relacionar ===== */
.relacionar-container[data-v-0e1e2693] {
  display: flex;
  gap: 0.75rem;
}
.inventos-columna[data-v-0e1e2693], .inventores-columna[data-v-0e1e2693] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-0e1e2693] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.invento-btn[data-v-0e1e2693], .inventor-btn[data-v-0e1e2693] {
  padding: 0.6rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.invento-btn.seleccionado[data-v-0e1e2693] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.invento-btn.emparejado[data-v-0e1e2693], .inventor-btn.emparejado[data-v-0e1e2693] {
  opacity: 0.5;
  cursor: not-allowed;
}
.inventor-btn.seleccionable[data-v-0e1e2693] {
  border-color: #FCD34D;
  animation: pulse-0e1e2693 1s infinite;
}
@keyframes pulse-0e1e2693 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.inventor-btn.correcto[data-v-0e1e2693] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.inventor-btn.incorrecto[data-v-0e1e2693] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 2: Clasificar ===== */
.clasificar-container[data-v-0e1e2693] {
  text-align: center;
}
.pregunta-clasificar[data-v-0e1e2693] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-0e1e2693] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-clasificar[data-v-0e1e2693] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasificar-btn[data-v-0e1e2693] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.positivo-btn[data-v-0e1e2693] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.negativo-btn[data-v-0e1e2693] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.clasificar-btn.seleccionado[data-v-0e1e2693] {
  transform: scale(1.02);
}
.clasificar-btn.correcto[data-v-0e1e2693] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.clasificar-btn.incorrecto[data-v-0e1e2693] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.clasificar-contador[data-v-0e1e2693] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Timeline ===== */
.timeline-container[data-v-0e1e2693] {
  text-align: center;
}
.timeline-instruccion[data-v-0e1e2693] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.eventos-disponibles[data-v-0e1e2693] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-0e1e2693] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-0e1e2693] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.timeline-visual[data-v-0e1e2693] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-0e1e2693] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-0e1e2693] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-0e1e2693] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-0e1e2693] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-label[data-v-0e1e2693] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 700;
}
.slot-evento[data-v-0e1e2693] {
  font-size: 0.6rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-0e1e2693] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* Botones de acción */
.botones-accion[data-v-0e1e2693] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-0e1e2693], .btn-reiniciar[data-v-0e1e2693] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-0e1e2693] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-0e1e2693] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-0e1e2693] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0e1e2693] { font-size: 1.25rem;
}
.resultado-texto[data-v-0e1e2693] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-0e1e2693] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0e1e2693] { flex: 1;
}
.nav-btn[data-v-0e1e2693] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0e1e2693] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0e1e2693] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0e1e2693] { font-size: 1.75rem;
}
.completado-texto[data-v-0e1e2693] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0e1e2693], .slide-leave-active[data-v-0e1e2693] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0e1e2693] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0e1e2693] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-0e1e2693] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-0e1e2693] {
    flex: 0 1 auto;
}
.slot-evento[data-v-0e1e2693] {
    font-size: 0.65rem;
}
.opciones-clasificar[data-v-0e1e2693] {
    flex-direction: row;
}
.clasificar-btn[data-v-0e1e2693] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-97b1ab4e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-97b1ab4e] {
  font-size: 2.5rem;
  animation: float-97b1ab4e 3s ease-in-out infinite;
}
.epoca-icono[data-v-97b1ab4e]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-97b1ab4e]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-97b1ab4e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-97b1ab4e] {
  color: #FCD34D;
}

/* Resumen grid */
.resumen-titulo[data-v-97b1ab4e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.resumen-grid[data-v-97b1ab4e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.resumen-card.origen[data-v-97b1ab4e] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.resumen-card.tecnologia[data-v-97b1ab4e] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.resumen-card.industrias[data-v-97b1ab4e] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.resumen-card.transporte[data-v-97b1ab4e] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.card-icono[data-v-97b1ab4e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-contenido[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
}
.card-contenido strong[data-v-97b1ab4e] {
  color: #FFFFFF;
  font-size: 0.75rem;
  margin-bottom: 0.15rem;
}
.card-contenido span[data-v-97b1ab4e] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.card-contenido .detalle[data-v-97b1ab4e] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Clases sociales resumen */
.clases-resumen[data-v-97b1ab4e] {
  margin-bottom: 1.5rem;
}
.clases-titulo[data-v-97b1ab4e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.clases-items[data-v-97b1ab4e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.clase-item[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.clase-emoji[data-v-97b1ab4e] {
  font-size: 1.5rem;
}
.clase-nombre[data-v-97b1ab4e] {
  font-size: 0.85rem;
  font-weight: 700;
}
.clase-desc[data-v-97b1ab4e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.clase-separador[data-v-97b1ab4e] {
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Movimiento obrero resumen */
.obrero-resumen[data-v-97b1ab4e] {
  margin-bottom: 1.5rem;
}
.obrero-titulo[data-v-97b1ab4e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.obrero-items[data-v-97b1ab4e] {
  display: flex;
  gap: 0.4rem;
}
.obrero-item[data-v-97b1ab4e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.obrero-nombre[data-v-97b1ab4e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.obrero-desc[data-v-97b1ab4e] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Timeline resumen */
.timeline-resumen[data-v-97b1ab4e] {
  margin-bottom: 1.5rem;
}
.timeline-titulo[data-v-97b1ab4e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.timeline-items[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.timeline-item[data-v-97b1ab4e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
  border-radius: 0 0.3rem 0.3rem 0;
}
.timeline-item .fecha[data-v-97b1ab4e] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
  min-width: 40px;
}
.timeline-item .evento[data-v-97b1ab4e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES final */
.tip-paes-final[data-v-97b1ab4e] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tip-header[data-v-97b1ab4e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-97b1ab4e] {
  font-size: 1.25rem;
}
.tip-header strong[data-v-97b1ab4e] {
  color: #6EE7B7;
  font-size: 1rem;
}
.tip-lista[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-97b1ab4e] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.tip-item .check[data-v-97b1ab4e] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.8rem;
}
.tip-item span[data-v-97b1ab4e]:last-child {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-item strong[data-v-97b1ab4e] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-97b1ab4e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-97b1ab4e] {
  font-size: 2rem;
}
.final-texto[data-v-97b1ab4e] {
  display: flex;
  flex-direction: column;
}
.final-texto strong[data-v-97b1ab4e] {
  color: #6EE7B7;
  font-size: 1rem;
}
.final-texto span[data-v-97b1ab4e] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-97b1ab4e] {
    gap: 1.5rem;
}
.epoca-icono[data-v-97b1ab4e] {
    font-size: 3rem;
}
.resumen-grid[data-v-97b1ab4e] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-012d90be] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-012d90be] {
  font-size: 2.5rem;
  animation: float-012d90be 3s ease-in-out infinite;
}
.epoca-icono[data-v-012d90be]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-012d90be]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-012d90be {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-012d90be] {
  color: #FCD34D;
}
strong.positivo[data-v-012d90be] {
  color: #6EE7B7;
}
strong.negativo[data-v-012d90be] {
  color: #FCA5A5;
}

/* Contexto section */
.contexto-section[data-v-012d90be] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-012d90be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-012d90be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-012d90be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0.5rem;
}
.carac-icono[data-v-012d90be] {
  font-size: 1.5rem;
}
.carac-info[data-v-012d90be] {
  display: flex;
  flex-direction: column;
}
.carac-info strong[data-v-012d90be] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.carac-info span[data-v-012d90be] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Antecedentes section */
.antecedentes-section[data-v-012d90be] {
  margin: 1.5rem 0;
}
.antecedentes-titulo[data-v-012d90be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.evento-antecedente[data-v-012d90be] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.evento-fecha[data-v-012d90be] {
  min-width: 50px;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  height: fit-content;
}
.evento-info[data-v-012d90be] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.evento-info strong[data-v-012d90be] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.evento-info span[data-v-012d90be] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Fuerzas políticas */
.fuerzas-section[data-v-012d90be] {
  margin: 1.5rem 0;
}
.fuerzas-titulo[data-v-012d90be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fuerzas-grid[data-v-012d90be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fuerza[data-v-012d90be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.fuerza.bolcheviques[data-v-012d90be] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.fuerza.mencheviques[data-v-012d90be] {
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3B82F6;
}
.fuerza.eseristas[data-v-012d90be] {
  background: rgba(16, 185, 129, 0.15);
  border-left: 3px solid #10B981;
}
.fuerza-icono[data-v-012d90be] {
  font-size: 1.5rem;
}
.fuerza-info[data-v-012d90be] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.fuerza-info strong[data-v-012d90be] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.fuerza-info span[data-v-012d90be] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Concepto box */
.concepto-box[data-v-012d90be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-012d90be] {
  font-size: 1.5rem;
}
.concepto-info[data-v-012d90be] {
  display: flex;
  flex-direction: column;
}
.concepto-info strong[data-v-012d90be] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.concepto-info span[data-v-012d90be] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-012d90be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-012d90be] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-012d90be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-012d90be] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-012d90be] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-012d90be] {
    gap: 1.5rem;
}
.epoca-icono[data-v-012d90be] {
    font-size: 3rem;
}
}

/* Intro visual */
.intro-visual[data-v-b933049b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.revoluciones-duo[data-v-b933049b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.rev-badge[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.rev-badge.febrero[data-v-b933049b] {
  background: rgba(16, 185, 129, 0.15);
  border-color: #10B981;
}
.rev-badge.octubre[data-v-b933049b] {
  background: rgba(239, 68, 68, 0.15);
  border-color: #EF4444;
}
.rev-mes[data-v-b933049b] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.rev-icono[data-v-b933049b] {
  font-size: 1.5rem;
}
.flecha-transicion[data-v-b933049b] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Destacados */
strong.destacado[data-v-b933049b] {
  color: #FCD34D;
}
strong.positivo[data-v-b933049b] {
  color: #6EE7B7;
}
strong.negativo[data-v-b933049b] {
  color: #FCA5A5;
}

/* Revolución section */
.revolucion-section[data-v-b933049b] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.revolucion-section.febrero[data-v-b933049b] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.revolucion-section.octubre[data-v-b933049b] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.revolucion-header[data-v-b933049b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.rev-numero[data-v-b933049b] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
}
.febrero .rev-numero[data-v-b933049b] {
  background: #10B981;
  color: white;
}
.octubre .rev-numero[data-v-b933049b] {
  background: #EF4444;
  color: white;
}
.rev-titulo-grupo[data-v-b933049b] {
  display: flex;
  flex-direction: column;
}
.rev-titulo[data-v-b933049b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rev-fecha[data-v-b933049b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.revolucion-contenido[data-v-b933049b] {
  margin-left: 0;
}
.rev-causa[data-v-b933049b] {
  margin-bottom: 0.75rem;
}
.causa-label[data-v-b933049b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.25rem;
}
.causa-lista[data-v-b933049b] {
  margin: 0;
  padding-left: 1.2rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  line-height: 1.5;
}
.causa-lista li[data-v-b933049b] {
  margin-bottom: 0.25rem;
}
.rev-resultado[data-v-b933049b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b933049b] {
  font-size: 1.25rem;
}
.resultado-info[data-v-b933049b] {
  display: flex;
  flex-direction: column;
}
.resultado-info strong[data-v-b933049b] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.2rem;
}
.resultado-info span[data-v-b933049b] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.nota-calendario[data-v-b933049b] {
  font-size: 0.7rem;
  color: #A78BFA;
  font-style: italic;
  margin-top: 0.5rem;
  text-align: center;
}

/* Dualidad de poder */
.dualidad-box[data-v-b933049b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.dualidad-titulo[data-v-b933049b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.poderes-grid[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.poder[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
}
.poder.gobierno[data-v-b933049b] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.poder.soviets[data-v-b933049b] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.poder-icono[data-v-b933049b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.poder strong[data-v-b933049b] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.poder span[data-v-b933049b] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}
.vs[data-v-b933049b] {
  font-size: 1rem;
  font-weight: 800;
  color: #8B5CF6;
  padding: 0.25rem 0;
}

/* Lenin section */
.lenin-section[data-v-b933049b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.lenin-header[data-v-b933049b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.lenin-icono[data-v-b933049b] {
  font-size: 1.5rem;
}
.lenin-info[data-v-b933049b] {
  display: flex;
  flex-direction: column;
}
.lenin-info strong[data-v-b933049b] {
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.lenin-info span[data-v-b933049b] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tesis-grid[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tesis-item[data-v-b933049b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tesis-num[data-v-b933049b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.tesis-texto[data-v-b933049b] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Decretos section */
.decretos-section[data-v-b933049b] {
  margin: 1.5rem 0;
}
.decretos-titulo[data-v-b933049b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.decretos-grid[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.decreto[data-v-b933049b] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.decreto-icono[data-v-b933049b] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.decreto strong[data-v-b933049b] {
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.decreto span[data-v-b933049b] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-b933049b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b933049b] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-b933049b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-b933049b] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-b933049b] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-b933049b] {
  color: #6EE7B7;
}
.tip-contenido strong.negativo[data-v-b933049b] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.poderes-grid[data-v-b933049b] {
    flex-direction: row;
}
.poder[data-v-b933049b] {
    flex: 1;
}
.vs[data-v-b933049b] {
    padding: 0 0.5rem;
}
.decretos-grid[data-v-b933049b] {
    flex-direction: row;
}
.decreto[data-v-b933049b] {
    flex: 1;
    align-items: center;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-8eb284ee] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-8eb284ee] {
  font-size: 2.5rem;
  animation: float-8eb284ee 3s ease-in-out infinite;
}
.epoca-icono[data-v-8eb284ee]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-8eb284ee]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-8eb284ee {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-8eb284ee] {
  color: #FCD34D;
}
strong.positivo[data-v-8eb284ee] {
  color: #6EE7B7;
}
strong.negativo[data-v-8eb284ee] {
  color: #FCA5A5;
}

/* Secciones generales */
.seccion[data-v-8eb284ee] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-8eb284ee] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Guerra Civil */
.seccion.guerra-civil[data-v-8eb284ee] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.guerra-intro[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.bandos-grid[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.bando[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
}
.bando.rojos[data-v-8eb284ee] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bando.blancos[data-v-8eb284ee] {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.bando-icono[data-v-8eb284ee] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.bando strong[data-v-8eb284ee] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.bando span[data-v-8eb284ee] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}
.vs[data-v-8eb284ee] {
  font-size: 1rem;
  font-weight: 800;
  color: #8B5CF6;
  padding: 0.25rem 0;
}
.guerra-resultado[data-v-8eb284ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8eb284ee] {
  color: #6EE7B7;
  font-weight: 700;
}
.guerra-resultado span[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tratado */
.seccion.tratado[data-v-8eb284ee] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
}
.tratado-contenido p[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.perdidas-grid[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.perdida[data-v-8eb284ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.perdida-icono[data-v-8eb284ee] {
  font-size: 1.25rem;
}
.perdida span[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* URSS */
.seccion.urss[data-v-8eb284ee] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.urss-info p[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.urss-lista[data-v-8eb284ee] {
  margin: 0;
  padding-left: 1.2rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  line-height: 1.6;
}
.urss-lista li[data-v-8eb284ee] {
  margin-bottom: 0.4rem;
}
.urss-lista strong[data-v-8eb284ee] {
  color: #FFFFFF;
}

/* Impacto mundial */
.seccion.mundial[data-v-8eb284ee] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.impacto-grid[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.impacto-item[data-v-8eb284ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.impacto-icono[data-v-8eb284ee] {
  font-size: 1.5rem;
}
.impacto-info[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
}
.impacto-info strong[data-v-8eb284ee] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.impacto-info span[data-v-8eb284ee] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Timeline resumen */
.timeline-resumen[data-v-8eb284ee] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.timeline-titulo[data-v-8eb284ee] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.timeline-items[data-v-8eb284ee] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.timeline-item[data-v-8eb284ee] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.timeline-item[data-v-8eb284ee]:last-child {
  border-bottom: none;
}
.timeline-fecha[data-v-8eb284ee] {
  min-width: 50px;
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}
.timeline-evento[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-8eb284ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8eb284ee] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-8eb284ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8eb284ee] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-8eb284ee] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8eb284ee] {
    gap: 1.5rem;
}
.epoca-icono[data-v-8eb284ee] {
    font-size: 3rem;
}
.bandos-grid[data-v-8eb284ee] {
    flex-direction: row;
}
.bando[data-v-8eb284ee] {
    flex: 1;
}
.vs[data-v-8eb284ee] {
    padding: 0 0.5rem;
}
}

.explorador[data-v-694fa389] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-694fa389] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-694fa389] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-694fa389] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-694fa389] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-694fa389] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-694fa389] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-694fa389] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-694fa389] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-694fa389] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar eventos ===== */
.clasificar-container[data-v-694fa389] {
  text-align: center;
}
.evento-actual[data-v-694fa389] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.evento-icono[data-v-694fa389] {
  font-size: 2.5rem;
}
.evento-nombre[data-v-694fa389] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.revoluciones-opciones[data-v-694fa389] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rev-btn[data-v-694fa389] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.rev-btn.febrero[data-v-694fa389] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.rev-btn.octubre[data-v-694fa389] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.rev-btn.seleccionada[data-v-694fa389] {
  transform: scale(1.02);
}
.rev-btn.febrero.seleccionada[data-v-694fa389] {
  border-color: #10B981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.rev-btn.octubre.seleccionada[data-v-694fa389] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.rev-btn.correcta[data-v-694fa389] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.rev-btn.incorrecta[data-v-694fa389] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.rev-icono[data-v-694fa389] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.rev-nombre[data-v-694fa389] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rev-desc[data-v-694fa389] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.rev-btn.correcta .rev-nombre[data-v-694fa389],
.rev-btn.correcta .rev-desc[data-v-694fa389],
.rev-btn.incorrecta .rev-nombre[data-v-694fa389],
.rev-btn.incorrecta .rev-desc[data-v-694fa389] {
  color: white;
}
.eventos-contador[data-v-694fa389] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-container[data-v-694fa389] {
  text-align: center;
}
.eventos-disponibles[data-v-694fa389] {
  margin-bottom: 1rem;
}
.eventos-label[data-v-694fa389] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.eventos-pool[data-v-694fa389] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.evento-btn[data-v-694fa389] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-694fa389] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.timeline-ordenar[data-v-694fa389] {
  margin: 1rem 0;
}
.timeline-labels[data-v-694fa389] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-694fa389] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.slot-timeline[data-v-694fa389] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-timeline.seleccionable[data-v-694fa389] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-694fa389 1s infinite;
}
@keyframes pulse-694fa389 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.slot-timeline.ocupado[data-v-694fa389] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-numero[data-v-694fa389] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.slot-evento[data-v-694fa389] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
  text-align: left;
}
.slot-placeholder[data-v-694fa389] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
  flex: 1;
  text-align: center;
}

/* ===== DESAFÍO 3: Completar ===== */
.completar-container[data-v-694fa389] {
  text-align: center;
}
.pregunta-box[data-v-694fa389] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-numero[data-v-694fa389] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-694fa389] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
[data-v-694fa389] .hueco {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.opciones-completar[data-v-694fa389] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-694fa389] {
  padding: 0.65rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.opcion-btn.seleccionada[data-v-694fa389] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcta[data-v-694fa389] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecta[data-v-694fa389] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.completar-contador[data-v-694fa389] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-694fa389] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-694fa389], .btn-reiniciar[data-v-694fa389] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-694fa389] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-694fa389] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-694fa389] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-694fa389] { font-size: 1.25rem;
}
.resultado-texto[data-v-694fa389] { color: #6EE7B7; font-weight: 600;
}

/* Resultado incorrecto */
.resultado-incorrecto[data-v-694fa389] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  border-radius: 0.5rem;
}
.resultado-incorrecto .resultado-texto[data-v-694fa389] { color: #FCA5A5;
}

/* Navegación */
.desafio-nav[data-v-694fa389] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-694fa389] { flex: 1;
}
.nav-btn[data-v-694fa389] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-694fa389] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-694fa389] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-694fa389] { font-size: 1.75rem;
}
.completado-texto[data-v-694fa389] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-694fa389], .slide-leave-active[data-v-694fa389] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-694fa389] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-694fa389] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.revoluciones-opciones[data-v-694fa389] {
    flex-direction: row;
}
.rev-btn[data-v-694fa389] {
    flex: 1;
}
.eventos-pool[data-v-694fa389] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-694fa389] {
    flex: 0 1 auto;
}
.slots-row[data-v-694fa389] {
    flex-direction: row;
}
.slot-timeline[data-v-694fa389] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.slot-evento[data-v-694fa389] {
    text-align: center;
    font-size: 0.7rem;
}
}

/* Intro */
.intro-visual[data-v-e1aea66d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.icono-final[data-v-e1aea66d] {
  font-size: 3.5rem;
  animation: bounce-e1aea66d 2s infinite;
}
@keyframes bounce-e1aea66d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-10px);
}
}
.intro-texto[data-v-e1aea66d] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-e1aea66d] {
  color: #FCD34D;
}
strong.positivo[data-v-e1aea66d] {
  color: #6EE7B7;
}
strong.negativo[data-v-e1aea66d] {
  color: #FCA5A5;
}

/* Secciones */
.resumen-section[data-v-e1aea66d], .revoluciones-resumen[data-v-e1aea66d], .cronologia-resumen[data-v-e1aea66d], .consecuencias-resumen[data-v-e1aea66d] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-e1aea66d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos grid */
.conceptos-grid[data-v-e1aea66d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto[data-v-e1aea66d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-nombre[data-v-e1aea66d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.2rem;
}
.concepto-def[data-v-e1aea66d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Revoluciones comparación */
.revoluciones-comparacion[data-v-e1aea66d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rev[data-v-e1aea66d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.rev.febrero[data-v-e1aea66d] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.rev.octubre[data-v-e1aea66d] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.rev-titulo[data-v-e1aea66d] {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.febrero .rev-titulo[data-v-e1aea66d] {
  color: #6EE7B7;
}
.octubre .rev-titulo[data-v-e1aea66d] {
  color: #FCA5A5;
}
.rev-puntos[data-v-e1aea66d] {
  margin: 0;
  padding-left: 1.2rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.5;
}

/* Consigna box */
.consigna-box[data-v-e1aea66d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.consigna-titulo[data-v-e1aea66d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.consigna-items[data-v-e1aea66d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.consigna-item[data-v-e1aea66d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.consigna-icono[data-v-e1aea66d] {
  font-size: 1.75rem;
}
.consigna-item strong[data-v-e1aea66d] {
  color: #FCD34D;
  font-size: 0.9rem;
}

/* Cronología */
.cronologia-items[data-v-e1aea66d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.crono-item[data-v-e1aea66d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.crono-fecha[data-v-e1aea66d] {
  min-width: 70px;
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}
.crono-evento[data-v-e1aea66d] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Consecuencias */
.consecuencias-lista[data-v-e1aea66d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.consecuencia[data-v-e1aea66d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cons-icono[data-v-e1aea66d] {
  font-size: 1.25rem;
}
.consecuencia span[data-v-e1aea66d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES final */
.tip-paes.final[data-v-e1aea66d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e1aea66d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-e1aea66d] {
  flex: 1;
}
.tip-contenido > strong[data-v-e1aea66d] {
  display: block;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-e1aea66d] {
  margin: 0;
  padding-left: 1.2rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.6;
}
.tips-lista li[data-v-e1aea66d] {
  margin-bottom: 0.3rem;
}

/* Completado box */
.completado-box[data-v-e1aea66d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e1aea66d] {
  font-size: 1.75rem;
}
.completado-texto[data-v-e1aea66d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.revoluciones-comparacion[data-v-e1aea66d] {
    flex-direction: row;
}
.rev[data-v-e1aea66d] {
    flex: 1;
}
.consigna-items[data-v-e1aea66d] {
    gap: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-5b9bb1ac] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-5b9bb1ac] {
  font-size: 2.5rem;
  animation: float-5b9bb1ac 3s ease-in-out infinite;
}
.epoca-icono[data-v-5b9bb1ac]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-5b9bb1ac]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-5b9bb1ac {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-5b9bb1ac] {
  color: #FCD34D;
}
strong.positivo[data-v-5b9bb1ac] {
  color: #6EE7B7;
}
strong.negativo[data-v-5b9bb1ac] {
  color: #FCA5A5;
}

/* Contexto temporal */
.contexto-section[data-v-5b9bb1ac] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-5b9bb1ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-visual[data-v-5b9bb1ac] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  flex-wrap: wrap;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}
.timeline-era[data-v-5b9bb1ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
  min-width: 70px;
  flex-shrink: 0;
}
.timeline-era.versalles[data-v-5b9bb1ac] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.timeline-era.crisis[data-v-5b9bb1ac] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timeline-era.totalitarismos[data-v-5b9bb1ac] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.timeline-era.guerra[data-v-5b9bb1ac] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.6);
}
.era-nombre[data-v-5b9bb1ac] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.era-fecha[data-v-5b9bb1ac] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.guerra .era-nombre[data-v-5b9bb1ac] {
  color: #FCA5A5;
}
.timeline-flecha[data-v-5b9bb1ac] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* Causas principales */
.causas-section[data-v-5b9bb1ac] {
  margin: 1.5rem 0;
}
.causas-titulo[data-v-5b9bb1ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causa-item[data-v-5b9bb1ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}
.causa-item.versalles-causa[data-v-5b9bb1ac] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.causa-item.crisis-causa[data-v-5b9bb1ac] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.causa-item.totalitarismos-causa[data-v-5b9bb1ac] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.causa-item.expansion-causa[data-v-5b9bb1ac] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.causa-item.pacto-causa[data-v-5b9bb1ac] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.causa-icono[data-v-5b9bb1ac] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.causa-info[data-v-5b9bb1ac] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-5b9bb1ac] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-5b9bb1ac] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Detonante */
.detonante-section[data-v-5b9bb1ac] {
  margin: 1.5rem 0;
}
.detonante-titulo[data-v-5b9bb1ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.detonante-box[data-v-5b9bb1ac] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.detonante-box p[data-v-5b9bb1ac] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fecha-clave[data-v-5b9bb1ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.fecha-icono[data-v-5b9bb1ac] {
  font-size: 1.25rem;
}
.fecha-texto[data-v-5b9bb1ac] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Bandos */
.bandos-section[data-v-5b9bb1ac] {
  margin: 1.5rem 0;
}
.bandos-titulo[data-v-5b9bb1ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.bandos-grid[data-v-5b9bb1ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.bando[data-v-5b9bb1ac] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  width: 100%;
}
.bando.eje[data-v-5b9bb1ac] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bando.aliados[data-v-5b9bb1ac] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bando-icono[data-v-5b9bb1ac] {
  font-size: 1.75rem;
}
.bando-info[data-v-5b9bb1ac] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bando-info strong[data-v-5b9bb1ac] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.bando-paises[data-v-5b9bb1ac] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.vs-separador[data-v-5b9bb1ac] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #8B5CF6;
  padding: 0.25rem 0;
}

/* Tip PAES */
.tip-paes[data-v-5b9bb1ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5b9bb1ac] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-5b9bb1ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-5b9bb1ac] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-5b9bb1ac] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5b9bb1ac] {
    gap: 1.5rem;
}
.epoca-icono[data-v-5b9bb1ac] {
    font-size: 3rem;
}
.timeline-visual[data-v-5b9bb1ac] {
    justify-content: center;
    gap: 0.5rem;
}
.timeline-era[data-v-5b9bb1ac] {
    min-width: 80px;
}
.bandos-grid[data-v-5b9bb1ac] {
    flex-direction: row;
}
.bando[data-v-5b9bb1ac] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.vs-separador[data-v-5b9bb1ac] {
    padding: 0 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-cce39053] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-cce39053] {
  font-size: 2.5rem;
  animation: float-cce39053 3s ease-in-out infinite;
}
.epoca-icono[data-v-cce39053]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-cce39053]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-cce39053 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-cce39053] {
  color: #FCD34D;
}
strong.positivo[data-v-cce39053] {
  color: #6EE7B7;
}
strong.negativo[data-v-cce39053] {
  color: #FCA5A5;
}

/* Fases */
.fase-section[data-v-cce39053] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.fase-section.eje-avanza[data-v-cce39053] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.fase-section.aliados-avanzan[data-v-cce39053] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.fase-header[data-v-cce39053] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.fase-icono[data-v-cce39053] {
  font-size: 1.5rem;
}
.fase-titulo[data-v-cce39053] {
  display: flex;
  flex-direction: column;
}
.fase-titulo strong[data-v-cce39053] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fase-periodo[data-v-cce39053] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.eventos-lista[data-v-cce39053] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evento-item[data-v-cce39053] {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.evento-fecha[data-v-cce39053] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
  flex-shrink: 0;
}
.evento-desc[data-v-cce39053] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Puntos de inflexión */
.inflexion-section[data-v-cce39053] {
  margin: 1.5rem 0;
}
.inflexion-titulo[data-v-cce39053] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.inflexion-grid[data-v-cce39053] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inflexion-item[data-v-cce39053] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.inflexion-icono[data-v-cce39053] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.inflexion-info[data-v-cce39053] {
  display: flex;
  flex-direction: column;
}
.inflexion-info strong[data-v-cce39053] {
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.inflexion-info span[data-v-cce39053] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Fechas clave */
.fechas-clave-section[data-v-cce39053] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-cce39053] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-grid[data-v-cce39053] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.fecha-box[data-v-cce39053] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 80px;
}
.fecha-box.destacada[data-v-cce39053] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.fecha-año[data-v-cce39053] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fecha-evento[data-v-cce39053] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.fecha-box.destacada .fecha-año[data-v-cce39053] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-cce39053] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-cce39053] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-cce39053] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-cce39053] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-cce39053] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-cce39053] {
    gap: 1.5rem;
}
.epoca-icono[data-v-cce39053] {
    font-size: 3rem;
}
.inflexion-grid[data-v-cce39053] {
    flex-direction: row;
}
.inflexion-item[data-v-cce39053] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.inflexion-icono[data-v-cce39053] {
    align-self: center;
}
.inflexion-info[data-v-cce39053] {
    align-items: center;
}
.evento-fecha[data-v-cce39053] {
    min-width: 70px;
}
}

/* Intro visual */
.intro-visual[data-v-82c6d60d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-82c6d60d] {
  font-size: 3rem;
}

/* Destacados */
strong.destacado[data-v-82c6d60d] {
  color: #FCD34D;
}
strong.positivo[data-v-82c6d60d] {
  color: #6EE7B7;
}
strong.negativo[data-v-82c6d60d] {
  color: #FCA5A5;
}

/* Advertencia */
.advertencia-section[data-v-82c6d60d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.advertencia-icono[data-v-82c6d60d] {
  font-size: 1.25rem;
}
.advertencia-texto[data-v-82c6d60d] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-style: italic;
}

/* Ideología */
.ideologia-section[data-v-82c6d60d] {
  margin: 1.5rem 0;
}
.ideologia-titulo[data-v-82c6d60d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ideologia-contenido p[data-v-82c6d60d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.leyes-box[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.leyes-box strong[data-v-82c6d60d] {
  margin-bottom: 0.25rem;
}
.leyes-box span[data-v-82c6d60d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Escalada */
.escalada-section[data-v-82c6d60d] {
  margin: 1.5rem 0;
}
.escalada-titulo[data-v-82c6d60d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escalada-timeline[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escalada-item[data-v-82c6d60d] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.escalada-fase[data-v-82c6d60d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
  flex-shrink: 0;
}
.escalada-desc[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
}
.escalada-desc strong[data-v-82c6d60d] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}
.escalada-desc span[data-v-82c6d60d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Campos */
.campos-section[data-v-82c6d60d] {
  margin: 1.5rem 0;
}
.campos-titulo[data-v-82c6d60d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.campos-contenido p[data-v-82c6d60d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.campos-principales[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.campo-item[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.campo-item strong[data-v-82c6d60d] {
  margin-bottom: 0.25rem;
}
.campo-item span[data-v-82c6d60d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Víctimas */
.victimas-section[data-v-82c6d60d] {
  margin: 1.5rem 0;
}
.victimas-titulo[data-v-82c6d60d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.victimas-contenido[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.victima-principal[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.victima-numero[data-v-82c6d60d] {
  font-size: 2rem;
  font-weight: 800;
}
.victima-numero.negativo[data-v-82c6d60d] {
  color: #FCA5A5;
}
.victima-grupo[data-v-82c6d60d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.otras-victimas p[data-v-82c6d60d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.grupos-grid[data-v-82c6d60d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.grupo-item[data-v-82c6d60d] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Legado */
.legado-section[data-v-82c6d60d] {
  margin: 1.5rem 0;
}
.legado-titulo[data-v-82c6d60d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.legado-contenido p[data-v-82c6d60d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.legado-items[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.legado-item[data-v-82c6d60d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.legado-item strong[data-v-82c6d60d] {
  margin-bottom: 0.25rem;
}
.legado-item span[data-v-82c6d60d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-82c6d60d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-82c6d60d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-82c6d60d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-82c6d60d] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-82c6d60d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.escalada-fase[data-v-82c6d60d] {
    min-width: 80px;
}
.victima-numero[data-v-82c6d60d] {
    font-size: 2.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-1ba7fdbf] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-1ba7fdbf] {
  font-size: 2.5rem;
  animation: float-1ba7fdbf 3s ease-in-out infinite;
}
.epoca-icono[data-v-1ba7fdbf]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-1ba7fdbf]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-1ba7fdbf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-1ba7fdbf] {
  color: #FCD34D;
}
strong.positivo[data-v-1ba7fdbf] {
  color: #6EE7B7;
}
strong.negativo[data-v-1ba7fdbf] {
  color: #FCA5A5;
}

/* Costo humano */
.costo-section[data-v-1ba7fdbf] {
  margin: 1.5rem 0;
}
.costo-titulo[data-v-1ba7fdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.costo-grid[data-v-1ba7fdbf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.costo-item[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.costo-item.principal[data-v-1ba7fdbf] {
  grid-column: span 2;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.2);
}
.costo-numero[data-v-1ba7fdbf] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.costo-numero.negativo[data-v-1ba7fdbf] {
  color: #FCA5A5;
  font-size: 1.5rem;
}
.costo-desc[data-v-1ba7fdbf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.costo-nota[data-v-1ba7fdbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nota-icono[data-v-1ba7fdbf] {
  flex-shrink: 0;
}

/* División */
.division-section[data-v-1ba7fdbf] {
  margin: 1.5rem 0;
}
.division-titulo[data-v-1ba7fdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.division-contenido p[data-v-1ba7fdbf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.bloques-grid[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.bloque-item[data-v-1ba7fdbf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.bloque-item.occidental[data-v-1ba7fdbf] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.bloque-item.oriental[data-v-1ba7fdbf] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.bloque-icono[data-v-1ba7fdbf] {
  font-size: 1.5rem;
}
.bloque-info[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
}
.bloque-info strong[data-v-1ba7fdbf] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.bloque-info span[data-v-1ba7fdbf] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.bloque-info .sistema[data-v-1ba7fdbf] {
  font-weight: 600;
  color: #E9D5FF;
}
.alemania-box[data-v-1ba7fdbf] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.alemania-box strong[data-v-1ba7fdbf] {
  display: block;
  margin-bottom: 0.5rem;
}
.alemanias[data-v-1ba7fdbf] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.alemania[data-v-1ba7fdbf] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.alemania.rfa[data-v-1ba7fdbf] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.alemania.rda[data-v-1ba7fdbf] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.berlin-nota[data-v-1ba7fdbf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  text-align: center;
}

/* Orden mundial */
.orden-section[data-v-1ba7fdbf] {
  margin: 1.5rem 0;
}
.orden-titulo[data-v-1ba7fdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-items[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.orden-item[data-v-1ba7fdbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.orden-item.superpotencias[data-v-1ba7fdbf] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
}
.orden-item.onu[data-v-1ba7fdbf] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
}
.orden-item.guerra-fria[data-v-1ba7fdbf] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.orden-item.descolonizacion[data-v-1ba7fdbf] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.orden-icono[data-v-1ba7fdbf] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.orden-info[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
}
.orden-info strong[data-v-1ba7fdbf] {
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.orden-info span[data-v-1ba7fdbf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* DDHH */
.ddhh-section[data-v-1ba7fdbf] {
  margin: 1.5rem 0;
}
.ddhh-titulo[data-v-1ba7fdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ddhh-items[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ddhh-item[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ddhh-item strong[data-v-1ba7fdbf] {
  margin-bottom: 0.25rem;
}
.ddhh-item span[data-v-1ba7fdbf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* Reconstrucción */
.reconstruccion-section[data-v-1ba7fdbf] {
  margin: 1.5rem 0;
}
.reconstruccion-titulo[data-v-1ba7fdbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reconstruccion-box[data-v-1ba7fdbf] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.plan-item[data-v-1ba7fdbf] {
  display: flex;
  flex-direction: column;
}
.plan-item strong[data-v-1ba7fdbf] {
  margin-bottom: 0.25rem;
}
.plan-item span[data-v-1ba7fdbf] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-1ba7fdbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-1ba7fdbf] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-1ba7fdbf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-1ba7fdbf] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-1ba7fdbf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1ba7fdbf] {
    gap: 1.5rem;
}
.epoca-icono[data-v-1ba7fdbf] {
    font-size: 3rem;
}
.bloques-grid[data-v-1ba7fdbf] {
    flex-direction: row;
}
.bloque-item[data-v-1ba7fdbf] {
    flex: 1;
}
.costo-item.principal .costo-numero.negativo[data-v-1ba7fdbf] {
    font-size: 2rem;
}
}

.explorador[data-v-9b3d5d0a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9b3d5d0a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9b3d5d0a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9b3d5d0a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-9b3d5d0a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9b3d5d0a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9b3d5d0a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9b3d5d0a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9b3d5d0a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-9b3d5d0a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Bandos ===== */
.bandos-container[data-v-9b3d5d0a] {
  text-align: center;
}
.pais-actual[data-v-9b3d5d0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pais-bandera[data-v-9b3d5d0a] {
  font-size: 3rem;
}
.pais-nombre[data-v-9b3d5d0a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bandos-opciones[data-v-9b3d5d0a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bando-btn[data-v-9b3d5d0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.bando-btn.eje[data-v-9b3d5d0a] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.bando-btn.aliados[data-v-9b3d5d0a] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.bando-btn.seleccionada[data-v-9b3d5d0a] {
  transform: scale(1.02);
}
.bando-btn.eje.seleccionada[data-v-9b3d5d0a] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.bando-btn.aliados.seleccionada[data-v-9b3d5d0a] {
  border-color: #3B82F6;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.4);
}
.bando-btn.correcta[data-v-9b3d5d0a] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.bando-btn.incorrecta[data-v-9b3d5d0a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.bando-icono[data-v-9b3d5d0a] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.bando-nombre[data-v-9b3d5d0a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.bando-btn.correcta .bando-nombre[data-v-9b3d5d0a],
.bando-btn.incorrecta .bando-nombre[data-v-9b3d5d0a] {
  color: white;
}
.bandos-contador[data-v-9b3d5d0a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Timeline ===== */
.timeline-container[data-v-9b3d5d0a] {
  text-align: center;
}
.evento-pregunta[data-v-9b3d5d0a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.evento-icono[data-v-9b3d5d0a] {
  font-size: 2.5rem;
}
.evento-nombre[data-v-9b3d5d0a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fechas-opciones[data-v-9b3d5d0a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.fecha-btn[data-v-9b3d5d0a] {
  padding: 0.75rem 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.fecha-btn.seleccionada[data-v-9b3d5d0a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.fecha-btn.correcta[data-v-9b3d5d0a] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.fecha-btn.incorrecta[data-v-9b3d5d0a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.timeline-contador[data-v-9b3d5d0a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 3: Conceptos ===== */
.conceptos-container[data-v-9b3d5d0a] {
  text-align: center;
}
.concepto-pregunta[data-v-9b3d5d0a] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-numero[data-v-9b3d5d0a] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-9b3d5d0a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-opciones[data-v-9b3d5d0a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-btn[data-v-9b3d5d0a] {
  padding: 0.65rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.concepto-btn.seleccionada[data-v-9b3d5d0a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.concepto-btn.correcta[data-v-9b3d5d0a] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.concepto-btn.incorrecta[data-v-9b3d5d0a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.conceptos-contador[data-v-9b3d5d0a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-9b3d5d0a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9b3d5d0a] { font-size: 1.25rem;
}
.resultado-texto[data-v-9b3d5d0a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-9b3d5d0a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-9b3d5d0a] { flex: 1;
}
.nav-btn[data-v-9b3d5d0a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-9b3d5d0a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9b3d5d0a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9b3d5d0a] { font-size: 1.75rem;
}
.completado-texto[data-v-9b3d5d0a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9b3d5d0a], .slide-leave-active[data-v-9b3d5d0a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9b3d5d0a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-9b3d5d0a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.bandos-opciones[data-v-9b3d5d0a] {
    flex-direction: row;
}
.bando-btn[data-v-9b3d5d0a] {
    flex: 1;
}
.fechas-opciones[data-v-9b3d5d0a] {
    grid-template-columns: repeat(5, 1fr);
}
}

/* Destacados */
strong.destacado[data-v-06181245] {
  color: #FCD34D;
}
strong.positivo[data-v-06181245] {
  color: #6EE7B7;
}
strong.negativo[data-v-06181245] {
  color: #FCA5A5;
}

/* Intro */
.resumen-intro[data-v-06181245] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-06181245] {
  font-size: 2rem;
}
.resumen-intro p[data-v-06181245] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-06181245] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-06181245] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-06181245] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-06181245]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-06181245] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-06181245] {
    grid-column: span 1;
}
}
.card-header[data-v-06181245] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-06181245] {
  font-size: 1.25rem;
}
.card-titulo[data-v-06181245] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-06181245] {
  color: #E9D5FF;
}

/* Fechas lista */
.fechas-lista[data-v-06181245] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fecha-row[data-v-06181245] {
  display: flex;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.fecha-row.destacada[data-v-06181245] {
  background: rgba(16, 185, 129, 0.15);
}
.fecha-año[data-v-06181245] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
}
.fecha-row.destacada .fecha-año[data-v-06181245] {
  color: #6EE7B7;
}
.fecha-evento[data-v-06181245] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Listas */
.lista-causas[data-v-06181245], .lista-consecuencias[data-v-06181245] {
  margin: 0;
  padding-left: 1.2rem;
}
.lista-causas li[data-v-06181245], .lista-consecuencias li[data-v-06181245] {
  margin-bottom: 0.3rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Bandos resumen */
.bandos-resumen[data-v-06181245] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.bando-grupo[data-v-06181245] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.bando-grupo.eje[data-v-06181245] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.bando-grupo.aliados[data-v-06181245] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.bando-titulo[data-v-06181245] {
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
  color: #FFFFFF;
}
.bando-grupo span[data-v-06181245] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs[data-v-06181245] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 1.1rem;
}

/* Holocausto resumen */
.holocausto-resumen p[data-v-06181245] {
  text-align: center;
  margin: 0 0 0.5rem 0;
}
.conceptos-holo[data-v-06181245] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.concepto[data-v-06181245] {
  padding: 0.2rem 0.5rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #FCA5A5;
}

/* Legado items */
.legado-items[data-v-06181245] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.legado-item[data-v-06181245] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
}
.legado-item strong[data-v-06181245] {
  font-size: 0.8rem;
  margin-bottom: 0.1rem;
}
.legado-item span[data-v-06181245] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-06181245] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-06181245] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-06181245] {
  font-size: 1.25rem;
}
.tip-text[data-v-06181245] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-06181245] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-06181245] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-06181245] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-06181245 1s ease-in-out infinite;
}
@keyframes bounce-06181245 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-06181245] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-06181245] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-7c318ff3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-total[data-v-7c318ff3] {
  font-size: 2.5rem;
  animation: float-7c318ff3 3s ease-in-out infinite;
}
.icono-total[data-v-7c318ff3]:nth-child(2) {
  animation-delay: 0.5s;
}
.icono-total[data-v-7c318ff3]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7c318ff3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-7c318ff3] {
  color: #FCD34D;
}
strong.positivo[data-v-7c318ff3] {
  color: #6EE7B7;
}
strong.negativo[data-v-7c318ff3] {
  color: #FCA5A5;
}

/* Contexto section */
.contexto-section[data-v-7c318ff3] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-7c318ff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa[data-v-7c318ff3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
  border-radius: 0.5rem;
}
.causa-icono[data-v-7c318ff3] {
  font-size: 1.5rem;
}
.causa-info[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
}
.causa-info strong[data-v-7c318ff3] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.causa-info span[data-v-7c318ff3] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Características section */
.caracteristicas-section[data-v-7c318ff3] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-7c318ff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-7c318ff3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.carac-num[data-v-7c318ff3] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCA5A5;
}
.carac-info[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.carac-info strong[data-v-7c318ff3] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.carac-info span[data-v-7c318ff3] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Tres regímenes */
.tres-section[data-v-7c318ff3] {
  margin: 1.5rem 0;
}
.tres-titulo[data-v-7c318ff3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regimenes-grid[data-v-7c318ff3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.regimen[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  text-align: center;
}
.regimen.fascismo[data-v-7c318ff3] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.regimen.nazismo[data-v-7c318ff3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.regimen.estalinismo[data-v-7c318ff3] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.regimen-icono[data-v-7c318ff3] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.regimen strong[data-v-7c318ff3] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.regimen-pais[data-v-7c318ff3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.regimen-lider[data-v-7c318ff3] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Diferencia box */
.diferencia-box[data-v-7c318ff3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.diferencia-icono[data-v-7c318ff3] {
  font-size: 1.5rem;
}
.diferencia-info[data-v-7c318ff3] {
  display: flex;
  flex-direction: column;
}
.diferencia-info strong[data-v-7c318ff3] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.diferencia-info span[data-v-7c318ff3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-7c318ff3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7c318ff3] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7c318ff3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7c318ff3] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-7c318ff3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7c318ff3] {
    gap: 1.5rem;
}
.icono-total[data-v-7c318ff3] {
    font-size: 3rem;
}
.regimen[data-v-7c318ff3] {
    padding: 1rem;
}
.regimen-icono[data-v-7c318ff3] {
    font-size: 2rem;
}
.regimen strong[data-v-7c318ff3] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-0e3bc31f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.lider-card[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.lider-icono[data-v-0e3bc31f] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.lider-nombre[data-v-0e3bc31f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.lider-titulo[data-v-0e3bc31f] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-style: italic;
}
.lider-periodo[data-v-0e3bc31f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Destacados */
strong.destacado[data-v-0e3bc31f] {
  color: #FCD34D;
}
strong.positivo[data-v-0e3bc31f] {
  color: #6EE7B7;
}
strong.negativo[data-v-0e3bc31f] {
  color: #FCA5A5;
}

/* Contexto section */
.contexto-section[data-v-0e3bc31f] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-0e3bc31f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problemas-grid[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema[data-v-0e3bc31f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
  border-radius: 0.5rem;
}
.problema-icono[data-v-0e3bc31f] {
  font-size: 1.5rem;
}
.problema-info[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
}
.problema-info strong[data-v-0e3bc31f] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.problema-info span[data-v-0e3bc31f] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Ascenso section */
.ascenso-section[data-v-0e3bc31f] {
  margin: 1.5rem 0;
}
.ascenso-titulo[data-v-0e3bc31f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-item[data-v-0e3bc31f] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.timeline-item.destacado[data-v-0e3bc31f] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.timeline-fecha[data-v-0e3bc31f] {
  min-width: 45px;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
  height: fit-content;
}
.timeline-item.destacado .timeline-fecha[data-v-0e3bc31f] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.timeline-evento[data-v-0e3bc31f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Características section */
.caracteristicas-section[data-v-0e3bc31f] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-0e3bc31f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-0e3bc31f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-0e3bc31f] {
  font-size: 1.5rem;
}
.carac-info[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.carac-info strong[data-v-0e3bc31f] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.carac-info span[data-v-0e3bc31f] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Símbolos box */
.simbolos-box[data-v-0e3bc31f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.simbolos-icono[data-v-0e3bc31f] {
  font-size: 1.5rem;
}
.simbolos-info[data-v-0e3bc31f] {
  display: flex;
  flex-direction: column;
}
.simbolos-info strong[data-v-0e3bc31f] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.simbolos-info span[data-v-0e3bc31f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-0e3bc31f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-0e3bc31f] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-0e3bc31f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-0e3bc31f] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-0e3bc31f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.lider-card[data-v-0e3bc31f] {
    padding: 1.5rem 2rem;
}
.lider-icono[data-v-0e3bc31f] {
    font-size: 3.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-734124ab] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.lider-card[data-v-734124ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
}
.lider-icono[data-v-734124ab] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.lider-nombre[data-v-734124ab] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.lider-titulo[data-v-734124ab] {
  font-size: 0.9rem;
  color: #FCA5A5;
  font-style: italic;
}
.lider-periodo[data-v-734124ab] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Destacados */
strong.destacado[data-v-734124ab] {
  color: #FCD34D;
}
strong.positivo[data-v-734124ab] {
  color: #6EE7B7;
}
strong.negativo[data-v-734124ab] {
  color: #FCA5A5;
}

/* Contexto section */
.contexto-section[data-v-734124ab] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-734124ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problemas-grid[data-v-734124ab] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.problema[data-v-734124ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #F59E0B;
  border-radius: 0.5rem;
}
.problema-icono[data-v-734124ab] {
  font-size: 1.5rem;
}
.problema-info[data-v-734124ab] {
  display: flex;
  flex-direction: column;
}
.problema-info strong[data-v-734124ab] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.problema-info span[data-v-734124ab] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Ascenso section */
.ascenso-section[data-v-734124ab] {
  margin: 1.5rem 0;
}
.ascenso-titulo[data-v-734124ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-734124ab] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.timeline-item[data-v-734124ab] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.timeline-item.destacado[data-v-734124ab] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.timeline-fecha[data-v-734124ab] {
  min-width: 45px;
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
  height: fit-content;
}
.timeline-item.destacado .timeline-fecha[data-v-734124ab] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.timeline-evento[data-v-734124ab] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Ideología section */
.ideologia-section[data-v-734124ab] {
  margin: 1.5rem 0;
}
.ideologia-titulo[data-v-734124ab] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ideologia-lista[data-v-734124ab] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ideologia-item[data-v-734124ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ideologia-item.racismo[data-v-734124ab] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.ideo-icono[data-v-734124ab] {
  font-size: 1.5rem;
}
.ideo-info[data-v-734124ab] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ideo-info strong[data-v-734124ab] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.ideo-info span[data-v-734124ab] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Terror box */
.terror-box[data-v-734124ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.terror-icono[data-v-734124ab] {
  font-size: 1.5rem;
}
.terror-info[data-v-734124ab] {
  display: flex;
  flex-direction: column;
}
.terror-info strong[data-v-734124ab] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.terror-info span[data-v-734124ab] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Holocausto box */
.holocausto-box[data-v-734124ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.6);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.holocausto-icono[data-v-734124ab] {
  font-size: 1.5rem;
}
.holocausto-info[data-v-734124ab] {
  display: flex;
  flex-direction: column;
}
.holocausto-info strong[data-v-734124ab] {
  color: #FCA5A5;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.holocausto-info span[data-v-734124ab] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-734124ab] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-734124ab] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-734124ab] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-734124ab] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-734124ab] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.lider-card[data-v-734124ab] {
    padding: 1.5rem 2rem;
}
.lider-icono[data-v-734124ab] {
    font-size: 3.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-0b044686] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.lider-card[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
}
.lider-icono[data-v-0b044686] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.lider-nombre[data-v-0b044686] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.lider-titulo[data-v-0b044686] {
  font-size: 0.9rem;
  color: #FCA5A5;
  font-style: italic;
}
.lider-periodo[data-v-0b044686] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Destacados */
strong.destacado[data-v-0b044686] {
  color: #FCD34D;
}
strong.positivo[data-v-0b044686] {
  color: #6EE7B7;
}
strong.negativo[data-v-0b044686] {
  color: #FCA5A5;
}

/* Contexto section */
.contexto-section[data-v-0b044686] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-0b044686] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-info[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0.5rem;
}
.contexto-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.contexto-texto[data-v-0b044686] {
  display: flex;
  flex-direction: column;
}
.contexto-texto strong[data-v-0b044686] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.contexto-texto span[data-v-0b044686] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Políticas section */
.politicas-section[data-v-0b044686] {
  margin: 1.5rem 0;
}
.politicas-titulo[data-v-0b044686] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.politicas-grid[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.politica[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.politica-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.politica-info[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.politica-info strong[data-v-0b044686] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.politica-info span[data-v-0b044686] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Terror section */
.terror-section[data-v-0b044686] {
  margin: 1.5rem 0;
}
.terror-titulo[data-v-0b044686] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.terror-elementos[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.terror-item[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.terror-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.terror-info[data-v-0b044686] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.terror-info strong[data-v-0b044686] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.terror-info span[data-v-0b044686] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Holodomor box */
.holodomor-box[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.6);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.holodomor-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.holodomor-info[data-v-0b044686] {
  display: flex;
  flex-direction: column;
}
.holodomor-info strong[data-v-0b044686] {
  color: #FCA5A5;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.holodomor-info span[data-v-0b044686] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Culto section */
.culto-section[data-v-0b044686] {
  margin: 1.5rem 0;
}
.culto-titulo[data-v-0b044686] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.culto-grid[data-v-0b044686] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.culto-item[data-v-0b044686] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.culto-icono[data-v-0b044686] {
  font-size: 1.25rem;
}
.culto-texto[data-v-0b044686] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Comparación box */
.comparacion-box[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.comparacion-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.comparacion-info[data-v-0b044686] {
  display: flex;
  flex-direction: column;
}
.comparacion-info strong[data-v-0b044686] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.comparacion-info span[data-v-0b044686] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-0b044686] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-0b044686] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-0b044686] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-0b044686] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-0b044686] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.lider-card[data-v-0b044686] {
    padding: 1.5rem 2rem;
}
.lider-icono[data-v-0b044686] {
    font-size: 3.5rem;
}
}

.explorador[data-v-153fa2c0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-153fa2c0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-153fa2c0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-153fa2c0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-153fa2c0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-153fa2c0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-153fa2c0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-153fa2c0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-153fa2c0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-153fa2c0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-153fa2c0] {
  text-align: center;
}
.elemento-actual[data-v-153fa2c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-icono[data-v-153fa2c0] {
  font-size: 2.5rem;
}
.elemento-nombre[data-v-153fa2c0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.regimenes-opciones[data-v-153fa2c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regimen-btn[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid;
  font-family: inherit;
}
.regimen-btn.fascismo[data-v-153fa2c0] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.regimen-btn.nazismo[data-v-153fa2c0] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.regimen-btn.estalinismo[data-v-153fa2c0] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.regimen-btn.seleccionada[data-v-153fa2c0] {
  transform: scale(1.02);
}
.regimen-btn.fascismo.seleccionada[data-v-153fa2c0] {
  border-color: #10B981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.regimen-btn.nazismo.seleccionada[data-v-153fa2c0] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.regimen-btn.estalinismo.seleccionada[data-v-153fa2c0] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.regimen-btn.correcta[data-v-153fa2c0] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.regimen-btn.incorrecta[data-v-153fa2c0] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.regimen-bandera[data-v-153fa2c0] {
  font-size: 1.25rem;
}
.regimen-nombre[data-v-153fa2c0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.regimen-btn.correcta .regimen-nombre[data-v-153fa2c0],
.regimen-btn.incorrecta .regimen-nombre[data-v-153fa2c0] {
  color: white;
}
.elementos-contador[data-v-153fa2c0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-153fa2c0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.columna-titulo[data-v-153fa2c0] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 0.5rem;
}
.lideres-columna[data-v-153fa2c0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.lider-btn[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.lider-btn.seleccionado[data-v-153fa2c0] {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.3);
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4);
}
.lider-icono[data-v-153fa2c0] {
  font-size: 1.25rem;
}
.lider-nombre[data-v-153fa2c0] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paises-columna[data-v-153fa2c0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.pais-slot[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.pais-slot.seleccionable[data-v-153fa2c0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-153fa2c0 1s infinite;
}
@keyframes pulse-153fa2c0 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.01);
}
}
.pais-slot.ocupado[data-v-153fa2c0] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.pais-bandera[data-v-153fa2c0] {
  font-size: 1.25rem;
}
.pais-nombre[data-v-153fa2c0] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
}
.pais-lider[data-v-153fa2c0] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.pais-placeholder[data-v-153fa2c0] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}

/* ===== DESAFÍO 3: Completar ===== */
.completar-container[data-v-153fa2c0] {
  text-align: center;
}
.pregunta-box[data-v-153fa2c0] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-numero[data-v-153fa2c0] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-153fa2c0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
[data-v-153fa2c0] .hueco {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.opciones-completar[data-v-153fa2c0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-153fa2c0] {
  padding: 0.65rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.opcion-btn.seleccionada[data-v-153fa2c0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcta[data-v-153fa2c0] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecta[data-v-153fa2c0] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.completar-contador[data-v-153fa2c0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 1rem;
}

/* Botones de acción */
.botones-accion[data-v-153fa2c0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-153fa2c0], .btn-reiniciar[data-v-153fa2c0] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-153fa2c0] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-153fa2c0] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-153fa2c0] { font-size: 1.25rem;
}
.resultado-texto[data-v-153fa2c0] { color: #6EE7B7; font-weight: 600;
}

/* Resultado incorrecto */
.resultado-incorrecto[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  border-radius: 0.5rem;
}
.resultado-incorrecto .resultado-texto[data-v-153fa2c0] { color: #FCA5A5;
}

/* Navegación */
.desafio-nav[data-v-153fa2c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-153fa2c0] { flex: 1;
}
.nav-btn[data-v-153fa2c0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-153fa2c0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-153fa2c0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-153fa2c0] { font-size: 1.75rem;
}
.completado-texto[data-v-153fa2c0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-153fa2c0], .slide-leave-active[data-v-153fa2c0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-153fa2c0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-153fa2c0] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.regimenes-opciones[data-v-153fa2c0] {
    flex-direction: row;
}
.regimen-btn[data-v-153fa2c0] {
    flex: 1;
    flex-direction: column;
    padding: 1rem;
}
.relacionar-container[data-v-153fa2c0] {
    flex-direction: row;
    gap: 1.5rem;
}
.lideres-columna[data-v-153fa2c0], .paises-columna[data-v-153fa2c0] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-18c3b04d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.resumen-icono[data-v-18c3b04d] {
  font-size: 3rem;
}

/* Destacados */
strong.destacado[data-v-18c3b04d] {
  color: #FCD34D;
}
strong.positivo[data-v-18c3b04d] {
  color: #6EE7B7;
}
strong.negativo[data-v-18c3b04d] {
  color: #FCA5A5;
}

/* Cuadro comparativo */
.comparativo-section[data-v-18c3b04d] {
  margin: 1.5rem 0;
}
.comparativo-titulo[data-v-18c3b04d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-18c3b04d] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-header[data-v-18c3b04d] {
  display: grid;
  grid-template-columns: 90px repeat(3, 1fr);
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.celda-header[data-v-18c3b04d] {
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
  border-radius: 0.25rem;
  color: #FFFFFF;
}
.celda-header.fascismo[data-v-18c3b04d] {
  background: rgba(16, 185, 129, 0.3);
}
.celda-header.nazismo[data-v-18c3b04d] {
  background: rgba(239, 68, 68, 0.3);
}
.celda-header.estalinismo[data-v-18c3b04d] {
  background: rgba(239, 68, 68, 0.3);
}
.tabla-fila[data-v-18c3b04d] {
  display: grid;
  grid-template-columns: 90px repeat(3, 1fr);
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.celda-label[data-v-18c3b04d] {
  padding: 0.4rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.celda-dato[data-v-18c3b04d] {
  padding: 0.4rem 0.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}

/* Características comunes */
.comunes-section[data-v-18c3b04d] {
  margin: 1.5rem 0;
}
.comunes-titulo[data-v-18c3b04d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comunes-grid[data-v-18c3b04d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comun-item[data-v-18c3b04d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.comun-icono[data-v-18c3b04d] {
  font-size: 1.25rem;
}
.comun-texto[data-v-18c3b04d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Fechas clave */
.fechas-section[data-v-18c3b04d] {
  margin: 1.5rem 0;
}
.fechas-titulo[data-v-18c3b04d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fechas-lista[data-v-18c3b04d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.fecha-item[data-v-18c3b04d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fecha-año[data-v-18c3b04d] {
  min-width: 55px;
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}
.fecha-evento[data-v-18c3b04d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Conceptos clave */
.conceptos-section[data-v-18c3b04d] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-18c3b04d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-18c3b04d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto[data-v-18c3b04d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto strong[data-v-18c3b04d] {
  font-size: 0.8rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.concepto span[data-v-18c3b04d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip PAES */
.tip-paes[data-v-18c3b04d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-18c3b04d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-18c3b04d] {
  flex: 1;
}
.tip-contenido strong[data-v-18c3b04d] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.tip-lista[data-v-18c3b04d] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.25rem;
}
.tip-lista li[data-v-18c3b04d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
  line-height: 1.4;
}

/* Completado box */
.completado-box[data-v-18c3b04d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.completado-icono[data-v-18c3b04d] {
  font-size: 2rem;
}
.completado-info[data-v-18c3b04d] {
  display: flex;
  flex-direction: column;
}
.completado-info strong[data-v-18c3b04d] {
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.completado-info span[data-v-18c3b04d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.comunes-grid[data-v-18c3b04d] {
    grid-template-columns: repeat(3, 1fr);
}
.conceptos-grid[data-v-18c3b04d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-55027d92] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-55027d92] {
  font-size: 2.5rem;
  animation: float-55027d92 3s ease-in-out infinite;
}
.epoca-icono[data-v-55027d92]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-55027d92]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-55027d92 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-55027d92] {
  color: #FCD34D;
}
strong.positivo[data-v-55027d92] {
  color: #6EE7B7;
}
strong.negativo[data-v-55027d92] {
  color: #FCA5A5;
}

/* Contexto */
.contexto-section[data-v-55027d92] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-55027d92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-box[data-v-55027d92] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.contexto-box > p[data-v-55027d92] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.contexto-puntos[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.punto-item[data-v-55027d92] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.punto-icono[data-v-55027d92] {
  font-size: 1rem;
}

/* Pregunta del plebiscito */
.pregunta-section[data-v-55027d92] {
  margin: 1.5rem 0;
}
.pregunta-titulo[data-v-55027d92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pregunta-box[data-v-55027d92] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 0.75rem;
  text-align: center;
}
.pregunta-texto[data-v-55027d92] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-style: italic;
  display: block;
  margin-bottom: 1rem;
}
.opciones-grid[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-item[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.opcion-item.si[data-v-55027d92] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.opcion-item.no[data-v-55027d92] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.opcion-item strong[data-v-55027d92] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.opcion-item.si strong[data-v-55027d92] {
  color: #FCA5A5;
}
.opcion-item.no strong[data-v-55027d92] {
  color: #6EE7B7;
}
.opcion-item span[data-v-55027d92] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Camino al plebiscito */
.camino-section[data-v-55027d92] {
  margin: 1.5rem 0;
}
.camino-titulo[data-v-55027d92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-camino[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  padding-left: 1rem;
}
.timeline-camino[data-v-55027d92]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 3px;
  background: linear-gradient(to bottom, #8B5CF6, #10B981);
  border-radius: 2px;
}
.evento-camino[data-v-55027d92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  position: relative;
}
.evento-camino[data-v-55027d92]::before {
  content: '';
  position: absolute;
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border-radius: 50%;
}
.evento-camino.destacado[data-v-55027d92] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.evento-camino.destacado[data-v-55027d92]::before {
  background: #10B981;
}
.año[data-v-55027d92] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
}
.evento-info[data-v-55027d92] {
  display: flex;
  flex-direction: column;
}
.evento-info strong[data-v-55027d92] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.evento-info span[data-v-55027d92] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Inscripción */
.inscripcion-section[data-v-55027d92] {
  margin: 1.5rem 0;
}
.inscripcion-titulo[data-v-55027d92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.inscripcion-box[data-v-55027d92] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.dato-grande[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.dato-grande .numero[data-v-55027d92] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
}
.dato-grande .label[data-v-55027d92] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.inscripcion-box p[data-v-55027d92] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Actores */
.actores-section[data-v-55027d92] {
  margin: 1.5rem 0;
}
.actores-titulo[data-v-55027d92] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.actores-grid[data-v-55027d92] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.actor-item[data-v-55027d92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.actor-icono[data-v-55027d92] {
  font-size: 1.5rem;
}
.actor-info[data-v-55027d92] {
  display: flex;
  flex-direction: column;
}
.actor-info strong[data-v-55027d92] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.actor-info span[data-v-55027d92] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Tip PAES */
.tip-paes[data-v-55027d92] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-55027d92] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-55027d92] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-55027d92] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-55027d92] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-55027d92] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-55027d92] {
    gap: 1.5rem;
}
.epoca-icono[data-v-55027d92] {
    font-size: 3rem;
}
.opciones-grid[data-v-55027d92] {
    flex-direction: row;
}
.opcion-item[data-v-55027d92] {
    flex: 1;
}
.actores-grid[data-v-55027d92] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.actor-item[data-v-55027d92] {
    flex-direction: column;
    text-align: center;
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-2de0ea95] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-2de0ea95] {
  font-size: 2.5rem;
  animation: float-2de0ea95 3s ease-in-out infinite;
}
.epoca-icono[data-v-2de0ea95]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-2de0ea95]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-2de0ea95 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-2de0ea95] {
  color: #FCD34D;
}
strong.positivo[data-v-2de0ea95] {
  color: #6EE7B7;
}
strong.negativo[data-v-2de0ea95] {
  color: #FCA5A5;
}

/* Franja televisiva */
.franja-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.franja-titulo[data-v-2de0ea95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.franja-box[data-v-2de0ea95] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.franja-box > p[data-v-2de0ea95] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.franjas-comparacion[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.franja-item[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.franja-item.si[data-v-2de0ea95] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.franja-item.no[data-v-2de0ea95] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.franja-label[data-v-2de0ea95] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.franja-label.positivo[data-v-2de0ea95] {
  color: #6EE7B7;
}
.franja-label.negativo[data-v-2de0ea95] {
  color: #FCA5A5;
}
.franja-desc[data-v-2de0ea95] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Himno */
.himno-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.himno-titulo[data-v-2de0ea95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.himno-box[data-v-2de0ea95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.nota-musical[data-v-2de0ea95] {
  font-size: 2rem;
  color: #FCD34D;
}
.himno-contenido[data-v-2de0ea95] {
  flex: 1;
}
.himno-letra[data-v-2de0ea95] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.himno-desc[data-v-2de0ea95] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Estrategia */
.estrategia-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-2de0ea95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-grid[data-v-2de0ea95] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.estrategia-item[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.estrategia-icono[data-v-2de0ea95] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.estrategia-info strong[data-v-2de0ea95] {
  color: #FFFFFF;
  font-size: 0.8rem;
  display: block;
}
.estrategia-info span[data-v-2de0ea95] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Resultado */
.resultado-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.resultado-titulo[data-v-2de0ea95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resultado-box[data-v-2de0ea95] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.resultado-fecha[data-v-2de0ea95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resultado-fecha .dia[data-v-2de0ea95] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.resultado-fecha .mes[data-v-2de0ea95],
.resultado-fecha .anio[data-v-2de0ea95] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.resultados-barras[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resultado-item[data-v-2de0ea95] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resultado-item.ganador[data-v-2de0ea95] {
  background: rgba(16, 185, 129, 0.15);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.opcion-label[data-v-2de0ea95] {
  font-weight: 800;
  font-size: 1rem;
  min-width: 35px;
  color: #FFFFFF;
}
.opcion-label.positivo[data-v-2de0ea95] {
  color: #6EE7B7;
}
.barra-container[data-v-2de0ea95] {
  flex: 1;
  height: 24px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
}
.barra[data-v-2de0ea95] {
  height: 100%;
  border-radius: 0.25rem;
  transition: width 1s ease;
}
.barra.no[data-v-2de0ea95] {
  background: linear-gradient(to right, #10B981, #6EE7B7);
}
.barra.si[data-v-2de0ea95] {
  background: linear-gradient(to right, #8B5CF6, #A78BFA);
}
.porcentaje[data-v-2de0ea95] {
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 60px;
  text-align: right;
  color: #C4B5FD;
}
.porcentaje.positivo[data-v-2de0ea95] {
  color: #6EE7B7;
}
.stats-grid[data-v-2de0ea95] {
  display: flex;
  justify-content: space-around;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.stat-item[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-numero[data-v-2de0ea95] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.stat-numero.destacado[data-v-2de0ea95] {
  color: #FCD34D;
}
.stat-label[data-v-2de0ea95] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Noche del 5 de octubre */
.noche-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.noche-titulo[data-v-2de0ea95] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.noche-timeline[data-v-2de0ea95] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.noche-evento[data-v-2de0ea95] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.noche-evento.destacado[data-v-2de0ea95] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.noche-evento .hora[data-v-2de0ea95] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  min-width: 45px;
}
.noche-evento.destacado .hora[data-v-2de0ea95] {
  color: #6EE7B7;
}
.noche-evento .descripcion[data-v-2de0ea95] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Importancia */
.importancia-section[data-v-2de0ea95] {
  margin: 1.5rem 0;
}
.importancia-box[data-v-2de0ea95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.importancia-icono[data-v-2de0ea95] {
  font-size: 1.5rem;
}
.importancia-contenido strong[data-v-2de0ea95] {
  color: #FCD34D;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.25rem;
}
.importancia-contenido p[data-v-2de0ea95] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
}

/* Tip PAES */
.tip-paes[data-v-2de0ea95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-2de0ea95] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-2de0ea95] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-2de0ea95] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-2de0ea95] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-2de0ea95] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-2de0ea95] {
    gap: 1.5rem;
}
.epoca-icono[data-v-2de0ea95] {
    font-size: 3rem;
}
.franjas-comparacion[data-v-2de0ea95] {
    flex-direction: row;
}
.franja-item[data-v-2de0ea95] {
    flex: 1;
}
.estrategia-grid[data-v-2de0ea95] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-21ae6986] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-21ae6986] {
  font-size: 2.5rem;
  animation: float-21ae6986 3s ease-in-out infinite;
}
.epoca-icono[data-v-21ae6986]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-21ae6986]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-21ae6986 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-21ae6986] {
  color: #FCD34D;
}
strong.positivo[data-v-21ae6986] {
  color: #6EE7B7;
}
strong.negativo[data-v-21ae6986] {
  color: #FCA5A5;
}

/* Reformas */
.reformas-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.reformas-titulo[data-v-21ae6986] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reformas-box[data-v-21ae6986] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.reformas-box > p[data-v-21ae6986] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.reformas-lista[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.reforma-item[data-v-21ae6986] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.reforma-icono[data-v-21ae6986] {
  font-size: 1rem;
}

/* Candidatos */
.candidatos-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.candidatos-titulo[data-v-21ae6986] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.candidatos-grid[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.candidato-card[data-v-21ae6986] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.candidato-card.ganador[data-v-21ae6986] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.candidato-foto[data-v-21ae6986] {
  font-size: 2rem;
}
.candidato-info[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.candidato-info strong[data-v-21ae6986] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.candidato-info strong.positivo[data-v-21ae6986] {
  color: #6EE7B7;
}
.candidato-info .partido[data-v-21ae6986] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.candidato-info .coalicion[data-v-21ae6986] {
  font-size: 0.7rem;
  color: #A78BFA;
}
.candidato-info .resultado[data-v-21ae6986] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.candidato-info .resultado.positivo[data-v-21ae6986] {
  color: #6EE7B7;
}

/* Concertación */
.concertacion-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.concertacion-titulo[data-v-21ae6986] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concertacion-box[data-v-21ae6986] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.concertacion-box > p[data-v-21ae6986] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.partidos-grid[data-v-21ae6986] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.partido-item[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.partido-item.dc[data-v-21ae6986] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.partido-item.ps[data-v-21ae6986] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.partido-item.ppd[data-v-21ae6986] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.partido-item.pr[data-v-21ae6986] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.partido-sigla[data-v-21ae6986] {
  font-weight: 800;
  font-size: 1rem;
  color: #FFFFFF;
}
.partido-nombre[data-v-21ae6986] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.nota-partidos[data-v-21ae6986] {
  font-size: 0.75rem;
  color: #A78BFA;
  text-align: center;
  margin: 0;
}

/* Resultado */
.resultado-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.resultado-titulo[data-v-21ae6986] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resultado-box[data-v-21ae6986] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.presidente-electo[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.presidente-label[data-v-21ae6986] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
}
.presidente-nombre[data-v-21ae6986] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.presidente-votos[data-v-21ae6986] {
  font-size: 0.9rem;
  font-weight: 600;
}
.presidente-votos.positivo[data-v-21ae6986] {
  color: #6EE7B7;
}
.congreso-resultado[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.camara-item[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.camara-label[data-v-21ae6986] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
}
.camara-desc[data-v-21ae6986] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Binominal */
.binominal-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.binominal-titulo[data-v-21ae6986] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.binominal-box[data-v-21ae6986] {
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.binominal-box > p[data-v-21ae6986] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.binominal-ejemplo[data-v-21ae6986] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.binominal-regla[data-v-21ae6986] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.binominal-efecto[data-v-21ae6986] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
}

/* Fecha clave */
.fecha-section[data-v-21ae6986] {
  margin: 1.5rem 0;
}
.fecha-box[data-v-21ae6986] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.fecha-icono[data-v-21ae6986] {
  font-size: 2rem;
}
.fecha-info[data-v-21ae6986] {
  display: flex;
  flex-direction: column;
}
.fecha-info strong[data-v-21ae6986] {
  font-size: 1rem;
}
.fecha-info span[data-v-21ae6986] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-21ae6986] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-21ae6986] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-21ae6986] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-21ae6986] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-21ae6986] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-21ae6986] {
  color: #6EE7B7;
}
.tip-contenido strong.negativo[data-v-21ae6986] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-21ae6986] {
    gap: 1.5rem;
}
.epoca-icono[data-v-21ae6986] {
    font-size: 3rem;
}
.candidatos-grid[data-v-21ae6986] {
    flex-direction: row;
}
.candidato-card[data-v-21ae6986] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.partidos-grid[data-v-21ae6986] {
    grid-template-columns: repeat(4, 1fr);
}
.congreso-resultado[data-v-21ae6986] {
    flex-direction: row;
}
.camara-item[data-v-21ae6986] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-7b5a379b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-7b5a379b] {
  font-size: 2.5rem;
  animation: float-7b5a379b 3s ease-in-out infinite;
}
.epoca-icono[data-v-7b5a379b]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-7b5a379b]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-7b5a379b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-7b5a379b] {
  color: #FCD34D;
}
strong.positivo[data-v-7b5a379b] {
  color: #6EE7B7;
}
strong.negativo[data-v-7b5a379b] {
  color: #FCA5A5;
}

/* Gobiernos */
.gobierno-section[data-v-7b5a379b] {
  margin: 1.5rem 0;
}
.gobierno-header[data-v-7b5a379b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.gobierno-header.aylwin[data-v-7b5a379b] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-bottom: none;
}
.gobierno-header.frei[data-v-7b5a379b] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-bottom: none;
}
.presidente-icono[data-v-7b5a379b] {
  font-size: 2rem;
}
.presidente-info[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
}
.presidente-info strong[data-v-7b5a379b] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.presidente-info span[data-v-7b5a379b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.gobierno-box[data-v-7b5a379b] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
}
.gobierno-logros[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.logro-item[data-v-7b5a379b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.logro-icono[data-v-7b5a379b] {
  font-size: 1.25rem;
}
.logro-info[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
}
.logro-info strong[data-v-7b5a379b] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.logro-info span[data-v-7b5a379b] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Desafíos */
.desafios-section[data-v-7b5a379b] {
  margin: 1.5rem 0;
}
.desafios-titulo[data-v-7b5a379b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.desafios-grid[data-v-7b5a379b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.desafio-item[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.desafio-icono[data-v-7b5a379b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.desafio-icono.negativo[data-v-7b5a379b] {
  filter: grayscale(0.3);
}
.desafio-info strong[data-v-7b5a379b] {
  color: #FCA5A5;
  font-size: 0.8rem;
  display: block;
}
.desafio-info span[data-v-7b5a379b] {
  color: #C4B5FD;
  font-size: 0.65rem;
}

/* DD.HH. */
.ddhh-section[data-v-7b5a379b] {
  margin: 1.5rem 0;
}
.ddhh-titulo[data-v-7b5a379b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ddhh-timeline[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ddhh-evento[data-v-7b5a379b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ddhh-año[data-v-7b5a379b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
}
.ddhh-info[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
}
.ddhh-info strong[data-v-7b5a379b] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.ddhh-info span[data-v-7b5a379b] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Reforma 2005 */
.reforma2005-section[data-v-7b5a379b] {
  margin: 1.5rem 0;
}
.reforma2005-titulo[data-v-7b5a379b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reforma2005-box[data-v-7b5a379b] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.reforma2005-box > p[data-v-7b5a379b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.reformas-lista[data-v-7b5a379b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.reforma-logro[data-v-7b5a379b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
}
.reforma-check.positivo[data-v-7b5a379b] {
  color: #6EE7B7;
  font-weight: 700;
}
.reforma-nota[data-v-7b5a379b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Tip PAES */
.tip-paes[data-v-7b5a379b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7b5a379b] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-7b5a379b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-7b5a379b] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-7b5a379b] {
  color: #FCD34D;
}
.tip-contenido strong.positivo[data-v-7b5a379b] {
  color: #6EE7B7;
}
.tip-contenido strong.negativo[data-v-7b5a379b] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7b5a379b] {
    gap: 1.5rem;
}
.epoca-icono[data-v-7b5a379b] {
    font-size: 3rem;
}
.gobierno-logros[data-v-7b5a379b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.logro-item[data-v-7b5a379b] {
    flex-direction: column;
    text-align: center;
}
.ddhh-timeline[data-v-7b5a379b] {
    flex-direction: row;
}
.ddhh-evento[data-v-7b5a379b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.reformas-lista[data-v-7b5a379b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-fc7bcd89] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fc7bcd89] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fc7bcd89] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fc7bcd89] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fc7bcd89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fc7bcd89] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fc7bcd89] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fc7bcd89] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fc7bcd89] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fc7bcd89] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-container[data-v-fc7bcd89] {
  text-align: center;
}
.eventos-disponibles[data-v-fc7bcd89] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-fc7bcd89] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-fc7bcd89] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.timeline-visual[data-v-fc7bcd89] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-fc7bcd89] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #10B981, #8B5CF6, #FCD34D);
  border-radius: 2px;
}
.timeline-slots[data-v-fc7bcd89] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-fc7bcd89] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-fc7bcd89] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-fc7bcd89] {
  font-size: 0.55rem;
  color: #FCD34D;
  font-weight: 700;
}
.slot-nombre[data-v-fc7bcd89] {
  font-size: 0.5rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-fc7bcd89] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-fc7bcd89] {
  display: flex;
  gap: 0.75rem;
}
.conceptos-columna[data-v-fc7bcd89], .definiciones-columna[data-v-fc7bcd89] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-fc7bcd89] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.concepto-btn[data-v-fc7bcd89], .definicion-btn[data-v-fc7bcd89] {
  padding: 0.6rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.definicion-btn[data-v-fc7bcd89] {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
}
.concepto-btn.seleccionado[data-v-fc7bcd89] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.concepto-btn.emparejado[data-v-fc7bcd89], .definicion-btn.emparejado[data-v-fc7bcd89] {
  opacity: 0.5;
  cursor: not-allowed;
}
.definicion-btn.seleccionable[data-v-fc7bcd89] {
  border-color: #FCD34D;
  animation: pulse-fc7bcd89 1s infinite;
}
@keyframes pulse-fc7bcd89 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.definicion-btn.correcto[data-v-fc7bcd89] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.definicion-btn.incorrecto[data-v-fc7bcd89] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Verdadero o Falso ===== */
.verdadero-falso-container[data-v-fc7bcd89] {
  text-align: center;
}
.afirmacion-box[data-v-fc7bcd89] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.afirmacion-texto[data-v-fc7bcd89] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-vf[data-v-fc7bcd89] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.vf-btn[data-v-fc7bcd89] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-fc7bcd89] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-fc7bcd89] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.vf-btn.seleccionado[data-v-fc7bcd89] {
  transform: scale(1.05);
}
.vf-btn.verdadero.seleccionado[data-v-fc7bcd89] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.vf-btn.falso.seleccionado[data-v-fc7bcd89] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.vf-btn.correcto[data-v-fc7bcd89] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.vf-btn.incorrecto[data-v-fc7bcd89] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.explicacion-vf[data-v-fc7bcd89] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.vf-contador[data-v-fc7bcd89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Botones de acción */
.botones-accion[data-v-fc7bcd89] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-fc7bcd89], .btn-reiniciar[data-v-fc7bcd89] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-fc7bcd89] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-fc7bcd89] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-fc7bcd89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fc7bcd89] { font-size: 1.25rem;
}
.resultado-texto[data-v-fc7bcd89] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-fc7bcd89] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fc7bcd89] { flex: 1;
}
.nav-btn[data-v-fc7bcd89] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fc7bcd89] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fc7bcd89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fc7bcd89] { font-size: 1.75rem;
}
.completado-texto[data-v-fc7bcd89] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fc7bcd89], .slide-leave-active[data-v-fc7bcd89] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fc7bcd89] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fc7bcd89] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-fc7bcd89] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-fc7bcd89] {
    flex: 0 1 auto;
}
.slot-fecha[data-v-fc7bcd89] {
    font-size: 0.65rem;
}
.slot-nombre[data-v-fc7bcd89] {
    font-size: 0.6rem;
}
.concepto-btn[data-v-fc7bcd89], .definicion-btn[data-v-fc7bcd89] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-0cc95bac] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-0cc95bac] {
  font-size: 2.5rem;
  animation: float-0cc95bac 3s ease-in-out infinite;
}
.epoca-icono[data-v-0cc95bac]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-0cc95bac]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-0cc95bac {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.intro-text[data-v-0cc95bac] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* Destacados */
strong.destacado[data-v-0cc95bac] {
  color: #FCD34D;
}
strong.positivo[data-v-0cc95bac] {
  color: #6EE7B7;
}
strong.negativo[data-v-0cc95bac] {
  color: #FCA5A5;
}

/* Resumen sections */
.resumen-section[data-v-0cc95bac] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-0cc95bac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-box[data-v-0cc95bac] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.resumen-box.plebiscito[data-v-0cc95bac] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.resumen-box.elecciones[data-v-0cc95bac] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.dato-clave[data-v-0cc95bac] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dato-clave[data-v-0cc95bac]:last-child {
  border-bottom: none;
}
.dato-label[data-v-0cc95bac] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-0cc95bac] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: right;
}
.dato-valor.destacado[data-v-0cc95bac] {
  color: #FCD34D;
}
.dato-valor.positivo[data-v-0cc95bac] {
  color: #6EE7B7;
}

/* Conceptos */
.conceptos-section[data-v-0cc95bac] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-0cc95bac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-0cc95bac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-card[data-v-0cc95bac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-card.positivo[data-v-0cc95bac] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.concepto-card.negativo[data-v-0cc95bac] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.concepto-icono[data-v-0cc95bac] {
  font-size: 1.5rem;
}
.concepto-info[data-v-0cc95bac] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.concepto-info strong[data-v-0cc95bac] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.concepto-card.positivo .concepto-info strong[data-v-0cc95bac] {
  color: #6EE7B7;
}
.concepto-card.negativo .concepto-info strong[data-v-0cc95bac] {
  color: #FCA5A5;
}
.concepto-info span[data-v-0cc95bac] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Timeline horizontal */
.timeline-section[data-v-0cc95bac] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-0cc95bac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-horizontal[data-v-0cc95bac] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  position: relative;
  padding-left: 1rem;
}
.timeline-horizontal[data-v-0cc95bac]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 3px;
  background: linear-gradient(to bottom, #10B981, #8B5CF6, #FCD34D);
  border-radius: 2px;
}
.timeline-item[data-v-0cc95bac] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  position: relative;
}
.timeline-item[data-v-0cc95bac]::before {
  content: '';
  position: absolute;
  left: -1.25rem;
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border-radius: 50%;
}
.timeline-fecha[data-v-0cc95bac] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 55px;
}
.timeline-evento[data-v-0cc95bac] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Memorizar */
.memorizar-section[data-v-0cc95bac] {
  margin: 1.5rem 0;
}
.memorizar-titulo[data-v-0cc95bac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.memorizar-grid[data-v-0cc95bac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.memorizar-item[data-v-0cc95bac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.memorizar-numero[data-v-0cc95bac] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.memorizar-numero.destacado[data-v-0cc95bac] {
  color: #FCD34D;
}
.memorizar-numero.positivo[data-v-0cc95bac] {
  color: #6EE7B7;
}
.memorizar-label[data-v-0cc95bac] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Comparación */
.comparacion-section[data-v-0cc95bac] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-0cc95bac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-0cc95bac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.antes-box[data-v-0cc95bac], .despues-box[data-v-0cc95bac] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.antes-box[data-v-0cc95bac] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.despues-box[data-v-0cc95bac] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.antes-titulo[data-v-0cc95bac], .despues-titulo[data-v-0cc95bac] {
  font-weight: 700;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.antes-titulo.negativo[data-v-0cc95bac] {
  color: #FCA5A5;
}
.despues-titulo.positivo[data-v-0cc95bac] {
  color: #6EE7B7;
}
.antes-lista[data-v-0cc95bac], .despues-lista[data-v-0cc95bac] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.antes-lista li[data-v-0cc95bac], .despues-lista li[data-v-0cc95bac] {
  margin-bottom: 0.25rem;
}

/* Tip final */
.tip-final[data-v-0cc95bac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-0cc95bac] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-0cc95bac] {
  flex: 1;
}
.tip-contenido > strong[data-v-0cc95bac] {
  color: #6EE7B7;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-lista[data-v-0cc95bac] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-lista li[data-v-0cc95bac] {
  margin-bottom: 0.25rem;
}
.tip-lista strong[data-v-0cc95bac] {
  color: #6EE7B7;
}
.tip-lista strong.destacado[data-v-0cc95bac] {
  color: #FCD34D;
}
.tip-lista strong.positivo[data-v-0cc95bac] {
  color: #6EE7B7;
}
.tip-lista strong.negativo[data-v-0cc95bac] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-0cc95bac] {
    gap: 1.5rem;
}
.epoca-icono[data-v-0cc95bac] {
    font-size: 3rem;
}
.conceptos-grid[data-v-0cc95bac] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.timeline-horizontal[data-v-0cc95bac] {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
    padding-top: 1rem;
}
.timeline-horizontal[data-v-0cc95bac]::before {
    top: 0;
    left: 1rem;
    right: 1rem;
    width: auto;
    height: 3px;
    background: linear-gradient(to right, #10B981, #8B5CF6, #FCD34D);
}
.timeline-item[data-v-0cc95bac] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.timeline-item[data-v-0cc95bac]::before {
    left: 50%;
    top: -1.25rem;
    transform: translateX(-50%);
}
.memorizar-grid[data-v-0cc95bac] {
    grid-template-columns: repeat(4, 1fr);
}
.comparacion-grid[data-v-0cc95bac] {
    flex-direction: row;
}
.antes-box[data-v-0cc95bac], .despues-box[data-v-0cc95bac] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-e90b00c0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.epoca-icono[data-v-e90b00c0] {
  font-size: 2.5rem;
  animation: float-e90b00c0 3s ease-in-out infinite;
}
.epoca-icono[data-v-e90b00c0]:nth-child(2) {
  animation-delay: 0.5s;
}
.epoca-icono[data-v-e90b00c0]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-e90b00c0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Destacados */
strong.destacado[data-v-e90b00c0] {
  color: #FCD34D;
}
strong.positivo[data-v-e90b00c0] {
  color: #6EE7B7;
}
strong.negativo[data-v-e90b00c0] {
  color: #FCA5A5;
}

/* Contexto */
.contexto-section[data-v-e90b00c0] {
  margin: 1.5rem 0;
}
.contexto-titulo[data-v-e90b00c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contexto-grid[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contexto-item[data-v-e90b00c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.contexto-item .icono[data-v-e90b00c0] {
  font-size: 1.5rem;
}
.item-info[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
}
.item-info strong[data-v-e90b00c0] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.item-info span[data-v-e90b00c0] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Coalición */
.coalicion-section[data-v-e90b00c0] {
  margin: 1.5rem 0;
}
.coalicion-titulo[data-v-e90b00c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.coalicion-desc[data-v-e90b00c0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.partidos-grid[data-v-e90b00c0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.partido-item[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.partido-item.ps[data-v-e90b00c0] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.partido-item.pc[data-v-e90b00c0] {
  background: rgba(220, 38, 38, 0.2);
  border: 1px solid rgba(220, 38, 38, 0.5);
}
.partido-item.pr[data-v-e90b00c0] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.5);
}
.partido-item.mapu[data-v-e90b00c0] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.5);
}
.partido-nombre[data-v-e90b00c0] {
  font-weight: 800;
  color: #FFFFFF;
  font-size: 1rem;
}
.partido-desc[data-v-e90b00c0] {
  color: #C4B5FD;
  font-size: 0.65rem;
  margin-top: 0.25rem;
}

/* Elección */
.eleccion-section[data-v-e90b00c0] {
  margin: 1.5rem 0;
}
.eleccion-titulo[data-v-e90b00c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.candidatos-grid[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.candidato-item[data-v-e90b00c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.candidato-item.ganador[data-v-e90b00c0] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.candidato-foto[data-v-e90b00c0] {
  font-size: 1.75rem;
}
.candidato-info[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.candidato-info strong[data-v-e90b00c0] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.partido-tag[data-v-e90b00c0] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  width: fit-content;
  margin-top: 0.15rem;
}
.partido-tag.up[data-v-e90b00c0] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.partido-tag.derecha[data-v-e90b00c0] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.partido-tag.dc[data-v-e90b00c0] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.votos[data-v-e90b00c0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-top: 0.15rem;
}
.candidato-item:not(.ganador) .votos[data-v-e90b00c0] {
  color: #C4B5FD;
}
.eleccion-nota[data-v-e90b00c0] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.eleccion-nota strong[data-v-e90b00c0] {
  color: #FCD34D;
}

/* Estatuto */
.estatuto-section[data-v-e90b00c0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.estatuto-titulo[data-v-e90b00c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.estatuto-section > p[data-v-e90b00c0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.garantias-lista[data-v-e90b00c0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.garantia-item[data-v-e90b00c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.garantia-check[data-v-e90b00c0] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.garantia-item span[data-v-e90b00c0]:last-child {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip PAES */
.tip-paes[data-v-e90b00c0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-e90b00c0] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-e90b00c0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-e90b00c0] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-e90b00c0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-e90b00c0] {
    gap: 1.5rem;
}
.epoca-icono[data-v-e90b00c0] {
    font-size: 3rem;
}
.contexto-grid[data-v-e90b00c0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.partidos-grid[data-v-e90b00c0] {
    grid-template-columns: repeat(4, 1fr);
}
.candidatos-grid[data-v-e90b00c0] {
    flex-direction: row;
}
.candidato-item[data-v-e90b00c0] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.candidato-info[data-v-e90b00c0] {
    align-items: center;
}
}

/* Intro visual */
.intro-visual[data-v-8600dbb8] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.allende-card[data-v-8600dbb8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.allende-icono[data-v-8600dbb8] {
  font-size: 2.5rem;
}
.allende-info[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
}
.allende-info strong[data-v-8600dbb8] {
  color: #FFFFFF;
  font-size: 1rem;
}
.allende-info span[data-v-8600dbb8] {
  color: #FCA5A5;
  font-size: 0.8rem;
}

/* Destacados */
strong.destacado[data-v-8600dbb8] {
  color: #FCD34D;
}
strong.positivo[data-v-8600dbb8] {
  color: #6EE7B7;
}

/* Programa */
.programa-section[data-v-8600dbb8] {
  margin: 1.5rem 0;
}
.programa-titulo[data-v-8600dbb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.objetivos-grid[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.objetivo-item[data-v-8600dbb8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.objetivo-icono[data-v-8600dbb8] {
  font-size: 1.5rem;
}
.objetivo-info[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
}
.objetivo-info strong[data-v-8600dbb8] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.objetivo-info span[data-v-8600dbb8] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Áreas de la economía */
.areas-section[data-v-8600dbb8] {
  margin: 1.5rem 0;
}
.areas-titulo[data-v-8600dbb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.areas-desc[data-v-8600dbb8] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.areas-grid[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.area-item[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.area-item.social[data-v-8600dbb8] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.area-item.mixta[data-v-8600dbb8] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.5);
}
.area-item.privada[data-v-8600dbb8] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.5);
}
.area-nombre[data-v-8600dbb8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.area-desc[data-v-8600dbb8] {
  color: #E9D5FF;
  font-size: 0.75rem;
  margin-top: 0.15rem;
}
.area-ejemplo[data-v-8600dbb8] {
  color: #C4B5FD;
  font-size: 0.7rem;
  margin-top: 0.25rem;
  font-style: italic;
}

/* Medidas sociales */
.medidas-section[data-v-8600dbb8] {
  margin: 1.5rem 0;
}
.medidas-titulo[data-v-8600dbb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medidas-lista[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medida-item[data-v-8600dbb8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.medida-item.positivo[data-v-8600dbb8] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.medida-icono[data-v-8600dbb8] {
  font-size: 1.4rem;
}
.medida-info[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
}
.medida-info strong[data-v-8600dbb8] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.medida-info span[data-v-8600dbb8] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Primer año */
.primer-ano-section[data-v-8600dbb8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.primer-ano-titulo[data-v-8600dbb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estadisticas-grid[data-v-8600dbb8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.stat-item[data-v-8600dbb8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.stat-item.positivo .stat-valor[data-v-8600dbb8] {
  color: #6EE7B7;
}
.stat-valor[data-v-8600dbb8] {
  font-size: 1.1rem;
  font-weight: 800;
}
.stat-label[data-v-8600dbb8] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}
.primer-ano-nota[data-v-8600dbb8] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip PAES */
.tip-paes[data-v-8600dbb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8600dbb8] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-8600dbb8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8600dbb8] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-8600dbb8] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.allende-card[data-v-8600dbb8] {
    padding: 1rem 1.5rem;
}
.allende-icono[data-v-8600dbb8] {
    font-size: 3rem;
}
.objetivos-grid[data-v-8600dbb8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.areas-grid[data-v-8600dbb8] {
    flex-direction: row;
}
.area-item[data-v-8600dbb8] {
    flex: 1;
}
.medidas-lista[data-v-8600dbb8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Destacados */
strong.destacado[data-v-8c978d84] {
  color: #FCD34D;
}
strong.negativo[data-v-8c978d84] {
  color: #FCA5A5;
}

/* Cobre */
.cobre-section[data-v-8c978d84] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cobre-header[data-v-8c978d84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cobre-icono[data-v-8c978d84] {
  font-size: 1.75rem;
}
.cobre-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.cobre-info p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.empresas-grid[data-v-8c978d84] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.empresa-card[data-v-8c978d84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.empresa-bandera[data-v-8c978d84] {
  font-size: 1.5rem;
}
.empresa-nombre[data-v-8c978d84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.empresa-mina[data-v-8c978d84] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.cobre-clave[data-v-8c978d84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.5rem;
}
.clave-icono[data-v-8c978d84] {
  font-size: 1.25rem;
}
.clave-texto[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.clave-texto strong[data-v-8c978d84] {
  color: #FCD34D;
}
.indemnizacion-box[data-v-8c978d84] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.indemnizacion-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.indemnizacion-box p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0;
}

/* Reforma agraria */
.agraria-section[data-v-8c978d84] {
  margin: 1.5rem 0;
}
.agraria-header[data-v-8c978d84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.agraria-icono[data-v-8c978d84] {
  font-size: 1.75rem;
}
.agraria-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.agraria-section > p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-8c978d84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.comparacion-item[data-v-8c978d84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
  flex: 1;
}
.comparacion-item.frei[data-v-8c978d84] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comparacion-item.up[data-v-8c978d84] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.periodo[data-v-8c978d84] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.gobierno[data-v-8c978d84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.hectareas[data-v-8c978d84] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.comparacion-flecha[data-v-8c978d84] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.tomas-section[data-v-8c978d84] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.tomas-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
}
.tomas-section p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0;
}

/* Estatización */
.estatizacion-section[data-v-8c978d84] {
  margin: 1.5rem 0;
}
.estatizacion-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.estatizacion-section > p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.numeros-grid[data-v-8c978d84] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.numero-item[data-v-8c978d84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.numero-valor[data-v-8c978d84] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.numero-label[data-v-8c978d84] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}
.resquicio-nota[data-v-8c978d84] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.nota-icono[data-v-8c978d84] {
  font-size: 1rem;
}
.nota-texto[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* EE.UU. */
.eeuu-section[data-v-8c978d84] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.eeuu-titulo[data-v-8c978d84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.eeuu-section > p[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.eeuu-medidas[data-v-8c978d84] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.eeuu-medida[data-v-8c978d84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}
.medida-x[data-v-8c978d84] {
  color: #FCA5A5;
  font-weight: 700;
}
.eeuu-medida span[data-v-8c978d84]:last-child {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Tip PAES */
.tip-paes[data-v-8c978d84] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-8c978d84] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-8c978d84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-8c978d84] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-8c978d84] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.empresas-grid[data-v-8c978d84] {
    gap: 0.75rem;
}
.numeros-grid[data-v-8c978d84] {
    gap: 0.75rem;
}
.numero-valor[data-v-8c978d84] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-4882d52f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.crisis-icono[data-v-4882d52f] {
  font-size: 2.5rem;
  animation: shake-4882d52f 0.5s ease-in-out infinite;
}
.crisis-icono[data-v-4882d52f]:nth-child(2) {
  animation-delay: 0.15s;
}
.crisis-icono[data-v-4882d52f]:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes shake-4882d52f {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px);
}
75% { transform: translateX(3px);
}
}

/* Destacados */
strong.destacado[data-v-4882d52f] {
  color: #FCD34D;
}
strong.positivo[data-v-4882d52f] {
  color: #6EE7B7;
}
strong.negativo[data-v-4882d52f] {
  color: #FCA5A5;
}

/* Crisis económica */
.crisis-economica-section[data-v-4882d52f] {
  margin: 1.5rem 0;
}
.crisis-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problemas-grid[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-item[data-v-4882d52f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.problema-icono[data-v-4882d52f] {
  font-size: 1.5rem;
}
.problema-info[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
}
.problema-info strong[data-v-4882d52f] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.problema-info span[data-v-4882d52f] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.colas-box[data-v-4882d52f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.5rem;
}
.colas-icono[data-v-4882d52f] {
  font-size: 1.25rem;
}
.colas-texto[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Polarización */
.polarizacion-section[data-v-4882d52f] {
  margin: 1.5rem 0;
}
.polarizacion-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.polarizacion-section > p[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.bandos-grid[data-v-4882d52f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bando-item[data-v-4882d52f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.bando-item.izquierda[data-v-4882d52f] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.bando-item.oposicion[data-v-4882d52f] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.5);
}
.bando-nombre[data-v-4882d52f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.bando-grupos[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin: 0.25rem 0;
}
.bando-grupos span[data-v-4882d52f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.bando-lema[data-v-4882d52f] {
  font-size: 0.6rem;
  color: #FCD34D;
  font-style: italic;
  margin-top: 0.25rem;
}
.bando-vs[data-v-4882d52f] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 0.9rem;
}

/* Paros */
.paros-section[data-v-4882d52f] {
  margin: 1.5rem 0;
}
.paros-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paro-item[data-v-4882d52f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.paro-item.octubre[data-v-4882d52f] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.paro-item.julio[data-v-4882d52f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.paro-header[data-v-4882d52f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}
.paro-fecha[data-v-4882d52f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paro-nombre[data-v-4882d52f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paro-item p[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.8rem;
  margin: 0;
}

/* Tanquetazo */
.tanquetazo-section[data-v-4882d52f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tanquetazo-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tanquetazo-section p[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
}

/* Golpe */
.golpe-section[data-v-4882d52f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 0.75rem;
}
.golpe-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  text-align: center;
}
.golpe-timeline[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.golpe-evento[data-v-4882d52f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.golpe-evento.destacado[data-v-4882d52f] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.golpe-hora[data-v-4882d52f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
}
.golpe-desc[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.ultimo-discurso[data-v-4882d52f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.discurso-icono[data-v-4882d52f] {
  font-size: 1.25rem;
}
.discurso-contenido[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
}
.discurso-contenido em[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.discurso-autor[data-v-4882d52f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Junta */
.junta-section[data-v-4882d52f] {
  margin: 1.5rem 0;
}
.junta-titulo[data-v-4882d52f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.junta-section > p[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.junta-miembros[data-v-4882d52f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.miembro[data-v-4882d52f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.rama[data-v-4882d52f] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.nombre[data-v-4882d52f] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-4882d52f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4882d52f] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-4882d52f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-4882d52f] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-4882d52f] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-4882d52f] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.problemas-grid[data-v-4882d52f] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.golpe-evento[data-v-4882d52f] {
    padding: 0.6rem 0.75rem;
}
.junta-miembros[data-v-4882d52f] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-899df1bc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-899df1bc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-899df1bc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-899df1bc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-899df1bc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-899df1bc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-899df1bc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-899df1bc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-899df1bc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-899df1bc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Timeline ===== */
.timeline-container[data-v-899df1bc] {
  text-align: center;
}
.eventos-disponibles[data-v-899df1bc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.evento-btn[data-v-899df1bc] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #E9D5FF;
  font-family: inherit;
}
.evento-btn.seleccionado[data-v-899df1bc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.timeline-visual[data-v-899df1bc] {
  position: relative;
  padding: 1rem 0;
}
.timeline-linea[data-v-899df1bc] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #10B981);
  border-radius: 2px;
}
.timeline-slots[data-v-899df1bc] {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.timeline-slot[data-v-899df1bc] {
  width: 23%;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 70px;
}
.timeline-slot.ocupado[data-v-899df1bc] {
  border-style: solid;
  border-color: #8B5CF6;
}
.slot-fecha[data-v-899df1bc] {
  font-size: 0.55rem;
  color: #FCD34D;
  font-weight: 700;
}
.slot-nombre[data-v-899df1bc] {
  font-size: 0.5rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}
.slot-placeholder[data-v-899df1bc] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ===== DESAFÍO 2: Relacionar ===== */
.relacionar-container[data-v-899df1bc] {
  display: flex;
  gap: 0.75rem;
}
.reformas-columna[data-v-899df1bc], .caracteristicas-columna[data-v-899df1bc] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.columna-titulo[data-v-899df1bc] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.reforma-btn[data-v-899df1bc], .caracteristica-btn[data-v-899df1bc] {
  padding: 0.6rem 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.15);
  color: #E9D5FF;
  font-family: inherit;
  text-align: center;
}
.caracteristica-btn[data-v-899df1bc] {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.15);
}
.reforma-btn.seleccionado[data-v-899df1bc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.reforma-btn.emparejado[data-v-899df1bc], .caracteristica-btn.emparejado[data-v-899df1bc] {
  opacity: 0.5;
  cursor: not-allowed;
}
.caracteristica-btn.seleccionable[data-v-899df1bc] {
  border-color: #FCD34D;
  animation: pulse-899df1bc 1s infinite;
}
@keyframes pulse-899df1bc {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.02);
}
}
.caracteristica-btn.correcto[data-v-899df1bc] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.caracteristica-btn.incorrecto[data-v-899df1bc] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Verdadero o Falso ===== */
.verdadero-falso-container[data-v-899df1bc] {
  text-align: center;
}
.afirmacion-box[data-v-899df1bc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.afirmacion-texto[data-v-899df1bc] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-vf[data-v-899df1bc] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.vf-btn[data-v-899df1bc] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.vf-btn.verdadero[data-v-899df1bc] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.vf-btn.falso[data-v-899df1bc] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.vf-btn.seleccionado[data-v-899df1bc] {
  transform: scale(1.05);
}
.vf-btn.verdadero.seleccionado[data-v-899df1bc] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.vf-btn.falso.seleccionado[data-v-899df1bc] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.vf-btn.correcto[data-v-899df1bc] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.vf-btn.incorrecto[data-v-899df1bc] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.explicacion-vf[data-v-899df1bc] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.vf-contador[data-v-899df1bc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Botones de acción */
.botones-accion[data-v-899df1bc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-899df1bc], .btn-reiniciar[data-v-899df1bc] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-899df1bc] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-899df1bc] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado correcto */
.resultado-correcto[data-v-899df1bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-899df1bc] { font-size: 1.25rem;
}
.resultado-texto[data-v-899df1bc] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-899df1bc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-899df1bc] { flex: 1;
}
.nav-btn[data-v-899df1bc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-899df1bc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-899df1bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-899df1bc] { font-size: 1.75rem;
}
.completado-texto[data-v-899df1bc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-899df1bc], .slide-leave-active[data-v-899df1bc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-899df1bc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-899df1bc] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eventos-disponibles[data-v-899df1bc] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.evento-btn[data-v-899df1bc] {
    flex: 0 1 auto;
}
.slot-fecha[data-v-899df1bc] {
    font-size: 0.65rem;
}
.slot-nombre[data-v-899df1bc] {
    font-size: 0.6rem;
}
.reforma-btn[data-v-899df1bc], .caracteristica-btn[data-v-899df1bc] {
    font-size: 0.8rem;
}
}

/* Header resumen */
.resumen-header[data-v-32ebe9a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-32ebe9a9] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-32ebe9a9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Destacados */
strong.destacado[data-v-32ebe9a9] {
  color: #FCD34D;
}
strong.negativo[data-v-32ebe9a9] {
  color: #FCA5A5;
}

/* Timeline resumen */
.timeline-resumen[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.timeline-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline-eventos[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.evento-timeline[data-v-32ebe9a9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.evento-timeline.negativo[data-v-32ebe9a9] {
  background: rgba(239, 68, 68, 0.15);
  border-left-color: #EF4444;
}
.evento-fecha[data-v-32ebe9a9] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 65px;
}
.evento-nombre[data-v-32ebe9a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.timeline-conector[data-v-32ebe9a9] {
  width: 2px;
  height: 8px;
  background: #8B5CF6;
  margin-left: 1.5rem;
}

/* Conceptos clave */
.conceptos-section[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.conceptos-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-32ebe9a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-term[data-v-32ebe9a9] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-def[data-v-32ebe9a9] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Datos numéricos */
.datos-section[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.datos-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-grid[data-v-32ebe9a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato-item[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.dato-valor[data-v-32ebe9a9] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.dato-label[data-v-32ebe9a9] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Causas del quiebre */
.causas-section[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.causas-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.causas-grid[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.causa-grupo[data-v-32ebe9a9] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grupo-titulo[data-v-32ebe9a9] {
  display: block;
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.causa-grupo ul[data-v-32ebe9a9] {
  margin: 0;
  padding-left: 1.25rem;
}
.causa-grupo li[data-v-32ebe9a9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.2rem;
}

/* Interpretaciones */
.interpretaciones-section[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.interpretaciones-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interpretaciones-grid[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.interpretacion-item[data-v-32ebe9a9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.interpretacion-item.izquierda[data-v-32ebe9a9] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.interpretacion-item.derecha[data-v-32ebe9a9] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.interpretacion-item.centro[data-v-32ebe9a9] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.interp-nombre[data-v-32ebe9a9] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.interp-texto[data-v-32ebe9a9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Preguntas PAES */
.paes-section[data-v-32ebe9a9] {
  margin-bottom: 1.5rem;
}
.paes-titulo[data-v-32ebe9a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-32ebe9a9] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.pregunta-item[data-v-32ebe9a9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.pregunta-num[data-v-32ebe9a9] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.pregunta-texto[data-v-32ebe9a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-32ebe9a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-32ebe9a9] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-32ebe9a9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-32ebe9a9] {
  color: #6EE7B7;
}
.tip-contenido strong.destacado[data-v-32ebe9a9] {
  color: #FCD34D;
}
.tip-contenido strong.negativo[data-v-32ebe9a9] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-32ebe9a9] {
    grid-template-columns: repeat(3, 1fr);
}
.datos-grid[data-v-32ebe9a9] {
    grid-template-columns: repeat(4, 1fr);
}
.causas-grid[data-v-32ebe9a9] {
    flex-direction: row;
}
.causa-grupo[data-v-32ebe9a9] {
    flex: 1;
}
.interpretaciones-grid[data-v-32ebe9a9] {
    flex-direction: row;
}
.interpretacion-item[data-v-32ebe9a9] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-da1e76c3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ecuacion-general[data-v-da1e76c3] {
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.coef[data-v-da1e76c3] {
  color: #FCD34D;
  font-style: italic;
}

/* Texto inline */
strong.destacado[data-v-da1e76c3] {
  color: #FCD34D;
  font-size: 1.1em;
}

/* Partes de la ecuación */
.partes-section[data-v-da1e76c3] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-da1e76c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-da1e76c3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.parte-item[data-v-da1e76c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.parte-coef[data-v-da1e76c3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-style: italic;
}
.parte-nombre[data-v-da1e76c3] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.parte-nota[data-v-da1e76c3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-da1e76c3] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-da1e76c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-da1e76c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-da1e76c3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-ecuacion[data-v-da1e76c3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-valores[data-v-da1e76c3] {
  display: flex;
  gap: 0.4rem;
}
.val[data-v-da1e76c3] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Soluciones */
.soluciones-section[data-v-da1e76c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.soluciones-titulo[data-v-da1e76c3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.soluciones-visual[data-v-da1e76c3] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.solucion-caso[data-v-da1e76c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.solucion-iconos[data-v-da1e76c3] {
  font-size: 1.25rem;
  color: #8B5CF6;
  height: 1.5rem;
  display: flex;
  align-items: center;
}
.solucion-texto[data-v-da1e76c3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.solucion-texto strong[data-v-da1e76c3] {
  color: #FFFFFF;
}
.soluciones-nota[data-v-da1e76c3] {
  margin: 0.75rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-da1e76c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-da1e76c3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-da1e76c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-da1e76c3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-general[data-v-da1e76c3] {
    font-size: 2rem;
    padding: 1.25rem 2rem;
}
.partes-grid[data-v-da1e76c3] {
    gap: 1rem;
}
.parte-coef[data-v-da1e76c3] {
    font-size: 1.75rem;
}
.parte-nombre[data-v-da1e76c3] {
    font-size: 0.8rem;
}
.ejemplo-item[data-v-da1e76c3] {
    padding: 0.75rem 1rem;
}
.ejemplo-ecuacion[data-v-da1e76c3] {
    font-size: 1.1rem;
}
.val[data-v-da1e76c3] {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
}
}

/* Principio del producto nulo */
.principio-section[data-v-5a90bc2f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.principio-titulo[data-v-5a90bc2f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.principio-formula[data-v-5a90bc2f] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
}
.factor[data-v-5a90bc2f] {
  color: #93C5FD;
  font-style: italic;
}
.principio-nota[data-v-5a90bc2f] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-5a90bc2f] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-5a90bc2f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-icono[data-v-5a90bc2f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-5a90bc2f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.pasos-lista[data-v-5a90bc2f] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-5a90bc2f] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.paso-numero[data-v-5a90bc2f] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.paso-contenido[data-v-5a90bc2f] {
  flex: 1;
}
.paso-texto[data-v-5a90bc2f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.condiciones[data-v-5a90bc2f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.condicion[data-v-5a90bc2f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.condicion strong[data-v-5a90bc2f] {
  color: #FCD34D;
}
.verificacion[data-v-5a90bc2f] {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.formula-factorizada[data-v-5a90bc2f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.soluciones[data-v-5a90bc2f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.solucion[data-v-5a90bc2f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.positivo[data-v-5a90bc2f] {
  color: #6EE7B7;
}
strong.negativo[data-v-5a90bc2f] {
  color: #FCA5A5;
}
.resultado-final[data-v-5a90bc2f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.resultado-label[data-v-5a90bc2f] {
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-valores[data-v-5a90bc2f] {
  color: #FFFFFF;
}

/* Casos especiales */
.casos-section[data-v-5a90bc2f] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-5a90bc2f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-5a90bc2f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.caso-item[data-v-5a90bc2f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-nombre[data-v-5a90bc2f] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.caso-ejemplo[data-v-5a90bc2f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-solucion[data-v-5a90bc2f] {
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-5a90bc2f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5a90bc2f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5a90bc2f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5a90bc2f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.condiciones[data-v-5a90bc2f] {
    flex-direction: row;
    gap: 1.5rem;
}
.casos-grid[data-v-5a90bc2f] {
    flex-direction: row;
}
.caso-item[data-v-5a90bc2f] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-03f5bd93] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-contenedor[data-v-03f5bd93] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-x[data-v-03f5bd93] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-fraccion[data-v-03f5bd93] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-03f5bd93] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  padding-bottom: 0.25rem;
}
.raiz[data-v-03f5bd93] {
  font-size: 1.3rem;
  color: #FCD34D;
}
.radicando[data-v-03f5bd93] {
  color: #93C5FD;
}
.linea-fraccion[data-v-03f5bd93] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.denominador[data-v-03f5bd93] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  padding-top: 0.25rem;
}

/* Memorización */
.memorizacion-box[data-v-03f5bd93] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.memo-icono[data-v-03f5bd93] {
  font-size: 1.25rem;
}
.memo-texto[data-v-03f5bd93] {
  color: #E9D5FF;
  font-size: 0.9rem;
  font-style: italic;
}

/* Ejemplo section */
.ejemplo-section[data-v-03f5bd93] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-03f5bd93] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-icono[data-v-03f5bd93] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-03f5bd93] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-03f5bd93] {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.paso-group[data-v-03f5bd93] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-label[data-v-03f5bd93] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}
.coeficientes-visual[data-v-03f5bd93] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.coef[data-v-03f5bd93] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.sustitucion[data-v-03f5bd93] {
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  overflow-x: auto;
}
.fraccion-inline[data-v-03f5bd93] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  padding: 0 0.25rem;
}
.fraccion-inline .num[data-v-03f5bd93] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.fraccion-inline .denom[data-v-03f5bd93] {
  padding-top: 2px;
  font-size: 0.85rem;
}
.simplificacion-pasos[data-v-03f5bd93] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.sim-paso[data-v-03f5bd93] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.dos-soluciones[data-v-03f5bd93] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-item[data-v-03f5bd93] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sol-operacion[data-v-03f5bd93] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.sol-resultado[data-v-03f5bd93] {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
}
.sol-resultado.positivo[data-v-03f5bd93] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.sol-resultado.negativo[data-v-03f5bd93] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.resultado-final[data-v-03f5bd93] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.resultado-label[data-v-03f5bd93] {
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-valores[data-v-03f5bd93] {
  color: #FFFFFF;
}
strong.positivo[data-v-03f5bd93] {
  color: #6EE7B7;
}
strong.negativo[data-v-03f5bd93] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-03f5bd93] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-03f5bd93] {
  font-size: 1.25rem;
}
.tip-texto[data-v-03f5bd93] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-03f5bd93] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-x[data-v-03f5bd93] {
    font-size: 2rem;
}
.numerador[data-v-03f5bd93] {
    font-size: 1.3rem;
}
.denominador[data-v-03f5bd93] {
    font-size: 1.4rem;
}
.dos-soluciones[data-v-03f5bd93] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Fórmula del discriminante */
.discriminante-formula[data-v-dab2188c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.delta-simbolo[data-v-dab2188c] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}
.delta-igual[data-v-dab2188c] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.delta-expresion[data-v-dab2188c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Casos section */
.casos-section[data-v-dab2188c] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-dab2188c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.casos-grid[data-v-dab2188c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.caso-card[data-v-dab2188c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  overflow: hidden;
}
.caso-card.positivo[data-v-dab2188c] {
  border-color: rgba(16, 185, 129, 0.4);
}
.caso-card.cero[data-v-dab2188c] {
  border-color: rgba(245, 158, 11, 0.4);
}
.caso-card.negativo[data-v-dab2188c] {
  border-color: rgba(239, 68, 68, 0.4);
}
.caso-header[data-v-dab2188c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
}
.caso-card.positivo .caso-header[data-v-dab2188c] {
  background: rgba(16, 185, 129, 0.2);
}
.caso-card.cero .caso-header[data-v-dab2188c] {
  background: rgba(245, 158, 11, 0.2);
}
.caso-card.negativo .caso-header[data-v-dab2188c] {
  background: rgba(239, 68, 68, 0.2);
}
.caso-delta[data-v-dab2188c] {
  font-size: 1.1rem;
  font-weight: 700;
}
.caso-card.positivo .caso-delta[data-v-dab2188c] {
  color: #6EE7B7;
}
.caso-card.cero .caso-delta[data-v-dab2188c] {
  color: #FCD34D;
}
.caso-card.negativo .caso-delta[data-v-dab2188c] {
  color: #FCA5A5;
}
.caso-soluciones[data-v-dab2188c] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.caso-visual[data-v-dab2188c] {
  padding: 0.5rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.parabola-container[data-v-dab2188c] {
  width: 60px;
  height: 40px;
  flex-shrink: 0;
}
.parabola-svg[data-v-dab2188c] {
  width: 100%;
  height: 100%;
}
.caso-desc[data-v-dab2188c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.caso-ejemplo[data-v-dab2188c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.8rem;
}
.ej-label[data-v-dab2188c] {
  color: #C4B5FD;
}
.ej-ec[data-v-dab2188c] {
  color: #FFFFFF;
  font-weight: 600;
}
.ej-delta[data-v-dab2188c] {
  color: #E9D5FF;
}

/* Tabla resumen */
.resumen-tabla[data-v-dab2188c] {
  margin: 1.5rem 0;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-dab2188c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}
.tabla-row.header[data-v-dab2188c] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-row.header .tabla-col[data-v-dab2188c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.tabla-col[data-v-dab2188c] {
  padding: 0.5rem 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.positivo[data-v-dab2188c] {
  background: rgba(16, 185, 129, 0.1);
}
.tabla-row.cero[data-v-dab2188c] {
  background: rgba(245, 158, 11, 0.1);
}
.tabla-row.negativo[data-v-dab2188c] {
  background: rgba(239, 68, 68, 0.1);
}
.tabla-row:last-child .tabla-col[data-v-dab2188c] {
  border-bottom: none;
}

/* Tip */
.tip[data-v-dab2188c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-dab2188c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dab2188c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dab2188c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.casos-grid[data-v-dab2188c] {
    flex-direction: row;
}
.caso-card[data-v-dab2188c] {
    flex: 1;
}
.caso-visual[data-v-dab2188c] {
    flex-direction: column;
    text-align: center;
}
.parabola-container[data-v-dab2188c] {
    width: 80px;
    height: 50px;
}
.tabla-row.header .tabla-col[data-v-dab2188c] {
    font-size: 0.85rem;
}
.tabla-col[data-v-dab2188c] {
    font-size: 0.9rem;
    padding: 0.6rem;
}
}

.explorador[data-v-588d41b9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-588d41b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-588d41b9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-588d41b9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-588d41b9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-588d41b9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-588d41b9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-588d41b9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-588d41b9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-588d41b9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== Componentes compartidos ===== */
.input-con-signo[data-v-588d41b9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-588d41b9] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-588d41b9] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-verificar[data-v-588d41b9] {
  width: 100%;
  padding: 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-top: 1rem;
}
.btn-verificar[data-v-588d41b9]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-verificar-sm[data-v-588d41b9] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 1: Coeficientes ===== */
.coef-container[data-v-588d41b9] {
  text-align: center;
}
.ecuacion-mostrar[data-v-588d41b9] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.coef-inputs[data-v-588d41b9] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.coef-grupo[data-v-588d41b9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.coef-label[data-v-588d41b9] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.coef-input[data-v-588d41b9] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.coef-input.correcto[data-v-588d41b9] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.coef-input.incorrecto[data-v-588d41b9] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.coef-contador[data-v-588d41b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Discriminante ===== */
.disc-container[data-v-588d41b9] {
  text-align: center;
}
.disc-ecuacion[data-v-588d41b9] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.disc-formula[data-v-588d41b9] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.disc-delta[data-v-588d41b9] {
  color: #FCD34D;
  font-weight: 700;
}
.disc-coefs[data-v-588d41b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}
.disc-pregunta[data-v-588d41b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.disc-label[data-v-588d41b9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.disc-input[data-v-588d41b9] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.disc-input.correcto[data-v-588d41b9] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.disc-input.incorrecto[data-v-588d41b9] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.disc-feedback[data-v-588d41b9] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.disc-feedback.incorrecto[data-v-588d41b9] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.disc-contador[data-v-588d41b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Resolver ===== */
.resolver-container[data-v-588d41b9] {
  text-align: center;
}
.resolver-ecuacion[data-v-588d41b9] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.resolver-hint[data-v-588d41b9] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.resolver-pregunta[data-v-588d41b9] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.sol-grupo[data-v-588d41b9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sol-label[data-v-588d41b9] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.sol-input[data-v-588d41b9] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sol-input.correcto[data-v-588d41b9] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.sol-input.incorrecto[data-v-588d41b9] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.resolver-contador[data-v-588d41b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-588d41b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-588d41b9] { font-size: 1.25rem;
}
.resultado-texto[data-v-588d41b9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-588d41b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-588d41b9] { flex: 1;
}
.nav-btn[data-v-588d41b9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-588d41b9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-588d41b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-588d41b9] { font-size: 1.75rem;
}
.completado-texto[data-v-588d41b9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-588d41b9], .slide-leave-active[data-v-588d41b9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-588d41b9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-588d41b9] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-cc7dec7b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-cc7dec7b] {
  font-size: 2rem;
}
.resumen-intro p[data-v-cc7dec7b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-cc7dec7b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-cc7dec7b] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-cc7dec7b] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-cc7dec7b]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-cc7dec7b] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-cc7dec7b] {
    grid-column: span 1;
}
}
.card-header[data-v-cc7dec7b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-cc7dec7b] {
  font-size: 1.25rem;
}
.card-titulo[data-v-cc7dec7b] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-cc7dec7b] {
  color: #E9D5FF;
}
.card-nota[data-v-cc7dec7b] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Forma general */
.formula-general[data-v-cc7dec7b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.coef[data-v-cc7dec7b] {
  color: #FCD34D;
  font-style: italic;
}

/* Fórmula cuadrática */
.formula-cuadratica[data-v-cc7dec7b] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fraccion[data-v-cc7dec7b] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.25rem;
}
.fraccion .num[data-v-cc7dec7b] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.fraccion .denom[data-v-cc7dec7b] {
  padding-top: 2px;
}

/* Discriminante resumen */
.discriminante-resumen[data-v-cc7dec7b] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.disc-caso[data-v-cc7dec7b] {
  flex: 1;
  min-width: 100px;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.disc-caso.positivo[data-v-cc7dec7b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.disc-caso.cero[data-v-cc7dec7b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.disc-caso.negativo[data-v-cc7dec7b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.disc-valor[data-v-cc7dec7b] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
}
.disc-caso.positivo .disc-valor[data-v-cc7dec7b] { color: #6EE7B7;
}
.disc-caso.cero .disc-valor[data-v-cc7dec7b] { color: #FCD34D;
}
.disc-caso.negativo .disc-valor[data-v-cc7dec7b] { color: #FCA5A5;
}
.disc-resultado[data-v-cc7dec7b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Métodos resumen */
.metodos-resumen[data-v-cc7dec7b] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.metodo-item[data-v-cc7dec7b] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.metodo-nombre[data-v-cc7dec7b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.metodo-cuando[data-v-cc7dec7b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.metodo-ejemplo[data-v-cc7dec7b] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #FFFFFF;
}

/* Producto nulo */
.producto-nulo[data-v-cc7dec7b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.producto-conclusion[data-v-cc7dec7b] {
  font-size: 0.95rem;
  color: #6EE7B7;
  text-align: center;
  margin-top: 0.25rem;
}

/* Cuidados lista */
.cuidados-lista[data-v-cc7dec7b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cuidado-item[data-v-cc7dec7b] {
  font-size: 0.85rem;
  padding-left: 0.75rem;
  border-left: 2px solid #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-cc7dec7b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-cc7dec7b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-cc7dec7b] {
  font-size: 1.25rem;
}
.tip-text[data-v-cc7dec7b] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-cc7dec7b] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-cc7dec7b] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-cc7dec7b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-cc7dec7b 1s ease-in-out infinite;
}
@keyframes bounce-cc7dec7b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-cc7dec7b] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-cc7dec7b] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-f3343551] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ecuacion-ejemplo[data-v-f3343551] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.termino[data-v-f3343551] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.operador[data-v-f3343551] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.igual[data-v-f3343551] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin: 0 0.25rem;
}

/* Variable destacada */
strong.variable[data-v-f3343551] {
  color: #93C5FD;
}

/* Partes de una ecuación */
.partes-section[data-v-f3343551] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-f3343551] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ecuacion-analisis[data-v-f3343551] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.lado[data-v-f3343551] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  width: 100%;
}
.lado-label[data-v-f3343551] {
  font-size: 0.75rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.5rem;
}
.lado-contenido[data-v-f3343551] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.lado-contenido.resultado[data-v-f3343551] {
  font-size: 1.75rem;
}
.parte[data-v-f3343551] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.parte.coef[data-v-f3343551] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.parte.var[data-v-f3343551] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.parte.op[data-v-f3343551] {
  color: #C4B5FD;
  background: transparent;
}
.parte.const[data-v-f3343551] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.lado-explicacion[data-v-f3343551] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.parte-desc[data-v-f3343551] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.parte-desc .coef[data-v-f3343551] { color: #6EE7B7;
}
.parte-desc .var[data-v-f3343551] { color: #93C5FD;
}
.parte-desc .const[data-v-f3343551] { color: #FCD34D;
}
.igual-grande[data-v-f3343551] {
  font-size: 2rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Objetivo */
.objetivo-section[data-v-f3343551] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.objetivo-header[data-v-f3343551] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.objetivo-icono[data-v-f3343551] { font-size: 1.25rem;
}
.objetivo-titulo[data-v-f3343551] { font-weight: 700; color: #6EE7B7;
}
.objetivo-contenido p[data-v-f3343551] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ejemplo-solucion[data-v-f3343551] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-label[data-v-f3343551] {
  font-size: 0.85rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.5rem;
}
.verificacion[data-v-f3343551] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.1rem;
  color: #E9D5FF;
  flex-wrap: wrap;
  justify-content: center;
}
.valor[data-v-f3343551] {
  color: #93C5FD;
  font-weight: 700;
}
.resultado-check[data-v-f3343551] {
  color: #6EE7B7;
  font-weight: 700;
}
.check[data-v-f3343551] {
  color: #6EE7B7;
  margin-left: 0.5rem;
  font-size: 1.25rem;
}

/* Ejemplos */
.ejemplos-section[data-v-f3343551] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-f3343551] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-f3343551] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-f3343551] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-eq[data-v-f3343551] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* NO lineales */
.no-lineales-section[data-v-f3343551] {
  margin: 1.5rem 0;
}
.no-lineales-titulo[data-v-f3343551] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.no-lineales-grid[data-v-f3343551] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.no-lineal-item[data-v-f3343551] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.no-eq[data-v-f3343551] {
  font-size: 1rem;
  font-weight: 600;
  color: #FCA5A5;
}
.no-razon[data-v-f3343551] {
  font-size: 0.8rem;
  color: #FCA5A5;
  opacity: 0.8;
}

/* Tip */
.tip[data-v-f3343551] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f3343551] { font-size: 1.25rem;
}
.tip-texto[data-v-f3343551] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f3343551] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-ejemplo[data-v-f3343551] {
    gap: 0.75rem;
    padding: 1.25rem 2rem;
}
.termino[data-v-f3343551] {
    font-size: 2.25rem;
}
.ecuacion-analisis[data-v-f3343551] {
    flex-direction: row;
    justify-content: center;
}
.lado[data-v-f3343551] {
    width: auto;
    min-width: 180px;
}
.no-lineales-grid[data-v-f3343551] {
    flex-direction: row;
}
.no-lineal-item[data-v-f3343551] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Principio */
.principio-box[data-v-6bda7e58] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}
.principio-header[data-v-6bda7e58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.principio-icono[data-v-6bda7e58] { font-size: 1.5rem;
}
.principio-titulo[data-v-6bda7e58] { font-weight: 700; color: #FFFFFF; font-size: 1.1rem;
}
.principio-texto[data-v-6bda7e58] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
}
.principio-texto strong[data-v-6bda7e58] {
  color: #FCD34D;
}

/* Reglas */
.reglas-container[data-v-6bda7e58] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.regla-card[data-v-6bda7e58] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.regla-card.resta[data-v-6bda7e58] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.regla-card.suma[data-v-6bda7e58] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.regla-header[data-v-6bda7e58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.regla-icono[data-v-6bda7e58] { font-size: 1.25rem;
}
.regla-titulo[data-v-6bda7e58] { font-weight: 700; color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-paso[data-v-6bda7e58] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-6bda7e58] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-6bda7e58] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso.resultado .paso-num[data-v-6bda7e58] {
  background: #10B981;
  color: white;
}
.ecuacion[data-v-6bda7e58] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
}
.operador[data-v-6bda7e58] {
  font-weight: 700;
  padding: 0 0.2rem;
}
.operador.pos[data-v-6bda7e58] { color: #6EE7B7;
}
.operador.neg[data-v-6bda7e58] { color: #FCA5A5;
}
.variable[data-v-6bda7e58] { color: #93C5FD;
}
.solucion[data-v-6bda7e58] { color: #6EE7B7; font-size: 1.2rem;
}
.paso-nota[data-v-6bda7e58] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Simulador */
.simulador[data-v-6bda7e58] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-6bda7e58] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-ecuacion[data-v-6bda7e58] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.sim-var[data-v-6bda7e58] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.sim-op-btn[data-v-6bda7e58] {
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.sim-input[data-v-6bda7e58] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-igual[data-v-6bda7e58] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.sim-resultado[data-v-6bda7e58] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 40px;
  text-align: center;
}
.sim-solucion[data-v-6bda7e58] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-paso[data-v-6bda7e58] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.sim-paso-label[data-v-6bda7e58] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.sim-paso-texto[data-v-6bda7e58] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sim-paso-texto strong[data-v-6bda7e58] {
  color: #FCD34D;
}
.sim-resultado-final[data-v-6bda7e58] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.sim-x-valor[data-v-6bda7e58] {
  color: #6EE7B7;
  font-size: 1.5rem;
}
.sim-verificacion[data-v-6bda7e58] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.ver-label[data-v-6bda7e58] { color: #6EE7B7;
}
.ver-calculo[data-v-6bda7e58] { color: #E9D5FF;
}

/* Tip */
.tip[data-v-6bda7e58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6bda7e58] { font-size: 1.25rem;
}
.tip-texto[data-v-6bda7e58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6bda7e58] { color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-container[data-v-6bda7e58] {
    flex-direction: row;
}
.regla-card[data-v-6bda7e58] {
    flex: 1;
}
.paso-nota[data-v-6bda7e58] {
    display: block;
}
}

/* Reglas */
.reglas-container[data-v-f24ecad0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.regla-card[data-v-f24ecad0] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.regla-card.division[data-v-f24ecad0] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.3);
}
.regla-card.multiplicacion[data-v-f24ecad0] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.regla-header[data-v-f24ecad0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.regla-icono[data-v-f24ecad0] { font-size: 1.25rem;
}
.regla-titulo[data-v-f24ecad0] { font-weight: 700; color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-paso[data-v-f24ecad0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-f24ecad0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.paso-num[data-v-f24ecad0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso.resultado .paso-num[data-v-f24ecad0] {
  background: #10B981;
  color: white;
}
.ecuacion[data-v-f24ecad0] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  flex: 1;
}
.coef[data-v-f24ecad0] { color: #93C5FD; font-weight: 700;
}
.coef.neg[data-v-f24ecad0] { color: #FCA5A5;
}
.variable[data-v-f24ecad0] { color: #93C5FD;
}
.solucion[data-v-f24ecad0] { color: #6EE7B7; font-size: 1.2rem;
}
.solucion.neg[data-v-f24ecad0] { color: #FCA5A5;
}
.divisor[data-v-f24ecad0] { color: #FCD34D;
}
.mult[data-v-f24ecad0] { color: #FCD34D; font-weight: 700;
}
.fraccion[data-v-f24ecad0] {
  display: inline;
}
.paso-nota[data-v-f24ecad0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  width: 100%;
  text-align: right;
}

/* Caso especial */
.caso-especial[data-v-f24ecad0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.caso-header[data-v-f24ecad0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-icono[data-v-f24ecad0] { font-size: 1.25rem;
}
.caso-titulo[data-v-f24ecad0] { font-weight: 700; color: #FFFFFF;
}
.caso-texto[data-v-f24ecad0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
strong.negativo[data-v-f24ecad0] { color: #FCA5A5;
}
.ejemplo-negativo[data-v-f24ecad0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-inline[data-v-f24ecad0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-inline.resultado[data-v-f24ecad0] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.neg[data-v-f24ecad0] { color: #FCA5A5;
}
.flecha[data-v-f24ecad0] {
  color: #C4B5FD;
  font-size: 1.25rem;
}

/* Simulador */
.simulador[data-v-f24ecad0] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-f24ecad0] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-ecuacion[data-v-f24ecad0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.sim-izq[data-v-f24ecad0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sim-coef-btn[data-v-f24ecad0] {
  min-width: 48px;
  height: 48px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(147, 197, 253, 0.2);
  border: 2px solid #93C5FD;
  border-radius: 0.5rem;
  color: #93C5FD;
  cursor: pointer;
  font-family: inherit;
}
.sim-var[data-v-f24ecad0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.sim-igual[data-v-f24ecad0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.sim-resultado[data-v-f24ecad0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 50px;
  text-align: center;
}
.sim-solucion[data-v-f24ecad0] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-paso[data-v-f24ecad0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.sim-paso-label[data-v-f24ecad0] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.sim-paso-texto[data-v-f24ecad0] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sim-paso-texto strong[data-v-f24ecad0] {
  color: #FCD34D;
}
.sim-calculo[data-v-f24ecad0] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.sim-x-valor[data-v-f24ecad0] {
  color: #6EE7B7;
  font-size: 1.25rem;
}
.sim-verificacion[data-v-f24ecad0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.ver-label[data-v-f24ecad0] { color: #6EE7B7;
}
.ver-calculo[data-v-f24ecad0] { color: #E9D5FF;
}

/* Tip */
.tip[data-v-f24ecad0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f24ecad0] { font-size: 1.25rem;
}
.tip-texto[data-v-f24ecad0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f24ecad0] { color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-container[data-v-f24ecad0] {
    flex-direction: row;
}
.regla-card[data-v-f24ecad0] {
    flex: 1;
}
.paso-nota[data-v-f24ecad0] {
    width: auto;
    margin-left: auto;
}
}

/* Orden de operaciones */
.orden-section[data-v-d95417b1] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}
.orden-titulo[data-v-d95417b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.orden-pasos[data-v-d95417b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.orden-paso[data-v-d95417b1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.orden-num[data-v-d95417b1] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.orden-contenido[data-v-d95417b1] {
  display: flex;
  flex-direction: column;
}
.orden-accion[data-v-d95417b1] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.orden-detalle[data-v-d95417b1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.orden-flecha[data-v-d95417b1] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-d95417b1] {
  margin: 1.5rem 0;
}
.ejemplo-section.segundo[data-v-d95417b1] {
  margin-top: 1rem;
}
.ejemplo-titulo[data-v-d95417b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-d95417b1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-paso[data-v-d95417b1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-header[data-v-d95417b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-numero[data-v-d95417b1] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.paso-objetivo[data-v-d95417b1] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-desarrollo[data-v-d95417b1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.5rem;
}
.ecuacion-linea[data-v-d95417b1] {
  font-size: 1rem;
  color: #FFFFFF;
}
.ecuacion-linea.operacion[data-v-d95417b1] {
  color: #E9D5FF;
}
.ecuacion-linea.resultado-parcial[data-v-d95417b1] {
  font-weight: 600;
  color: #FCD34D;
}
.ecuacion-linea.resultado-final[data-v-d95417b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
}
.op[data-v-d95417b1] { font-weight: 700;
}
.op.neg[data-v-d95417b1] { color: #FCA5A5;
}
.op.pos[data-v-d95417b1] { color: #6EE7B7;
}
.op.div[data-v-d95417b1] { color: #93C5FD;
}
.variable[data-v-d95417b1] { color: #93C5FD;
}
.solucion[data-v-d95417b1] { color: #6EE7B7; font-size: 1.1rem;
}
.check[data-v-d95417b1] { color: #6EE7B7;
}

/* Pasos compactos */
.ejemplo-pasos.compacto[data-v-d95417b1] {
  gap: 0.5rem;
}
.paso-compacto[data-v-d95417b1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.95rem;
}
.paso-label[data-v-d95417b1] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.paso-ec[data-v-d95417b1] {
  color: #E9D5FF;
}
.paso-result[data-v-d95417b1] {
  color: #FCD34D;
  font-weight: 600;
}
.paso-result.final[data-v-d95417b1] {
  color: #6EE7B7;
}

/* Verificación */
.verificacion-box[data-v-d95417b1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.ver-titulo[data-v-d95417b1] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}
.ver-calculo[data-v-d95417b1] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.valor[data-v-d95417b1] { color: #93C5FD; font-weight: 600;
}
.resultado[data-v-d95417b1] { color: #6EE7B7; font-weight: 600;
}

/* Simulador */
.simulador[data-v-d95417b1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-d95417b1] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-ecuacion-inicial[data-v-d95417b1] {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.sim-ecuacion-inicial .coef[data-v-d95417b1] { color: #93C5FD;
}
.sim-ecuacion-inicial .pos[data-v-d95417b1] { color: #6EE7B7;
}
.sim-ecuacion-inicial .neg[data-v-d95417b1] { color: #FCA5A5;
}
.sim-pasos[data-v-d95417b1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sim-paso[data-v-d95417b1] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.sim-paso.activo[data-v-d95417b1] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.sim-paso.completado[data-v-d95417b1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.sim-paso.bloqueado[data-v-d95417b1] {
  opacity: 0.5;
}
.sim-paso-header[data-v-d95417b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.sim-paso-num[data-v-d95417b1] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.sim-paso.completado .sim-paso-num[data-v-d95417b1] {
  background: #10B981;
  color: white;
}
.sim-paso-titulo[data-v-d95417b1] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.sim-paso-input[data-v-d95417b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sim-input[data-v-d95417b1] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-input.correcto[data-v-d95417b1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.sim-input.incorrecto[data-v-d95417b1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.sim-verificar[data-v-d95417b1] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.sim-verificar[data-v-d95417b1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sim-paso-resultado[data-v-d95417b1] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sim-paso-resultado.final[data-v-d95417b1] {
  font-size: 1.2rem;
}
.btn-nuevo[data-v-d95417b1] {
  width: 100%;
  padding: 0.75rem;
  margin-top: 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Tip */
.tip[data-v-d95417b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d95417b1] { font-size: 1.25rem;
}
.tip-texto[data-v-d95417b1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d95417b1] { color: #FCD34D;
}

.explorador[data-v-72d76a3b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-72d76a3b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-72d76a3b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-72d76a3b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-72d76a3b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-72d76a3b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-72d76a3b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-72d76a3b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-right: 0.5rem;
}
.desafio-dificultad[data-v-72d76a3b] {
  font-size: 0.8rem;
}
.desafio-titulo[data-v-72d76a3b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.5rem 0 0.25rem 0;
}
.desafio-instruccion[data-v-72d76a3b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Ecuación grande */
.ecuacion-grande[data-v-72d76a3b] {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

/* Input respuesta */
.input-respuesta[data-v-72d76a3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-72d76a3b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.btn-signo[data-v-72d76a3b] {
  width: 44px;
  height: 44px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-72d76a3b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.btn-signo.small[data-v-72d76a3b] {
  width: 36px;
  height: 36px;
  font-size: 1.25rem;
}
.input-x[data-v-72d76a3b] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-x.correcto[data-v-72d76a3b], .input-paso.correcto[data-v-72d76a3b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-x.incorrecto[data-v-72d76a3b], .input-paso.incorrecto[data-v-72d76a3b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-72d76a3b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-72d76a3b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-72d76a3b] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  text-align: center;
}
.feedback.error[data-v-72d76a3b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}

/* Pasos guiados */
.pasos-guiados[data-v-72d76a3b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso-guiado[data-v-72d76a3b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.paso-guiado.activo[data-v-72d76a3b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.15);
}
.paso-guiado.completado[data-v-72d76a3b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.paso-guiado.bloqueado[data-v-72d76a3b] {
  opacity: 0.5;
}
.paso-num[data-v-72d76a3b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-guiado.completado .paso-num[data-v-72d76a3b] {
  background: #10B981;
  color: white;
}
.paso-label[data-v-72d76a3b] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-paso[data-v-72d76a3b] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.paso-resultado[data-v-72d76a3b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.paso-resultado.final[data-v-72d76a3b] {
  color: #6EE7B7;
  font-size: 1.25rem;
}
.btn-mini[data-v-72d76a3b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: auto;
}
.btn-mini[data-v-72d76a3b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Ayuda */
.ayuda-box[data-v-72d76a3b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-72d76a3b] { font-size: 1.25rem;
}
.ayuda-texto[data-v-72d76a3b] { color: #FCD34D; font-size: 0.9rem;
}
.btn-ayuda[data-v-72d76a3b] {
  display: block;
  width: 100%;
  padding: 0.5rem;
  background: transparent;
  border: 1px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  margin-bottom: 1rem;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-72d76a3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-72d76a3b] { font-size: 1.25rem;
}
.resultado-texto[data-v-72d76a3b] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-72d76a3b] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-72d76a3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-72d76a3b] { flex: 1;
}
.nav-btn[data-v-72d76a3b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-72d76a3b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-72d76a3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-72d76a3b] { font-size: 1.75rem;
}
.completado-texto[data-v-72d76a3b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-72d76a3b], .slide-leave-active[data-v-72d76a3b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-72d76a3b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-72d76a3b] { opacity: 0; transform: translateX(-15px);
}

/* Resumen card */
.resumen-card[data-v-4d0993be] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.resumen-titulo[data-v-4d0993be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pasos-resumen[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-res[data-v-4d0993be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-4d0993be] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-info[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
}
.paso-accion[data-v-4d0993be] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-detalle[data-v-4d0993be] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Operaciones inversas */
.operaciones-card[data-v-4d0993be] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.operaciones-titulo[data-v-4d0993be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.operaciones-grid[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.op-par[data-v-4d0993be] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.op[data-v-4d0993be] {
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.85rem;
}
.op-suma[data-v-4d0993be] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.op-resta[data-v-4d0993be] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.op-mult[data-v-4d0993be] { background: rgba(245, 158, 11, 0.2); color: #FCD34D;
}
.op-div[data-v-4d0993be] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.op-flecha[data-v-4d0993be] {
  color: #C4B5FD;
  font-size: 1.25rem;
}

/* Errores comunes */
.errores-card[data-v-4d0993be] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.errores-titulo[data-v-4d0993be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.error-item[data-v-4d0993be] {
  display: flex;
  gap: 0.5rem;
}
.error-icono[data-v-4d0993be] {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-contenido[data-v-4d0993be] {
  flex: 1;
}
.error-desc[data-v-4d0993be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.25rem;
}
.error-ejemplo[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.mal[data-v-4d0993be] {
  color: #FCA5A5;
  text-decoration: line-through;
}
.bien[data-v-4d0993be] {
  color: #6EE7B7;
}

/* Tips */
.tips-card[data-v-4d0993be] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.tips-titulo[data-v-4d0993be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-4d0993be] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-4d0993be] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-4d0993be] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-4d0993be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4d0993be] {
  color: #FCD34D;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-4d0993be] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-header[data-v-4d0993be] {
  margin-bottom: 0.75rem;
}
.ejemplo-badge[data-v-4d0993be] {
  padding: 0.25rem 0.6rem;
  background: rgba(147, 197, 253, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-pregunta[data-v-4d0993be] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0 0 0.75rem;
}
.ejemplo-opciones[data-v-4d0993be] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion[data-v-4d0993be] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opcion.correcta[data-v-4d0993be] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.ejemplo-solucion[data-v-4d0993be] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-label[data-v-4d0993be] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.sol-pasos[data-v-4d0993be] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sol-pasos strong[data-v-4d0993be] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-4d0993be] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-4d0993be] {
  font-size: 2rem;
}
.final-contenido[data-v-4d0993be] {
  flex: 1;
}
.final-titulo[data-v-4d0993be] {
  display: block;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.final-texto[data-v-4d0993be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.operaciones-grid[data-v-4d0993be] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.op-par[data-v-4d0993be] {
    flex: 1;
    max-width: 280px;
}
.ejemplo-opciones[data-v-4d0993be] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a2f239b5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Variable highlight */
strong.variable[data-v-a2f239b5] {
  color: #93C5FD;
}

/* Estrategia box */
.estrategia-box[data-v-a2f239b5] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-a2f239b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-a2f239b5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-a2f239b5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-a2f239b5] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-a2f239b5] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-a2f239b5] {
  color: #C4B5FD;
}

/* Palabras clave */
.palabras-section[data-v-a2f239b5] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-a2f239b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.palabras-grid[data-v-a2f239b5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.palabra-grupo[data-v-a2f239b5] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.palabra-grupo.suma[data-v-a2f239b5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.palabra-grupo.resta[data-v-a2f239b5] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.palabra-grupo.mult[data-v-a2f239b5] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.palabra-grupo.div[data-v-a2f239b5] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.palabra-grupo.igual[data-v-a2f239b5] {
  grid-column: 1 / -1;
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.operacion[data-v-a2f239b5] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.suma .operacion[data-v-a2f239b5] { color: #6EE7B7;
}
.resta .operacion[data-v-a2f239b5] { color: #FCA5A5;
}
.mult .operacion[data-v-a2f239b5] { color: #93C5FD;
}
.div .operacion[data-v-a2f239b5] { color: #FCD34D;
}
.igual .operacion[data-v-a2f239b5] { color: #C4B5FD;
}
.keywords[data-v-a2f239b5] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Ejemplo */
.ejemplo-box[data-v-a2f239b5] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-a2f239b5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-a2f239b5] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-a2f239b5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-a2f239b5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-a2f239b5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-a2f239b5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-label[data-v-a2f239b5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-valor[data-v-a2f239b5] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Traducción visual */
.traduccion-visual[data-v-a2f239b5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.trad-texto[data-v-a2f239b5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-style: italic;
}
.trad-flecha[data-v-a2f239b5] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.trad-math[data-v-a2f239b5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.ecuacion-final[data-v-a2f239b5] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem 0;
}
.ecuacion[data-v-a2f239b5] {
  font-size: 1.1rem;
}
.resolucion[data-v-a2f239b5] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.verificar[data-v-a2f239b5] {
  background: rgba(16, 185, 129, 0.15);
  padding: 0.5rem;
  border-radius: 0.5rem;
}

/* Tipos de problemas */
.tipos-section[data-v-a2f239b5] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a2f239b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-a2f239b5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.tipo[data-v-a2f239b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-a2f239b5] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-a2f239b5] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-a2f239b5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a2f239b5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a2f239b5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a2f239b5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a2f239b5] {
    font-size: 2.5rem;
    gap: 1rem;
}
.palabras-grid[data-v-a2f239b5] {
    grid-template-columns: repeat(4, 1fr);
}
.palabra-grupo.igual[data-v-a2f239b5] {
    grid-column: span 2;
}
.tipos-grid[data-v-a2f239b5] {
    gap: 1rem;
}
.tipo[data-v-a2f239b5] {
    padding: 1rem;
}
.tipo-icono[data-v-a2f239b5] {
    font-size: 2rem;
}
.tipo-nombre[data-v-a2f239b5] {
    font-size: 0.8rem;
}
}

/* Visual del tema */
.tema-visual[data-v-1d8ee44c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  font-size: 2.5rem;
}

/* Variable highlight */
strong.variable[data-v-1d8ee44c] {
  color: #93C5FD;
}

/* Sección box */
.seccion-box[data-v-1d8ee44c] {
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
  border: 2px solid;
}
.seccion-box.edades[data-v-1d8ee44c] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.seccion-box.numeros[data-v-1d8ee44c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.seccion-header[data-v-1d8ee44c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-1d8ee44c] {
  font-size: 1.5rem;
}
.seccion-titulo[data-v-1d8ee44c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Tip clave */
.tip-clave[data-v-1d8ee44c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.tip-clave strong[data-v-1d8ee44c] {
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo[data-v-1d8ee44c] {
  margin: 0.75rem 0;
}
.ejemplo-enunciado[data-v-1d8ee44c] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.ejemplo-solucion[data-v-1d8ee44c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-1d8ee44c] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.sol-num[data-v-1d8ee44c] {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.sol-contenido[data-v-1d8ee44c] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sol-label[data-v-1d8ee44c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-detalle[data-v-1d8ee44c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.sol-ecuacion[data-v-1d8ee44c] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  display: inline-block;
}
.resolucion-pasos[data-v-1d8ee44c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.sol-resultado[data-v-1d8ee44c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.25rem;
}
.resultado-icono[data-v-1d8ee44c] {
  color: #6EE7B7;
  font-weight: 700;
}
.resultado-texto[data-v-1d8ee44c] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Frases comunes */
.frases-comunes[data-v-1d8ee44c] {
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.frases-titulo[data-v-1d8ee44c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.frases-grid[data-v-1d8ee44c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.frase[data-v-1d8ee44c] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0.4rem;
}
.frase-texto[data-v-1d8ee44c] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-style: italic;
}
.frase-trad[data-v-1d8ee44c] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Tipos de números */
.tipos-numeros[data-v-1d8ee44c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-top: 1rem;
}
.tipo-num[data-v-1d8ee44c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-titulo[data-v-1d8ee44c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-expr[data-v-1d8ee44c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Tip PAES */
.tip-paes[data-v-1d8ee44c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-1d8ee44c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1d8ee44c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1d8ee44c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.frases-grid[data-v-1d8ee44c] {
    grid-template-columns: repeat(4, 1fr);
}
.tipos-numeros[data-v-1d8ee44c] {
    gap: 1rem;
}
.tipo-num[data-v-1d8ee44c] {
    padding: 0.75rem;
}
}

/* Visual del tema */
.tema-visual[data-v-eaa88fe7] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  font-size: 3rem;
}

/* Variable highlight */
strong.variable[data-v-eaa88fe7] {
  color: #93C5FD;
}

/* Sección box */
.seccion-box[data-v-eaa88fe7] {
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
  border: 2px solid;
}
.seccion-box.perimetro[data-v-eaa88fe7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.seccion-box.angulos[data-v-eaa88fe7] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.seccion-header[data-v-eaa88fe7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-eaa88fe7] {
  font-size: 1.5rem;
}
.seccion-titulo[data-v-eaa88fe7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Fórmulas */
.formula-box[data-v-eaa88fe7] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  margin-bottom: 1rem;
}
.formula-titulo[data-v-eaa88fe7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
  display: block;
  margin-bottom: 0.25rem;
}
.formulas[data-v-eaa88fe7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo */
.ejemplo[data-v-eaa88fe7] {
  margin: 0.75rem 0;
}
.ejemplo-enunciado[data-v-eaa88fe7] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

/* Figuras visuales */
.figura-visual[data-v-eaa88fe7] {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}

/* Rectángulo */
.rectangulo[data-v-eaa88fe7] {
  position: relative;
  width: 140px;
  height: 80px;
}
.rectangulo-interior[data-v-eaa88fe7] {
  width: 100%;
  height: 100%;
  border: 3px solid #6EE7B7;
  border-radius: 4px;
  background: rgba(16, 185, 129, 0.1);
}
.rectangulo .lado-superior[data-v-eaa88fe7],
.rectangulo .lado-inferior[data-v-eaa88fe7] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.rectangulo .lado-superior[data-v-eaa88fe7] {
  top: -20px;
}
.rectangulo .lado-inferior[data-v-eaa88fe7] {
  bottom: -20px;
}
.rectangulo .lado-derecho[data-v-eaa88fe7],
.rectangulo .lado-izquierdo[data-v-eaa88fe7] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.rectangulo .lado-derecho[data-v-eaa88fe7] {
  right: -24px;
}
.rectangulo .lado-izquierdo[data-v-eaa88fe7] {
  left: -20px;
}

/* Triángulo */
.triangulo[data-v-eaa88fe7] {
  position: relative;
  width: 120px;
  height: 100px;
}
.triangulo-shape[data-v-eaa88fe7] {
  width: 0;
  height: 0;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 100px solid rgba(245, 158, 11, 0.2);
  position: relative;
}
.triangulo-shape[data-v-eaa88fe7]::after {
  content: '';
  position: absolute;
  top: 3px;
  left: -57px;
  width: 0;
  height: 0;
  border-left: 57px solid transparent;
  border-right: 57px solid transparent;
  border-bottom: 94px solid rgba(0, 0, 0, 0.3);
}
.triangulo .angulo[data-v-eaa88fe7] {
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.triangulo .a1[data-v-eaa88fe7] {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.triangulo .a2[data-v-eaa88fe7] {
  bottom: 5px;
  left: -5px;
}
.triangulo .a3[data-v-eaa88fe7] {
  bottom: 5px;
  right: -15px;
}

/* Solución */
.ejemplo-solucion[data-v-eaa88fe7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-eaa88fe7] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.sol-num[data-v-eaa88fe7] {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.sol-contenido[data-v-eaa88fe7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sol-label[data-v-eaa88fe7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-detalle[data-v-eaa88fe7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.sol-ecuacion[data-v-eaa88fe7] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  display: inline-block;
}
.resolucion-pasos[data-v-eaa88fe7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.sol-resultado[data-v-eaa88fe7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.25rem;
}
.resultado-icono[data-v-eaa88fe7] {
  color: #6EE7B7;
  font-weight: 700;
}
.resultado-texto[data-v-eaa88fe7] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-eaa88fe7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-eaa88fe7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-eaa88fe7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eaa88fe7] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.rectangulo[data-v-eaa88fe7] {
    width: 180px;
    height: 100px;
}
.triangulo[data-v-eaa88fe7] {
    width: 150px;
    height: 120px;
}
.triangulo-shape[data-v-eaa88fe7] {
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-bottom: 120px solid rgba(245, 158, 11, 0.2);
}
.triangulo-shape[data-v-eaa88fe7]::after {
    left: -72px;
    border-left: 72px solid transparent;
    border-right: 72px solid transparent;
    border-bottom: 114px solid rgba(0, 0, 0, 0.3);
}
}

/* Visual del tema */
.tema-visual[data-v-403f98cc] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  font-size: 3rem;
}

/* Variable highlight */
strong.variable[data-v-403f98cc] {
  color: #93C5FD;
}

/* Sección box */
.seccion-box[data-v-403f98cc] {
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
  border: 2px solid;
}
.seccion-box.dinero[data-v-403f98cc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.seccion-box.repartos[data-v-403f98cc] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.seccion-header[data-v-403f98cc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-403f98cc] {
  font-size: 1.5rem;
}
.seccion-titulo[data-v-403f98cc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Tip clave */
.tip-clave[data-v-403f98cc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.tip-clave strong[data-v-403f98cc] {
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo[data-v-403f98cc] {
  margin: 0.75rem 0;
}
.ejemplo-enunciado[data-v-403f98cc] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

/* Reparto visual */
.reparto-visual[data-v-403f98cc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.reparto-total[data-v-403f98cc] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.reparto-partes[data-v-403f98cc] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.parte[data-v-403f98cc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  flex: 1;
  max-width: 100px;
}
.parte.p1[data-v-403f98cc] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.parte.p2[data-v-403f98cc] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.parte.p3[data-v-403f98cc] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.parte-nombre[data-v-403f98cc] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.parte-valor[data-v-403f98cc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Solución */
.ejemplo-solucion[data-v-403f98cc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-403f98cc] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.sol-num[data-v-403f98cc] {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.sol-contenido[data-v-403f98cc] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sol-label[data-v-403f98cc] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-detalle[data-v-403f98cc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.sol-ecuacion[data-v-403f98cc] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  display: inline-block;
}
.resolucion-pasos[data-v-403f98cc] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.sol-resultado[data-v-403f98cc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.25rem;
}
.resultado-icono[data-v-403f98cc] {
  color: #6EE7B7;
  font-weight: 700;
}
.resultado-texto[data-v-403f98cc] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Verificación reparto */
.verificacion-reparto[data-v-403f98cc] {
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.5rem;
}
.verif-titulo[data-v-403f98cc] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}
.verif-partes[data-v-403f98cc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Frases box */
.frases-box[data-v-403f98cc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.frases-titulo[data-v-403f98cc] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.frases-grid[data-v-403f98cc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.frase[data-v-403f98cc] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  padding: 0.4rem;
}
.frase-texto[data-v-403f98cc] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-style: italic;
}
.frase-trad[data-v-403f98cc] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Tip PAES */
.tip-paes[data-v-403f98cc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-403f98cc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-403f98cc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-403f98cc] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.frases-grid[data-v-403f98cc] {
    grid-template-columns: repeat(4, 1fr);
}
.parte[data-v-403f98cc] {
    max-width: 120px;
    padding: 0.75rem;
}
}

.explorador[data-v-9ba983ee] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Variable highlight */
strong.variable[data-v-9ba983ee] {
  color: #93C5FD;
}

/* Progreso */
.progreso-desafios[data-v-9ba983ee] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-9ba983ee] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-9ba983ee] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-9ba983ee] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-9ba983ee] {
  font-size: 1.25rem;
}
.progreso-check[data-v-9ba983ee] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-9ba983ee] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9ba983ee] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9ba983ee] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-9ba983ee] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* Problema box */
.problema-box[data-v-9ba983ee] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-9ba983ee] {
  display: block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-9ba983ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.problema-pregunta[data-v-9ba983ee] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}

/* Ayuda box */
.ayuda-box[data-v-9ba983ee] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
  margin-bottom: 0.75rem;
}
.ayuda-titulo[data-v-9ba983ee] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.ayuda-contenido[data-v-9ba983ee] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Respuesta container */
.respuesta-container[data-v-9ba983ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-9ba983ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-9ba983ee], .input-suffix[data-v-9ba983ee] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1rem;
}
.respuesta-input[data-v-9ba983ee] {
  width: 120px;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-9ba983ee]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-9ba983ee] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-9ba983ee] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-9ba983ee]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-9ba983ee] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-9ba983ee]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-9ba983ee] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-9ba983ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-9ba983ee] {
  font-size: 1.25rem;
}
.resultado-detalle[data-v-9ba983ee] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.resultado-texto[data-v-9ba983ee] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}
.resultado-explicacion[data-v-9ba983ee] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Navegación */
.navegacion[data-v-9ba983ee] {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-9ba983ee] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-9ba983ee]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}

/* Resumen final */
.resumen-final[data-v-9ba983ee] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-9ba983ee] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-9ba983ee] {
  font-size: 2rem;
}
.resumen-titulo[data-v-9ba983ee] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-9ba983ee] {
  display: flex;
  justify-content: center;
}
.stat[data-v-9ba983ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-9ba983ee] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-9ba983ee] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-9ba983ee],
.slide-leave-active[data-v-9ba983ee] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-9ba983ee] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-9ba983ee] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Logro visual */
.logro-visual[data-v-9f5cc293] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.logro-icono[data-v-9f5cc293] {
  font-size: 3rem;
}
.logro-texto[data-v-9f5cc293] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Estrategia box */
.estrategia-box[data-v-9f5cc293] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-grid[data-v-9f5cc293] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-9f5cc293] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-9f5cc293] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-accion[data-v-9f5cc293] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 80px;
}
.paso-desc[data-v-9f5cc293] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tipos resumen */
.tipos-resumen[data-v-9f5cc293] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-9f5cc293] {
  border-radius: 0.5rem;
  padding: 0.6rem;
  border: 1px solid;
}
.tipo-card.edades[data-v-9f5cc293] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-card.numeros[data-v-9f5cc293] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-card.geometria[data-v-9f5cc293] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.dinero[data-v-9f5cc293] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.card-header[data-v-9f5cc293] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.card-icono[data-v-9f5cc293] {
  font-size: 1rem;
}
.card-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.card-contenido[data-v-9f5cc293] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.punto[data-v-9f5cc293] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.formula[data-v-9f5cc293] {
  color: #93C5FD;
  font-weight: 600;
}

/* Palabras resumen */
.palabras-resumen[data-v-9f5cc293] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.palabras-grid[data-v-9f5cc293] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.palabra-item[data-v-9f5cc293] {
  display: flex;
  gap: 0.4rem;
  padding: 0.4rem;
  border-radius: 0.4rem;
  align-items: flex-start;
}
.palabra-item.suma[data-v-9f5cc293] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.palabra-item.resta[data-v-9f5cc293] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.palabra-item.mult[data-v-9f5cc293] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.palabra-item.div[data-v-9f5cc293] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.palabra-item.igual[data-v-9f5cc293] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  grid-column: 1 / -1;
}
.palabra-op[data-v-9f5cc293] {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
}
.suma .palabra-op[data-v-9f5cc293] { color: #6EE7B7;
}
.resta .palabra-op[data-v-9f5cc293] { color: #FCA5A5;
}
.mult .palabra-op[data-v-9f5cc293] { color: #93C5FD;
}
.div .palabra-op[data-v-9f5cc293] { color: #FCD34D;
}
.igual .palabra-op[data-v-9f5cc293] { color: #C4B5FD;
}
.palabra-lista[data-v-9f5cc293] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Errores box */
.errores-box[data-v-9f5cc293] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.errores-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-9f5cc293] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-9f5cc293] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-9f5cc293] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-9f5cc293] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Checklist box */
.checklist-box[data-v-9f5cc293] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.checklist-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.checklist-items[data-v-9f5cc293] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.check-item[data-v-9f5cc293] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.check-icon[data-v-9f5cc293] {
  color: #6EE7B7;
  font-weight: 700;
}
.check-texto[data-v-9f5cc293] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Final box */
.final-box[data-v-9f5cc293] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-9f5cc293] {
  font-size: 2rem;
}
.final-contenido[data-v-9f5cc293] {
  flex: 1;
}
.final-titulo[data-v-9f5cc293] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0 0 0.5rem;
}
.final-texto[data-v-9f5cc293] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-9f5cc293] {
    grid-template-columns: repeat(4, 1fr);
}
.pasos-grid[data-v-9f5cc293] {
    flex-direction: row;
}
.paso-item[data-v-9f5cc293] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
    padding: 0.5rem 0.25rem;
}
.paso-accion[data-v-9f5cc293] {
    min-width: auto;
    font-size: 0.7rem;
}
.paso-desc[data-v-9f5cc293] {
    font-size: 0.65rem;
}
.palabras-grid[data-v-9f5cc293] {
    grid-template-columns: repeat(5, 1fr);
}
.palabra-item.igual[data-v-9f5cc293] {
    grid-column: auto;
}
}

/* Intro visual */
.intro-visual[data-v-24ce74fe] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
  font-weight: 800;
}
.simbolo[data-v-24ce74fe] {
  color: #C4B5FD;
  font-style: italic;
}
.operador[data-v-24ce74fe] {
  color: #8B5CF6;
}
.numero[data-v-24ce74fe] {
  color: #6EE7B7;
}

/* Concepto section */
.concepto-section[data-v-24ce74fe] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-titulo[data-v-24ce74fe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-contenido p[data-v-24ce74fe] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
}
.ejemplos-variables[data-v-24ce74fe] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-var[data-v-24ce74fe] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.var-letra[data-v-24ce74fe] {
  font-size: 1.5rem;
  font-weight: 800;
  font-style: italic;
  color: #C4B5FD;
  min-width: 30px;
}
.var-desc[data-v-24ce74fe] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo real */
.ejemplo-real[data-v-24ce74fe] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-24ce74fe] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-24ce74fe] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.situacion[data-v-24ce74fe] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.situacion-icono[data-v-24ce74fe] {
  font-size: 1.5rem;
}
.situacion-texto[data-v-24ce74fe] {
  color: #E9D5FF;
  line-height: 1.4;
}
.solucion[data-v-24ce74fe] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.solucion-formula[data-v-24ce74fe] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.solucion-formula .var[data-v-24ce74fe] {
  color: #C4B5FD;
  font-style: italic;
}
.casos-ejemplo[data-v-24ce74fe] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-24ce74fe] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.caso .var[data-v-24ce74fe] {
  color: #C4B5FD;
  font-style: italic;
  font-weight: 600;
}
.caso .positivo[data-v-24ce74fe] {
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-24ce74fe] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-24ce74fe] {
  font-size: 1.5rem;
}
.def-contenido[data-v-24ce74fe] {
  flex: 1;
}
.def-titulo[data-v-24ce74fe] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-24ce74fe] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.def-ejemplos[data-v-24ce74fe] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.expresion[data-v-24ce74fe] {
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-24ce74fe] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-24ce74fe] {
  font-size: 1.25rem;
}
.tip-texto[data-v-24ce74fe] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-24ce74fe] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-24ce74fe] {
    font-size: 2.5rem;
    gap: 0.75rem;
}
.ejemplos-variables[data-v-24ce74fe] {
    grid-template-columns: repeat(4, 1fr);
}
.casos-ejemplo[data-v-24ce74fe] {
    flex-direction: row;
}
.caso[data-v-24ce74fe] {
    flex: 1;
}
}

/* Anatomía section */
.anatomia-section[data-v-c846921d] {
  margin: 1rem 0 1.5rem;
}
.anatomia-titulo[data-v-c846921d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.termino-visual[data-v-c846921d] {
  display: flex;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.termino-grande[data-v-c846921d] {
  display: flex;
  align-items: flex-start;
}
.coeficiente-box[data-v-c846921d],
.variable-box[data-v-c846921d],
.exponente-box[data-v-c846921d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.coeficiente[data-v-c846921d] {
  font-size: 3rem;
  font-weight: 800;
  color: #6EE7B7;
}
.variable[data-v-c846921d] {
  font-size: 3rem;
  font-weight: 800;
  font-style: italic;
  color: #C4B5FD;
}
.exponente[data-v-c846921d] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  position: relative;
  top: -1rem;
}
.label[data-v-c846921d] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 9999px;
  white-space: nowrap;
}
.coeficiente-box .label[data-v-c846921d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.variable-box .label[data-v-c846921d] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.exponente-box .label[data-v-c846921d] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Definiciones grid */
.definiciones-grid[data-v-c846921d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.def-card[data-v-c846921d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.def-card.coef[data-v-c846921d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.def-card.var[data-v-c846921d] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.def-card.exp[data-v-c846921d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.def-header[data-v-c846921d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-num[data-v-c846921d] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}
.def-card.coef .def-num[data-v-c846921d] {
  background: #10B981;
  color: white;
}
.def-card.var .def-num[data-v-c846921d] {
  background: #8B5CF6;
  color: white;
}
.def-card.exp .def-num[data-v-c846921d] {
  background: #F59E0B;
  color: white;
}
.def-nombre[data-v-c846921d] {
  font-weight: 700;
  font-size: 0.95rem;
}
.def-card.coef .def-nombre[data-v-c846921d] { color: #6EE7B7;
}
.def-card.var .def-nombre[data-v-c846921d] { color: #C4B5FD;
}
.def-card.exp .def-nombre[data-v-c846921d] { color: #FCD34D;
}
.def-card p[data-v-c846921d] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.def-ejemplos[data-v-c846921d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.def-ejemplos span[data-v-c846921d] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Tipos section */
.tipos-section[data-v-c846921d] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-c846921d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-c846921d] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-c846921d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tipo-nombre[data-v-c846921d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-c846921d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-c846921d] {
  display: flex;
  gap: 0.5rem;
}
.tipo-ejemplos .ej[data-v-c846921d] {
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
}

/* Términos semejantes */
.semejantes-section[data-v-c846921d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.semejantes-titulo[data-v-c846921d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.semejantes-section > p[data-v-c846921d] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.semejantes-ejemplos[data-v-c846921d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.semejante-grupo[data-v-c846921d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.semejante-grupo.correcto[data-v-c846921d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.semejante-grupo.incorrecto[data-v-c846921d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.grupo-label[data-v-c846921d] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.semejante-grupo.correcto .grupo-label[data-v-c846921d] {
  color: #6EE7B7;
}
.semejante-grupo.incorrecto .grupo-label[data-v-c846921d] {
  color: #FCA5A5;
}
.grupo-terminos[data-v-c846921d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.grupo-terminos .termino[data-v-c846921d] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.grupo-terminos .y[data-v-c846921d] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.grupo-razon[data-v-c846921d] {
  font-size: 0.8rem;
  text-align: center;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-c846921d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c846921d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c846921d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c846921d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-c846921d] {
    flex-direction: row;
}
.def-card[data-v-c846921d] {
    flex: 1;
}
.tipos-grid[data-v-c846921d] {
    grid-template-columns: repeat(2, 1fr);
}
.semejantes-ejemplos[data-v-c846921d] {
    flex-direction: row;
}
.semejante-grupo[data-v-c846921d] {
    flex: 1;
}
}

p[data-v-cf1c7006] {
  color: #E9D5FF;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}

/* Palabras section */
.palabras-section[data-v-cf1c7006] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-cf1c7006] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.operaciones-grid[data-v-cf1c7006] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.op-card[data-v-cf1c7006] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.op-card.suma[data-v-cf1c7006] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.op-card.resta[data-v-cf1c7006] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.op-card.mult[data-v-cf1c7006] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.op-card.div[data-v-cf1c7006] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.op-header[data-v-cf1c7006] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.op-simbolo[data-v-cf1c7006] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 700;
}
.op-card.suma .op-simbolo[data-v-cf1c7006] {
  background: #10B981;
  color: white;
}
.op-card.resta .op-simbolo[data-v-cf1c7006] {
  background: #EF4444;
  color: white;
}
.op-card.mult .op-simbolo[data-v-cf1c7006] {
  background: #8B5CF6;
  color: white;
}
.op-card.div .op-simbolo[data-v-cf1c7006] {
  background: #F59E0B;
  color: white;
}
.op-nombre[data-v-cf1c7006] {
  font-weight: 700;
  font-size: 0.85rem;
}
.op-card.suma .op-nombre[data-v-cf1c7006] { color: #6EE7B7;
}
.op-card.resta .op-nombre[data-v-cf1c7006] { color: #FCA5A5;
}
.op-card.mult .op-nombre[data-v-cf1c7006] { color: #C4B5FD;
}
.op-card.div .op-nombre[data-v-cf1c7006] { color: #FCD34D;
}
.op-palabras[data-v-cf1c7006] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.op-palabras span[data-v-cf1c7006] {
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}

/* Traducción section */
.traduccion-section[data-v-cf1c7006] {
  margin: 1.5rem 0;
}
.traduccion-titulo[data-v-cf1c7006] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.traducciones[data-v-cf1c7006] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.trad-item[data-v-cf1c7006] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.trad-espanol[data-v-cf1c7006] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}
.trad-flecha[data-v-cf1c7006] {
  color: #8B5CF6;
  font-size: 1rem;
}
.trad-algebra[data-v-cf1c7006] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 70px;
  text-align: right;
}

/* PAES section */
.paes-section[data-v-cf1c7006] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.paes-titulo[data-v-cf1c7006] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.expresiones-comunes[data-v-cf1c7006] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.expr-item[data-v-cf1c7006] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.expr-frase[data-v-cf1c7006] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.expr-algebra[data-v-cf1c7006] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-cf1c7006] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cf1c7006] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cf1c7006] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cf1c7006] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.operaciones-grid[data-v-cf1c7006] {
    grid-template-columns: repeat(4, 1fr);
}
.trad-item[data-v-cf1c7006] {
    padding: 0.75rem 1rem;
}
.trad-espanol[data-v-cf1c7006] {
    font-size: 0.9rem;
}
.trad-algebra[data-v-cf1c7006] {
    font-size: 1.1rem;
    min-width: 90px;
}
}

.explorador[data-v-6b145858] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-6b145858] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-6b145858] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-6b145858] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-6b145858] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-6b145858] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-6b145858] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-6b145858] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-6b145858] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-6b145858] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar partes ===== */
.identificar-container[data-v-6b145858] {
  text-align: center;
}
.termino-mostrar[data-v-6b145858] {
  margin-bottom: 1.5rem;
}
.termino-grande[data-v-6b145858] {
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.preguntas-partes[data-v-6b145858] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.parte-pregunta[data-v-6b145858] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.parte-label[data-v-6b145858] {
  font-weight: 600;
  color: #C4B5FD;
  min-width: 90px;
  text-align: right;
}
.parte-input[data-v-6b145858] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.parte-input.correcto[data-v-6b145858] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.parte-input.incorrecto[data-v-6b145858] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Traducir ===== */
.traducir-container[data-v-6b145858] {
  text-align: center;
}
.frase-espanol[data-v-6b145858] {
  font-size: 1.1rem;
  font-style: italic;
  color: #E9D5FF;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.opciones-algebra[data-v-6b145858] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-6b145858] {
  padding: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-6b145858]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-6b145858] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcto[data-v-6b145858] {
  background: #10B981;
  border-color: #047857;
}
.opcion-btn.incorrecto[data-v-6b145858] {
  background: #EF4444;
  border-color: #B91C1C;
}

/* ===== DESAFÍO 3: Evaluar ===== */
.evaluar-container[data-v-6b145858] {
  text-align: center;
}
.expresion-evaluar[data-v-6b145858] {
  margin-bottom: 0.75rem;
}
.expr-texto[data-v-6b145858] {
  font-size: 2rem;
  font-weight: 800;
  font-family: monospace;
  color: #FFFFFF;
}
.valor-variable[data-v-6b145858] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.valor-variable .var[data-v-6b145858] {
  font-weight: 700;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.calculo-pasos[data-v-6b145858] {
  margin-bottom: 1rem;
}
.paso-sustituir[data-v-6b145858] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.respuesta-evaluar[data-v-6b145858] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.igual[data-v-6b145858] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.input-grupo[data-v-6b145858] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-6b145858] {
  width: 40px;
  height: 44px;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-right: none;
  border-radius: 0.5rem 0 0 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-6b145858] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.evaluar-input[data-v-6b145858] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
  color: white;
  font-family: inherit;
}
.evaluar-input.correcto[data-v-6b145858] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.evaluar-input.incorrecto[data-v-6b145858] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-sm[data-v-6b145858] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-incorrecto[data-v-6b145858] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Elementos comunes */
.botones-accion[data-v-6b145858] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-6b145858] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}
.btn-verificar[data-v-6b145858]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.resultado-correcto[data-v-6b145858] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-6b145858] { font-size: 1.25rem;
}
.resultado-texto[data-v-6b145858] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-6b145858] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-6b145858] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-6b145858] { flex: 1;
}
.nav-btn[data-v-6b145858] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-6b145858] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-6b145858] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-6b145858] { font-size: 1.75rem;
}
.completado-texto[data-v-6b145858] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-6b145858], .slide-leave-active[data-v-6b145858] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-6b145858] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-6b145858] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-a7863882] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-a7863882] {
  font-size: 2rem;
}
.resumen-intro p[data-v-a7863882] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-a7863882] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-a7863882] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-a7863882] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-a7863882]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-a7863882] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-a7863882] {
    grid-column: span 1;
}
}
.card-header[data-v-a7863882] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-a7863882] {
  font-size: 1.25rem;
}
.card-titulo[data-v-a7863882] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-a7863882] {
  color: #E9D5FF;
}
.card-contenido p[data-v-a7863882] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}

/* Ejemplos mini */
.ejemplos-mini[data-v-a7863882] {
  display: flex;
  gap: 0.5rem;
}
.ejemplos-mini .ej[data-v-a7863882] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  color: #C4B5FD;
}

/* Término anatomía */
.termino-anatomia[data-v-a7863882] {
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 0.5rem;
  font-family: monospace;
}
.termino-anatomia .coef[data-v-a7863882] { color: #6EE7B7;
}
.termino-anatomia .var[data-v-a7863882] { color: #C4B5FD; font-style: italic;
}
.termino-anatomia .exp[data-v-a7863882] { color: #FCD34D; font-size: 1.25rem; vertical-align: super;
}
.termino-partes[data-v-a7863882] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.verde[data-v-a7863882] { color: #6EE7B7;
}
.morado[data-v-a7863882] { color: #C4B5FD;
}
.amarillo[data-v-a7863882] { color: #FCD34D;
}

/* Expresiones ejemplos */
.expresiones-ejemplos[data-v-a7863882] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.expr[data-v-a7863882] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Traducciones mini */
.traducciones-mini[data-v-a7863882] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.traducciones-mini[data-v-a7863882] {
    grid-template-columns: 1fr;
}
}
.trad[data-v-a7863882] {
  font-size: 0.85rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.trad strong[data-v-a7863882] {
  color: #6EE7B7;
  font-family: monospace;
}

/* Semejantes mini */
.semejantes-mini[data-v-a7863882] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sem[data-v-a7863882] {
  font-size: 0.85rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sem.correcto[data-v-a7863882] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.sem.incorrecto[data-v-a7863882] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Evaluar ejemplo */
.evaluar-ejemplo[data-v-a7863882] {
  background: rgba(139, 92, 246, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.evaluar-ejemplo .paso[data-v-a7863882] {
  font-size: 0.85rem;
  font-family: monospace;
}

/* Tips finales */
.tips-finales[data-v-a7863882] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-a7863882] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-a7863882] {
  font-size: 1.25rem;
}
.tip-text[data-v-a7863882] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-a7863882] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-a7863882] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-a7863882] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-a7863882 1s ease-in-out infinite;
}
@keyframes bounce-a7863882 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-a7863882] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-a7863882] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-7aa08059] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.expresion[data-v-7aa08059] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.expresion.original[data-v-7aa08059] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.expresion.factorizada[data-v-7aa08059] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.expresion .label[data-v-7aa08059] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.expresion .formula[data-v-7aa08059] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Cambria Math', 'Times New Roman', serif;
}
.flecha[data-v-7aa08059] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Analogía */
.analogia-section[data-v-7aa08059] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-7aa08059] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-grid[data-v-7aa08059] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.analogia-item[data-v-7aa08059] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.analogia-icono[data-v-7aa08059] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.analogia-texto[data-v-7aa08059] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.analogia-texto strong[data-v-7aa08059] {
  color: #FCD34D;
}
.analogia-ejemplo[data-v-7aa08059] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  font-family: monospace;
}

/* Tipos de factorización */
.tipos-section[data-v-7aa08059] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-7aa08059] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-7aa08059] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-7aa08059] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-numero[data-v-7aa08059] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tipo-contenido[data-v-7aa08059] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.tipo-nombre[data-v-7aa08059] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-7aa08059] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.tipo-ejemplo strong[data-v-7aa08059] {
  color: #6EE7B7;
}

/* Utilidad */
.utilidad-box[data-v-7aa08059] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.utilidad-icono[data-v-7aa08059] {
  font-size: 1.5rem;
}
.utilidad-contenido[data-v-7aa08059] {
  flex: 1;
}
.utilidad-titulo[data-v-7aa08059] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.utilidad-lista[data-v-7aa08059] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.utilidad-lista li[data-v-7aa08059] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 1.25rem;
  position: relative;
  margin-bottom: 0.25rem;
}
.utilidad-lista li[data-v-7aa08059]::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-7aa08059] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7aa08059] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7aa08059] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7aa08059] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7aa08059] {
    gap: 1.5rem;
}
.expresion .formula[data-v-7aa08059] {
    font-size: 1.75rem;
}
.analogia-grid[data-v-7aa08059] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Proceso paso a paso */
.proceso-section[data-v-c10aba17] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-c10aba17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-completo[data-v-c10aba17] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.expresion-inicial[data-v-c10aba17] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.expresion-inicial .label[data-v-c10aba17] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.expresion-inicial .formula[data-v-c10aba17] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pasos-factorizacion[data-v-c10aba17] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-c10aba17] {
  display: flex;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.paso.resultado[data-v-c10aba17] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.paso-num[data-v-c10aba17] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso.resultado .paso-num[data-v-c10aba17] {
  background: #10B981;
}
.paso-contenido[data-v-c10aba17] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.paso-titulo[data-v-c10aba17] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paso-detalle[data-v-c10aba17] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}
.termino[data-v-c10aba17] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.coef[data-v-c10aba17] { color: #FCA5A5;
}
.var[data-v-c10aba17] { color: #6EE7B7;
}
.destacado[data-v-c10aba17] { color: #FCD34D;
}
.analisis[data-v-c10aba17] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.paso-visual[data-v-c10aba17] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-comun[data-v-c10aba17] {
  color: #FCD34D;
  font-weight: 700;
}
.parentesis[data-v-c10aba17] {
  color: #8B5CF6;
  font-size: 1rem;
}
.division strong[data-v-c10aba17] {
  color: #6EE7B7;
}
.separador[data-v-c10aba17] {
  color: #C4B5FD;
}
.formula-final[data-v-c10aba17] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Ejemplos grid */
.ejemplos-section[data-v-c10aba17] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c10aba17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-c10aba17] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.ejemplo-card[data-v-c10aba17] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-original[data-v-c10aba17] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.ej-flecha[data-v-c10aba17] {
  color: #8B5CF6;
  font-size: 0.85rem;
}
.ej-resultado[data-v-c10aba17] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.ej-resultado strong[data-v-c10aba17] {
  color: #6EE7B7;
}

/* Simulador */
.simulador[data-v-c10aba17] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.sim-titulo[data-v-c10aba17] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.sim-expresion[data-v-c10aba17] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sim-label[data-v-c10aba17] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.sim-formula[data-v-c10aba17] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sim-controles[data-v-c10aba17] {
  margin-bottom: 0.75rem;
}
.sim-btn[data-v-c10aba17] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
}
.sim-solucion[data-v-c10aba17] {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.sim-solucion.visible[data-v-c10aba17] {
  display: flex;
}
.sim-factor[data-v-c10aba17], .sim-resultado[data-v-c10aba17] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.sim-factor-label[data-v-c10aba17], .sim-resultado-label[data-v-c10aba17] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.sim-factor-valor[data-v-c10aba17] {
  font-weight: 700;
  color: #FCD34D;
}
.sim-resultado-valor[data-v-c10aba17] {
  font-weight: 700;
  color: #6EE7B7;
}
.sim-toggle[data-v-c10aba17] {
  padding: 0.5rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
}

/* Tip */
.tip-box[data-v-c10aba17] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-c10aba17] { font-size: 1.25rem;
}
.tip-text[data-v-c10aba17] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-c10aba17] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplos-grid[data-v-c10aba17] {
    grid-template-columns: repeat(3, 1fr);
}
.paso-detalle[data-v-c10aba17] {
    gap: 0.75rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-efb8431d] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.formula-box[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
}
.formula-label[data-v-efb8431d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
}
.formula-texto[data-v-efb8431d] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Cambria Math', 'Times New Roman', serif;
}

/* Visualización */
.visualizacion[data-v-efb8431d] {
  margin: 1.5rem 0;
}
.vis-titulo[data-v-efb8431d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.vis-grid[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.vis-item[data-v-efb8431d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.vis-check[data-v-efb8431d] {
  color: #6EE7B7;
  font-size: 1rem;
}
.vis-texto[data-v-efb8431d] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.vis-texto strong[data-v-efb8431d] {
  color: #FCD34D;
}

/* Ejemplo detallado */
.ejemplo-section[data-v-efb8431d] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-efb8431d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-expresion[data-v-efb8431d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.exp-label[data-v-efb8431d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.exp-formula[data-v-efb8431d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pasos-ejemplo[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-ej[data-v-efb8431d] {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-efb8431d] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-info[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.cuadrados-visual[data-v-efb8431d] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cuadrado[data-v-efb8431d] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.cuadrado strong[data-v-efb8431d] {
  color: #FCD34D;
}
.formula-aplicada[data-v-efb8431d] {
  font-size: 1rem;
  color: #FFFFFF;
}
.formula-aplicada strong[data-v-efb8431d] {
  color: #6EE7B7;
}
.resultado-final[data-v-efb8431d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.resultado-label[data-v-efb8431d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.resultado-formula[data-v-efb8431d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tabla de ejemplos */
.mas-ejemplos[data-v-efb8431d] {
  margin: 1.5rem 0;
}
.mas-titulo[data-v-efb8431d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-tabla[data-v-efb8431d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  overflow-x: auto;
}
.tabla-row[data-v-efb8431d] {
  display: grid;
  grid-template-columns: 1.2fr 0.6fr 0.6fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  min-width: 280px;
}
.tabla-row.header[data-v-efb8431d] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 600;
  color: #FFFFFF;
}
.col-exp[data-v-efb8431d] { color: #E9D5FF;
}
.col-a[data-v-efb8431d], .col-b[data-v-efb8431d] { color: #FCD34D; text-align: center;
}
.col-fact[data-v-efb8431d] { color: #6EE7B7;
}

/* Cuadrados comunes */
.cuadrados-comunes[data-v-efb8431d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cc-titulo[data-v-efb8431d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.cc-grid[data-v-efb8431d] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.35rem;
}
.cc-item[data-v-efb8431d] {
  text-align: center;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Warning */
.warning-box[data-v-efb8431d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.warning-icon[data-v-efb8431d] { font-size: 1.25rem;
}
.warning-text[data-v-efb8431d] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.warning-text strong[data-v-efb8431d] { color: #FFFFFF;
}
.warning-text .positivo[data-v-efb8431d] { color: #6EE7B7;
}
.warning-text .negativo[data-v-efb8431d] { color: #FCA5A5;
}

/* Tip */
.tip-box[data-v-efb8431d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-efb8431d] { font-size: 1.25rem;
}
.tip-text[data-v-efb8431d] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-efb8431d] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-efb8431d] {
    font-size: 1.6rem;
}
.vis-grid[data-v-efb8431d] {
    flex-direction: row;
}
.vis-item[data-v-efb8431d] {
    flex: 1;
}
.cc-grid[data-v-efb8431d] {
    grid-template-columns: repeat(10, 1fr);
}
}

/* Fórmulas principales */
.formulas-section[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-box[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-box.suma[data-v-03bd6afc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-box.resta[data-v-03bd6afc] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-tipo[data-v-03bd6afc] {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
}
.formula-box.suma .formula-tipo[data-v-03bd6afc] { color: #6EE7B7;
}
.formula-box.resta .formula-tipo[data-v-03bd6afc] { color: #FCA5A5;
}
.formula-texto[data-v-03bd6afc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Cambria Math', 'Times New Roman', serif;
}

/* Reconocer */
.reconocer-section[data-v-03bd6afc] {
  margin: 1.5rem 0;
}
.rec-titulo[data-v-03bd6afc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.rec-pasos[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rec-paso[data-v-03bd6afc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.rec-num[data-v-03bd6afc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.rec-texto[data-v-03bd6afc] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.rec-texto strong[data-v-03bd6afc] {
  color: #FCD34D;
}

/* Ejemplo detallado */
.ejemplo-section[data-v-03bd6afc] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-03bd6afc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-expresion[data-v-03bd6afc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.exp-label[data-v-03bd6afc] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.exp-formula[data-v-03bd6afc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.verificacion[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.verif-item[data-v-03bd6afc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
}
.verif-check[data-v-03bd6afc] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.verif-detalle[data-v-03bd6afc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.verif-termino[data-v-03bd6afc] {
  font-weight: 600;
  color: #FFFFFF;
  padding: 0.15rem 0.35rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.verif-texto[data-v-03bd6afc] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.verif-texto strong[data-v-03bd6afc] {
  color: #FCD34D;
}
.conclusion[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.concl-porque[data-v-03bd6afc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concl-porque .positivo[data-v-03bd6afc] { color: #6EE7B7;
}
.concl-porque .negativo[data-v-03bd6afc] { color: #FCA5A5;
}
.concl-resultado[data-v-03bd6afc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Ejemplo secundario */
.ejemplo-secundario[data-v-03bd6afc] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-header[data-v-03bd6afc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ej-label[data-v-03bd6afc] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.ej-exp[data-v-03bd6afc] {
  font-weight: 700;
  color: #FFFFFF;
}
.ej-solucion[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.ej-analisis[data-v-03bd6afc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ej-analisis .positivo[data-v-03bd6afc] { color: #6EE7B7;
}
.ej-analisis .negativo[data-v-03bd6afc] { color: #FCA5A5;
}
.ej-resultado[data-v-03bd6afc] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-03bd6afc] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-03bd6afc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-grid[data-v-03bd6afc] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.comp-card[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comp-card.positivo[data-v-03bd6afc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comp-card.negativo[data-v-03bd6afc] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comp-formula[data-v-03bd6afc] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.comp-card.positivo .comp-formula strong[data-v-03bd6afc] { color: #6EE7B7;
}
.comp-card.negativo .comp-formula strong[data-v-03bd6afc] { color: #FCA5A5;
}
.comp-resultado[data-v-03bd6afc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.comp-card.positivo .comp-resultado strong[data-v-03bd6afc] { color: #6EE7B7;
}
.comp-card.negativo .comp-resultado strong[data-v-03bd6afc] { color: #FCA5A5;
}
.comp-ejemplo[data-v-03bd6afc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tabla */
.tabla-section[data-v-03bd6afc] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-03bd6afc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-ejemplos[data-v-03bd6afc] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tabla-row[data-v-03bd6afc] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.tabla-row.header[data-v-03bd6afc] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-row .resultado[data-v-03bd6afc] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip-box[data-v-03bd6afc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-03bd6afc] { font-size: 1.25rem;
}
.tip-text[data-v-03bd6afc] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-03bd6afc] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-section[data-v-03bd6afc] {
    flex-direction: row;
}
.formula-box[data-v-03bd6afc] {
    flex: 1;
}
.comp-grid[data-v-03bd6afc] {
    grid-template-columns: repeat(2, 1fr);
}
}

.explorador[data-v-2c3af0af] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2c3af0af] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2c3af0af] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2c3af0af] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2c3af0af] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2c3af0af] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2c3af0af] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2c3af0af] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2c3af0af] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2c3af0af] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Factor Común ===== */
.factor-comun-container[data-v-2c3af0af] {
  text-align: center;
}
.fc-problema[data-v-2c3af0af] {
  margin-bottom: 1rem;
}
.fc-label[data-v-2c3af0af] {
  display: block;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.fc-expresion[data-v-2c3af0af] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fc-input-area[data-v-2c3af0af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.fc-formato[data-v-2c3af0af] {
  color: #E9D5FF;
  font-size: 1rem;
}
.fc-input[data-v-2c3af0af] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.fc-input.correcto[data-v-2c3af0af] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.fc-input.incorrecto[data-v-2c3af0af] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-2c3af0af] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.fc-contador[data-v-2c3af0af] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Diferencia de Cuadrados ===== */
.dc-container[data-v-2c3af0af] {
  text-align: center;
}
.dc-problema[data-v-2c3af0af] {
  margin-bottom: 1rem;
}
.dc-label[data-v-2c3af0af] {
  display: block;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.dc-expresion[data-v-2c3af0af] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dc-opciones[data-v-2c3af0af] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dc-opcion[data-v-2c3af0af] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.dc-opcion.seleccionada[data-v-2c3af0af] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.dc-opcion.correcta[data-v-2c3af0af] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.dc-opcion.incorrecta[data-v-2c3af0af] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.dc-contador[data-v-2c3af0af] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: TCP ===== */
.tcp-container[data-v-2c3af0af] {
  text-align: center;
}
.tcp-problema[data-v-2c3af0af] {
  margin-bottom: 1rem;
}
.tcp-label[data-v-2c3af0af] {
  display: block;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tcp-expresion[data-v-2c3af0af] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tcp-formula-input[data-v-2c3af0af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.tcp-parentesis[data-v-2c3af0af] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.tcp-input[data-v-2c3af0af] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.tcp-signo[data-v-2c3af0af] {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-tcp[data-v-2c3af0af] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.tcp-contador[data-v-2c3af0af] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Feedback */
.feedback[data-v-2c3af0af] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.feedback.incorrecto[data-v-2c3af0af] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-2c3af0af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2c3af0af] { font-size: 1.25rem;
}
.resultado-texto[data-v-2c3af0af] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2c3af0af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2c3af0af] { flex: 1;
}
.nav-btn[data-v-2c3af0af] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2c3af0af] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2c3af0af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2c3af0af] { font-size: 1.75rem;
}
.completado-texto[data-v-2c3af0af] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2c3af0af], .slide-leave-active[data-v-2c3af0af] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2c3af0af] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2c3af0af] { opacity: 0; transform: translateX(-15px);
}

/* Estrategia */
.estrategia-section[data-v-2af0610d] {
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-2af0610d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-estrategia[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-e[data-v-2af0610d] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  border-left: 4px solid #8B5CF6;
}
.paso-num[data-v-2af0610d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-info[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-pregunta[data-v-2af0610d] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.paso-ejemplo[data-v-2af0610d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-ejemplo strong[data-v-2af0610d] {
  color: #6EE7B7;
}
.paso-tip[data-v-2af0610d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-2af0610d] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ej-titulo[data-v-2af0610d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ej-problema[data-v-2af0610d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.ej-label[data-v-2af0610d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.ej-expresion[data-v-2af0610d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-solucion[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-2af0610d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.sol-check[data-v-2af0610d] {
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-top: 0.1rem;
}
.sol-detalle[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.sol-titulo[data-v-2af0610d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.sol-texto[data-v-2af0610d] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.sol-texto strong[data-v-2af0610d] {
  color: #FCD34D;
}
.sol-resultado[data-v-2af0610d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.sol-final-label[data-v-2af0610d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.sol-final[data-v-2af0610d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tabla */
.tabla-section[data-v-2af0610d] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-2af0610d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-reconocimiento[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tabla-row[data-v-2af0610d] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.tabla-row.header[data-v-2af0610d] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 600;
  color: #FFFFFF;
}
.col-patron[data-v-2af0610d] { color: #E9D5FF;
}
.col-metodo[data-v-2af0610d] { color: #6EE7B7; font-weight: 600;
}

/* Errores */
.errores-section[data-v-2af0610d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-2af0610d] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-2af0610d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-2af0610d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.error-x[data-v-2af0610d] {
  color: #EF4444;
  font-weight: 700;
}
.error-texto[data-v-2af0610d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip-box[data-v-2af0610d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-2af0610d] { font-size: 1.25rem;
}
.tip-text[data-v-2af0610d] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-2af0610d] { color: #6EE7B7;
}

/* Resumen section */
.resumen-section[data-v-ae12ec6a] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-ae12ec6a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodos-grid[data-v-ae12ec6a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.metodo-card[data-v-ae12ec6a] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.metodo-header[data-v-ae12ec6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.metodo-num[data-v-ae12ec6a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.metodo-nombre[data-v-ae12ec6a] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.metodo-formula[data-v-ae12ec6a] {
  font-size: 0.95rem;
  color: #FCD34D;
  font-family: 'Cambria Math', 'Times New Roman', serif;
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
}
.metodo-ejemplo[data-v-ae12ec6a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ejemplo-antes[data-v-ae12ec6a] {
  color: #E9D5FF;
}
.ejemplo-flecha[data-v-ae12ec6a] {
  color: #8B5CF6;
}
.ejemplo-despues[data-v-ae12ec6a] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Estrategia */
.estrategia-box[data-v-ae12ec6a] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.estrategia-header[data-v-ae12ec6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.estrategia-icono[data-v-ae12ec6a] {
  font-size: 1.25rem;
}
.estrategia-titulo[data-v-ae12ec6a] {
  font-weight: 700;
  color: #FCD34D;
}
.estrategia-pasos[data-v-ae12ec6a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.est-paso[data-v-ae12ec6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.est-num[data-v-ae12ec6a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 24px;
}
.est-texto[data-v-ae12ec6a] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.est-texto strong[data-v-ae12ec6a] {
  color: #FFFFFF;
}

/* Recordatorios */
.recordatorios[data-v-ae12ec6a] {
  margin: 1.5rem 0;
}
.record-titulo[data-v-ae12ec6a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.record-grid[data-v-ae12ec6a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
}
.record-item[data-v-ae12ec6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.record-item.positivo[data-v-ae12ec6a] {
  background: rgba(16, 185, 129, 0.1);
}
.record-item.negativo[data-v-ae12ec6a] {
  background: rgba(239, 68, 68, 0.1);
}
.record-check[data-v-ae12ec6a] {
  color: #6EE7B7;
  font-weight: 700;
}
.record-x[data-v-ae12ec6a] {
  color: #EF4444;
  font-weight: 700;
}
.record-texto[data-v-ae12ec6a] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Referencia cuadrados */
.referencia-box[data-v-ae12ec6a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ref-titulo[data-v-ae12ec6a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ref-grid[data-v-ae12ec6a] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.35rem;
}
.ref-item[data-v-ae12ec6a] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Final box */
.final-box[data-v-ae12ec6a] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-ae12ec6a] {
  font-size: 2rem;
}
.final-contenido[data-v-ae12ec6a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-ae12ec6a] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.final-texto[data-v-ae12ec6a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.record-grid[data-v-ae12ec6a] {
    grid-template-columns: repeat(2, 1fr);
}
.ref-grid[data-v-ae12ec6a] {
    grid-template-columns: repeat(10, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-a764476f] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.formula-box[data-v-a764476f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-y[data-v-a764476f] {
  color: #FFFFFF;
}
.formula-m[data-v-a764476f] {
  color: #F97316;
  font-size: 2rem;
}
.formula-x[data-v-a764476f] {
  color: #93C5FD;
}
.formula-op[data-v-a764476f] {
  color: #E9D5FF;
}
.formula-n[data-v-a764476f] {
  color: #6EE7B7;
  font-size: 2rem;
}

/* Texto */
p[data-v-a764476f] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
strong[data-v-a764476f] {
  color: #FFFFFF;
}
strong.positivo[data-v-a764476f] {
  color: #6EE7B7;
}

/* Componentes */
.componentes-section[data-v-a764476f] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-a764476f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-a764476f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.componente[data-v-a764476f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.componente.m[data-v-a764476f] {
  background: rgba(249, 115, 22, 0.1);
  border-color: rgba(249, 115, 22, 0.4);
}
.componente.n[data-v-a764476f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-letra[data-v-a764476f] {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.componente.m .comp-letra[data-v-a764476f] {
  color: #F97316;
}
.componente.n .comp-letra[data-v-a764476f] {
  color: #6EE7B7;
}
.comp-nombre[data-v-a764476f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-desc[data-v-a764476f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Gráfico */
.grafico-section[data-v-a764476f] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-a764476f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-a764476f] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.grafico-visual[data-v-a764476f] {
  aspect-ratio: 1;
  max-width: 280px;
  margin: 0 auto;
}
.grafico-svg[data-v-a764476f] {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
}
.grafico-leyenda[data-v-a764476f] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-top: 0.75rem;
}
.valor-m[data-v-a764476f] {
  color: #F97316;
  font-weight: 700;
}
.valor-n[data-v-a764476f] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Nota importante */
.nota-importante[data-v-a764476f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.nota-icono[data-v-a764476f] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.nota-contenido[data-v-a764476f] {
  flex: 1;
}
.nota-titulo[data-v-a764476f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.nota-texto[data-v-a764476f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-a764476f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a764476f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a764476f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a764476f] {
  color: #6EE7B7;
}
.color-m[data-v-a764476f] {
  color: #F97316 !important;
}
.color-n[data-v-a764476f] {
  color: #6EE7B7 !important;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-a764476f] {
    gap: 0.75rem;
    padding: 1.25rem 2rem;
    font-size: 2.25rem;
}
.formula-m[data-v-a764476f],
  .formula-n[data-v-a764476f] {
    font-size: 2.5rem;
}
.componentes-grid[data-v-a764476f] {
    gap: 1rem;
}
.componente[data-v-a764476f] {
    padding: 1.25rem;
}
.grafico-visual[data-v-a764476f] {
    max-width: 320px;
}
}

/* Título visual */
.titulo-comparacion[data-v-ec32b702] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-afin[data-v-ec32b702] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.tipo-lineal[data-v-ec32b702] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #3B82F6;
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.vs[data-v-ec32b702] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Texto */
p[data-v-ec32b702] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  text-align: center;
}
strong[data-v-ec32b702] {
  color: #FFFFFF;
}
.afin-color[data-v-ec32b702] {
  color: #8B5CF6 !important;
}
.lineal-color[data-v-ec32b702] {
  color: #3B82F6 !important;
}
.n-color[data-v-ec32b702] {
  color: #6EE7B7 !important;
}

/* Grid de comparación */
.comparacion-grid[data-v-ec32b702] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.comparacion-card[data-v-ec32b702] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparacion-card.lineal[data-v-ec32b702] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.comparacion-card.afin[data-v-ec32b702] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.card-header[data-v-ec32b702] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.card-titulo[data-v-ec32b702] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-formula[data-v-ec32b702] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.comparacion-card.lineal .card-formula[data-v-ec32b702] {
  color: #3B82F6;
}
.comparacion-card.afin .card-formula[data-v-ec32b702] {
  color: #8B5CF6;
}
.card-grafico[data-v-ec32b702] {
  aspect-ratio: 1;
  margin-bottom: 0.5rem;
}
.card-grafico svg[data-v-ec32b702] {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.card-caracteristica[data-v-ec32b702] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.check-icon[data-v-ec32b702] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tabla de comparación */
.tabla-section[data-v-ec32b702] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-ec32b702] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-ec32b702] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-ec32b702] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.6rem 0.5rem;
}
.tabla-header .tabla-col[data-v-ec32b702] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
}
.lineal-header[data-v-ec32b702] {
  color: #93C5FD !important;
}
.afin-header[data-v-ec32b702] {
  color: #C4B5FD !important;
}
.tabla-row[data-v-ec32b702] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.15);
}
.tabla-col[data-v-ec32b702] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.tabla-col.si[data-v-ec32b702] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-col.no[data-v-ec32b702] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip */
.tip[data-v-ec32b702] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ec32b702] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-ec32b702] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ec32b702] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.titulo-comparacion[data-v-ec32b702] {
    gap: 1.5rem;
}
.tipo-afin[data-v-ec32b702],
  .tipo-lineal[data-v-ec32b702] {
    font-size: 1.5rem;
    padding: 0.6rem 1.25rem;
}
.comparacion-grid[data-v-ec32b702] {
    gap: 1rem;
}
.comparacion-card[data-v-ec32b702] {
    padding: 1rem;
}
.card-titulo[data-v-ec32b702] {
    font-size: 1rem;
}
.card-formula[data-v-ec32b702] {
    font-size: 1.25rem;
}
.card-caracteristica[data-v-ec32b702] {
    font-size: 0.85rem;
}
.tabla-header .tabla-col[data-v-ec32b702] {
    font-size: 0.85rem;
}
.tabla-col[data-v-ec32b702] {
    font-size: 0.9rem;
}
}

/* Texto general */
p[data-v-a62ff4aa] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
strong[data-v-a62ff4aa] {
  color: #FFFFFF;
}
.m-color[data-v-a62ff4aa] {
  color: #F97316 !important;
}
.n-color[data-v-a62ff4aa] {
  color: #6EE7B7 !important;
}

/* Secciones de análisis */
.seccion-analisis[data-v-a62ff4aa] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-a62ff4aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.letra-param[data-v-a62ff4aa] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 800;
  border-radius: 0.5rem;
}
.letra-param.m[data-v-a62ff4aa] {
  background: rgba(249, 115, 22, 0.2);
  border: 2px solid rgba(249, 115, 22, 0.5);
  color: #F97316;
}
.letra-param.n[data-v-a62ff4aa] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.texto-param[data-v-a62ff4aa] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Pendientes grid */
.pendientes-grid[data-v-a62ff4aa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.pendiente-card[data-v-a62ff4aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.pendiente-grafico[data-v-a62ff4aa] {
  width: 80px;
  height: 80px;
  margin-bottom: 0.5rem;
}
.pendiente-grafico svg[data-v-a62ff4aa] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.pendiente-label[data-v-a62ff4aa] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.pendiente-label.positiva[data-v-a62ff4aa] {
  color: #6EE7B7;
}
.pendiente-label.negativa[data-v-a62ff4aa] {
  color: #FCA5A5;
}
.pendiente-desc[data-v-a62ff4aa] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.info-extra[data-v-a62ff4aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.info-icon[data-v-a62ff4aa] {
  font-size: 1rem;
}
.info-text[data-v-a62ff4aa] {
  color: #E9D5FF;
}

/* Intercepto visual */
.intercepto-visual[data-v-a62ff4aa] {
  margin-bottom: 1rem;
}
.intercepto-grafico[data-v-a62ff4aa] {
  max-width: 280px;
  margin: 0 auto;
}
.intercepto-grafico svg[data-v-a62ff4aa] {
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.intercepto-explicacion[data-v-a62ff4aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.intercepto-item[data-v-a62ff4aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.intercepto-item.positivo[data-v-a62ff4aa] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.intercepto-item.negativo[data-v-a62ff4aa] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #FCA5A5;
}
.intercepto-valor[data-v-a62ff4aa] {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 50px;
}
.intercepto-item.positivo .intercepto-valor[data-v-a62ff4aa] {
  color: #6EE7B7;
}
.intercepto-item.negativo .intercepto-valor[data-v-a62ff4aa] {
  color: #FCA5A5;
}
.intercepto-desc[data-v-a62ff4aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Sección del cero */
.cero-section[data-v-a62ff4aa] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cero-titulo[data-v-a62ff4aa] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.cero-contenido[data-v-a62ff4aa] {
  text-align: center;
}
.cero-text[data-v-a62ff4aa] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.cero-formula[data-v-a62ff4aa] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-label[data-v-a62ff4aa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-calc[data-v-a62ff4aa] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a62ff4aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a62ff4aa] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-a62ff4aa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a62ff4aa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pendiente-grafico[data-v-a62ff4aa] {
    width: 100px;
    height: 100px;
}
.intercepto-grafico[data-v-a62ff4aa] {
    max-width: 340px;
}
.intercepto-explicacion[data-v-a62ff4aa] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.cero-formula[data-v-a62ff4aa] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}
}

/* Texto general */
p[data-v-e367cbb4] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
strong[data-v-e367cbb4] {
  color: #FFFFFF;
}
.m-color[data-v-e367cbb4] {
  color: #F97316 !important;
}
.n-color[data-v-e367cbb4] {
  color: #6EE7B7 !important;
}

/* Sección de ejemplo */
.ejemplo-section[data-v-e367cbb4] {
  margin-bottom: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-e367cbb4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
}
.ejemplo-icono[data-v-e367cbb4] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-e367cbb4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-contenido[data-v-e367cbb4] {
  padding: 1rem;
}
.ejemplo-situacion[data-v-e367cbb4] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-funcion[data-v-e367cbb4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.func-label[data-v-e367cbb4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.func-formula[data-v-e367cbb4] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.val-m[data-v-e367cbb4] {
  color: #F97316;
}
.val-n[data-v-e367cbb4] {
  color: #6EE7B7;
}
.ejemplo-interpretacion[data-v-e367cbb4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.interp-item[data-v-e367cbb4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.interp-param[data-v-e367cbb4] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.interp-param.m[data-v-e367cbb4] {
  color: #F97316;
}
.interp-param.n[data-v-e367cbb4] {
  color: #6EE7B7;
}
.interp-desc[data-v-e367cbb4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-calculo[data-v-e367cbb4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.calc-pregunta[data-v-e367cbb4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.calc-respuesta[data-v-e367cbb4] {
  font-size: 0.9rem;
  font-family: monospace;
  color: #E9D5FF;
}
.calc-respuesta strong[data-v-e367cbb4] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Resumen box */
.resumen-box[data-v-e367cbb4] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.resumen-titulo[data-v-e367cbb4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.resumen-grid[data-v-e367cbb4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.resumen-item[data-v-e367cbb4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.param-letra[data-v-e367cbb4] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.param-letra.m[data-v-e367cbb4] {
  background: rgba(249, 115, 22, 0.2);
  border: 2px solid rgba(249, 115, 22, 0.5);
  color: #F97316;
}
.param-letra.n[data-v-e367cbb4] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.param-nombre[data-v-e367cbb4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.param-ejemplo[data-v-e367cbb4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-e367cbb4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e367cbb4] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-e367cbb4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e367cbb4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplo-interpretacion[data-v-e367cbb4] {
    gap: 0.75rem;
}
.interp-item[data-v-e367cbb4] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.ejemplo-calculo[data-v-e367cbb4] {
    flex-direction: row;
    gap: 0.75rem;
}
.resumen-grid[data-v-e367cbb4] {
    gap: 1.5rem;
}
.param-letra[data-v-e367cbb4] {
    width: 48px;
    height: 48px;
    font-size: 1.75rem;
}
}

.explorador[data-v-2e833f57] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-2e833f57] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2e833f57] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2e833f57] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2e833f57] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2e833f57] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2e833f57] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2e833f57] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2e833f57] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2e833f57] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Desafío 1: Identificar */
.identificar-container[data-v-2e833f57] {
  text-align: center;
}
.funcion-display[data-v-2e833f57] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  font-family: monospace;
}
.inputs-grid[data-v-2e833f57] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-group[data-v-2e833f57] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-group label[data-v-2e833f57] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.input-con-signo[data-v-2e833f57] {
  display: flex;
  gap: 0.25rem;
}
.btn-signo[data-v-2e833f57] {
  width: 40px;
  height: 44px;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  flex-shrink: 0;
  font-family: inherit;
}
.btn-signo.negativo[data-v-2e833f57] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-con-signo input[data-v-2e833f57] {
  flex: 1;
  min-width: 0;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-con-signo.grande input[data-v-2e833f57] {
  padding: 0.75rem;
  font-size: 1.25rem;
}

/* Desafío 2: Calcular */
.calcular-container[data-v-2e833f57] {
  text-align: center;
}
.funcion-info[data-v-2e833f57] {
  margin-bottom: 1rem;
}
.pregunta-display[data-v-2e833f57] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-2e833f57] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-respuesta[data-v-2e833f57] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.btn-check[data-v-2e833f57] {
  width: 48px;
  height: 48px;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
  flex-shrink: 0;
}

/* Desafío 3: Gráficos */
.grafico-container[data-v-2e833f57] {
  text-align: center;
}
.funcion-mostrar[data-v-2e833f57] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: monospace;
}
.instruccion-grafico[data-v-2e833f57] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.graficos-opciones[data-v-2e833f57] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.grafico-opcion[data-v-2e833f57] {
  position: relative;
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
}
.grafico-opcion[data-v-2e833f57]:hover {
  border-color: #8B5CF6;
}
.grafico-opcion.seleccionado[data-v-2e833f57] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.grafico-opcion.correcto[data-v-2e833f57] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.grafico-opcion.incorrecto[data-v-2e833f57] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.grafico-opcion svg[data-v-2e833f57] {
  width: 100%;
  height: 100%;
}
.opcion-letra[data-v-2e833f57] {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.8);
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}

/* Botones y feedback */
.btn-verificar[data-v-2e833f57] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-2e833f57]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-2e833f57] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.feedback.correcto[data-v-2e833f57] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.3);
}
.resultado-correcto[data-v-2e833f57] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2e833f57] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-2e833f57] {
  color: #6EE7B7;
  font-weight: 700;
}
.contador[data-v-2e833f57] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-2e833f57] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2e833f57] {
  flex: 1;
}
.nav-btn[data-v-2e833f57] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-2e833f57] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2e833f57] {
  font-size: 1.75rem;
}
.completado-texto[data-v-2e833f57] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2e833f57],
.slide-leave-active[data-v-2e833f57] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2e833f57] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-2e833f57] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.inputs-grid[data-v-2e833f57] {
    max-width: 400px;
    margin: 0 auto 1rem;
}
.input-con-signo.grande[data-v-2e833f57] {
    max-width: 200px;
}
}

/* Fórmula central */
.formula-resumen[data-v-83d9560e] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.formula-box[data-v-83d9560e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-y[data-v-83d9560e] {
  color: #FFFFFF;
}
.formula-m[data-v-83d9560e] {
  color: #F97316;
  font-size: 2rem;
}
.formula-x[data-v-83d9560e] {
  color: #93C5FD;
}
.formula-op[data-v-83d9560e] {
  color: #E9D5FF;
}
.formula-n[data-v-83d9560e] {
  color: #6EE7B7;
  font-size: 2rem;
}

/* Secciones */
.seccion-titulo[data-v-83d9560e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}

/* Conceptos */
.conceptos-section[data-v-83d9560e] {
  margin-bottom: 1.5rem;
}
.concepto-grid[data-v-83d9560e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.concepto-card[data-v-83d9560e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-param[data-v-83d9560e] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.concepto-param.m[data-v-83d9560e] {
  background: rgba(249, 115, 22, 0.2);
  border: 2px solid rgba(249, 115, 22, 0.5);
  color: #F97316;
}
.concepto-param.n[data-v-83d9560e] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}
.concepto-info[data-v-83d9560e] {
  text-align: center;
}
.concepto-nombre[data-v-83d9560e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.concepto-lista[data-v-83d9560e] {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.concepto-lista li[data-v-83d9560e] {
  margin-bottom: 0.15rem;
}
.positivo[data-v-83d9560e] {
  color: #6EE7B7;
}
.negativo[data-v-83d9560e] {
  color: #FCA5A5;
}

/* Diferencia */
.diferencia-section[data-v-83d9560e] {
  margin-bottom: 1.5rem;
}
.diferencia-tabla[data-v-83d9560e] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-row[data-v-83d9560e] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tabla-row.header[data-v-83d9560e] {
  background: rgba(139, 92, 246, 0.15);
}
.tabla-cell[data-v-83d9560e] {
  padding: 0.5rem;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.tabla-cell.label[data-v-83d9560e] {
  font-weight: 600;
  color: #C4B5FD;
}
.afin-header[data-v-83d9560e] {
  font-weight: 700;
  color: #8B5CF6 !important;
}
.lineal-header[data-v-83d9560e] {
  font-weight: 700;
  color: #3B82F6 !important;
}

/* Fórmulas importantes */
.formulas-section[data-v-83d9560e] {
  margin-bottom: 1.5rem;
}
.formulas-grid[data-v-83d9560e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.formula-item[data-v-83d9560e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-83d9560e] {
  font-size: 0.75rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-83d9560e] {
  font-size: 1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}

/* Tips */
.tips-section[data-v-83d9560e] {
  margin-bottom: 1.5rem;
}
.tips-lista[data-v-83d9560e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-83d9560e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.tip-numero[data-v-83d9560e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-83d9560e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-83d9560e] {
  color: #FFFFFF;
}
.m-color[data-v-83d9560e] {
  color: #F97316 !important;
}
.n-color[data-v-83d9560e] {
  color: #6EE7B7 !important;
}

/* Mensaje final */
.mensaje-final[data-v-83d9560e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-83d9560e] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.mensaje-texto[data-v-83d9560e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-83d9560e] {
    gap: 0.75rem;
    padding: 1.25rem 2rem;
    font-size: 2.25rem;
}
.formula-m[data-v-83d9560e],
  .formula-n[data-v-83d9560e] {
    font-size: 2.5rem;
}
.concepto-grid[data-v-83d9560e] {
    gap: 1rem;
}
.concepto-param[data-v-83d9560e] {
    width: 48px;
    height: 48px;
    font-size: 1.75rem;
}
.concepto-lista[data-v-83d9560e] {
    font-size: 0.8rem;
}
.formulas-grid[data-v-83d9560e] {
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-916ad3b0] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-ceros[data-v-916ad3b0] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Texto positivo/negativo */
strong.positivo[data-v-916ad3b0] { color: #6EE7B7;
}
strong.negativo[data-v-916ad3b0] { color: #FCA5A5;
}

/* Fórmula */
.formula-section[data-v-916ad3b0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-916ad3b0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-916ad3b0] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula[data-v-916ad3b0] {
  font-size: 1.2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.formula-frac[data-v-916ad3b0] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.formula-frac .num[data-v-916ad3b0] {
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 0.2rem;
  font-size: 0.95rem;
}
.formula-frac .denom[data-v-916ad3b0] {
  padding-top: 0.2rem;
  font-size: 0.95rem;
}
.discriminante-info[data-v-916ad3b0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.discriminante-icono[data-v-916ad3b0] { font-size: 1.25rem;
}
.discriminante-texto[data-v-916ad3b0] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.discriminante-texto strong[data-v-916ad3b0] {
  color: #FCD34D;
}

/* Casos según discriminante */
.casos-section[data-v-916ad3b0] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-916ad3b0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-916ad3b0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso[data-v-916ad3b0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.caso-condicion[data-v-916ad3b0] {
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.caso-condicion.positivo[data-v-916ad3b0] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.caso-condicion.neutro[data-v-916ad3b0] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.caso-condicion.negativo[data-v-916ad3b0] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.caso-visual[data-v-916ad3b0] {
  width: 60px;
  height: 45px;
  margin-bottom: 0.4rem;
}
.caso-resultado[data-v-916ad3b0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.caso-resultado strong[data-v-916ad3b0] {
  color: #FFFFFF;
  display: block;
}

/* Ejemplo */
.ejemplo-section[data-v-916ad3b0] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-916ad3b0] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-916ad3b0] {
  text-align: center;
  font-size: 1.2rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 700;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-pasos[data-v-916ad3b0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-916ad3b0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-916ad3b0] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-texto[data-v-916ad3b0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-916ad3b0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-916ad3b0] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-916ad3b0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-916ad3b0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-ceros[data-v-916ad3b0] {
    max-width: 320px;
}
.formula[data-v-916ad3b0] {
    font-size: 1.4rem;
}
.formula-frac .num[data-v-916ad3b0],
  .formula-frac .denom[data-v-916ad3b0] {
    font-size: 1.1rem;
}
.casos-grid[data-v-916ad3b0] {
    gap: 0.75rem;
}
.caso[data-v-916ad3b0] {
    padding: 0.75rem;
}
.caso-resultado[data-v-916ad3b0] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-c1afaaab] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-dr[data-v-c1afaaab] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Colores especiales */
strong.dominio[data-v-c1afaaab], .resultado-label.dominio[data-v-c1afaaab] { color: #93C5FD;
}
strong.recorrido[data-v-c1afaaab], .resultado-label.recorrido[data-v-c1afaaab] { color: #FCD34D;
}
strong.positivo[data-v-c1afaaab] { color: #6EE7B7;
}
.analisis-valor.negativo[data-v-c1afaaab] { color: #FCA5A5;
}

/* Cards de conceptos */
.concepto-card[data-v-c1afaaab] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.concepto-card.dominio-card[data-v-c1afaaab] {
  border-color: rgba(147, 197, 253, 0.4);
}
.concepto-card.recorrido-card[data-v-c1afaaab] {
  border-color: rgba(252, 211, 77, 0.4);
}
.concepto-header[data-v-c1afaaab] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-c1afaaab] { font-size: 1.25rem;
}
.concepto-titulo[data-v-c1afaaab] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.concepto-contenido[data-v-c1afaaab] {
  color: #E9D5FF;
}
.concepto-formula[data-v-c1afaaab] {
  text-align: center;
  font-size: 1.2rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  color: #FFFFFF;
}
.concepto-formula strong[data-v-c1afaaab] {
  color: #93C5FD;
  font-size: 1.3rem;
}
.concepto-explicacion[data-v-c1afaaab] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-notacion[data-v-c1afaaab] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.notacion-valor[data-v-c1afaaab] {
  font-family: monospace;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Recorrido casos */
.recorrido-casos[data-v-c1afaaab] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.recorrido-caso[data-v-c1afaaab] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.caso-grafico[data-v-c1afaaab] {
  width: 50px;
  height: 40px;
  flex-shrink: 0;
}
.caso-info[data-v-c1afaaab] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.caso-condicion[data-v-c1afaaab] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-condicion strong[data-v-c1afaaab] {
  color: #FFFFFF;
}
.caso-resultado[data-v-c1afaaab] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.caso-desc[data-v-c1afaaab] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-c1afaaab] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-c1afaaab] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-c1afaaab] {
  text-align: center;
  font-size: 1.15rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 700;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-analisis[data-v-c1afaaab] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-c1afaaab] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.analisis-label[data-v-c1afaaab] {
  color: #C4B5FD;
  min-width: 85px;
}
.analisis-valor[data-v-c1afaaab] {
  font-family: monospace;
  color: #FFFFFF;
}
.analisis-desc[data-v-c1afaaab] {
  color: #E9D5FF;
}
.analisis-resultado[data-v-c1afaaab] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.3);
}
.resultado-item[data-v-c1afaaab] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resultado-label[data-v-c1afaaab] {
  font-weight: 600;
  font-size: 0.9rem;
}
.resultado-valor[data-v-c1afaaab] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-c1afaaab] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c1afaaab] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-c1afaaab] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1afaaab] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-dr[data-v-c1afaaab] {
    max-width: 320px;
}
.recorrido-casos[data-v-c1afaaab] {
    flex-direction: row;
}
.recorrido-caso[data-v-c1afaaab] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.caso-info[data-v-c1afaaab] {
    align-items: center;
}
}

/* Colores de coeficientes */
.coef-a[data-v-5291ffe5], strong.coef-a[data-v-5291ffe5] { color: #F97316;
}
.coef-b[data-v-5291ffe5], strong.coef-b[data-v-5291ffe5] { color: #6EE7B7;
}
.coef-c[data-v-5291ffe5], strong.coef-c[data-v-5291ffe5] { color: #93C5FD;
}
.positivo[data-v-5291ffe5] { color: #6EE7B7;
}
.negativo[data-v-5291ffe5] { color: #FCA5A5;
}
.info[data-v-5291ffe5] { color: #93C5FD;
}
.neutro[data-v-5291ffe5] { color: #C4B5FD;
}

/* Cards de parámetros */
.parametro-card[data-v-5291ffe5] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.parametro-header[data-v-5291ffe5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
}
.parametro-letra[data-v-5291ffe5] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
}
.parametro-titulo[data-v-5291ffe5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.parametro-contenido[data-v-5291ffe5] {
  padding: 1rem;
}

/* Efectos de parámetro a */
.efectos-grid[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.efecto[data-v-5291ffe5] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.efecto-titulo[data-v-5291ffe5] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.efecto-visual[data-v-5291ffe5] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.efecto-item[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.efecto-item svg[data-v-5291ffe5] {
  width: 50px;
  height: 40px;
}
.efecto-item span[data-v-5291ffe5]:first-of-type {
  font-weight: 700;
  font-size: 0.85rem;
}
.efecto-desc[data-v-5291ffe5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Parámetro b */
.formula-b[data-v-5291ffe5] {
  text-align: center;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(110, 231, 183, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.efectos-b[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.efecto-b-item svg[data-v-5291ffe5] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.efecto-b-texto[data-v-5291ffe5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  line-height: 1.4;
}

/* Parámetro c */
.formula-c[data-v-5291ffe5] {
  text-align: center;
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.efectos-c[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.grafico-c[data-v-5291ffe5] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.leyenda-c[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.leyenda-item[data-v-5291ffe5] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.leyenda-item[data-v-5291ffe5]::before {
  content: '●';
  font-size: 0.6rem;
}
.leyenda-item.positivo[data-v-5291ffe5]::before { color: #6EE7B7;
}
.leyenda-item.neutro[data-v-5291ffe5]::before { color: #8B5CF6;
}
.leyenda-item.negativo[data-v-5291ffe5]::before { color: #FCA5A5;
}

/* Resumen */
.resumen-section[data-v-5291ffe5] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.resumen-titulo[data-v-5291ffe5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-5291ffe5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-fila[data-v-5291ffe5] {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.tabla-fila.header[data-v-5291ffe5] {
  background: rgba(0, 0, 0, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tabla-col[data-v-5291ffe5]:first-child {
  width: 80px;
  flex-shrink: 0;
  font-weight: 700;
}
.tabla-col[data-v-5291ffe5]:last-child {
  flex: 1;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-5291ffe5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5291ffe5] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5291ffe5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5291ffe5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.efectos-grid[data-v-5291ffe5] {
    flex-direction: row;
}
.efecto[data-v-5291ffe5] {
    flex: 1;
}
.efectos-c[data-v-5291ffe5] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
.grafico-c[data-v-5291ffe5] {
    max-width: 150px;
}
}

.explorador[data-v-4b24351f] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-4b24351f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4b24351f] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4b24351f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4b24351f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4b24351f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4b24351f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4b24351f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4b24351f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4b24351f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Función display común */
.funcion-display[data-v-4b24351f] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  font-family: monospace;
}

/* Desafío 1: Discriminante */
.discriminante-container[data-v-4b24351f] {
  text-align: center;
}
.formula-recordatorio[data-v-4b24351f] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  font-family: monospace;
}
.input-discriminante[data-v-4b24351f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-discriminante label[data-v-4b24351f] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.input-con-signo[data-v-4b24351f] {
  display: flex;
  max-width: 150px;
}
.btn-signo[data-v-4b24351f] {
  width: 44px;
  height: 44px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem 0 0 0.5rem;
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-4b24351f] {
  color: #FCA5A5;
}
.input-con-signo input[data-v-4b24351f] {
  flex: 1;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  color: white;
  font-family: inherit;
  min-width: 0;
}
.pregunta-raices[data-v-4b24351f] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-raices[data-v-4b24351f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.opcion-raiz[data-v-4b24351f] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-raiz.seleccionado[data-v-4b24351f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-raiz.correcto[data-v-4b24351f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.opcion-raiz.incorrecto[data-v-4b24351f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Desafío 2: Simulador */
.simulador-container[data-v-4b24351f] {
  text-align: center;
}
.grafico-simulador[data-v-4b24351f] {
  margin-bottom: 1rem;
}
.svg-parabola[data-v-4b24351f] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.controles-simulador[data-v-4b24351f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-4b24351f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.control-label[data-v-4b24351f] {
  width: 65px;
  font-weight: 700;
  font-family: monospace;
  font-size: 0.9rem;
  text-align: right;
}
.control-label.coef-a[data-v-4b24351f] { color: #F97316;
}
.control-label.coef-b[data-v-4b24351f] { color: #6EE7B7;
}
.control-label.coef-c[data-v-4b24351f] { color: #93C5FD;
}
.slider[data-v-4b24351f] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  cursor: pointer;
}
.slider[data-v-4b24351f]::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.slider-a[data-v-4b24351f]::-webkit-slider-thumb { background: #F97316;
}
.slider-b[data-v-4b24351f]::-webkit-slider-thumb { background: #6EE7B7;
}
.slider-c[data-v-4b24351f]::-webkit-slider-thumb { background: #93C5FD;
}
.info-simulador[data-v-4b24351f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.info-item[data-v-4b24351f] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.info-label[data-v-4b24351f] {
  color: #C4B5FD;
}
.info-valor[data-v-4b24351f] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.info-valor.positivo[data-v-4b24351f] { color: #6EE7B7;
}
.info-valor.negativo[data-v-4b24351f] { color: #FCA5A5;
}
.btn-completar-sim[data-v-4b24351f] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
}

/* Desafío 3: Recorrido */
.recorrido-container[data-v-4b24351f] {
  text-align: center;
}
.info-previa[data-v-4b24351f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.info-previa span[data-v-4b24351f] {
  font-size: 0.85rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.info-previa strong[data-v-4b24351f] {
  color: #FCD34D;
}
.pregunta-recorrido[data-v-4b24351f] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-recorrido[data-v-4b24351f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-recorrido[data-v-4b24351f] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: monospace;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-recorrido.seleccionado[data-v-4b24351f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-recorrido.correcto[data-v-4b24351f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.opcion-recorrido.incorrecto[data-v-4b24351f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Comunes */
.btn-verificar[data-v-4b24351f] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-4b24351f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-4b24351f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.feedback.correcto[data-v-4b24351f] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.3);
}
.resultado-correcto[data-v-4b24351f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4b24351f] { font-size: 1.25rem;
}
.resultado-texto[data-v-4b24351f] { color: #6EE7B7; font-weight: 700;
}
.contador[data-v-4b24351f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-4b24351f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4b24351f] { flex: 1;
}
.nav-btn[data-v-4b24351f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-4b24351f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4b24351f] { font-size: 1.75rem;
}
.completado-texto[data-v-4b24351f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4b24351f], .slide-leave-active[data-v-4b24351f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4b24351f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4b24351f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.svg-parabola[data-v-4b24351f] {
    max-width: 320px;
}
.controles-simulador[data-v-4b24351f] {
    max-width: 350px;
    margin: 0 auto 1rem;
}
.info-simulador[data-v-4b24351f] {
    max-width: 300px;
    margin: 0 auto 1rem;
}
}

/* Colores de coeficientes */
.coef-a[data-v-3f80c8d7] { color: #F97316;
}
.coef-b[data-v-3f80c8d7] { color: #6EE7B7;
}
.coef-c[data-v-3f80c8d7] { color: #93C5FD;
}
.dominio[data-v-3f80c8d7] { color: #93C5FD;
}
.recorrido[data-v-3f80c8d7] { color: #FCD34D;
}

/* Intro */
.resumen-intro[data-v-3f80c8d7] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3f80c8d7] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3f80c8d7] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-3f80c8d7] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-3f80c8d7] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3f80c8d7] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-3f80c8d7]:hover {
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-3f80c8d7] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-3f80c8d7] {
    grid-column: span 1;
}
}
.card-header[data-v-3f80c8d7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-3f80c8d7] {
  font-size: 1.1rem;
}
.card-titulo[data-v-3f80c8d7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-3f80c8d7] {
  color: #E9D5FF;
}
.card-nota[data-v-3f80c8d7] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Forma general */
.formula-general[data-v-3f80c8d7] {
  text-align: center;
  font-size: 1.1rem;
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.coef-resumen[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
}

/* Discriminante */
.discriminante-resumen[data-v-3f80c8d7] {
  text-align: center;
}
.disc-titulo[data-v-3f80c8d7] {
  display: block;
  font-family: monospace;
  font-weight: 700;
  font-size: 1rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.disc-casos[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.caso-disc[data-v-3f80c8d7] {
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.caso-disc.positivo[data-v-3f80c8d7] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.caso-disc.neutro[data-v-3f80c8d7] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}
.caso-disc.negativo[data-v-3f80c8d7] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Vértice */
.vertice-formulas[data-v-3f80c8d7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.vertice-formula[data-v-3f80c8d7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.formula-label[data-v-3f80c8d7] {
  font-weight: 700;
  color: #FFFFFF;
}
.formula-valor[data-v-3f80c8d7] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Dominio y recorrido */
.dr-grid[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dr-item[data-v-3f80c8d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.dr-label[data-v-3f80c8d7] {
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 75px;
}
.dr-valor[data-v-3f80c8d7] {
  font-family: monospace;
  color: #FFFFFF;
}
.rec-opciones[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.rec-opcion[data-v-3f80c8d7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.rec-opcion strong[data-v-3f80c8d7] {
  font-family: monospace;
  color: #FFFFFF;
}

/* Orientación */
.orientacion-grid[data-v-3f80c8d7] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.orientacion-item[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.orientacion-item svg[data-v-3f80c8d7] {
  width: 60px;
  height: 50px;
}
.orient-texto[data-v-3f80c8d7] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.orientacion-item.positivo .orient-texto strong[data-v-3f80c8d7] { color: #6EE7B7;
}
.orientacion-item.negativo .orient-texto strong[data-v-3f80c8d7] { color: #FCA5A5;
}
.orient-desc[data-v-3f80c8d7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-3f80c8d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-3f80c8d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-3f80c8d7] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.tip-text[data-v-3f80c8d7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-3f80c8d7] {
  color: #FCD34D;
}
.tip-text strong.coef-a[data-v-3f80c8d7] {
  color: #F97316;
}

/* Celebración */
.celebracion[data-v-3f80c8d7] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3f80c8d7] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-3f80c8d7 1s ease-in-out infinite;
}
@keyframes bounce-3f80c8d7 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3f80c8d7] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3f80c8d7] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-577fd2ff] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.parabola-intro[data-v-577fd2ff] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Forma general */
.forma-general[data-v-577fd2ff] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.forma-titulo[data-v-577fd2ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-577fd2ff] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula[data-v-577fd2ff] {
  font-size: 1.3rem;
  color: #FFFFFF;
  font-family: monospace;
}
.coef-a[data-v-577fd2ff] { color: #F97316;
}
.coef-b[data-v-577fd2ff] { color: #6EE7B7;
}
.coef-c[data-v-577fd2ff] { color: #93C5FD;
}
.coeficientes-info[data-v-577fd2ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.coef-item[data-v-577fd2ff] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.coef-label[data-v-577fd2ff] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.coef-label.coef-a[data-v-577fd2ff] { background: rgba(249, 115, 22, 0.3); color: #F97316;
}
.coef-label.coef-b[data-v-577fd2ff] { background: rgba(110, 231, 183, 0.3); color: #6EE7B7;
}
.coef-label.coef-c[data-v-577fd2ff] { background: rgba(147, 197, 253, 0.3); color: #93C5FD;
}
.coef-desc[data-v-577fd2ff] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Elementos de la parábola */
.elementos-section[data-v-577fd2ff] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-577fd2ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-577fd2ff] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.elemento[data-v-577fd2ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.elem-visual[data-v-577fd2ff] {
  width: 60px;
  height: 50px;
  margin-bottom: 0.5rem;
}
.elem-nombre[data-v-577fd2ff] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.elem-desc[data-v-577fd2ff] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-577fd2ff] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-577fd2ff] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-577fd2ff] {
  text-align: center;
  font-size: 1.25rem;
  color: #FFFFFF;
  font-family: monospace;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-identificar[data-v-577fd2ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.id-item[data-v-577fd2ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.id-coef[data-v-577fd2ff] {
  font-weight: 700;
  font-size: 0.9rem;
  font-family: monospace;
  min-width: 60px;
}
.id-resultado[data-v-577fd2ff] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-577fd2ff] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-577fd2ff] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-577fd2ff] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-577fd2ff] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.parabola-intro[data-v-577fd2ff] {
    max-width: 350px;
}
.formula[data-v-577fd2ff] {
    font-size: 1.5rem;
}
.elementos-grid[data-v-577fd2ff] {
    grid-template-columns: repeat(4, 1fr);
}
.coeficientes-info[data-v-577fd2ff] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Visual del vértice */
.vertice-visual[data-v-7e22e075] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.svg-vertice[data-v-7e22e075] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Fórmulas */
.formulas-section[data-v-7e22e075] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-7e22e075] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-card[data-v-7e22e075] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-card.principal[data-v-7e22e075] {
  border: 2px solid #8B5CF6;
  background: rgba(139, 92, 246, 0.1);
}
.formula-label[data-v-7e22e075] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.formula-box[data-v-7e22e075] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.formula[data-v-7e22e075] {
  font-size: 1.3rem;
  color: #FFFFFF;
  font-family: monospace;
}
.coef-a[data-v-7e22e075] { color: #F97316; font-weight: 700;
}
.coef-b[data-v-7e22e075] { color: #6EE7B7; font-weight: 700;
}
.formula-nota[data-v-7e22e075] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Ejemplo */
.ejemplo-section[data-v-7e22e075] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-7e22e075] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-7e22e075] {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pasos-calculo[data-v-7e22e075] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso-calc[data-v-7e22e075] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-7e22e075] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-7e22e075] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-accion[data-v-7e22e075] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.paso-resultado[data-v-7e22e075] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}
.paso-resultado strong[data-v-7e22e075] {
  color: #6EE7B7;
}
.resultado-final[data-v-7e22e075] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-label[data-v-7e22e075] {
  font-weight: 600;
  color: #E9D5FF;
}
.resultado-valor[data-v-7e22e075] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}

/* Simetría */
.simetria-section[data-v-7e22e075] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.simetria-titulo[data-v-7e22e075] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.simetria-texto[data-v-7e22e075] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}
.simetria-texto strong[data-v-7e22e075] {
  color: #F97316;
}
.simetria-ejemplo[data-v-7e22e075] {
  padding: 0.5rem;
  background: rgba(249, 115, 22, 0.1);
  border-radius: 0.5rem;
  color: #F97316;
  font-weight: 600;
  text-align: center;
}

/* Tip */
.tip[data-v-7e22e075] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7e22e075] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-7e22e075] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7e22e075] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-vertice[data-v-7e22e075] {
    max-width: 350px;
}
.formula[data-v-7e22e075] {
    font-size: 1.5rem;
}
.formulas-section[data-v-7e22e075] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
.formulas-titulo[data-v-7e22e075] {
    grid-column: 1 / -1;
}
}

.coef-a[data-v-5338c7c7] { color: #F97316;
}

/* Comparación visual */
.comparacion-visual[data-v-5338c7c7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.grafico-comparar[data-v-5338c7c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.grafico-titulo[data-v-5338c7c7] {
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.grafico-titulo.positivo[data-v-5338c7c7] { color: #6EE7B7;
}
.grafico-titulo.negativo[data-v-5338c7c7] { color: #FCA5A5;
}
.svg-grafico[data-v-5338c7c7] {
  width: 100%;
  max-width: 100px;
  height: auto;
}
.grafico-descripcion[data-v-5338c7c7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.desc-icono[data-v-5338c7c7] {
  font-size: 1rem;
}
.desc-texto[data-v-5338c7c7] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.grafico-caracteristica[data-v-5338c7c7] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.grafico-caracteristica strong[data-v-5338c7c7] {
  color: #FFFFFF;
}

/* Apertura */
.apertura-section[data-v-5338c7c7] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.apertura-titulo[data-v-5338c7c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.apertura-intro[data-v-5338c7c7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 1rem 0;
}
.apertura-comparacion[data-v-5338c7c7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.apertura-item[data-v-5338c7c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.svg-apertura[data-v-5338c7c7] {
  width: 100%;
  max-width: 70px;
  height: auto;
  margin-bottom: 0.25rem;
}
.apertura-label[data-v-5338c7c7] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.apertura-desc[data-v-5338c7c7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-5338c7c7] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-5338c7c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-5338c7c7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-5338c7c7] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-card.positivo[data-v-5338c7c7] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.ejemplo-card.negativo[data-v-5338c7c7] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.ej-funcion[data-v-5338c7c7] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.ej-analisis[data-v-5338c7c7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.75rem;
}
.ej-a[data-v-5338c7c7] {
  color: #F97316;
  font-weight: 600;
}
.ej-resultado[data-v-5338c7c7] {
  color: #E9D5FF;
}

/* Resumen */
.resumen-box[data-v-5338c7c7] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.resumen-titulo[data-v-5338c7c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-items[data-v-5338c7c7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-item[data-v-5338c7c7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ri-condicion[data-v-5338c7c7] {
  font-weight: 700;
  min-width: 80px;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}
.ri-condicion.positivo[data-v-5338c7c7] { color: #6EE7B7;
}
.ri-condicion.negativo[data-v-5338c7c7] { color: #FCA5A5;
}
.ri-flecha[data-v-5338c7c7] {
  color: #8B5CF6;
}
.ri-resultado[data-v-5338c7c7] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5338c7c7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5338c7c7] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5338c7c7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5338c7c7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-grafico[data-v-5338c7c7] {
    max-width: 130px;
}
.ejemplos-grid[data-v-5338c7c7] {
    grid-template-columns: repeat(4, 1fr);
}
.resumen-items[data-v-5338c7c7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

.verde[data-v-08e8e852] { color: #6EE7B7;
}
.azul[data-v-08e8e852] { color: #93C5FD;
}
.naranja[data-v-08e8e852] { color: #F97316;
}
.rojo[data-v-08e8e852] { color: #FCA5A5;
}

/* Método */
.metodo-section[data-v-08e8e852] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-08e8e852] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-08e8e852] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  color: #E9D5FF;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.ejemplo-funcion strong[data-v-08e8e852] {
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Pasos de graficación */
.pasos-graficar[data-v-08e8e852] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-graficar[data-v-08e8e852] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.pg-header[data-v-08e8e852] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.pg-num[data-v-08e8e852] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.pg-titulo[data-v-08e8e852] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.pg-contenido[data-v-08e8e852] {
  padding: 0.75rem;
}
.pg-calculo[data-v-08e8e852] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.pg-calculo strong[data-v-08e8e852] {
  color: #FFFFFF;
}
.pg-analisis[data-v-08e8e852] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.pg-explicacion[data-v-08e8e852] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.pg-resultado[data-v-08e8e852] {
  font-size: 0.9rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.25rem;
  display: inline-block;
  margin-top: 0.25rem;
}
.pg-resultado.verde[data-v-08e8e852] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.pg-resultado.azul[data-v-08e8e852] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.pg-resultado.naranja[data-v-08e8e852] {
  background: rgba(249, 115, 22, 0.2);
  color: #F97316;
}
.pg-resultado.rojo[data-v-08e8e852] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}

/* Gráfico final */
.grafico-final-section[data-v-08e8e852] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-08e8e852] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-08e8e852] {
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.svg-grafico-final[data-v-08e8e852] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.leyenda[data-v-08e8e852] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.leyenda-item[data-v-08e8e852] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.leyenda-color[data-v-08e8e852] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.leyenda-color.verde[data-v-08e8e852] { background: #6EE7B7;
}
.leyenda-color.azul[data-v-08e8e852] { background: #93C5FD;
}
.leyenda-color.naranja[data-v-08e8e852] { background: #F97316;
}
.leyenda-color.rojo[data-v-08e8e852] { background: #FCA5A5;
}
.leyenda-texto[data-v-08e8e852] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-08e8e852] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-08e8e852] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-08e8e852] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-08e8e852] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pasos-graficar[data-v-08e8e852] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.paso-graficar[data-v-08e8e852]:last-child {
    grid-column: 1 / -1;
}
.svg-grafico-final[data-v-08e8e852] {
    max-width: 400px;
}
}

.explorador[data-v-a707b5a9] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-a707b5a9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a707b5a9] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a707b5a9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a707b5a9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a707b5a9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a707b5a9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a707b5a9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a707b5a9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a707b5a9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Función display común */
.funcion-display[data-v-a707b5a9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  font-family: monospace;
}
.coef-positivo[data-v-a707b5a9] { color: #6EE7B7;
}
.coef-negativo[data-v-a707b5a9] { color: #FCA5A5;
}

/* Desafío 1: Orientación */
.orientacion-container[data-v-a707b5a9] {
  text-align: center;
}
.pregunta-orientacion[data-v-a707b5a9] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.opciones-orientacion[data-v-a707b5a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-a707b5a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-a707b5a9]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-a707b5a9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-a707b5a9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-a707b5a9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.icono-parabola[data-v-a707b5a9] {
  width: 50px;
  height: 40px;
}
.opcion-btn.arriba .icono-parabola[data-v-a707b5a9] { color: #6EE7B7;
}
.opcion-btn.abajo .icono-parabola[data-v-a707b5a9] { color: #FCA5A5;
}

/* Desafío 2: Vértice */
.vertice-container[data-v-a707b5a9] {
  text-align: center;
}
.formula-recordatorio[data-v-a707b5a9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.inputs-vertice[data-v-a707b5a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-coord[data-v-a707b5a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-coord label[data-v-a707b5a9] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.input-con-signo[data-v-a707b5a9] {
  display: flex;
  gap: 0.25rem;
}
.btn-signo[data-v-a707b5a9] {
  width: 40px;
  height: 44px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem 0 0 0.5rem;
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-a707b5a9] {
  color: #FCA5A5;
}
.input-con-signo input[data-v-a707b5a9] {
  flex: 1;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  color: white;
  font-family: inherit;
  min-width: 0;
}

/* Desafío 3: Gráficos */
.grafico-container[data-v-a707b5a9] {
  text-align: center;
}
.pistas-grafico[data-v-a707b5a9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.pista[data-v-a707b5a9] {
  font-size: 0.8rem;
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  color: #C4B5FD;
}
.graficos-opciones[data-v-a707b5a9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.grafico-opcion[data-v-a707b5a9] {
  position: relative;
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
}
.grafico-opcion[data-v-a707b5a9]:hover {
  border-color: #8B5CF6;
}
.grafico-opcion.seleccionado[data-v-a707b5a9] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.grafico-opcion.correcto[data-v-a707b5a9] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.grafico-opcion.incorrecto[data-v-a707b5a9] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.grafico-opcion svg[data-v-a707b5a9] {
  width: 100%;
  height: 100%;
}
.opcion-letra[data-v-a707b5a9] {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.8);
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}

/* Botones y feedback comunes */
.btn-verificar[data-v-a707b5a9] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-a707b5a9]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-a707b5a9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.feedback.correcto[data-v-a707b5a9] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.3);
}
.resultado-correcto[data-v-a707b5a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a707b5a9] { font-size: 1.25rem;
}
.resultado-texto[data-v-a707b5a9] { color: #6EE7B7; font-weight: 700;
}
.contador[data-v-a707b5a9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-a707b5a9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a707b5a9] { flex: 1;
}
.nav-btn[data-v-a707b5a9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-a707b5a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a707b5a9] { font-size: 1.75rem;
}
.completado-texto[data-v-a707b5a9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a707b5a9], .slide-leave-active[data-v-a707b5a9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a707b5a9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a707b5a9] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.inputs-vertice[data-v-a707b5a9] {
    max-width: 350px;
    margin: 0 auto 1rem;
}
}

/* Visual resumen */
.resumen-visual[data-v-c45712bf] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.svg-resumen[data-v-c45712bf] {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/* Fórmulas clave */
.formulas-clave[data-v-c45712bf] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-c45712bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-c45712bf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-c45712bf] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-item.principal[data-v-c45712bf] {
  grid-column: 1 / -1;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.fi-nombre[data-v-c45712bf] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.fi-formula[data-v-c45712bf] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-item.principal .fi-formula[data-v-c45712bf] {
  font-size: 1.1rem;
}

/* Orientación resumen */
.orientacion-resumen[data-v-c45712bf] {
  margin: 1.5rem 0;
}
.orientacion-titulo[data-v-c45712bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orientacion-grid[data-v-c45712bf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.ori-item[data-v-c45712bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.ori-item.positivo[data-v-c45712bf] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.ori-item.negativo[data-v-c45712bf] {
  background: rgba(252, 165, 165, 0.1);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.ori-visual[data-v-c45712bf] {
  width: 50px;
  height: 35px;
  margin-bottom: 0.5rem;
}
.ori-condicion[data-v-c45712bf] {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.ori-item.positivo .ori-condicion[data-v-c45712bf] { color: #6EE7B7;
}
.ori-item.negativo .ori-condicion[data-v-c45712bf] { color: #FCA5A5;
}
.ori-resultado[data-v-c45712bf] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Checklist */
.checklist-section[data-v-c45712bf] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.checklist-titulo[data-v-c45712bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.checklist-items[data-v-c45712bf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.check-item[data-v-c45712bf] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.check-num[data-v-c45712bf] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.check-texto[data-v-c45712bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.check-texto strong[data-v-c45712bf] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-c45712bf] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-c45712bf] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c45712bf] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-paes[data-v-c45712bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-bullet[data-v-c45712bf] {
  color: #FCD34D;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-contenido[data-v-c45712bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-c45712bf] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-c45712bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mf-icono[data-v-c45712bf] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.mf-texto[data-v-c45712bf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.svg-resumen[data-v-c45712bf] {
    max-width: 400px;
}
.formulas-grid[data-v-c45712bf] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-item.principal[data-v-c45712bf] {
    grid-column: 1 / -1;
}
.checklist-items[data-v-c45712bf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
.check-item[data-v-c45712bf]:last-child {
    grid-column: 1 / -1;
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-96dc43b7] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.contextos-iconos[data-v-96dc43b7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.contexto-icono[data-v-96dc43b7] {
  font-size: 2rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.intro-texto[data-v-96dc43b7] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin: 0;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-96dc43b7] {
  color: #6EE7B7;
}
strong.negativo[data-v-96dc43b7] {
  color: #FCA5A5;
}

/* Aplicaciones */
.aplicaciones-section[data-v-96dc43b7] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-96dc43b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-96dc43b7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-96dc43b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.app-icono[data-v-96dc43b7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.app-nombre[data-v-96dc43b7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.app-ejemplo[data-v-96dc43b7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Patrón común */
.patron-section[data-v-96dc43b7] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.patron-titulo[data-v-96dc43b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.patron-visual[data-v-96dc43b7] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.svg-patron[data-v-96dc43b7] {
  width: 100%;
  max-width: 250px;
  height: auto;
}
.patron-explicacion[data-v-96dc43b7] {
  text-align: center;
}
.patron-paso[data-v-96dc43b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Fórmula section */
.formula-section[data-v-96dc43b7] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-96dc43b7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-96dc43b7] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula[data-v-96dc43b7] {
  font-size: 1.3rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 700;
}
.formula-info[data-v-96dc43b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.info-item[data-v-96dc43b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.info-icon[data-v-96dc43b7] {
  font-size: 1rem;
}
.info-text[data-v-96dc43b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo */
.ejemplo-section[data-v-96dc43b7] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-96dc43b7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-96dc43b7] {
  margin-bottom: 1rem;
}
.ejemplo-problema p[data-v-96dc43b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
}
.ejemplo-formula[data-v-96dc43b7] {
  text-align: center;
  font-size: 1.2rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 700;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ejemplo-pregunta[data-v-96dc43b7] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.ejemplo-solucion[data-v-96dc43b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-sol[data-v-96dc43b7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-96dc43b7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-text[data-v-96dc43b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-96dc43b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-96dc43b7] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-96dc43b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-96dc43b7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.contexto-icono[data-v-96dc43b7] {
    font-size: 2.5rem;
    padding: 0.75rem;
}
.aplicaciones-grid[data-v-96dc43b7] {
    grid-template-columns: repeat(4, 1fr);
}
.svg-patron[data-v-96dc43b7] {
    max-width: 300px;
}
.formula[data-v-96dc43b7] {
    font-size: 1.5rem;
}
}

/* Visualización del tiro */
.tiro-visual[data-v-2fe4843d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.svg-tiro[data-v-2fe4843d] {
  width: 100%;
  max-width: 300px;
  height: auto;
  border-radius: 0.75rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-2fe4843d] {
  color: #6EE7B7;
}
strong.negativo[data-v-2fe4843d] {
  color: #FCA5A5;
}

/* Fórmula section */
.formula-section[data-v-2fe4843d] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-2fe4843d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-2fe4843d] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-box.destacado[data-v-2fe4843d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.formula[data-v-2fe4843d] {
  font-size: 1.2rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 700;
}
.variables-grid[data-v-2fe4843d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable[data-v-2fe4843d] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.var-nombre[data-v-2fe4843d] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
  font-size: 0.95rem;
}
.var-desc[data-v-2fe4843d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Simplificada section */
.simplificada-section[data-v-2fe4843d] {
  margin: 1.5rem 0;
}
.simplificada-titulo[data-v-2fe4843d] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.simplificada-nota[data-v-2fe4843d] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}

/* Preguntas típicas */
.preguntas-section[data-v-2fe4843d] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.preguntas-titulo[data-v-2fe4843d] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-2fe4843d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pregunta-item[data-v-2fe4843d] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-tipo[data-v-2fe4843d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
}
.pregunta-como[data-v-2fe4843d] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.paso[data-v-2fe4843d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-2fe4843d] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-2fe4843d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-2fe4843d] {
  margin-bottom: 1rem;
}
.ejemplo-problema p[data-v-2fe4843d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
}
.ejemplo-pregunta[data-v-2fe4843d] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-solucion[data-v-2fe4843d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-2fe4843d] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-paso.resultado[data-v-2fe4843d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sol-label[data-v-2fe4843d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-valor[data-v-2fe4843d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-2fe4843d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2fe4843d] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-2fe4843d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2fe4843d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-tiro[data-v-2fe4843d] {
    max-width: 350px;
}
.formula[data-v-2fe4843d] {
    font-size: 1.4rem;
}
.variables-grid[data-v-2fe4843d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-5dff516d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.svg-area[data-v-5dff516d] {
  width: 100%;
  max-width: 250px;
  height: auto;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-5dff516d] {
  color: #6EE7B7;
}
strong.negativo[data-v-5dff516d] {
  color: #FCA5A5;
}

/* Problema clásico */
.problema-clasico[data-v-5dff516d] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.problema-titulo[data-v-5dff516d] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-enunciado p[data-v-5dff516d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem;
  line-height: 1.4;
}
.problema-pregunta[data-v-5dff516d] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Estrategia de solución */
.estrategia-section[data-v-5dff516d] {
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-5dff516d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-estrategia[data-v-5dff516d] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.paso-est[data-v-5dff516d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-est.resultado[data-v-5dff516d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-5dff516d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-est.resultado .paso-num[data-v-5dff516d] {
  background: #10B981;
}
.paso-content[data-v-5dff516d] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
}
.paso-nombre[data-v-5dff516d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paso-detalle[data-v-5dff516d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Otros ejemplos */
.otros-section[data-v-5dff516d] {
  margin: 1.5rem 0;
}
.otros-titulo[data-v-5dff516d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.otros-grid[data-v-5dff516d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.otro-ejemplo[data-v-5dff516d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.otro-icono[data-v-5dff516d] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.otro-nombre[data-v-5dff516d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.otro-formula[data-v-5dff516d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Clave máximo vs mínimo */
.clave-section[data-v-5dff516d] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.clave-titulo[data-v-5dff516d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.clave-comparacion[data-v-5dff516d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.clave-item[data-v-5dff516d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.clave-item.maximo[data-v-5dff516d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.clave-item.minimo[data-v-5dff516d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.clave-tipo[data-v-5dff516d] {
  font-weight: 800;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.clave-item.maximo .clave-tipo[data-v-5dff516d] { color: #6EE7B7;
}
.clave-item.minimo .clave-tipo[data-v-5dff516d] { color: #FCA5A5;
}
.clave-condicion[data-v-5dff516d] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.clave-grafico[data-v-5dff516d] {
  font-size: 2rem;
  line-height: 1;
  margin: 0.25rem 0;
}
.clave-item.maximo .clave-grafico[data-v-5dff516d] { color: #6EE7B7;
}
.clave-item.minimo .clave-grafico[data-v-5dff516d] { color: #FCA5A5;
}
.clave-ejemplos[data-v-5dff516d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-5dff516d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5dff516d] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-5dff516d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-5dff516d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-area[data-v-5dff516d] {
    max-width: 300px;
}
.otros-grid[data-v-5dff516d] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-55b3eb5e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Progreso */
.progreso-desafios[data-v-55b3eb5e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-55b3eb5e] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-55b3eb5e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-55b3eb5e] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-55b3eb5e] {
  font-size: 1.25rem;
}
.progreso-check[data-v-55b3eb5e] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-55b3eb5e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-55b3eb5e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-55b3eb5e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-55b3eb5e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* SVG visualizaciones */
.svg-tiro[data-v-55b3eb5e], .svg-terreno[data-v-55b3eb5e], .svg-ganancia[data-v-55b3eb5e] {
  width: 100%;
  max-width: 300px;
  height: auto;
  border-radius: 0.5rem;
  margin: 0 auto;
  display: block;
}
.tiro-visual[data-v-55b3eb5e], .terreno-visual[data-v-55b3eb5e], .grafico-ganancia[data-v-55b3eb5e] {
  margin-bottom: 1rem;
}

/* Problema box */
.problema-box[data-v-55b3eb5e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-texto[data-v-55b3eb5e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem;
}
.formula-display[data-v-55b3eb5e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.problema-pregunta[data-v-55b3eb5e] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin: 0;
}

/* Controles sliders */
.controles-tiempo[data-v-55b3eb5e], .controles-dimension[data-v-55b3eb5e], .controles-productos[data-v-55b3eb5e] {
  margin-bottom: 1rem;
  text-align: center;
}
.controles-tiempo label[data-v-55b3eb5e], .controles-dimension label[data-v-55b3eb5e], .controles-productos label[data-v-55b3eb5e] {
  display: block;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.slider-tiempo[data-v-55b3eb5e], .slider-dimension[data-v-55b3eb5e], .slider-productos[data-v-55b3eb5e] {
  width: 100%;
  max-width: 280px;
  height: 8px;
  border-radius: 4px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  cursor: pointer;
}
.slider-tiempo[data-v-55b3eb5e]::-webkit-slider-thumb,
.slider-dimension[data-v-55b3eb5e]::-webkit-slider-thumb,
.slider-productos[data-v-55b3eb5e]::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
  border: 3px solid white;
}
.tiempo-labels[data-v-55b3eb5e] {
  display: flex;
  justify-content: space-between;
  max-width: 280px;
  margin: 0.5rem auto 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tiempo-optimo[data-v-55b3eb5e] {
  color: #6EE7B7;
  font-weight: 600;
}
.dimension-info[data-v-55b3eb5e] {
  display: flex;
  justify-content: space-between;
  max-width: 280px;
  margin: 0.5rem auto 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dimension-info .optimo[data-v-55b3eb5e] {
  color: #6EE7B7;
  font-weight: 700;
}
.ganancia-actual[data-v-55b3eb5e] {
  margin-top: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
}
.ganancia-actual.positivo[data-v-55b3eb5e] {
  color: #6EE7B7;
}
.ganancia-actual.negativo[data-v-55b3eb5e] {
  color: #FCA5A5;
}

/* Respuesta section */
.respuesta-section[data-v-55b3eb5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-55b3eb5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-group label[data-v-55b3eb5e] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.input-suffix[data-v-55b3eb5e] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.respuesta-input[data-v-55b3eb5e] {
  width: 80px;
  padding: 0.6rem 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-55b3eb5e]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-55b3eb5e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-55b3eb5e] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-55b3eb5e]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-55b3eb5e] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-55b3eb5e]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-55b3eb5e] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-55b3eb5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-55b3eb5e] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-55b3eb5e] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Navegación */
.navegacion[data-v-55b3eb5e] {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-55b3eb5e] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-55b3eb5e]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}

/* Resumen final */
.resumen-final[data-v-55b3eb5e] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-55b3eb5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-55b3eb5e] {
  font-size: 2rem;
}
.resumen-titulo[data-v-55b3eb5e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-55b3eb5e] {
  display: flex;
  justify-content: center;
}
.stat[data-v-55b3eb5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-55b3eb5e] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-55b3eb5e] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-55b3eb5e],
.slide-leave-active[data-v-55b3eb5e] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-55b3eb5e] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-55b3eb5e] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Desktop */
@media (min-width: 640px) {
.svg-tiro[data-v-55b3eb5e], .svg-terreno[data-v-55b3eb5e], .svg-ganancia[data-v-55b3eb5e] {
    max-width: 350px;
}
}

/* Header del resumen */
.resumen-header[data-v-f19e7876] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-f19e7876] {
  font-size: 2rem;
}
.resumen-texto[data-v-f19e7876] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos clave */
.conceptos-section[data-v-f19e7876] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-f19e7876] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.concepto-titulo[data-v-f19e7876] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-f19e7876] {
  font-size: 1.1rem;
}
.concepto-formula[data-v-f19e7876] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
}
.concepto-punto[data-v-f19e7876] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tipos de problemas */
.tipos-section[data-v-f19e7876] {
  margin-bottom: 1.5rem;
}
.tipos-titulo[data-v-f19e7876] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-f19e7876] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0.25rem 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  align-items: center;
}
.tipo-icono[data-v-f19e7876] {
  font-size: 1.5rem;
  grid-row: span 2;
}
.tipo-nombre[data-v-f19e7876] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-formula[data-v-f19e7876] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-family: monospace;
  grid-column: 2;
}
.tipo-pregunta[data-v-f19e7876] {
  font-size: 0.7rem;
  color: #C4B5FD;
  grid-column: 2;
}

/* Estrategia PAES */
.estrategia-section[data-v-f19e7876] {
  margin-bottom: 1.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estrategia-titulo[data-v-f19e7876] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-estrategia[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.paso[data-v-f19e7876] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-f19e7876] {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-content[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-nombre[data-v-f19e7876] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paso-detalle[data-v-f19e7876] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Errores comunes */
.errores-section[data-v-f19e7876] {
  margin-bottom: 1.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.errores-titulo[data-v-f19e7876] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-f19e7876] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-icono[data-v-f19e7876] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-f19e7876] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.error-texto strong[data-v-f19e7876] {
  color: #FCA5A5;
}

/* Fórmulas rápidas */
.formulas-section[data-v-f19e7876] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-f19e7876] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-f19e7876] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-f19e7876] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-f19e7876] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}

/* Mensaje final */
.mensaje-final[data-v-f19e7876] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.mensaje-icono[data-v-f19e7876] {
  font-size: 2rem;
  flex-shrink: 0;
}
.mensaje-contenido[data-v-f19e7876] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mensaje-titulo[data-v-f19e7876] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.mensaje-texto[data-v-f19e7876] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-f19e7876] {
    gap: 1rem;
}
.tipos-grid[data-v-f19e7876] {
    flex-direction: row;
    flex-wrap: wrap;
}
.tipo-item[data-v-f19e7876] {
    flex: 1;
    min-width: 200px;
}
.formulas-grid[data-v-f19e7876] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Fórmula principal */
.formula-principal[data-v-90eb0858] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.formula-box[data-v-90eb0858] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-fx[data-v-90eb0858] {
  color: #FFFFFF;
}
.formula-m[data-v-90eb0858] {
  color: #F97316;
  font-size: 2rem;
}
.formula-x[data-v-90eb0858] {
  color: #93C5FD;
}
.formula-op[data-v-90eb0858] {
  color: #E9D5FF;
}
.formula-b[data-v-90eb0858] {
  color: #6EE7B7;
  font-size: 2rem;
}

/* Componentes */
.componentes-section[data-v-90eb0858] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-90eb0858] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-90eb0858] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.componente[data-v-90eb0858] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.componente.m[data-v-90eb0858] {
  background: rgba(249, 115, 22, 0.1);
  border-color: rgba(249, 115, 22, 0.4);
}
.componente.b[data-v-90eb0858] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-letra[data-v-90eb0858] {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.componente.m .comp-letra[data-v-90eb0858] {
  color: #F97316;
}
.componente.b .comp-letra[data-v-90eb0858] {
  color: #6EE7B7;
}
.comp-nombre[data-v-90eb0858] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-desc[data-v-90eb0858] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Gráfico */
.grafico-section[data-v-90eb0858] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-90eb0858] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-90eb0858] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.grafico-ejes[data-v-90eb0858] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.eje-y[data-v-90eb0858] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.eje-x[data-v-90eb0858] {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.eje-num[data-v-90eb0858] {
  font-weight: 600;
  min-width: 20px;
  text-align: center;
}
.eje-num.zero[data-v-90eb0858] {
  color: #8B5CF6;
  font-weight: 700;
}
.eje-num.intercept[data-v-90eb0858] {
  color: #6EE7B7;
  font-weight: 700;
}
.plano[data-v-90eb0858] {
  position: relative;
  aspect-ratio: 1;
  background: rgba(139, 92, 246, 0.05);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.grid-lines[data-v-90eb0858] {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-line[data-v-90eb0858] {
  border: 0.5px solid rgba(139, 92, 246, 0.15);
}
.linea-funcion[data-v-90eb0858] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.punto-intercepto[data-v-90eb0858] {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  transform: translate(-50%, 50%);
}
.punto-dot[data-v-90eb0858] {
  width: 8px;
  height: 8px;
  background: #6EE7B7;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(110, 231, 183, 0.6);
}
.punto-label[data-v-90eb0858] {
  color: #6EE7B7;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.grafico-leyenda[data-v-90eb0858] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.valor-m[data-v-90eb0858] {
  color: #F97316;
  font-weight: 700;
}
.valor-b[data-v-90eb0858] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Ejemplos */
.ejemplos-section[data-v-90eb0858] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-90eb0858] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-90eb0858] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-90eb0858] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-90eb0858] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-90eb0858] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.ej-formula[data-v-90eb0858] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
  font-family: monospace;
}

/* Tip */
.tip[data-v-90eb0858] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-90eb0858] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-90eb0858] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-90eb0858] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-90eb0858] {
    gap: 0.75rem;
    padding: 1.25rem 2rem;
    font-size: 2.25rem;
}
.formula-m[data-v-90eb0858],
  .formula-b[data-v-90eb0858] {
    font-size: 2.5rem;
}
.componentes-grid[data-v-90eb0858] {
    gap: 1rem;
}
.componente[data-v-90eb0858] {
    padding: 1.25rem;
}
.ejemplos-grid[data-v-90eb0858] {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}
.eje-y[data-v-90eb0858],
  .eje-x[data-v-90eb0858] {
    font-size: 0.8rem;
}
}

/* Intro */
.intro-pendiente[data-v-869672e6] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.formula-destacada[data-v-869672e6] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.m-destacada[data-v-869672e6] {
  color: #F97316;
  font-size: 2.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(249, 115, 22, 0.2);
  border-radius: 0.5rem;
  border: 2px solid rgba(249, 115, 22, 0.5);
}
.definicion[data-v-869672e6] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.pendiente[data-v-869672e6] {
  color: #F97316;
}

/* Tipos */
.tipos-section[data-v-869672e6] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-869672e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-869672e6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo.positiva[data-v-869672e6] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo.negativa[data-v-869672e6] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo.cero[data-v-869672e6] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-header[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.tipo-nombre[data-v-869672e6] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
}
.tipo.positiva .tipo-nombre[data-v-869672e6] {
  color: #6EE7B7;
}
.tipo.negativa .tipo-nombre[data-v-869672e6] {
  color: #FCA5A5;
}
.tipo.cero .tipo-nombre[data-v-869672e6] {
  color: #93C5FD;
}
.tipo-desc[data-v-869672e6] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mini-grafico[data-v-869672e6] {
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.tipo-info[data-v-869672e6] {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Cálculo */
.calculo-section[data-v-869672e6] {
  margin: 1.5rem 0;
}
.calculo-titulo[data-v-869672e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-box[data-v-869672e6] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-calculo[data-v-869672e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 1rem;
  color: #FFFFFF;
}
.formula-letra[data-v-869672e6] {
  color: #F97316;
  font-size: 1.5rem;
  font-weight: 700;
}
.formula-igual[data-v-869672e6] {
  color: #E9D5FF;
  font-size: 1.25rem;
}
.fraccion[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.numerador[data-v-869672e6],
.denominador[data-v-869672e6] {
  color: #FFFFFF;
  font-size: 0.85rem;
  font-weight: 600;
}
.divisor[data-v-869672e6] {
  width: 100%;
  height: 2px;
  background: #FCD34D;
  min-width: 60px;
}

/* Ejemplo */
.ejemplo-section[data-v-869672e6] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-869672e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-869672e6] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-puntos[data-v-869672e6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.punto[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.punto-label[data-v-869672e6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.punto-coords[data-v-869672e6] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.ejemplo-calculo[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.paso[data-v-869672e6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fraccion-inline[data-v-869672e6] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  margin: 0 0.25rem;
}
.num[data-v-869672e6],
.den[data-v-869672e6] {
  font-size: 0.85rem;
  line-height: 1;
}
.num[data-v-869672e6] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 0.1rem;
}
.paso.resultado[data-v-869672e6] {
  font-size: 1.25rem;
  color: #F97316;
  font-weight: 700;
}
.paso.resultado .valor[data-v-869672e6] {
  font-size: 1.5rem;
}
.ejemplo-interpretacion[data-v-869672e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.interp-icono[data-v-869672e6] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.interp-texto[data-v-869672e6] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.interp-texto strong[data-v-869672e6] {
  color: #6EE7B7;
}

/* Magnitud */
.magnitud-section[data-v-869672e6] {
  margin: 1.5rem 0;
}
.magnitud-titulo[data-v-869672e6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.magnitud-grid[data-v-869672e6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.magnitud-item[data-v-869672e6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.mag-valor[data-v-869672e6] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.mag-desc[data-v-869672e6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  text-align: center;
}
.mag-ejemplo[data-v-869672e6] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-869672e6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-869672e6] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-869672e6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-869672e6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-destacada[data-v-869672e6] {
    font-size: 2.25rem;
}
.m-destacada[data-v-869672e6] {
    font-size: 2.75rem;
}
.tipos-grid[data-v-869672e6],
  .magnitud-grid[data-v-869672e6] {
    gap: 0.75rem;
}
.tipo[data-v-869672e6],
  .magnitud-item[data-v-869672e6] {
    padding: 1rem 0.75rem;
}
.formula-calculo[data-v-869672e6] {
    font-size: 1.25rem;
}
}

/* Intro */
.intro-intercepto[data-v-8968a7f0] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.formula-destacada[data-v-8968a7f0] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.b-destacada[data-v-8968a7f0] {
  color: #6EE7B7;
  font-size: 2.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.definicion[data-v-8968a7f0] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.intercepto[data-v-8968a7f0] {
  color: #6EE7B7;
}

/* Visual del intercepto */
.visual-section[data-v-8968a7f0] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-8968a7f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-intercepto[data-v-8968a7f0] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejes[data-v-8968a7f0] {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.eje-y[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.eje-x[data-v-8968a7f0] {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  padding-top: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.marca[data-v-8968a7f0] {
  font-weight: 600;
  min-width: 18px;
  text-align: center;
}
.marca.zero[data-v-8968a7f0] {
  color: #8B5CF6;
  font-weight: 700;
}
.marca.destacada[data-v-8968a7f0] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
}
.plano-cart[data-v-8968a7f0] {
  position: relative;
  aspect-ratio: 1;
  background: rgba(139, 92, 246, 0.05);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.grid-bg[data-v-8968a7f0] {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-line[data-v-8968a7f0] {
  border: 0.5px solid rgba(139, 92, 246, 0.15);
}
.linea[data-v-8968a7f0] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.punto-b[data-v-8968a7f0] {
  position: absolute;
  left: 0;
  top: 33.33%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.punto[data-v-8968a7f0] {
  width: 10px;
  height: 10px;
  background: #6EE7B7;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(110, 231, 183, 0.7);
}
.etiqueta[data-v-8968a7f0] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.indicador[data-v-8968a7f0] {
  position: absolute;
  left: 15%;
  top: 33.33%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
}
.flecha[data-v-8968a7f0] {
  color: #6EE7B7;
  font-size: 1rem;
}
.texto[data-v-8968a7f0] {
  color: #6EE7B7;
  font-weight: 600;
}
.explicacion-visual[data-v-8968a7f0] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.valor-b[data-v-8968a7f0] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Métodos para encontrar b */
.encontrar-section[data-v-8968a7f0] {
  margin: 1.5rem 0;
}
.encontrar-titulo[data-v-8968a7f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodos-grid[data-v-8968a7f0] {
  display: grid;
  gap: 0.75rem;
}
.metodo[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-num[data-v-8968a7f0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.metodo-nombre[data-v-8968a7f0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.metodo-contenido[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-ejemplo[data-v-8968a7f0] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: monospace;
}
.b-valor[data-v-8968a7f0] {
  color: #6EE7B7;
  font-weight: 700;
}
.metodo-resultado[data-v-8968a7f0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.calculo-pasos[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.resultado-paso[data-v-8968a7f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.grafico-mini[data-v-8968a7f0] {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

/* Casos especiales */
.casos-section[data-v-8968a7f0] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-8968a7f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-8968a7f0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.caso.positivo[data-v-8968a7f0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.caso.cero[data-v-8968a7f0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.caso.negativo[data-v-8968a7f0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.caso-formula[data-v-8968a7f0] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.caso.positivo .caso-formula[data-v-8968a7f0] {
  color: #6EE7B7;
}
.caso.cero .caso-formula[data-v-8968a7f0] {
  color: #93C5FD;
}
.caso.negativo .caso-formula[data-v-8968a7f0] {
  color: #FCA5A5;
}
.caso-desc[data-v-8968a7f0] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.caso-ejemplo[data-v-8968a7f0] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Interpretación práctica */
.practica-section[data-v-8968a7f0] {
  margin: 1.5rem 0;
}
.practica-titulo[data-v-8968a7f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.practica-ejemplos[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-practica[data-v-8968a7f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ej-icono[data-v-8968a7f0] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.ej-contenido[data-v-8968a7f0] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1;
}
.ej-formula[data-v-8968a7f0] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-interpretacion[data-v-8968a7f0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-8968a7f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8968a7f0] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-8968a7f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8968a7f0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-destacada[data-v-8968a7f0] {
    font-size: 2.25rem;
}
.b-destacada[data-v-8968a7f0] {
    font-size: 2.75rem;
}
.metodos-grid[data-v-8968a7f0] {
    grid-template-columns: repeat(3, 1fr);
}
.casos-grid[data-v-8968a7f0] {
    gap: 0.75rem;
}
.caso[data-v-8968a7f0] {
    padding: 1rem 0.75rem;
}
}

.intercepto[data-v-594ab37b] {
  color: #6EE7B7;
}
.pendiente[data-v-594ab37b] {
  color: #F97316;
}

/* Método */
.metodo-section[data-v-594ab37b] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-594ab37b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-594ab37b] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  color: #E9D5FF;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.ejemplo-funcion strong[data-v-594ab37b] {
  color: #FFFFFF;
  font-size: 1.1rem;
}
.pasos-container[data-v-594ab37b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-card[data-v-594ab37b] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.paso-header[data-v-594ab37b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.paso-num[data-v-594ab37b] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-titulo[data-v-594ab37b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-contenido[data-v-594ab37b] {
  padding: 0.75rem;
}
.paso-info[data-v-594ab37b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.paso-info strong[data-v-594ab37b] {
  color: #FFFFFF;
}
.mini-demo[data-v-594ab37b] {
  width: 100%;
  max-width: 120px;
  aspect-ratio: 1;
  margin: 0 auto;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Tabla */
.tabla-section[data-v-594ab37b] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-594ab37b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tabla-intro[data-v-594ab37b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.tabla-valores[data-v-594ab37b] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-594ab37b],
.tabla-row[data-v-594ab37b] {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  align-items: center;
}
.tabla-header[data-v-594ab37b] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  border-bottom: 2px solid rgba(139, 92, 246, 0.5);
}
.tabla-row[data-v-594ab37b] {
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.tabla-row[data-v-594ab37b]:last-child {
  border-bottom: none;
}
.x-val[data-v-594ab37b] {
  color: #93C5FD;
  font-weight: 700;
  text-align: center;
}
.calculo[data-v-594ab37b] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.y-val[data-v-594ab37b] {
  color: #F97316;
  font-weight: 700;
  text-align: center;
}
.punto-val[data-v-594ab37b] {
  color: #6EE7B7;
  font-weight: 700;
  text-align: center;
  font-family: monospace;
}
.tabla-tip[data-v-594ab37b] {
  text-align: center;
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  background: rgba(139, 92, 246, 0.1);
  margin-top: 0.5rem;
}

/* Casos de graficación */
.casos-graficacion[data-v-594ab37b] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-594ab37b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-594ab37b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso-grafico[data-v-594ab37b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.caso-nombre[data-v-594ab37b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  text-align: center;
}
.caso-visual[data-v-594ab37b] {
  width: 100%;
  aspect-ratio: 1;
  max-width: 80px;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.caso-formula[data-v-594ab37b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tips prácticos */
.tips-practicos[data-v-594ab37b] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-594ab37b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-594ab37b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-594ab37b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-594ab37b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCD34D;
  color: #000;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.tip-texto[data-v-594ab37b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip PAES */
.tip[data-v-594ab37b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-594ab37b] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-594ab37b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-594ab37b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pasos-container[data-v-594ab37b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.tabla-header[data-v-594ab37b],
  .tabla-row[data-v-594ab37b] {
    font-size: 0.85rem;
    padding: 0.75rem;
}
.casos-grid[data-v-594ab37b] {
    gap: 0.75rem;
}
.caso-grafico[data-v-594ab37b] {
    padding: 1rem 0.75rem;
}
.mini-demo[data-v-594ab37b] {
    max-width: 150px;
}
}

.explorador[data-v-3c9796bf] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-3c9796bf] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3c9796bf] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3c9796bf] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3c9796bf] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3c9796bf] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3c9796bf] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3c9796bf] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3c9796bf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3c9796bf] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Desafío 1: Identificar */
.identificar-container[data-v-3c9796bf] {
  text-align: center;
}
.funcion-display[data-v-3c9796bf] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  font-family: monospace;
}
.inputs-grid[data-v-3c9796bf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-group[data-v-3c9796bf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.input-group label[data-v-3c9796bf] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.input-group input[data-v-3c9796bf] {
  padding: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}

/* Desafío 2: Calcular */
.calcular-container[data-v-3c9796bf] {
  text-align: center;
}
.funcion-info[data-v-3c9796bf] {
  margin-bottom: 1rem;
}
.pregunta-display[data-v-3c9796bf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.pregunta-texto[data-v-3c9796bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pregunta-formula[data-v-3c9796bf] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.input-respuesta[data-v-3c9796bf] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-respuesta input[data-v-3c9796bf] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.btn-check[data-v-3c9796bf] {
  width: 48px;
  height: 48px;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
  flex-shrink: 0;
}

/* Desafío 3: Gráficos */
.grafico-container[data-v-3c9796bf] {
  text-align: center;
}
.funcion-mostrar[data-v-3c9796bf] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  font-family: monospace;
}
.instruccion-grafico[data-v-3c9796bf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.graficos-opciones[data-v-3c9796bf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.grafico-opcion[data-v-3c9796bf] {
  position: relative;
  aspect-ratio: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
}
.grafico-opcion[data-v-3c9796bf]:hover {
  border-color: #8B5CF6;
}
.grafico-opcion.seleccionado[data-v-3c9796bf] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.grafico-opcion.correcto[data-v-3c9796bf] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.grafico-opcion.incorrecto[data-v-3c9796bf] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.grafico-opcion svg[data-v-3c9796bf] {
  width: 100%;
  height: 100%;
}
.opcion-letra[data-v-3c9796bf] {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.8);
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}

/* Botones y feedback */
.btn-verificar[data-v-3c9796bf] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-3c9796bf]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-3c9796bf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.feedback.correcto[data-v-3c9796bf] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.3);
}
.resultado-correcto[data-v-3c9796bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3c9796bf] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-3c9796bf] {
  color: #6EE7B7;
  font-weight: 700;
}
.contador[data-v-3c9796bf] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-3c9796bf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3c9796bf] {
  flex: 1;
}
.nav-btn[data-v-3c9796bf] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-3c9796bf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3c9796bf] {
  font-size: 1.75rem;
}
.completado-texto[data-v-3c9796bf] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3c9796bf],
.slide-leave-active[data-v-3c9796bf] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3c9796bf] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-3c9796bf] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.inputs-grid[data-v-3c9796bf] {
    max-width: 400px;
    margin: 0 auto 1rem;
}
}

/* Fórmula clave */
.formula-clave[data-v-71e33336] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.formula-box[data-v-71e33336] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 3px solid #8B5CF6;
  border-radius: 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-text[data-v-71e33336] {
  color: #FFFFFF;
}
.formula-m[data-v-71e33336] {
  color: #F97316;
  font-size: 2rem;
}
.formula-b[data-v-71e33336] {
  color: #6EE7B7;
  font-size: 2rem;
}

/* Secciones generales */
.section-titulo[data-v-71e33336] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1.05rem;
}

/* Lo que aprendiste */
.aprendiste-section[data-v-71e33336] {
  margin: 1.5rem 0;
}
.conceptos-grid[data-v-71e33336] {
  display: grid;
  gap: 0.75rem;
}
.concepto-card[data-v-71e33336] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-icono[data-v-71e33336] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.concepto-contenido[data-v-71e33336] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
.concepto-nombre[data-v-71e33336] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-desc[data-v-71e33336] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.concepto-formula[data-v-71e33336] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: monospace;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.frac[data-v-71e33336] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
  margin: 0 0.25rem;
}
.frac span[data-v-71e33336]:first-child {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 0.1rem;
}

/* Tips PAES */
.tips-paes-section[data-v-71e33336] {
  margin: 1.5rem 0;
}
.tips-lista[data-v-71e33336] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-paes[data-v-71e33336] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-num[data-v-71e33336] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-71e33336] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
.tip-titulo[data-v-71e33336] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tip-texto[data-v-71e33336] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-71e33336] {
  color: #FFFFFF;
}

/* Ejemplos PAES */
.ejemplos-paes-section[data-v-71e33336] {
  margin: 1.5rem 0;
}
.ejemplo-paes[data-v-71e33336] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-paes[data-v-71e33336]:last-child {
  margin-bottom: 0;
}
.ejemplo-pregunta[data-v-71e33336] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-pregunta strong[data-v-71e33336] {
  color: #FCD34D;
}
.ejemplo-respuesta[data-v-71e33336] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-respuesta strong[data-v-71e33336] {
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.5rem;
}
.ejemplo-respuesta ul[data-v-71e33336] {
  margin: 0;
  padding-left: 1.25rem;
}
.ejemplo-respuesta li[data-v-71e33336] {
  margin-bottom: 0.35rem;
  line-height: 1.4;
}
.negativo[data-v-71e33336] {
  color: #FCA5A5;
}
.positivo[data-v-71e33336] {
  color: #6EE7B7;
}
.pendiente[data-v-71e33336] {
  color: #F97316;
}
.intercepto[data-v-71e33336] {
  color: #6EE7B7;
}

/* Errores comunes */
.errores-section[data-v-71e33336] {
  margin: 1.5rem 0;
}
.errores-lista[data-v-71e33336] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-71e33336] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-71e33336] {
  font-size: 1.1rem;
  flex-shrink: 0;
}
.error-texto[data-v-71e33336] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.error-texto strong[data-v-71e33336] {
  color: #FCA5A5;
}

/* Recuerda */
.recuerda-box[data-v-71e33336] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.recuerda-icono[data-v-71e33336] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.recuerda-contenido[data-v-71e33336] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}
.recuerda-titulo[data-v-71e33336] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.recuerda-texto[data-v-71e33336] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.recuerda-texto strong[data-v-71e33336] {
  color: #FFFFFF;
}

/* Siguiente */
.siguiente-section[data-v-71e33336] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.siguiente-titulo[data-v-71e33336] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.siguiente-texto[data-v-71e33336] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.siguiente-texto strong[data-v-71e33336] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-71e33336] {
    font-size: 2.25rem;
    padding: 1.25rem 2rem;
}
.formula-m[data-v-71e33336],
  .formula-b[data-v-71e33336] {
    font-size: 2.5rem;
}
.conceptos-grid[data-v-71e33336] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-deadaa86] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Fórmula box */
.formula-box[data-v-deadaa86] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-principal[data-v-deadaa86] {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.m[data-v-deadaa86] {
  color: #F97316;
  font-size: 2rem;
}
.b[data-v-deadaa86] {
  color: #6EE7B7;
  font-size: 2rem;
}
.formula-significado[data-v-deadaa86] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.significado-item[data-v-deadaa86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sig-letra[data-v-deadaa86] {
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 20px;
}
.m-item .sig-letra[data-v-deadaa86] {
  color: #F97316;
}
.b-item .sig-letra[data-v-deadaa86] {
  color: #6EE7B7;
}
.sig-igual[data-v-deadaa86] {
  color: #C4B5FD;
}
.sig-texto[data-v-deadaa86] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Estrategia box */
.estrategia-box[data-v-deadaa86] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-deadaa86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-deadaa86] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-deadaa86] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-deadaa86] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #3B82F6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-deadaa86] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-deadaa86] {
  color: #93C5FD;
}

/* Contextos */
.contextos-section[data-v-deadaa86] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-deadaa86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-grid[data-v-deadaa86] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.contexto[data-v-deadaa86] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-deadaa86] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-deadaa86] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ctx-ejemplo[data-v-deadaa86] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-box[data-v-deadaa86] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-deadaa86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-deadaa86] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-deadaa86] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-deadaa86] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-deadaa86] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-deadaa86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-label[data-v-deadaa86] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 80px;
}
.sol-valor[data-v-deadaa86] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sol-paso.resultado[data-v-deadaa86] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.sol-paso.resultado .sol-valor[data-v-deadaa86] {
  color: #6EE7B7;
  font-family: monospace;
  font-size: 1rem;
}

/* Señales */
.senales-section[data-v-deadaa86] {
  margin: 1.5rem 0;
}
.senales-titulo[data-v-deadaa86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.senales-grid[data-v-deadaa86] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.senal[data-v-deadaa86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.senal-check[data-v-deadaa86] {
  color: #6EE7B7;
  font-weight: 700;
}
.senal-texto[data-v-deadaa86] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-deadaa86] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-deadaa86] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-deadaa86] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-deadaa86] {
  color: #FCD34D;
}
.tip-texto strong.m[data-v-deadaa86] {
  color: #F97316;
}
.tip-texto strong.b[data-v-deadaa86] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-deadaa86] {
    font-size: 2.5rem;
    gap: 1rem;
}
.formula-principal[data-v-deadaa86] {
    font-size: 2.25rem;
}
.m[data-v-deadaa86], .b[data-v-deadaa86] {
    font-size: 2.5rem;
}
.formula-significado[data-v-deadaa86] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.contextos-grid[data-v-deadaa86] {
    gap: 1rem;
}
.contexto[data-v-deadaa86] {
    padding: 1rem;
}
.ctx-icono[data-v-deadaa86] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-59e11482] {
  margin: 1rem 0 1.5rem;
}
.tarifa-formula[data-v-59e11482] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.parte[data-v-59e11482] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.parte.fijo[data-v-59e11482] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.parte.variable[data-v-59e11482] {
  background: rgba(249, 115, 22, 0.2);
  color: #FDBA74;
  border: 1px solid rgba(249, 115, 22, 0.4);
}
.parte.total[data-v-59e11482] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.operador[data-v-59e11482] {
  color: #E9D5FF;
  font-weight: 700;
  font-size: 1.25rem;
}

/* Estructura box */
.estructura-box[data-v-59e11482] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-59e11482] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.estructura-formula[data-v-59e11482] {
  margin-bottom: 0.75rem;
}
.estructura-ecuacion[data-v-59e11482] {
  text-align: center;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.estructura-ecuacion .m[data-v-59e11482] {
  color: #F97316;
}
.estructura-ecuacion .b[data-v-59e11482] {
  color: #6EE7B7;
}
.estructura-explicacion[data-v-59e11482] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.exp-item[data-v-59e11482] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.exp-var[data-v-59e11482] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 20px;
}
.exp-var.m[data-v-59e11482] {
  color: #F97316;
}
.exp-var.b[data-v-59e11482] {
  color: #6EE7B7;
}
.exp-texto[data-v-59e11482] {
  color: #E9D5FF;
}

/* Ejemplos detallados */
.ejemplo-detallado[data-v-59e11482] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-detallado.plan[data-v-59e11482] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-header[data-v-59e11482] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-59e11482] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-59e11482] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-59e11482] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-desarrollo[data-v-59e11482] {
  margin-bottom: 0.75rem;
}
.desarrollo-paso[data-v-59e11482] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.paso-label[data-v-59e11482] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-contenido[data-v-59e11482] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.paso-contenido.alerta[data-v-59e11482] {
  color: #FCD34D;
}
.desarrollo-resultado[data-v-59e11482] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.resultado-label[data-v-59e11482] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resultado-formula[data-v-59e11482] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ejemplo-aplicacion[data-v-59e11482] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.aplicacion-titulo[data-v-59e11482] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.aplicacion-calculo[data-v-59e11482] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calc-paso[data-v-59e11482] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calc-paso .highlight[data-v-59e11482] {
  color: #93C5FD;
  font-weight: 700;
}
.calc-resultado[data-v-59e11482] {
  font-size: 1rem;
  color: #6EE7B7;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Preguntas típicas */
.preguntas-section[data-v-59e11482] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-59e11482] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-59e11482] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-tipo[data-v-59e11482] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-num[data-v-59e11482] {
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.tipo-texto[data-v-59e11482] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.tipo-texto strong[data-v-59e11482] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-59e11482] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-59e11482] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-59e11482] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-59e11482] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.tarifa-formula[data-v-59e11482] {
    gap: 0.75rem;
}
.parte[data-v-59e11482] {
    font-size: 1rem;
    padding: 0.6rem 1rem;
}
.estructura-ecuacion[data-v-59e11482] {
    font-size: 1.1rem;
}
.preguntas-lista[data-v-59e11482] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-ffd48833] {
  margin: 1rem 0 1.5rem;
}
.movimiento-visual[data-v-ffd48833] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.punto[data-v-ffd48833] {
  font-size: 2rem;
}
.flecha-mov[data-v-ffd48833] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0 1rem;
}
.velocidad[data-v-ffd48833] {
  font-size: 0.8rem;
  color: #F97316;
  font-weight: 600;
}
.linea-mov[data-v-ffd48833] {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #F97316, #6366F1);
  border-radius: 2px;
  position: relative;
}
.linea-mov[data-v-ffd48833]::after {
  content: '→';
  position: absolute;
  right: -10px;
  top: -8px;
  color: #6366F1;
  font-size: 1.25rem;
}

/* Fórmula box */
.formula-box[data-v-ffd48833] {
  background: rgba(249, 115, 22, 0.1);
  border: 2px solid rgba(249, 115, 22, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-ffd48833] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.formula-principal[data-v-ffd48833] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.v[data-v-ffd48833] {
  color: #F97316;
  font-size: 1.75rem;
}
.d0[data-v-ffd48833] {
  color: #6EE7B7;
  font-size: 1.75rem;
}
.formula-explicacion[data-v-ffd48833] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.exp-item[data-v-ffd48833] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.exp-var[data-v-ffd48833] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.exp-var.v[data-v-ffd48833] {
  color: #F97316;
}
.exp-var.d0[data-v-ffd48833] {
  color: #6EE7B7;
}
.exp-texto[data-v-ffd48833] {
  color: #E9D5FF;
  font-size: 0.75rem;
}

/* Conexión box */
.conexion-box[data-v-ffd48833] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.conexion-titulo[data-v-ffd48833] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.conexion-grid[data-v-ffd48833] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.conexion-item[data-v-ffd48833] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.conn-param[data-v-ffd48833] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.conn-igual[data-v-ffd48833] {
  color: #E9D5FF;
  font-size: 1.25rem;
}
.conn-valor[data-v-ffd48833] {
  font-size: 0.9rem;
  font-weight: 700;
}
.conn-valor.v[data-v-ffd48833] {
  color: #F97316;
}
.conn-valor.d0[data-v-ffd48833] {
  color: #6EE7B7;
}

/* Ejemplos detallados */
.ejemplo-detallado[data-v-ffd48833] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-detallado.encuentro[data-v-ffd48833] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-header[data-v-ffd48833] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-ffd48833] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-ffd48833] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-ffd48833] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-desarrollo[data-v-ffd48833] {
  margin-bottom: 0.75rem;
}
.desarrollo-paso[data-v-ffd48833] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.paso-label[data-v-ffd48833] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-contenido[data-v-ffd48833] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.paso-contenido.alerta[data-v-ffd48833] {
  color: #FCD34D;
}
.desarrollo-resultado[data-v-ffd48833] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.resultado-label[data-v-ffd48833] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resultado-formula[data-v-ffd48833] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ejemplo-aplicacion[data-v-ffd48833] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.aplicacion-titulo[data-v-ffd48833] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.aplicacion-calculo[data-v-ffd48833] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calc-paso[data-v-ffd48833] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calc-resultado[data-v-ffd48833] {
  font-size: 1rem;
  color: #6EE7B7;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Gráfico section */
.grafico-section[data-v-ffd48833] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-ffd48833] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-grid[data-v-ffd48833] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.grafico-item[data-v-ffd48833] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.graf-visual[data-v-ffd48833] {
  width: 100%;
  aspect-ratio: 1.25;
  margin-bottom: 0.25rem;
}
.graf-visual svg[data-v-ffd48833] {
  width: 100%;
  height: 100%;
}
.graf-label[data-v-ffd48833] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.graf-desc[data-v-ffd48833] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-ffd48833] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ffd48833] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-ffd48833] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ffd48833] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-principal[data-v-ffd48833] {
    font-size: 2rem;
}
.v[data-v-ffd48833], .d0[data-v-ffd48833] {
    font-size: 2.25rem;
}
.grafico-grid[data-v-ffd48833] {
    gap: 1rem;
}
.grafico-item[data-v-ffd48833] {
    padding: 0.75rem;
}
.graf-label[data-v-ffd48833] {
    font-size: 0.8rem;
}
.graf-desc[data-v-ffd48833] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-c31614c2] {
  margin: 1rem 0 1.5rem;
}
.produccion-visual[data-v-c31614c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.costo-item[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.costo-item.fijo[data-v-c31614c2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.costo-item.variable[data-v-c31614c2] {
  background: rgba(249, 115, 22, 0.1);
  border-color: rgba(249, 115, 22, 0.4);
}
.costo-icono[data-v-c31614c2] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.costo-label[data-v-c31614c2] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.costo-desc[data-v-c31614c2] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.costo-op[data-v-c31614c2] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Fórmulas section */
.formulas-section[data-v-c31614c2] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-c31614c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.formula-card.costo[data-v-c31614c2] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-card.ingreso[data-v-c31614c2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-card.ganancia[data-v-c31614c2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.formula-nombre[data-v-c31614c2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.formula-eq[data-v-c31614c2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-card.costo .formula-eq[data-v-c31614c2] {
  color: #FCA5A5;
}
.formula-card.ingreso .formula-eq[data-v-c31614c2] {
  color: #6EE7B7;
}
.formula-card.ganancia .formula-eq[data-v-c31614c2] {
  color: #93C5FD;
}
.formula-desc[data-v-c31614c2] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-c31614c2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-c31614c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-c31614c2] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-c31614c2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-c31614c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-funciones[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.funcion-item[data-v-c31614c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.funcion-nombre[data-v-c31614c2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 80px;
}
.funcion-formula[data-v-c31614c2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.funcion-item.simplificado[data-v-c31614c2] {
  background: rgba(139, 92, 246, 0.3);
}
.funcion-item.simplificado .funcion-formula[data-v-c31614c2] {
  color: #93C5FD;
}

/* Equilibrio section */
.equilibrio-section[data-v-c31614c2] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.equilibrio-header[data-v-c31614c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.equilibrio-icono[data-v-c31614c2] {
  font-size: 1.25rem;
}
.equilibrio-titulo[data-v-c31614c2] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.equilibrio-explicacion[data-v-c31614c2] {
  margin-bottom: 0.75rem;
}
.equilibrio-explicacion p[data-v-c31614c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}
.equilibrio-formula[data-v-c31614c2] {
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
}
.equilibrio-calculo[data-v-c31614c2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.calculo-titulo[data-v-c31614c2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.calculo-pasos[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.calc-paso[data-v-c31614c2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calc-resultado[data-v-c31614c2] {
  font-size: 1rem;
  color: #6EE7B7;
  font-family: monospace;
}
.equilibrio-conclusion[data-v-c31614c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.conclusion-icono[data-v-c31614c2] {
  font-size: 1rem;
  flex-shrink: 0;
}
.conclusion-texto[data-v-c31614c2] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.conclusion-texto strong[data-v-c31614c2] {
  color: #6EE7B7;
}

/* Gráfico section */
.grafico-section[data-v-c31614c2] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-c31614c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-c31614c2] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.grafico-svg[data-v-c31614c2] {
  width: 100%;
  height: auto;
}
.grafico-leyenda[data-v-c31614c2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
.leyenda-item[data-v-c31614c2] {
  font-weight: 600;
}
.leyenda-item.costo[data-v-c31614c2] {
  color: #FCA5A5;
}
.leyenda-item.ingreso[data-v-c31614c2] {
  color: #6EE7B7;
}
.leyenda-item.equilibrio[data-v-c31614c2] {
  color: #FCD34D;
}

/* Preguntas típicas */
.preguntas-section[data-v-c31614c2] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-c31614c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-c31614c2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pregunta-tipo[data-v-c31614c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-check[data-v-c31614c2] {
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.tipo-texto[data-v-c31614c2] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-c31614c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c31614c2] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-c31614c2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c31614c2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.produccion-visual[data-v-c31614c2] {
    gap: 1.5rem;
}
.costo-item[data-v-c31614c2] {
    padding: 1rem 1.5rem;
}
.formulas-grid[data-v-c31614c2] {
    flex-direction: row;
}
.formula-card[data-v-c31614c2] {
    flex: 1;
}
}

.explorador[data-v-de59e3b9] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-de59e3b9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-de59e3b9] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-de59e3b9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-de59e3b9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-de59e3b9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-de59e3b9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-de59e3b9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-de59e3b9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-de59e3b9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema container */
.problema-container[data-v-de59e3b9],
.calcular-container[data-v-de59e3b9],
.equilibrio-container[data-v-de59e3b9] {
  text-align: center;
}
.problema-enunciado[data-v-de59e3b9] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: left;
}
.problema-icono[data-v-de59e3b9] {
  display: block;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.problema-enunciado p[data-v-de59e3b9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0 0 0.5rem 0;
}
.funcion-display[data-v-de59e3b9] {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
  margin: 0.5rem 0;
}
.funciones-display[data-v-de59e3b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.funcion-eq[data-v-de59e3b9] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}

/* Modelo builder */
.modelo-builder[data-v-de59e3b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.modelo-label[data-v-de59e3b9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.modelo-inputs[data-v-de59e3b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-m[data-v-de59e3b9],
.input-b[data-v-de59e3b9] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-m[data-v-de59e3b9] {
  border-color: #F97316;
}
.input-b[data-v-de59e3b9] {
  border-color: #6EE7B7;
}
.modelo-texto[data-v-de59e3b9] {
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
}

/* Input respuesta */
.input-respuesta[data-v-de59e3b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-de59e3b9] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.input-suffix[data-v-de59e3b9] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.input-respuesta input[data-v-de59e3b9] {
  width: 120px;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}

/* Pregunta equilibrio */
.pregunta-equilibrio[data-v-de59e3b9] {
  margin: 1rem 0;
}
.pregunta-equilibrio p[data-v-de59e3b9] {
  color: #FCD34D;
  font-size: 0.9rem;
  margin: 0;
}

/* Botones y feedback */
.btn-verificar[data-v-de59e3b9] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-de59e3b9]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-de59e3b9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.feedback.correcto[data-v-de59e3b9] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.3);
}
.resultado-correcto[data-v-de59e3b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-de59e3b9] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-de59e3b9] {
  color: #6EE7B7;
  font-weight: 700;
}
.contador[data-v-de59e3b9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-de59e3b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-de59e3b9] {
  flex: 1;
}
.nav-btn[data-v-de59e3b9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* Mensaje completado */
.mensaje-completado[data-v-de59e3b9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-de59e3b9] {
  font-size: 1.75rem;
}
.completado-texto[data-v-de59e3b9] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-de59e3b9],
.slide-leave-active[data-v-de59e3b9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-de59e3b9] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-de59e3b9] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.input-m[data-v-de59e3b9],
  .input-b[data-v-de59e3b9] {
    width: 100px;
}
.input-respuesta input[data-v-de59e3b9] {
    width: 150px;
}
.funciones-display[data-v-de59e3b9] {
    flex-direction: row;
    justify-content: center;
}
.funcion-eq[data-v-de59e3b9] {
    padding: 0.5rem 1rem;
}
}

/* Header visual */
.header-visual[data-v-06851f29] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.header-icono[data-v-06851f29] {
  font-size: 2rem;
}
.header-texto[data-v-06851f29] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Fórmula resumen */
.formula-resumen[data-v-06851f29] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.formula-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-06851f29] {
  font-size: 2rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.m[data-v-06851f29] {
  color: #F97316;
  font-size: 2.25rem;
}
.b[data-v-06851f29] {
  color: #6EE7B7;
  font-size: 2.25rem;
}
.formula-significados[data-v-06851f29] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.significado[data-v-06851f29] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.sig-var[data-v-06851f29] {
  font-weight: 700;
  font-size: 1.1rem;
}
.significado.m .sig-var[data-v-06851f29] {
  color: #F97316;
}
.significado.b .sig-var[data-v-06851f29] {
  color: #6EE7B7;
}
.sig-texto[data-v-06851f29] {
  color: #E9D5FF;
}

/* Contextos resumen */
.contextos-resumen[data-v-06851f29] {
  margin-bottom: 1.5rem;
}
.contextos-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-tabla[data-v-06851f29] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-06851f29],
.tabla-row[data-v-06851f29] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.tabla-header[data-v-06851f29] {
  background: rgba(139, 92, 246, 0.3);
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-06851f29] {
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-contexto[data-v-06851f29] {
  font-weight: 600;
  color: #FFFFFF;
}
.col-m[data-v-06851f29] {
  color: #F97316;
}
.col-b[data-v-06851f29] {
  color: #6EE7B7;
}

/* Estrategia resumen */
.estrategia-resumen[data-v-06851f29] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.estrategia-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-lista[data-v-06851f29] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-06851f29] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-06851f29] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #3B82F6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-06851f29] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-accion[data-v-06851f29] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
}
.paso-detalle[data-v-06851f29] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Fórmulas importantes */
.formulas-importantes[data-v-06851f29] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-06851f29] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-06851f29] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.card-label[data-v-06851f29] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.card-formula[data-v-06851f29] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}

/* Errores section */
.errores-section[data-v-06851f29] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-06851f29] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error[data-v-06851f29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-icono[data-v-06851f29] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-06851f29] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips section */
.tips-section[data-v-06851f29] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-06851f29] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-06851f29] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tip-card[data-v-06851f29] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-06851f29] {
  width: 20px;
  height: 20px;
  background: #10B981;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.tip-texto[data-v-06851f29] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-06851f29] {
  color: #6EE7B7;
}

/* Motivación */
.motivacion[data-v-06851f29] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.motivacion-icono[data-v-06851f29] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.motivacion-texto[data-v-06851f29] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-06851f29] {
    font-size: 2.5rem;
}
.m[data-v-06851f29], .b[data-v-06851f29] {
    font-size: 2.75rem;
}
.formula-significados[data-v-06851f29] {
    flex-direction: row;
    gap: 2rem;
}
.tabla-header[data-v-06851f29],
  .tabla-row[data-v-06851f29] {
    font-size: 0.85rem;
}
.formulas-grid[data-v-06851f29],
  .tips-grid[data-v-06851f29] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-8aae7809] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.comparacion[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  max-width: 300px;
}
.item[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.item.ecuacion[data-v-8aae7809] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.item.inecuacion[data-v-8aae7809] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-label[data-v-8aae7809] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.item.inecuacion .tipo-label[data-v-8aae7809] {
  color: #6EE7B7;
}
.expresion[data-v-8aae7809] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.simbolo[data-v-8aae7809] {
  font-weight: 800;
  padding: 0 0.25rem;
}
.simbolo.igual[data-v-8aae7809] { color: #FCD34D;
}
.simbolo.menor[data-v-8aae7809] { color: #6EE7B7;
}

/* Símbolos de desigualdad */
.simbolos-section[data-v-8aae7809] {
  margin: 1.5rem 0;
}
.simbolos-titulo[data-v-8aae7809] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.simbolos-grid[data-v-8aae7809] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.simbolo-card[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sim[data-v-8aae7809] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  line-height: 1;
}
.sig[data-v-8aae7809] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.ej[data-v-8aae7809] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Diferencia clave */
.diferencia-section[data-v-8aae7809] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-8aae7809] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.diferencia-grid[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.dif-item.ecuacion[data-v-8aae7809] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.dif-item.inecuacion[data-v-8aae7809] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.dif-tipo[data-v-8aae7809] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.dif-item.inecuacion .dif-tipo[data-v-8aae7809] {
  color: #6EE7B7;
}
.dif-eq[data-v-8aae7809] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.dif-sol[data-v-8aae7809] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dif-sol strong[data-v-8aae7809] {
  color: #FCD34D;
}

/* Ejemplos */
.ejemplos-section[data-v-8aae7809] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-8aae7809] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-8aae7809] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-8aae7809] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-8aae7809] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-8aae7809] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ej-inec[data-v-8aae7809] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-8aae7809] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8aae7809] { font-size: 1.25rem;
}
.tip-texto[data-v-8aae7809] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8aae7809] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion[data-v-8aae7809] {
    flex-direction: row;
    max-width: 500px;
}
.item[data-v-8aae7809] {
    flex: 1;
}
.diferencia-grid[data-v-8aae7809] {
    flex-direction: row;
}
.dif-item[data-v-8aae7809] {
    flex: 1;
}
.ejemplos-grid[data-v-8aae7809] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto advertencia */
strong.advertencia[data-v-eada0d4b] {
  color: #FCD34D;
}
strong.positivo[data-v-eada0d4b] {
  color: #6EE7B7;
}
strong.negativo[data-v-eada0d4b] {
  color: #FCA5A5;
}

/* Propiedades */
.propiedad-section[data-v-eada0d4b] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.propiedad-section.crucial[data-v-eada0d4b] {
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.propiedad-header[data-v-eada0d4b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.propiedad-header.correcto[data-v-eada0d4b] {
  background: rgba(16, 185, 129, 0.2);
}
.propiedad-header.error[data-v-eada0d4b] {
  background: rgba(239, 68, 68, 0.2);
}
.prop-icono[data-v-eada0d4b] {
  font-size: 1.25rem;
}
.prop-titulo[data-v-eada0d4b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.propiedad-contenido[data-v-eada0d4b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Ejemplo de propiedad */
.ejemplo-prop[data-v-eada0d4b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-eada0d4b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-texto[data-v-eada0d4b] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.expresion[data-v-eada0d4b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.expresion.cambiado .signo-nuevo[data-v-eada0d4b] {
  color: #FCD34D;
  font-size: 1.5rem;
}
.operacion[data-v-eada0d4b] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.operacion.negativo[data-v-eada0d4b] {
  background: rgba(239, 68, 68, 0.2);
}
.operacion .positivo[data-v-eada0d4b] {
  color: #6EE7B7;
  font-weight: 700;
}
.operacion .negativo[data-v-eada0d4b] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-eada0d4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.ejemplo-numerico.crucial[data-v-eada0d4b] {
  background: rgba(245, 158, 11, 0.1);
}
.num[data-v-eada0d4b] {
  color: #E9D5FF;
}
.num.resultado[data-v-eada0d4b] {
  color: #6EE7B7;
  font-weight: 700;
}
.flecha[data-v-eada0d4b] {
  color: #8B5CF6;
}

/* Regla box */
.regla-box[data-v-eada0d4b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.regla-texto[data-v-eada0d4b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.regla-cambios[data-v-eada0d4b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.cambio[data-v-eada0d4b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  text-align: center;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Visual recta */
.visual-recta[data-v-eada0d4b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.visual-titulo[data-v-eada0d4b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.recta-explicacion[data-v-eada0d4b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.recta-row[data-v-eada0d4b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.label[data-v-eada0d4b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 55px;
}
.recta-numeros[data-v-eada0d4b] {
  display: flex;
  gap: 1rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.recta-numeros.invertidos[data-v-eada0d4b] {
  background: rgba(239, 68, 68, 0.1);
}
.n[data-v-eada0d4b] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.n.mayor[data-v-eada0d4b] {
  color: #FCD34D;
}
.relacion[data-v-eada0d4b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.explicacion-visual[data-v-eada0d4b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0;
  text-align: center;
}

/* Tip */
.tip[data-v-eada0d4b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-eada0d4b] { font-size: 1.25rem;
}
.tip-texto[data-v-eada0d4b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eada0d4b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplo-prop[data-v-eada0d4b] {
    flex-direction: row;
    gap: 1rem;
}
.regla-cambios[data-v-eada0d4b] {
    grid-template-columns: repeat(4, 1fr);
}
.recta-numeros[data-v-eada0d4b] {
    gap: 1.5rem;
}
}

/* Colores */
.positivo[data-v-db427e66] { color: #6EE7B7;
}
.negativo[data-v-db427e66] { color: #FCA5A5;
}

/* Ejemplo section */
.ejemplo-section[data-v-db427e66] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-section.crucial[data-v-db427e66] {
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.ejemplo-header[data-v-db427e66] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-header.advertencia[data-v-db427e66] {
  background: rgba(239, 68, 68, 0.2);
}
.ejemplo-num[data-v-db427e66] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.ejemplo-titulo[data-v-db427e66] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-contenido[data-v-db427e66] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Inecuación inicial */
.inecuacion-inicial[data-v-db427e66] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

/* Pasos de resolución */
.pasos-resolucion[data-v-db427e66] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso[data-v-db427e66] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.paso.crucial[data-v-db427e66] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.paso-header[data-v-db427e66] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-header.advertencia[data-v-db427e66] {
  color: #FCD34D;
}
.paso-num[data-v-db427e66] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso.crucial .paso-num[data-v-db427e66] {
  background: #F59E0B;
}
.paso-accion[data-v-db427e66] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-ecuacion[data-v-db427e66] {
  font-size: 0.95rem;
  color: #C4B5FD;
  padding-left: 1.75rem;
}
.paso-ecuacion .cambio[data-v-db427e66] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1.1rem;
}
.paso-resultado[data-v-db427e66] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding-left: 1.75rem;
  margin-top: 0.25rem;
}
.paso-resultado.final[data-v-db427e66] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Alerta cambio */
.alerta-cambio[data-v-db427e66] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.alerta-icono[data-v-db427e66] { font-size: 1.25rem;
}
.alerta-texto[data-v-db427e66] {
  font-size: 0.85rem;
  color: #FCA5A5;
}

/* Solución box */
.solucion-box[data-v-db427e66] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.sol-label[data-v-db427e66] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}
.sol-valor[data-v-db427e66] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.sol-texto[data-v-db427e66] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Método section */
.metodo-section[data-v-db427e66] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-titulo[data-v-db427e66] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.metodo-pasos[data-v-db427e66] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-db427e66] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.metodo-paso.destacado[data-v-db427e66] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.mp-num[data-v-db427e66] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.metodo-paso.destacado .mp-num[data-v-db427e66] {
  background: transparent;
  font-size: 1rem;
}
.mp-texto[data-v-db427e66] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.metodo-paso.destacado .mp-texto[data-v-db427e66] {
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip[data-v-db427e66] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-db427e66] { font-size: 1.25rem;
}
.tip-texto[data-v-db427e66] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-db427e66] {
  color: #6EE7B7;
}

/* Puntos section */
.puntos-section[data-v-42147ef2] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-42147ef2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.puntos-grid[data-v-42147ef2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.punto-tipo[data-v-42147ef2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto[data-v-42147ef2] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.punto.abierto[data-v-42147ef2] {
  border: 3px solid #FCD34D;
  background: transparent;
}
.punto.cerrado[data-v-42147ef2] {
  background: #6EE7B7;
  border: 3px solid #6EE7B7;
}
.punto-nombre[data-v-42147ef2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-uso[data-v-42147ef2] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.punto-desc[data-v-42147ef2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplos con recta */
.ejemplos-recta[data-v-42147ef2] {
  margin: 1.5rem 0;
}
.ejemplo-recta-titulo[data-v-42147ef2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-recta[data-v-42147ef2] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.er-header[data-v-42147ef2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.er-inecuacion[data-v-42147ef2] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.er-intervalo[data-v-42147ef2] {
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}

/* Recta container */
.recta-container[data-v-42147ef2] {
  position: relative;
  padding: 1rem 0;
}
.recta-linea[data-v-42147ef2] {
  position: relative;
  height: 4px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 2px;
  margin-bottom: 0.5rem;
}
.recta-relleno[data-v-42147ef2] {
  position: absolute;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 2px;
}
.recta-relleno.izquierda[data-v-42147ef2] {
  left: 0;
}
.recta-relleno.derecha[data-v-42147ef2] {
  right: 0;
}
.recta-numeros[data-v-42147ef2] {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
}
.n[data-v-42147ef2] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  min-width: 20px;
  text-align: center;
}
.n.punto-ref[data-v-42147ef2] {
  font-weight: 700;
}
.n.punto-ref.abierto[data-v-42147ef2] {
  color: #FCD34D;
}
.n.punto-ref.cerrado[data-v-42147ef2] {
  color: #6EE7B7;
}
.punto-marcador[data-v-42147ef2] {
  position: absolute;
  top: calc(1rem - 6px);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  z-index: 1;
}
.punto-marcador.abierto[data-v-42147ef2] {
  border: 3px solid #FCD34D;
  background: #1a1a2e;
}
.punto-marcador.cerrado[data-v-42147ef2] {
  background: #6EE7B7;
}
.er-descripcion[data-v-42147ef2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin-top: 0.5rem;
}
.er-descripcion strong[data-v-42147ef2] {
  color: #6EE7B7;
}

/* Intervalos section */
.intervalos-section[data-v-42147ef2] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.intervalos-titulo[data-v-42147ef2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.intervalos-grid[data-v-42147ef2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.intervalo-item[data-v-42147ef2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.int-inec[data-v-42147ef2] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.int-not[data-v-42147ef2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.intervalo-nota[data-v-42147ef2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nota-icono[data-v-42147ef2] { font-size: 1rem;
}
.nota-texto[data-v-42147ef2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-texto strong[data-v-42147ef2] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-42147ef2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-42147ef2] { font-size: 1.25rem;
}
.tip-texto[data-v-42147ef2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-42147ef2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intervalos-grid[data-v-42147ef2] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-b4721c47] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b4721c47] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b4721c47] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b4721c47] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b4721c47] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b4721c47] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b4721c47] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b4721c47] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-right: 0.5rem;
}
.desafio-dificultad[data-v-b4721c47] {
  font-size: 0.8rem;
}
.desafio-titulo[data-v-b4721c47] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.5rem 0 0.25rem 0;
}
.desafio-instruccion[data-v-b4721c47] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Inecuación grande */
.inecuacion-grande[data-v-b4721c47] {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

/* Input respuesta */
.input-respuesta[data-v-b4721c47] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-b4721c47] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.btn-signo[data-v-b4721c47] {
  width: 44px;
  height: 44px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-b4721c47] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.input-x[data-v-b4721c47] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-x.correcto[data-v-b4721c47] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-x.incorrecto[data-v-b4721c47] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b4721c47] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-b4721c47]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-b4721c47] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  text-align: center;
}
.feedback.error[data-v-b4721c47] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}

/* Alerta recordatorio */
.alerta-recordatorio[data-v-b4721c47] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.alerta-icono[data-v-b4721c47] { font-size: 1rem;
}
.alerta-texto[data-v-b4721c47] { font-size: 0.85rem; color: #FCA5A5;
}

/* Selector símbolo */
.selector-simbolo[data-v-b4721c47] {
  margin-bottom: 1rem;
}
.selector-label[data-v-b4721c47] {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.simbolos-opciones[data-v-b4721c47] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-simbolo[data-v-b4721c47] {
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.btn-simbolo.seleccionado[data-v-b4721c47] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  color: white;
}
.btn-simbolo.correcto[data-v-b4721c47] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-simbolo.incorrecto[data-v-b4721c47] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-confirmar-simbolo[data-v-b4721c47] {
  display: block;
  width: 100%;
  padding: 0.6rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Pregunta representación */
.pregunta-representacion[data-v-b4721c47] {
  text-align: center;
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-representacion strong[data-v-b4721c47] {
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Opciones gráficas */
.opciones-graficas[data-v-b4721c47] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-grafica[data-v-b4721c47] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.opcion-grafica.seleccionado[data-v-b4721c47] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-grafica.correcto[data-v-b4721c47] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-grafica.incorrecto[data-v-b4721c47] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Mini recta */
.mini-recta[data-v-b4721c47] {
  position: relative;
  padding: 0.5rem 0;
}
.mini-linea[data-v-b4721c47] {
  height: 3px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 2px;
  position: relative;
  margin-bottom: 0.4rem;
}
.mini-relleno[data-v-b4721c47] {
  position: absolute;
  top: 0;
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6EE7B7);
  border-radius: 2px;
}
.mini-relleno.izquierda[data-v-b4721c47] {
  left: 0;
}
.mini-relleno.derecha[data-v-b4721c47] {
  right: 0;
}
.mini-punto[data-v-b4721c47] {
  position: absolute;
  top: calc(0.5rem - 4px);
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.mini-punto.abierto[data-v-b4721c47] {
  border: 2px solid #FCD34D;
  background: #1a1a2e;
}
.mini-punto.cerrado[data-v-b4721c47] {
  background: #6EE7B7;
}
.mini-numeros[data-v-b4721c47] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.mini-numeros .centro[data-v-b4721c47] {
  color: #FCD34D;
  font-weight: 700;
}
.opcion-intervalo[data-v-b4721c47] {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-top: 0.25rem;
}
.btn-verificar-opcion[data-v-b4721c47] {
  display: block;
  width: 100%;
  padding: 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  margin-bottom: 1rem;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-b4721c47] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b4721c47] { font-size: 1.25rem;
}
.resultado-texto[data-v-b4721c47] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-b4721c47] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-b4721c47] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b4721c47] { flex: 1;
}
.nav-btn[data-v-b4721c47] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b4721c47] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b4721c47] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b4721c47] { font-size: 1.75rem;
}
.completado-texto[data-v-b4721c47] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b4721c47], .slide-leave-active[data-v-b4721c47] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b4721c47] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b4721c47] { opacity: 0; transform: translateX(-15px);
}

/* Colores */
strong.negativo[data-v-d894c9e3] {
  color: #FCA5A5;
}

/* Resumen section */
.resumen-section[data-v-d894c9e3] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-d894c9e3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.conceptos-grid[data-v-d894c9e3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.concepto-item[data-v-d894c9e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-d894c9e3] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-d894c9e3] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Regla de oro */
.regla-oro[data-v-d894c9e3] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.regla-header[data-v-d894c9e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
}
.regla-icono[data-v-d894c9e3] {
  font-size: 1.25rem;
}
.regla-titulo[data-v-d894c9e3] {
  font-weight: 800;
  color: #FCA5A5;
  letter-spacing: 0.05em;
}
.regla-contenido[data-v-d894c9e3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.regla-contenido p[data-v-d894c9e3] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.regla-ejemplos[data-v-d894c9e3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.re[data-v-d894c9e3] {
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Método section */
.metodo-section[data-v-d894c9e3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-titulo[data-v-d894c9e3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.metodo-pasos[data-v-d894c9e3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-d894c9e3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.metodo-paso.destacado[data-v-d894c9e3] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.mp-num[data-v-d894c9e3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.metodo-paso.destacado .mp-num[data-v-d894c9e3] {
  background: transparent;
  font-size: 1rem;
}
.mp-texto[data-v-d894c9e3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.metodo-paso.destacado .mp-texto[data-v-d894c9e3] {
  color: #FCD34D;
  font-weight: 600;
}

/* Representación rápida */
.representacion-rapida[data-v-d894c9e3] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.rr-titulo[data-v-d894c9e3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.rr-grid[data-v-d894c9e3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.rr-item[data-v-d894c9e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.rr-simbolo[data-v-d894c9e3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rr-punto[data-v-d894c9e3] {
  font-size: 0.85rem;
  color: #6EE7B7;
  margin: 0.25rem 0;
}
.rr-nota[data-v-d894c9e3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-d894c9e3] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-d894c9e3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-d894c9e3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d894c9e3] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-d894c9e3] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-d894c9e3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-d894c9e3] {
  color: #FCD34D;
}

/* Errores section */
.errores-section[data-v-d894c9e3] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-d894c9e3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-d894c9e3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-d894c9e3] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.error-mal[data-v-d894c9e3] {
  font-size: 0.9rem;
  color: #FCA5A5;
  text-decoration: line-through;
  opacity: 0.8;
}
.error-bien[data-v-d894c9e3] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  margin: 0.25rem 0;
}
.error-razon[data-v-d894c9e3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-d894c9e3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-d894c9e3] {
  font-size: 2rem;
}
.final-texto[data-v-d894c9e3] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-d894c9e3] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-3c0a62a3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Variable highlight */
strong.variable[data-v-3c0a62a3] {
  color: #93C5FD;
}

/* Comparación */
.comparacion-section[data-v-3c0a62a3] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-3c0a62a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.comp-item.ecuacion[data-v-3c0a62a3] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.comp-item.inecuacion[data-v-3c0a62a3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.comp-tipo[data-v-3c0a62a3] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.comp-item.inecuacion .comp-tipo[data-v-3c0a62a3] {
  color: #6EE7B7;
}
.comp-pregunta[data-v-3c0a62a3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-style: italic;
  margin: 0.25rem 0;
}
.comp-ejemplo[data-v-3c0a62a3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Palabras clave */
.palabras-section[data-v-3c0a62a3] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-3c0a62a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.palabras-grid[data-v-3c0a62a3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.palabra-grupo[data-v-3c0a62a3] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.palabra-grupo.menor[data-v-3c0a62a3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.palabra-grupo.mayor[data-v-3c0a62a3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.palabra-grupo.menor-igual[data-v-3c0a62a3] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.palabra-grupo.mayor-igual[data-v-3c0a62a3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.operacion[data-v-3c0a62a3] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.menor .operacion[data-v-3c0a62a3] { color: #FCA5A5;
}
.mayor .operacion[data-v-3c0a62a3] { color: #6EE7B7;
}
.menor-igual .operacion[data-v-3c0a62a3] { color: #FCD34D;
}
.mayor-igual .operacion[data-v-3c0a62a3] { color: #93C5FD;
}
.keywords[data-v-3c0a62a3] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Estrategia box */
.estrategia-box[data-v-3c0a62a3] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-3c0a62a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-3c0a62a3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-3c0a62a3] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-3c0a62a3] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-3c0a62a3] {
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-box[data-v-3c0a62a3] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-3c0a62a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-3c0a62a3] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-3c0a62a3] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-3c0a62a3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-label[data-v-3c0a62a3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-valor[data-v-3c0a62a3] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ecuacion-final[data-v-3c0a62a3] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem 0;
}
.ecuacion[data-v-3c0a62a3] {
  font-size: 1.1rem;
}
.resolucion[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.verificar[data-v-3c0a62a3] {
  background: rgba(16, 185, 129, 0.15);
  padding: 0.5rem;
  border-radius: 0.5rem;
}

/* Contextos */
.contextos-section[data-v-3c0a62a3] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-3c0a62a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-grid[data-v-3c0a62a3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.contexto[data-v-3c0a62a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-3c0a62a3] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-3c0a62a3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ctx-ejemplo[data-v-3c0a62a3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-3c0a62a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3c0a62a3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3c0a62a3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3c0a62a3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3c0a62a3] {
    font-size: 2.5rem;
    gap: 1rem;
}
.comparacion-grid[data-v-3c0a62a3] {
    flex-direction: row;
}
.comp-item[data-v-3c0a62a3] {
    flex: 1;
}
.contextos-grid[data-v-3c0a62a3] {
    gap: 1rem;
}
.contexto[data-v-3c0a62a3] {
    padding: 1rem;
}
.ctx-icono[data-v-3c0a62a3] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-e8b690ac] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Variable highlight */
strong.variable[data-v-e8b690ac] {
  color: #93C5FD;
}

/* Estructura box */
.estructura-box[data-v-e8b690ac] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-e8b690ac] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.estructura-items[data-v-e8b690ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.estructura-item[data-v-e8b690ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.item-num[data-v-e8b690ac] {
  width: 20px;
  height: 20px;
  background: rgba(59, 130, 246, 0.4);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.item-texto[data-v-e8b690ac] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-e8b690ac] {
  color: #93C5FD;
}
.formula-general[data-v-e8b690ac] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-e8b690ac] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Ejemplo box */
.ejemplo-box[data-v-e8b690ac] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-box.ejemplo-2[data-v-e8b690ac] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.ejemplo-header[data-v-e8b690ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-e8b690ac] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-e8b690ac] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-box.ejemplo-2 .ejemplo-titulo[data-v-e8b690ac] {
  color: #C4B5FD;
}
.ejemplo-problema[data-v-e8b690ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-e8b690ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-grid[data-v-e8b690ac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.sol-item[data-v-e8b690ac] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-label[data-v-e8b690ac] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-valor[data-v-e8b690ac] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.inecuacion-box[data-v-e8b690ac] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.inec[data-v-e8b690ac] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.resolucion[data-v-e8b690ac] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.75rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.respuesta-box[data-v-e8b690ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.resp-icono[data-v-e8b690ac] {
  color: #6EE7B7;
  font-size: 1rem;
  font-weight: 700;
}
.resp-texto[data-v-e8b690ac] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resp-texto strong[data-v-e8b690ac] {
  color: #6EE7B7;
}

/* Nota box */
.nota-box[data-v-e8b690ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.nota-icono[data-v-e8b690ac] {
  font-size: 1.25rem;
}
.nota-contenido[data-v-e8b690ac] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.nota-contenido strong[data-v-e8b690ac] {
  color: #FCD34D;
}

/* Variantes */
.variantes-section[data-v-e8b690ac] {
  margin: 1.5rem 0;
}
.variantes-titulo[data-v-e8b690ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.variantes-grid[data-v-e8b690ac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variante[data-v-e8b690ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.var-tipo[data-v-e8b690ac] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.var-simbolo[data-v-e8b690ac] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  line-height: 1;
}
.var-ejemplo[data-v-e8b690ac] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-e8b690ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e8b690ac] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e8b690ac] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e8b690ac] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-e8b690ac] {
    font-size: 2.5rem;
}
.sol-grid[data-v-e8b690ac] {
    grid-template-columns: repeat(4, 1fr);
}
.variantes-grid[data-v-e8b690ac] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-0eaa444c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Variable highlight */
strong.variable[data-v-0eaa444c] {
  color: #93C5FD;
}

/* Tipos de restricciones */
.tipos-section[data-v-0eaa444c] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-0eaa444c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipos-grid[data-v-0eaa444c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-0eaa444c] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-0eaa444c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-0eaa444c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}
.tipo-simbolo[data-v-0eaa444c] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-top: 0.25rem;
}

/* Ejemplo box */
.ejemplo-box[data-v-0eaa444c] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-box.ejemplo-2[data-v-0eaa444c] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.ejemplo-box.ejemplo-3[data-v-0eaa444c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-header[data-v-0eaa444c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-0eaa444c] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-0eaa444c] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-box.ejemplo-2 .ejemplo-titulo[data-v-0eaa444c] {
  color: #C4B5FD;
}
.ejemplo-box.ejemplo-3 .ejemplo-titulo[data-v-0eaa444c] {
  color: #93C5FD;
}
.ejemplo-problema[data-v-0eaa444c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-box[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.25rem;
}
.formula-label[data-v-0eaa444c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula[data-v-0eaa444c] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sol-grid[data-v-0eaa444c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.sol-item[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sol-label[data-v-0eaa444c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.sol-valor[data-v-0eaa444c] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.inecuacion-box[data-v-0eaa444c] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.inec[data-v-0eaa444c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.resolucion[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.75rem;
  border-left: 2px solid rgba(139, 92, 246, 0.4);
}
.respuesta-box[data-v-0eaa444c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.resp-icono[data-v-0eaa444c] {
  color: #6EE7B7;
  font-size: 1rem;
  font-weight: 700;
}
.resp-texto[data-v-0eaa444c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resp-texto strong[data-v-0eaa444c] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-section[data-v-0eaa444c] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-0eaa444c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.casos-grid[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-0eaa444c] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.caso-nombre[data-v-0eaa444c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-desc[data-v-0eaa444c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-0eaa444c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0eaa444c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0eaa444c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0eaa444c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-0eaa444c] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-0eaa444c] {
    grid-template-columns: repeat(4, 1fr);
}
.casos-grid[data-v-0eaa444c] {
    flex-direction: row;
}
.caso[data-v-0eaa444c] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-55b584de] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.expresion-box[data-v-55b584de] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.termino[data-v-55b584de] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: monospace;
}
.termino.t1[data-v-55b584de] { color: #93C5FD;
}
.termino.t2[data-v-55b584de] { color: #6EE7B7;
}
.termino.t3[data-v-55b584de] { color: #FCD34D;
}
.operador[data-v-55b584de] {
  color: #C4B5FD;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Recordatorio */
.recordatorio-section[data-v-55b584de] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.recordatorio-titulo[data-v-55b584de] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.recordatorio-contenido p[data-v-55b584de] {
  color: #E9D5FF;
  margin: 0 0 1rem;
  font-size: 0.9rem;
}
.semejantes-ejemplos[data-v-55b584de] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-grupo[data-v-55b584de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.ejemplo-grupo.correcto[data-v-55b584de] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo-grupo.incorrecto[data-v-55b584de] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.grupo-label[data-v-55b584de] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ejemplo-grupo.correcto .grupo-label[data-v-55b584de] { color: #6EE7B7;
}
.ejemplo-grupo.incorrecto .grupo-label[data-v-55b584de] { color: #FCA5A5;
}
.grupo-terminos[data-v-55b584de] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.termino-ej[data-v-55b584de] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.termino-ej.diff[data-v-55b584de] {
  border: 2px dashed #FCA5A5;
}
.y-texto[data-v-55b584de] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Operaciones grid */
.operaciones-section[data-v-55b584de] {
  margin: 1.5rem 0;
}
.operaciones-titulo[data-v-55b584de] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.operaciones-grid[data-v-55b584de] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.operacion-card[data-v-55b584de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 2px solid;
}
.operacion-card.suma[data-v-55b584de] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.operacion-card.resta[data-v-55b584de] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.operacion-card.mult[data-v-55b584de] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.operacion-card.div[data-v-55b584de] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.op-icono[data-v-55b584de] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.op-nombre[data-v-55b584de] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.op-regla[data-v-55b584de] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Preview */
.preview-section[data-v-55b584de] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.preview-titulo[data-v-55b584de] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preview-lista[data-v-55b584de] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.preview-item[data-v-55b584de] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.preview-item .check[data-v-55b584de] {
  color: #6EE7B7;
  font-weight: 700;
}
.preview-item .texto[data-v-55b584de] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-55b584de] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-55b584de] {
  font-size: 1.25rem;
}
.tip-texto[data-v-55b584de] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-55b584de] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.expresion-box[data-v-55b584de] {
    padding: 1.25rem 2rem;
}
.termino[data-v-55b584de] {
    font-size: 2rem;
}
.semejantes-ejemplos[data-v-55b584de] {
    flex-direction: row;
}
.ejemplo-grupo[data-v-55b584de] {
    flex: 1;
}
.operaciones-grid[data-v-55b584de] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Regla principal */
.regla-section[data-v-ddf15ea7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.regla-titulo[data-v-ddf15ea7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regla-formula[data-v-ddf15ea7] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.regla-formula .coef[data-v-ddf15ea7] { color: #FCD34D;
}
.regla-formula .var[data-v-ddf15ea7] { color: #93C5FD; font-style: italic;
}
.regla-formula .op[data-v-ddf15ea7] { color: #C4B5FD; margin: 0 0.25rem;
}
.regla-formula .eq[data-v-ddf15ea7] { color: #8B5CF6; margin: 0 0.5rem;
}
.regla-texto[data-v-ddf15ea7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}

/* Ejemplos */
.ejemplo-section[data-v-ddf15ea7] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.ejemplo-section.suma[data-v-ddf15ea7] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-section.resta[data-v-ddf15ea7] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.ejemplo-header[data-v-ddf15ea7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ej-icono[data-v-ddf15ea7] { font-size: 1.25rem;
}
.ej-titulo[data-v-ddf15ea7] { font-weight: 700; color: #FFFFFF; font-size: 1rem;
}
.ejemplo-contenido[data-v-ddf15ea7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-ddf15ea7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-ddf15ea7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-expresion[data-v-ddf15ea7] {
  font-family: monospace;
  font-size: 1rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.paso-contenido[data-v-ddf15ea7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-label[data-v-ddf15ea7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.grupos[data-v-ddf15ea7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.grupo[data-v-ddf15ea7] {
  font-family: monospace;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.grupo.g1[data-v-ddf15ea7] { background: rgba(147, 197, 253, 0.2); color: #93C5FD;
}
.grupo.g2[data-v-ddf15ea7] { background: rgba(110, 231, 183, 0.2); color: #6EE7B7;
}
.grupo.g3[data-v-ddf15ea7] { background: rgba(252, 211, 77, 0.2); color: #FCD34D;
}
.t1[data-v-ddf15ea7] { color: #93C5FD; font-weight: 700;
}
.t2[data-v-ddf15ea7] { color: #6EE7B7; font-weight: 700;
}
.t3[data-v-ddf15ea7] { color: #FCD34D; font-weight: 700;
}
.paso.resultado[data-v-ddf15ea7] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.resultado-final[data-v-ddf15ea7] {
  font-size: 1.2rem;
  font-weight: 700;
}

/* Alerta resta */
.alerta-resta[data-v-ddf15ea7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.alerta-icono[data-v-ddf15ea7] { font-size: 1rem;
}
.alerta-texto[data-v-ddf15ea7] { font-size: 0.85rem; color: #FCD34D;
}
.alerta-texto strong[data-v-ddf15ea7] { color: #FFFFFF;
}
.cambio .neg[data-v-ddf15ea7] { color: #FCA5A5; font-weight: 700;
}
.cambio .pos[data-v-ddf15ea7] { color: #6EE7B7; font-weight: 700;
}

/* Simulador */
.simulador[data-v-ddf15ea7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.sim-titulo[data-v-ddf15ea7] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-ejemplo[data-v-ddf15ea7] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.sim-expresion[data-v-ddf15ea7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: monospace;
}
.sim-term[data-v-ddf15ea7] { color: #93C5FD;
}
.sim-op[data-v-ddf15ea7] { color: #C4B5FD;
}
.sim-eq[data-v-ddf15ea7] { color: #8B5CF6;
}
.sim-resultado[data-v-ddf15ea7] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.sim-resultado.positivo[data-v-ddf15ea7] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.sim-resultado.negativo[data-v-ddf15ea7] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.sim-resultado.cero[data-v-ddf15ea7] { background: rgba(139, 92, 246, 0.2); color: #C4B5FD;
}
.sim-controles[data-v-ddf15ea7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.control-grupo[data-v-ddf15ea7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.control-grupo label[data-v-ddf15ea7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.slider[data-v-ddf15ea7] {
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-ddf15ea7]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-ddf15ea7] {
  font-weight: 700;
  font-size: 1rem;
}
.control-valor.pos[data-v-ddf15ea7] { color: #6EE7B7;
}
.control-valor.neg[data-v-ddf15ea7] { color: #FCA5A5;
}
.btn-operacion[data-v-ddf15ea7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: #FFFFFF;
  cursor: pointer;
  font-family: inherit;
}

/* Tip */
.tip[data-v-ddf15ea7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ddf15ea7] { font-size: 1.25rem;
}
.tip-texto[data-v-ddf15ea7] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-texto strong[data-v-ddf15ea7] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.regla-formula[data-v-ddf15ea7] {
    font-size: 1.75rem;
}
.paso-expresion[data-v-ddf15ea7] {
    font-size: 1.1rem;
}
}

/* Leyes de exponentes */
.leyes-section[data-v-a659d5c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.leyes-titulo[data-v-a659d5c8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.leyes-grid[data-v-a659d5c8] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ley-card[data-v-a659d5c8] {
  flex: 1;
  min-width: 130px;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.ley-formula[data-v-a659d5c8] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.ley-ejemplo[data-v-a659d5c8] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplos section */
.ejemplo-section[data-v-a659d5c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.ejemplo-section.monomios[data-v-a659d5c8] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-section.distributiva[data-v-a659d5c8] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-section.polinomios[data-v-a659d5c8] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.ejemplo-header[data-v-a659d5c8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-a659d5c8] { font-size: 1.25rem;
}
.ej-titulo[data-v-a659d5c8] { font-weight: 700; color: #FFFFFF; font-size: 1rem;
}
.mini-regla[data-v-a659d5c8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}

/* Ejemplo visual para monomios */
.ejemplo-visual[data-v-a659d5c8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-item[data-v-a659d5c8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.95rem;
}
.expresion[data-v-a659d5c8] { color: #E9D5FF;
}
.coef[data-v-a659d5c8] { color: #FCD34D; font-weight: 700;
}
.coef.neg[data-v-a659d5c8] { color: #FCA5A5;
}
.var[data-v-a659d5c8] { color: #93C5FD; font-style: italic;
}
.igual[data-v-a659d5c8] { color: #8B5CF6;
}
.resultado[data-v-a659d5c8] { color: #C4B5FD;
}
.resultado-final[data-v-a659d5c8] { color: #6EE7B7; font-weight: 700;
}

/* Paso a paso */
.paso-a-paso[data-v-a659d5c8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-a659d5c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-a659d5c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-content[data-v-a659d5c8] {
  font-family: monospace;
  font-size: 1rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.mono-distribuir[data-v-a659d5c8] {
  color: #F9A8D4;
  font-weight: 700;
}
.term[data-v-a659d5c8] { font-weight: 600;
}
.t1[data-v-a659d5c8] { color: #93C5FD;
}
.t2[data-v-a659d5c8] { color: #6EE7B7;
}
.t3[data-v-a659d5c8] { color: #FCD34D;
}
.distribucion[data-v-a659d5c8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.dist-item[data-v-a659d5c8] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
}
.dist-item.t1[data-v-a659d5c8] { color: #93C5FD;
}
.dist-item.t2[data-v-a659d5c8] { color: #6EE7B7;
}
.dist-item.t3[data-v-a659d5c8] { color: #FCD34D;
}
.op[data-v-a659d5c8] { color: #C4B5FD;
}
.p1[data-v-a659d5c8] { color: #F9A8D4; font-weight: 700;
}
.p2[data-v-a659d5c8] { color: #93C5FD; font-weight: 700;
}
.grid-mult[data-v-a659d5c8] {
  display: flex;
  flex-wrap: wrap;
}
.grid-row[data-v-a659d5c8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
}
.grid-item[data-v-a659d5c8] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.reduce[data-v-a659d5c8] {
  color: #6EE7B7;
  font-weight: 700;
}
.paso.resultado[data-v-a659d5c8] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.paso.resultado .resultado-final[data-v-a659d5c8] {
  font-size: 1.1rem;
  color: #6EE7B7;
  font-weight: 700;
}

/* Calculadora */
.calculadora[data-v-a659d5c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.calc-titulo[data-v-a659d5c8] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.calc-visual[data-v-a659d5c8] {
  text-align: center;
  margin-bottom: 1rem;
}
.calc-expresion[data-v-a659d5c8] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
}
.mono.m1[data-v-a659d5c8] { color: #93C5FD;
}
.mono.m2[data-v-a659d5c8] { color: #F9A8D4;
}
.calc-resultado[data-v-a659d5c8] { color: #6EE7B7;
}
.calc-resultado.neg[data-v-a659d5c8] { color: #FCA5A5;
}
.calc-controles[data-v-a659d5c8] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.control-pair[data-v-a659d5c8] {
  display: flex;
  gap: 0.75rem;
}
.control-item[data-v-a659d5c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.control-item label[data-v-a659d5c8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.slider[data-v-a659d5c8] {
  width: 60px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
}
.slider[data-v-a659d5c8]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.val[data-v-a659d5c8] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.val.pos[data-v-a659d5c8] { color: #6EE7B7;
}
.val.neg[data-v-a659d5c8] { color: #FCA5A5;
}
.calc-explicacion[data-v-a659d5c8] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Tip */
.tip[data-v-a659d5c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a659d5c8] { font-size: 1.25rem;
}
.tip-texto[data-v-a659d5c8] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-texto strong[data-v-a659d5c8] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.calc-expresion[data-v-a659d5c8] {
    font-size: 1.5rem;
}
.slider[data-v-a659d5c8] {
    width: 80px;
}
}

/* Ley de exponentes */
.ley-section[data-v-5733008c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.ley-titulo[data-v-5733008c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.ley-formula-grande[data-v-5733008c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.fraccion[data-v-5733008c] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.fraccion .num[data-v-5733008c] {
  color: #93C5FD;
  padding-bottom: 0.25rem;
}
.fraccion .barra[data-v-5733008c] {
  width: 100%;
  height: 2px;
  background: #C4B5FD;
}
.fraccion .den[data-v-5733008c] {
  color: #F9A8D4;
  padding-top: 0.25rem;
}
.igual[data-v-5733008c] {
  color: #8B5CF6;
}
.resultado-ley[data-v-5733008c] {
  color: #6EE7B7;
}
.ley-ejemplo[data-v-5733008c] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Ejemplos section */
.ejemplo-section[data-v-5733008c] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.ejemplo-section.monomios[data-v-5733008c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-section.polinomio[data-v-5733008c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-header[data-v-5733008c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ej-icono[data-v-5733008c] { font-size: 1.25rem;
}
.ej-titulo[data-v-5733008c] { font-weight: 700; color: #FFFFFF; font-size: 1rem;
}
.mini-regla[data-v-5733008c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}

/* Ejemplo visual para división de monomios */
.ejemplo-visual[data-v-5733008c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ejemplo-div[data-v-5733008c] {
  background: rgba(0, 0, 0, 0.1);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.div-expresion[data-v-5733008c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-family: monospace;
  font-size: 1rem;
}
.coef[data-v-5733008c] { color: #FCD34D; font-weight: 700;
}
.coef.neg[data-v-5733008c] { color: #FCA5A5;
}
.paso-intermedio[data-v-5733008c] { color: #C4B5FD; font-size: 0.9rem;
}
.fraccion-inline[data-v-5733008c] { color: #FCD34D;
}
.res-final[data-v-5733008c] { color: #6EE7B7; font-weight: 700; font-size: 1.1rem;
}

/* Paso a paso para polinomio */
.paso-a-paso[data-v-5733008c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.paso[data-v-5733008c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-5733008c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-content[data-v-5733008c] {
  font-family: monospace;
  font-size: 1rem;
  color: #E9D5FF;
}
.t1[data-v-5733008c] { color: #93C5FD; font-weight: 600;
}
.t2[data-v-5733008c] { color: #6EE7B7; font-weight: 600;
}
.t3[data-v-5733008c] { color: #FCD34D; font-weight: 600;
}
.separar[data-v-5733008c] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.frac-item[data-v-5733008c] {
  padding: 0.25rem;
}
.fraccion-mini[data-v-5733008c] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.fraccion-mini .barra[data-v-5733008c] {
  width: 100%;
  height: 1px;
  background: #C4B5FD;
}
.op[data-v-5733008c] { color: #C4B5FD;
}
.paso.resultado[data-v-5733008c] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.resultado-final[data-v-5733008c] {
  font-size: 1.1rem;
  font-weight: 700;
}

/* Casos especiales */
.casos-section[data-v-5733008c] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-5733008c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.casos-grid[data-v-5733008c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caso-card[data-v-5733008c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-nombre[data-v-5733008c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.caso-formula[data-v-5733008c] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-ejemplo[data-v-5733008c] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Calculadora */
.calculadora[data-v-5733008c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.calc-titulo[data-v-5733008c] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.calc-visual[data-v-5733008c] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.calc-expresion[data-v-5733008c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
}
.fraccion-calc[data-v-5733008c] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-calc .num[data-v-5733008c] { color: #93C5FD; padding-bottom: 0.25rem;
}
.fraccion-calc .barra[data-v-5733008c] { width: 100%; height: 2px; background: #C4B5FD;
}
.fraccion-calc .den[data-v-5733008c] { color: #F9A8D4; padding-top: 0.25rem;
}
.c1[data-v-5733008c] { color: #FCD34D;
}
.c2[data-v-5733008c] { color: #FCD34D;
}
.calc-igual[data-v-5733008c] { color: #8B5CF6;
}
.calc-resultado[data-v-5733008c] { color: #6EE7B7;
}
.calc-resultado.neg[data-v-5733008c] { color: #FCA5A5;
}
.calc-controles[data-v-5733008c] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.control-pair[data-v-5733008c] {
  display: flex;
  gap: 0.75rem;
}
.control-item[data-v-5733008c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.control-item label[data-v-5733008c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.slider[data-v-5733008c] {
  width: 60px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
}
.slider[data-v-5733008c]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.val[data-v-5733008c] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.val.pos[data-v-5733008c] { color: #6EE7B7;
}
.val.neg[data-v-5733008c] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-5733008c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5733008c] { font-size: 1.25rem;
}
.tip-texto[data-v-5733008c] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-texto strong[data-v-5733008c] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ley-formula-grande[data-v-5733008c] {
    font-size: 1.75rem;
}
.casos-grid[data-v-5733008c] {
    gap: 1rem;
}
}

.explorador[data-v-e13a81da] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e13a81da] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e13a81da] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e13a81da] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e13a81da] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e13a81da] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e13a81da] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.desafio-numero[data-v-e13a81da] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e13a81da] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e13a81da] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Contenido de desafíos */
.desafio-contenido[data-v-e13a81da] {
  text-align: center;
}
.problema-actual[data-v-e13a81da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.expresion-problema[data-v-e13a81da] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  flex-wrap: wrap;
  justify-content: center;
}
.expresion-problema.mult[data-v-e13a81da] {
  font-size: 1.3rem;
}
.expresion-problema.div-expr[data-v-e13a81da] {
  gap: 0.75rem;
}
.term[data-v-e13a81da] { padding: 0.25rem 0.5rem; border-radius: 0.25rem;
}
.term.t1[data-v-e13a81da] { color: #93C5FD; background: rgba(147, 197, 253, 0.15);
}
.term.t2[data-v-e13a81da] { color: #6EE7B7; background: rgba(110, 231, 183, 0.15);
}
.op[data-v-e13a81da] { color: #C4B5FD;
}
.igual[data-v-e13a81da] { color: #8B5CF6;
}

/* Fracción para división */
.fraccion-problema[data-v-e13a81da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
}
.fraccion-problema .num[data-v-e13a81da] { color: #93C5FD; padding-bottom: 0.25rem;
}
.fraccion-problema .barra[data-v-e13a81da] { width: 100%; height: 2px; background: #C4B5FD; min-width: 80px;
}
.fraccion-problema .den[data-v-e13a81da] { color: #F9A8D4; padding-top: 0.25rem;
}

/* Input de respuesta */
.input-respuesta[data-v-e13a81da] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-e13a81da] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-e13a81da] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-coef[data-v-e13a81da] {
  width: 60px;
  height: 40px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: monospace;
}
.input-coef[data-v-e13a81da]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-coef.correcto[data-v-e13a81da] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-coef.incorrecto[data-v-e13a81da] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.variable-fija[data-v-e13a81da] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
  font-style: italic;
}

/* Hints */
.mult-hint[data-v-e13a81da], .div-hint[data-v-e13a81da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.hint-icono[data-v-e13a81da] { font-size: 1rem;
}
.hint-texto[data-v-e13a81da] { font-size: 0.8rem; color: #FCD34D;
}

/* Botón verificar */
.btn-verificar[data-v-e13a81da] {
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-e13a81da]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-e13a81da] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.feedback.incorrecto[data-v-e13a81da] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-e13a81da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e13a81da] { font-size: 1.25rem;
}
.resultado-texto[data-v-e13a81da] { color: #6EE7B7; font-weight: 600;
}

/* Progreso mini */
.progreso-mini[data-v-e13a81da] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-e13a81da] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e13a81da] { flex: 1;
}
.nav-btn[data-v-e13a81da] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e13a81da] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e13a81da] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e13a81da] { font-size: 1.75rem;
}
.completado-texto[data-v-e13a81da] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e13a81da], .slide-leave-active[data-v-e13a81da] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e13a81da] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e13a81da] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-49e9426d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-49e9426d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-49e9426d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-49e9426d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-49e9426d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-49e9426d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-49e9426d]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-49e9426d] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-49e9426d] {
    grid-column: span 1;
}
}
.card-header[data-v-49e9426d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-49e9426d] {
  font-size: 1.25rem;
}
.card-titulo[data-v-49e9426d] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-49e9426d] {
  color: #E9D5FF;
}
.card-definicion[data-v-49e9426d], .card-regla[data-v-49e9426d] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}

/* Ejemplos inline */
.ejemplos-inline[data-v-49e9426d] {
  display: flex;
  gap: 1rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.ej-ok[data-v-49e9426d] { color: #6EE7B7;
}
.ej-no[data-v-49e9426d] { color: #FCA5A5;
}

/* Fórmula ejemplo */
.ejemplo-formula[data-v-49e9426d] {
  font-family: monospace;
  font-size: 1rem;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.coef[data-v-49e9426d] { color: #FCD34D; font-weight: 700;
}
.alerta-mini[data-v-49e9426d] {
  font-size: 0.75rem;
  color: #FCD34D;
  text-align: center;
}

/* Multiplicación reglas */
.mult-reglas[data-v-49e9426d], .div-reglas[data-v-49e9426d] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.mult-item[data-v-49e9426d], .div-item[data-v-49e9426d] {
  flex: 1;
  min-width: 200px;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.mult-tipo[data-v-49e9426d], .div-tipo[data-v-49e9426d] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.mult-regla[data-v-49e9426d], .div-regla[data-v-49e9426d] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.mult-ejemplo[data-v-49e9426d], .div-ejemplo[data-v-49e9426d] {
  display: block;
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.mult-ejemplo strong[data-v-49e9426d], .div-ejemplo strong[data-v-49e9426d] {
  color: #6EE7B7;
}

/* Leyes de exponentes */
.leyes-lista[data-v-49e9426d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ley[data-v-49e9426d] {
  font-family: monospace;
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  text-align: center;
  color: #FFFFFF;
}

/* Signos resumen */
.signos-resumen[data-v-49e9426d] {
  display: flex;
  gap: 0.75rem;
}
.signo-grupo[data-v-49e9426d] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.signo-grupo.pos[data-v-49e9426d] {
  background: rgba(16, 185, 129, 0.1);
}
.signo-grupo.neg[data-v-49e9426d] {
  background: rgba(239, 68, 68, 0.1);
}
.signo-op[data-v-49e9426d] {
  display: block;
  font-family: monospace;
  font-size: 0.85rem;
  margin: 0.25rem 0;
}
.signo-grupo.pos .signo-op[data-v-49e9426d] { color: #6EE7B7;
}
.signo-grupo.neg .signo-op[data-v-49e9426d] { color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-49e9426d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-49e9426d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-49e9426d] {
  font-size: 1.25rem;
}
.tip-text[data-v-49e9426d] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-49e9426d] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-49e9426d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-49e9426d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-49e9426d 1s ease-in-out infinite;
}
@keyframes bounce-49e9426d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-49e9426d] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-49e9426d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-32a2a3ac] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.formula[data-v-32a2a3ac] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #C4B5FD;
}
.igual[data-v-32a2a3ac] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.resultado[data-v-32a2a3ac] {
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Importante section */
.importante-section[data-v-32a2a3ac] {
  margin: 1.5rem 0;
}
.importante-titulo[data-v-32a2a3ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ventajas-grid[data-v-32a2a3ac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ventaja[data-v-32a2a3ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ventaja-icono[data-v-32a2a3ac] {
  font-size: 1.25rem;
}
.ventaja-texto[data-v-32a2a3ac] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Productos preview */
.productos-preview[data-v-32a2a3ac] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.preview-titulo[data-v-32a2a3ac] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.productos-lista[data-v-32a2a3ac] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.producto-item[data-v-32a2a3ac] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.producto-num[data-v-32a2a3ac] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.producto-info[data-v-32a2a3ac] {
  display: flex;
  flex-direction: column;
}
.producto-nombre[data-v-32a2a3ac] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.producto-formula[data-v-32a2a3ac] {
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Comparación */
.comparacion-section[data-v-32a2a3ac] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-32a2a3ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-32a2a3ac] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.metodo[data-v-32a2a3ac] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.metodo-largo[data-v-32a2a3ac] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.metodo-corto[data-v-32a2a3ac] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.metodo-header[data-v-32a2a3ac] {
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.metodo-largo .metodo-header[data-v-32a2a3ac] {
  color: #FCA5A5;
}
.metodo-corto .metodo-header[data-v-32a2a3ac] {
  color: #6EE7B7;
}
.metodo-pasos[data-v-32a2a3ac] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso[data-v-32a2a3ac] {
  padding: 0.15rem 0;
}
.formula-aplicada[data-v-32a2a3ac] {
  color: #FCD34D;
}
.resultado-largo[data-v-32a2a3ac], .resultado-corto[data-v-32a2a3ac] {
  font-weight: 700;
}
.resultado-corto[data-v-32a2a3ac] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-32a2a3ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-32a2a3ac] {
  font-size: 1.25rem;
}
.tip-texto[data-v-32a2a3ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-32a2a3ac] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-32a2a3ac], .resultado[data-v-32a2a3ac] {
    font-size: 1.75rem;
}
.comparacion-grid[data-v-32a2a3ac] {
    flex-direction: row;
}
.metodo[data-v-32a2a3ac] {
    flex: 1;
}
}

/* Fórmulas principales */
.formulas-principales[data-v-ea414c8d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-ea414c8d] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-card.suma[data-v-ea414c8d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-card.resta[data-v-ea414c8d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-header[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-ea414c8d] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-ea414c8d] {
  font-weight: 700;
  color: #FFFFFF;
}
.formula-expresion[data-v-ea414c8d] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formula-visual[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.term[data-v-ea414c8d] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
}
.term-a2[data-v-ea414c8d] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.term-2ab[data-v-ea414c8d] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.term-b2[data-v-ea414c8d] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.op[data-v-ea414c8d] {
  color: #E9D5FF;
}

/* Regla verbal */
.regla-verbal[data-v-ea414c8d] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-ea414c8d] {
  font-size: 1.5rem;
}
.regla-titulo[data-v-ea414c8d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-ea414c8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Ejemplos */
.ejemplos-section[data-v-ea414c8d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-ea414c8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-card[data-v-ea414c8d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema[data-v-ea414c8d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-family: 'Courier New', monospace;
}
.ejemplo-pasos[data-v-ea414c8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-label[data-v-ea414c8d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.paso-num[data-v-ea414c8d] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-ea414c8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-resultado[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.resultado-igual[data-v-ea414c8d] {
  font-size: 1.1rem;
  color: #C4B5FD;
}
.resultado-valor[data-v-ea414c8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Simulador */
.simulador[data-v-ea414c8d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-ea414c8d] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-input-row[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.sim-parentesis[data-v-ea414c8d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}
.sim-input[data-v-ea414c8d] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-select[data-v-ea414c8d] {
  padding: 0.4rem 0.5rem;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultado[data-v-ea414c8d] {
  text-align: center;
}
.sim-formula[data-v-ea414c8d] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.sim-final[data-v-ea414c8d] {
  font-size: 1.1rem;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Error común */
.error-comun[data-v-ea414c8d] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.error-header[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.error-icono[data-v-ea414c8d] {
  font-size: 1.25rem;
}
.error-titulo[data-v-ea414c8d] {
  font-weight: 700;
  color: #FCA5A5;
}
.error-incorrecto[data-v-ea414c8d], .error-correcto[data-v-ea414c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: 'Courier New', monospace;
}
.error-label[data-v-ea414c8d] {
  font-size: 0.85rem;
}
.error-formula[data-v-ea414c8d] {
  color: #E9D5FF;
}
.error-nota[data-v-ea414c8d] {
  margin: 0.5rem 0 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-principales[data-v-ea414c8d] {
    flex-direction: row;
}
.formula-card[data-v-ea414c8d] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-765d0f75] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-header[data-v-765d0f75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-765d0f75] {
  font-size: 1.5rem;
}
.formula-nombre[data-v-765d0f75] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.formula-expresion[data-v-765d0f75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.parte-izq[data-v-765d0f75] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.igual[data-v-765d0f75] {
  font-size: 1.4rem;
  color: #E9D5FF;
}
.parte-der[data-v-765d0f75] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-nombre-alt[data-v-765d0f75] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Visualización */
.visualizacion[data-v-765d0f75] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.vis-titulo[data-v-765d0f75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.vis-desarrollo[data-v-765d0f75] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.vis-paso.resultado[data-v-765d0f75] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.cancelado[data-v-765d0f75] {
  text-decoration: line-through;
  opacity: 0.5;
  color: #FCA5A5;
}
.vis-nota[data-v-765d0f75] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Regla verbal */
.regla-verbal[data-v-765d0f75] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-765d0f75] {
  font-size: 1.5rem;
}
.regla-titulo[data-v-765d0f75] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-765d0f75] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.term-a2[data-v-765d0f75] {
  color: #C4B5FD;
}
.term-b2[data-v-765d0f75] {
  color: #93C5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-765d0f75] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-765d0f75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-765d0f75] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.ejemplo-card[data-v-765d0f75] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.ejemplo-problema[data-v-765d0f75] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.5rem;
}
.ejemplo-desarrollo[data-v-765d0f75] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-resultado[data-v-765d0f75] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
  margin-top: 0.5rem;
  font-size: 1rem;
}

/* Aplicación */
.aplicacion[data-v-765d0f75] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.aplicacion-titulo[data-v-765d0f75] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.aplicacion-contenido p[data-v-765d0f75] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.aplicacion-ejemplo[data-v-765d0f75] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.app-problema[data-v-765d0f75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.app-solucion[data-v-765d0f75] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.app-resultado[data-v-765d0f75] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Patrón */
.patron[data-v-765d0f75] {
  margin: 1.5rem 0;
}
.patron-titulo[data-v-765d0f75] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.patron-checks[data-v-765d0f75] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.check-item[data-v-765d0f75] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.check-item.correcto[data-v-765d0f75] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.check-item.incorrecto[data-v-765d0f75] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.check-icono[data-v-765d0f75] {
  font-size: 1rem;
}
.check-texto[data-v-765d0f75] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-765d0f75] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-765d0f75] {
  font-size: 1.25rem;
}
.tip-texto[data-v-765d0f75] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-765d0f75] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.parte-izq[data-v-765d0f75] {
    font-size: 1.6rem;
}
.parte-der[data-v-765d0f75] {
    font-size: 1.75rem;
}
}

/* Mobile ajustes */
@media (max-width: 480px) {
.ejemplos-grid[data-v-765d0f75] {
    grid-template-columns: 1fr;
}
}

/* Fórmulas principales */
.formulas-principales[data-v-6974bb8f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-6974bb8f] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-card.suma[data-v-6974bb8f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-card.resta[data-v-6974bb8f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-header[data-v-6974bb8f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-6974bb8f] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-6974bb8f] {
  font-weight: 700;
  color: #FFFFFF;
}
.formula-expresion[data-v-6974bb8f] {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  overflow-x: auto;
}
.formula-visual[data-v-6974bb8f] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}
.term[data-v-6974bb8f] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 700;
}
.t1[data-v-6974bb8f] { background: rgba(139, 92, 246, 0.3); color: #C4B5FD;
}
.t2[data-v-6974bb8f] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.t3[data-v-6974bb8f] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.t4[data-v-6974bb8f] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.op[data-v-6974bb8f] { color: #E9D5FF;
}

/* Patrón signos */
.patron-signos[data-v-6974bb8f] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.patron-titulo[data-v-6974bb8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.patron-grid[data-v-6974bb8f] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.patron-item[data-v-6974bb8f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.patron-formula[data-v-6974bb8f] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #E9D5FF;
}
.patron-seq[data-v-6974bb8f] {
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.5rem;
}
.patron-item:first-child .patron-seq[data-v-6974bb8f] { color: #6EE7B7;
}
.patron-item:last-child .patron-seq[data-v-6974bb8f] { color: #FCA5A5;
}
.patron-nota[data-v-6974bb8f] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Regla verbal */
.regla-verbal[data-v-6974bb8f] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-6974bb8f] {
  font-size: 1.5rem;
}
.regla-titulo[data-v-6974bb8f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.regla-pasos[data-v-6974bb8f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-paso[data-v-6974bb8f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-6974bb8f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-6974bb8f] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Coeficientes */
.coeficientes[data-v-6974bb8f] {
  text-align: center;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.coef-titulo[data-v-6974bb8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.coef-visual[data-v-6974bb8f] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.coef[data-v-6974bb8f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
  color: white;
}
.coef-nota[data-v-6974bb8f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-6974bb8f] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-6974bb8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-card[data-v-6974bb8f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-card.mini[data-v-6974bb8f] {
  padding: 0.75rem;
}
.ejemplo-problema[data-v-6974bb8f] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-family: 'Courier New', monospace;
}
.ejemplo-setup[data-v-6974bb8f] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-6974bb8f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-item[data-v-6974bb8f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.paso-numero[data-v-6974bb8f] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-calculo[data-v-6974bb8f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplo-resultado[data-v-6974bb8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-resultado.final[data-v-6974bb8f] {
  border-top: none;
  padding-top: 0.25rem;
}
.resultado-label[data-v-6974bb8f] {
  font-size: 1rem;
  color: #C4B5FD;
}
.resultado-valor[data-v-6974bb8f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Tip */
.tip[data-v-6974bb8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6974bb8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6974bb8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6974bb8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-principales[data-v-6974bb8f] {
    flex-direction: row;
}
.formula-card[data-v-6974bb8f] {
    flex: 1;
}
.formula-expresion[data-v-6974bb8f] {
    font-size: 1rem;
}
}

/* Mobile pequeño */
@media (max-width: 400px) {
.ejemplo-pasos[data-v-6974bb8f] {
    grid-template-columns: 1fr;
}
}

.explorador[data-v-f370116f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f370116f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f370116f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f370116f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f370116f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f370116f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f370116f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f370116f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f370116f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f370116f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Ejercicio container */
.ejercicio-container[data-v-f370116f], .identificar-container[data-v-f370116f] {
  text-align: center;
}
.ejercicio-problema[data-v-f370116f], .identificar-problema[data-v-f370116f] {
  margin-bottom: 1rem;
}
.problema-expresion[data-v-f370116f] {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ejercicio-formula-hint[data-v-f370116f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.hint-label[data-v-f370116f] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.hint-formula[data-v-f370116f] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejercicio-respuesta[data-v-f370116f] {
  margin-bottom: 1rem;
}
.respuesta-row[data-v-f370116f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.respuesta-input[data-v-f370116f] {
  flex: 1;
  max-width: 250px;
  padding: 0.75rem;
  font-size: 1.1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: 'Courier New', monospace;
}
.respuesta-input.correcto[data-v-f370116f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-f370116f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-ejemplo[data-v-f370116f] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-f370116f] {
  padding: 0.75rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-f370116f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback[data-v-f370116f] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.feedback.incorrecto[data-v-f370116f] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.ejercicio-contador[data-v-f370116f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Identificar tipo */
.identificar-pregunta[data-v-f370116f] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.identificar-opciones[data-v-f370116f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-f370116f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-f370116f]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-f370116f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-f370116f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-btn.incorrecto[data-v-f370116f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.opcion-nombre[data-v-f370116f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opcion-formula[data-v-f370116f] {
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-f370116f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f370116f] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-f370116f] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f370116f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f370116f] {
  flex: 1;
}
.nav-btn[data-v-f370116f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f370116f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f370116f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f370116f] {
  font-size: 1.75rem;
}
.completado-texto[data-v-f370116f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f370116f], .slide-leave-active[data-v-f370116f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f370116f] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-f370116f] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.problema-expresion[data-v-f370116f] {
    font-size: 1.75rem;
}
.identificar-opciones[data-v-f370116f] {
    flex-direction: row;
}
.opcion-btn[data-v-f370116f] {
    flex: 1;
}
}

/* Intro */
.resumen-intro[data-v-5437a433] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5437a433] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5437a433] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-5437a433] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-5437a433] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-5437a433]:hover {
  border-color: #8B5CF6;
}
.resumen-card.destacada[data-v-5437a433] {
  border-color: rgba(16, 185, 129, 0.5);
  background: rgba(16, 185, 129, 0.05);
}
.resumen-card.wide[data-v-5437a433] {
  grid-column: span 2;
}
.card-header[data-v-5437a433] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-5437a433] {
  font-size: 1rem;
}
.card-titulo[data-v-5437a433] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.formula-box[data-v-5437a433] {
  margin-bottom: 0.5rem;
}
.formula-left[data-v-5437a433], .formula-right[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
}
.formula-left[data-v-5437a433] {
  color: #C4B5FD;
}
.formula-eq[data-v-5437a433] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.formula-right[data-v-5437a433] {
  color: #6EE7B7;
}
.ejemplo-mini[data-v-5437a433] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.ej-eq[data-v-5437a433] {
  margin: 0 0.25rem;
}
.ej-right[data-v-5437a433] {
  color: #E9D5FF;
}

/* Cubo especial */
.formula-box.cubo[data-v-5437a433] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cubo-formula[data-v-5437a433] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
.cubo-left[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
  color: #C4B5FD;
}
.cubo-eq[data-v-5437a433] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.cubo-right[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.75rem;
}
.coef-reminder[data-v-5437a433] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.coef-label[data-v-5437a433] {
  color: #C4B5FD;
}
.coef-numeros[data-v-5437a433] {
  font-weight: 700;
  color: #FCD34D;
}

/* Tabla comparativa */
.tabla-comparativa[data-v-5437a433] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-5437a433] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-contenido[data-v-5437a433] {
  padding: 0.5rem;
}
.tabla-row[data-v-5437a433] {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.tabla-row.header[data-v-5437a433] {
  background: rgba(139, 92, 246, 0.1);
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.tabla-row[data-v-5437a433]:not(.header):hover {
  background: rgba(139, 92, 246, 0.1);
}
.tabla-col[data-v-5437a433] {
  flex: 1;
  text-align: center;
}
.tabla-col.formula[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
}
.tabla-col.resultado[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  color: #6EE7B7;
}

/* Errores */
.errores-section[data-v-5437a433] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-5437a433] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.errores-lista[data-v-5437a433] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.error-item[data-v-5437a433] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.error-mal[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #FCA5A5;
  text-decoration: line-through;
  opacity: 0.7;
}
.error-bien[data-v-5437a433] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-5437a433] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-5437a433] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-5437a433] {
  font-size: 1.25rem;
}
.tip-text[data-v-5437a433] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-text strong[data-v-5437a433] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5437a433] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5437a433] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-5437a433 1s ease-in-out infinite;
}
@keyframes bounce-5437a433 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5437a433] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-5437a433] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Responsive */
@media (max-width: 480px) {
.resumen-cards[data-v-5437a433] {
    grid-template-columns: 1fr;
}
.resumen-card.wide[data-v-5437a433] {
    grid-column: span 1;
}
}
@media (min-width: 640px) {
.error-item[data-v-5437a433] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-efceb4c7] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.intro-item[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.intro-emoji[data-v-efceb4c7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.intro-texto[data-v-efceb4c7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.intro-flecha[data-v-efceb4c7] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Concepto section */
.concepto-section[data-v-efceb4c7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-efceb4c7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-efceb4c7] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
}
.formula-box[data-v-efceb4c7] {
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula[data-v-efceb4c7] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fraccion[data-v-efceb4c7] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.fraccion .num[data-v-efceb4c7] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 2px;
}
.fraccion .den[data-v-efceb4c7] {
  padding-top: 2px;
}
.ejemplo-razon[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-label[data-v-efceb4c7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ejemplo-texto[data-v-efceb4c7] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.razon-calculo[data-v-efceb4c7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  color: #FFFFFF;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ejemplo-interpretacion[data-v-efceb4c7] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center;
}

/* Ejemplos */
.ejemplos-section[data-v-efceb4c7] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-efceb4c7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-efceb4c7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-efceb4c7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-efceb4c7] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-relacion[data-v-efceb4c7] {
  font-size: 0.7rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
}

/* Propiedad fundamental */
.propiedad-section[data-v-efceb4c7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.propiedad-header[data-v-efceb4c7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.propiedad-icono[data-v-efceb4c7] {
  font-size: 1.25rem;
}
.propiedad-titulo[data-v-efceb4c7] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.05rem;
}
.propiedad-texto[data-v-efceb4c7] {
  color: #E9D5FF;
  margin: 0 0 1rem;
  font-size: 0.95rem;
}
.formula-destacada[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-grande[data-v-efceb4c7] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.formula-equivalente[data-v-efceb4c7] {
  font-size: 1rem;
  color: #C4B5FD;
}
.formula-equivalente strong[data-v-efceb4c7] {
  color: #FCD34D;
}
.ejemplo-k[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tabla-mini[data-v-efceb4c7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.fila-header[data-v-efceb4c7] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.fila-datos[data-v-efceb4c7] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #FFFFFF;
  text-align: center;
}
.valor-k[data-v-efceb4c7] {
  color: #6EE7B7;
  font-weight: 700;
}
.k-conclusion[data-v-efceb4c7] {
  text-align: center;
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-efceb4c7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-efceb4c7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-efceb4c7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-efceb4c7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-efceb4c7] {
    gap: 2rem;
}
.intro-item[data-v-efceb4c7] {
    padding: 1rem 1.5rem;
}
.intro-emoji[data-v-efceb4c7] {
    font-size: 2rem;
}
.intro-texto[data-v-efceb4c7] {
    font-size: 1.1rem;
}
.ejemplos-grid[data-v-efceb4c7] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-efceb4c7] {
    padding: 0.75rem;
}
.ej-icono[data-v-efceb4c7] {
    font-size: 1.75rem;
}
}

/* Definición box */
.definicion-box[data-v-039776bc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-039776bc] {
  font-size: 1.75rem;
}
.def-contenido[data-v-039776bc] {
  flex: 1;
}
.def-titulo[data-v-039776bc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-039776bc] {
  margin: 0;
  color: #E9D5FF;
}

/* Proporción visual */
.proporcion-visual[data-v-039776bc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.razon[data-v-039776bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.razon-a[data-v-039776bc] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.razon-b[data-v-039776bc] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.igual[data-v-039776bc] {
  font-size: 2rem;
  font-weight: 800;
  color: #8B5CF6;
}
.fraccion[data-v-039776bc] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  color: #FFFFFF;
}
.fraccion .num[data-v-039776bc] {
  border-bottom: 2px solid currentColor;
  padding-bottom: 2px;
}
.fraccion .den[data-v-039776bc] {
  padding-top: 2px;
}
.lectura-proporcion[data-v-039776bc] {
  text-align: center;
  color: #C4B5FD;
  font-style: italic;
  margin: 0 0 1.5rem;
}

/* Términos */
.terminos-section[data-v-039776bc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.terminos-titulo[data-v-039776bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.proporcion-terminos[data-v-039776bc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.termino[data-v-039776bc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.termino-letra[data-v-039776bc] {
  font-size: 1.25rem;
  font-weight: 700;
}
.termino-nombre[data-v-039776bc] {
  font-size: 0.7rem;
  margin-top: 0.25rem;
}
.extremo-a[data-v-039776bc], .extremo-d[data-v-039776bc] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.extremo-a .termino-letra[data-v-039776bc], .extremo-d .termino-letra[data-v-039776bc] {
  color: #FCA5A5;
}
.extremo-a .termino-nombre[data-v-039776bc], .extremo-d .termino-nombre[data-v-039776bc] {
  color: #FCA5A5;
}
.medio-b[data-v-039776bc], .medio-c[data-v-039776bc] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.medio-b .termino-letra[data-v-039776bc], .medio-c .termino-letra[data-v-039776bc] {
  color: #93C5FD;
}
.medio-b .termino-nombre[data-v-039776bc], .medio-c .termino-nombre[data-v-039776bc] {
  color: #93C5FD;
}
.separador[data-v-039776bc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.igual-terminos[data-v-039776bc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
  margin: 0 0.25rem;
}

/* Propiedad fundamental */
.propiedad-section[data-v-039776bc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.propiedad-header[data-v-039776bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.propiedad-icono[data-v-039776bc] {
  font-size: 1.25rem;
}
.propiedad-titulo[data-v-039776bc] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.05rem;
}
.propiedad-texto[data-v-039776bc] {
  color: #E9D5FF;
  margin: 0 0 1rem;
}
.formula-fundamental[data-v-039776bc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.extremos[data-v-039776bc] {
  color: #FCA5A5;
}
.igual-formula[data-v-039776bc] {
  color: #8B5CF6;
}
.medios[data-v-039776bc] {
  color: #93C5FD;
}
.nota-propiedad[data-v-039776bc] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin: 0;
  text-align: center;
}

/* Ejemplo */
.ejemplo-section[data-v-039776bc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-039776bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-039776bc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-pregunta[data-v-039776bc] {
  color: #E9D5FF;
  margin: 0;
  font-size: 1rem;
}
.positivo[data-v-039776bc] {
  color: #6EE7B7;
}
.ejemplo-pasos[data-v-039776bc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-039776bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-numero[data-v-039776bc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}
.paso-texto[data-v-039776bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-formula[data-v-039776bc] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  font-family: monospace;
}
.paso-formula.resultado[data-v-039776bc] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-formula.resultado strong[data-v-039776bc] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.verificacion[data-v-039776bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.verificacion-icono[data-v-039776bc] {
  color: #6EE7B7;
  font-weight: 700;
}
.verificacion-texto[data-v-039776bc] {
  color: #6EE7B7;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-039776bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-039776bc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-039776bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-039776bc] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.proporcion-visual[data-v-039776bc] {
    gap: 1.5rem;
    padding: 1.5rem;
}
.razon[data-v-039776bc] {
    padding: 1rem 1.5rem;
    font-size: 1.75rem;
}
.igual[data-v-039776bc] {
    font-size: 2.5rem;
}
.proporcion-terminos[data-v-039776bc] {
    gap: 0.75rem;
}
.termino[data-v-039776bc] {
    padding: 0.75rem 1rem;
}
.termino-letra[data-v-039776bc] {
    font-size: 1.5rem;
}
}

/* Definición box */
.definicion-box[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-c0d09391] {
  font-size: 1.75rem;
}
.def-contenido[data-v-c0d09391] {
  flex: 1;
}
.def-titulo[data-v-c0d09391] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-c0d09391] {
  margin: 0;
  color: #E9D5FF;
}

/* Cuándo usar */
.cuando-usar[data-v-c0d09391] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.cuando-header[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cuando-icono[data-v-c0d09391] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1.1rem;
}
.cuando-titulo[data-v-c0d09391] {
  font-weight: 700;
  color: #6EE7B7;
}
.cuando-texto[data-v-c0d09391] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
}
.cuando-ejemplos[data-v-c0d09391] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.cuando-ejemplos .ej[data-v-c0d09391] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Método section */
.metodo-section[data-v-c0d09391] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-c0d09391] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.problema-ejemplo[data-v-c0d09391] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-c0d09391] {
  font-size: 1.25rem;
}
.problema-texto[data-v-c0d09391] {
  color: #FFFFFF;
  font-weight: 600;
}
.pasos-grid[data-v-c0d09391] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.paso-card[data-v-c0d09391] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.paso-card.paso-resultado[data-v-c0d09391] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.paso-header[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-numero[data-v-c0d09391] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
}
.paso-resultado .paso-numero[data-v-c0d09391] {
  background: #10B981;
}
.paso-titulo[data-v-c0d09391] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-contenido[data-v-c0d09391] {
  display: flex;
  justify-content: center;
}

/* Tabla regla de tres */
.tabla-regla[data-v-c0d09391] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  width: 100%;
  max-width: 180px;
}
.tabla-header[data-v-c0d09391] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.tabla-fila[data-v-c0d09391] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}
.dato-conocido[data-v-c0d09391] {
  color: #FFFFFF;
  font-weight: 600;
}
.dato-incognita[data-v-c0d09391] {
  color: #FCD34D;
  font-weight: 700;
}

/* Proporción planteada */
.proporcion-planteada[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.fraccion[data-v-c0d09391] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  color: #FFFFFF;
}
.fraccion .num[data-v-c0d09391] {
  border-bottom: 2px solid #8B5CF6;
  padding: 0 0.25rem 2px;
}
.fraccion .den[data-v-c0d09391] {
  padding: 2px 0.25rem 0;
}
.igual[data-v-c0d09391] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Operaciones */
.operacion[data-v-c0d09391] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}
.op-linea[data-v-c0d09391] {
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.95rem;
}
.op-linea.resultado[data-v-c0d09391] {
  color: #6EE7B7;
  font-size: 1rem;
}
.op-linea.resultado strong[data-v-c0d09391] {
  font-size: 1.1rem;
}

/* Fórmula rápida */
.formula-rapida[data-v-c0d09391] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-header[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-c0d09391] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-c0d09391] {
  font-weight: 700;
  color: #FCD34D;
}
.formula-contenido[data-v-c0d09391] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-texto[data-v-c0d09391] {
  display: flex;
  justify-content: center;
}
.formula-principal[data-v-c0d09391] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-principal .fraccion .num[data-v-c0d09391],
.formula-principal .fraccion .den[data-v-c0d09391] {
  font-size: 0.8rem;
}
.formula-ejemplo[data-v-c0d09391] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-ejemplo strong[data-v-c0d09391] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Verificación */
.verificacion-section[data-v-c0d09391] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.verificacion-icono[data-v-c0d09391] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.verificacion-contenido[data-v-c0d09391] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.verificacion-titulo[data-v-c0d09391] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.verificacion-texto[data-v-c0d09391] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-c0d09391] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c0d09391] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c0d09391] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c0d09391] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.pasos-grid[data-v-c0d09391] {
    grid-template-columns: repeat(2, 1fr);
}
.cuando-ejemplos[data-v-c0d09391] {
    flex-direction: row;
    gap: 1rem;
}
.formula-principal[data-v-c0d09391] {
    font-size: 1.05rem;
}
.formula-principal .fraccion .num[data-v-c0d09391],
  .formula-principal .fraccion .den[data-v-c0d09391] {
    font-size: 0.9rem;
}
}

.explorador[data-v-17464804] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-17464804] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-17464804] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-17464804] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-17464804] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-17464804] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-17464804] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-17464804] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-17464804] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}
.desafio-contenido[data-v-17464804] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Problema box */
.problema-box[data-v-17464804] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.problema-texto[data-v-17464804] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
}
.problema-contextualizado[data-v-17464804] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}
.problema-icono[data-v-17464804] {
  font-size: 2rem;
}

/* Tabla de datos */
.tabla-datos[data-v-17464804] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.9rem;
}
.tabla-header[data-v-17464804] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.tabla-fila[data-v-17464804] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #FFFFFF;
  text-align: center;
}

/* Pregunta box */
.pregunta-box[data-v-17464804] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.pregunta-label[data-v-17464804] {
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
  font-size: 0.95rem;
}
.input-group[data-v-17464804] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-17464804], .input-suffix[data-v-17464804] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1rem;
}
.respuesta-input[data-v-17464804] {
  width: 100px;
  padding: 0.6rem 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-17464804] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-17464804] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-17464804] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}
.btn-verificar[data-v-17464804]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Regla de tres visual */
.regla-tres-visual[data-v-17464804] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.rt-fila[data-v-17464804] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.rt-valor[data-v-17464804] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
}
.rt-valor.conocido[data-v-17464804] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.rt-valor.incognita[data-v-17464804] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px dashed rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.rt-flecha[data-v-17464804] {
  color: #8B5CF6;
  font-size: 1.25rem;
}

/* Pasos resolución */
.pasos-resolucion[data-v-17464804] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.paso-mini[data-v-17464804] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  opacity: 0.5;
  transition: all 0.2s ease;
}
.paso-mini.activo[data-v-17464804] {
  opacity: 1;
  background: rgba(139, 92, 246, 0.2);
}
.paso-num[data-v-17464804] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-label[data-v-17464804] {
  color: #E9D5FF;
  font-size: 0.75rem;
}
.sub-paso[data-v-17464804] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* Datos identificados */
.datos-identificados[data-v-17464804] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.dato-item[data-v-17464804] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-item.incognita[data-v-17464804] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px dashed rgba(245, 158, 11, 0.4);
}
.dato-label[data-v-17464804] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.dato-valor[data-v-17464804] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
}
.dato-item.incognita .dato-valor[data-v-17464804] {
  color: #FCD34D;
}

/* Planteamiento */
.planteamiento[data-v-17464804] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.formula-planteada[data-v-17464804] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.fraccion[data-v-17464804] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.fraccion .num[data-v-17464804] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 2px;
}
.fraccion .den[data-v-17464804] {
  padding-top: 2px;
}
.btn-siguiente-paso[data-v-17464804] {
  padding: 0.5rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback */
.feedback-incorrecto[data-v-17464804] {
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
}

/* Resultado correcto */
.resultado-correcto[data-v-17464804] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-17464804] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-17464804] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-17464804] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-17464804] {
  flex: 1;
}
.nav-btn[data-v-17464804] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-17464804] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-17464804] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-17464804] {
  font-size: 1.75rem;
}
.completado-texto[data-v-17464804] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-17464804], .slide-leave-active[data-v-17464804] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-17464804] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-17464804] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.intro-problemas[data-v-3d3bd526] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-3d3bd526] {
  font-size: 1.5rem;
}
.intro-texto[data-v-3d3bd526] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.95rem;
}

/* Problema cards */
.problema-card[data-v-3d3bd526] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.problema-header[data-v-3d3bd526] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.problema-tipo[data-v-3d3bd526] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.problema-emoji[data-v-3d3bd526] {
  font-size: 1.25rem;
}
.problema-contenido[data-v-3d3bd526] {
  padding: 0.75rem;
}
.problema-enunciado[data-v-3d3bd526] {
  color: #FFFFFF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Resolución */
.resolucion[data-v-3d3bd526] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.res-paso[data-v-3d3bd526] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.res-paso.resultado[data-v-3d3bd526] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-label[data-v-3d3bd526] {
  color: #C4B5FD;
  font-weight: 600;
  min-width: 70px;
}
.paso-valor[data-v-3d3bd526] {
  color: #FFFFFF;
  font-family: monospace;
}
.paso-valor strong[data-v-3d3bd526] {
  color: #6EE7B7;
}

/* Estrategia box */
.estrategia-box[data-v-3d3bd526] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.estrategia-header[data-v-3d3bd526] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.estrategia-icono[data-v-3d3bd526] {
  font-size: 1.25rem;
}
.estrategia-titulo[data-v-3d3bd526] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.05rem;
}
.estrategia-pasos[data-v-3d3bd526] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.est-paso[data-v-3d3bd526] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.est-num[data-v-3d3bd526] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: #1F2937;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  flex-shrink: 0;
}
.est-texto[data-v-3d3bd526] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.est-texto strong[data-v-3d3bd526] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-3d3bd526] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3d3bd526] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3d3bd526] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3d3bd526] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.problema-header[data-v-3d3bd526] {
    padding: 0.75rem 1rem;
}
.problema-contenido[data-v-3d3bd526] {
    padding: 1rem;
}
.res-paso[data-v-3d3bd526] {
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}
.paso-label[data-v-3d3bd526] {
    min-width: 90px;
}
}

/* Intro */
.resumen-intro[data-v-5d785b05] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5d785b05] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5d785b05] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-5d785b05] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-5d785b05] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-5d785b05] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-5d785b05]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-5d785b05] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-5d785b05] {
    grid-column: span 1;
}
}
.card-header[data-v-5d785b05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-5d785b05] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5d785b05] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-5d785b05] {
  color: #E9D5FF;
}
.card-nota[data-v-5d785b05] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
  text-align: center;
}
.card-definicion[data-v-5d785b05] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.card-ejemplo[data-v-5d785b05] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.positivo[data-v-5d785b05] {
  color: #6EE7B7;
}

/* Formula destacada */
.formula-destacada[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.formula[data-v-5d785b05] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-alt[data-v-5d785b05] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.formula-alt strong[data-v-5d785b05] {
  color: #FCD34D;
}
.fraccion[data-v-5d785b05] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.fraccion .num[data-v-5d785b05] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 2px;
}
.fraccion .den[data-v-5d785b05] {
  padding-top: 2px;
}

/* Conceptos grid */
.conceptos-grid[data-v-5d785b05] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (max-width: 480px) {
.conceptos-grid[data-v-5d785b05] {
    grid-template-columns: 1fr;
}
}
.concepto-item[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-nombre[data-v-5d785b05] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.concepto-def[data-v-5d785b05] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.concepto-ejemplo[data-v-5d785b05] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Propiedad visual */
.propiedad-visual[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.terminos-proporcion[data-v-5d785b05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.termino[data-v-5d785b05] {
  padding: 0.35rem 0.6rem;
  border-radius: 0.35rem;
  color: white;
}
.termino.extremo[data-v-5d785b05] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.termino.medio[data-v-5d785b05] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.separador[data-v-5d785b05] {
  color: #C4B5FD;
}
.igual[data-v-5d785b05] {
  color: #8B5CF6;
  font-size: 1.5rem;
}
.leyenda-terminos[data-v-5d785b05] {
  display: flex;
  gap: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.leyenda.extremo[data-v-5d785b05] {
  color: #FCA5A5;
}
.leyenda.medio[data-v-5d785b05] {
  color: #93C5FD;
}

/* Método pasos */
.metodo-pasos[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.metodo-paso[data-v-5d785b05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-5d785b05] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-text[data-v-5d785b05] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Fórmula rápida */
.formula-rapida[data-v-5d785b05] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-5d785b05] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-explicacion[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.linea-division[data-v-5d785b05] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 2px 0;
}

/* Ejemplos vida */
.ejemplos-vida[data-v-5d785b05] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplos-titulo[data-v-5d785b05] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-5d785b05] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.ejemplos-grid[data-v-5d785b05] {
    grid-template-columns: repeat(4, 1fr);
}
}
.ejemplo-item[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ejemplo-icono[data-v-5d785b05] {
  font-size: 1.25rem;
}
.ejemplo-texto[data-v-5d785b05] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tips finales */
.tips-finales[data-v-5d785b05] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-5d785b05] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-5d785b05] {
  font-size: 1.25rem;
}
.tip-text[data-v-5d785b05] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-5d785b05] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5d785b05] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5d785b05] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-5d785b05 1s ease-in-out infinite;
}
@keyframes bounce-5d785b05 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5d785b05] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-5d785b05] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-d3115f15] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.intro-item[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.intro-emoji[data-v-d3115f15] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.intro-texto[data-v-d3115f15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.intro-flecha[data-v-d3115f15] {
  font-size: 1.5rem;
  color: #F59E0B;
  font-weight: 700;
}

/* Concepto section */
.concepto-section[data-v-d3115f15] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-d3115f15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.concepto-texto[data-v-d3115f15] {
  color: #E9D5FF;
  margin: 0 0 1rem;
}
.relacion-visual[data-v-d3115f15] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.relacion-item[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.relacion-icono[data-v-d3115f15] {
  font-size: 1.5rem;
  font-weight: 800;
}
.relacion-icono.aumenta[data-v-d3115f15] {
  color: #6EE7B7;
}
.relacion-icono.disminuye[data-v-d3115f15] {
  color: #FCA5A5;
}
.relacion-label[data-v-d3115f15] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-weight: 600;
}
.relacion-conector[data-v-d3115f15] {
  font-size: 1.25rem;
  color: #FCD34D;
  font-weight: 700;
}

/* Ejemplos */
.ejemplos-section[data-v-d3115f15] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-d3115f15] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-d3115f15] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-d3115f15] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-d3115f15] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-relacion[data-v-d3115f15] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Propiedad fundamental */
.propiedad-section[data-v-d3115f15] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.propiedad-header[data-v-d3115f15] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.propiedad-icono[data-v-d3115f15] {
  font-size: 1.25rem;
}
.propiedad-titulo[data-v-d3115f15] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.05rem;
}
.propiedad-texto[data-v-d3115f15] {
  color: #E9D5FF;
  margin: 0 0 1rem;
  font-size: 0.95rem;
}
.formula-destacada[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-grande[data-v-d3115f15] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.formula-equivalente[data-v-d3115f15] {
  font-size: 1rem;
  color: #C4B5FD;
}
.formula-equivalente strong[data-v-d3115f15] {
  color: #FCD34D;
}
.ejemplo-k[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tabla-mini[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.fila-header[data-v-d3115f15] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.fila-datos[data-v-d3115f15] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #FFFFFF;
  text-align: center;
}
.valor-k[data-v-d3115f15] {
  color: #FCD34D;
  font-weight: 700;
}
.k-conclusion[data-v-d3115f15] {
  text-align: center;
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Comparación box */
.comparacion-box[data-v-d3115f15] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-d3115f15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-grid[data-v-d3115f15] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-d3115f15] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.comp-item.directa[data-v-d3115f15] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-item.inversa[data-v-d3115f15] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-tipo[data-v-d3115f15] {
  font-size: 0.85rem;
  font-weight: 700;
}
.comp-item.directa .comp-tipo[data-v-d3115f15] {
  color: #6EE7B7;
}
.comp-item.inversa .comp-tipo[data-v-d3115f15] {
  color: #FCD34D;
}
.comp-formula[data-v-d3115f15] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-relacion[data-v-d3115f15] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-d3115f15] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-d3115f15] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d3115f15] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d3115f15] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d3115f15] {
    gap: 2rem;
}
.intro-item[data-v-d3115f15] {
    padding: 1rem 1.5rem;
}
.intro-emoji[data-v-d3115f15] {
    font-size: 2rem;
}
.intro-texto[data-v-d3115f15] {
    font-size: 1.1rem;
}
.ejemplos-grid[data-v-d3115f15] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-d3115f15] {
    padding: 0.75rem;
}
.ej-icono[data-v-d3115f15] {
    font-size: 1.75rem;
}
}

/* Método section */
.metodo-section[data-v-2289a2f2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-titulo[data-v-2289a2f2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.pasos-grid[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-2289a2f2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-2289a2f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  font-size: 0.9rem;
}
.paso-texto[data-v-2289a2f2] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-2289a2f2] {
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-2289a2f2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-2289a2f2] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-2289a2f2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.problema-box[data-v-2289a2f2] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-texto[data-v-2289a2f2] {
  color: #FFFFFF;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Solución pasos */
.solucion-paso[data-v-2289a2f2] {
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.solucion-header[data-v-2289a2f2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.solucion-num[data-v-2289a2f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  font-size: 0.8rem;
}
.solucion-titulo[data-v-2289a2f2] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.solucion-texto[data-v-2289a2f2] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.9rem;
}

/* Proporción visual */
.proporcion-visual[data-v-2289a2f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
.prop-lado[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.prop-magnitud[data-v-2289a2f2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.prop-valor[data-v-2289a2f2] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  min-width: 40px;
  text-align: center;
}
.prop-valor.destacado[data-v-2289a2f2] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.prop-relacion[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  color: #FCD34D;
  font-size: 1.25rem;
}
.nota-proporcion[data-v-2289a2f2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0.5rem 0 0;
  text-align: center;
}

/* Cálculo box */
.calculo-box[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.calculo-linea[data-v-2289a2f2] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calculo-linea.resultado[data-v-2289a2f2] {
  color: #6EE7B7;
  font-weight: 700;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}

/* Verificación */
.verificacion-box[data-v-2289a2f2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.verif-icono[data-v-2289a2f2] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.verif-contenido[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.verif-titulo[data-v-2289a2f2] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}
.verif-texto[data-v-2289a2f2] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.verif-conclusion[data-v-2289a2f2] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Fórmula rápida */
.formula-rapida[data-v-2289a2f2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-2289a2f2] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.formula-contenido[data-v-2289a2f2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula-texto[data-v-2289a2f2] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-despeje[data-v-2289a2f2] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.formula-despeje strong[data-v-2289a2f2] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-2289a2f2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2289a2f2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2289a2f2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2289a2f2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pasos-grid[data-v-2289a2f2] {
    flex-direction: row;
    gap: 0.75rem;
}
.paso[data-v-2289a2f2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.paso-num[data-v-2289a2f2] {
    width: 36px;
    height: 36px;
    font-size: 1rem;
}
.proporcion-visual[data-v-2289a2f2] {
    gap: 1.5rem;
    padding: 1rem;
}
.prop-valor[data-v-2289a2f2] {
    font-size: 1.5rem;
    padding: 0.5rem 0.75rem;
    min-width: 50px;
}
}

.explorador[data-v-dfd86749] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dfd86749] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dfd86749] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dfd86749] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dfd86749] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dfd86749] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dfd86749] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dfd86749] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dfd86749] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dfd86749] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Constante ===== */
.constante-container[data-v-dfd86749] {
  text-align: center;
}
.tabla-problema[data-v-dfd86749] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.tabla-header[data-v-dfd86749] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.tabla-fila[data-v-dfd86749] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #FFFFFF;
  font-weight: 600;
}
.pregunta-constante[data-v-dfd86749] {
  margin: 1rem 0;
}
.pregunta-label[data-v-dfd86749] {
  display: block;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.input-group[data-v-dfd86749] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-dfd86749] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-dfd86749] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-dfd86749] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-dfd86749] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-dfd86749] {
  color: #C4B5FD;
  font-size: 0.95rem;
}
.btn-verificar[data-v-dfd86749] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-dfd86749]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ayuda-constante[data-v-dfd86749] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-top: 0.75rem;
}
.ayuda-icono[data-v-dfd86749] {
  font-size: 1rem;
}
.ayuda-texto[data-v-dfd86749] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* ===== DESAFÍO 2: Cálculo ===== */
.calculo-container[data-v-dfd86749] {
  text-align: center;
}
.problema-texto[data-v-dfd86749] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.datos-problema[data-v-dfd86749] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dato[data-v-dfd86749] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-label[data-v-dfd86749] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-dfd86749] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-calculo[data-v-dfd86749] {
  margin: 1rem 0;
}
.feedback-calculo[data-v-dfd86749] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
}
.feedback-correcto[data-v-dfd86749] {
  color: #6EE7B7;
}
.feedback-incorrecto[data-v-dfd86749] {
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Tipo ===== */
.tipo-container[data-v-dfd86749] {
  text-align: center;
}
.situacion-box[data-v-dfd86749] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-dfd86749] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-dfd86749] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.4;
}
.opciones-tipo[data-v-dfd86749] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.opcion-tipo[data-v-dfd86749] {
  flex: 1;
  max-width: 140px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-tipo.directa[data-v-dfd86749] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.opcion-tipo.inversa[data-v-dfd86749] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.opcion-tipo.seleccionada[data-v-dfd86749] {
  transform: scale(1.05);
}
.opcion-tipo.directa.seleccionada[data-v-dfd86749] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-tipo.inversa.seleccionada[data-v-dfd86749] {
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
}
.opcion-tipo.correcta[data-v-dfd86749] {
  background: #10B981;
  border-color: #047857;
}
.opcion-tipo.incorrecta[data-v-dfd86749] {
  background: #EF4444;
  border-color: #B91C1C;
}
.tipo-label[data-v-dfd86749] {
  font-weight: 700;
  font-size: 0.95rem;
}
.opcion-tipo.directa .tipo-label[data-v-dfd86749] {
  color: #6EE7B7;
}
.opcion-tipo.inversa .tipo-label[data-v-dfd86749] {
  color: #FCD34D;
}
.opcion-tipo.correcta .tipo-label[data-v-dfd86749],
.opcion-tipo.incorrecta .tipo-label[data-v-dfd86749] {
  color: white;
}
.tipo-desc[data-v-dfd86749] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.opcion-tipo.correcta .tipo-desc[data-v-dfd86749],
.opcion-tipo.incorrecta .tipo-desc[data-v-dfd86749] {
  color: rgba(255, 255, 255, 0.8);
}
.tipo-contador[data-v-dfd86749] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-dfd86749] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dfd86749] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-dfd86749] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dfd86749] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dfd86749] {
  flex: 1;
}
.nav-btn[data-v-dfd86749] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dfd86749] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dfd86749] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dfd86749] {
  font-size: 1.75rem;
}
.completado-texto[data-v-dfd86749] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dfd86749], .slide-leave-active[data-v-dfd86749] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dfd86749] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-dfd86749] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Comparación section */
.comparacion-section[data-v-b6755a84] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-b6755a84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-grid[data-v-b6755a84] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 500px) {
.comparacion-grid[data-v-b6755a84] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.tipo-box[data-v-b6755a84] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-box.directa[data-v-b6755a84] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-box.inversa[data-v-b6755a84] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-b6755a84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-b6755a84] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-b6755a84] {
  font-weight: 800;
  font-size: 0.95rem;
}
.tipo-box.directa .tipo-nombre[data-v-b6755a84] {
  color: #6EE7B7;
}
.tipo-box.inversa .tipo-nombre[data-v-b6755a84] {
  color: #FCD34D;
}
.tipo-comportamiento[data-v-b6755a84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.comportamiento-item[data-v-b6755a84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.flecha[data-v-b6755a84] {
  font-size: 1.25rem;
  font-weight: 700;
}
.flecha.sube[data-v-b6755a84] {
  color: #6EE7B7;
}
.flecha.baja[data-v-b6755a84] {
  color: #FCA5A5;
}
.comportamiento-item .texto[data-v-b6755a84] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.igual[data-v-b6755a84] {
  color: #8B5CF6;
  font-size: 1rem;
}
.tipo-formula[data-v-b6755a84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-b6755a84] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-desc[data-v-b6755a84] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tipo-ejemplo[data-v-b6755a84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
}
.ejemplo-icono[data-v-b6755a84] {
  font-size: 1rem;
}
.ejemplo-texto[data-v-b6755a84] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Preguntas section */
.preguntas-section[data-v-b6755a84] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-b6755a84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.pregunta-box[data-v-b6755a84] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pregunta-texto[data-v-b6755a84] {
  display: block;
  font-size: 0.95rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.respuestas-grid[data-v-b6755a84] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.respuesta[data-v-b6755a84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.respuesta.directa[data-v-b6755a84] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.respuesta.inversa[data-v-b6755a84] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.respuesta-check[data-v-b6755a84] {
  font-size: 1rem;
}
.respuesta.directa .respuesta-check[data-v-b6755a84] {
  color: #6EE7B7;
}
.respuesta.inversa .respuesta-check[data-v-b6755a84] {
  color: #FCD34D;
}
.respuesta-texto[data-v-b6755a84] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.respuesta-texto strong[data-v-b6755a84] {
  color: #FFFFFF;
}

/* Ejemplos section */
.ejemplos-section[data-v-b6755a84] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-b6755a84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-b6755a84] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 500px) {
.ejemplos-grid[data-v-b6755a84] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.ejemplo-card[data-v-b6755a84] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.ejemplo-card.directa[data-v-b6755a84] {
  background: rgba(16, 185, 129, 0.05);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-card.inversa[data-v-b6755a84] {
  background: rgba(245, 158, 11, 0.05);
  border-color: rgba(245, 158, 11, 0.3);
}
.card-tipo[data-v-b6755a84] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.ejemplo-card.directa .card-tipo[data-v-b6755a84] {
  color: #6EE7B7;
}
.ejemplo-card.inversa .card-tipo[data-v-b6755a84] {
  color: #FCD34D;
}
.card-items[data-v-b6755a84] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.card-item[data-v-b6755a84] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.item-icono[data-v-b6755a84] {
  font-size: 0.9rem;
}
.item-texto[data-v-b6755a84] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Resolución section */
.resolucion-section[data-v-b6755a84] {
  margin: 1.5rem 0;
}
.resolucion-titulo[data-v-b6755a84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.resolucion-grid[data-v-b6755a84] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 500px) {
.resolucion-grid[data-v-b6755a84] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.resolucion-box[data-v-b6755a84] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.resolucion-box.directa[data-v-b6755a84] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.resolucion-box.inversa[data-v-b6755a84] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.resolucion-tipo[data-v-b6755a84] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.resolucion-box.directa .resolucion-tipo[data-v-b6755a84] {
  color: #6EE7B7;
}
.resolucion-box.inversa .resolucion-tipo[data-v-b6755a84] {
  color: #FCD34D;
}
.resolucion-pasos[data-v-b6755a84] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.resolucion-paso[data-v-b6755a84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.paso-num[data-v-b6755a84] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  font-size: 0.75rem;
}
.paso-texto[data-v-b6755a84] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-family: monospace;
}
.resolucion-ejemplo[data-v-b6755a84] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  line-height: 1.5;
}
.resolucion-ejemplo strong[data-v-b6755a84] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-b6755a84] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-b6755a84] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b6755a84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b6755a84] {
  color: #6EE7B7;
}

/* Intro */
.resumen-intro[data-v-f54cec05] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(245, 158, 11, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f54cec05] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f54cec05] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f54cec05] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-f54cec05] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f54cec05] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f54cec05]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-f54cec05] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.wide[data-v-f54cec05] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-f54cec05] {
    grid-column: span 1;
}
}
.card-header[data-v-f54cec05] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-f54cec05] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f54cec05] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f54cec05] {
  color: #E9D5FF;
}
.card-texto[data-v-f54cec05] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.card-nota[data-v-f54cec05] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Relación mini */
.relacion-mini[data-v-f54cec05] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.rel-item[data-v-f54cec05] {
  color: #FFFFFF;
  font-weight: 600;
}
.rel-flecha[data-v-f54cec05] {
  color: #FCD34D;
}

/* Fórmula principal */
.formula-principal[data-v-f54cec05] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-f54cec05] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
}
.formula-derivada[data-v-f54cec05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.formula-calc[data-v-f54cec05] {
  font-family: monospace;
  color: #FFFFFF;
  font-weight: 600;
}

/* Pasos mini */
.pasos-mini[data-v-f54cec05] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-mini[data-v-f54cec05] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-f54cec05] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  border-radius: 50%;
  font-size: 0.8rem;
}
.paso-text[data-v-f54cec05] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-text strong[data-v-f54cec05] {
  color: #FFFFFF;
}

/* Comparación mini */
.comparacion-mini[data-v-f54cec05] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comp-item[data-v-f54cec05] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.directa[data-v-f54cec05] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-item.inversa[data-v-f54cec05] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-tipo[data-v-f54cec05] {
  font-weight: 700;
  font-size: 0.9rem;
}
.comp-item.directa .comp-tipo[data-v-f54cec05] {
  color: #6EE7B7;
}
.comp-item.inversa .comp-tipo[data-v-f54cec05] {
  color: #FCD34D;
}
.comp-formula[data-v-f54cec05] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-desc[data-v-f54cec05] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplos vida real */
.ejemplos-vida[data-v-f54cec05] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
}
.ejemplo-item[data-v-f54cec05] {
  font-size: 0.85rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}

/* Verificación mini */
.verificacion-mini[data-v-f54cec05] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-family: monospace;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-f54cec05] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f54cec05] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f54cec05] {
  font-size: 1.25rem;
}
.tip-text[data-v-f54cec05] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-f54cec05] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f54cec05] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f54cec05] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f54cec05 1s ease-in-out infinite;
}
@keyframes bounce-f54cec05 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f54cec05] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f54cec05] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-395bf164] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Tipos de problemas */
.tipos-section[data-v-395bf164] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-395bf164] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-395bf164] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo[data-v-395bf164] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-395bf164] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-395bf164] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-395bf164] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Estrategia box */
.estrategia-box[data-v-395bf164] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-395bf164] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-395bf164] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-395bf164] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-395bf164] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-395bf164] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-395bf164] {
  color: #C4B5FD;
}

/* Recordatorio */
.recordatorio-box[data-v-395bf164] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.recordatorio-header[data-v-395bf164] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.recordatorio-icono[data-v-395bf164] {
  font-size: 1.25rem;
}
.recordatorio-titulo[data-v-395bf164] {
  font-weight: 700;
  color: #FCD34D;
}
.recordatorio-contenido[data-v-395bf164] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.prop-tipo[data-v-395bf164] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-nombre[data-v-395bf164] {
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.prop-desc[data-v-395bf164] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-395bf164] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.positivo[data-v-395bf164] {
  color: #6EE7B7;
}
.negativo[data-v-395bf164] {
  color: #FCA5A5;
}

/* Ejemplo */
.ejemplo-box[data-v-395bf164] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-395bf164] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-395bf164] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-395bf164] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-395bf164] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-395bf164] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sol-paso[data-v-395bf164] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.sol-label[data-v-395bf164] {
  color: #C4B5FD;
  min-width: 90px;
}
.sol-valor[data-v-395bf164] {
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-395bf164] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-395bf164] {
  font-size: 1.25rem;
}
.tip-texto[data-v-395bf164] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-395bf164] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-395bf164] {
    font-size: 2.5rem;
    gap: 1.5rem;
}
.tipos-grid[data-v-395bf164] {
    gap: 1rem;
}
.tipo[data-v-395bf164] {
    padding: 1rem;
}
.tipo-icono[data-v-395bf164] {
    font-size: 2rem;
}
.tipo-nombre[data-v-395bf164] {
    font-size: 0.95rem;
}
.tipo-ejemplo[data-v-395bf164] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-00a23329] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.reparto-visual[data-v-00a23329] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.persona[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.persona .emoji[data-v-00a23329] {
  font-size: 2rem;
}
.persona .parte[data-v-00a23329] {
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Método box */
.metodo-box[data-v-00a23329] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-00a23329] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-metodo[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-met[data-v-00a23329] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-00a23329] {
  width: 24px;
  height: 24px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-contenido strong[data-v-00a23329] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-ejemplo[data-v-00a23329] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-00a23329] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-00a23329] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-00a23329] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-00a23329] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.problema-texto[data-v-00a23329] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.solucion-pasos[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-00a23329] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.sol-numero[data-v-00a23329] {
  width: 20px;
  height: 20px;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  color: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.sol-contenido[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}
.sol-label[data-v-00a23329] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.sol-calculo[data-v-00a23329] {
  color: #FFFFFF;
  font-size: 0.85rem;
}
.sol-calculo strong[data-v-00a23329] {
  color: #6EE7B7;
}
.repartos-finales[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.25rem;
}
.reparto-item[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid;
}
.reparto-item.ana[data-v-00a23329] { border-color: #93C5FD;
}
.reparto-item.beto[data-v-00a23329] { border-color: #FCD34D;
}
.reparto-item.carla[data-v-00a23329] { border-color: #F472B6;
}
.reparto-item .nombre[data-v-00a23329] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.reparto-item .cantidad[data-v-00a23329] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.reparto-item .cantidad strong[data-v-00a23329] {
  color: #6EE7B7;
}
.verificacion[data-v-00a23329] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.verif-icono[data-v-00a23329] {
  color: #6EE7B7;
  font-weight: 700;
}
.verif-texto[data-v-00a23329] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Fórmula box */
.formula-box[data-v-00a23329] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-00a23329] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.formula-contenido[data-v-00a23329] {
  text-align: center;
}
.formula[data-v-00a23329] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-00a23329] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.fraccion .num[data-v-00a23329] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 2px;
  font-size: 0.75rem;
}
.fraccion .den[data-v-00a23329] {
  padding-top: 2px;
  font-size: 0.75rem;
}
.formula-ejemplo[data-v-00a23329] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fraccion-inline[data-v-00a23329] {
  color: #FCD34D;
  font-weight: 700;
}

/* Casos */
.casos-box[data-v-00a23329] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-00a23329] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-00a23329] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caso[data-v-00a23329] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-icono[data-v-00a23329] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.caso-nombre[data-v-00a23329] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-desc[data-v-00a23329] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-00a23329] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-00a23329] {
  font-size: 1.25rem;
}
.tip-texto[data-v-00a23329] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-00a23329] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reparto-visual[data-v-00a23329] {
    gap: 2rem;
    padding: 1.5rem 2rem;
}
.persona .emoji[data-v-00a23329] {
    font-size: 2.5rem;
}
.persona .parte[data-v-00a23329] {
    width: 32px;
    height: 32px;
    font-size: 1rem;
}
.casos-grid[data-v-00a23329] {
    grid-template-columns: repeat(4, 1fr);
}
.caso[data-v-00a23329] {
    padding: 0.75rem;
}
.caso-icono[data-v-00a23329] {
    font-size: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-abd75c84] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.mezcla-visual[data-v-abd75c84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.recipiente[data-v-abd75c84] {
  width: 50px;
  height: 60px;
  border-radius: 0 0 0.5rem 0.5rem;
  border: 3px solid;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.5rem;
  position: relative;
}
.recipiente[data-v-abd75c84]::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 0.3rem 0.3rem;
}
.recipiente.r1[data-v-abd75c84] {
  border-color: #93C5FD;
}
.recipiente.r1[data-v-abd75c84]::before {
  height: 30%;
  background: rgba(147, 197, 253, 0.5);
}
.recipiente.r2[data-v-abd75c84] {
  border-color: #FCD34D;
}
.recipiente.r2[data-v-abd75c84]::before {
  height: 50%;
  background: rgba(252, 211, 77, 0.5);
}
.recipiente.r3[data-v-abd75c84] {
  border-color: #6EE7B7;
}
.recipiente.r3[data-v-abd75c84]::before {
  height: 40%;
  background: rgba(110, 231, 183, 0.5);
}
.concentracion[data-v-abd75c84] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.operador[data-v-abd75c84] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Concepto box */
.concepto-box[data-v-abd75c84] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-abd75c84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.concepto-contenido[data-v-abd75c84] {
  text-align: center;
}
.formula-principal[data-v-abd75c84] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-detalle[data-v-abd75c84] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.formula-nota[data-v-abd75c84] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Método box */
.metodo-box[data-v-abd75c84] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-abd75c84] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-metodo[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-met[data-v-abd75c84] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-abd75c84] {
  width: 24px;
  height: 24px;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-contenido strong[data-v-abd75c84] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-ejemplo[data-v-abd75c84] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-abd75c84] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-abd75c84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-abd75c84] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-abd75c84] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.problema-texto[data-v-abd75c84] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.solucion-visual[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mezcla-paso[data-v-abd75c84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mezcla-item[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.item-vol[data-v-abd75c84] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.item-conc[data-v-abd75c84] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.item-resultado[data-v-abd75c84] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}
.mas[data-v-abd75c84] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.resultado-mezcla[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.res-linea[data-v-abd75c84] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.res-label[data-v-abd75c84] {
  color: #C4B5FD;
}
.res-valor[data-v-abd75c84] {
  color: #FFFFFF;
}
.res-linea.final[data-v-abd75c84] {
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  padding-top: 0.35rem;
  margin-top: 0.25rem;
}

/* Ejemplo azul */
.ejemplo-box.azul[data-v-abd75c84] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-box.azul .ejemplo-titulo[data-v-abd75c84] {
  color: #93C5FD;
}
.solucion-pasos[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.sol-label[data-v-abd75c84] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-calculo[data-v-abd75c84] {
  font-size: 0.85rem;
  color: #FFFFFF;
  padding-left: 0.5rem;
}
.sol-paso.final[data-v-abd75c84] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}

/* Tipos */
.tipos-box[data-v-abd75c84] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-abd75c84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-abd75c84] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-abd75c84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-abd75c84] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.tipo-nombre[data-v-abd75c84] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-abd75c84] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-abd75c84] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-abd75c84] {
  font-size: 1.25rem;
}
.tip-texto[data-v-abd75c84] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-abd75c84] {
  color: #FCD34D;
}
.positivo[data-v-abd75c84] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.mezcla-visual[data-v-abd75c84] {
    gap: 1rem;
    padding: 1.5rem;
}
.recipiente[data-v-abd75c84] {
    width: 60px;
    height: 70px;
}
.concentracion[data-v-abd75c84] {
    font-size: 0.85rem;
}
.tipos-grid[data-v-abd75c84] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-39fe8bd1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.escala-visual[data-v-39fe8bd1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.mapa-container[data-v-39fe8bd1], .real-container[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.mapa-icono[data-v-39fe8bd1], .real-icono[data-v-39fe8bd1] {
  font-size: 2rem;
}
.escala-barra[data-v-39fe8bd1] {
  width: 40px;
  height: 8px;
  background: #93C5FD;
  border-radius: 2px;
  position: relative;
}
.escala-barra.real[data-v-39fe8bd1] {
  width: 80px;
  background: #6EE7B7;
}
.medida-mapa[data-v-39fe8bd1], .medida-real[data-v-39fe8bd1] {
  font-size: 0.65rem;
  color: #FFFFFF;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.flecha[data-v-39fe8bd1] {
  font-size: 1.5rem;
  color: #C4B5FD;
}

/* Concepto box */
.concepto-box[data-v-39fe8bd1] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.concepto-contenido[data-v-39fe8bd1] {
  text-align: center;
}
.formula-principal[data-v-39fe8bd1] {
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.fraccion[data-v-39fe8bd1] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.fraccion .num[data-v-39fe8bd1] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 3px;
  font-size: 0.8rem;
}
.fraccion .den[data-v-39fe8bd1] {
  padding-top: 3px;
  font-size: 0.8rem;
}
.formula-ejemplo[data-v-39fe8bd1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
}

/* Escalas box */
.escalas-box[data-v-39fe8bd1] {
  margin: 1.5rem 0;
}
.escalas-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escalas-grid[data-v-39fe8bd1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.escala-tipo[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-titulo[data-v-39fe8bd1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-ejemplo[data-v-39fe8bd1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.tipo-desc[data-v-39fe8bd1] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.barra-grafica[data-v-39fe8bd1] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0.25rem 0;
}
.segmento[data-v-39fe8bd1] {
  width: 40px;
  height: 6px;
  background: linear-gradient(90deg, #000 50%, #FFF 50%);
  border: 1px solid #FFFFFF;
}
.seg-label[data-v-39fe8bd1] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Método box */
.metodo-box[data-v-39fe8bd1] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.regla-tres[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.regla-titulo[data-v-39fe8bd1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-tabla[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.regla-fila[data-v-39fe8bd1] {
  display: flex;
  gap: 1.5rem;
}
.regla-fila.header span[data-v-39fe8bd1] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.85rem;
  min-width: 60px;
  text-align: center;
}
.regla-fila .valor[data-v-39fe8bd1] {
  font-size: 0.85rem;
  color: #FFFFFF;
  min-width: 60px;
  text-align: center;
}
.regla-formula[data-v-39fe8bd1] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.4rem 1rem;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}

/* Ejemplos */
.ejemplo-completo[data-v-39fe8bd1] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-39fe8bd1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-39fe8bd1] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.problema-texto[data-v-39fe8bd1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.solucion-pasos[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-39fe8bd1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.sol-num[data-v-39fe8bd1] {
  width: 20px;
  height: 20px;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  color: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.sol-contenido[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.sol-label[data-v-39fe8bd1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-calculo[data-v-39fe8bd1] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Ejemplo azul */
.ejemplo-box.azul[data-v-39fe8bd1] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-box.azul .ejemplo-titulo[data-v-39fe8bd1] {
  color: #93C5FD;
}
.ejemplo-box.azul .sol-paso[data-v-39fe8bd1] {
  flex-direction: column;
  gap: 0.1rem;
}

/* Conversiones */
.conversiones-box[data-v-39fe8bd1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.conv-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.conv-grid[data-v-39fe8bd1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.conv-item[data-v-39fe8bd1] {
  display: flex;
  justify-content: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.conv-eq[data-v-39fe8bd1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Escalas comunes */
.comunes-box[data-v-39fe8bd1] {
  margin: 1.5rem 0;
}
.comunes-titulo[data-v-39fe8bd1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comunes-grid[data-v-39fe8bd1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comun-item[data-v-39fe8bd1] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comun-escala[data-v-39fe8bd1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comun-uso[data-v-39fe8bd1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-39fe8bd1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-39fe8bd1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-39fe8bd1] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-39fe8bd1] {
  color: #6EE7B7;
}
.positivo[data-v-39fe8bd1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escala-visual[data-v-39fe8bd1] {
    gap: 1.5rem;
    padding: 1.5rem;
}
.escala-barra[data-v-39fe8bd1] {
    width: 50px;
}
.escala-barra.real[data-v-39fe8bd1] {
    width: 100px;
}
.conv-grid[data-v-39fe8bd1] {
    grid-template-columns: repeat(4, 1fr);
}
.comunes-grid[data-v-39fe8bd1] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-b42b5dd1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Progreso */
.progreso-desafios[data-v-b42b5dd1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-b42b5dd1] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-b42b5dd1] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-b42b5dd1] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-b42b5dd1] {
  font-size: 1.25rem;
}
.progreso-check[data-v-b42b5dd1] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-b42b5dd1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b42b5dd1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b42b5dd1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-b42b5dd1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* Problema box */
.problema-box[data-v-b42b5dd1] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-b42b5dd1] {
  display: block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-b42b5dd1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.problema-pregunta[data-v-b42b5dd1] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}

/* Respuesta container */
.respuesta-container[data-v-b42b5dd1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-b42b5dd1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-b42b5dd1], .input-suffix[data-v-b42b5dd1] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1rem;
}
.respuesta-input[data-v-b42b5dd1] {
  width: 140px;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-b42b5dd1]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-b42b5dd1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-b42b5dd1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-b42b5dd1]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-b42b5dd1] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-b42b5dd1]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-b42b5dd1] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-b42b5dd1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-b42b5dd1] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-b42b5dd1] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.8rem;
}

/* Navegación */
.navegacion[data-v-b42b5dd1] {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-b42b5dd1] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-b42b5dd1]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}

/* Resumen final */
.resumen-final[data-v-b42b5dd1] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-b42b5dd1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-b42b5dd1] {
  font-size: 2rem;
}
.resumen-titulo[data-v-b42b5dd1] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-b42b5dd1] {
  display: flex;
  justify-content: center;
}
.stat[data-v-b42b5dd1] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-b42b5dd1] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-b42b5dd1] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-b42b5dd1],
.slide-leave-active[data-v-b42b5dd1] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-b42b5dd1] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-b42b5dd1] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Logro visual */
.logro-visual[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.logro-icono[data-v-f5b51f80] {
  font-size: 3rem;
}
.logro-texto[data-v-f5b51f80] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tipos resumen */
.tipos-resumen[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-f5b51f80] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  border: 2px solid;
}
.tipo-card.repartos[data-v-f5b51f80] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-card.mezclas[data-v-f5b51f80] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.escalas[data-v-f5b51f80] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.card-header[data-v-f5b51f80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-f5b51f80] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
}
.punto[data-v-f5b51f80] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.formula[data-v-f5b51f80] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  text-align: center;
}

/* Estrategia box */
.estrategia-box[data-v-f5b51f80] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-grid[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-f5b51f80] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-f5b51f80] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-accion[data-v-f5b51f80] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 80px;
}
.paso-desc[data-v-f5b51f80] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Errores box */
.errores-box[data-v-f5b51f80] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.errores-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-f5b51f80] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-f5b51f80] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-f5b51f80] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-texto strong[data-v-f5b51f80] {
  color: #FCA5A5;
}

/* Conversiones */
.conversiones-box[data-v-f5b51f80] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.conv-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.conv-grid[data-v-f5b51f80] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.conv-item[data-v-f5b51f80] {
  display: flex;
  justify-content: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.conv-eq[data-v-f5b51f80] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Verificación */
.verificacion-box[data-v-f5b51f80] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.verif-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.verif-lista[data-v-f5b51f80] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.verif-item[data-v-f5b51f80] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.verif-tipo[data-v-f5b51f80] {
  font-size: 1rem;
}
.verif-texto[data-v-f5b51f80] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Final box */
.final-box[data-v-f5b51f80] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-f5b51f80] {
  font-size: 2rem;
}
.final-contenido[data-v-f5b51f80] {
  flex: 1;
}
.final-titulo[data-v-f5b51f80] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0 0 0.5rem;
}
.final-texto[data-v-f5b51f80] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-f5b51f80] {
    flex-direction: row;
}
.tipo-card[data-v-f5b51f80] {
    flex: 1;
}
.pasos-grid[data-v-f5b51f80] {
    flex-direction: row;
}
.paso-item[data-v-f5b51f80] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
    padding: 0.5rem 0.25rem;
}
.paso-accion[data-v-f5b51f80] {
    min-width: auto;
    font-size: 0.7rem;
}
.paso-desc[data-v-f5b51f80] {
    font-size: 0.65rem;
}
.conv-grid[data-v-f5b51f80] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-90a26ae3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  align-items: center;
}
.ecuacion[data-v-90a26ae3] {
  padding: 0.75rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  min-width: 200px;
  text-align: center;
}
.eq-texto[data-v-90a26ae3] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}

/* Ejemplo */
.ejemplo-section[data-v-90a26ae3] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-90a26ae3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-90a26ae3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sistema[data-v-90a26ae3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.sistema-bracket[data-v-90a26ae3] {
  font-size: 3rem;
  color: #8B5CF6;
  line-height: 1;
}
.sistema-ecuaciones[data-v-90a26ae3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ec[data-v-90a26ae3] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.solucion-box[data-v-90a26ae3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-titulo[data-v-90a26ae3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.sol-valores[data-v-90a26ae3] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
  justify-content: center;
}
.sol-item[data-v-90a26ae3] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.sol-item.positivo[data-v-90a26ae3] {
  color: #6EE7B7;
}
.verificacion[data-v-90a26ae3] {
  border-top: 1px solid rgba(16, 185, 129, 0.3);
  padding-top: 0.5rem;
}
.ver-titulo[data-v-90a26ae3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ver-item[data-v-90a26ae3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Métodos preview */
.metodos-preview[data-v-90a26ae3] {
  margin: 1.5rem 0;
}
.metodos-titulo[data-v-90a26ae3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodos-grid[data-v-90a26ae3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.metodo[data-v-90a26ae3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.metodo-icono[data-v-90a26ae3] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.metodo-nombre[data-v-90a26ae3] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.metodo-desc[data-v-90a26ae3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Utilidad */
.utilidad-section[data-v-90a26ae3] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-90a26ae3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-ejemplos[data-v-90a26ae3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.util-item[data-v-90a26ae3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.util-icono[data-v-90a26ae3] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.util-texto[data-v-90a26ae3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-90a26ae3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-90a26ae3] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-90a26ae3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-90a26ae3] {
  color: #6EE7B7;
}

/* Desktop: más espacio y grid de 3 columnas para métodos */
@media (min-width: 640px) {
.intro-visual[data-v-90a26ae3] {
    flex-direction: row;
    gap: 1rem;
}
.ecuacion[data-v-90a26ae3] {
    padding: 1rem 2rem;
}
.eq-texto[data-v-90a26ae3] {
    font-size: 1.5rem;
}
.ejemplo-contenido[data-v-90a26ae3] {
    flex-direction: row;
    align-items: center;
}
.solucion-box[data-v-90a26ae3] {
    flex: 1;
}
.metodos-grid[data-v-90a26ae3] {
    grid-template-columns: repeat(3, 1fr);
}
.metodo[data-v-90a26ae3] {
    padding: 1rem;
}
}

/* Intro box */
.intro-box[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-36624c28] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.intro-texto[data-v-36624c28] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-36624c28] {
  color: #C4B5FD;
}

/* Pasos del método */
.pasos-section[data-v-36624c28] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-36624c28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-36624c28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-36624c28] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-texto[data-v-36624c28] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-36624c28] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-36624c28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.sistema-inicial[data-v-36624c28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.sistema-bracket[data-v-36624c28] {
  font-size: 3rem;
  color: #8B5CF6;
  line-height: 1;
}
.sistema-ecuaciones[data-v-36624c28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ec[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ec-label[data-v-36624c28] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 24px;
}
.ec-texto[data-v-36624c28] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Pasos de resolución */
.resolucion-paso[data-v-36624c28] {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.resolucion-paso[data-v-36624c28]:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.paso-header[data-v-36624c28] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.paso-badge[data-v-36624c28] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  width: fit-content;
}
.paso-desc[data-v-36624c28] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.paso-desc strong[data-v-36624c28] {
  color: #FFFFFF;
}
.ecuacion-destacada[data-v-36624c28] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
  text-align: center;
}
.sustituido[data-v-36624c28] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.resolucion-detalle[data-v-36624c28] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rd-linea[data-v-36624c28] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  padding: 0.25rem 0;
}
.rd-linea.resultado[data-v-36624c28] {
  color: #6EE7B7;
  font-weight: 700;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}

/* Solución final */
.solucion-final[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 1rem;
}
.sol-icono[data-v-36624c28] {
  font-size: 2rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.sol-contenido[data-v-36624c28] {
  flex: 1;
}
.sol-titulo[data-v-36624c28] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.sol-valores[data-v-36624c28] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.sol-var[data-v-36624c28] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.sol-var.positivo[data-v-36624c28] {
  color: #6EE7B7;
}

/* Verificación */
.verificacion-box[data-v-36624c28] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ver-titulo[data-v-36624c28] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ver-item[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.ver-ec[data-v-36624c28] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.ver-arrow[data-v-36624c28] {
  color: #8B5CF6;
}
.ver-check[data-v-36624c28] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Cuándo usar */
.cuando-usar[data-v-36624c28] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.cu-titulo[data-v-36624c28] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cu-items[data-v-36624c28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cu-item[data-v-36624c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cu-icono[data-v-36624c28] {
  font-size: 1.1rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.cu-texto[data-v-36624c28] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-36624c28] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-36624c28] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-36624c28] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-36624c28] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.paso-header[data-v-36624c28] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.paso-badge[data-v-36624c28] {
    font-size: 0.8rem;
}
.paso-desc[data-v-36624c28] {
    font-size: 0.9rem;
}
.ecuacion-destacada[data-v-36624c28] {
    font-size: 1.25rem;
}
.ver-item[data-v-36624c28] {
    flex-wrap: nowrap;
}
}

/* Intro box */
.intro-box[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-9481ac0c] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.intro-texto[data-v-9481ac0c] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-9481ac0c] {
  color: #C4B5FD;
}

/* Pasos del método */
.pasos-section[data-v-9481ac0c] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-9481ac0c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-9481ac0c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-texto[data-v-9481ac0c] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-9481ac0c] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-9481ac0c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.sistema-inicial[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.sistema-bracket[data-v-9481ac0c] {
  font-size: 3rem;
  color: #8B5CF6;
  line-height: 1;
}
.sistema-ecuaciones[data-v-9481ac0c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ec[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ec-label[data-v-9481ac0c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 24px;
}
.ec-texto[data-v-9481ac0c] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Pasos de resolución */
.resolucion-paso[data-v-9481ac0c] {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.resolucion-paso[data-v-9481ac0c]:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.paso-header[data-v-9481ac0c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.paso-badge[data-v-9481ac0c] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  width: fit-content;
}
.paso-desc[data-v-9481ac0c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.paso-desc strong[data-v-9481ac0c] {
  color: #FFFFFF;
}
.resolucion-detalle[data-v-9481ac0c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rd-linea[data-v-9481ac0c] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  padding: 0.25rem 0;
}
.rd-linea.resultado[data-v-9481ac0c] {
  color: #6EE7B7;
  font-weight: 700;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}

/* Igualación visual */
.igualacion-visual[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ig-expresion[data-v-9481ac0c] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.ig-signo[data-v-9481ac0c] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Solución final */
.solucion-final[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 1rem;
}
.sol-icono[data-v-9481ac0c] {
  font-size: 2rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.sol-contenido[data-v-9481ac0c] {
  flex: 1;
}
.sol-titulo[data-v-9481ac0c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.sol-valores[data-v-9481ac0c] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.sol-var[data-v-9481ac0c] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.sol-var.positivo[data-v-9481ac0c] {
  color: #6EE7B7;
}

/* Verificación */
.verificacion-box[data-v-9481ac0c] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ver-titulo[data-v-9481ac0c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ver-item[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.ver-ec[data-v-9481ac0c] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.ver-arrow[data-v-9481ac0c] {
  color: #8B5CF6;
}
.ver-check[data-v-9481ac0c] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Cuándo usar */
.cuando-usar[data-v-9481ac0c] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.cu-titulo[data-v-9481ac0c] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cu-items[data-v-9481ac0c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cu-item[data-v-9481ac0c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cu-icono[data-v-9481ac0c] {
  font-size: 1.1rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.cu-texto[data-v-9481ac0c] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Comparación */
.comparacion[data-v-9481ac0c] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.comp-titulo[data-v-9481ac0c] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-9481ac0c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.comp-item[data-v-9481ac0c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comp-nombre[data-v-9481ac0c] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.comp-texto[data-v-9481ac0c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-9481ac0c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9481ac0c] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-9481ac0c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9481ac0c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.paso-header[data-v-9481ac0c] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.paso-badge[data-v-9481ac0c] {
    font-size: 0.8rem;
}
.paso-desc[data-v-9481ac0c] {
    font-size: 0.9rem;
}
.igualacion-visual[data-v-9481ac0c] {
    flex-wrap: nowrap;
}
.ig-expresion[data-v-9481ac0c] {
    font-size: 1.25rem;
}
.comp-grid[data-v-9481ac0c] {
    grid-template-columns: repeat(2, 1fr);
}
.ver-item[data-v-9481ac0c] {
    flex-wrap: nowrap;
}
}

/* Intro box */
.intro-box[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-85f7c2cb] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.intro-texto[data-v-85f7c2cb] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-85f7c2cb] {
  color: #C4B5FD;
}

/* Pasos del método */
.pasos-section[data-v-85f7c2cb] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-85f7c2cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-texto[data-v-85f7c2cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-85f7c2cb] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-85f7c2cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.sistema-inicial[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.sistema-bracket[data-v-85f7c2cb] {
  font-size: 3rem;
  color: #8B5CF6;
  line-height: 1;
}
.sistema-ecuaciones[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ec[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ec-label[data-v-85f7c2cb] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 24px;
}
.ec-texto[data-v-85f7c2cb] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Pasos de resolución */
.resolucion-paso[data-v-85f7c2cb] {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.resolucion-paso[data-v-85f7c2cb]:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.paso-header[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.paso-badge[data-v-85f7c2cb] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  width: fit-content;
}
.paso-desc[data-v-85f7c2cb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.4;
}
.paso-desc strong[data-v-85f7c2cb] {
  color: #FFFFFF;
}

/* Observación */
.observacion[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.obs-icono[data-v-85f7c2cb] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.obs-texto[data-v-85f7c2cb] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-85f7c2cb] {
  color: #93C5FD;
}

/* Operación visual */
.operacion-visual[data-v-85f7c2cb] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.op-linea[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  flex-wrap: wrap;
}
.op-ec[data-v-85f7c2cb] {
  color: #E9D5FF;
}
.op-signo[data-v-85f7c2cb] {
  color: #FCD34D;
  font-weight: 700;
}
.op-igual[data-v-85f7c2cb] {
  color: #8B5CF6;
  font-weight: 700;
}
.op-res[data-v-85f7c2cb] {
  color: #E9D5FF;
}
.op-elimina[data-v-85f7c2cb] {
  color: #FCA5A5;
  text-decoration: line-through;
}
.op-mas[data-v-85f7c2cb] {
  color: #E9D5FF;
}
.op-simple[data-v-85f7c2cb] {
  color: #6EE7B7;
  font-weight: 700;
}
.op-separador[data-v-85f7c2cb] {
  height: 1px;
  background: rgba(139, 92, 246, 0.3);
  margin: 0.5rem 0;
}
.op-linea.resultado[data-v-85f7c2cb] {
  justify-content: center;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.resolucion-detalle[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rd-linea[data-v-85f7c2cb] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  padding: 0.25rem 0;
}
.rd-linea.resultado[data-v-85f7c2cb] {
  color: #6EE7B7;
  font-weight: 700;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}

/* Solución final */
.solucion-final[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0 0;
}
.sol-icono[data-v-85f7c2cb] {
  font-size: 2rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.sol-contenido[data-v-85f7c2cb] {
  flex: 1;
}
.sol-titulo[data-v-85f7c2cb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.sol-valores[data-v-85f7c2cb] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.sol-var[data-v-85f7c2cb] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.sol-var.positivo[data-v-85f7c2cb] {
  color: #6EE7B7;
}

/* Ejemplo extra */
.ejemplo-extra[data-v-85f7c2cb] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sistema-pequeno[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.sp-bracket[data-v-85f7c2cb] {
  font-size: 2rem;
  color: #FCD34D;
  line-height: 1;
}
.sp-ecuaciones[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sp-ec[data-v-85f7c2cb] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.estrategia[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.est-paso[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.est-num[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.est-texto[data-v-85f7c2cb] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.est-texto strong[data-v-85f7c2cb] {
  color: #FCD34D;
}
.est-resultado[data-v-85f7c2cb] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
  color: #93C5FD;
  text-align: center;
  font-size: 0.95rem;
}
.est-suma[data-v-85f7c2cb] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.suma-linea[data-v-85f7c2cb] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.suma-separador[data-v-85f7c2cb] {
  height: 1px;
  background: rgba(245, 158, 11, 0.3);
  margin: 0.5rem 0;
}
.suma-resultado[data-v-85f7c2cb] {
  font-family: 'Courier New', monospace;
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.95rem;
}

/* Cuándo usar */
.cuando-usar[data-v-85f7c2cb] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.cu-titulo[data-v-85f7c2cb] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cu-items[data-v-85f7c2cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cu-item[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cu-icono[data-v-85f7c2cb] {
  font-size: 1.1rem;
  color: #6EE7B7;
  flex-shrink: 0;
}
.cu-texto[data-v-85f7c2cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-85f7c2cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-85f7c2cb] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tip-texto[data-v-85f7c2cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-85f7c2cb] {
  color: #FCD34D;
}

/* Verificación */
.verificacion-box[data-v-85f7c2cb] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.ver-titulo[data-v-85f7c2cb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ver-item[data-v-85f7c2cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.ver-ec[data-v-85f7c2cb] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.ver-arrow[data-v-85f7c2cb] {
  color: #8B5CF6;
}
.ver-check[data-v-85f7c2cb] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Desktop */
@media (min-width: 640px) {
.paso-header[data-v-85f7c2cb] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.paso-badge[data-v-85f7c2cb] {
    font-size: 0.8rem;
}
.paso-desc[data-v-85f7c2cb] {
    font-size: 0.9rem;
}
.op-linea[data-v-85f7c2cb] {
    font-size: 1.05rem;
    flex-wrap: nowrap;
}
.ver-item[data-v-85f7c2cb] {
    flex-wrap: nowrap;
}
}

.practica-container[data-v-c1539c68] {
  width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-c1539c68] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.progreso-item[data-v-c1539c68] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-c1539c68] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.progreso-item.completado[data-v-c1539c68] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.progreso-num[data-v-c1539c68] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 1rem;
}
.progreso-check[data-v-c1539c68] {
  color: #6EE7B7;
  font-size: 1.25rem;
}

/* Desafío */
.desafio-container[data-v-c1539c68] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1.25rem;
}
.desafio-header[data-v-c1539c68] {
  text-align: center;
  margin-bottom: 1.25rem;
}
.desafio-numero[data-v-c1539c68] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.desafio-titulo[data-v-c1539c68] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Sistema */
.sistema-box[data-v-c1539c68] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.sistema-bracket[data-v-c1539c68] {
  font-size: 2.5rem;
  color: #8B5CF6;
  line-height: 1;
}
.sistema-ecuaciones[data-v-c1539c68] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sistema-ec[data-v-c1539c68] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Hint */
.hint-metodo[data-v-c1539c68] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.hint-icono[data-v-c1539c68] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.hint-texto[data-v-c1539c68] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Respuestas */
.respuestas-box[data-v-c1539c68] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.respuesta-item[data-v-c1539c68] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.resp-label[data-v-c1539c68] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 40px;
  font-family: 'Courier New', monospace;
}
.resp-input[data-v-c1539c68] {
  flex: 1;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: 600;
  font-family: 'Courier New', monospace;
  transition: all 0.3s;
}
.resp-input[data-v-c1539c68]:focus {
  outline: none;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.1);
}
.resp-input[data-v-c1539c68]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.resp-input.correcto[data-v-c1539c68] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.resp-input.incorrecto[data-v-c1539c68] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.1);
}

/* Botón verificar */
.btn-verificar[data-v-c1539c68] {
  width: 100%;
  padding: 0.875rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: none;
  border-radius: 0.75rem;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 1rem;
}
.btn-verificar[data-v-c1539c68]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}
.btn-verificar[data-v-c1539c68]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-c1539c68] {
  margin-bottom: 1rem;
}
.feedback-correcto[data-v-c1539c68] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.feedback-incorrecto[data-v-c1539c68] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem;
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.fb-icono[data-v-c1539c68] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.fb-texto[data-v-c1539c68] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
}
.fb-contenido[data-v-c1539c68] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Solución mostrada */
.solucion-mostrada[data-v-c1539c68] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.sol-header[data-v-c1539c68] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sol-icono[data-v-c1539c68] {
  color: #6EE7B7;
  font-size: 1.25rem;
}
.sol-texto[data-v-c1539c68] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.95rem;
}
.sol-metodo[data-v-c1539c68] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  font-family: 'Courier New', monospace;
}

/* Navegación */
.navegacion[data-v-c1539c68] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.btn-nav[data-v-c1539c68] {
  padding: 0.625rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-c1539c68]:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.btn-nav.siguiente[data-v-c1539c68] {
  margin-left: auto;
}

/* Transiciones */
.slide-enter-active[data-v-c1539c68],
.slide-leave-active[data-v-c1539c68] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-c1539c68] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-c1539c68] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Desktop */
@media (min-width: 640px) {
.desafio-container[data-v-c1539c68] {
    padding: 1.5rem;
}
.sistema-box[data-v-c1539c68] {
    padding: 1.5rem;
}
.sistema-bracket[data-v-c1539c68] {
    font-size: 3rem;
}
.sistema-ec[data-v-c1539c68] {
    font-size: 1.25rem;
}
.respuestas-box[data-v-c1539c68] {
    flex-direction: row;
    gap: 1rem;
}
.respuesta-item[data-v-c1539c68] {
    flex: 1;
}
}

/* Resumen de métodos */
.resumen-metodos[data-v-db5b65ea] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.metodo-card[data-v-db5b65ea] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.metodo-card.sustitucion[data-v-db5b65ea] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.metodo-card.igualacion[data-v-db5b65ea] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.metodo-card.reduccion[data-v-db5b65ea] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.mc-header[data-v-db5b65ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mc-icono[data-v-db5b65ea] {
  font-size: 1.5rem;
}
.mc-titulo[data-v-db5b65ea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mc-pasos[data-v-db5b65ea] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.mc-paso[data-v-db5b65ea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 1rem;
  position: relative;
}
.mc-paso[data-v-db5b65ea]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #8B5CF6;
}
.mc-cuando[data-v-db5b65ea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.mc-cuando strong[data-v-db5b65ea] {
  color: #C4B5FD;
}

/* Tabla comparativa */
.comparacion-table[data-v-db5b65ea] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.comp-titulo[data-v-db5b65ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comp-contenido[data-v-db5b65ea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-fila[data-v-db5b65ea] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.comp-celda[data-v-db5b65ea] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.comp-celda.sistema[data-v-db5b65ea] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-celda.sistema code[data-v-db5b65ea] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
}
.comp-celda.metodo[data-v-db5b65ea] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.comp-fila.header .comp-celda[data-v-db5b65ea] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.sustitucion-bg[data-v-db5b65ea] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.reduccion-bg[data-v-db5b65ea] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.igualacion-bg[data-v-db5b65ea] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.razon[data-v-db5b65ea] {
  font-size: 0.75rem;
  font-weight: 400;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-comunes[data-v-db5b65ea] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.errores-titulo[data-v-db5b65ea] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.error-item[data-v-db5b65ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.error-item[data-v-db5b65ea]:last-child {
  margin-bottom: 0;
}
.error-icono[data-v-db5b65ea] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.error-texto[data-v-db5b65ea] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.error-texto strong[data-v-db5b65ea] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-db5b65ea] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-db5b65ea] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-paes[data-v-db5b65ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.tip-paes[data-v-db5b65ea]:last-child {
  margin-bottom: 0;
}
.tp-num[data-v-db5b65ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.tp-texto[data-v-db5b65ea] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tp-texto strong[data-v-db5b65ea] {
  color: #FCD34D;
}

/* Cierre */
.cierre[data-v-db5b65ea] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.cierre-icono[data-v-db5b65ea] {
  font-size: 2rem;
  flex-shrink: 0;
}
.cierre-contenido[data-v-db5b65ea] {
  flex: 1;
}
.cierre-titulo[data-v-db5b65ea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.cierre-texto[data-v-db5b65ea] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Siguiente */
.siguiente[data-v-db5b65ea] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.sig-titulo[data-v-db5b65ea] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sig-lista[data-v-db5b65ea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sig-item[data-v-db5b65ea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding-left: 1rem;
  position: relative;
}
.sig-item[data-v-db5b65ea]::before {
  content: '→';
  position: absolute;
  left: 0;
  color: #8B5CF6;
  font-weight: 700;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-metodos[data-v-db5b65ea] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.comp-fila[data-v-db5b65ea] {
    grid-template-columns: 1.5fr 1fr;
}
.comp-fila.header[data-v-db5b65ea] {
    display: grid;
}
}

/* Intro visual */
.intro-visual[data-v-17dc2ae4] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Cuándo usar sistemas */
.cuando-box[data-v-17dc2ae4] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.cuando-titulo[data-v-17dc2ae4] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.cuando-grid[data-v-17dc2ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cuando-item[data-v-17dc2ae4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ci-check[data-v-17dc2ae4] {
  color: #6EE7B7;
  font-size: 1rem;
  flex-shrink: 0;
}
.ci-texto[data-v-17dc2ae4] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}
.ci-texto strong[data-v-17dc2ae4] {
  color: #93C5FD;
}

/* Estrategia box */
.estrategia-box[data-v-17dc2ae4] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-17dc2ae4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-17dc2ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-17dc2ae4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-17dc2ae4] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-17dc2ae4] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-17dc2ae4] {
  color: #C4B5FD;
}

/* Tipos de problemas */
.tipos-section[data-v-17dc2ae4] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-17dc2ae4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-17dc2ae4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo[data-v-17dc2ae4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-17dc2ae4] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-17dc2ae4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplo[data-v-17dc2ae4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo guiado */
.ejemplo-box[data-v-17dc2ae4] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-17dc2ae4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-17dc2ae4] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-17dc2ae4] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-17dc2ae4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-17dc2ae4] {
  color: #6EE7B7;
}
.ejemplo-solucion[data-v-17dc2ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-seccion[data-v-17dc2ae4] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.sol-seccion.respuesta[data-v-17dc2ae4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sol-label[data-v-17dc2ae4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
  display: block;
}
.sol-contenido[data-v-17dc2ae4] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.sol-linea[data-v-17dc2ae4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.sol-linea.final[data-v-17dc2ae4] {
  font-size: 0.9rem;
  color: #6EE7B7;
  padding-left: 0;
}
.sol-linea.final strong[data-v-17dc2ae4] {
  color: #FFFFFF;
}
.sol-ecuacion[data-v-17dc2ae4] {
  font-size: 0.95rem;
  color: #FFFFFF;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-weight: 600;
}
.sol-ecuacion.highlight[data-v-17dc2ae4] {
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.verificacion[data-v-17dc2ae4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-17dc2ae4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}
.verif-texto[data-v-17dc2ae4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-17dc2ae4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-17dc2ae4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-17dc2ae4] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-17dc2ae4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-17dc2ae4] {
    font-size: 2.5rem;
    gap: 1rem;
}
.tipos-grid[data-v-17dc2ae4] {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}
.tipo[data-v-17dc2ae4] {
    padding: 1rem;
}
.tipo-icono[data-v-17dc2ae4] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-ef914540] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Claves box */
.claves-box[data-v-ef914540] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.claves-titulo[data-v-ef914540] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.claves-grid[data-v-ef914540] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.clave-item[data-v-ef914540] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.clave-icono[data-v-ef914540] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.clave-contenido[data-v-ef914540] {
  flex: 1;
}
.clave-nombre[data-v-ef914540] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.2rem;
}
.clave-desc[data-v-ef914540] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Tabla de traducción */
.traduccion-section[data-v-ef914540] {
  margin: 1.5rem 0;
}
.traduccion-titulo[data-v-ef914540] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.traduccion-table[data-v-ef914540] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.traduccion-row[data-v-ef914540] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.traduccion-row[data-v-ef914540]:last-child {
  border-bottom: none;
}
.traduccion-row.header[data-v-ef914540] {
  background: rgba(139, 92, 246, 0.3);
}
.traduccion-row.present[data-v-ef914540] {
  background: rgba(16, 185, 129, 0.1);
}
.col-tiempo[data-v-ef914540] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: left;
}
.col-persona[data-v-ef914540] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.traduccion-row.header .col-tiempo[data-v-ef914540],
.traduccion-row.header .col-persona[data-v-ef914540] {
  font-weight: 700;
  color: #FFFFFF;
}
.col-persona.highlight[data-v-ef914540] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.3rem;
  border-radius: 0.3rem;
  font-family: monospace;
  font-weight: 600;
  color: #C4B5FD;
}
.col-persona.strong[data-v-ef914540] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Ejemplo resuelto */
.ejemplo-box[data-v-ef914540] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-ef914540] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-ef914540] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-ef914540] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-ef914540] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-ef914540] {
  color: #6EE7B7;
}
.ejemplo-solucion[data-v-ef914540] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-paso[data-v-ef914540] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.sol-label[data-v-ef914540] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  display: block;
}
.sol-contenido[data-v-ef914540] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-item[data-v-ef914540] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.sol-item.resultado[data-v-ef914540] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.3rem;
  padding-left: 0.5rem;
}
.sol-condicion[data-v-ef914540] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.cond-text[data-v-ef914540] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.cond-ecuacion[data-v-ef914540] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 600;
}
.sol-sistema[data-v-ef914540] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
}
.sistema-ecuacion[data-v-ef914540] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 600;
}
.sol-respuesta[data-v-ef914540] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resp-icono[data-v-ef914540] {
  font-size: 1.25rem;
}
.resp-texto[data-v-ef914540] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resp-texto strong[data-v-ef914540] {
  color: #6EE7B7;
  font-size: 1rem;
}
.verificacion[data-v-ef914540] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-ef914540] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.4rem;
}
.verif-checks[data-v-ef914540] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.verif-check[data-v-ef914540] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tips */
.tip[data-v-ef914540] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip.paes[data-v-ef914540] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tip-icono[data-v-ef914540] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ef914540] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef914540] {
  color: #FCA5A5;
}
.tip.paes .tip-texto strong[data-v-ef914540] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-ef914540] {
    font-size: 2.5rem;
    gap: 1rem;
}
.claves-grid[data-v-ef914540] {
    flex-direction: row;
    gap: 1rem;
}
.clave-item[data-v-ef914540] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-7a77c063] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Claves box */
.claves-box[data-v-7a77c063] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.claves-titulo[data-v-7a77c063] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.claves-grid[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.clave-item[data-v-7a77c063] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.clave-item.cantidad[data-v-7a77c063] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.clave-item.precio[data-v-7a77c063] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.clave-icono[data-v-7a77c063] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.clave-contenido[data-v-7a77c063] {
  flex: 1;
}
.clave-nombre[data-v-7a77c063] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.clave-item.cantidad .clave-nombre[data-v-7a77c063] {
  color: #93C5FD;
}
.clave-item.precio .clave-nombre[data-v-7a77c063] {
  color: #FCD34D;
}
.clave-desc[data-v-7a77c063] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
}
.clave-formula[data-v-7a77c063] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem;
  border-radius: 0.3rem;
}

/* Esquema visual */
.esquema-section[data-v-7a77c063] {
  margin: 1.5rem 0;
}
.esquema-titulo[data-v-7a77c063] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.esquema-box[data-v-7a77c063] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.esquema-fila[data-v-7a77c063] {
  display: grid;
  grid-template-columns: 1fr 0.8fr 0.8fr 0.8fr;
  gap: 0.4rem;
  padding: 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.esquema-fila[data-v-7a77c063]:last-child {
  border-bottom: none;
}
.esquema-fila.header[data-v-7a77c063] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
}
.esquema-fila.total[data-v-7a77c063] {
  background: rgba(16, 185, 129, 0.15);
  border-top: 2px solid rgba(16, 185, 129, 0.4);
}
.col-producto[data-v-7a77c063],
.col-cantidad[data-v-7a77c063],
.col-precio[data-v-7a77c063],
.col-total[data-v-7a77c063] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.col-producto[data-v-7a77c063] {
  text-align: left;
}
.esquema-fila.header .col-producto[data-v-7a77c063],
.esquema-fila.header .col-cantidad[data-v-7a77c063],
.esquema-fila.header .col-precio[data-v-7a77c063],
.esquema-fila.header .col-total[data-v-7a77c063] {
  color: #FFFFFF;
}
.highlight[data-v-7a77c063] {
  color: #93C5FD;
  font-weight: 600;
  font-family: monospace;
}

/* Ejemplo resuelto */
.ejemplo-box[data-v-7a77c063] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-7a77c063] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-7a77c063] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-7a77c063] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-7a77c063] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-7a77c063] {
  color: #C4B5FD;
}
.ejemplo-solucion[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-paso[data-v-7a77c063] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.sol-label[data-v-7a77c063] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  display: block;
}
.sol-contenido[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-item[data-v-7a77c063] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.sol-item.resultado[data-v-7a77c063] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.3rem;
  padding-left: 0.5rem;
}
.sol-explicacion[data-v-7a77c063] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.sol-ecuacion[data-v-7a77c063] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 600;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.sol-sistema[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
}
.sistema-ecuacion[data-v-7a77c063] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 600;
}
.sol-respuesta[data-v-7a77c063] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resp-icono[data-v-7a77c063] {
  font-size: 1.25rem;
}
.resp-texto[data-v-7a77c063] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resp-texto strong[data-v-7a77c063] {
  color: #6EE7B7;
}
.verificacion[data-v-7a77c063] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-7a77c063] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.4rem;
}
.verif-checks[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.verif-check[data-v-7a77c063] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Variantes */
.variantes-box[data-v-7a77c063] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.variantes-titulo[data-v-7a77c063] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.variantes-grid[data-v-7a77c063] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.variante[data-v-7a77c063] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.var-icono[data-v-7a77c063] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.var-nombre[data-v-7a77c063] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.var-ejemplo[data-v-7a77c063] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7a77c063] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7a77c063] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7a77c063] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7a77c063] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7a77c063] {
    font-size: 2.5rem;
    gap: 1rem;
}
.claves-grid[data-v-7a77c063] {
    flex-direction: row;
    gap: 1rem;
}
.clave-item[data-v-7a77c063] {
    flex: 1;
}
.esquema-fila[data-v-7a77c063] {
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-d1cbd79a] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Fórmula box */
.formula-box[data-v-d1cbd79a] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-d1cbd79a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.formula-principal[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-d1cbd79a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-weight: 600;
}
.formula-simbolos[data-v-d1cbd79a] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
  font-family: monospace;
}
.formula-variaciones[data-v-d1cbd79a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.formula-var[data-v-d1cbd79a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
}

/* Tipos de problemas */
.tipos-section[data-v-d1cbd79a] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d1cbd79a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tipo[data-v-d1cbd79a] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo.encuentro[data-v-d1cbd79a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo.alcance[data-v-d1cbd79a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-icono[data-v-d1cbd79a] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.tipo-contenido[data-v-d1cbd79a] {
  flex: 1;
}
.tipo-nombre[data-v-d1cbd79a] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.tipo.encuentro .tipo-nombre[data-v-d1cbd79a] {
  color: #93C5FD;
}
.tipo.alcance .tipo-nombre[data-v-d1cbd79a] {
  color: #6EE7B7;
}
.tipo-desc[data-v-d1cbd79a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
}
.tipo-formula[data-v-d1cbd79a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem;
  border-radius: 0.3rem;
}

/* Esquema visual */
.esquema-section[data-v-d1cbd79a] {
  margin: 1.5rem 0;
}
.esquema-titulo[data-v-d1cbd79a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.esquema-encuentro[data-v-d1cbd79a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
}
.esquema-linea[data-v-d1cbd79a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.punto-inicio[data-v-d1cbd79a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  white-space: nowrap;
}
.punto-encuentro[data-v-d1cbd79a] {
  font-size: 1.25rem;
  margin: 0 0.5rem;
}
.distancia-visual[data-v-d1cbd79a] {
  flex: 1;
  min-width: 60px;
  height: 3px;
  background: linear-gradient(to right, #3B82F6, #8B5CF6);
  position: relative;
  margin: 0 0.25rem;
}
.dist-label[data-v-d1cbd79a] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.esquema-info[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.info-item[data-v-d1cbd79a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.info-item strong[data-v-d1cbd79a] {
  color: #93C5FD;
}

/* Ejemplo resuelto */
.ejemplo-box[data-v-d1cbd79a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-d1cbd79a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-d1cbd79a] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-d1cbd79a] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-d1cbd79a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-d1cbd79a] {
  color: #C4B5FD;
}
.ejemplo-solucion[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-paso[data-v-d1cbd79a] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.sol-label[data-v-d1cbd79a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  display: block;
}
.sol-contenido[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-item[data-v-d1cbd79a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.sol-item.resultado[data-v-d1cbd79a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.3rem;
  padding-left: 0.5rem;
}
.sol-explicacion[data-v-d1cbd79a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.sol-sistema[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
}
.sistema-ecuacion[data-v-d1cbd79a] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
  font-weight: 600;
}
.sol-respuesta[data-v-d1cbd79a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resp-icono[data-v-d1cbd79a] {
  font-size: 1.25rem;
}
.resp-texto[data-v-d1cbd79a] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resp-texto strong[data-v-d1cbd79a] {
  color: #6EE7B7;
}
.verificacion[data-v-d1cbd79a] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-d1cbd79a] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.4rem;
}
.verif-checks[data-v-d1cbd79a] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.verif-check[data-v-d1cbd79a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tabla resumen */
.tabla-section[data-v-d1cbd79a] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-d1cbd79a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-box[data-v-d1cbd79a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.tabla-row[data-v-d1cbd79a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-d1cbd79a]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-d1cbd79a] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
}
.col-tipo[data-v-d1cbd79a],
.col-relacion[data-v-d1cbd79a],
.col-ecuacion[data-v-d1cbd79a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tabla-row.header .col-tipo[data-v-d1cbd79a],
.tabla-row.header .col-relacion[data-v-d1cbd79a],
.tabla-row.header .col-ecuacion[data-v-d1cbd79a] {
  color: #FFFFFF;
}
.col-ecuacion[data-v-d1cbd79a] {
  font-family: monospace;
  font-weight: 600;
}

/* Tips */
.tip[data-v-d1cbd79a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip.paes[data-v-d1cbd79a] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tip-icono[data-v-d1cbd79a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d1cbd79a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d1cbd79a] {
  color: #FCA5A5;
}
.tip.paes .tip-texto strong[data-v-d1cbd79a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d1cbd79a] {
    font-size: 2.5rem;
    gap: 1rem;
}
.tipos-grid[data-v-d1cbd79a] {
    flex-direction: row;
    gap: 1rem;
}
.tipo[data-v-d1cbd79a] {
    flex: 1;
}
}

.explorador[data-v-38c71d09] {
  width: 100%;
  max-width: 100%;
}

/* Progreso */
.progreso-desafios[data-v-38c71d09] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-38c71d09] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}
.progreso-icono[data-v-38c71d09] {
  font-size: 1.25rem;
}
.progreso-check[data-v-38c71d09] {
  font-size: 1.5rem;
  color: white;
}
.progreso-item.activo[data-v-38c71d09] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-38c71d09] {
  background: #10B981;
  border-color: #047857;
}

/* Desafío container */
.desafio-container[data-v-38c71d09] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-38c71d09] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-38c71d09] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.desafio-titulo[data-v-38c71d09] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Problema box */
.problema-box[data-v-38c71d09] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-icono[data-v-38c71d09] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-38c71d09] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.problema-texto strong[data-v-38c71d09] {
  color: #C4B5FD;
}
.problema-pregunta[data-v-38c71d09] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
  margin: 0;
}

/* Respuesta container */
.respuesta-container[data-v-38c71d09] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
}
.input-group[data-v-38c71d09] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-38c71d09],
.input-suffix[data-v-38c71d09] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.respuesta-input[data-v-38c71d09] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-38c71d09] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-38c71d09] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-38c71d09] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}

/* Feedback */
.feedback-error[data-v-38c71d09] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  line-height: 1.4;
}

/* Resultado correcto */
.resultado-correcto[data-v-38c71d09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-38c71d09] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-38c71d09] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-38c71d09] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-38c71d09] {
  flex: 1;
}
.nav-btn[data-v-38c71d09] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-38c71d09] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-38c71d09] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-38c71d09] {
  font-size: 1.75rem;
}
.completado-texto[data-v-38c71d09] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-38c71d09],
.slide-leave-active[data-v-38c71d09] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-38c71d09] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-38c71d09] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro visual */
.intro-visual[data-v-3fad38ea] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Resumen por tipo */
.resumen-box[data-v-3fad38ea] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-3fad38ea] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.resumen-grid[data-v-3fad38ea] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.resumen-item[data-v-3fad38ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.resumen-item.edades[data-v-3fad38ea] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.resumen-item.mezclas[data-v-3fad38ea] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.resumen-item.moviles[data-v-3fad38ea] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ri-icono[data-v-3fad38ea] {
  font-size: 1.75rem;
  flex-shrink: 0;
}
.ri-contenido[data-v-3fad38ea] {
  flex: 1;
}
.ri-nombre[data-v-3fad38ea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.ri-keys[data-v-3fad38ea] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ri-key[data-v-3fad38ea] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Estrategia 5 pasos */
.estrategia-box[data-v-3fad38ea] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-3fad38ea] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-lista[data-v-3fad38ea] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.paso-item[data-v-3fad38ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-numero[data-v-3fad38ea] {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #10B981, #059669);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.paso-texto[data-v-3fad38ea] {
  flex: 1;
}
.paso-texto strong[data-v-3fad38ea] {
  color: #6EE7B7;
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.2rem;
}
.paso-desc[data-v-3fad38ea] {
  color: #E9D5FF;
  font-size: 0.75rem;
  line-height: 1.3;
}

/* Tips PAES */
.tips-paes-section[data-v-3fad38ea] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-3fad38ea] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-3fad38ea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
}
.tip-paes[data-v-3fad38ea] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tip-icono[data-v-3fad38ea] {
  font-size: 1.5rem;
  margin-bottom: 0.4rem;
}
.tip-contenido[data-v-3fad38ea] {
  width: 100%;
}
.tip-nombre[data-v-3fad38ea] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.3rem;
}
.tip-texto[data-v-3fad38ea] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Errores comunes */
.errores-box[data-v-3fad38ea] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.errores-titulo[data-v-3fad38ea] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.errores-lista[data-v-3fad38ea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-3fad38ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.error-icono[data-v-3fad38ea] {
  font-size: 1rem;
  flex-shrink: 0;
}
.error-texto[data-v-3fad38ea] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.error-texto strong[data-v-3fad38ea] {
  color: #FCA5A5;
}

/* Mensaje final */
.mensaje-final[data-v-3fad38ea] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.mensaje-icono[data-v-3fad38ea] {
  font-size: 2rem;
  flex-shrink: 0;
}
.mensaje-contenido[data-v-3fad38ea] {
  flex: 1;
}
.mensaje-titulo[data-v-3fad38ea] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.3rem;
}
.mensaje-texto[data-v-3fad38ea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.mensaje-texto strong[data-v-3fad38ea] {
  color: #FFFFFF;
}

/* Tip final */
.tip-final[data-v-3fad38ea] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-final .tip-icono[data-v-3fad38ea] {
  font-size: 1.25rem;
}
.tip-final .tip-texto[data-v-3fad38ea] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-final .tip-texto strong[data-v-3fad38ea] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3fad38ea] {
    font-size: 2.5rem;
    gap: 1rem;
}
.tips-grid[data-v-3fad38ea] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.centro-color[data-v-1e0be5b6] { color: #FCD34D;
}
.radio-color[data-v-1e0be5b6] { color: #6EE7B7;
}
.diametro-color[data-v-1e0be5b6] { color: #FCA5A5;
}
.circunferencia-color[data-v-1e0be5b6] { color: #93C5FD;
}
.area-color[data-v-1e0be5b6] { color: #C4B5FD;
}

/* Visual del círculo */
.circulo-visual[data-v-1e0be5b6] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.circulo-svg[data-v-1e0be5b6] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-svg[data-v-1e0be5b6] {
  font-size: 14px;
  font-weight: 700;
  text-anchor: middle;
}
.label-svg.centro[data-v-1e0be5b6] { fill: #FCD34D;
}
.label-svg.radio[data-v-1e0be5b6] { fill: #6EE7B7;
}
.label-svg.diametro[data-v-1e0be5b6] { fill: #FCA5A5; font-size: 12px;
}

/* Partes del círculo */
.partes-section[data-v-1e0be5b6] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-1e0be5b6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-1e0be5b6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte-item[data-v-1e0be5b6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.parte-visual[data-v-1e0be5b6] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
}
.parte-visual.centro-v[data-v-1e0be5b6] {
  background: radial-gradient(circle at center, #FCD34D 30%, transparent 31%);
  border: 2px solid rgba(252, 211, 77, 0.3);
}
.parte-visual.radio-v[data-v-1e0be5b6] {
  background: linear-gradient(90deg, transparent 45%, #6EE7B7 45%, #6EE7B7 55%, transparent 55%);
  border: 2px solid rgba(110, 231, 183, 0.3);
}
.parte-visual.diametro-v[data-v-1e0be5b6] {
  background: linear-gradient(90deg, #FCA5A5 0%, #FCA5A5 100%);
  border: 2px dashed rgba(252, 165, 165, 0.5);
}
.parte-visual.circunf-v[data-v-1e0be5b6] {
  background: transparent;
  border: 3px solid #93C5FD;
}
.parte-info[data-v-1e0be5b6] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.parte-nombre[data-v-1e0be5b6] {
  font-weight: 700;
  font-size: 0.9rem;
}
.parte-desc[data-v-1e0be5b6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Sección Pi */
.pi-section[data-v-1e0be5b6] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pi-header[data-v-1e0be5b6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.pi-simbolo[data-v-1e0be5b6] {
  font-size: 3rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.pi-info[data-v-1e0be5b6] {
  flex: 1;
}
.pi-titulo[data-v-1e0be5b6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.pi-valor[data-v-1e0be5b6] {
  font-family: 'Courier New', monospace;
  color: #FCD34D;
  font-size: 1.1rem;
  font-weight: 700;
}
.pi-desc[data-v-1e0be5b6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.pi-formula[data-v-1e0be5b6] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Fórmulas */
.formulas-section[data-v-1e0be5b6] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-1e0be5b6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-1e0be5b6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.formula-card[data-v-1e0be5b6] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.formula-subtitulo[data-v-1e0be5b6] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-1e0be5b6] {
  font-family: 'Courier New', monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-desc[data-v-1e0be5b6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-1e0be5b6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1e0be5b6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1e0be5b6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1e0be5b6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.circulo-svg[data-v-1e0be5b6] {
    max-width: 220px;
}
.pi-simbolo[data-v-1e0be5b6] {
    font-size: 4rem;
}
.formula-expresion[data-v-1e0be5b6] {
    font-size: 1.5rem;
}
.partes-grid[data-v-1e0be5b6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Colores */
.area-color[data-v-2f8ea5a4] { color: #6EE7B7;
}
.radio-color[data-v-2f8ea5a4] { color: #6EE7B7;
}

/* Visual del área */
.area-visual[data-v-2f8ea5a4] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.circulo-svg[data-v-2f8ea5a4] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-svg[data-v-2f8ea5a4] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.radio[data-v-2f8ea5a4] {
  fill: #6EE7B7;
}
.label-svg.area[data-v-2f8ea5a4] {
  fill: #FFFFFF;
  font-size: 24px;
  text-anchor: middle;
}

/* Fórmula principal */
.formula-principal[data-v-2f8ea5a4] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-2f8ea5a4] {
  font-size: 2rem;
}
.formula-contenido[data-v-2f8ea5a4] {
  flex: 1;
}
.formula-titulo[data-v-2f8ea5a4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-2f8ea5a4] {
  font-family: 'Courier New', monospace;
  font-size: 2rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-alt[data-v-2f8ea5a4] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-2f8ea5a4] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-2f8ea5a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-2f8ea5a4] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-2f8ea5a4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-2f8ea5a4] {
  margin-bottom: 1rem;
}
.problema-texto[data-v-2f8ea5a4] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.solucion-pasos[data-v-2f8ea5a4] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  padding-top: 1rem;
}
.paso-solucion[data-v-2f8ea5a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
}
.paso-solucion.final[data-v-2f8ea5a4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-2f8ea5a4] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-2f8ea5a4] {
  flex: 1;
}
.paso-desc[data-v-2f8ea5a4] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-2f8ea5a4] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Resultado final */
.resultado-final[data-v-2f8ea5a4] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.resultado-label[data-v-2f8ea5a4] {
  font-weight: 700;
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.resultado-valor[data-v-2f8ea5a4] {
  color: #FFFFFF;
}

/* Ejemplo con diámetro */
.ejemplo-diametro[data-v-2f8ea5a4] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-diametro .ejemplo-contenido[data-v-2f8ea5a4] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ejemplo-diametro p[data-v-2f8ea5a4] {
  margin: 0 0 0.5rem;
}
.calculo-rapido[data-v-2f8ea5a4] {
  font-family: 'Courier New', monospace;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Valores de referencia */
.valores-referencia[data-v-2f8ea5a4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.valores-titulo[data-v-2f8ea5a4] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.valores-grid[data-v-2f8ea5a4] {
  display: flex;
  justify-content: space-around;
  gap: 1rem;
}
.valor-item[data-v-2f8ea5a4] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
}
.valor-item strong[data-v-2f8ea5a4] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-2f8ea5a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2f8ea5a4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2f8ea5a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2f8ea5a4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.circulo-svg[data-v-2f8ea5a4] {
    max-width: 200px;
}
.formula-expresion[data-v-2f8ea5a4] {
    font-size: 2.5rem;
}
}

/* Colores */
.sector-color[data-v-029173ae] { color: #F59E0B;
}
.corona-color[data-v-029173ae] { color: #3B82F6;
}
.resultado-color[data-v-029173ae] { color: #6EE7B7;
}

/* Secciones de concepto */
.concepto-section[data-v-029173ae] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-section.sector[data-v-029173ae] {
  border-color: rgba(245, 158, 11, 0.4);
}
.concepto-section.corona[data-v-029173ae] {
  border-color: rgba(59, 130, 246, 0.4);
}
.concepto-header[data-v-029173ae] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-icono[data-v-029173ae] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-029173ae] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Visual del concepto */
.visual-concepto[data-v-029173ae] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.concepto-svg[data-v-029173ae] {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.label-svg[data-v-029173ae] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.angulo[data-v-029173ae] { fill: #FCD34D;
}
.label-svg.radio[data-v-029173ae] { fill: #6EE7B7;
}
.label-svg.radio-ext[data-v-029173ae] { fill: #FCA5A5;
}
.label-svg.radio-int[data-v-029173ae] { fill: #6EE7B7;
}
.concepto-desc[data-v-029173ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}

/* Fórmula box */
.formula-box[data-v-029173ae] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.formula-box.corona-formula[data-v-029173ae] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.formula-label[data-v-029173ae] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-029173ae] {
  font-family: 'Courier New', monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.fraccion[data-v-029173ae] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.9rem;
}
.fraccion .num[data-v-029173ae] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 2px;
}
.fraccion .den[data-v-029173ae] {
  padding-top: 2px;
}
.formula-nota[data-v-029173ae] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-029173ae] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-problema[data-v-029173ae] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ejemplo-solucion[data-v-029173ae] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  word-break: break-word;
}
.ejemplo-nota[data-v-029173ae] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Ángulos útiles */
.angulos-section[data-v-029173ae] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.angulos-titulo[data-v-029173ae] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.angulos-grid[data-v-029173ae] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.angulo-item[data-v-029173ae] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.angulo-valor[data-v-029173ae] {
  font-weight: 700;
  color: #FCD34D;
}
.angulo-fraccion[data-v-029173ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-029173ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-029173ae] {
  font-size: 1.25rem;
}
.tip-texto[data-v-029173ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-029173ae] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-svg[data-v-029173ae] {
    max-width: 180px;
}
.formula-expresion[data-v-029173ae] {
    font-size: 1.6rem;
}
.angulos-grid[data-v-029173ae] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-66c58005] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-66c58005] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-66c58005] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-66c58005] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-66c58005] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-66c58005] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-66c58005] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-66c58005] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-66c58005] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-66c58005] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-66c58005] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.figura-svg[data-v-66c58005] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-svg[data-v-66c58005] {
  font-size: 11px;
  font-weight: 700;
  fill: #6EE7B7;
}
.label-svg.angulo[data-v-66c58005] {
  fill: #FCD34D;
  text-anchor: middle;
}
.label-svg.radio-ext[data-v-66c58005] {
  fill: #FCA5A5;
}
.label-svg.radio-int[data-v-66c58005] {
  fill: #6EE7B7;
}

/* Fórmula recordatorio */
.formula-recordatorio[data-v-66c58005] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}

/* Input section */
.input-section[data-v-66c58005] {
  margin: 1rem 0;
}
.input-row[data-v-66c58005] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.input-label[data-v-66c58005] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-66c58005] {
  width: 90px;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-66c58005] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-66c58005] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-66c58005] {
  color: #C4B5FD;
  font-size: 1rem;
}
.btn-verificar[data-v-66c58005] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-66c58005]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-incorrecto[data-v-66c58005] {
  text-align: center;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}

/* Resultado correcto */
.resultado-correcto[data-v-66c58005] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-66c58005] { font-size: 1.25rem;
}
.resultado-texto[data-v-66c58005] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-66c58005] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-66c58005] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-66c58005] { flex: 1;
}
.nav-btn[data-v-66c58005] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-66c58005] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-66c58005] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-66c58005] { font-size: 1.75rem;
}
.completado-texto[data-v-66c58005] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-66c58005], .slide-leave-active[data-v-66c58005] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-66c58005] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-66c58005] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-364f37a6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-364f37a6] {
  font-size: 2rem;
}
.resumen-intro p[data-v-364f37a6] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-364f37a6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-364f37a6] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-364f37a6] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-364f37a6]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-364f37a6] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-364f37a6] {
    grid-column: span 1;
}
}
.card-header[data-v-364f37a6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-364f37a6] {
  font-size: 1.25rem;
}
.card-titulo[data-v-364f37a6] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-364f37a6] {
  color: #E9D5FF;
}
.card-nota[data-v-364f37a6] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Partes mini */
.partes-mini[data-v-364f37a6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.parte-mini[data-v-364f37a6] {
  font-size: 0.9rem;
}
.parte-color[data-v-364f37a6] {
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.parte-color.radio[data-v-364f37a6] { color: #6EE7B7;
}
.parte-color.diametro[data-v-364f37a6] { color: #FCA5A5;
}
.parte-color.pi[data-v-364f37a6] { color: #FCD34D;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-364f37a6] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.formula-grupo[data-v-364f37a6] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-grupo.perimetro[data-v-364f37a6] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.formula-grupo.area[data-v-364f37a6] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.formula-label[data-v-364f37a6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-exp[data-v-364f37a6] {
  font-family: 'Courier New', monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-unidad[data-v-364f37a6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Fórmula mini (sector y corona) */
.formula-mini[data-v-364f37a6] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.fraccion-mini[data-v-364f37a6] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.fraccion-mini .num[data-v-364f37a6] {
  border-bottom: 2px solid #FCD34D;
  padding-bottom: 1px;
}
.fraccion-mini .den[data-v-364f37a6] {
  padding-top: 1px;
}

/* Ángulos resumen */
.angulos-resumen[data-v-364f37a6] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.angulo-mini[data-v-364f37a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  min-width: 60px;
}
.angulo-grados[data-v-364f37a6] {
  font-weight: 700;
  color: #FCD34D;
}
.angulo-frac[data-v-364f37a6] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-364f37a6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-364f37a6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-364f37a6] {
  font-size: 1.25rem;
}
.tip-text[data-v-364f37a6] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-364f37a6] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-364f37a6] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-364f37a6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-364f37a6 1s ease-in-out infinite;
}
@keyframes bounce-364f37a6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-364f37a6] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-364f37a6] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual con caja 3D */
.intro-visual[data-v-3274f358] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.caja-regalo[data-v-3274f358] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.caja-3d[data-v-3274f358] {
  width: 80px;
  height: 80px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-30deg);
  animation: rotar-caja-3274f358 10s ease-in-out infinite;
}
@keyframes rotar-caja-3274f358 {
0%, 100% { transform: rotateX(-20deg) rotateY(-30deg);
}
50% { transform: rotateX(-20deg) rotateY(-50deg);
}
}
.caja-3d .cara[data-v-3274f358] {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 2px solid rgba(16, 185, 129, 0.8);
  background: rgba(16, 185, 129, 0.2);
  backface-visibility: visible;
}
.caja-3d .frente[data-v-3274f358] { transform: translateZ(40px);
}
.caja-3d .atras[data-v-3274f358] { transform: translateZ(-40px);
}
.caja-3d .derecha[data-v-3274f358] { transform: rotateY(90deg) translateZ(40px); background: rgba(245, 158, 11, 0.2); border-color: rgba(245, 158, 11, 0.8);
}
.caja-3d .izquierda[data-v-3274f358] { transform: rotateY(-90deg) translateZ(40px); background: rgba(245, 158, 11, 0.2); border-color: rgba(245, 158, 11, 0.8);
}
.caja-3d .arriba[data-v-3274f358] { transform: rotateX(90deg) translateZ(40px); background: rgba(139, 92, 246, 0.2); border-color: rgba(139, 92, 246, 0.8);
}
.caja-3d .abajo[data-v-3274f358] { transform: rotateX(-90deg) translateZ(40px); background: rgba(139, 92, 246, 0.2); border-color: rgba(139, 92, 246, 0.8);
}
.caja-label[data-v-3274f358] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}

/* Colores */
.caras-color[data-v-3274f358] { color: #93C5FD;
}
.lateral-color[data-v-3274f358] { color: #FCD34D;
}
.total-color[data-v-3274f358] { color: #6EE7B7;
}

/* Comparación área vs volumen */
.comparacion-section[data-v-3274f358] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-3274f358] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-3274f358] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.comparacion-item[data-v-3274f358] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comparacion-item.area[data-v-3274f358] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comparacion-item.volumen[data-v-3274f358] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-icono[data-v-3274f358] {
  font-size: 1.5rem;
}
.comp-info[data-v-3274f358] {
  display: flex;
  flex-direction: column;
}
.comp-nombre[data-v-3274f358] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-desc[data-v-3274f358] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.comp-unidad[data-v-3274f358] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tipos de área */
.tipos-section[data-v-3274f358] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-3274f358] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-3274f358] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-item[data-v-3274f358] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-visual[data-v-3274f358] {
  margin-bottom: 0.5rem;
}
.tipo-svg[data-v-3274f358] {
  width: 70px;
  height: 70px;
}
.tipo-info[data-v-3274f358] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tipo-nombre[data-v-3274f358] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tipo-desc[data-v-3274f358] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmula */
.formula-section[data-v-3274f358] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-3274f358] {
  font-size: 2rem;
}
.formula-contenido[data-v-3274f358] {
  flex: 1;
}
.formula-titulo[data-v-3274f358] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-3274f358] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-nota[data-v-3274f358] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Ejemplos */
.ejemplos-section[data-v-3274f358] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-3274f358] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-3274f358] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-3274f358] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-3274f358] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-3274f358] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-3274f358] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3274f358] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3274f358] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3274f358] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caja-3d[data-v-3274f358] {
    width: 100px;
    height: 100px;
}
.caja-3d .cara[data-v-3274f358] {
    width: 100px;
    height: 100px;
}
.caja-3d .frente[data-v-3274f358] { transform: translateZ(50px);
}
.caja-3d .atras[data-v-3274f358] { transform: translateZ(-50px);
}
.caja-3d .derecha[data-v-3274f358] { transform: rotateY(90deg) translateZ(50px);
}
.caja-3d .izquierda[data-v-3274f358] { transform: rotateY(-90deg) translateZ(50px);
}
.caja-3d .arriba[data-v-3274f358] { transform: rotateX(90deg) translateZ(50px);
}
.caja-3d .abajo[data-v-3274f358] { transform: rotateX(-90deg) translateZ(50px);
}
.ejemplos-grid[data-v-3274f358] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-svg[data-v-3274f358] {
    width: 80px;
    height: 80px;
}
}

/* Visualización del cubo 3D */
.cubo-visual[data-v-9e95a84c] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
  perspective: 500px;
}
.cubo-3d[data-v-9e95a84c] {
  width: 90px;
  height: 90px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-30deg);
  animation: rotar-cubo-9e95a84c 10s ease-in-out infinite;
}
@keyframes rotar-cubo-9e95a84c {
0%, 100% { transform: rotateX(-20deg) rotateY(-30deg);
}
25% { transform: rotateX(-25deg) rotateY(-60deg);
}
50% { transform: rotateX(-15deg) rotateY(-30deg);
}
75% { transform: rotateX(-25deg) rotateY(0deg);
}
}
.cubo-3d .cara[data-v-9e95a84c] {
  position: absolute;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  border: 2px solid rgba(139, 92, 246, 0.8);
  background: rgba(139, 92, 246, 0.2);
  backface-visibility: visible;
}
.cubo-3d .frente[data-v-9e95a84c] { transform: translateZ(45px); background: rgba(139, 92, 246, 0.3);
}
.cubo-3d .atras[data-v-9e95a84c] { transform: translateZ(-45px) rotateY(180deg); background: rgba(139, 92, 246, 0.15);
}
.cubo-3d .derecha[data-v-9e95a84c] { transform: rotateY(90deg) translateZ(45px); background: rgba(245, 158, 11, 0.3); border-color: rgba(245, 158, 11, 0.8);
}
.cubo-3d .izquierda[data-v-9e95a84c] { transform: rotateY(-90deg) translateZ(45px); background: rgba(245, 158, 11, 0.15); border-color: rgba(245, 158, 11, 0.8);
}
.cubo-3d .arriba[data-v-9e95a84c] { transform: rotateX(90deg) translateZ(45px); background: rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.8);
}
.cubo-3d .abajo[data-v-9e95a84c] { transform: rotateX(-90deg) translateZ(45px); background: rgba(16, 185, 129, 0.15); border-color: rgba(16, 185, 129, 0.8);
}

/* Colores */
.caras-color[data-v-9e95a84c] { color: #93C5FD;
}
.formula-color[data-v-9e95a84c] { color: #6EE7B7;
}

/* Red del cubo */
.red-section[data-v-9e95a84c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.red-titulo[data-v-9e95a84c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.red-visual[data-v-9e95a84c] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.red-svg[data-v-9e95a84c] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-a[data-v-9e95a84c] {
  font-size: 14px;
  fill: #FFFFFF;
  font-weight: 600;
  text-anchor: middle;
}
.label-medida[data-v-9e95a84c] {
  font-size: 12px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.red-explicacion[data-v-9e95a84c] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Fórmulas */
.formulas-section[data-v-9e95a84c] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-9e95a84c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-9e95a84c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.formula-card[data-v-9e95a84c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-card.destacada[data-v-9e95a84c] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-nombre[data-v-9e95a84c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-9e95a84c] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-nota[data-v-9e95a84c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-9e95a84c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-9e95a84c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-9e95a84c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.cubo-svg[data-v-9e95a84c] {
  width: 90px;
  height: 90px;
}
.medida-texto[data-v-9e95a84c] {
  font-size: 11px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.ejemplo-calculos[data-v-9e95a84c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calc-paso[data-v-9e95a84c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-9e95a84c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-9e95a84c] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-9e95a84c] {
  color: #FFFFFF;
}
.resultado[data-v-9e95a84c] {
  color: #6EE7B7;
}
.ejemplo-alternativo[data-v-9e95a84c] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  text-align: center;
  font-size: 0.85rem;
}
.alt-label[data-v-9e95a84c] {
  color: #C4B5FD;
}
.alt-formula[data-v-9e95a84c] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Área lateral */
.lateral-section[data-v-9e95a84c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.lateral-titulo[data-v-9e95a84c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lateral-contenido[data-v-9e95a84c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.lateral-svg[data-v-9e95a84c] {
  width: 100px;
  height: 80px;
}
.lateral-label[data-v-9e95a84c] {
  font-size: 10px;
  fill: #FCD34D;
  font-weight: 600;
  text-anchor: middle;
}
.lateral-formula[data-v-9e95a84c] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lateral-f-nombre[data-v-9e95a84c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.lateral-f-valor[data-v-9e95a84c] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}

/* Tip */
.tip[data-v-9e95a84c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9e95a84c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9e95a84c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9e95a84c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cubo-3d[data-v-9e95a84c] {
    width: 110px;
    height: 110px;
}
.cubo-3d .cara[data-v-9e95a84c] {
    width: 110px;
    height: 110px;
    font-size: 1.5rem;
}
.cubo-3d .frente[data-v-9e95a84c] { transform: translateZ(55px);
}
.cubo-3d .atras[data-v-9e95a84c] { transform: translateZ(-55px) rotateY(180deg);
}
.cubo-3d .derecha[data-v-9e95a84c] { transform: rotateY(90deg) translateZ(55px);
}
.cubo-3d .izquierda[data-v-9e95a84c] { transform: rotateY(-90deg) translateZ(55px);
}
.cubo-3d .arriba[data-v-9e95a84c] { transform: rotateX(90deg) translateZ(55px);
}
.cubo-3d .abajo[data-v-9e95a84c] { transform: rotateX(-90deg) translateZ(55px);
}
.ejemplo-contenido[data-v-9e95a84c] {
    justify-content: flex-start;
}
.red-svg[data-v-9e95a84c] {
    max-width: 240px;
}
}

/* Visualización del paralelepípedo */
.prisma-visual[data-v-f858b291] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.prisma-svg[data-v-f858b291] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.dim-label[data-v-f858b291] {
  font-size: 11px;
  fill: #6EE7B7;
  font-weight: 600;
}

/* Colores */
.caras-color[data-v-f858b291] { color: #93C5FD;
}
.frente-color[data-v-f858b291] { color: #C4B5FD;
}
.lado-color[data-v-f858b291] { color: #FCD34D;
}
.base-color[data-v-f858b291] { color: #6EE7B7;
}

/* Pares de caras */
.pares-section[data-v-f858b291] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pares-titulo[data-v-f858b291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pares-grid[data-v-f858b291] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.par-item[data-v-f858b291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.par-visual[data-v-f858b291] {
  margin-bottom: 0.25rem;
}
.par-svg[data-v-f858b291] {
  width: 50px;
  height: auto;
}
.par-info[data-v-f858b291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.par-nombre[data-v-f858b291] {
  font-size: 0.7rem;
  font-weight: 600;
}
.par-formula[data-v-f858b291] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Fórmulas */
.formulas-section[data-v-f858b291] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-f858b291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-principal[data-v-f858b291] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-nombre[data-v-f858b291] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-f858b291] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-desglose[data-v-f858b291] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.desglose-titulo[data-v-f858b291] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-right: 0.5rem;
}
.desglose-expresion[data-v-f858b291] {
  font-size: 0.95rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Área lateral */
.lateral-section[data-v-f858b291] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.lateral-titulo[data-v-f858b291] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.lateral-explicacion[data-v-f858b291] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.lateral-explicacion strong[data-v-f858b291] {
  color: #FFFFFF;
}
.lateral-formula-box[data-v-f858b291] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.lateral-formula[data-v-f858b291] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.lateral-alternativa[data-v-f858b291] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-f858b291] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-f858b291] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-f858b291] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.ejemplo-svg[data-v-f858b291] {
  width: 120px;
  height: auto;
}
.medida-texto[data-v-f858b291] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
}
.ejemplo-calculos[data-v-f858b291] {
  flex: 1;
  min-width: 200px;
}
.calc-titulo[data-v-f858b291] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.calc-pasos[data-v-f858b291] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.calc-linea[data-v-f858b291] {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.calc-label[data-v-f858b291] {
  color: #C4B5FD;
}
.calc-valor[data-v-f858b291] {
  color: #FFFFFF;
}
.calc-resultado[data-v-f858b291] {
  font-size: 0.95rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.resultado[data-v-f858b291] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-f858b291] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f858b291] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f858b291] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f858b291] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.prisma-svg[data-v-f858b291] {
    max-width: 240px;
}
.pares-grid[data-v-f858b291] {
    gap: 0.75rem;
}
.par-svg[data-v-f858b291] {
    width: 60px;
}
.par-nombre[data-v-f858b291] {
    font-size: 0.8rem;
}
.par-formula[data-v-f858b291] {
    font-size: 0.75rem;
}
.ejemplo-contenido[data-v-f858b291] {
    justify-content: flex-start;
}
.ejemplo-svg[data-v-f858b291] {
    width: 140px;
}
}

.explorador[data-v-b3df3166] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b3df3166] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b3df3166] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b3df3166] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b3df3166] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b3df3166] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b3df3166] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b3df3166] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b3df3166] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b3df3166] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Visuales SVG */
.cubo-svg[data-v-b3df3166] {
  width: 100%;
  max-width: 120px;
  height: auto;
}
.prisma-svg[data-v-b3df3166] {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.arista-label[data-v-b3df3166] {
  font-size: 13px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.medida-texto[data-v-b3df3166] {
  font-size: 11px;
  fill: #6EE7B7;
  font-weight: 600;
}

/* Contenido centrado */
.cubo-area[data-v-b3df3166], .prisma-area[data-v-b3df3166], .simulacion-area[data-v-b3df3166] {
  text-align: center;
}
.cubo-visual[data-v-b3df3166], .prisma-visual[data-v-b3df3166] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

/* Fórmula hint */
.formula-hint[data-v-b3df3166] {
  margin-bottom: 0.75rem;
}
.hint-formula[data-v-b3df3166] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Calculo ayuda */
.calculo-ayuda[data-v-b3df3166] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-item[data-v-b3df3166] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Input grupo */
.input-grupo[data-v-b3df3166] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-b3df3166] {
  font-size: 1rem;
  color: #FFFFFF;
}
.area-input[data-v-b3df3166] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.area-input.correcto[data-v-b3df3166] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.area-input.incorrecto[data-v-b3df3166] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-b3df3166] {
  color: #C4B5FD;
  font-size: 1rem;
}

/* Botón verificar */
.btn-verificar[data-v-b3df3166] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}

/* Feedback */
.feedback-error[data-v-b3df3166] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.contador[data-v-b3df3166] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b3df3166] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b3df3166] { font-size: 1.25rem;
}
.resultado-texto[data-v-b3df3166] { color: #6EE7B7; font-weight: 600;
}

/* ===== DESAFÍO 3: Simulación ===== */
.sim-instruccion[data-v-b3df3166] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.slider-container[data-v-b3df3166] {
  margin-bottom: 1.5rem;
}
.slider-label[data-v-b3df3166] {
  display: block;
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slider-label strong[data-v-b3df3166] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.slider[data-v-b3df3166] {
  width: 100%;
  max-width: 250px;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  outline: none;
}
.slider[data-v-b3df3166]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #FFFFFF;
}
.slider[data-v-b3df3166]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 3px solid #FFFFFF;
}
.slider-marks[data-v-b3df3166] {
  display: flex;
  justify-content: space-between;
  max-width: 250px;
  margin: 0.25rem auto 0;
  padding: 0 8px;
  font-size: 0.7rem;
  color: #A78BFA;
}

/* Red del cubo dinámico */
.cubo-dinamico[data-v-b3df3166] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.red-cubo[data-v-b3df3166] {
  display: grid;
  grid-template-columns: repeat(4, var(--size, 48px));
  grid-template-rows: repeat(3, var(--size, 48px));
  gap: 2px;
}
.red-cubo .cara[data-v-b3df3166] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
}
.red-cubo .c1[data-v-b3df3166] { grid-column: 2; grid-row: 1; background: rgba(16, 185, 129, 0.4); border: 2px solid #10B981;
}
.red-cubo .c2[data-v-b3df3166] { grid-column: 1; grid-row: 2; background: rgba(245, 158, 11, 0.4); border: 2px solid #F59E0B;
}
.red-cubo .c3[data-v-b3df3166] { grid-column: 2; grid-row: 2; background: rgba(139, 92, 246, 0.4); border: 2px solid #8B5CF6;
}
.red-cubo .c4[data-v-b3df3166] { grid-column: 3; grid-row: 2; background: rgba(245, 158, 11, 0.4); border: 2px solid #F59E0B;
}
.red-cubo .c5[data-v-b3df3166] { grid-column: 4; grid-row: 2; background: rgba(139, 92, 246, 0.2); border: 2px dashed #8B5CF6;
}
.red-cubo .c6[data-v-b3df3166] { grid-column: 2; grid-row: 3; background: rgba(16, 185, 129, 0.4); border: 2px solid #10B981;
}
.sim-calculo[data-v-b3df3166] {
  margin-bottom: 1rem;
}
.sim-formula[data-v-b3df3166] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.sim-formula strong[data-v-b3df3166] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.sim-pregunta[data-v-b3df3166] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.sim-q[data-v-b3df3166] {
  font-size: 0.9rem;
  color: #FCD34D;
}

/* Navegación */
.desafio-nav[data-v-b3df3166] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b3df3166] { flex: 1;
}
.nav-btn[data-v-b3df3166] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b3df3166] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b3df3166] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b3df3166] { font-size: 1.75rem;
}
.completado-texto[data-v-b3df3166] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b3df3166], .slide-leave-active[data-v-b3df3166] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b3df3166] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b3df3166] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.cubo-svg[data-v-b3df3166] {
    max-width: 140px;
}
.prisma-svg[data-v-b3df3166] {
    max-width: 200px;
}
.red-cubo[data-v-b3df3166] {
    gap: 4px;
}
.red-cubo .cara[data-v-b3df3166] {
    font-size: 0.85rem;
}
}

/* Problemas */
.problema-section[data-v-df1eca6d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.problema-header[data-v-df1eca6d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.problema-num[data-v-df1eca6d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}
.problema-tipo[data-v-df1eca6d] {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.problema-tipo.pintura[data-v-df1eca6d] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.problema-tipo.regalo[data-v-df1eca6d] {
  background: rgba(236, 72, 153, 0.2);
  color: #F9A8D4;
}
.problema-tipo.lateral[data-v-df1eca6d] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.problema-enunciado[data-v-df1eca6d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-enunciado strong[data-v-df1eca6d] {
  color: #FFFFFF;
}
.problema-solucion[data-v-df1eca6d] {
  padding-top: 0.5rem;
}
.sol-paso[data-v-df1eca6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.sol-num[data-v-df1eca6d] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.sol-texto[data-v-df1eca6d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.sol-calculo[data-v-df1eca6d] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
  margin: 0.25rem 0 0.75rem 1.5rem;
  line-height: 1.6;
}
.resultado[data-v-df1eca6d] {
  color: #6EE7B7;
}
.sol-respuesta[data-v-df1eca6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.resp-icono[data-v-df1eca6d] {
  color: #6EE7B7;
  font-weight: 700;
}
.resp-texto[data-v-df1eca6d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.resp-texto strong[data-v-df1eca6d] {
  color: #6EE7B7;
}

/* Tipos de problemas */
.tipos-section[data-v-df1eca6d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-df1eca6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-df1eca6d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-df1eca6d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-df1eca6d] {
  font-size: 1.25rem;
}
.tipo-info[data-v-df1eca6d] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-df1eca6d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-desc[data-v-df1eca6d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-df1eca6d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-df1eca6d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-df1eca6d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-df1eca6d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-lista[data-v-df1eca6d] {
    flex-direction: row;
}
.tipo-item[data-v-df1eca6d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.tipo-info[data-v-df1eca6d] {
    align-items: center;
}
}

/* Visual de resumen */
.resumen-visual[data-v-92ea537c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.cuerpos-resumen[data-v-92ea537c] {
  display: flex;
  gap: 2rem;
  justify-content: center;
}
.cuerpo-item[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cuerpo-svg[data-v-92ea537c] {
  width: 70px;
  height: 70px;
}
.cuerpo-svg.prisma[data-v-92ea537c] {
  width: 90px;
}
.cuerpo-nombre[data-v-92ea537c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Colores */
.cubo-color[data-v-92ea537c] { color: #6EE7B7;
}
.prisma-color[data-v-92ea537c] { color: #93C5FD;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-92ea537c] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-92ea537c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-grupo[data-v-92ea537c] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-grupo.cubo[data-v-92ea537c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-grupo.prisma[data-v-92ea537c] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.grupo-header[data-v-92ea537c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.grupo-icono[data-v-92ea537c] {
  font-size: 1.25rem;
}
.grupo-nombre[data-v-92ea537c] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.formulas-lista[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-item[data-v-92ea537c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.formula-nombre[data-v-92ea537c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-valor[data-v-92ea537c] {
  font-size: 0.95rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}

/* Método */
.metodo-section[data-v-92ea537c] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-92ea537c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-92ea537c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-92ea537c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.paso-texto[data-v-92ea537c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-92ea537c] {
  color: #FFFFFF;
}

/* Errores comunes */
.errores-section[data-v-92ea537c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.errores-titulo[data-v-92ea537c] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-92ea537c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.error-x[data-v-92ea537c] {
  color: #EF4444;
  font-weight: 700;
  font-size: 1rem;
}
.error-texto[data-v-92ea537c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips */
.tips-section[data-v-92ea537c] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-92ea537c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-card[data-v-92ea537c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tip-card .tip-icono[data-v-92ea537c] {
  font-size: 1rem;
  flex-shrink: 0;
}
.tip-card .tip-texto[data-v-92ea537c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Relación área-volumen */
.relacion-section[data-v-92ea537c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.relacion-titulo[data-v-92ea537c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.relacion-grid[data-v-92ea537c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.relacion-item[data-v-92ea537c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.relacion-item.area[data-v-92ea537c] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.relacion-item.volumen[data-v-92ea537c] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.rel-nombre[data-v-92ea537c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.rel-mide[data-v-92ea537c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.rel-mide strong[data-v-92ea537c] {
  color: #6EE7B7;
}
.rel-uso[data-v-92ea537c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.rel-unidad[data-v-92ea537c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-92ea537c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-92ea537c] {
  font-size: 1.5rem;
}
.final-texto[data-v-92ea537c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.cuerpos-resumen[data-v-92ea537c] {
    gap: 3rem;
}
.cuerpo-svg[data-v-92ea537c] {
    width: 90px;
    height: 90px;
}
.cuerpo-svg.prisma[data-v-92ea537c] {
    width: 110px;
}
.formulas-lista[data-v-92ea537c] {
    flex-direction: row;
    gap: 0.5rem;
}
.formula-item[data-v-92ea537c] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.tips-grid[data-v-92ea537c] {
    flex-direction: row;
}
.tip-card[data-v-92ea537c] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-9d4eacd3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.figura-animada[data-v-9d4eacd3] {
  width: 100%;
  max-width: 220px;
}
.figura-svg[data-v-9d4eacd3] {
  width: 100%;
  height: auto;
}
.unidad-destacada[data-v-9d4eacd3] {
  animation: pulse-unidad-9d4eacd3 2s ease-in-out infinite;
}
@keyframes pulse-unidad-9d4eacd3 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.label-unidad[data-v-9d4eacd3] {
  font-size: 14px;
  font-weight: 700;
  fill: #FFFFFF;
  text-anchor: middle;
}

/* Color del área */
.area-color[data-v-9d4eacd3] {
  color: #6EE7B7;
}

/* Definición principal */
.definicion-principal[data-v-9d4eacd3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-icono[data-v-9d4eacd3] {
  font-size: 2rem;
}
.definicion-contenido[data-v-9d4eacd3] {
  flex: 1;
}
.definicion-titulo[data-v-9d4eacd3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.definicion-expresion[data-v-9d4eacd3] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.definicion-nota[data-v-9d4eacd3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Comparación área vs perímetro */
.comparacion-section[data-v-9d4eacd3] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9d4eacd3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9d4eacd3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.comparacion-item[data-v-9d4eacd3] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.comparacion-item.perimetro[data-v-9d4eacd3] {
  border-color: rgba(147, 197, 253, 0.4);
}
.comparacion-item.area[data-v-9d4eacd3] {
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-visual[data-v-9d4eacd3] {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.comp-svg[data-v-9d4eacd3] {
  width: 60px;
  height: 60px;
}
.comp-label[data-v-9d4eacd3] {
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.comparacion-item.perimetro .comp-label[data-v-9d4eacd3] {
  color: #93C5FD;
}
.comparacion-item.area .comp-label[data-v-9d4eacd3] {
  color: #6EE7B7;
}
.comp-desc[data-v-9d4eacd3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Usos cotidianos */
.usos-section[data-v-9d4eacd3] {
  margin: 1.5rem 0;
}
.usos-titulo[data-v-9d4eacd3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.usos-grid[data-v-9d4eacd3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.uso-item[data-v-9d4eacd3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.uso-icono[data-v-9d4eacd3] {
  font-size: 1.25rem;
}
.uso-texto[data-v-9d4eacd3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-9d4eacd3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9d4eacd3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9d4eacd3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9d4eacd3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.figura-animada[data-v-9d4eacd3] {
    max-width: 260px;
}
.definicion-expresion[data-v-9d4eacd3] {
    font-size: 1.4rem;
}
.usos-grid[data-v-9d4eacd3] {
    grid-template-columns: repeat(4, 1fr);
}
.comp-visual[data-v-9d4eacd3] {
    height: 70px;
}
.comp-svg[data-v-9d4eacd3] {
    width: 70px;
    height: 70px;
}
}

/* Color área */
.area-color[data-v-8fcc356a] {
  color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-8fcc356a] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-8fcc356a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-expresion[data-v-8fcc356a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.fraccion[data-v-8fcc356a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-8fcc356a] {
  color: #6EE7B7;
  border-bottom: 2px solid #E9D5FF;
  padding-bottom: 2px;
}
.denominador[data-v-8fcc356a] {
  color: #E9D5FF;
  padding-top: 2px;
}
.formula-nota[data-v-8fcc356a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Explicación visual */
.explicacion-visual[data-v-8fcc356a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.explicacion-titulo[data-v-8fcc356a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.explicacion-contenido[data-v-8fcc356a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.visual-rectangulo[data-v-8fcc356a] {
  width: 100%;
  max-width: 180px;
}
.explicacion-svg[data-v-8fcc356a] {
  width: 100%;
  height: auto;
}
.label-svg[data-v-8fcc356a] {
  font-size: 11px;
  font-weight: 600;
  fill: #C4B5FD;
  text-anchor: middle;
}
.explicacion-texto[data-v-8fcc356a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: center;
  margin: 0;
}

/* Sección altura */
.altura-section[data-v-8fcc356a] {
  margin: 1.5rem 0;
}
.altura-titulo[data-v-8fcc356a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.altura-grid[data-v-8fcc356a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.altura-ejemplo[data-v-8fcc356a] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.altura-ejemplo.correcto[data-v-8fcc356a] {
  border-color: rgba(16, 185, 129, 0.4);
}
.altura-ejemplo.incorrecto[data-v-8fcc356a] {
  border-color: rgba(239, 68, 68, 0.3);
}
.altura-svg[data-v-8fcc356a] {
  width: 100%;
  max-width: 100px;
  height: auto;
  margin: 0 auto;
}
.label-altura[data-v-8fcc356a] {
  font-size: 12px;
  font-weight: 700;
  fill: #FCD34D;
}
.label-altura.incorrecto[data-v-8fcc356a] {
  fill: #FCA5A5;
}
.altura-label[data-v-8fcc356a] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.5rem;
}
.altura-label.correcto[data-v-8fcc356a] {
  color: #6EE7B7;
}
.altura-label.incorrecto[data-v-8fcc356a] {
  color: #FCA5A5;
}

/* Ejemplo section */
.ejemplo-section[data-v-8fcc356a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-8fcc356a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-8fcc356a] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-8fcc356a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-8fcc356a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.triangulo-ejemplo[data-v-8fcc356a] {
  width: 140px;
}
.triangulo-svg[data-v-8fcc356a] {
  width: 100%;
  height: auto;
}
.label-medida[data-v-8fcc356a] {
  font-size: 11px;
  font-weight: 700;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-medida.altura[data-v-8fcc356a] {
  fill: #FCD34D;
}
.ejemplo-calculo[data-v-8fcc356a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-solucion[data-v-8fcc356a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.4rem;
}
.paso-solucion.final[data-v-8fcc356a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-8fcc356a] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-8fcc356a] {
  flex: 1;
}
.paso-formula[data-v-8fcc356a] {
  font-size: 0.95rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-8fcc356a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8fcc356a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8fcc356a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8fcc356a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-expresion[data-v-8fcc356a] {
    font-size: 1.75rem;
}
.explicacion-contenido[data-v-8fcc356a] {
    flex-direction: row;
    gap: 1.5rem;
}
.visual-rectangulo[data-v-8fcc356a] {
    max-width: 200px;
}
.explicacion-texto[data-v-8fcc356a] {
    text-align: left;
    flex: 1;
}
.ejemplo-problema[data-v-8fcc356a] {
    justify-content: flex-start;
}
.triangulo-ejemplo[data-v-8fcc356a] {
    width: 160px;
}
}

/* Sección de figuras */
.figuras-section[data-v-9f721b41] {
  margin: 1.5rem 0;
}
.figuras-titulo[data-v-9f721b41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.figuras-grid[data-v-9f721b41] {
  display: grid;
  gap: 0.75rem;
}
.figuras-grid.dos-columnas[data-v-9f721b41] {
  grid-template-columns: repeat(2, 1fr);
}

/* Card de figura */
.figura-card[data-v-9f721b41] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.figura-card.grande[data-v-9f721b41] {
  padding: 1rem;
}
.figura-nombre[data-v-9f721b41] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.figura-visual[data-v-9f721b41] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.figura-svg[data-v-9f721b41] {
  width: 100%;
  max-width: 100px;
  height: auto;
}
.figura-svg-grande[data-v-9f721b41] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-fig[data-v-9f721b41] {
  font-size: 11px;
  font-weight: 600;
  fill: #E9D5FF;
  text-anchor: middle;
}
.label-fig.altura[data-v-9f721b41] {
  fill: #FCD34D;
}
.label-fig.diagonal-D[data-v-9f721b41] {
  fill: #93C5FD;
}
.label-fig.diagonal-d[data-v-9f721b41] {
  fill: #6EE7B7;
}
.figura-formula[data-v-9f721b41] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.figura-formula.destacada[data-v-9f721b41] {
  font-size: 1.2rem;
  color: #6EE7B7;
}
.figura-nota[data-v-9f721b41] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Fórmulas con fracción */
.formula-trapecio[data-v-9f721b41],
.formula-rombo[data-v-9f721b41] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.fraccion[data-v-9f721b41] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-9f721b41] {
  color: #6EE7B7;
  border-bottom: 2px solid #E9D5FF;
  padding: 0 0.25rem 2px;
  font-size: 0.95rem;
}
.denominador[data-v-9f721b41] {
  color: #E9D5FF;
  padding-top: 2px;
}
.diagonal-D[data-v-9f721b41] {
  color: #93C5FD;
}
.diagonal-d[data-v-9f721b41] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-9f721b41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-9f721b41] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9f721b41] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9f721b41] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.figura-svg[data-v-9f721b41] {
    max-width: 120px;
}
.figura-svg-grande[data-v-9f721b41] {
    max-width: 220px;
}
.figura-formula.destacada[data-v-9f721b41] {
    font-size: 1.4rem;
}
.formula-trapecio[data-v-9f721b41],
  .formula-rombo[data-v-9f721b41] {
    font-size: 1.25rem;
}
.numerador[data-v-9f721b41] {
    font-size: 1.05rem;
}
}

.explorador[data-v-efb427c6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-efb427c6] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-efb427c6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-efb427c6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-efb427c6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-efb427c6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-efb427c6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-efb427c6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-efb427c6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-efb427c6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-efb427c6] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.figura-svg[data-v-efb427c6] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-svg[data-v-efb427c6] {
  font-size: 11px;
  font-weight: 700;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-svg.altura[data-v-efb427c6] {
  fill: #FCD34D;
}
.label-svg.diagonal-D[data-v-efb427c6] {
  fill: #93C5FD;
}
.label-svg.diagonal-d[data-v-efb427c6] {
  fill: #6EE7B7;
}

/* Tipo de figura */
.tipo-figura[data-v-efb427c6] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.tipo-label[data-v-efb427c6] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  color: #93C5FD;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Fórmula recordatorio */
.formula-recordatorio[data-v-efb427c6] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}

/* Input section */
.input-section[data-v-efb427c6] {
  margin: 1rem 0;
}
.input-row[data-v-efb427c6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.input-label[data-v-efb427c6] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-efb427c6] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-efb427c6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-efb427c6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-efb427c6] {
  color: #C4B5FD;
  font-size: 1rem;
}
.btn-verificar[data-v-efb427c6] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-efb427c6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-incorrecto[data-v-efb427c6] {
  text-align: center;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-efb427c6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-efb427c6] { font-size: 1.25rem;
}
.resultado-texto[data-v-efb427c6] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-efb427c6] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-efb427c6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-efb427c6] { flex: 1;
}
.nav-btn[data-v-efb427c6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-efb427c6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-efb427c6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-efb427c6] { font-size: 1.75rem;
}
.completado-texto[data-v-efb427c6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-efb427c6], .slide-leave-active[data-v-efb427c6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-efb427c6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-efb427c6] { opacity: 0; transform: translateX(-15px);
}

/* Resumen section */
.resumen-section[data-v-4b4ff84e] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-4b4ff84e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Grid de fórmulas */
.formulas-grid[data-v-4b4ff84e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 500px) {
.formulas-grid[data-v-4b4ff84e] {
    grid-template-columns: repeat(3, 1fr);
}
}
.formula-card[data-v-4b4ff84e] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.6rem;
  text-align: center;
}
.formula-figura[data-v-4b4ff84e] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.25rem;
}
.mini-svg[data-v-4b4ff84e] {
  width: 45px;
  height: 38px;
}
.formula-nombre[data-v-4b4ff84e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-4b4ff84e] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Regla de oro */
.regla-oro[data-v-4b4ff84e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-4b4ff84e] {
  font-size: 1.5rem;
}
.regla-contenido[data-v-4b4ff84e] {
  flex: 1;
}
.regla-titulo[data-v-4b4ff84e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.regla-texto[data-v-4b4ff84e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.6;
}
.regla-texto strong[data-v-4b4ff84e] {
  color: #FFFFFF;
}

/* Tips section */
.tips-section[data-v-4b4ff84e] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-4b4ff84e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-4b4ff84e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-4b4ff84e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-4b4ff84e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-4b4ff84e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4b4ff84e] {
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-4b4ff84e] {
  margin: 1.5rem 0;
}
.errores-titulo[data-v-4b4ff84e] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-4b4ff84e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-4b4ff84e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
}
.error-icono[data-v-4b4ff84e] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-4b4ff84e] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Mensaje final */
.mensaje-final[data-v-4b4ff84e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-4b4ff84e] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-4b4ff84e] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.regla-oro[data-v-4b4ff84e] {
    padding: 1.25rem;
}
.regla-icono[data-v-4b4ff84e] {
    font-size: 1.75rem;
}
.mini-svg[data-v-4b4ff84e] {
    width: 50px;
    height: 42px;
}
.formula-expresion[data-v-4b4ff84e] {
    font-size: 0.95rem;
}
}

/* Intro visual con cuerpos 3D */
.intro-visual[data-v-d740ca71] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.cuerpos-3d[data-v-d740ca71] {
  display: flex;
  gap: 2rem;
  justify-content: center;
}
.cuerpo-item[data-v-d740ca71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.cuerpo-nombre[data-v-d740ca71] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Cubo 3D con CSS */
.cubo-3d[data-v-d740ca71] {
  width: 60px;
  height: 60px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-25deg) rotateY(-35deg);
  animation: rotar-suave-d740ca71 8s ease-in-out infinite;
}
@keyframes rotar-suave-d740ca71 {
0%, 100% { transform: rotateX(-25deg) rotateY(-35deg);
}
50% { transform: rotateX(-25deg) rotateY(-55deg);
}
}
.cubo-3d .cara[data-v-d740ca71] {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid rgba(139, 92, 246, 0.8);
  background: rgba(139, 92, 246, 0.2);
}
.cubo-3d .frente[data-v-d740ca71] { transform: translateZ(30px);
}
.cubo-3d .atras[data-v-d740ca71] { transform: translateZ(-30px);
}
.cubo-3d .derecha[data-v-d740ca71] { transform: rotateY(90deg) translateZ(30px);
}
.cubo-3d .izquierda[data-v-d740ca71] { transform: rotateY(-90deg) translateZ(30px);
}
.cubo-3d .arriba[data-v-d740ca71] { transform: rotateX(90deg) translateZ(30px); background: rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.8);
}
.cubo-3d .abajo[data-v-d740ca71] { transform: rotateX(-90deg) translateZ(30px);
}

/* Prisma 3D */
.prisma-3d[data-v-d740ca71] {
  width: 90px;
  height: 50px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-25deg) rotateY(-35deg);
  animation: rotar-suave-d740ca71 8s ease-in-out infinite;
}
.prisma-3d .cara[data-v-d740ca71] {
  position: absolute;
  border: 2px solid rgba(245, 158, 11, 0.8);
  background: rgba(245, 158, 11, 0.2);
}
.prisma-3d .frente[data-v-d740ca71] { width: 90px; height: 50px; transform: translateZ(25px);
}
.prisma-3d .atras[data-v-d740ca71] { width: 90px; height: 50px; transform: translateZ(-25px);
}
.prisma-3d .derecha[data-v-d740ca71] { width: 50px; height: 50px; transform: rotateY(90deg) translateZ(45px);
}
.prisma-3d .izquierda[data-v-d740ca71] { width: 50px; height: 50px; transform: rotateY(-90deg) translateZ(45px);
}
.prisma-3d .arriba[data-v-d740ca71] { width: 90px; height: 50px; transform: rotateX(90deg) translateZ(25px); background: rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.8);
}
.prisma-3d .abajo[data-v-d740ca71] { width: 90px; height: 50px; transform: rotateX(-90deg) translateZ(25px);
}

/* Color de 3 dimensiones */
.dimension-color[data-v-d740ca71] {
  color: #93C5FD;
}

/* Comparación 2D vs 3D */
.comparacion-section[data-v-d740ca71] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-d740ca71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-d740ca71] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.comparacion-item[data-v-d740ca71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comparacion-item.plano[data-v-d740ca71] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comparacion-item.cuerpo[data-v-d740ca71] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-figura[data-v-d740ca71] {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svg-plano[data-v-d740ca71] {
  width: 60px;
  height: 60px;
}
.mini-cubo[data-v-d740ca71] {
  width: 50px;
  height: 50px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-30deg);
}
.mini-cubo .mini-cara[data-v-d740ca71] {
  position: absolute;
  border: 2px solid;
}
.mini-cubo .frente[data-v-d740ca71] {
  width: 35px;
  height: 35px;
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  transform: translateZ(17px) translateX(7px) translateY(7px);
}
.mini-cubo .derecha[data-v-d740ca71] {
  width: 35px;
  height: 35px;
  background: rgba(245, 158, 11, 0.3);
  border-color: #F59E0B;
  transform: rotateY(90deg) translateZ(25px) translateY(7px);
}
.mini-cubo .arriba[data-v-d740ca71] {
  width: 35px;
  height: 35px;
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  transform: rotateX(90deg) translateZ(10px) translateX(7px);
}
.comparacion-flecha[data-v-d740ca71] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.comp-info[data-v-d740ca71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.comp-titulo[data-v-d740ca71] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.comp-dim[data-v-d740ca71] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.comp-detalle[data-v-d740ca71] {
  font-size: 0.75rem;
  color: #A78BFA;
}

/* Elementos de un cuerpo */
.elementos-section[data-v-d740ca71] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-d740ca71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.elementos-visual[data-v-d740ca71] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.svg-elementos[data-v-d740ca71] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.label-elemento[data-v-d740ca71] {
  font-size: 11px;
  font-weight: 600;
}
.label-elemento.vertice[data-v-d740ca71] { fill: #FCA5A5;
}
.label-elemento.arista[data-v-d740ca71] { fill: #FCD34D;
}
.label-elemento.cara[data-v-d740ca71] { fill: #93C5FD;
}
.elementos-lista[data-v-d740ca71] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-d740ca71] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.elemento-icono[data-v-d740ca71] {
  font-size: 1rem;
  width: 20px;
  text-align: center;
}
.elemento-icono.vertice[data-v-d740ca71] { color: #FCA5A5;
}
.elemento-icono.arista[data-v-d740ca71] { color: #FCD34D;
}
.elemento-icono.cara[data-v-d740ca71] { color: #93C5FD;
}
.elemento-nombre[data-v-d740ca71] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.elemento-nombre strong[data-v-d740ca71] {
  color: #FFFFFF;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-d740ca71] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-d740ca71] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-d740ca71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-d740ca71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-d740ca71] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-d740ca71] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-d740ca71] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d740ca71] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d740ca71] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d740ca71] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuerpos-3d[data-v-d740ca71] {
    gap: 3rem;
}
.cubo-3d[data-v-d740ca71] {
    width: 80px;
    height: 80px;
}
.cubo-3d .cara[data-v-d740ca71] {
    width: 80px;
    height: 80px;
}
.cubo-3d .frente[data-v-d740ca71] { transform: translateZ(40px);
}
.cubo-3d .atras[data-v-d740ca71] { transform: translateZ(-40px);
}
.cubo-3d .derecha[data-v-d740ca71] { transform: rotateY(90deg) translateZ(40px);
}
.cubo-3d .izquierda[data-v-d740ca71] { transform: rotateY(-90deg) translateZ(40px);
}
.cubo-3d .arriba[data-v-d740ca71] { transform: rotateX(90deg) translateZ(40px);
}
.cubo-3d .abajo[data-v-d740ca71] { transform: rotateX(-90deg) translateZ(40px);
}
.prisma-3d[data-v-d740ca71] {
    width: 120px;
    height: 70px;
}
.ejemplos-grid[data-v-d740ca71] {
    grid-template-columns: repeat(4, 1fr);
}
.svg-elementos[data-v-d740ca71] {
    max-width: 280px;
}
}

/* Visualización del cubo 3D */
.cubo-visual[data-v-b752e78c] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
  perspective: 500px;
}
.cubo-3d-grande[data-v-b752e78c] {
  width: 100px;
  height: 100px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-20deg) rotateY(-30deg);
  animation: rotar-cubo-b752e78c 10s ease-in-out infinite;
}
@keyframes rotar-cubo-b752e78c {
0%, 100% { transform: rotateX(-20deg) rotateY(-30deg);
}
25% { transform: rotateX(-25deg) rotateY(-60deg);
}
50% { transform: rotateX(-15deg) rotateY(-30deg);
}
75% { transform: rotateX(-25deg) rotateY(0deg);
}
}
.cubo-3d-grande .cara[data-v-b752e78c] {
  position: absolute;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(139, 92, 246, 0.8);
  background: rgba(139, 92, 246, 0.2);
  backface-visibility: visible;
}
.cubo-3d-grande .frente[data-v-b752e78c] { transform: translateZ(50px); background: rgba(139, 92, 246, 0.3);
}
.cubo-3d-grande .atras[data-v-b752e78c] { transform: translateZ(-50px) rotateY(180deg); background: rgba(139, 92, 246, 0.15);
}
.cubo-3d-grande .derecha[data-v-b752e78c] { transform: rotateY(90deg) translateZ(50px); background: rgba(245, 158, 11, 0.3); border-color: rgba(245, 158, 11, 0.8);
}
.cubo-3d-grande .izquierda[data-v-b752e78c] { transform: rotateY(-90deg) translateZ(50px); background: rgba(245, 158, 11, 0.15); border-color: rgba(245, 158, 11, 0.8);
}
.cubo-3d-grande .arriba[data-v-b752e78c] { transform: rotateX(90deg) translateZ(50px); background: rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.8);
}
.cubo-3d-grande .abajo[data-v-b752e78c] { transform: rotateX(-90deg) translateZ(50px); background: rgba(16, 185, 129, 0.15); border-color: rgba(16, 185, 129, 0.8);
}

/* Colores para elementos */
.caras-color[data-v-b752e78c] { color: #93C5FD;
}
.vertices-color[data-v-b752e78c] { color: #FCA5A5;
}
.aristas-color[data-v-b752e78c] { color: #FCD34D;
}
.area-color[data-v-b752e78c] { color: #6EE7B7;
}
.volumen-color[data-v-b752e78c] { color: #93C5FD;
}

/* Definición principal */
.definicion-principal[data-v-b752e78c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-icono[data-v-b752e78c] {
  font-size: 2rem;
}
.definicion-contenido[data-v-b752e78c] {
  flex: 1;
}
.definicion-titulo[data-v-b752e78c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.definicion-expresion[data-v-b752e78c] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.definicion-nota[data-v-b752e78c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Elementos del cubo */
.elementos-section[data-v-b752e78c] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-b752e78c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-b752e78c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.elemento-card[data-v-b752e78c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.elemento-valor[data-v-b752e78c] {
  font-size: 2rem;
  font-weight: 800;
}
.elemento-nombre[data-v-b752e78c] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.elemento-detalle[data-v-b752e78c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmula de Euler */
.euler-section[data-v-b752e78c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.euler-titulo[data-v-b752e78c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.euler-formula[data-v-b752e78c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.euler-termino[data-v-b752e78c] {
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.euler-signo[data-v-b752e78c] {
  color: #C4B5FD;
}
.euler-resultado[data-v-b752e78c] {
  color: #6EE7B7;
  font-size: 1.5rem;
}
.euler-verificacion[data-v-b752e78c] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Cálculos del cubo */
.calculos-section[data-v-b752e78c] {
  margin: 1.5rem 0;
}
.calculos-titulo[data-v-b752e78c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculos-grid[data-v-b752e78c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo-item[data-v-b752e78c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.calculo-nombre[data-v-b752e78c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.calculo-formula[data-v-b752e78c] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-b752e78c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-b752e78c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-b752e78c] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.cubo-svg[data-v-b752e78c] {
  width: 100px;
  height: 100px;
}
.medida-texto[data-v-b752e78c] {
  font-size: 12px;
  fill: #6EE7B7;
  font-weight: 600;
}
.ejemplo-calculos[data-v-b752e78c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calc-linea[data-v-b752e78c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calc-label[data-v-b752e78c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.calc-valor[data-v-b752e78c] {
  font-size: 0.95rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Tip */
.tip[data-v-b752e78c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b752e78c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b752e78c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b752e78c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cubo-3d-grande[data-v-b752e78c] {
    width: 120px;
    height: 120px;
}
.cubo-3d-grande .cara[data-v-b752e78c] {
    width: 120px;
    height: 120px;
    font-size: 1.75rem;
}
.cubo-3d-grande .frente[data-v-b752e78c] { transform: translateZ(60px);
}
.cubo-3d-grande .atras[data-v-b752e78c] { transform: translateZ(-60px) rotateY(180deg);
}
.cubo-3d-grande .derecha[data-v-b752e78c] { transform: rotateY(90deg) translateZ(60px);
}
.cubo-3d-grande .izquierda[data-v-b752e78c] { transform: rotateY(-90deg) translateZ(60px);
}
.cubo-3d-grande .arriba[data-v-b752e78c] { transform: rotateX(90deg) translateZ(60px);
}
.cubo-3d-grande .abajo[data-v-b752e78c] { transform: rotateX(-90deg) translateZ(60px);
}
.calculos-grid[data-v-b752e78c] {
    flex-direction: row;
}
.calculo-item[data-v-b752e78c] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.ejemplo-contenido[data-v-b752e78c] {
    justify-content: flex-start;
}
.calc-linea[data-v-b752e78c] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
}

/* Visualización del prisma */
.prisma-visual[data-v-93fcdfc1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.prisma-svg[data-v-93fcdfc1] {
  width: 100%;
  max-width: 260px;
  height: auto;
}
.medida[data-v-93fcdfc1] {
  font-size: 11px;
  fill: #C4B5FD;
  font-weight: 600;
}

/* Colores para elementos */
.caras-color[data-v-93fcdfc1] { color: #93C5FD;
}
.vertices-color[data-v-93fcdfc1] { color: #FCA5A5;
}
.aristas-color[data-v-93fcdfc1] { color: #FCD34D;
}
.area-color[data-v-93fcdfc1] { color: #6EE7B7;
}
.volumen-color[data-v-93fcdfc1] { color: #93C5FD;
}

/* Definición principal */
.definicion-principal[data-v-93fcdfc1] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-icono[data-v-93fcdfc1] {
  font-size: 2rem;
}
.definicion-contenido[data-v-93fcdfc1] {
  flex: 1;
}
.definicion-titulo[data-v-93fcdfc1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.definicion-expresion[data-v-93fcdfc1] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.definicion-nota[data-v-93fcdfc1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Elementos */
.elementos-section[data-v-93fcdfc1] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-93fcdfc1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.elemento-card[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.elemento-valor[data-v-93fcdfc1] {
  font-size: 2rem;
  font-weight: 800;
}
.elemento-nombre[data-v-93fcdfc1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.elemento-detalle[data-v-93fcdfc1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tipos de caras */
.caras-section[data-v-93fcdfc1] {
  margin: 1.5rem 0;
}
.caras-titulo[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caras-grid[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cara-pareja[data-v-93fcdfc1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cara-visual[data-v-93fcdfc1] {
  width: 50px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border: 2px solid;
}
.cara-visual.cara-ab[data-v-93fcdfc1] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.cara-visual.cara-ac[data-v-93fcdfc1] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.cara-visual.cara-bc[data-v-93fcdfc1] {
  background: rgba(245, 158, 11, 0.2);
  border-color: #F59E0B;
}
.cara-dims[data-v-93fcdfc1] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.cara-info[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
}
.cara-nombre[data-v-93fcdfc1] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.cara-cantidad[data-v-93fcdfc1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-section[data-v-93fcdfc1] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-contenido[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-item[data-v-93fcdfc1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-item.principal[data-v-93fcdfc1] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.1);
}
.formula-nombre[data-v-93fcdfc1] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-93fcdfc1] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-descripcion[data-v-93fcdfc1] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-93fcdfc1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.ejemplo-svg[data-v-93fcdfc1] {
  width: 160px;
  height: auto;
}
.medida-ej[data-v-93fcdfc1] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
}
.ejemplo-calculos[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
.calc-grupo[data-v-93fcdfc1] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.calc-titulo[data-v-93fcdfc1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.calc-pasos[data-v-93fcdfc1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
  line-height: 1.6;
}

/* Comparación cubo vs paralelepípedo */
.comparacion-section[data-v-93fcdfc1] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-93fcdfc1] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-93fcdfc1] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.comp-row.header[data-v-93fcdfc1] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-cell[data-v-93fcdfc1] {
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  text-align: center;
}
.comp-cell.label[data-v-93fcdfc1] {
  background: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  color: #FFFFFF;
}
.comp-row.header .comp-cell[data-v-93fcdfc1] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-93fcdfc1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-93fcdfc1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-93fcdfc1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-93fcdfc1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.prisma-svg[data-v-93fcdfc1] {
    max-width: 300px;
}
.caras-grid[data-v-93fcdfc1] {
    flex-direction: row;
}
.cara-pareja[data-v-93fcdfc1] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.formulas-contenido[data-v-93fcdfc1] {
    flex-direction: row;
}
.formula-item[data-v-93fcdfc1] {
    flex: 1;
    text-align: center;
}
.ejemplo-contenido[data-v-93fcdfc1] {
    flex-direction: row;
    align-items: flex-start;
}
.ejemplo-calculos[data-v-93fcdfc1] {
    flex-direction: row;
    gap: 1rem;
}
.calc-grupo[data-v-93fcdfc1] {
    flex: 1;
}
}

/* Introducción visual */
.intro-visual[data-v-1ff04379] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.transformacion[data-v-1ff04379] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cuerpo-mini[data-v-1ff04379], .red-mini[data-v-1ff04379] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cuerpo-svg[data-v-1ff04379], .red-svg[data-v-1ff04379] {
  width: 80px;
  height: auto;
}
.label-figura[data-v-1ff04379] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.flecha-transforma[data-v-1ff04379] {
  font-size: 1.5rem;
  color: #8B5CF6;
  animation: pulse-arrow-1ff04379 1.5s ease-in-out infinite;
}
@keyframes pulse-arrow-1ff04379 {
0%, 100% { opacity: 0.5; transform: scale(1);
}
50% { opacity: 1; transform: scale(1.1);
}
}

/* Colores */
.area-color[data-v-1ff04379] { color: #6EE7B7;
}

/* Definición principal */
.definicion-principal[data-v-1ff04379] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-icono[data-v-1ff04379] {
  font-size: 2rem;
}
.definicion-contenido[data-v-1ff04379] {
  flex: 1;
}
.definicion-titulo[data-v-1ff04379] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.definicion-expresion[data-v-1ff04379] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.definicion-nota[data-v-1ff04379] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Secciones de redes */
.red-section[data-v-1ff04379] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.red-titulo[data-v-1ff04379] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.red-contenido[data-v-1ff04379] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.red-visual[data-v-1ff04379] {
  display: flex;
  justify-content: center;
}
.red-cubo-svg[data-v-1ff04379] {
  width: 140px;
  height: auto;
}
.red-prisma-svg[data-v-1ff04379] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.cara-label[data-v-1ff04379] {
  font-size: 10px;
  fill: #FFFFFF;
  font-weight: 600;
  text-anchor: middle;
}
.cara-label-small[data-v-1ff04379] {
  font-size: 8px;
  fill: #FFFFFF;
  font-weight: 600;
  text-anchor: middle;
}
.medida-label[data-v-1ff04379] {
  font-size: 12px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.red-info[data-v-1ff04379] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
}
.info-item[data-v-1ff04379] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.info-item.formula-destacada[data-v-1ff04379] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.info-label[data-v-1ff04379] {
  color: #C4B5FD;
}
.info-valor[data-v-1ff04379] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* Utilidad de las redes */
.utilidad-section[data-v-1ff04379] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-1ff04379] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-grid[data-v-1ff04379] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.utilidad-item[data-v-1ff04379] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.utilidad-icono[data-v-1ff04379] {
  font-size: 1.25rem;
}
.utilidad-texto[data-v-1ff04379] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1ff04379] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1ff04379] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1ff04379] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1ff04379] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuerpo-svg[data-v-1ff04379], .red-svg[data-v-1ff04379] {
    width: 100px;
}
.red-contenido[data-v-1ff04379] {
    flex-direction: row;
    align-items: flex-start;
}
.red-cubo-svg[data-v-1ff04379] {
    width: 160px;
}
.red-info[data-v-1ff04379] {
    width: auto;
    flex: 1;
}
.utilidad-grid[data-v-1ff04379] {
    grid-template-columns: repeat(4, 1fr);
}
.utilidad-item[data-v-1ff04379] {
    flex-direction: column;
    text-align: center;
}
}

.explorador[data-v-e059014f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e059014f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e059014f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e059014f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e059014f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e059014f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e059014f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e059014f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e059014f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e059014f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* DESAFÍO 1: Elementos */
.elementos-quiz[data-v-e059014f] {
  text-align: center;
}
.cubo-interactivo[data-v-e059014f] {
  margin-bottom: 1rem;
}
.cubo-svg[data-v-e059014f] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-pregunta[data-v-e059014f] {
  font-size: 14px;
  fill: #FFFFFF;
  font-weight: 600;
  text-anchor: middle;
}
.opciones-elementos[data-v-e059014f] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-e059014f] {
  padding: 0.75rem 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.opcion-btn[data-v-e059014f]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionada[data-v-e059014f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-e059014f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecta[data-v-e059014f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.elementos-contador[data-v-e059014f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* DESAFÍO 2: Área */
.calculo-area[data-v-e059014f] {
  text-align: center;
}
.cubo-area-visual[data-v-e059014f] {
  margin-bottom: 1rem;
}
.area-svg[data-v-e059014f] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.arista-label[data-v-e059014f] {
  font-size: 14px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.area-pregunta[data-v-e059014f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.area-formula[data-v-e059014f] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.area-input-group[data-v-e059014f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.area-input[data-v-e059014f] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.area-input.correcto[data-v-e059014f] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.area-input.incorrecto[data-v-e059014f] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.area-unidad[data-v-e059014f] {
  color: #C4B5FD;
  font-size: 1rem;
}
.area-contador[data-v-e059014f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* DESAFÍO 3: Volumen */
.volumen-quiz[data-v-e059014f] {
  text-align: center;
}
.prisma-visual[data-v-e059014f] {
  margin-bottom: 1rem;
}
.prisma-svg[data-v-e059014f] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.medida-texto[data-v-e059014f] {
  font-size: 11px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.volumen-pregunta[data-v-e059014f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.volumen-formula[data-v-e059014f] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.volumen-input-group[data-v-e059014f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.volumen-input[data-v-e059014f] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.volumen-input.correcto[data-v-e059014f] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.volumen-input.incorrecto[data-v-e059014f] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.volumen-unidad[data-v-e059014f] {
  color: #C4B5FD;
  font-size: 1rem;
}
.volumen-contador[data-v-e059014f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Botones y feedback */
.btn-verificar[data-v-e059014f] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.feedback-error[data-v-e059014f] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-e059014f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e059014f] { font-size: 1.25rem;
}
.resultado-texto[data-v-e059014f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e059014f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e059014f] { flex: 1;
}
.nav-btn[data-v-e059014f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e059014f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e059014f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e059014f] { font-size: 1.75rem;
}
.completado-texto[data-v-e059014f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e059014f], .slide-leave-active[data-v-e059014f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e059014f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e059014f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.cubo-svg[data-v-e059014f] {
    max-width: 220px;
}
.area-svg[data-v-e059014f] {
    max-width: 200px;
}
.prisma-svg[data-v-e059014f] {
    max-width: 260px;
}
.opciones-elementos[data-v-e059014f] {
    gap: 0.75rem;
}
.opcion-btn[data-v-e059014f] {
    padding: 1rem;
    font-size: 1.25rem;
}
}

/* Intro */
.resumen-intro[data-v-4ce5c4bf] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-4ce5c4bf] {
  font-size: 2rem;
}
.resumen-intro p[data-v-4ce5c4bf] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-4ce5c4bf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-4ce5c4bf] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-4ce5c4bf] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-4ce5c4bf]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-4ce5c4bf] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-4ce5c4bf] {
    grid-column: span 1;
}
}
.card-header[data-v-4ce5c4bf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-4ce5c4bf] {
  font-size: 1.25rem;
}
.card-titulo[data-v-4ce5c4bf] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-4ce5c4bf] {
  color: #E9D5FF;
}
.card-texto[data-v-4ce5c4bf] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}
.card-nota[data-v-4ce5c4bf] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Colores */
.dim-color[data-v-4ce5c4bf] { color: #93C5FD;
}

/* Elementos mini */
.elementos-mini[data-v-4ce5c4bf] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.elem[data-v-4ce5c4bf] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.elem.vertices[data-v-4ce5c4bf] {
  background: rgba(252, 165, 165, 0.2);
  color: #FCA5A5;
}
.elem.aristas[data-v-4ce5c4bf] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.elem.caras[data-v-4ce5c4bf] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}

/* Fórmulas mini */
.formulas-mini[data-v-4ce5c4bf] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-mini[data-v-4ce5c4bf] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.f-label[data-v-4ce5c4bf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.f-valor[data-v-4ce5c4bf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Fórmulas prisma */
.formulas-prisma[data-v-4ce5c4bf] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.formula-prisma[data-v-4ce5c4bf] {
  flex: 1;
  min-width: 120px;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.fp-label[data-v-4ce5c4bf] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.fp-valor[data-v-4ce5c4bf] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Red mini */
.red-mini[data-v-4ce5c4bf] {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.red-svg-mini[data-v-4ce5c4bf] {
  width: 70px;
  height: auto;
}

/* Euler formula */
.euler-formula[data-v-4ce5c4bf] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.euler-v[data-v-4ce5c4bf] { color: #FCA5A5;
}
.euler-a[data-v-4ce5c4bf] { color: #FCD34D;
}
.euler-c[data-v-4ce5c4bf] { color: #93C5FD;
}
.euler-signo[data-v-4ce5c4bf] { color: #C4B5FD;
}
.euler-r[data-v-4ce5c4bf] { color: #6EE7B7; font-size: 1.4rem;
}

/* Comparación */
.comparacion-section[data-v-4ce5c4bf] {
  margin-bottom: 2rem;
}
.comparacion-titulo[data-v-4ce5c4bf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-4ce5c4bf] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-4ce5c4bf] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
}
.tabla-row.header[data-v-4ce5c4bf] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-cell[data-v-4ce5c4bf] {
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  text-align: center;
}
.tabla-cell.label[data-v-4ce5c4bf] {
  background: rgba(0, 0, 0, 0.2);
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}
.tabla-row.header .tabla-cell[data-v-4ce5c4bf] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Tips finales */
.tips-finales[data-v-4ce5c4bf] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-4ce5c4bf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-4ce5c4bf] {
  font-size: 1.25rem;
}
.tip-text[data-v-4ce5c4bf] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-4ce5c4bf] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-4ce5c4bf] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-4ce5c4bf] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-4ce5c4bf 1s ease-in-out infinite;
}
@keyframes bounce-4ce5c4bf {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-4ce5c4bf] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-4ce5c4bf] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-76d5fe8f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.iconos-problemas[data-v-76d5fe8f] {
  display: flex;
  gap: 1rem;
}
.icono-item[data-v-76d5fe8f] {
  font-size: 2.5rem;
  animation: float-76d5fe8f 3s ease-in-out infinite;
}
.icono-item[data-v-76d5fe8f]:nth-child(2) { animation-delay: 0.3s;
}
.icono-item[data-v-76d5fe8f]:nth-child(3) { animation-delay: 0.6s;
}
.icono-item[data-v-76d5fe8f]:nth-child(4) { animation-delay: 0.9s;
}
@keyframes float-76d5fe8f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Tipos de problemas */
.tipos-section[data-v-76d5fe8f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tipos-titulo[data-v-76d5fe8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-76d5fe8f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-76d5fe8f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.tipo-item.capacidad[data-v-76d5fe8f] { border-color: rgba(59, 130, 246, 0.4); background: rgba(59, 130, 246, 0.1);
}
.tipo-item.empaque[data-v-76d5fe8f] { border-color: rgba(245, 158, 11, 0.4); background: rgba(245, 158, 11, 0.1);
}
.tipo-item.construccion[data-v-76d5fe8f] { border-color: rgba(239, 68, 68, 0.4); background: rgba(239, 68, 68, 0.1);
}
.tipo-item.dimension[data-v-76d5fe8f] { border-color: rgba(16, 185, 129, 0.4); background: rgba(16, 185, 129, 0.1);
}
.tipo-icono[data-v-76d5fe8f] {
  font-size: 1.5rem;
}
.tipo-info[data-v-76d5fe8f] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-76d5fe8f] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-76d5fe8f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-section[data-v-76d5fe8f] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-76d5fe8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-76d5fe8f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.formula-card[data-v-76d5fe8f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula-nombre[data-v-76d5fe8f] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.formula-visual[data-v-76d5fe8f] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.svg-cubo[data-v-76d5fe8f], .svg-prisma[data-v-76d5fe8f] {
  width: 50px;
  height: auto;
}
.formula-eq[data-v-76d5fe8f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eq-item[data-v-76d5fe8f] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Conversión */
.conversion-section[data-v-76d5fe8f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.conv-icono[data-v-76d5fe8f] {
  font-size: 1.5rem;
}
.conv-contenido[data-v-76d5fe8f] {
  flex: 1;
}
.conv-titulo[data-v-76d5fe8f] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.conv-formula[data-v-76d5fe8f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
}
.conv-valor[data-v-76d5fe8f] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.conv-igual[data-v-76d5fe8f] {
  color: #93C5FD;
  font-weight: 700;
}
.conv-nota[data-v-76d5fe8f] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}

/* Estrategia */
.estrategia-section[data-v-76d5fe8f] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estrategia-titulo[data-v-76d5fe8f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-pasos[data-v-76d5fe8f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.est-paso[data-v-76d5fe8f] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.est-num[data-v-76d5fe8f] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.est-texto[data-v-76d5fe8f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.est-texto strong[data-v-76d5fe8f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-76d5fe8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-76d5fe8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-76d5fe8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-76d5fe8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.iconos-problemas[data-v-76d5fe8f] {
    gap: 1.5rem;
}
.icono-item[data-v-76d5fe8f] {
    font-size: 3rem;
}
.tipos-grid[data-v-76d5fe8f] {
    grid-template-columns: repeat(4, 1fr);
}
.svg-cubo[data-v-76d5fe8f], .svg-prisma[data-v-76d5fe8f] {
    width: 60px;
}
.conv-formula[data-v-76d5fe8f] {
    flex-wrap: nowrap;
}
}

/* Conversion box */
.conversion-box[data-v-4a9b85b7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.conv-icono[data-v-4a9b85b7] {
  font-size: 1.25rem;
}
.conv-info[data-v-4a9b85b7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.conv-formula[data-v-4a9b85b7] {
  font-size: 1rem;
  color: #FFFFFF;
}
.conv-formula strong[data-v-4a9b85b7] {
  color: #93C5FD;
}
.conv-alternativa[data-v-4a9b85b7] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Problemas */
.problema-section[data-v-4a9b85b7] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.problema-header[data-v-4a9b85b7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.problema-numero[data-v-4a9b85b7] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.problema-tipo[data-v-4a9b85b7] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.problema-contenido[data-v-4a9b85b7] {
  padding: 1rem;
}
.problema-enunciado[data-v-4a9b85b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.problema-enunciado strong[data-v-4a9b85b7] {
  color: #6EE7B7;
}

/* Visual del acuario */
.problema-visual[data-v-4a9b85b7] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.acuario-svg[data-v-4a9b85b7] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.medida[data-v-4a9b85b7] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}

/* Tanque visual simple */
.problema-visual-simple[data-v-4a9b85b7] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.tanque-visual[data-v-4a9b85b7] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tanque-cuerpo[data-v-4a9b85b7] {
  width: 80px;
  height: 80px;
  border: 3px solid #8B5CF6;
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
}
.agua-nivel[data-v-4a9b85b7] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75%;
  background: linear-gradient(to top, rgba(59, 130, 246, 0.6), rgba(59, 130, 246, 0.3));
}
.tanque-medida[data-v-4a9b85b7] {
  font-size: 0.8rem;
  color: #6EE7B7;
  margin-top: 0.5rem;
  font-weight: 600;
}
.nivel-texto[data-v-4a9b85b7] {
  font-size: 0.7rem;
  color: #93C5FD;
}

/* Solución */
.problema-solucion[data-v-4a9b85b7] {
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.solucion-titulo[data-v-4a9b85b7] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.solucion-pasos[data-v-4a9b85b7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-4a9b85b7] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.paso-num[data-v-4a9b85b7] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-4a9b85b7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso.final .paso-num[data-v-4a9b85b7] {
  background: #10B981;
  color: white;
}
.paso.final .paso-texto strong[data-v-4a9b85b7] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Conversiones extra */
.conversiones-extra[data-v-4a9b85b7] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.conv-extra-titulo[data-v-4a9b85b7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.conv-extra-grid[data-v-4a9b85b7] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.conv-item[data-v-4a9b85b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.conv-de[data-v-4a9b85b7], .conv-a[data-v-4a9b85b7] {
  font-family: monospace;
  color: #FFFFFF;
  font-weight: 600;
}
.conv-eq[data-v-4a9b85b7] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-4a9b85b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4a9b85b7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4a9b85b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4a9b85b7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.acuario-svg[data-v-4a9b85b7] {
    max-width: 240px;
}
.conv-extra-grid[data-v-4a9b85b7] {
    flex-direction: row;
    justify-content: space-around;
}
.tanque-cuerpo[data-v-4a9b85b7] {
    width: 100px;
    height: 100px;
}
}

/* Concepto visual */
.concepto-visual[data-v-6e8673af] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.empaque-demo[data-v-6e8673af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.caja-grande[data-v-6e8673af] {
  width: 100px;
  height: 80px;
  border: 3px solid #8B5CF6;
  border-radius: 0.25rem;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.1);
}
.grid-cajitas[data-v-6e8673af] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.cajita[data-v-6e8673af] {
  width: 18px;
  height: 18px;
  background: rgba(16, 185, 129, 0.4);
  border: 1px solid #10B981;
  border-radius: 2px;
  animation: aparecer-6e8673af 0.3s ease-out forwards;
  opacity: 0;
}
.cajita[data-v-6e8673af]:nth-child(1) { animation-delay: 0.1s;
}
.cajita[data-v-6e8673af]:nth-child(2) { animation-delay: 0.15s;
}
.cajita[data-v-6e8673af]:nth-child(3) { animation-delay: 0.2s;
}
.cajita[data-v-6e8673af]:nth-child(4) { animation-delay: 0.25s;
}
.cajita[data-v-6e8673af]:nth-child(5) { animation-delay: 0.3s;
}
.cajita[data-v-6e8673af]:nth-child(6) { animation-delay: 0.35s;
}
.cajita[data-v-6e8673af]:nth-child(7) { animation-delay: 0.4s;
}
.cajita[data-v-6e8673af]:nth-child(8) { animation-delay: 0.45s;
}
@keyframes aparecer-6e8673af {
to { opacity: 1;
}
}
.empaque-label[data-v-6e8673af] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Métodos */
.metodo-section[data-v-6e8673af] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.metodo-header[data-v-6e8673af] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.metodo-header.volumen[data-v-6e8673af] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.metodo-header.dimensiones[data-v-6e8673af] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.metodo-icono[data-v-6e8673af] {
  font-size: 1rem;
}
.metodo-contenido[data-v-6e8673af] {
  padding: 0.75rem;
}
.metodo-formula[data-v-6e8673af] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.metodo-nota[data-v-6e8673af] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Problemas */
.problema-section[data-v-6e8673af] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.problema-header[data-v-6e8673af] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.problema-numero[data-v-6e8673af] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.problema-tipo[data-v-6e8673af] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.problema-contenido[data-v-6e8673af] {
  padding: 1rem;
}
.problema-enunciado[data-v-6e8673af] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.problema-enunciado strong[data-v-6e8673af] {
  color: #6EE7B7;
}

/* SVG visual */
.problema-visual[data-v-6e8673af] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.empaque-svg[data-v-6e8673af] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.medida-grande[data-v-6e8673af] {
  font-size: 10px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.flecha-empaque[data-v-6e8673af] {
  font-size: 16px;
  fill: #FCD34D;
  text-anchor: middle;
}
.medida-pequeña[data-v-6e8673af] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.label-pequeña[data-v-6e8673af] {
  font-size: 8px;
  fill: #6EE7B7;
  text-anchor: middle;
}

/* Solución */
.problema-solucion[data-v-6e8673af] {
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.solucion-titulo[data-v-6e8673af] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.solucion-pasos[data-v-6e8673af] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-6e8673af] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.paso-num[data-v-6e8673af] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-6e8673af] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso.final .paso-num[data-v-6e8673af] {
  background: #10B981;
  color: white;
}
.paso.final .paso-texto strong[data-v-6e8673af] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Verificación */
.verificacion[data-v-6e8673af] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
}
.verif-icono[data-v-6e8673af] {
  color: #6EE7B7;
}
.verif-texto[data-v-6e8673af] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Advertencia */
.advertencia-box[data-v-6e8673af] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.adv-icono[data-v-6e8673af] {
  font-size: 1.25rem;
}
.adv-texto[data-v-6e8673af] {
  font-size: 0.85rem;
  color: #FCA5A5;
  line-height: 1.4;
}
.adv-texto strong[data-v-6e8673af] {
  color: #FCA5A5;
}

/* Orientación demo */
.orientacion-demo[data-v-6e8673af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.orientacion-opcion[data-v-6e8673af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.orient-label[data-v-6e8673af] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.orient-caja[data-v-6e8673af] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: monospace;
}
.orient-caja.original[data-v-6e8673af] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  color: #E9D5FF;
}
.orient-caja.rotada[data-v-6e8673af] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.dim-sep[data-v-6e8673af] {
  color: #8B5CF6;
  opacity: 0.6;
}
.orient-vs[data-v-6e8673af] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Resumen métodos */
.resumen-metodos[data-v-6e8673af] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.resumen-titulo[data-v-6e8673af] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.resumen-grid[data-v-6e8673af] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.resumen-item[data-v-6e8673af] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.25rem;
}
.resumen-item.correcto[data-v-6e8673af] {
  background: rgba(16, 185, 129, 0.1);
}
.resumen-item.cuidado[data-v-6e8673af] {
  background: rgba(245, 158, 11, 0.1);
}
.res-icono[data-v-6e8673af] {
  font-size: 0.9rem;
}
.res-texto[data-v-6e8673af] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.res-texto strong[data-v-6e8673af] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-6e8673af] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6e8673af] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e8673af] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e8673af] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caja-grande[data-v-6e8673af] {
    width: 120px;
    height: 90px;
}
.cajita[data-v-6e8673af] {
    width: 22px;
    height: 22px;
}
.empaque-svg[data-v-6e8673af] {
    max-width: 280px;
}
.orientacion-demo[data-v-6e8673af] {
    gap: 1.5rem;
}
.resumen-grid[data-v-6e8673af] {
    flex-direction: row;
    gap: 1rem;
}
.resumen-item[data-v-6e8673af] {
    flex: 1;
}
}

/* Fórmulas recordatorio */
.formulas-recordatorio[data-v-43e7388e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.formula-titulo[data-v-43e7388e] {
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.formulas-grid[data-v-43e7388e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-43e7388e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.formula-item.cubo[data-v-43e7388e] {
  background: rgba(139, 92, 246, 0.2);
}
.formula-item.prisma[data-v-43e7388e] {
  background: rgba(16, 185, 129, 0.2);
}
.formula-nombre[data-v-43e7388e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-eq[data-v-43e7388e] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Problemas */
.problema-section[data-v-43e7388e] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.problema-header[data-v-43e7388e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.problema-numero[data-v-43e7388e] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.problema-tipo[data-v-43e7388e] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.problema-contenido[data-v-43e7388e] {
  padding: 1rem;
}
.problema-enunciado[data-v-43e7388e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.problema-enunciado strong[data-v-43e7388e] {
  color: #6EE7B7;
}

/* Nota pequeña */
.problema-nota[data-v-43e7388e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}
.nota-icono[data-v-43e7388e] {
  font-size: 1rem;
}
.nota-texto[data-v-43e7388e] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.nota-texto strong[data-v-43e7388e] {
  color: #FCD34D;
}

/* SVG visual */
.problema-visual[data-v-43e7388e] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.caja-svg[data-v-43e7388e] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.medida[data-v-43e7388e] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}

/* Caja sin tapa */
.caja-sin-tapa[data-v-43e7388e] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-sin-tapa[data-v-43e7388e] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-sin-tapa[data-v-43e7388e] {
  font-size: 10px;
  fill: #C4B5FD;
  text-anchor: start;
}

/* Solución */
.problema-solucion[data-v-43e7388e] {
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.solucion-titulo[data-v-43e7388e] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.solucion-pasos[data-v-43e7388e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-43e7388e] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.paso-num[data-v-43e7388e] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-43e7388e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso.final .paso-num[data-v-43e7388e] {
  background: #10B981;
  color: white;
}
.paso.final .paso-texto strong[data-v-43e7388e] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Nota redondeo */
.nota-redondeo[data-v-43e7388e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.25rem;
}
.red-icono[data-v-43e7388e] {
  color: #FCD34D;
  font-weight: 700;
}
.red-texto[data-v-43e7388e] {
  font-size: 0.75rem;
  color: #FCD34D;
}

/* Casos especiales */
.casos-section[data-v-43e7388e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.casos-titulo[data-v-43e7388e] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.casos-grid[data-v-43e7388e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-43e7388e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.caso-icono[data-v-43e7388e] {
  font-size: 1.25rem;
}
.caso-nombre[data-v-43e7388e] {
  font-weight: 600;
  font-size: 0.85rem;
  color: #FFFFFF;
  min-width: 90px;
}
.caso-formula[data-v-43e7388e] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Tip */
.tip[data-v-43e7388e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-43e7388e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-43e7388e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-43e7388e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caja-svg[data-v-43e7388e] {
    max-width: 240px;
}
.svg-sin-tapa[data-v-43e7388e] {
    max-width: 220px;
}
.casos-grid[data-v-43e7388e] {
    flex-direction: row;
}
.caso-item[data-v-43e7388e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.caso-nombre[data-v-43e7388e] {
    min-width: unset;
}
}

.explorador[data-v-353ced38] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-353ced38] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-353ced38] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-353ced38] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-353ced38] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-353ced38] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-353ced38] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-353ced38] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-353ced38] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-353ced38] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema box */
.problema-box[data-v-353ced38] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.problema-visual[data-v-353ced38] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.tanque-svg[data-v-353ced38], .caja-regalo-svg[data-v-353ced38], .piscina-svg[data-v-353ced38] {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.medida-texto[data-v-353ced38] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.capacidad-label[data-v-353ced38] {
  font-size: 11px;
  fill: #93C5FD;
  font-weight: 700;
  text-anchor: middle;
}

/* Empaque visual */
.empaque-visual[data-v-353ced38] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.caja-container-visual[data-v-353ced38] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.contenedor-grande[data-v-353ced38] {
  width: 80px;
  height: 50px;
  border: 2px solid #8B5CF6;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
}
.cont-medida[data-v-353ced38] {
  font-size: 0.65rem;
  color: #E9D5FF;
  text-align: center;
}
.flecha-empaque[data-v-353ced38] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.caja-pequena[data-v-353ced38] {
  width: 35px;
  height: 35px;
  border: 2px solid #10B981;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
}
.caja-medida[data-v-353ced38] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 700;
}
.problema-pregunta[data-v-353ced38] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
.problema-pregunta strong[data-v-353ced38] {
  color: #6EE7B7;
}
.problema-ayuda[data-v-353ced38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Input de respuesta */
.respuesta-input[data-v-353ced38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-353ced38] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-numero[data-v-353ced38] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.grande[data-v-353ced38] {
  width: 90px;
}
.input-numero[data-v-353ced38]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.3);
}
.input-numero.correcto[data-v-353ced38] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-353ced38] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-353ced38] {
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Botón verificar */
.btn-verificar[data-v-353ced38] {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 1rem;
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-353ced38]:hover:not(:disabled) {
  background: #059669;
}
.btn-verificar[data-v-353ced38]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback-error[data-v-353ced38] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-353ced38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-353ced38] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-353ced38] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-353ced38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-353ced38] {
  flex: 1;
}
.nav-btn[data-v-353ced38] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-353ced38] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-353ced38] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-353ced38] {
  font-size: 1.75rem;
}
.completado-texto[data-v-353ced38] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-353ced38], .slide-leave-active[data-v-353ced38] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-353ced38] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-353ced38] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.tanque-svg[data-v-353ced38], .caja-regalo-svg[data-v-353ced38], .piscina-svg[data-v-353ced38] {
    max-width: 200px;
}
.contenedor-grande[data-v-353ced38] {
    width: 100px;
    height: 65px;
}
.cont-medida[data-v-353ced38] {
    font-size: 0.75rem;
}
.caja-pequena[data-v-353ced38] {
    width: 45px;
    height: 45px;
}
.resultado-texto[data-v-353ced38] {
    font-size: 0.95rem;
}
}

/* Resumen de tipos */
.resumen-tipos[data-v-43e33629] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-43e33629] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-card.capacidad[data-v-43e33629] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-card.empaque[data-v-43e33629] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-card.construccion[data-v-43e33629] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-card.dimension[data-v-43e33629] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-43e33629] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.4rem;
}
.tipo-icono[data-v-43e33629] {
  font-size: 1rem;
}
.tipo-nombre[data-v-43e33629] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tipo-clave[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.3rem;
}
.clave-titulo[data-v-43e33629] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.clave-valor[data-v-43e33629] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.tipo-formula[data-v-43e33629] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  text-align: center;
}

/* Fórmulas */
.formulas-section[data-v-43e33629] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formulas-titulo[data-v-43e33629] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-43e33629] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.formula-grupo[data-v-43e33629] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.formula-grupo.cubo[data-v-43e33629] {
  background: rgba(139, 92, 246, 0.15);
}
.formula-grupo.prisma[data-v-43e33629] {
  background: rgba(16, 185, 129, 0.15);
}
.formula-nombre[data-v-43e33629] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formula-lista[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.formula-item[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.f-label[data-v-43e33629] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.f-valor[data-v-43e33629] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Conversiones */
.conversiones-section[data-v-43e33629] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.conversiones-titulo[data-v-43e33629] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.conversiones-grid[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.conv-item[data-v-43e33629] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.conv-de[data-v-43e33629], .conv-a[data-v-43e33629] {
  font-family: monospace;
  color: #FFFFFF;
  font-weight: 600;
}
.conv-eq[data-v-43e33629] {
  color: #93C5FD;
}

/* Errores comunes */
.errores-section[data-v-43e33629] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-43e33629] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.errores-lista[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-43e33629] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.error-icono[data-v-43e33629] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.85rem;
}
.error-texto[data-v-43e33629] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Estrategia PAES */
.estrategia-paes[data-v-43e33629] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-43e33629] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.estrategia-pasos[data-v-43e33629] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.est-paso[data-v-43e33629] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.est-num[data-v-43e33629] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.est-texto[data-v-43e33629] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.est-texto strong[data-v-43e33629] {
  color: #FCD34D;
}

/* Tip final */
.tip-final[data-v-43e33629] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-header[data-v-43e33629] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-43e33629] {
  font-size: 1.5rem;
}
.tip-titulo[data-v-43e33629] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.tip-contenido p[data-v-43e33629] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.tip-contenido p strong[data-v-43e33629] {
  color: #6EE7B7;
}
.tip-destacado[data-v-43e33629] {
  color: #FCD34D !important;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0 !important;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-tipos[data-v-43e33629] {
    grid-template-columns: repeat(4, 1fr);
}
.conversiones-grid[data-v-43e33629] {
    flex-direction: row;
    justify-content: space-around;
}
.formula-item[data-v-43e33629] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.tipo-formula[data-v-43e33629] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-e6025fc6] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.figura-compuesta[data-v-e6025fc6] {
  width: 100%;
  max-width: 220px;
}
.figura-svg[data-v-e6025fc6] {
  width: 100%;
  height: auto;
}
.label-dim[data-v-e6025fc6] {
  font-size: 11px;
  font-weight: 700;
  fill: #FCD34D;
  text-anchor: middle;
}

/* Colores */
.perimetro-color[data-v-e6025fc6] {
  color: #93C5FD;
}
.area-color[data-v-e6025fc6] {
  color: #6EE7B7;
}

/* Estrategia section */
.estrategia-section[data-v-e6025fc6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-e6025fc6] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.pasos-lista[data-v-e6025fc6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-item[data-v-e6025fc6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-numero[data-v-e6025fc6] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.paso-contenido[data-v-e6025fc6] {
  flex: 1;
}
.paso-titulo[data-v-e6025fc6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.paso-desc[data-v-e6025fc6] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-top: 0.15rem;
}

/* Tipos de problemas */
.tipos-section[data-v-e6025fc6] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-e6025fc6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-e6025fc6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-e6025fc6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-card.sumar[data-v-e6025fc6] {
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.restar[data-v-e6025fc6] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-card.contorno[data-v-e6025fc6] {
  border-color: rgba(147, 197, 253, 0.4);
}
.tipo-icono[data-v-e6025fc6] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-e6025fc6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-desc[data-v-e6025fc6] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Fórmulas */
.formulas-section[data-v-e6025fc6] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-e6025fc6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-e6025fc6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-e6025fc6] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-e6025fc6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-expr[data-v-e6025fc6] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-e6025fc6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e6025fc6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e6025fc6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e6025fc6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.figura-compuesta[data-v-e6025fc6] {
    max-width: 280px;
}
.tipos-grid[data-v-e6025fc6] {
    flex-direction: row;
}
.tipo-card[data-v-e6025fc6] {
    flex-direction: column;
    text-align: center;
    flex: 1;
}
}

/* Colores */
.positivo[data-v-d1a618f3] {
  color: #6EE7B7;
}
.perimetro-color[data-v-d1a618f3] {
  color: #93C5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-d1a618f3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
}
.ejemplo-titulo[data-v-d1a618f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-d1a618f3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.figura-visual[data-v-d1a618f3] {
  display: flex;
  justify-content: center;
}
.ejemplo-svg[data-v-d1a618f3] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-svg[data-v-d1a618f3] {
  font-size: 11px;
  font-weight: 700;
  fill: #FCD34D;
  text-anchor: middle;
}
.label-svg.vertical[data-v-d1a618f3] {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}
.label-rect[data-v-d1a618f3] {
  font-size: 14px;
  font-weight: 700;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-rect.verde[data-v-d1a618f3] {
  fill: #6EE7B7;
}

/* Resolución */
.resolucion[data-v-d1a618f3] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-resolucion[data-v-d1a618f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.paso-label[data-v-d1a618f3] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.paso-texto[data-v-d1a618f3] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.calculo[data-v-d1a618f3] {
  font-family: 'Courier New', monospace;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.calculo-linea[data-v-d1a618f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.calculo.resultado[data-v-d1a618f3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  text-align: center;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0;
}

/* Perímetro section */
.perimetro-section[data-v-d1a618f3] {
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.perimetro-titulo[data-v-d1a618f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.perimetro-contenido p[data-v-d1a618f3] {
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.perimetro-visual[data-v-d1a618f3] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.perimetro-svg[data-v-d1a618f3] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-p[data-v-d1a618f3] {
  font-size: 11px;
  font-weight: 700;
  fill: #93C5FD;
  text-anchor: middle;
}
.perimetro-calculo[data-v-d1a618f3] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-size: 0.95rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Tip */
.tip[data-v-d1a618f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d1a618f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d1a618f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d1a618f3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplo-contenido[data-v-d1a618f3] {
    flex-direction: row;
    align-items: flex-start;
}
.figura-visual[data-v-d1a618f3] {
    flex: 0 0 200px;
}
.resolucion[data-v-d1a618f3] {
    flex: 1;
}
}

/* Colores */
.positivo[data-v-857c4b1e] {
  color: #6EE7B7;
}
.negativo[data-v-857c4b1e] {
  color: #FCA5A5;
}

/* Concepto principal */
.concepto-principal[data-v-857c4b1e] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
  text-align: center;
}
.concepto-formula[data-v-857c4b1e] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-857c4b1e] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
}
.ejemplo-titulo[data-v-857c4b1e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-857c4b1e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.figura-visual[data-v-857c4b1e] {
  display: flex;
  justify-content: center;
}
.ejemplo-svg[data-v-857c4b1e] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-svg[data-v-857c4b1e] {
  font-size: 11px;
  font-weight: 700;
  fill: #FCD34D;
  text-anchor: middle;
}
.label-svg.radio[data-v-857c4b1e] {
  fill: #C4B5FD;
}
.label-svg.interior[data-v-857c4b1e] {
  fill: #6EE7B7;
  font-size: 10px;
}

/* Resolución */
.resolucion[data-v-857c4b1e] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-resolucion[data-v-857c4b1e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.paso-resolucion.destacado[data-v-857c4b1e] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.paso-label[data-v-857c4b1e] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.paso-texto[data-v-857c4b1e] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.calculo[data-v-857c4b1e] {
  font-family: 'Courier New', monospace;
  padding: 0.4rem 0.5rem;
  margin-bottom: 0.5rem;
}
.calculo-linea[data-v-857c4b1e] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.calculo.resultado[data-v-857c4b1e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  text-align: center;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0;
}
.resultado-valor[data-v-857c4b1e] {
  color: #FCD34D;
}

/* Casos especiales */
.casos-section[data-v-857c4b1e] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-857c4b1e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-857c4b1e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso-item[data-v-857c4b1e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-svg[data-v-857c4b1e] {
  width: 50px;
  height: 50px;
}
.caso-label[data-v-857c4b1e] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-857c4b1e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-857c4b1e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-857c4b1e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-857c4b1e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ejemplo-contenido[data-v-857c4b1e] {
    flex-direction: row;
    align-items: flex-start;
}
.figura-visual[data-v-857c4b1e] {
    flex: 0 0 180px;
}
.resolucion[data-v-857c4b1e] {
    flex: 1;
}
.caso-svg[data-v-857c4b1e] {
    width: 60px;
    height: 60px;
}
.caso-label[data-v-857c4b1e] {
    font-size: 0.75rem;
}
}

.explorador[data-v-45fcd083] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-45fcd083] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-45fcd083] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-45fcd083] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-45fcd083] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-45fcd083] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-45fcd083] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-45fcd083] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-45fcd083] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-45fcd083] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-45fcd083] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.figura-svg[data-v-45fcd083] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-svg[data-v-45fcd083] {
  font-size: 11px;
  font-weight: 700;
  fill: #FCD34D;
  text-anchor: middle;
}
.label-svg.radio[data-v-45fcd083] {
  fill: #C4B5FD;
}

/* Fórmula hint */
.formula-hint[data-v-45fcd083] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.formula-nota[data-v-45fcd083] {
  font-size: 0.75rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}

/* Input section */
.input-section[data-v-45fcd083] {
  margin: 1rem 0;
}
.input-row[data-v-45fcd083] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.input-label[data-v-45fcd083] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-45fcd083] {
  width: 90px;
  padding: 0.6rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-45fcd083] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-45fcd083] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-45fcd083] {
  color: #C4B5FD;
  font-size: 1rem;
}
.btn-verificar[data-v-45fcd083] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-45fcd083]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-incorrecto[data-v-45fcd083] {
  text-align: center;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}

/* Resultado correcto */
.resultado-correcto[data-v-45fcd083] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-45fcd083] { font-size: 1.25rem;
}
.resultado-texto[data-v-45fcd083] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-45fcd083] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-45fcd083] { flex: 1;
}
.nav-btn[data-v-45fcd083] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-45fcd083] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-45fcd083] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-45fcd083] { font-size: 1.75rem;
}
.completado-texto[data-v-45fcd083] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-45fcd083], .slide-leave-active[data-v-45fcd083] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-45fcd083] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-45fcd083] { opacity: 0; transform: translateX(-15px);
}

/* Resumen visual */
.resumen-visual[data-v-116bf8e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-116bf8e9] {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.resumen-titulo[data-v-116bf8e9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Conceptos section */
.conceptos-section[data-v-116bf8e9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-116bf8e9] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-116bf8e9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 700;
}
.concepto-header.sumar[data-v-116bf8e9] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.concepto-header.restar[data-v-116bf8e9] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.concepto-icono[data-v-116bf8e9] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-116bf8e9] {
  font-size: 0.95rem;
}
.concepto-contenido[data-v-116bf8e9] {
  padding: 0.75rem;
}
.concepto-contenido p[data-v-116bf8e9] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-box[data-v-116bf8e9] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.ejemplo-mini[data-v-116bf8e9] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Estrategia section */
.estrategia-section[data-v-116bf8e9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.estrategia-titulo[data-v-116bf8e9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-resumen[data-v-116bf8e9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.paso-mini[data-v-116bf8e9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-116bf8e9] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.paso-text[data-v-116bf8e9] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fórmulas section */
.formulas-section[data-v-116bf8e9] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-116bf8e9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-116bf8e9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-116bf8e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-icon[data-v-116bf8e9] {
  width: 35px;
  height: 35px;
}
.formula-nombre[data-v-116bf8e9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-expr[data-v-116bf8e9] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
}

/* Tips section */
.tips-section[data-v-116bf8e9] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-116bf8e9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-116bf8e9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-116bf8e9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.tip-check[data-v-116bf8e9] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-text[data-v-116bf8e9] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-text strong[data-v-116bf8e9] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-116bf8e9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-116bf8e9] {
  font-size: 2rem;
}
.mensaje-texto[data-v-116bf8e9] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-116bf8e9] {
    flex-direction: row;
}
.concepto-card[data-v-116bf8e9] {
    flex: 1;
}
.formulas-grid[data-v-116bf8e9] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-181e3ac0] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.figura-animada[data-v-181e3ac0] {
  width: 100%;
  max-width: 220px;
}
.figura-svg[data-v-181e3ac0] {
  width: 100%;
  height: auto;
}
.borde-animado[data-v-181e3ac0] {
  stroke-dasharray: 20;
  animation: dash-181e3ac0 2s linear infinite;
}
@keyframes dash-181e3ac0 {
to {
    stroke-dashoffset: -80;
}
}
.label-svg[data-v-181e3ac0] {
  font-size: 16px;
  fill: #FCD34D;
}
.label-svg.direccion[data-v-181e3ac0] {
  font-size: 20px;
  fill: #8B5CF6;
}

/* Color del perímetro */
.perimetro-color[data-v-181e3ac0] {
  color: #93C5FD;
}

/* Definición principal */
.definicion-principal[data-v-181e3ac0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-icono[data-v-181e3ac0] {
  font-size: 2rem;
}
.definicion-contenido[data-v-181e3ac0] {
  flex: 1;
}
.definicion-titulo[data-v-181e3ac0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.definicion-expresion[data-v-181e3ac0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.definicion-nota[data-v-181e3ac0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-181e3ac0] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-181e3ac0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-181e3ac0] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.rectangulo-ejemplo[data-v-181e3ac0] {
  width: 180px;
}
.ejemplo-svg[data-v-181e3ac0] {
  width: 100%;
  height: auto;
}
.label-num[data-v-181e3ac0] {
  font-size: 12px;
  font-weight: 700;
  fill: #6EE7B7;
}
.label-num.lado[data-v-181e3ac0] {
  text-anchor: middle;
}
.label-num.lado-v[data-v-181e3ac0] {
  writing-mode: vertical-lr;
  text-anchor: middle;
}
.ejemplo-calculo[data-v-181e3ac0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calc-linea[data-v-181e3ac0] {
  font-size: 1.1rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
}
.calc-linea.resultado[data-v-181e3ac0] {
  color: #FFFFFF;
  font-weight: 700;
}

/* Usos cotidianos */
.usos-section[data-v-181e3ac0] {
  margin: 1.5rem 0;
}
.usos-titulo[data-v-181e3ac0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.usos-grid[data-v-181e3ac0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.uso-item[data-v-181e3ac0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.uso-icono[data-v-181e3ac0] {
  font-size: 1.25rem;
}
.uso-texto[data-v-181e3ac0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-181e3ac0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-181e3ac0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-181e3ac0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-181e3ac0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.figura-animada[data-v-181e3ac0] {
    max-width: 260px;
}
.definicion-expresion[data-v-181e3ac0] {
    font-size: 1.4rem;
}
.ejemplo-contenido[data-v-181e3ac0] {
    justify-content: flex-start;
}
.usos-grid[data-v-181e3ac0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Color perímetro */
.perimetro-color[data-v-ee953247] {
  color: #93C5FD;
}

/* Fórmula box */
.formula-box[data-v-ee953247] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-ee953247] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-expresion[data-v-ee953247] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.lado-a[data-v-ee953247] { color: #6EE7B7;
}
.lado-b[data-v-ee953247] { color: #93C5FD;
}
.lado-c[data-v-ee953247] { color: #FCA5A5;
}

/* Tipos de triángulos */
.tipos-section[data-v-ee953247] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ee953247] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-ee953247] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.tipos-grid[data-v-ee953247] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
}
.tipo-card[data-v-ee953247] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.tipo-nombre[data-v-ee953247] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.tipo-nombre.equilatero[data-v-ee953247] { color: #6EE7B7;
}
.tipo-nombre.isosceles[data-v-ee953247] { color: #93C5FD;
}
.tipo-nombre.escaleno[data-v-ee953247] { color: #FCA5A5;
}
.tipo-visual[data-v-ee953247] {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.triangulo-svg[data-v-ee953247] {
  width: 100%;
  max-width: 100px;
  height: auto;
}
.label-interno[data-v-ee953247] {
  font-size: 12px;
  font-weight: 600;
  fill: #E9D5FF;
  text-anchor: middle;
}
.tipo-formula[data-v-ee953247] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin: 0.5rem 0 0.25rem;
}
.tipo-desc[data-v-ee953247] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-ee953247] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-ee953247] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-ee953247] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-ee953247] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-ee953247] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.triangulo-ejemplo[data-v-ee953247] {
  width: 140px;
}
.label-medida[data-v-ee953247] {
  font-size: 12px;
  font-weight: 700;
  fill: #6EE7B7;
  text-anchor: middle;
}
.ejemplo-calculo[data-v-ee953247] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-ee953247] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.4rem;
}
.paso-solucion.final[data-v-ee953247] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-ee953247] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-ee953247] {
  flex: 1;
}
.paso-formula[data-v-ee953247] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-ee953247] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ee953247] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ee953247] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ee953247] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-expresion[data-v-ee953247] {
    font-size: 1.75rem;
}
.ejemplo-problema[data-v-ee953247] {
    justify-content: flex-start;
}
.triangulo-ejemplo[data-v-ee953247] {
    width: 160px;
}
}

/* Colores por figura */
.cuadrado-color[data-v-a93b88e0] { color: #6EE7B7;
}
.rectangulo-color[data-v-a93b88e0] { color: #93C5FD;
}
.rombo-color[data-v-a93b88e0] { color: #FCD34D;
}
.general-color[data-v-a93b88e0] { color: #C4B5FD;
}

/* Sección de figura */
.figura-section[data-v-a93b88e0] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.figura-header[data-v-a93b88e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.figura-icono[data-v-a93b88e0] {
  font-size: 1.25rem;
}
.figura-nombre[data-v-a93b88e0] {
  font-weight: 700;
  font-size: 1rem;
}
.figura-contenido[data-v-a93b88e0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.figura-visual[data-v-a93b88e0] {
  width: 100px;
  flex-shrink: 0;
}
.figura-svg[data-v-a93b88e0] {
  width: 100%;
  height: auto;
}
.figura-svg-rect[data-v-a93b88e0] {
  width: 100%;
  height: auto;
}
.label-svg[data-v-a93b88e0] {
  font-size: 11px;
  font-weight: 600;
  fill: #E9D5FF;
}
.label-svg-small[data-v-a93b88e0] {
  font-size: 12px;
  font-weight: 700;
  fill: #E9D5FF;
}
.figura-info[data-v-a93b88e0] {
  flex: 1;
  min-width: 150px;
}
.formula-destacada[data-v-a93b88e0] {
  font-family: 'Courier New', monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-alternativa[data-v-a93b88e0] {
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.figura-desc[data-v-a93b88e0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ejemplo-mini[data-v-a93b88e0] {
  font-size: 0.85rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ejemplo-label[data-v-a93b88e0] {
  color: #C4B5FD;
}
.ejemplo-calc[data-v-a93b88e0] {
  color: #FFFFFF;
}

/* Resumen de fórmulas */
.resumen-formulas[data-v-a93b88e0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-a93b88e0] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.resumen-grid[data-v-a93b88e0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.resumen-item[data-v-a93b88e0] {
  font-size: 0.9rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a93b88e0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a93b88e0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a93b88e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a93b88e0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.figura-visual[data-v-a93b88e0] {
    width: 120px;
}
.formula-destacada[data-v-a93b88e0] {
    font-size: 1.4rem;
}
.resumen-grid[data-v-a93b88e0] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.circunferencia-color[data-v-5ff88b81] { color: #93C5FD;
}
.pi-color[data-v-5ff88b81] { color: #FCD34D;
}
.radio-color[data-v-5ff88b81] { color: #6EE7B7;
}
.diametro-color[data-v-5ff88b81] { color: #FCA5A5;
}

/* Visual del círculo */
.circulo-visual[data-v-5ff88b81] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.circulo-svg[data-v-5ff88b81] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.label-svg[data-v-5ff88b81] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.radio[data-v-5ff88b81] {
  fill: #6EE7B7;
}
.label-svg.diametro[data-v-5ff88b81] {
  fill: #FCA5A5;
  font-size: 12px;
  text-anchor: middle;
}

/* Sección Pi */
.pi-section[data-v-5ff88b81] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pi-header[data-v-5ff88b81] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pi-simbolo[data-v-5ff88b81] {
  font-size: 3rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.pi-info[data-v-5ff88b81] {
  flex: 1;
}
.pi-titulo[data-v-5ff88b81] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.pi-valor[data-v-5ff88b81] {
  font-family: 'Courier New', monospace;
  color: #FCD34D;
  font-size: 1.1rem;
  font-weight: 700;
}
.pi-desc[data-v-5ff88b81] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fórmulas */
.formulas-section[data-v-5ff88b81] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-5ff88b81] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-5ff88b81] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-card[data-v-5ff88b81] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.formula-subtitulo[data-v-5ff88b81] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-5ff88b81] {
  font-family: 'Courier New', monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-relacion[data-v-5ff88b81] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-5ff88b81] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-5ff88b81] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-5ff88b81] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-5ff88b81] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-5ff88b81] {
  margin-bottom: 1rem;
}
.problema-texto[data-v-5ff88b81] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.solucion-pasos[data-v-5ff88b81] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  padding-top: 1rem;
}
.paso-solucion[data-v-5ff88b81] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
}
.paso-solucion.final[data-v-5ff88b81] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-5ff88b81] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-5ff88b81] {
  flex: 1;
}
.paso-desc[data-v-5ff88b81] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-5ff88b81] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Resultado final */
.resultado-final[data-v-5ff88b81] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.resultado-label[data-v-5ff88b81] {
  font-weight: 700;
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.resultado-valor[data-v-5ff88b81] {
  color: #FFFFFF;
}

/* Valores útiles de Pi */
.pi-valores[data-v-5ff88b81] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pi-valores-titulo[data-v-5ff88b81] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pi-valores-grid[data-v-5ff88b81] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.pi-valor-item[data-v-5ff88b81] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
}
.pi-valor-item strong[data-v-5ff88b81] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-5ff88b81] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5ff88b81] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5ff88b81] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5ff88b81] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.circulo-svg[data-v-5ff88b81] {
    max-width: 200px;
}
.pi-simbolo[data-v-5ff88b81] {
    font-size: 4rem;
}
.formula-expresion[data-v-5ff88b81] {
    font-size: 1.6rem;
}
}

.explorador[data-v-8870c66f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8870c66f] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8870c66f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8870c66f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8870c66f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8870c66f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8870c66f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8870c66f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8870c66f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8870c66f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-8870c66f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.figura-svg[data-v-8870c66f] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.figura-svg.circunferencia[data-v-8870c66f] {
  max-width: 180px;
}
.label-svg[data-v-8870c66f] {
  font-size: 12px;
  font-weight: 700;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-svg.radio[data-v-8870c66f] {
  fill: #6EE7B7;
  text-anchor: start;
}
.label-svg-pregunta[data-v-8870c66f] {
  font-size: 14px;
  font-weight: 700;
  fill: #FCD34D;
  text-anchor: middle;
}

/* Tipo de figura */
.tipo-figura[data-v-8870c66f] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.tipo-label[data-v-8870c66f] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 9999px;
  color: #93C5FD;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Input section */
.input-section[data-v-8870c66f] {
  margin: 1rem 0;
}
.formula-hint[data-v-8870c66f] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.input-row[data-v-8870c66f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.input-label[data-v-8870c66f] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-8870c66f] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-8870c66f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-8870c66f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-8870c66f] {
  color: #C4B5FD;
  font-size: 1rem;
}
.btn-verificar[data-v-8870c66f] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-8870c66f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-incorrecto[data-v-8870c66f] {
  text-align: center;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* Problema de aplicación */
.problema-aplicacion[data-v-8870c66f] {
  text-align: center;
  margin-bottom: 1rem;
}
.problema-icono[data-v-8870c66f] {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-8870c66f] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.problema-visual-app[data-v-8870c66f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}

/* Resultado correcto */
.resultado-correcto[data-v-8870c66f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8870c66f] { font-size: 1.25rem;
}
.resultado-texto[data-v-8870c66f] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-8870c66f] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-8870c66f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8870c66f] { flex: 1;
}
.nav-btn[data-v-8870c66f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8870c66f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8870c66f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8870c66f] { font-size: 1.75rem;
}
.completado-texto[data-v-8870c66f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8870c66f], .slide-leave-active[data-v-8870c66f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8870c66f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8870c66f] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-48782d41] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-48782d41] {
  font-size: 2rem;
}
.resumen-intro p[data-v-48782d41] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-48782d41] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
.resumen-cards[data-v-48782d41] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-48782d41] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-48782d41]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-48782d41] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.05);
}
.card-header[data-v-48782d41] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-48782d41] {
  font-size: 1.25rem;
}
.card-titulo[data-v-48782d41] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-48782d41] {
  color: #E9D5FF;
}
.card-nota[data-v-48782d41] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Definición mini */
.definicion-mini[data-v-48782d41] {
  font-size: 0.95rem;
  color: #FFFFFF;
}

/* Fórmulas mini */
.formulas-mini[data-v-48782d41] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-48782d41] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
}
.formula-tipo[data-v-48782d41] {
  font-weight: 600;
}
.formula-tipo.equilatero[data-v-48782d41] { color: #6EE7B7;
}
.formula-tipo.isosceles[data-v-48782d41] { color: #93C5FD;
}
.formula-tipo.escaleno[data-v-48782d41] { color: #FCA5A5;
}
.formula-tipo.cuadrado[data-v-48782d41] { color: #6EE7B7;
}
.formula-tipo.rectangulo[data-v-48782d41] { color: #93C5FD;
}
.formula-tipo.rombo[data-v-48782d41] { color: #FCD34D;
}
.formula-valor[data-v-48782d41] {
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-weight: 600;
}

/* Circunferencia */
.formulas-circunferencia[data-v-48782d41] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-48782d41] {
  font-family: 'Courier New', monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-alternativa[data-v-48782d41] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.pi-recordatorio[data-v-48782d41] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}
.pi-simbolo[data-v-48782d41] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tabla resumen */
.tabla-resumen[data-v-48782d41] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-48782d41] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-contenido[data-v-48782d41] {
  padding: 0.5rem;
}
.tabla-fila[data-v-48782d41] {
  display: flex;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-fila[data-v-48782d41]:last-child {
  border-bottom: none;
}
.tabla-fila.header[data-v-48782d41] {
  background: rgba(139, 92, 246, 0.1);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-col[data-v-48782d41] {
  flex: 1;
  font-size: 0.9rem;
}
.tabla-col.formula[data-v-48782d41] {
  font-family: 'Courier New', monospace;
  color: #FCD34D;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-48782d41] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-48782d41] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-48782d41] {
  font-size: 1.25rem;
}
.tip-text[data-v-48782d41] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-48782d41] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-48782d41] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-48782d41] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-48782d41 1s ease-in-out infinite;
}
@keyframes bounce-48782d41 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-48782d41] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-48782d41] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-61644ae2] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.punto[data-v-61644ae2] {
  font-size: 2rem;
}
.coords[data-v-61644ae2] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #8B5CF6;
  font-family: monospace;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-61644ae2] {
  color: #6EE7B7;
}
strong.negativo[data-v-61644ae2] {
  color: #FCA5A5;
}

/* Plano cartesiano */
.plano-section[data-v-61644ae2] {
  margin: 1.5rem 0;
}
.plano-titulo[data-v-61644ae2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.plano-container[data-v-61644ae2] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-61644ae2] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.eje[data-v-61644ae2] {
  stroke: #8B5CF6;
  stroke-width: 1.5;
}
.flecha[data-v-61644ae2] {
  fill: #8B5CF6;
}
.grid line[data-v-61644ae2] {
  stroke: rgba(139, 92, 246, 0.2);
  stroke-width: 0.5;
}
.num-eje[data-v-61644ae2] {
  font-size: 4px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.num-eje.neg[data-v-61644ae2] {
  fill: #FCA5A5;
}
.label-eje[data-v-61644ae2] {
  font-size: 6px;
  fill: #FFFFFF;
  font-weight: 700;
}
.origen[data-v-61644ae2] {
  fill: #FCD34D;
}
.label-origen[data-v-61644ae2] {
  font-size: 5px;
  fill: #FCD34D;
  font-weight: 700;
}
.punto-ejemplo[data-v-61644ae2] {
  fill: #10B981;
}
.label-punto[data-v-61644ae2] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.linea-guia[data-v-61644ae2] {
  stroke: #6EE7B7;
  stroke-width: 0.8;
}
.plano-leyenda[data-v-61644ae2] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.eje-x[data-v-61644ae2] {
  color: #93C5FD;
}
.eje-y[data-v-61644ae2] {
  color: #FCD34D;
}

/* Coordenadas explicación */
.coords-section[data-v-61644ae2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.coords-titulo[data-v-61644ae2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.coords-explicacion[data-v-61644ae2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.coord-box[data-v-61644ae2] {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 800;
  font-family: monospace;
}
.coord-parentesis[data-v-61644ae2] {
  color: #C4B5FD;
}
.coord-x[data-v-61644ae2] {
  color: #93C5FD;
  padding: 0.1rem 0.3rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.coord-coma[data-v-61644ae2] {
  color: #C4B5FD;
  margin: 0 0.25rem;
}
.coord-y[data-v-61644ae2] {
  color: #FCD34D;
  padding: 0.1rem 0.3rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.coord-arrows[data-v-61644ae2] {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
}
.arrow-item[data-v-61644ae2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.arrow[data-v-61644ae2] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.arrow-label[data-v-61644ae2] {
  font-size: 0.75rem;
  font-weight: 600;
}

/* Cuadrantes */
.cuadrantes-section[data-v-61644ae2] {
  margin: 1.5rem 0;
}
.cuadrantes-titulo[data-v-61644ae2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.cuadrantes-grid[data-v-61644ae2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  max-width: 280px;
  margin: 0 auto;
}
.cuadrante[data-v-61644ae2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.c1[data-v-61644ae2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.c2[data-v-61644ae2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.c3[data-v-61644ae2] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.c4[data-v-61644ae2] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.cuadrante-num[data-v-61644ae2] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.cuadrante-signos[data-v-61644ae2] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-61644ae2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-61644ae2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-61644ae2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-61644ae2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-61644ae2] {
    gap: 1rem;
}
.coords[data-v-61644ae2] {
    font-size: 2.25rem;
}
.plano-svg[data-v-61644ae2] {
    max-width: 320px;
}
.cuadrantes-grid[data-v-61644ae2] {
    max-width: 320px;
}
.coord-box[data-v-61644ae2] {
    font-size: 2.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-a99f08f4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.punto-a[data-v-a99f08f4] {
  color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 50%;
}
.punto-b[data-v-a99f08f4] {
  color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 50%;
}
.linea[data-v-a99f08f4] {
  color: #8B5CF6;
  letter-spacing: -0.2rem;
}
.distancia[data-v-a99f08f4] {
  color: #FCD34D;
  margin-left: 0.5rem;
}

/* Fórmula */
.formula-section[data-v-a99f08f4] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-a99f08f4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-a99f08f4] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula[data-v-a99f08f4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.x-parte[data-v-a99f08f4] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.y-parte[data-v-a99f08f4] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.formula-leyenda[data-v-a99f08f4] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.x-color[data-v-a99f08f4] {
  color: #93C5FD;
}
.y-color[data-v-a99f08f4] {
  color: #FCD34D;
}

/* Ejemplo con plano */
.ejemplo-section[data-v-a99f08f4] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-a99f08f4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.plano-ejemplo[data-v-a99f08f4] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-a99f08f4] {
  width: 100%;
  max-width: 260px;
  height: auto;
}
.grid line[data-v-a99f08f4] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-a99f08f4] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.num-eje[data-v-a99f08f4] {
  font-size: 4px;
  fill: #C4B5FD;
  text-anchor: middle;
}
.lado-horizontal[data-v-a99f08f4] {
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.lado-vertical[data-v-a99f08f4] {
  stroke: #FCD34D;
  stroke-width: 1.5;
}
.distancia-linea[data-v-a99f08f4] {
  stroke: #10B981;
  stroke-width: 2;
}
.label-lado[data-v-a99f08f4] {
  font-size: 4px;
  font-weight: 700;
}
.label-distancia[data-v-a99f08f4] {
  font-size: 5px;
  font-weight: 700;
  fill: #6EE7B7;
}
.punto-a-svg[data-v-a99f08f4] {
  fill: #10B981;
}
.punto-b-svg[data-v-a99f08f4] {
  fill: #3B82F6;
}
.label-punto-a[data-v-a99f08f4] {
  font-size: 4px;
  fill: #6EE7B7;
  font-weight: 600;
}
.label-punto-b[data-v-a99f08f4] {
  font-size: 4px;
  fill: #93C5FD;
  font-weight: 600;
}

/* Pasos */
.pasos-section[data-v-a99f08f4] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-a99f08f4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pasos-lista[data-v-a99f08f4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-a99f08f4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.paso-num[data-v-a99f08f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
}
.paso-contenido[data-v-a99f08f4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-label[data-v-a99f08f4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.paso-calculo[data-v-a99f08f4] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.paso-calculo strong[data-v-a99f08f4] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a99f08f4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-a99f08f4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a99f08f4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a99f08f4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-a99f08f4] {
    font-size: 1.3rem;
}
.plano-svg[data-v-a99f08f4] {
    max-width: 300px;
}
.paso-calculo[data-v-a99f08f4] {
    font-size: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-d881f92d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.vector-arrow[data-v-d881f92d] {
  color: #10B981;
  font-size: 2rem;
}
.vector-nombre[data-v-d881f92d] {
  color: #10B981;
}
.vector-coord[data-v-d881f92d] {
  color: #8B5CF6;
  font-family: monospace;
}

/* Colores de componentes */
.x-color[data-v-d881f92d] {
  color: #93C5FD;
}
.y-color[data-v-d881f92d] {
  color: #FCD34D;
}

/* Vector visual */
.vector-section[data-v-d881f92d] {
  margin: 1.5rem 0;
}
.vector-titulo[data-v-d881f92d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.plano-container[data-v-d881f92d] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-d881f92d] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.grid line[data-v-d881f92d] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-d881f92d] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.num-eje[data-v-d881f92d] {
  font-size: 4px;
  fill: #C4B5FD;
  text-anchor: middle;
}
.vector-linea[data-v-d881f92d] {
  stroke: #10B981;
  stroke-width: 2.5;
}
.vector-punta[data-v-d881f92d] {
  fill: #10B981;
}
.componente-x[data-v-d881f92d] {
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.componente-y[data-v-d881f92d] {
  stroke: #FCD34D;
  stroke-width: 1.5;
}
.label-vector[data-v-d881f92d] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.label-comp[data-v-d881f92d] {
  font-size: 4px;
  font-weight: 600;
}
.vector-explicacion[data-v-d881f92d] {
  text-align: center;
  margin-top: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Magnitud */
.magnitud-section[data-v-d881f92d] {
  margin: 1.5rem 0;
}
.magnitud-titulo[data-v-d881f92d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-d881f92d] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-d881f92d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.ejemplo-magnitud[data-v-d881f92d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.9rem;
}
.ejemplo-label[data-v-d881f92d] {
  color: #C4B5FD;
}
.ejemplo-calculo[data-v-d881f92d] {
  font-family: monospace;
  color: #E9D5FF;
}

/* Operaciones */
.operaciones-section[data-v-d881f92d] {
  margin: 1.5rem 0;
}
.operaciones-titulo[data-v-d881f92d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.operaciones-grid[data-v-d881f92d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.operacion[data-v-d881f92d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.op-nombre[data-v-d881f92d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.op-formula[data-v-d881f92d] {
  font-family: monospace;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.op-ejemplo[data-v-d881f92d] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.op-ejemplo strong[data-v-d881f92d] {
  color: #6EE7B7;
}

/* Vector entre puntos */
.vector-puntos-section[data-v-d881f92d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.vector-puntos-titulo[data-v-d881f92d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-puntos[data-v-d881f92d] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-linea[data-v-d881f92d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-label[data-v-d881f92d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.formula-valor[data-v-d881f92d] {
  font-family: monospace;
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplo-puntos[data-v-d881f92d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
}
.ejemplo-texto[data-v-d881f92d] {
  color: #E9D5FF;
}
.ejemplo-resultado[data-v-d881f92d] {
  font-family: monospace;
  color: #E9D5FF;
}
.ejemplo-resultado strong[data-v-d881f92d] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-d881f92d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d881f92d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d881f92d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d881f92d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg[data-v-d881f92d] {
    max-width: 280px;
}
.operaciones-grid[data-v-d881f92d] {
    flex-direction: row;
}
.operacion[data-v-d881f92d] {
    flex: 1;
}
.formula-linea[data-v-d881f92d] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
}

.explorador[data-v-ca928ea9] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ca928ea9] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ca928ea9] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ca928ea9] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ca928ea9] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ca928ea9] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ca928ea9] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ca928ea9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ca928ea9] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ubicar puntos ===== */
.ubicar-container[data-v-ca928ea9] {
  text-align: center;
}
.ubicar-pregunta[data-v-ca928ea9] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.punto-objetivo[data-v-ca928ea9] {
  color: #10B981;
  font-size: 1.25rem;
  font-family: monospace;
}
.plano-interactivo[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
  cursor: crosshair;
}
.plano-svg[data-v-ca928ea9] {
  width: 100%;
  max-width: 260px;
  height: auto;
  touch-action: none;
}
.grid line[data-v-ca928ea9] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-ca928ea9] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.flecha[data-v-ca928ea9] {
  fill: #8B5CF6;
}
.num-eje[data-v-ca928ea9] {
  font-size: 4px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.num-eje.neg[data-v-ca928ea9] {
  fill: #FCA5A5;
}
.label-eje[data-v-ca928ea9] {
  font-size: 5px;
  fill: #FFFFFF;
  font-weight: 700;
}
.punto-seleccionado[data-v-ca928ea9] {
  fill: #8B5CF6;
  transition: all 0.2s ease;
}
.punto-seleccionado.correcto[data-v-ca928ea9] {
  fill: #10B981;
}
.punto-seleccionado.incorrecto[data-v-ca928ea9] {
  fill: #EF4444;
}
.punto-info[data-v-ca928ea9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.punto-info strong[data-v-ca928ea9] {
  color: #8B5CF6;
  font-family: monospace;
}
.botones-ubicar[data-v-ca928ea9] {
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Distancia ===== */
.distancia-container[data-v-ca928ea9] {
  text-align: center;
}
.distancia-pregunta[data-v-ca928ea9] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.puntos-distancia[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
  font-size: 1.2rem;
  font-family: monospace;
  font-weight: 700;
}
.punto-a[data-v-ca928ea9] {
  color: #6EE7B7;
}
.punto-b[data-v-ca928ea9] {
  color: #93C5FD;
}
.separador[data-v-ca928ea9] {
  color: #C4B5FD;
  font-weight: 400;
}
.plano-distancia[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-ca928ea9] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.punto-a-svg[data-v-ca928ea9] {
  fill: #10B981;
}
.punto-b-svg[data-v-ca928ea9] {
  fill: #3B82F6;
}
.linea-distancia[data-v-ca928ea9] {
  stroke: #FCD34D;
  stroke-width: 1.5;
}
.label-punto-a[data-v-ca928ea9] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.label-punto-b[data-v-ca928ea9] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.input-distancia[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.input-label[data-v-ca928ea9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-valor[data-v-ca928ea9] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-valor.correcto[data-v-ca928ea9] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-valor.incorrecto[data-v-ca928ea9] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.ayuda-formula[data-v-ca928ea9], .ayuda-vectores[data-v-ca928ea9] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Vectores ===== */
.vectores-container[data-v-ca928ea9] {
  text-align: center;
}
.vectores-pregunta[data-v-ca928ea9] {
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.operacion-vector[data-v-ca928ea9] {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.input-vector[data-v-ca928ea9] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.vector-parentesis[data-v-ca928ea9] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}
.vector-coma[data-v-ca928ea9] {
  font-size: 1.25rem;
  color: #C4B5FD;
  margin: 0 0.25rem;
}
.input-coord[data-v-ca928ea9] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord.correcto[data-v-ca928ea9] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-coord.incorrecto[data-v-ca928ea9] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}

/* Botones y feedback */
.btn-verificar[data-v-ca928ea9] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-inline[data-v-ca928ea9] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: 0.5rem;
}
.btn-verificar-inline[data-v-ca928ea9]:disabled {
  background: rgba(139, 92, 246, 0.3);
  cursor: not-allowed;
}
.feedback[data-v-ca928ea9] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-ca928ea9] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-ca928ea9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-ca928ea9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ca928ea9] { font-size: 1.25rem;
}
.resultado-texto[data-v-ca928ea9] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ca928ea9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ca928ea9] { flex: 1;
}
.nav-btn[data-v-ca928ea9] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ca928ea9] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ca928ea9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ca928ea9] { font-size: 1.75rem;
}
.completado-texto[data-v-ca928ea9] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ca928ea9], .slide-leave-active[data-v-ca928ea9] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ca928ea9] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ca928ea9] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-cf31eb11] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-cf31eb11] {
  font-size: 2rem;
}
.resumen-intro p[data-v-cf31eb11] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-cf31eb11] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-cf31eb11] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-cf31eb11] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-cf31eb11]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-cf31eb11] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-cf31eb11] {
    grid-column: span 1;
}
}
.card-header[data-v-cf31eb11] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-cf31eb11] {
  font-size: 1.25rem;
}
.card-titulo[data-v-cf31eb11] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-cf31eb11] {
  color: #E9D5FF;
}
.card-nota[data-v-cf31eb11] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Coordenadas ejemplo */
.coord-ejemplo[data-v-cf31eb11] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
}
.coord[data-v-cf31eb11] {
  color: #C4B5FD;
}
.coord-x[data-v-cf31eb11] {
  color: #93C5FD;
  padding: 0.1rem 0.3rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.coord-y[data-v-cf31eb11] {
  color: #FCD34D;
  padding: 0.1rem 0.3rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}

/* Cuadrantes mini */
.cuadrantes-mini[data-v-cf31eb11] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
  max-width: 150px;
  margin: 0 auto;
}
.cuad[data-v-cf31eb11] {
  padding: 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.cuad span[data-v-cf31eb11] {
  font-size: 0.65rem;
  font-weight: 600;
}
.c1[data-v-cf31eb11] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.c2[data-v-cf31eb11] { background: rgba(59, 130, 246, 0.2); color: #93C5FD;
}
.c3[data-v-cf31eb11] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.c4[data-v-cf31eb11] { background: rgba(245, 158, 11, 0.2); color: #FCD34D;
}

/* Fórmula distancia */
.formula-distancia[data-v-cf31eb11] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.triangulos-famosos[data-v-cf31eb11] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.triangulo[data-v-cf31eb11] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Operaciones vectores */
.operaciones-resumen[data-v-cf31eb11] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.op-item[data-v-cf31eb11] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
  min-width: 100px;
}
.op-tipo[data-v-cf31eb11] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.op-formula[data-v-cf31eb11] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Magnitud */
.magnitud-formula[data-v-cf31eb11] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  text-align: center;
}

/* Vector AB */
.vector-ab-formula[data-v-cf31eb11] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
}
.vector-ab-ejemplo[data-v-cf31eb11] {
  font-family: monospace;
  color: #C4B5FD;
  text-align: center;
  font-size: 0.9rem;
}

/* Tips finales */
.tips-finales[data-v-cf31eb11] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-cf31eb11] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-cf31eb11] {
  font-size: 1.25rem;
}
.tip-text[data-v-cf31eb11] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-cf31eb11] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-cf31eb11] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-cf31eb11] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-cf31eb11 1s ease-in-out infinite;
}
@keyframes bounce-cf31eb11 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-cf31eb11] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-82055f5d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.figura[data-v-82055f5d] {
  font-size: 2.5rem;
  transition: transform 0.3s ease;
}
.figura.original[data-v-82055f5d] {
  color: #93C5FD;
}
.figura.reflejada[data-v-82055f5d] {
  color: #6EE7B7;
  transform: scaleX(-1);
}
.eje-visual[data-v-82055f5d] {
  font-size: 3rem;
  color: #FCD34D;
  font-weight: 300;
  animation: pulse-eje-82055f5d 2s ease-in-out infinite;
}
@keyframes pulse-eje-82055f5d {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}

/* Colores */
.eje-color[data-v-82055f5d] {
  color: #FCD34D;
}
strong.negativo[data-v-82055f5d] {
  color: #FCA5A5;
}

/* Sección reflexión */
.reflexion-section[data-v-82055f5d] {
  margin: 1.5rem 0;
}
.reflexion-titulo[data-v-82055f5d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.plano-container[data-v-82055f5d] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-82055f5d] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.grid line[data-v-82055f5d] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje-reflexion[data-v-82055f5d] {
  stroke: #FCD34D;
  stroke-width: 2;
}
.label-eje-ref[data-v-82055f5d] {
  font-size: 5px;
  fill: #FCD34D;
  font-weight: 700;
}
.figura-original[data-v-82055f5d] {
  fill: rgba(147, 197, 253, 0.3);
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.figura-reflejada[data-v-82055f5d] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1.5;
}
.linea-correspondencia[data-v-82055f5d] {
  stroke: rgba(252, 211, 77, 0.4);
  stroke-width: 1;
}
.label-original[data-v-82055f5d] {
  font-size: 4px;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-reflejada[data-v-82055f5d] {
  font-size: 4px;
  fill: #6EE7B7;
  text-anchor: middle;
}
.reflexion-explicacion[data-v-82055f5d] {
  text-align: center;
  margin-top: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Propiedades */
.propiedades-section[data-v-82055f5d] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-82055f5d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-82055f5d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-82055f5d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-82055f5d] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-82055f5d] {
  display: flex;
  flex-direction: column;
}
.prop-nombre[data-v-82055f5d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.prop-desc[data-v-82055f5d] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ejemplos */
.ejemplos-section[data-v-82055f5d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-82055f5d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-82055f5d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-82055f5d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.ej-icono[data-v-82055f5d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-82055f5d] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-82055f5d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-82055f5d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-82055f5d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-82055f5d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-82055f5d] {
    gap: 1.5rem;
}
.figura[data-v-82055f5d] {
    font-size: 3rem;
}
.plano-svg[data-v-82055f5d] {
    max-width: 350px;
}
.propiedades-grid[data-v-82055f5d] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-82055f5d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.eje-x-color[data-v-92e6357b] {
  color: #F472B6;
}
.eje-y-color[data-v-92e6357b] {
  color: #60A5FA;
}
strong.negativo[data-v-92e6357b] {
  color: #FCA5A5;
}

/* Secciones de fórmula */
.formula-section[data-v-92e6357b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.formula-titulo[data-v-92e6357b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-icono[data-v-92e6357b] {
  font-size: 1.25rem;
}
.plano-formula[data-v-92e6357b] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-92e6357b] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.grid line[data-v-92e6357b] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-92e6357b] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.eje-x-line[data-v-92e6357b] {
  stroke: #F472B6;
  stroke-width: 2;
}
.eje-y-line[data-v-92e6357b] {
  stroke: #60A5FA;
  stroke-width: 2;
}
.punto-original[data-v-92e6357b] {
  fill: #93C5FD;
}
.punto-imagen[data-v-92e6357b] {
  fill: #6EE7B7;
}
.linea-correspondencia[data-v-92e6357b] {
  stroke: rgba(252, 211, 77, 0.5);
  stroke-width: 1;
}
.label-p[data-v-92e6357b] {
  font-size: 4px;
  fill: #93C5FD;
  font-weight: 600;
}
.label-p-prima[data-v-92e6357b] {
  font-size: 4px;
  fill: #6EE7B7;
  font-weight: 600;
}
.formula-box[data-v-92e6357b] {
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-box.eje-x[data-v-92e6357b] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.4);
}
.formula-box.eje-y[data-v-92e6357b] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.formula[data-v-92e6357b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-explicacion[data-v-92e6357b] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Resumen */
.resumen-section[data-v-92e6357b] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-92e6357b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-grid[data-v-92e6357b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.resumen-item[data-v-92e6357b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.resumen-item.eje-x[data-v-92e6357b] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.4);
}
.resumen-item.eje-y[data-v-92e6357b] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.resumen-eje[data-v-92e6357b] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.resumen-formula[data-v-92e6357b] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.resumen-cambio[data-v-92e6357b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-92e6357b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-92e6357b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-92e6357b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-92e6357b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg-small[data-v-92e6357b] {
    max-width: 200px;
}
.formula-section[data-v-92e6357b] {
    padding: 1.25rem;
}
}

/* Colores */
.recta-color[data-v-50a76021] {
  color: #A78BFA;
}
.intercambio[data-v-50a76021] {
  color: #FCD34D;
}
strong.negativo[data-v-50a76021] {
  color: #FCA5A5;
}

/* Secciones de fórmula */
.formula-section[data-v-50a76021] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.formula-titulo[data-v-50a76021] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-icono[data-v-50a76021] {
  font-size: 1.25rem;
}
.plano-formula[data-v-50a76021] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-50a76021] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.grid line[data-v-50a76021] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-50a76021] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.recta-reflexion[data-v-50a76021] {
  stroke: #A78BFA;
  stroke-width: 2;
}
.recta-reflexion-neg[data-v-50a76021] {
  stroke: #F472B6;
  stroke-width: 2;
}
.label-recta[data-v-50a76021] {
  font-size: 5px;
  fill: #A78BFA;
  font-weight: 700;
}
.label-recta-neg[data-v-50a76021] {
  font-size: 5px;
  fill: #F472B6;
  font-weight: 700;
}
.punto-original[data-v-50a76021] {
  fill: #93C5FD;
}
.punto-imagen[data-v-50a76021] {
  fill: #6EE7B7;
}
.linea-correspondencia[data-v-50a76021] {
  stroke: rgba(252, 211, 77, 0.5);
  stroke-width: 1;
}
.label-p[data-v-50a76021] {
  font-size: 4px;
  fill: #93C5FD;
  font-weight: 600;
}
.label-p-prima[data-v-50a76021] {
  font-size: 4px;
  fill: #6EE7B7;
  font-weight: 600;
}
.formula-box[data-v-50a76021] {
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.4);
}
.formula-box.negativa[data-v-50a76021] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.4);
}
.formula[data-v-50a76021] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-explicacion[data-v-50a76021] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Resumen tabla */
.resumen-section[data-v-50a76021] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-50a76021] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-50a76021] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-row[data-v-50a76021] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tabla-row.header[data-v-50a76021] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
}
.tabla-col[data-v-50a76021] {
  flex: 1;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tabla-col.eje[data-v-50a76021] {
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-col.formula[data-v-50a76021] {
  font-family: monospace;
}
.tabla-col.eje-x[data-v-50a76021] { color: #F472B6;
}
.tabla-col.eje-y[data-v-50a76021] { color: #60A5FA;
}
.tabla-col.recta-yx[data-v-50a76021] { color: #A78BFA;
}
.tabla-col.recta-ynx[data-v-50a76021] { color: #F472B6;
}

/* Tip */
.tip[data-v-50a76021] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-50a76021] {
  font-size: 1.25rem;
}
.tip-texto[data-v-50a76021] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-50a76021] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg-small[data-v-50a76021] {
    max-width: 200px;
}
.formula-section[data-v-50a76021] {
    padding: 1.25rem;
}
.tabla-col[data-v-50a76021] {
    font-size: 0.9rem;
}
}

.explorador[data-v-ad3c085d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Colores */
.original-color[data-v-ad3c085d] { color: #93C5FD;
}
.imagen-color[data-v-ad3c085d] { color: #6EE7B7;
}
.eje-color[data-v-ad3c085d] { color: #FCD34D;
}

/* Progreso */
.progreso-desafios[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ad3c085d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ad3c085d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ad3c085d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ad3c085d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ad3c085d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ad3c085d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ad3c085d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ad3c085d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular ===== */
.calcular-container[data-v-ad3c085d] {
  text-align: center;
}
.calcular-pregunta[data-v-ad3c085d] {
  margin-bottom: 1rem;
}
.pregunta-datos[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-ad3c085d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-label[data-v-ad3c085d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-ad3c085d] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: monospace;
}
.pregunta-texto[data-v-ad3c085d] {
  font-size: 1rem;
  color: #E9D5FF;
}
.input-coordenadas[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.coord-label[data-v-ad3c085d] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.coord-coma[data-v-ad3c085d] {
  font-size: 1.1rem;
  color: #C4B5FD;
  margin: 0 0.1rem;
}
.input-coord[data-v-ad3c085d] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord.correcto[data-v-ad3c085d] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-coord.incorrecto[data-v-ad3c085d] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-ad3c085d] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: 0.5rem;
}
.btn-verificar-inline[data-v-ad3c085d]:disabled {
  background: rgba(139, 92, 246, 0.3);
  cursor: not-allowed;
}
.ayuda-formula[data-v-ad3c085d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Identificar ===== */
.identificar-container[data-v-ad3c085d] {
  text-align: center;
}
.identificar-pregunta[data-v-ad3c085d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-visual[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-ad3c085d] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.grid line[data-v-ad3c085d] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-ad3c085d] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.punto-a-svg[data-v-ad3c085d] {
  fill: #93C5FD;
}
.punto-b-svg[data-v-ad3c085d] {
  fill: #6EE7B7;
}
.linea-correspondencia[data-v-ad3c085d] {
  stroke: rgba(252, 211, 77, 0.5);
  stroke-width: 1;
}
.label-punto-a[data-v-ad3c085d] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.label-punto-b[data-v-ad3c085d] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.opciones-eje[data-v-ad3c085d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-ad3c085d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-ad3c085d]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-ad3c085d] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-ad3c085d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-ad3c085d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Colocar ===== */
.colocar-container[data-v-ad3c085d] {
  text-align: center;
}
.colocar-pregunta[data-v-ad3c085d] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-interactivo[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
  cursor: crosshair;
}
.plano-svg[data-v-ad3c085d] {
  width: 100%;
  max-width: 260px;
  height: auto;
  touch-action: none;
}
.eje.destacado[data-v-ad3c085d] {
  stroke: #FCD34D;
  stroke-width: 2;
}
.recta-diagonal[data-v-ad3c085d] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.recta-diagonal.destacado[data-v-ad3c085d] {
  stroke: #FCD34D;
  stroke-width: 2;
}
.flecha[data-v-ad3c085d] {
  fill: #8B5CF6;
}
.num-eje[data-v-ad3c085d] {
  font-size: 4px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.num-eje.neg[data-v-ad3c085d] {
  fill: #FCA5A5;
}
.label-eje[data-v-ad3c085d] {
  font-size: 5px;
  fill: #FFFFFF;
  font-weight: 700;
}
.punto-original-fijo[data-v-ad3c085d] {
  fill: #93C5FD;
}
.label-original[data-v-ad3c085d] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.punto-objetivo[data-v-ad3c085d] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1;
  stroke-dasharray: 2,2;
}
.punto-usuario[data-v-ad3c085d] {
  fill: #8B5CF6;
  transition: all 0.2s ease;
}
.punto-usuario.correcto[data-v-ad3c085d] {
  fill: #10B981;
}
.punto-usuario.incorrecto[data-v-ad3c085d] {
  fill: #EF4444;
}
.punto-info[data-v-ad3c085d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.botones-d3[data-v-ad3c085d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.btn-verificar[data-v-ad3c085d] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-pista[data-v-ad3c085d] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback[data-v-ad3c085d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-ad3c085d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-ad3c085d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-ad3c085d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ad3c085d] { font-size: 1.25rem;
}
.resultado-texto[data-v-ad3c085d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-ad3c085d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ad3c085d] { flex: 1;
}
.nav-btn[data-v-ad3c085d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ad3c085d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ad3c085d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ad3c085d] { font-size: 1.75rem;
}
.completado-texto[data-v-ad3c085d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ad3c085d], .slide-leave-active[data-v-ad3c085d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ad3c085d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ad3c085d] { opacity: 0; transform: translateX(-15px);
}

/* Concepto principal */
.concepto-principal[data-v-105c6426] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.concepto-icono[data-v-105c6426] {
  font-size: 2rem;
}
.concepto-texto[data-v-105c6426] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.destacado[data-v-105c6426] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-105c6426] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-105c6426] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-105c6426] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-105c6426] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.formula-card.eje-x[data-v-105c6426] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.4);
}
.formula-card.eje-y[data-v-105c6426] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.formula-card.recta-yx[data-v-105c6426] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.4);
}
.formula-card.recta-ynx[data-v-105c6426] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.formula-nombre[data-v-105c6426] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-105c6426] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula-hint[data-v-105c6426] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-105c6426] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-105c6426] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-105c6426] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comparacion-item[data-v-105c6426] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comparacion-item.reflexion[data-v-105c6426] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.comparacion-item.traslacion[data-v-105c6426] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.comp-nombre[data-v-105c6426] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  text-align: center;
}
.comp-caracteristica[data-v-105c6426] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}

/* Tips */
.tips-section[data-v-105c6426] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-105c6426] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-105c6426] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-105c6426] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.tip-num[data-v-105c6426] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-105c6426] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-105c6426] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-105c6426] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-105c6426] {
  font-size: 1.75rem;
}
.final-texto[data-v-105c6426] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-105c6426] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-expr[data-v-105c6426] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-23095c41] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 1.5rem;
}
.figura-rotando[data-v-23095c41] {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.triangulo[data-v-23095c41] {
  font-size: 2.5rem;
  color: #93C5FD;
  animation: rotar-23095c41 4s linear infinite;
  transform-origin: 50% 100%;
}
@keyframes rotar-23095c41 {
from { transform: rotate(0deg) translateY(-10px);
}
to { transform: rotate(360deg) translateY(-10px);
}
}
.centro-rotacion[data-v-23095c41] {
  position: absolute;
  font-size: 1rem;
  color: #F472B6;
}

/* Colores */
.centro-color[data-v-23095c41] { color: #F472B6;
}
.angulo-color[data-v-23095c41] { color: #FCD34D;
}
.sentido-pos[data-v-23095c41] { color: #6EE7B7;
}
.sentido-neg[data-v-23095c41] { color: #FCA5A5;
}
strong.positivo[data-v-23095c41] { color: #6EE7B7;
}

/* Sección rotación */
.rotacion-section[data-v-23095c41] {
  margin: 1.5rem 0;
}
.rotacion-titulo[data-v-23095c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.plano-container[data-v-23095c41] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-23095c41] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.grid line[data-v-23095c41] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-23095c41] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.centro-svg[data-v-23095c41] {
  fill: #F472B6;
}
.label-centro[data-v-23095c41] {
  font-size: 5px;
  fill: #F472B6;
  font-weight: 700;
}
.figura-original[data-v-23095c41] {
  fill: rgba(147, 197, 253, 0.3);
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.figura-rotada[data-v-23095c41] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1.5;
}
.arco-rotacion[data-v-23095c41] {
  stroke: #FCD34D;
  stroke-width: 1.5;
  stroke-dasharray: 4,2;
}
.label-original[data-v-23095c41] {
  font-size: 4px;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-rotada[data-v-23095c41] {
  font-size: 4px;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-angulo[data-v-23095c41] {
  font-size: 5px;
  fill: #FCD34D;
  font-weight: 700;
}
.rotacion-explicacion[data-v-23095c41] {
  text-align: center;
  margin-top: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Elementos */
.elementos-section[data-v-23095c41] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-23095c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-23095c41] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.elemento[data-v-23095c41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.elem-icono[data-v-23095c41] {
  font-size: 1.25rem;
}
.elem-contenido[data-v-23095c41] {
  display: flex;
  flex-direction: column;
}
.elem-nombre[data-v-23095c41] {
  font-weight: 700;
  font-size: 0.85rem;
}
.elem-desc[data-v-23095c41] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Propiedades */
.propiedades-section[data-v-23095c41] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-23095c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-23095c41] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-23095c41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-23095c41] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-23095c41] {
  display: flex;
  flex-direction: column;
}
.prop-nombre[data-v-23095c41] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.prop-desc[data-v-23095c41] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ejemplos */
.ejemplos-section[data-v-23095c41] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-23095c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-23095c41] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-23095c41] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.ej-icono[data-v-23095c41] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-23095c41] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-23095c41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-23095c41] {
  font-size: 1.25rem;
}
.tip-texto[data-v-23095c41] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-23095c41] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo[data-v-23095c41] {
    font-size: 3rem;
}
.plano-svg[data-v-23095c41] {
    max-width: 320px;
}
.propiedades-grid[data-v-23095c41] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-23095c41] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.angulo-color[data-v-e81627f6] { color: #FCD34D;
}
.positivo[data-v-e81627f6] { color: #6EE7B7;
}
.negativo[data-v-e81627f6] { color: #FCA5A5;
}
.neutro[data-v-e81627f6] { color: #C4B5FD;
}
.resultado[data-v-e81627f6] { color: #6EE7B7;
}

/* Sección ángulos */
.angulos-section[data-v-e81627f6] {
  margin: 1.5rem 0;
}
.angulos-titulo[data-v-e81627f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}

/* Card de ángulo */
.angulo-card[data-v-e81627f6] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.angulo-header[data-v-e81627f6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.angulo-grados[data-v-e81627f6] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.angulo-sentido[data-v-e81627f6] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
}
.angulo-sentido.positivo[data-v-e81627f6] {
  background: rgba(110, 231, 183, 0.2);
}
.angulo-sentido.negativo[data-v-e81627f6] {
  background: rgba(252, 165, 165, 0.2);
}
.angulo-sentido.neutro[data-v-e81627f6] {
  background: rgba(196, 181, 253, 0.2);
}
.angulo-visual[data-v-e81627f6] {
  display: flex;
  justify-content: center;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.angulo-svg[data-v-e81627f6] {
  width: 120px;
  height: 120px;
}
.eje[data-v-e81627f6] {
  stroke: rgba(139, 92, 246, 0.4);
  stroke-width: 0.5;
}
.centro[data-v-e81627f6] {
  fill: #F472B6;
}
.punto-original[data-v-e81627f6] {
  fill: #93C5FD;
}
.punto-imagen[data-v-e81627f6] {
  fill: #6EE7B7;
}
.arco[data-v-e81627f6] {
  stroke: #FCD34D;
  stroke-width: 1.5;
  stroke-dasharray: 3,2;
}
.label-p[data-v-e81627f6] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.label-p-prima[data-v-e81627f6] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.angulo-formula[data-v-e81627f6] {
  text-align: center;
  margin-bottom: 0.25rem;
}
.formula-texto[data-v-e81627f6] {
  font-family: monospace;
  font-size: 1rem;
  color: #E9D5FF;
}
.angulo-ejemplo[data-v-e81627f6] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Resumen */
.resumen-section[data-v-e81627f6] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-e81627f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-e81627f6] {
  overflow-x: auto;
}
.tabla-formulas[data-v-e81627f6] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.tabla-formulas th[data-v-e81627f6] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-formulas td[data-v-e81627f6] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
}
.angulo-cell[data-v-e81627f6] {
  color: #FCD34D;
  font-weight: 700;
}
.formula-cell[data-v-e81627f6] {
  color: #6EE7B7;
  font-family: monospace;
  font-weight: 700;
}
.regla-cell[data-v-e81627f6] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-e81627f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e81627f6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e81627f6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e81627f6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.angulos-section[data-v-e81627f6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}
.angulos-titulo[data-v-e81627f6] {
    grid-column: 1 / -1;
}
.angulo-card[data-v-e81627f6] {
    margin-bottom: 0;
}
.angulo-svg[data-v-e81627f6] {
    width: 100px;
    height: 100px;
}
}

/* Colores */
.centro-color[data-v-503e582b] { color: #F472B6;
}
.angulo-color[data-v-503e582b] { color: #FCD34D;
}
.original-color[data-v-503e582b] { color: #93C5FD;
}
.imagen-color[data-v-503e582b] { color: #6EE7B7;
}
.resultado[data-v-503e582b] { color: #6EE7B7;
}
.positivo[data-v-503e582b] { color: #6EE7B7;
}
.formula-text[data-v-503e582b] { font-family: monospace;
}

/* Proceso */
.proceso-section[data-v-503e582b] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-503e582b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-proceso[data-v-503e582b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-proceso[data-v-503e582b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.paso-num[data-v-503e582b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.paso-texto[data-v-503e582b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplos */
.ejemplo-section[data-v-503e582b] {
  margin: 1.25rem 0;
}
.ejemplo-titulo[data-v-503e582b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-card[data-v-503e582b] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-503e582b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-solucion[data-v-503e582b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sol-paso[data-v-503e582b] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.sol-label[data-v-503e582b] {
  color: #C4B5FD;
  min-width: 70px;
  flex-shrink: 0;
}
.sol-valor[data-v-503e582b] {
  color: #E9D5FF;
}
.sol-resultado[data-v-503e582b] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

/* Equivalencias */
.equivalencias-section[data-v-503e582b] {
  margin: 1.5rem 0;
}
.equiv-titulo[data-v-503e582b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.equiv-grid[data-v-503e582b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.equiv-item[data-v-503e582b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.equiv-izq[data-v-503e582b] {
  color: #FCA5A5;
  font-weight: 600;
}
.equiv-igual[data-v-503e582b] {
  color: #C4B5FD;
}
.equiv-der[data-v-503e582b] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Tip */
.tip[data-v-503e582b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-503e582b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-503e582b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-503e582b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.equiv-grid[data-v-503e582b] {
    flex-direction: row;
    justify-content: space-between;
}
.equiv-item[data-v-503e582b] {
    flex: 1;
}
}

.explorador[data-v-646373cc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Colores */
.original-color[data-v-646373cc] { color: #93C5FD;
}
.imagen-color[data-v-646373cc] { color: #6EE7B7;
}
.angulo-color[data-v-646373cc] { color: #FCD34D;
}

/* Progreso */
.progreso-desafios[data-v-646373cc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-646373cc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-646373cc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-646373cc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-646373cc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-646373cc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-646373cc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-646373cc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-646373cc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular ===== */
.calcular-container[data-v-646373cc] {
  text-align: center;
}
.calcular-pregunta[data-v-646373cc] {
  margin-bottom: 1rem;
}
.pregunta-datos[data-v-646373cc] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-646373cc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-label[data-v-646373cc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-646373cc] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: monospace;
}
.pregunta-texto[data-v-646373cc] {
  font-size: 1rem;
  color: #E9D5FF;
}
.input-coordenadas[data-v-646373cc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.coord-label[data-v-646373cc] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.coord-coma[data-v-646373cc] {
  font-size: 1.1rem;
  color: #C4B5FD;
  margin: 0 0.1rem;
}
.input-coord[data-v-646373cc] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord.correcto[data-v-646373cc] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-coord.incorrecto[data-v-646373cc] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-646373cc] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: 0.5rem;
}
.btn-verificar-inline[data-v-646373cc]:disabled {
  background: rgba(139, 92, 246, 0.3);
  cursor: not-allowed;
}
.ayuda-formula[data-v-646373cc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Identificar ===== */
.identificar-container[data-v-646373cc] {
  text-align: center;
}
.identificar-pregunta[data-v-646373cc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-visual[data-v-646373cc] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-646373cc] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.grid line[data-v-646373cc] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-646373cc] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.centro-svg[data-v-646373cc] {
  fill: #F472B6;
}
.punto-a-svg[data-v-646373cc] {
  fill: #93C5FD;
}
.punto-b-svg[data-v-646373cc] {
  fill: #6EE7B7;
}
.arco-indicador[data-v-646373cc] {
  stroke: rgba(252, 211, 77, 0.5);
  stroke-width: 1.5;
  stroke-dasharray: 4,2;
}
.label-punto-a[data-v-646373cc] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.label-punto-b[data-v-646373cc] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.opciones-angulo[data-v-646373cc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-646373cc] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-646373cc]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-646373cc] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-646373cc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-646373cc] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Colocar ===== */
.colocar-container[data-v-646373cc] {
  text-align: center;
}
.colocar-pregunta[data-v-646373cc] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-interactivo[data-v-646373cc] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
  cursor: crosshair;
}
.plano-svg[data-v-646373cc] {
  width: 100%;
  max-width: 260px;
  height: auto;
  touch-action: none;
}
.flecha[data-v-646373cc] {
  fill: #8B5CF6;
}
.num-eje[data-v-646373cc] {
  font-size: 4px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.num-eje.neg[data-v-646373cc] {
  fill: #FCA5A5;
}
.label-eje[data-v-646373cc] {
  font-size: 5px;
  fill: #FFFFFF;
  font-weight: 700;
}
.punto-original-fijo[data-v-646373cc] {
  fill: #93C5FD;
}
.label-original[data-v-646373cc] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.punto-objetivo[data-v-646373cc] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1;
  stroke-dasharray: 2,2;
}
.punto-usuario[data-v-646373cc] {
  fill: #8B5CF6;
  transition: all 0.2s ease;
}
.punto-usuario.correcto[data-v-646373cc] {
  fill: #10B981;
}
.punto-usuario.incorrecto[data-v-646373cc] {
  fill: #EF4444;
}
.punto-info[data-v-646373cc] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.botones-d3[data-v-646373cc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.btn-verificar[data-v-646373cc] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-pista[data-v-646373cc] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback[data-v-646373cc] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-646373cc] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-646373cc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-646373cc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-646373cc] { font-size: 1.25rem;
}
.resultado-texto[data-v-646373cc] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-646373cc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-646373cc] { flex: 1;
}
.nav-btn[data-v-646373cc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-646373cc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-646373cc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-646373cc] { font-size: 1.75rem;
}
.completado-texto[data-v-646373cc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-646373cc], .slide-leave-active[data-v-646373cc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-646373cc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-646373cc] { opacity: 0; transform: translateX(-15px);
}

/* Concepto principal */
.concepto-principal[data-v-9fb9da5f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.concepto-icono[data-v-9fb9da5f] {
  font-size: 2rem;
}
.concepto-texto[data-v-9fb9da5f] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.destacado[data-v-9fb9da5f] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-9fb9da5f] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-9fb9da5f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-9fb9da5f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-9fb9da5f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.formula-card.rot-90[data-v-9fb9da5f] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.formula-card.rot-180[data-v-9fb9da5f] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.4);
}
.formula-card.rot-270[data-v-9fb9da5f] {
  background: rgba(167, 139, 250, 0.15);
  border: 1px solid rgba(167, 139, 250, 0.4);
}
.formula-card.rot-90-cw[data-v-9fb9da5f] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.formula-nombre[data-v-9fb9da5f] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-9fb9da5f] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula-hint[data-v-9fb9da5f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-9fb9da5f] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9fb9da5f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9fb9da5f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.comparacion-item[data-v-9fb9da5f] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comparacion-item.traslacion[data-v-9fb9da5f] {
  background: rgba(110, 231, 183, 0.1);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.comparacion-item.reflexion[data-v-9fb9da5f] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.comparacion-item.rotacion[data-v-9fb9da5f] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-nombre[data-v-9fb9da5f] {
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.comp-caracteristica[data-v-9fb9da5f] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}

/* Equivalencias */
.equivalencias-section[data-v-9fb9da5f] {
  margin: 1.5rem 0;
}
.equiv-titulo[data-v-9fb9da5f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.equiv-lista[data-v-9fb9da5f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.equiv-item[data-v-9fb9da5f] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid #8B5CF6;
}
.equiv-desc[data-v-9fb9da5f] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tips */
.tips-section[data-v-9fb9da5f] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-9fb9da5f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-9fb9da5f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9fb9da5f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.tip-num[data-v-9fb9da5f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-9fb9da5f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9fb9da5f] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-9fb9da5f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-9fb9da5f] {
  font-size: 1.75rem;
}
.final-texto[data-v-9fb9da5f] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-9fb9da5f] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-expr[data-v-9fb9da5f] {
    font-size: 0.9rem;
}
.comparacion-grid[data-v-9fb9da5f] {
    gap: 0.75rem;
}
.comp-nombre[data-v-9fb9da5f] {
    font-size: 0.85rem;
}
.comp-caracteristica[data-v-9fb9da5f] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-c5dce41d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.triangulo-intro[data-v-c5dce41d] {
  width: 100%;
  max-width: 280px;
}
.triangulo-svg[data-v-c5dce41d] {
  width: 100%;
  height: auto;
}
.label-svg[data-v-c5dce41d] {
  font-size: 12px;
  font-weight: 600;
  fill: #E9D5FF;
}
.label-svg.cateto[data-v-c5dce41d] {
  fill: #6EE7B7;
}
.label-svg.hipotenusa[data-v-c5dce41d] {
  fill: #FCA5A5;
}

/* Fórmula principal */
.formula-principal[data-v-c5dce41d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-c5dce41d] {
  font-size: 2rem;
}
.formula-contenido[data-v-c5dce41d] {
  flex: 1;
}
.formula-titulo[data-v-c5dce41d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-c5dce41d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.formula-nota[data-v-c5dce41d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}
.cateto-color[data-v-c5dce41d] {
  color: #6EE7B7;
}
.hipotenusa-color[data-v-c5dce41d] {
  color: #FCA5A5;
}

/* Partes del triángulo */
.partes-section[data-v-c5dce41d] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-c5dce41d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-c5dce41d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte-item[data-v-c5dce41d] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.parte-item.catetos[data-v-c5dce41d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.parte-item.hipotenusa[data-v-c5dce41d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.parte-nombre[data-v-c5dce41d] {
  font-weight: 700;
  font-size: 1rem;
}
.parte-item.catetos .parte-nombre[data-v-c5dce41d] {
  color: #6EE7B7;
}
.parte-item.hipotenusa .parte-nombre[data-v-c5dce41d] {
  color: #FCA5A5;
}
.parte-desc[data-v-c5dce41d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-c5dce41d] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-c5dce41d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-c5dce41d] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.ejemplo-triangulo[data-v-c5dce41d] {
  width: 140px;
}
.ejemplo-svg[data-v-c5dce41d] {
  width: 100%;
  height: auto;
}
.label-num[data-v-c5dce41d] {
  font-size: 14px;
  font-weight: 700;
  fill: #FFFFFF;
}
.ejemplo-calculo[data-v-c5dce41d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calc-linea[data-v-c5dce41d] {
  font-size: 1.1rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
}
.calc-linea.resultado[data-v-c5dce41d] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tip */
.tip[data-v-c5dce41d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c5dce41d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c5dce41d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c5dce41d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-intro[data-v-c5dce41d] {
    max-width: 320px;
}
.formula-expresion[data-v-c5dce41d] {
    font-size: 1.75rem;
}
.partes-grid[data-v-c5dce41d] {
    flex-direction: row;
}
.parte-item[data-v-c5dce41d] {
    flex: 1;
}
.ejemplo-contenido[data-v-c5dce41d] {
    justify-content: flex-start;
}
}

/* Demostración visual */
.demostracion-visual[data-v-7c66911d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.5rem 0;
  gap: 1rem;
}
.cuadrados-demo[data-v-7c66911d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.cuadrado-grupo[data-v-7c66911d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cuadrado[data-v-7c66911d] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid;
  border-radius: 4px;
}
.cuadrado-a[data-v-7c66911d] {
  width: 45px;
  height: 45px;
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.cuadrado-b[data-v-7c66911d] {
  width: 60px;
  height: 60px;
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.cuadrado-c[data-v-7c66911d] {
  width: 75px;
  height: 75px;
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.cuadrado-label[data-v-7c66911d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.signo[data-v-7c66911d], .signo-igual[data-v-7c66911d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #C4B5FD;
}
.signo-igual[data-v-7c66911d] {
  color: #FCD34D;
}
.demo-explicacion[data-v-7c66911d] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  color: #E9D5FF;
}

/* Pasos explicación */
.pasos-explicacion[data-v-7c66911d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.paso-exp[data-v-7c66911d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-numero[data-v-7c66911d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-numero.verde[data-v-7c66911d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.paso-numero.rojo[data-v-7c66911d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.paso-contenido[data-v-7c66911d] {
  display: flex;
  flex-direction: column;
}
.paso-titulo[data-v-7c66911d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-valor[data-v-7c66911d] {
  font-size: 1rem;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}

/* Colores inline */
.verde[data-v-7c66911d] {
  color: #6EE7B7;
}
.rojo[data-v-7c66911d] {
  color: #FCA5A5;
}

/* Conclusión */
.conclusion-box[data-v-7c66911d] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.conclusion-ecuacion[data-v-7c66911d] {
  font-size: 1.75rem;
  font-weight: 800;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.5rem;
}
.conclusion-texto[data-v-7c66911d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Idea clave */
.idea-clave[data-v-7c66911d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.idea-icono[data-v-7c66911d] {
  font-size: 1.5rem;
}
.idea-titulo[data-v-7c66911d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.idea-texto[data-v-7c66911d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-7c66911d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7c66911d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7c66911d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7c66911d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuadrado-a[data-v-7c66911d] {
    width: 54px;
    height: 54px;
}
.cuadrado-b[data-v-7c66911d] {
    width: 72px;
    height: 72px;
}
.cuadrado-c[data-v-7c66911d] {
    width: 90px;
    height: 90px;
}
.cuadrado-label[data-v-7c66911d] {
    font-size: 0.8rem;
}
.conclusion-ecuacion[data-v-7c66911d] {
    font-size: 2rem;
}
}

/* Colores */
.cateto-color[data-v-db543423] {
  color: #6EE7B7;
}
.hipotenusa-color[data-v-db543423] {
  color: #FCA5A5;
}

/* Fórmula box */
.formula-box[data-v-db543423] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-db543423] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-expresion[data-v-db543423] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}

/* Ejemplo section */
.ejemplo-section[data-v-db543423] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-db543423] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-db543423] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-db543423] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-db543423] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.triangulo-ejemplo[data-v-db543423] {
  width: 160px;
}
.triangulo-svg[data-v-db543423] {
  width: 100%;
  height: auto;
}
.label-svg[data-v-db543423] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.cateto[data-v-db543423] {
  fill: #6EE7B7;
}
.label-svg.hipotenusa[data-v-db543423] {
  fill: #FCA5A5;
}
.datos-problema[data-v-db543423] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato[data-v-db543423] {
  font-size: 1.1rem;
  font-family: 'Courier New', monospace;
}
.dato-nombre[data-v-db543423] {
  font-weight: 700;
}
.dato-valor[data-v-db543423] {
  color: #FFFFFF;
}

/* Solución pasos */
.solucion-pasos[data-v-db543423] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  padding-top: 1rem;
}
.solucion-titulo[data-v-db543423] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.paso-solucion[data-v-db543423] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
}
.paso-solucion.final[data-v-db543423] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-db543423] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-db543423] {
  flex: 1;
}
.paso-desc[data-v-db543423] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-db543423] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Resultado final */
.resultado-final[data-v-db543423] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.resultado-label[data-v-db543423] {
  font-weight: 700;
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.resultado-valor[data-v-db543423] {
  color: #FFFFFF;
}

/* Ternas pitagóricas */
.ternas-section[data-v-db543423] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ternas-titulo[data-v-db543423] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.ternas-desc[data-v-db543423] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ternas-grid[data-v-db543423] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.terna[data-v-db543423] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-db543423] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-db543423] {
  font-size: 1.25rem;
}
.tip-texto[data-v-db543423] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-db543423] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-expresion[data-v-db543423] {
    font-size: 1.75rem;
}
.ejemplo-problema[data-v-db543423] {
    justify-content: flex-start;
}
.ternas-grid[data-v-db543423] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.cateto-color[data-v-f056bd8f] {
  color: #6EE7B7;
}
.hipotenusa-color[data-v-f056bd8f] {
  color: #FCA5A5;
}
.incognita-color[data-v-f056bd8f] {
  color: #93C5FD;
}

/* Fórmula box */
.formula-box[data-v-f056bd8f] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-f056bd8f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-expresion[data-v-f056bd8f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.formula-nota[data-v-f056bd8f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Alerta box */
.alerta-box[data-v-f056bd8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.alerta-icono[data-v-f056bd8f] {
  font-size: 1.5rem;
}
.alerta-titulo[data-v-f056bd8f] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.alerta-texto[data-v-f056bd8f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-f056bd8f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-f056bd8f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ejemplo-icono[data-v-f056bd8f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-f056bd8f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-f056bd8f] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.triangulo-ejemplo[data-v-f056bd8f] {
  width: 160px;
}
.triangulo-svg[data-v-f056bd8f] {
  width: 100%;
  height: auto;
}
.label-svg[data-v-f056bd8f] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.cateto[data-v-f056bd8f] {
  fill: #6EE7B7;
}
.label-svg.hipotenusa[data-v-f056bd8f] {
  fill: #FCA5A5;
}
.label-svg.incognita[data-v-f056bd8f] {
  fill: #93C5FD;
}
.datos-problema[data-v-f056bd8f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dato[data-v-f056bd8f] {
  font-size: 1.1rem;
  font-family: 'Courier New', monospace;
}
.dato-nombre[data-v-f056bd8f] {
  font-weight: 700;
}
.dato-valor[data-v-f056bd8f] {
  color: #FFFFFF;
}

/* Solución pasos */
.solucion-pasos[data-v-f056bd8f] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  padding-top: 1rem;
}
.solucion-titulo[data-v-f056bd8f] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.paso-solucion[data-v-f056bd8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
}
.paso-solucion.final[data-v-f056bd8f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-f056bd8f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-f056bd8f] {
  flex: 1;
}
.paso-desc[data-v-f056bd8f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-f056bd8f] {
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}

/* Resultado final */
.resultado-final[data-v-f056bd8f] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.resultado-label[data-v-f056bd8f] {
  font-weight: 700;
  color: #6EE7B7;
  margin-right: 0.5rem;
}
.resultado-valor[data-v-f056bd8f] {
  color: #FFFFFF;
}

/* Verificación */
.verificacion-box[data-v-f056bd8f] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.verificacion-titulo[data-v-f056bd8f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.verificacion-calc[data-v-f056bd8f] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0.25rem 0;
}

/* Tip */
.tip[data-v-f056bd8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f056bd8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f056bd8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f056bd8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-expresion[data-v-f056bd8f] {
    font-size: 1.75rem;
}
.ejemplo-problema[data-v-f056bd8f] {
    justify-content: flex-start;
}
}

.explorador[data-v-1fbbe99c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1fbbe99c] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1fbbe99c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1fbbe99c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1fbbe99c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1fbbe99c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1fbbe99c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1fbbe99c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1fbbe99c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1fbbe99c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-1fbbe99c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.triangulo-svg[data-v-1fbbe99c] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.label-svg[data-v-1fbbe99c] {
  font-size: 14px;
  font-weight: 700;
}
.label-svg.cateto[data-v-1fbbe99c] {
  fill: #6EE7B7;
}
.label-svg.hipotenusa[data-v-1fbbe99c] {
  fill: #FCA5A5;
}
.label-svg.incognita[data-v-1fbbe99c] {
  fill: #93C5FD;
}

/* Input section */
.input-section[data-v-1fbbe99c] {
  margin: 1rem 0;
}
.formula-hint[data-v-1fbbe99c] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.input-row[data-v-1fbbe99c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-1fbbe99c] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-1fbbe99c] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-1fbbe99c] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-1fbbe99c] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-1fbbe99c] {
  color: #C4B5FD;
  font-size: 1rem;
}
.btn-verificar[data-v-1fbbe99c] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-1fbbe99c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-incorrecto[data-v-1fbbe99c] {
  text-align: center;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* Desafío 3: Identificar */
.identificar-pregunta[data-v-1fbbe99c] {
  text-align: center;
  color: #E9D5FF;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.lados-mostrar[data-v-1fbbe99c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.lado[data-v-1fbbe99c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.lado-separador[data-v-1fbbe99c] {
  color: #C4B5FD;
  font-size: 1.5rem;
}
.verificacion-calculo[data-v-1fbbe99c] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.opciones-identificar[data-v-1fbbe99c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.btn-opcion[data-v-1fbbe99c] {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-opcion.seleccionado[data-v-1fbbe99c] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-1fbbe99c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion.incorrecto[data-v-1fbbe99c] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Desafío 4: Aplicación */
.problema-aplicacion[data-v-1fbbe99c] {
  margin-bottom: 1rem;
}
.problema-texto[data-v-1fbbe99c] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-imagen[data-v-1fbbe99c] {
  display: flex;
  justify-content: center;
}
.aplicacion-svg[data-v-1fbbe99c] {
  width: 100%;
  max-width: 200px;
  height: auto;
}

/* Resultado correcto */
.resultado-correcto[data-v-1fbbe99c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1fbbe99c] { font-size: 1.25rem;
}
.resultado-texto[data-v-1fbbe99c] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-1fbbe99c] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-1fbbe99c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1fbbe99c] { flex: 1;
}
.nav-btn[data-v-1fbbe99c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1fbbe99c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1fbbe99c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1fbbe99c] { font-size: 1.75rem;
}
.completado-texto[data-v-1fbbe99c] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1fbbe99c], .slide-leave-active[data-v-1fbbe99c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1fbbe99c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1fbbe99c] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-5f72de88] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5f72de88] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5f72de88] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-5f72de88] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-5f72de88] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-5f72de88] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-5f72de88]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-5f72de88] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.5);
}
.resumen-card.wide[data-v-5f72de88] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-5f72de88] {
    grid-column: span 1;
}
}
.card-header[data-v-5f72de88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-5f72de88] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5f72de88] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-5f72de88] {
  color: #E9D5FF;
}
.card-nota[data-v-5f72de88] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmula grande */
.formula-grande[data-v-5f72de88] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: 'Courier New', monospace;
  text-align: center;
  padding: 0.5rem;
}
.cateto[data-v-5f72de88] {
  color: #6EE7B7;
}
.hipotenusa[data-v-5f72de88] {
  color: #FCA5A5;
}

/* Partes lista */
.partes-lista[data-v-5f72de88] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte[data-v-5f72de88] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
}
.parte.catetos[data-v-5f72de88] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.parte.catetos strong[data-v-5f72de88] {
  color: #6EE7B7;
}
.parte.hipotenusa[data-v-5f72de88] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #FCA5A5;
}
.parte.hipotenusa strong[data-v-5f72de88] {
  color: #FCA5A5;
}

/* Casos grid */
.casos-grid[data-v-5f72de88] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.caso[data-v-5f72de88] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-titulo[data-v-5f72de88] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.caso-formula[data-v-5f72de88] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-desc[data-v-5f72de88] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ternas lista */
.ternas-lista[data-v-5f72de88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.terna[data-v-5f72de88] {
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 9999px;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}

/* Aplicaciones lista */
.aplicaciones-lista[data-v-5f72de88] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.aplicacion[data-v-5f72de88] {
  font-size: 0.85rem;
  padding: 0.25rem;
}

/* Tips finales */
.tips-finales[data-v-5f72de88] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-5f72de88] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-5f72de88] {
  font-size: 1.25rem;
}
.tip-text[data-v-5f72de88] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-5f72de88] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5f72de88] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5f72de88] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-5f72de88 1s ease-in-out infinite;
}
@keyframes bounce-5f72de88 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5f72de88] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-0d8a3794] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.trans-icon[data-v-0d8a3794] {
  font-size: 2.5rem;
  animation: float-0d8a3794 2s ease-in-out infinite;
}
.trans-icon[data-v-0d8a3794]:nth-child(2) {
  animation-delay: 0.3s;
}
.trans-icon[data-v-0d8a3794]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes float-0d8a3794 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Colores por transformación */
.traslacion-color[data-v-0d8a3794] { color: #93C5FD;
}
.reflexion-color[data-v-0d8a3794] { color: #F9A8D4;
}
.rotacion-color[data-v-0d8a3794] { color: #FCD34D;
}

/* Recordatorio */
.recordatorio-section[data-v-0d8a3794] {
  margin: 1.5rem 0;
}
.recordatorio-titulo[data-v-0d8a3794] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.transformaciones-grid[data-v-0d8a3794] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.transformaciones-grid[data-v-0d8a3794] {
    grid-template-columns: 1fr;
}
}
.trans-card[data-v-0d8a3794] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 2px solid;
}
.trans-card.traslacion[data-v-0d8a3794] {
  border-color: rgba(147, 197, 253, 0.4);
}
.trans-card.reflexion[data-v-0d8a3794] {
  border-color: rgba(249, 168, 212, 0.4);
}
.trans-card.rotacion[data-v-0d8a3794] {
  border-color: rgba(252, 211, 77, 0.4);
}
.trans-icono[data-v-0d8a3794] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.trans-nombre[data-v-0d8a3794] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.trans-desc[data-v-0d8a3794] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.trans-formula[data-v-0d8a3794] {
  font-size: 0.7rem;
  font-family: monospace;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Qué tienen en común */
.comun-section[data-v-0d8a3794] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.comun-titulo[data-v-0d8a3794] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.comun-contenido p[data-v-0d8a3794] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.propiedades-lista[data-v-0d8a3794] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prop-item[data-v-0d8a3794] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-check[data-v-0d8a3794] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Identificar transformaciones */
.identificar-section[data-v-0d8a3794] {
  margin: 1.5rem 0;
}
.identificar-titulo[data-v-0d8a3794] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.claves-grid[data-v-0d8a3794] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clave-item[data-v-0d8a3794] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  gap: 0.5rem;
}
.clave-pregunta[data-v-0d8a3794] {
  color: #E9D5FF;
  font-size: 0.85rem;
  flex: 1;
}
.clave-respuesta[data-v-0d8a3794] {
  font-weight: 700;
  font-size: 0.85rem;
  white-space: nowrap;
}

/* Ejemplo visual */
.ejemplo-section[data-v-0d8a3794] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-0d8a3794] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-plano[data-v-0d8a3794] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-0d8a3794] {
  width: 100%;
  max-width: 350px;
  height: auto;
}
.grid line[data-v-0d8a3794] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-0d8a3794] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.figura-original[data-v-0d8a3794] {
  fill: rgba(139, 92, 246, 0.3);
  stroke: #8B5CF6;
  stroke-width: 1.5;
}
.figura-traslacion[data-v-0d8a3794] {
  fill: rgba(147, 197, 253, 0.3);
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.figura-reflexion[data-v-0d8a3794] {
  fill: rgba(249, 168, 212, 0.3);
  stroke: #F9A8D4;
  stroke-width: 1.5;
}
.label-fig[data-v-0d8a3794] {
  font-size: 4px;
  fill: #C4B5FD;
  text-anchor: middle;
}
.label-tras[data-v-0d8a3794] {
  font-size: 4px;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-refl[data-v-0d8a3794] {
  font-size: 4px;
  fill: #F9A8D4;
  text-anchor: middle;
}
.ejemplo-nota[data-v-0d8a3794] {
  text-align: center;
  margin-top: 0.75rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-0d8a3794] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0d8a3794] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0d8a3794] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0d8a3794] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-0d8a3794] {
    gap: 2.5rem;
}
.trans-icon[data-v-0d8a3794] {
    font-size: 3rem;
}
.plano-svg[data-v-0d8a3794] {
    max-width: 400px;
}
}

/* Intro visual */
.intro-visual[data-v-a4cf09df] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  overflow-x: auto;
}
.trans-secuencia[data-v-a4cf09df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.fig[data-v-a4cf09df] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.fig.final[data-v-a4cf09df] {
  color: #6EE7B7;
}
.flecha[data-v-a4cf09df] {
  color: #8B5CF6;
  font-size: 1rem;
}
.trans-tipo[data-v-a4cf09df] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.trans-tipo.t1[data-v-a4cf09df] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.trans-tipo.t2[data-v-a4cf09df] {
  background: rgba(249, 168, 212, 0.2);
  color: #F9A8D4;
}

/* Colores */
strong.positivo[data-v-a4cf09df] { color: #6EE7B7;
}
strong.negativo[data-v-a4cf09df] { color: #FCA5A5;
}

/* Concepto */
.concepto-section[data-v-a4cf09df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-contenido p[data-v-a4cf09df] {
  color: #E9D5FF;
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.formula-composicion[data-v-a4cf09df] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  margin: 0.75rem 0;
}
.formula-texto[data-v-a4cf09df] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.nota[data-v-a4cf09df] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  margin: 0;
}

/* Ejemplo */
.ejemplo-section[data-v-a4cf09df] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-a4cf09df] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.problema[data-v-a4cf09df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.pasos-solucion[data-v-a4cf09df] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso[data-v-a4cf09df] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.paso-num[data-v-a4cf09df] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-a4cf09df] {
  flex: 1;
}
.paso-titulo[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.paso-calculo[data-v-a4cf09df] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resultado-final[data-v-a4cf09df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.res-label[data-v-a4cf09df] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.res-valor[data-v-a4cf09df] {
  font-family: monospace;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Visualización */
.visual-section[data-v-a4cf09df] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.plano-container[data-v-a4cf09df] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-a4cf09df] {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.grid line[data-v-a4cf09df] {
  stroke: rgba(139, 92, 246, 0.12);
  stroke-width: 0.5;
}
.eje[data-v-a4cf09df] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.eje-reflexion[data-v-a4cf09df] {
  stroke: rgba(249, 168, 212, 0.5);
  stroke-width: 2;
}
.punto-original[data-v-a4cf09df] {
  fill: #8B5CF6;
}
.punto-prima[data-v-a4cf09df] {
  fill: #93C5FD;
}
.punto-final[data-v-a4cf09df] {
  fill: #6EE7B7;
}
.label-punto[data-v-a4cf09df] {
  font-size: 5px;
  font-weight: 700;
}
.label-punto.original[data-v-a4cf09df] { fill: #C4B5FD;
}
.label-punto.prima[data-v-a4cf09df] { fill: #93C5FD;
}
.label-punto.final[data-v-a4cf09df] { fill: #6EE7B7;
}
.vector-traslacion[data-v-a4cf09df] {
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.linea-reflexion[data-v-a4cf09df] {
  stroke: #F9A8D4;
  stroke-width: 1;
}

/* Tipos comunes */
.tipos-section[data-v-a4cf09df] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-a4cf09df] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-a4cf09df] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-header[data-v-a4cf09df] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tipo-resultado[data-v-a4cf09df] {
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tipo-formula[data-v-a4cf09df] {
  font-family: monospace;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tip */
.tip[data-v-a4cf09df] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a4cf09df] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a4cf09df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a4cf09df] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg[data-v-a4cf09df] {
    max-width: 320px;
}
.tipos-grid[data-v-a4cf09df] {
    flex-direction: row;
}
.tipo-card[data-v-a4cf09df] {
    flex: 1;
}
}

/* Aplicaciones */
.aplicacion-section[data-v-9ddbbf5c] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.aplicacion-header[data-v-9ddbbf5c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.app-icono[data-v-9ddbbf5c] {
  font-size: 1.25rem;
}
.app-titulo[data-v-9ddbbf5c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.aplicacion-contenido[data-v-9ddbbf5c] {
  padding: 1rem;
}

/* Patrón visual */
.app-ejemplo[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}
@media (min-width: 500px) {
.app-ejemplo[data-v-9ddbbf5c] {
    flex-direction: row;
}
}
.patron-visual[data-v-9ddbbf5c] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.patron-grid[data-v-9ddbbf5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.p-item[data-v-9ddbbf5c] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.p-item.t[data-v-9ddbbf5c] {
  color: #C4B5FD;
}
.app-desc[data-v-9ddbbf5c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Simetría ejemplos */
.simetria-ejemplos[data-v-9ddbbf5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 500px) {
.simetria-ejemplos[data-v-9ddbbf5c] {
    grid-template-columns: repeat(4, 1fr);
}
}
.sim-item[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.sim-icono[data-v-9ddbbf5c] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.sim-texto[data-v-9ddbbf5c] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.sim-tipo[data-v-9ddbbf5c] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Videojuegos */
.juego-ejemplo[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}
@media (min-width: 500px) {
.juego-ejemplo[data-v-9ddbbf5c] {
    flex-direction: row;
    align-items: flex-start;
}
}
.juego-visual[data-v-9ddbbf5c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.personaje[data-v-9ddbbf5c] {
  font-size: 2rem;
}
.flechas[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.f-row[data-v-9ddbbf5c] {
  display: flex;
  gap: 1rem;
}

/* PAES problem */
.paes-section[data-v-9ddbbf5c] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.paes-header[data-v-9ddbbf5c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(245, 158, 11, 0.15);
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
}
.paes-icono[data-v-9ddbbf5c] {
  font-size: 1.25rem;
}
.paes-titulo[data-v-9ddbbf5c] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.paes-contenido[data-v-9ddbbf5c] {
  padding: 1rem;
}
.problema-texto[data-v-9ddbbf5c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.solucion[data-v-9ddbbf5c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-titulo[data-v-9ddbbf5c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.sol-pasos[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.sol-paso[data-v-9ddbbf5c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-num[data-v-9ddbbf5c] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.sol-texto[data-v-9ddbbf5c] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.sol-resultado[data-v-9ddbbf5c] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Estrategia */
.estrategia-section[data-v-9ddbbf5c] {
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-9ddbbf5c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-lista[data-v-9ddbbf5c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.est-item[data-v-9ddbbf5c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.est-num[data-v-9ddbbf5c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.est-texto[data-v-9ddbbf5c] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-9ddbbf5c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9ddbbf5c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9ddbbf5c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9ddbbf5c] {
  color: #6EE7B7;
}

.explorador[data-v-192b2600] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Colores */
.original-color[data-v-192b2600] { color: #93C5FD;
}
.imagen-color[data-v-192b2600] { color: #6EE7B7;
}

/* Progreso */
.progreso-desafios[data-v-192b2600] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-192b2600] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-192b2600] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-192b2600] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-192b2600] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-192b2600] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-192b2600] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-192b2600] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-192b2600] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Plano visual */
.plano-visual[data-v-192b2600] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-192b2600] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.grid line[data-v-192b2600] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-192b2600] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.punto-original-svg[data-v-192b2600] {
  fill: #93C5FD;
}
.punto-imagen-svg[data-v-192b2600] {
  fill: #6EE7B7;
}
.label-p[data-v-192b2600] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.label-pp[data-v-192b2600] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}
.linea-inversa[data-v-192b2600] {
  stroke: #FCD34D;
  stroke-width: 1.5;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-192b2600] {
  text-align: center;
}
.id-pregunta[data-v-192b2600] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-trans[data-v-192b2600] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-192b2600] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-192b2600]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-192b2600] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-192b2600] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-192b2600] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.opcion-btn[data-v-192b2600]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

/* ===== DESAFÍO 2: Composición ===== */
.composicion-container[data-v-192b2600] {
  text-align: center;
}
.comp-pregunta[data-v-192b2600] {
  margin-bottom: 1rem;
}
.comp-dato[data-v-192b2600] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.comp-pasos[data-v-192b2600] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.comp-paso[data-v-192b2600] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.comp-pregunta-texto[data-v-192b2600] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}
.input-coordenadas[data-v-192b2600] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.coord-label[data-v-192b2600] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-192b2600] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-192b2600] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.btn-signo[data-v-192b2600]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.coord-coma[data-v-192b2600] {
  font-size: 1.1rem;
  color: #C4B5FD;
  margin: 0 0.1rem;
}
.input-coord[data-v-192b2600] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord.correcto[data-v-192b2600] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-coord.incorrecto[data-v-192b2600] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-192b2600] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: 0.5rem;
}
.btn-verificar-inline[data-v-192b2600]:disabled {
  background: rgba(139, 92, 246, 0.3);
  cursor: not-allowed;
}
.ayuda-hint[data-v-192b2600] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Inversa ===== */
.inversa-container[data-v-192b2600] {
  text-align: center;
}
.inv-pregunta[data-v-192b2600] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Feedback y resultados */
.feedback[data-v-192b2600] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-192b2600] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-192b2600] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-192b2600] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-192b2600] { font-size: 1.25rem;
}
.resultado-texto[data-v-192b2600] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-192b2600] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-192b2600] { flex: 1;
}
.nav-btn[data-v-192b2600] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-192b2600] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-192b2600] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-192b2600] { font-size: 1.75rem;
}
.completado-texto[data-v-192b2600] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-192b2600], .slide-leave-active[data-v-192b2600] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-192b2600] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-192b2600] { opacity: 0; transform: translateX(-15px);
}

/* Colores */
.traslacion-color[data-v-7b10ca71] { color: #93C5FD;
}
.reflexion-color[data-v-7b10ca71] { color: #F9A8D4;
}
.rotacion-color[data-v-7b10ca71] { color: #FCD34D;
}

/* Intro */
.resumen-intro[data-v-7b10ca71] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-7b10ca71] {
  font-size: 2rem;
}
.resumen-intro p[data-v-7b10ca71] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-7b10ca71] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-7b10ca71] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-7b10ca71] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-7b10ca71]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-7b10ca71] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-7b10ca71] {
    grid-column: span 1;
}
}
.card-header[data-v-7b10ca71] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-7b10ca71] {
  font-size: 1.25rem;
}
.card-titulo[data-v-7b10ca71] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-7b10ca71] {
  color: #E9D5FF;
}

/* Transformaciones resumen */
.trans-resumen-grid[data-v-7b10ca71] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.trans-resumen-grid[data-v-7b10ca71] {
    grid-template-columns: 1fr;
}
}
.trans-item[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid;
}
.trans-item.traslacion[data-v-7b10ca71] { border-color: rgba(147, 197, 253, 0.4);
}
.trans-item.reflexion[data-v-7b10ca71] { border-color: rgba(249, 168, 212, 0.4);
}
.trans-item.rotacion[data-v-7b10ca71] { border-color: rgba(252, 211, 77, 0.4);
}
.trans-icono[data-v-7b10ca71] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.trans-nombre[data-v-7b10ca71] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.trans-formula[data-v-7b10ca71] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Identificar */
.identificar-lista[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.id-item[data-v-7b10ca71] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
}
.id-pregunta[data-v-7b10ca71] {
  color: #E9D5FF;
}
.id-resp[data-v-7b10ca71] {
  font-weight: 600;
}

/* Composición */
.comp-info[data-v-7b10ca71] {
  text-align: center;
}
.comp-def[data-v-7b10ca71] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}
.comp-formula[data-v-7b10ca71] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.comp-nota[data-v-7b10ca71] {
  margin: 0;
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Fórmulas */
.formulas-grid[data-v-7b10ca71] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 400px) {
.formulas-grid[data-v-7b10ca71] {
    grid-template-columns: 1fr;
}
}
.formula-item[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.form-nombre[data-v-7b10ca71] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.form-valor[data-v-7b10ca71] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}

/* Inversas */
.inversas-lista[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.inv-item[data-v-7b10ca71] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.inv-original[data-v-7b10ca71] {
  color: #E9D5FF;
  flex: 1;
}
.inv-flecha[data-v-7b10ca71] {
  color: #8B5CF6;
  font-weight: 700;
}
.inv-inversa[data-v-7b10ca71] {
  color: #6EE7B7;
  flex: 1;
  text-align: right;
}

/* Estrategia */
.estrategia-pasos[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.est-paso[data-v-7b10ca71] {
  font-size: 0.85rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-7b10ca71] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-7b10ca71] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-7b10ca71] {
  font-size: 1.25rem;
}
.tip-text[data-v-7b10ca71] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-7b10ca71] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-7b10ca71] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-7b10ca71] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-7b10ca71 1s ease-in-out infinite;
}
@keyframes bounce-7b10ca71 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-7b10ca71] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-7b10ca71] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-6ecf3826] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.figura[data-v-6ecf3826] {
  font-size: 2.5rem;
  transition: transform 0.3s ease;
}
.figura.original[data-v-6ecf3826] {
  color: #93C5FD;
}
.figura.trasladada[data-v-6ecf3826] {
  color: #6EE7B7;
}
.flecha-traslacion[data-v-6ecf3826] {
  font-size: 2rem;
  color: #FCD34D;
  animation: slide-6ecf3826 1.5s ease-in-out infinite;
}
@keyframes slide-6ecf3826 {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(10px); opacity: 0.6;
}
}

/* Colores */
.vector-color[data-v-6ecf3826] {
  color: #FCD34D;
}

/* Sección traslación */
.traslacion-section[data-v-6ecf3826] {
  margin: 1.5rem 0;
}
.traslacion-titulo[data-v-6ecf3826] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.plano-container[data-v-6ecf3826] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-6ecf3826] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.grid line[data-v-6ecf3826] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-6ecf3826] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.figura-original[data-v-6ecf3826] {
  fill: rgba(147, 197, 253, 0.3);
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.figura-trasladada[data-v-6ecf3826] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1.5;
}
.vector-traslacion[data-v-6ecf3826] {
  stroke: #FCD34D;
  stroke-width: 2;
  stroke-dasharray: 4,2;
}
.label-original[data-v-6ecf3826] {
  font-size: 4px;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-trasladada[data-v-6ecf3826] {
  font-size: 4px;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-vector[data-v-6ecf3826] {
  font-size: 4px;
  fill: #FCD34D;
  font-weight: 600;
}
.traslacion-explicacion[data-v-6ecf3826] {
  text-align: center;
  margin-top: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Propiedades */
.propiedades-section[data-v-6ecf3826] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-6ecf3826] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-6ecf3826] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-6ecf3826] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-6ecf3826] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-6ecf3826] {
  display: flex;
  flex-direction: column;
}
.prop-nombre[data-v-6ecf3826] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.prop-desc[data-v-6ecf3826] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Ejemplos */
.ejemplos-section[data-v-6ecf3826] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-6ecf3826] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-6ecf3826] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-6ecf3826] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.ej-icono[data-v-6ecf3826] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-6ecf3826] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-6ecf3826] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6ecf3826] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6ecf3826] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6ecf3826] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-6ecf3826] {
    gap: 2rem;
}
.figura[data-v-6ecf3826] {
    font-size: 3rem;
}
.plano-svg[data-v-6ecf3826] {
    max-width: 350px;
}
.propiedades-grid[data-v-6ecf3826] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-6ecf3826] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-41009a06] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.vector-simbolo[data-v-41009a06] {
  color: #FCD34D;
}
.vector-igual[data-v-41009a06] {
  color: #C4B5FD;
}
.vector-coords[data-v-41009a06] {
  color: #FFFFFF;
  font-family: monospace;
}

/* Colores */
.x-color[data-v-41009a06] { color: #93C5FD;
}
.y-color[data-v-41009a06] { color: #FCD34D;
}
.vector-color[data-v-41009a06] { color: #FCD34D;
}
.original-color[data-v-41009a06] { color: #93C5FD;
}
.imagen-color[data-v-41009a06] { color: #6EE7B7;
}

/* Vector section */
.vector-section[data-v-41009a06] {
  margin: 1.5rem 0;
}
.vector-titulo[data-v-41009a06] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.plano-container[data-v-41009a06] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-41009a06] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.grid line[data-v-41009a06] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-41009a06] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.punto-original[data-v-41009a06] {
  fill: #93C5FD;
}
.punto-imagen[data-v-41009a06] {
  fill: #6EE7B7;
}
.componente-x[data-v-41009a06] {
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.componente-y[data-v-41009a06] {
  stroke: #FCD34D;
  stroke-width: 1.5;
}
.vector-linea[data-v-41009a06] {
  stroke: #FCD34D;
  stroke-width: 2.5;
}
.label-punto[data-v-41009a06] {
  font-size: 4px;
  fill: #93C5FD;
  text-anchor: middle;
}
.label-imagen[data-v-41009a06] {
  font-size: 4px;
  fill: #6EE7B7;
  text-anchor: middle;
}
.label-comp[data-v-41009a06] {
  font-size: 4px;
  font-weight: 600;
}
.label-comp.x-color[data-v-41009a06] {
  fill: #93C5FD;
}
.label-comp.y-color[data-v-41009a06] {
  fill: #FCD34D;
}

/* Fórmula */
.formula-section[data-v-41009a06] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-41009a06] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-41009a06] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-principal[data-v-41009a06] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula-explicacion[data-v-41009a06] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.formula-parte[data-v-41009a06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.parte-label[data-v-41009a06] {
  font-family: monospace;
  font-weight: 700;
  font-size: 1rem;
}
.parte-desc[data-v-41009a06] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-41009a06] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-41009a06] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ejemplo-contenido[data-v-41009a06] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-dato[data-v-41009a06] {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}
.dato-label[data-v-41009a06] {
  color: #C4B5FD;
}
.dato-valor[data-v-41009a06] {
  font-weight: 700;
  font-family: monospace;
}
.ejemplo-calculo[data-v-41009a06] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.calc-linea[data-v-41009a06] {
  margin: 0.25rem 0;
}
.ejemplo-resultado[data-v-41009a06] {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.resultado-label[data-v-41009a06] {
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-valor[data-v-41009a06] {
  font-weight: 700;
  font-family: monospace;
}

/* Casos especiales */
.casos-section[data-v-41009a06] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-41009a06] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.casos-grid[data-v-41009a06] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caso[data-v-41009a06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.caso-vector[data-v-41009a06] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.caso-desc[data-v-41009a06] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-41009a06] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-41009a06] {
  font-size: 1.25rem;
}
.tip-texto[data-v-41009a06] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-41009a06] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg[data-v-41009a06] {
    max-width: 350px;
}
.casos-grid[data-v-41009a06] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores */
.vector-color[data-v-bd4d9f1f] { color: #FCD34D;
}
.original-color[data-v-bd4d9f1f] { color: #93C5FD;
}
.imagen-color[data-v-bd4d9f1f] { color: #6EE7B7;
}

/* Figura section */
.figura-section[data-v-bd4d9f1f] {
  margin: 1.5rem 0;
}
.figura-titulo[data-v-bd4d9f1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.plano-container[data-v-bd4d9f1f] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.plano-svg[data-v-bd4d9f1f] {
  width: 100%;
  max-width: 320px;
  height: auto;
}
.grid line[data-v-bd4d9f1f] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-bd4d9f1f] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.num-eje[data-v-bd4d9f1f] {
  font-size: 4px;
  fill: #C4B5FD;
  text-anchor: middle;
}
.figura-original[data-v-bd4d9f1f] {
  fill: rgba(147, 197, 253, 0.2);
  stroke: #93C5FD;
  stroke-width: 1.5;
}
.figura-trasladada[data-v-bd4d9f1f] {
  fill: rgba(110, 231, 183, 0.2);
  stroke: #6EE7B7;
  stroke-width: 1.5;
}
.vertice-original[data-v-bd4d9f1f] {
  fill: #93C5FD;
}
.vertice-imagen[data-v-bd4d9f1f] {
  fill: #6EE7B7;
}
.label-vertice[data-v-bd4d9f1f] {
  font-size: 4px;
  font-weight: 700;
}
.label-vertice.original[data-v-bd4d9f1f] {
  fill: #93C5FD;
}
.label-vertice.imagen[data-v-bd4d9f1f] {
  fill: #6EE7B7;
}
.vector-linea[data-v-bd4d9f1f] {
  stroke: #FCD34D;
  stroke-width: 1;
}
.label-vector[data-v-bd4d9f1f] {
  font-size: 4px;
  fill: #FCD34D;
  font-weight: 600;
}

/* Proceso */
.proceso-section[data-v-bd4d9f1f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-bd4d9f1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.proceso-contenido[data-v-bd4d9f1f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.proceso-dato[data-v-bd4d9f1f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.dato-num[data-v-bd4d9f1f] {
  color: #C4B5FD;
}
.dato-valor[data-v-bd4d9f1f] {
  font-weight: 700;
  font-family: monospace;
}
.proceso-pasos[data-v-bd4d9f1f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-calculo[data-v-bd4d9f1f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.paso-label[data-v-bd4d9f1f] {
  font-weight: 700;
}
.paso-flecha[data-v-bd4d9f1f] {
  color: #C4B5FD;
}
.paso-calc[data-v-bd4d9f1f] {
  color: #E9D5FF;
}
.paso-resultado[data-v-bd4d9f1f] {
  font-weight: 700;
}

/* Verificación */
.verificacion-section[data-v-bd4d9f1f] {
  margin: 1.5rem 0;
}
.verificacion-titulo[data-v-bd4d9f1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.verificacion-grid[data-v-bd4d9f1f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.verificacion-item[data-v-bd4d9f1f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.verif-icono[data-v-bd4d9f1f] {
  font-size: 1rem;
}

/* Inversa */
.inversa-section[data-v-bd4d9f1f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.inversa-titulo[data-v-bd4d9f1f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.inversa-contenido p[data-v-bd4d9f1f] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.inversa-formula[data-v-bd4d9f1f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.95rem;
  flex-wrap: wrap;
}
.formula-antes[data-v-bd4d9f1f] {
  color: #93C5FD;
}
.formula-flecha[data-v-bd4d9f1f] {
  color: #C4B5FD;
}
.formula-despues[data-v-bd4d9f1f] {
  color: #6EE7B7;
  font-weight: 700;
}
.inversa-ejemplo[data-v-bd4d9f1f] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.inversa-ejemplo strong[data-v-bd4d9f1f] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-bd4d9f1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bd4d9f1f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bd4d9f1f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bd4d9f1f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.plano-svg[data-v-bd4d9f1f] {
    max-width: 380px;
}
.paso-calculo[data-v-bd4d9f1f] {
    justify-content: center;
}
}

.explorador[data-v-07649b3f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Colores */
.original-color[data-v-07649b3f] { color: #93C5FD;
}
.imagen-color[data-v-07649b3f] { color: #6EE7B7;
}
.vector-color[data-v-07649b3f] { color: #FCD34D;
}

/* Progreso */
.progreso-desafios[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-07649b3f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-07649b3f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-07649b3f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-07649b3f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-07649b3f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-07649b3f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-07649b3f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-07649b3f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular punto ===== */
.calcular-container[data-v-07649b3f] {
  text-align: center;
}
.calcular-pregunta[data-v-07649b3f] {
  margin-bottom: 1rem;
}
.pregunta-datos[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-07649b3f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dato-label[data-v-07649b3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-07649b3f] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: monospace;
}
.pregunta-texto[data-v-07649b3f] {
  font-size: 1rem;
  color: #E9D5FF;
}
.input-coordenadas[data-v-07649b3f], .input-vector[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.coord-label[data-v-07649b3f], .vector-label[data-v-07649b3f] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.coord-coma[data-v-07649b3f], .vector-coma[data-v-07649b3f] {
  font-size: 1.1rem;
  color: #C4B5FD;
  margin: 0 0.1rem;
}
.input-coord[data-v-07649b3f] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord.correcto[data-v-07649b3f] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-coord.incorrecto[data-v-07649b3f] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-07649b3f] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  margin-left: 0.5rem;
}
.btn-verificar-inline[data-v-07649b3f]:disabled {
  background: rgba(139, 92, 246, 0.3);
  cursor: not-allowed;
}
.ayuda-formula[data-v-07649b3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Encontrar vector ===== */
.vector-container[data-v-07649b3f] {
  text-align: center;
}
.vector-pregunta[data-v-07649b3f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-visual[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
}
.plano-svg-small[data-v-07649b3f] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.grid line[data-v-07649b3f] {
  stroke: rgba(139, 92, 246, 0.15);
  stroke-width: 0.5;
}
.eje[data-v-07649b3f] {
  stroke: #8B5CF6;
  stroke-width: 1;
}
.punto-a-svg[data-v-07649b3f] {
  fill: #93C5FD;
}
.punto-b-svg[data-v-07649b3f] {
  fill: #6EE7B7;
}
.linea-vector[data-v-07649b3f] {
  stroke: #FCD34D;
  stroke-width: 2;
}
.label-punto-a[data-v-07649b3f] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.label-punto-b[data-v-07649b3f] {
  font-size: 5px;
  fill: #6EE7B7;
  font-weight: 700;
}

/* ===== DESAFÍO 3: Arrastrar ===== */
.arrastrar-container[data-v-07649b3f] {
  text-align: center;
}
.arrastrar-pregunta[data-v-07649b3f] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.plano-interactivo[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.75rem;
  cursor: crosshair;
}
.plano-svg[data-v-07649b3f] {
  width: 100%;
  max-width: 260px;
  height: auto;
  touch-action: none;
}
.flecha[data-v-07649b3f] {
  fill: #8B5CF6;
}
.num-eje[data-v-07649b3f] {
  font-size: 4px;
  fill: #C4B5FD;
  font-weight: 600;
  text-anchor: middle;
}
.num-eje.neg[data-v-07649b3f] {
  fill: #FCA5A5;
}
.label-eje[data-v-07649b3f] {
  font-size: 5px;
  fill: #FFFFFF;
  font-weight: 700;
}
.punto-original-fijo[data-v-07649b3f] {
  fill: #93C5FD;
}
.label-original[data-v-07649b3f] {
  font-size: 5px;
  fill: #93C5FD;
  font-weight: 700;
}
.punto-objetivo[data-v-07649b3f] {
  fill: rgba(110, 231, 183, 0.3);
  stroke: #6EE7B7;
  stroke-width: 1;
  stroke-dasharray: 2,2;
}
.punto-usuario[data-v-07649b3f] {
  fill: #8B5CF6;
  transition: all 0.2s ease;
}
.punto-usuario.correcto[data-v-07649b3f] {
  fill: #10B981;
}
.punto-usuario.incorrecto[data-v-07649b3f] {
  fill: #EF4444;
}
.punto-info[data-v-07649b3f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.botones-d3[data-v-07649b3f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.btn-verificar[data-v-07649b3f] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-pista[data-v-07649b3f] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback[data-v-07649b3f] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-07649b3f] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-07649b3f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-07649b3f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-07649b3f] { font-size: 1.25rem;
}
.resultado-texto[data-v-07649b3f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-07649b3f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-07649b3f] { flex: 1;
}
.nav-btn[data-v-07649b3f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-07649b3f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-07649b3f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-07649b3f] { font-size: 1.75rem;
}
.completado-texto[data-v-07649b3f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-07649b3f], .slide-leave-active[data-v-07649b3f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-07649b3f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-07649b3f] { opacity: 0; transform: translateX(-15px);
}

/* Colores */
.x-color[data-v-b00dd180] { color: #93C5FD;
}
.y-color[data-v-b00dd180] { color: #FCD34D;
}

/* Intro */
.resumen-intro[data-v-b00dd180] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-b00dd180] {
  font-size: 2rem;
}
.resumen-intro p[data-v-b00dd180] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-b00dd180] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-b00dd180] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-b00dd180] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-b00dd180]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-b00dd180] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-b00dd180] {
    grid-column: span 1;
}
}
.card-header[data-v-b00dd180] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-b00dd180] {
  font-size: 1.25rem;
}
.card-titulo[data-v-b00dd180] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-b00dd180] {
  color: #E9D5FF;
}
.card-def[data-v-b00dd180] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.card-nota[data-v-b00dd180] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmula resumen */
.formula-resumen[data-v-b00dd180] {
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula-linea[data-v-b00dd180] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-partes[data-v-b00dd180] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.parte[data-v-b00dd180] {
  font-weight: 600;
}

/* Vectores grid */
.vectores-grid[data-v-b00dd180] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.vectores-grid[data-v-b00dd180] {
    grid-template-columns: repeat(2, 1fr);
}
}
.vector-item[data-v-b00dd180] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.vector-comp[data-v-b00dd180] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.vector-dir[data-v-b00dd180] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Propiedades */
.propiedades-lista[data-v-b00dd180] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.propiedades-lista[data-v-b00dd180] {
    grid-template-columns: 1fr;
}
}
.propiedad-item[data-v-b00dd180] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.prop-check[data-v-b00dd180] {
  color: #6EE7B7;
  font-weight: 700;
}
.prop-text[data-v-b00dd180] {
  color: #E9D5FF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-b00dd180] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: monospace;
}
.ej-dato[data-v-b00dd180] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.ej-calculo[data-v-b00dd180] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-resultado[data-v-b00dd180] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
}

/* Pasos figura */
.pasos-figura[data-v-b00dd180] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-fig[data-v-b00dd180] {
  font-size: 0.85rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-b00dd180] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-b00dd180] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-b00dd180] {
  font-size: 1.25rem;
}
.tip-text[data-v-b00dd180] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-b00dd180] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-b00dd180] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-b00dd180] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-b00dd180 1s ease-in-out infinite;
}
@keyframes bounce-b00dd180 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-b00dd180] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-b00dd180] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual con cubo 3D */
.intro-visual[data-v-76528352] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.cubo-contenedor[data-v-76528352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.cubo-3d[data-v-76528352] {
  width: 70px;
  height: 70px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateX(-25deg) rotateY(-35deg);
  animation: rotar-suave-76528352 8s ease-in-out infinite;
}
@keyframes rotar-suave-76528352 {
0%, 100% { transform: rotateX(-25deg) rotateY(-35deg);
}
50% { transform: rotateX(-25deg) rotateY(-55deg);
}
}
.cubo-3d .cara[data-v-76528352] {
  position: absolute;
  width: 70px;
  height: 70px;
  border: 2px solid rgba(139, 92, 246, 0.8);
  background: rgba(139, 92, 246, 0.15);
}
.cubo-3d .frente[data-v-76528352] { transform: translateZ(35px);
}
.cubo-3d .atras[data-v-76528352] { transform: translateZ(-35px);
}
.cubo-3d .derecha[data-v-76528352] { transform: rotateY(90deg) translateZ(35px); background: rgba(245, 158, 11, 0.2); border-color: rgba(245, 158, 11, 0.8);
}
.cubo-3d .izquierda[data-v-76528352] { transform: rotateY(-90deg) translateZ(35px);
}
.cubo-3d .arriba[data-v-76528352] { transform: rotateX(90deg) translateZ(35px); background: rgba(16, 185, 129, 0.2); border-color: rgba(16, 185, 129, 0.8);
}
.cubo-3d .abajo[data-v-76528352] { transform: rotateX(-90deg) translateZ(35px);
}
.cubitos-indicador[data-v-76528352] {
  display: flex;
  gap: 0.25rem;
}
.cubito[data-v-76528352] {
  width: 12px;
  height: 12px;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid #8B5CF6;
  border-radius: 2px;
}

/* Color de espacio */
.espacio-color[data-v-76528352] {
  color: #93C5FD;
}

/* Secciones */
.section-titulo[data-v-76528352] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Cubo unitario */
.cubos-unitarios-section[data-v-76528352] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.cubo-unitario-visual[data-v-76528352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.cubo-unitario-svg[data-v-76528352] {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.medida-label[data-v-76528352] {
  font-size: 11px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.cubo-info[data-v-76528352] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.info-icono[data-v-76528352] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.info-texto[data-v-76528352] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.info-nombre[data-v-76528352] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Llenar con cubos */
.llenar-section[data-v-76528352] {
  margin: 1.5rem 0;
}
.llenar-visual[data-v-76528352] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.llenar-svg[data-v-76528352] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.resultado-texto[data-v-76528352] {
  font-size: 13px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.llenar-explicacion[data-v-76528352] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}
.llenar-explicacion strong[data-v-76528352] {
  color: #6EE7B7;
}

/* Unidades de medida */
.unidades-section[data-v-76528352] {
  margin: 1.5rem 0;
}
.unidades-grid[data-v-76528352] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.unidad-item[data-v-76528352] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.unidad-item.destacada[data-v-76528352] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.unidad-simbolo[data-v-76528352] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.unidad-nombre[data-v-76528352] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.unidad-uso[data-v-76528352] {
  font-size: 0.6rem;
  color: #A78BFA;
  margin-top: 0.1rem;
}
.unidad-equivalencia[data-v-76528352] {
  font-size: 0.6rem;
  color: #FCD34D;
  margin-top: 0.1rem;
  font-weight: 600;
}

/* Tip */
.tip[data-v-76528352] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-76528352] {
  font-size: 1.25rem;
}
.tip-texto[data-v-76528352] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-76528352] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cubo-3d[data-v-76528352] {
    width: 90px;
    height: 90px;
}
.cubo-3d .cara[data-v-76528352] {
    width: 90px;
    height: 90px;
}
.cubo-3d .frente[data-v-76528352] { transform: translateZ(45px);
}
.cubo-3d .atras[data-v-76528352] { transform: translateZ(-45px);
}
.cubo-3d .derecha[data-v-76528352] { transform: rotateY(90deg) translateZ(45px);
}
.cubo-3d .izquierda[data-v-76528352] { transform: rotateY(-90deg) translateZ(45px);
}
.cubo-3d .arriba[data-v-76528352] { transform: rotateX(90deg) translateZ(45px);
}
.cubo-3d .abajo[data-v-76528352] { transform: rotateX(-90deg) translateZ(45px);
}
.cubo-unitario-svg[data-v-76528352] {
    max-width: 180px;
}
.llenar-svg[data-v-76528352] {
    max-width: 240px;
}
.unidades-grid[data-v-76528352] {
    gap: 0.75rem;
}
.unidad-item[data-v-76528352] {
    padding: 0.75rem;
}
.unidad-simbolo[data-v-76528352] {
    font-size: 1.3rem;
}
.unidad-nombre[data-v-76528352] {
    font-size: 0.75rem;
}
}

/* Cubo visual */
.cubo-visual[data-v-346af680] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.cubo-svg[data-v-346af680] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.arista-label[data-v-346af680] {
  font-size: 18px;
  fill: #FCD34D;
  font-weight: 700;
  font-style: italic;
}

/* Fórmula box */
.formula-box[data-v-346af680] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-346af680] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.formula-principal[data-v-346af680] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-v[data-v-346af680] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-igual[data-v-346af680] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.formula-arista[data-v-346af680] {
  font-size: 2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.formula-cubo[data-v-346af680] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  vertical-align: super;
}
.formula-expandida[data-v-346af680] {
  font-size: 1rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Sección de explicación visual */
.section-titulo[data-v-346af680] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.explicacion-visual[data-v-346af680] {
  margin: 1.5rem 0;
}
.capas-visual[data-v-346af680] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.capas-svg[data-v-346af680] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.capa-label[data-v-346af680] {
  font-size: 10px;
  font-weight: 600;
}
.capa-label.verde[data-v-346af680] { fill: #6EE7B7;
}
.capa-label.amarillo[data-v-346af680] { fill: #FCD34D;
}
.capa-label.morado[data-v-346af680] { fill: #C4B5FD;
}
.explicacion-texto[data-v-346af680] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.explicacion-texto strong[data-v-346af680] {
  color: #6EE7B7;
}

/* Ejemplo */
.ejemplo-section[data-v-346af680] {
  margin: 1.5rem 0;
}
.ejemplo-contenido[data-v-346af680] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-346af680] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.3);
}
.numero-destacado[data-v-346af680] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.ejemplo-solucion[data-v-346af680] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-346af680] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-numero[data-v-346af680] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-346af680] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-solucion.final .paso-numero[data-v-346af680] {
  background: #10B981;
  color: white;
}
.paso-solucion.final .paso-texto strong[data-v-346af680] {
  color: #6EE7B7;
  font-size: 1.05rem;
}

/* Tip */
.tip[data-v-346af680] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-346af680] {
  font-size: 1.25rem;
}
.tip-texto[data-v-346af680] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-346af680] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cubo-svg[data-v-346af680] {
    max-width: 220px;
}
.formula-principal[data-v-346af680] {
    gap: 0.75rem;
}
.formula-v[data-v-346af680] {
    font-size: 2.5rem;
}
.formula-arista[data-v-346af680] {
    font-size: 2.5rem;
}
.capas-svg[data-v-346af680] {
    max-width: 260px;
}
}

/* Prisma visual */
.prisma-visual[data-v-ee4a0a0b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.prisma-svg[data-v-ee4a0a0b] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.medida-texto[data-v-ee4a0a0b] {
  font-size: 11px;
  font-weight: 600;
  text-anchor: middle;
}
.medida-texto.largo[data-v-ee4a0a0b] { fill: #6EE7B7;
}
.medida-texto.ancho[data-v-ee4a0a0b] { fill: #93C5FD;
}
.medida-texto.alto[data-v-ee4a0a0b] { fill: #FCD34D;
}

/* Fórmula box */
.formula-box[data-v-ee4a0a0b] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-ee4a0a0b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.formula-principal[data-v-ee4a0a0b] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.formula-v[data-v-ee4a0a0b] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-igual[data-v-ee4a0a0b] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.formula-dim[data-v-ee4a0a0b] {
  font-size: 1.75rem;
  font-weight: 700;
  font-style: italic;
}
.formula-dim.largo[data-v-ee4a0a0b] { color: #6EE7B7;
}
.formula-dim.ancho[data-v-ee4a0a0b] { color: #93C5FD;
}
.formula-dim.alto[data-v-ee4a0a0b] { color: #FCD34D;
}
.formula-x[data-v-ee4a0a0b] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.formula-descripcion[data-v-ee4a0a0b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.desc-separador[data-v-ee4a0a0b] {
  color: #8B5CF6;
}
.color-largo[data-v-ee4a0a0b] { color: #6EE7B7; font-weight: 600;
}
.color-ancho[data-v-ee4a0a0b] { color: #93C5FD; font-weight: 600;
}
.color-alto[data-v-ee4a0a0b] { color: #FCD34D; font-weight: 600;
}

/* Secciones */
.section-titulo[data-v-ee4a0a0b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Comparación */
.comparacion-section[data-v-ee4a0a0b] {
  margin: 1.5rem 0;
}
.comparacion-grid[data-v-ee4a0a0b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-ee4a0a0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.comp-item.cubo[data-v-ee4a0a0b] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-item.prisma[data-v-ee4a0a0b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-icono[data-v-ee4a0a0b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-ee4a0a0b] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-formula[data-v-ee4a0a0b] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin: 0.25rem 0;
}
.comp-nota[data-v-ee4a0a0b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comparacion-nota[data-v-ee4a0a0b] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}
.comparacion-nota strong[data-v-ee4a0a0b] {
  color: #6EE7B7;
}

/* Ejemplo */
.ejemplo-section[data-v-ee4a0a0b] {
  margin: 1.5rem 0;
}
.ejemplo-contenido[data-v-ee4a0a0b] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-ee4a0a0b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.num.largo[data-v-ee4a0a0b] { color: #6EE7B7;
}
.num.ancho[data-v-ee4a0a0b] { color: #93C5FD;
}
.num.alto[data-v-ee4a0a0b] { color: #FCD34D;
}
.ejemplo-visual[data-v-ee4a0a0b] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.ejemplo-svg[data-v-ee4a0a0b] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.ej-medida[data-v-ee4a0a0b] {
  font-size: 10px;
  font-weight: 600;
  text-anchor: middle;
}
.ej-medida.largo[data-v-ee4a0a0b] { fill: #6EE7B7;
}
.ej-medida.ancho[data-v-ee4a0a0b] { fill: #93C5FD;
}
.ej-medida.alto[data-v-ee4a0a0b] { fill: #FCD34D;
}
.ejemplo-solucion[data-v-ee4a0a0b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.paso-solucion[data-v-ee4a0a0b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-numero[data-v-ee4a0a0b] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-ee4a0a0b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  font-family: monospace;
}
.paso-solucion.final .paso-numero[data-v-ee4a0a0b] {
  background: #10B981;
  color: white;
}
.paso-solucion.final .paso-texto strong[data-v-ee4a0a0b] {
  color: #6EE7B7;
  font-size: 1.05rem;
}

/* Ejemplos vida */
.ejemplos-vida[data-v-ee4a0a0b] {
  margin: 1.5rem 0;
}
.vida-grid[data-v-ee4a0a0b] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.vida-item[data-v-ee4a0a0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.vida-icono[data-v-ee4a0a0b] {
  font-size: 1.25rem;
}
.vida-texto[data-v-ee4a0a0b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tip */
.tip[data-v-ee4a0a0b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ee4a0a0b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ee4a0a0b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ee4a0a0b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.prisma-svg[data-v-ee4a0a0b] {
    max-width: 280px;
}
.formula-v[data-v-ee4a0a0b] {
    font-size: 2.25rem;
}
.formula-dim[data-v-ee4a0a0b] {
    font-size: 2.25rem;
}
.ejemplo-svg[data-v-ee4a0a0b] {
    max-width: 200px;
}
.vida-grid[data-v-ee4a0a0b] {
    gap: 0.75rem;
}
.vida-item[data-v-ee4a0a0b] {
    padding: 0.75rem;
}
.vida-icono[data-v-ee4a0a0b] {
    font-size: 1.5rem;
}
.vida-texto[data-v-ee4a0a0b] {
    font-size: 0.75rem;
}
}

.explorador[data-v-2ace33a3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2ace33a3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2ace33a3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2ace33a3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2ace33a3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2ace33a3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2ace33a3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2ace33a3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2ace33a3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2ace33a3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* DESAFÍO 1: Construir */
.construir-container[data-v-2ace33a3] {
  text-align: center;
}
.construir-pregunta[data-v-2ace33a3] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.arista-valor[data-v-2ace33a3] {
  color: #6EE7B7;
  font-size: 1.2rem;
}
.cubo-builder[data-v-2ace33a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.builder-visual[data-v-2ace33a3] {
  width: 100%;
  max-width: 180px;
}
.builder-svg[data-v-2ace33a3] {
  width: 100%;
  height: auto;
}
.cubito-colocado[data-v-2ace33a3] {
  transition: all 0.2s ease;
}
.builder-controles[data-v-2ace33a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-2ace33a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.control-botones[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.control-btn[data-v-2ace33a3] {
  width: 40px;
  height: 40px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.control-btn[data-v-2ace33a3]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.5);
  border-color: #8B5CF6;
}
.control-btn[data-v-2ace33a3]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.control-valor[data-v-2ace33a3] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
  min-width: 50px;
}
.control-info[data-v-2ace33a3] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.control-info strong[data-v-2ace33a3] {
  color: #FCD34D;
}

/* DESAFÍO 2 y 3: Cálculos */
.calculo-container[data-v-2ace33a3],
.prisma-container[data-v-2ace33a3] {
  text-align: center;
}
.cubo-calculo-visual[data-v-2ace33a3],
.prisma-calculo-visual[data-v-2ace33a3] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.calculo-svg[data-v-2ace33a3] {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.prisma-svg[data-v-2ace33a3] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.medida-label[data-v-2ace33a3] {
  font-size: 12px;
  fill: #6EE7B7;
  font-weight: 700;
  text-anchor: middle;
}
.dim-label[data-v-2ace33a3] {
  font-size: 11px;
  font-weight: 600;
  text-anchor: middle;
}
.dim-label.largo[data-v-2ace33a3] { fill: #6EE7B7;
}
.dim-label.ancho[data-v-2ace33a3] { fill: #93C5FD;
}
.dim-label.alto[data-v-2ace33a3] { fill: #FCD34D;
}
.calculo-pregunta[data-v-2ace33a3],
.prisma-pregunta[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.formula-pregunta[data-v-2ace33a3] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-group[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.calculo-input[data-v-2ace33a3] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-2ace33a3] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-2ace33a3] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.unidad[data-v-2ace33a3] {
  color: #C4B5FD;
  font-size: 0.95rem;
}

/* Botones y feedback */
.btn-verificar[data-v-2ace33a3] {
  padding: 0.6rem 1.25rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  transition: all 0.15s ease;
}
.btn-verificar[data-v-2ace33a3]:hover {
  background: #7C3AED;
}
.btn-verificar.correcto[data-v-2ace33a3] {
  background: #10B981;
}
.feedback-error[data-v-2ace33a3] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.desafio-contador[data-v-2ace33a3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2ace33a3] { font-size: 1.25rem;
}
.resultado-texto[data-v-2ace33a3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2ace33a3] {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-btn[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.nav-btn[data-v-2ace33a3]:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}

/* Mensaje completado */
.mensaje-completado[data-v-2ace33a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2ace33a3] { font-size: 1.75rem;
}
.completado-texto[data-v-2ace33a3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2ace33a3], .slide-leave-active[data-v-2ace33a3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2ace33a3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2ace33a3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.builder-visual[data-v-2ace33a3] {
    max-width: 200px;
}
.calculo-svg[data-v-2ace33a3] {
    max-width: 180px;
}
.prisma-svg[data-v-2ace33a3] {
    max-width: 220px;
}
.control-valor[data-v-2ace33a3] {
    font-size: 2.5rem;
}
}

/* Problemas */
.problema-section[data-v-7e1468f1] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.problema-header[data-v-7e1468f1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.problema-numero[data-v-7e1468f1] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.problema-tipo[data-v-7e1468f1] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.problema-contenido[data-v-7e1468f1] {
  padding: 1rem;
}
.problema-enunciado[data-v-7e1468f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.problema-enunciado strong[data-v-7e1468f1] {
  color: #6EE7B7;
}

/* Visual del acuario */
.problema-visual[data-v-7e1468f1] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.acuario-svg[data-v-7e1468f1] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.medida[data-v-7e1468f1] {
  font-size: 10px;
  fill: #6EE7B7;
  font-weight: 600;
  text-anchor: middle;
}
.medida.incognita[data-v-7e1468f1] {
  fill: #FCD34D;
}

/* Conversión info */
.conversion-info[data-v-7e1468f1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.conv-icono[data-v-7e1468f1] {
  font-size: 1rem;
}
.conv-texto[data-v-7e1468f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conv-texto strong[data-v-7e1468f1] {
  color: #FCD34D;
}

/* Solución */
.problema-solucion[data-v-7e1468f1] {
  padding-top: 0.75rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.solucion-titulo[data-v-7e1468f1] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.solucion-pasos[data-v-7e1468f1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-7e1468f1] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.paso-num[data-v-7e1468f1] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-texto[data-v-7e1468f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso.final .paso-num[data-v-7e1468f1] {
  background: #10B981;
  color: white;
}
.paso.final .paso-texto strong[data-v-7e1468f1] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Estrategias */
.estrategias-section[data-v-7e1468f1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.estrategias-titulo[data-v-7e1468f1] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategias-lista[data-v-7e1468f1] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.estrategia-item[data-v-7e1468f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.est-icono[data-v-7e1468f1] {
  font-size: 1rem;
  margin-top: 0.1rem;
}
.est-texto[data-v-7e1468f1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.est-texto strong[data-v-7e1468f1] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-7e1468f1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7e1468f1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7e1468f1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7e1468f1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.acuario-svg[data-v-7e1468f1] {
    max-width: 240px;
}
.problema-enunciado[data-v-7e1468f1] {
    font-size: 0.95rem;
}
.paso-texto[data-v-7e1468f1] {
    font-size: 0.9rem;
}
}

/* Intro */
.resumen-intro[data-v-7827b142] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-7827b142] {
  font-size: 2rem;
}
.resumen-intro p[data-v-7827b142] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-7827b142] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-7827b142] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-7827b142] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-7827b142]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-7827b142] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-7827b142] {
    grid-column: span 1;
}
}
.card-header[data-v-7827b142] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-7827b142] {
  font-size: 1.25rem;
}
.card-titulo[data-v-7827b142] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-7827b142] {
  color: #E9D5FF;
}
.card-texto[data-v-7827b142] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.card-texto strong[data-v-7827b142] {
  color: #6EE7B7;
}
.card-nota[data-v-7827b142] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Unidades mini */
.unidades-mini[data-v-7827b142] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin: 0.5rem 0;
}
.unidad[data-v-7827b142] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.unidad.destacada[data-v-7827b142] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Fórmulas en cards */
.formula-card[data-v-7827b142] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.formula-v[data-v-7827b142] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-eq[data-v-7827b142] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.formula-a[data-v-7827b142] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.formula-exp[data-v-7827b142] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  vertical-align: super;
}
.formula-dim[data-v-7827b142] {
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
}
.formula-dim.largo[data-v-7827b142] { color: #6EE7B7;
}
.formula-dim.ancho[data-v-7827b142] { color: #93C5FD;
}
.formula-dim.alto[data-v-7827b142] { color: #FCD34D;
}
.formula-x[data-v-7827b142] {
  font-size: 1rem;
  color: #C4B5FD;
}
.dimensiones-mini[data-v-7827b142] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  flex-wrap: wrap;
}
.dim .color.largo[data-v-7827b142] { color: #6EE7B7; font-weight: 600;
}
.dim .color.ancho[data-v-7827b142] { color: #93C5FD; font-weight: 600;
}
.dim .color.alto[data-v-7827b142] { color: #FCD34D; font-weight: 600;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-7827b142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-mini strong[data-v-7827b142] {
  color: #6EE7B7;
}

/* Comparación visual */
.comparacion-visual[data-v-7827b142] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.comp-item[data-v-7827b142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.comp-svg[data-v-7827b142] {
  width: 70px;
  height: 70px;
}
.comp-svg.prisma[data-v-7827b142] {
  width: 90px;
}
.comp-formula[data-v-7827b142] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.comp-nota[data-v-7827b142] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-flecha[data-v-7827b142] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Conversión */
.conversion-box[data-v-7827b142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.conv-formula[data-v-7827b142] {
  font-weight: 700;
  color: #FFFFFF;
}
.conv-operacion[data-v-7827b142] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Despeje */
.despeje-formula[data-v-7827b142] {
  text-align: center;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}

/* Tips finales */
.tips-finales[data-v-7827b142] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-7827b142] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-7827b142] {
  font-size: 1.25rem;
}
.tip-text[data-v-7827b142] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-7827b142] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-7827b142] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-7827b142] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-7827b142 1s ease-in-out infinite;
}
@keyframes bounce-7827b142 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-7827b142] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-7827b142] {
  font-size: 0.9rem;
  color: #6EE7B7;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-33c9443d] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.numero[data-v-33c9443d] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  border: 2px solid;
}
.numero.positivo[data-v-33c9443d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.numero.cero[data-v-33c9443d] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
  color: #C4B5FD;
}
.numero.negativo[data-v-33c9443d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-33c9443d] {
  color: #6EE7B7;
}
strong.negativo[data-v-33c9443d] {
  color: #FCA5A5;
}

/* Recta numérica SIMPLE */
.recta-section[data-v-33c9443d] {
  margin: 1.5rem 0;
  position: relative;
}
.recta-label[data-v-33c9443d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.recta-numeros[data-v-33c9443d] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0.25rem;
  margin-bottom: 4px;
}
.flecha[data-v-33c9443d] {
  color: #8B5CF6;
  font-size: 0.9rem;
  line-height: 1;
}
.n[data-v-33c9443d] {
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  min-width: 18px;
}
.n.neg[data-v-33c9443d] { color: #FCA5A5;
}
.n.cero[data-v-33c9443d] { color: #C4B5FD; font-weight: 700;
}
.n.pos[data-v-33c9443d] { color: #6EE7B7;
}
.recta-linea[data-v-33c9443d] {
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6 50%, #10B981);
  border-radius: 2px;
}
.recta-leyenda[data-v-33c9443d] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.leg.neg[data-v-33c9443d] { color: #FCA5A5;
}
.leg.pos[data-v-33c9443d] { color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-33c9443d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-33c9443d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-33c9443d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-33c9443d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-33c9443d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-33c9443d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-33c9443d] {
  font-size: 0.9rem;
  font-weight: 700;
}
.ej-valor.pos[data-v-33c9443d] { color: #6EE7B7;
}
.ej-valor.neg[data-v-33c9443d] { color: #FCA5A5;
}

/* Definición */
.definicion[data-v-33c9443d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-33c9443d] {
  font-size: 1.5rem;
}
.def-contenido[data-v-33c9443d] {
  flex: 1;
}
.def-titulo[data-v-33c9443d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-33c9443d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-33c9443d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-33c9443d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-33c9443d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-33c9443d] {
  color: #6EE7B7;
}

/* Desktop: más espacio */
@media (min-width: 640px) {
.intro-visual[data-v-33c9443d] {
    gap: 1.5rem;
}
.numero[data-v-33c9443d] {
    font-size: 2rem;
    padding: 0.5rem 1rem;
}
.recta-numeros[data-v-33c9443d] {
    padding: 0 0.5rem;
}
.n[data-v-33c9443d] {
    font-size: 0.9rem;
    min-width: 24px;
}
.ejemplos-grid[data-v-33c9443d] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-33c9443d] {
    padding: 0.75rem;
}
.ej-icono[data-v-33c9443d] {
    font-size: 1.75rem;
}
}

.reglas-suma[data-v-646b7b06] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.regla-card[data-v-646b7b06] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.regla-card.mismo[data-v-646b7b06] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.regla-card.distinto[data-v-646b7b06] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.regla-header[data-v-646b7b06] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.regla-icono[data-v-646b7b06] { font-size: 1.25rem;
}
.regla-titulo[data-v-646b7b06] { font-weight: 700; color: #FFFFFF;
}
.regla-instruccion[data-v-646b7b06] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ejemplos[data-v-646b7b06] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo[data-v-646b7b06] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.num[data-v-646b7b06], .res[data-v-646b7b06] { padding: 0.25rem 0.5rem; border-radius: 0.25rem;
}
.num.pos[data-v-646b7b06], .res.pos[data-v-646b7b06] { color: #6EE7B7; background: rgba(16, 185, 129, 0.2);
}
.num.neg[data-v-646b7b06], .res.neg[data-v-646b7b06] { color: #FCA5A5; background: rgba(239, 68, 68, 0.2);
}
.op[data-v-646b7b06], .eq[data-v-646b7b06] { color: #C4B5FD;
}

/* Simulador */
.simulador[data-v-646b7b06] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-646b7b06] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-646b7b06] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sim-grupo[data-v-646b7b06] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.slider[data-v-646b7b06] {
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-646b7b06]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.sim-valor[data-v-646b7b06] {
  font-size: 1.5rem;
  font-weight: 700;
  min-width: 50px;
  text-align: center;
}
.sim-valor.pos[data-v-646b7b06] { color: #6EE7B7;
}
.sim-valor.neg[data-v-646b7b06] { color: #FCA5A5;
}
.sim-op[data-v-646b7b06], .sim-eq[data-v-646b7b06] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.sim-resultado[data-v-646b7b06] {
  font-size: 1.75rem;
  font-weight: 800;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 60px;
  text-align: center;
}
.sim-resultado.pos[data-v-646b7b06] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.sim-resultado.neg[data-v-646b7b06] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.sim-resultado.cero[data-v-646b7b06] { background: rgba(139, 92, 246, 0.2); color: #C4B5FD;
}
.sim-explicacion[data-v-646b7b06] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Tip */
.tip-box[data-v-646b7b06] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-646b7b06] { font-size: 1.25rem;
}
.tip-text[data-v-646b7b06] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-646b7b06] { color: #6EE7B7;
}

/* Regla de oro */
.regla-oro[data-v-aa7fd742] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
  text-align: center;
}
.regla-oro-header[data-v-aa7fd742] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.oro-icono[data-v-aa7fd742] { font-size: 1.5rem;
}
.oro-titulo[data-v-aa7fd742] { font-weight: 700; color: #FCD34D; font-size: 1.1rem;
}
.formula-grande[data-v-aa7fd742] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.menos[data-v-aa7fd742] { color: #EF4444;
}
.mas[data-v-aa7fd742] { color: #10B981;
}
.igual[data-v-aa7fd742] { color: #8B5CF6;
}
.opuesto[data-v-aa7fd742] { color: #FCA5A5;
}
.formula-texto[data-v-aa7fd742] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.95rem;
}

/* Ejemplos */
.ejemplos-resta[data-v-aa7fd742] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.ejemplo-item[data-v-aa7fd742] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.paso[data-v-aa7fd742] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
}
.flecha[data-v-aa7fd742] { color: #8B5CF6; font-size: 1.1rem;
}
.num[data-v-aa7fd742] { font-size: 1rem;
}
.num.pos[data-v-aa7fd742] { color: #6EE7B7;
}
.num.neg[data-v-aa7fd742] { color: #FCA5A5;
}
.op[data-v-aa7fd742] { font-size: 1rem;
}
.op.menos[data-v-aa7fd742] { color: #EF4444;
}
.op.mas[data-v-aa7fd742] { color: #10B981;
}
.resultado[data-v-aa7fd742] {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.resultado.pos[data-v-aa7fd742] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.resultado.neg[data-v-aa7fd742] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}

/* Práctica */
.practica[data-v-aa7fd742] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.practica-titulo[data-v-aa7fd742] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.practica-problema[data-v-aa7fd742] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  font-weight: 600;
}
.igual[data-v-aa7fd742] { color: #C4B5FD;
}
.input-respuesta[data-v-aa7fd742] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-aa7fd742] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-aa7fd742] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-check[data-v-aa7fd742] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-aa7fd742] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-aa7fd742] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.btn-otro[data-v-aa7fd742] {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Tip */
.tip-box[data-v-aa7fd742] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-aa7fd742] { font-size: 1.25rem;
}
.tip-text[data-v-aa7fd742] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-aa7fd742] { color: #FCD34D;
}

/* Regla de signos */
.regla-signos[data-v-f092f92d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.regla-titulo[data-v-f092f92d] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.signos-grid[data-v-f092f92d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.signo-card[data-v-f092f92d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.signo-card.positivo[data-v-f092f92d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-card.negativo[data-v-f092f92d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-operacion[data-v-f092f92d] {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.signo-resultado[data-v-f092f92d] {
  font-size: 1.25rem;
  font-weight: 700;
}
.s-pos[data-v-f092f92d] { color: #6EE7B7;
}
.s-neg[data-v-f092f92d] { color: #FCA5A5;
}
.resumen-signos[data-v-f092f92d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-item[data-v-f092f92d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.resumen-item.pos[data-v-f092f92d] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.resumen-item.neg[data-v-f092f92d] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.check[data-v-f092f92d] { font-size: 1rem;
}

/* Calculadora */
.calculadora[data-v-f092f92d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.calc-titulo[data-v-f092f92d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.calc-sliders[data-v-f092f92d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.slider-grupo[data-v-f092f92d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.slider[data-v-f092f92d] {
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-f092f92d]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.slider[data-v-f092f92d]::-moz-range-thumb {
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.slider-valor[data-v-f092f92d] {
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 45px;
  text-align: center;
}
.slider-valor.pos[data-v-f092f92d] { color: #6EE7B7;
}
.slider-valor.neg[data-v-f092f92d] { color: #FCA5A5;
}
.calc-op[data-v-f092f92d], .calc-eq[data-v-f092f92d] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.calc-resultado[data-v-f092f92d] {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 60px;
}
.calc-resultado.pos[data-v-f092f92d] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.calc-resultado.neg[data-v-f092f92d] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.calc-resultado.cero[data-v-f092f92d] { background: rgba(139, 92, 246, 0.2); color: #C4B5FD;
}
.calc-explicacion[data-v-f092f92d] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* Ejemplos contexto */
.ejemplos-contexto[data-v-f092f92d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.ejemplo-ctx[data-v-f092f92d] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.ctx-problema[data-v-f092f92d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.ctx-calculo[data-v-f092f92d] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #C4B5FD;
}
.pos[data-v-f092f92d] { color: #6EE7B7;
}
.neg[data-v-f092f92d] { color: #FCA5A5;
}

/* Tip */
.tip-box[data-v-f092f92d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-f092f92d] { font-size: 1.25rem;
}
.tip-text[data-v-f092f92d] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-f092f92d] { color: #6EE7B7;
}
.tip-text em[data-v-f092f92d] { color: #FCD34D; font-style: normal;
}

/* Regla división */
.regla-division[data-v-0919480b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.regla-header[data-v-0919480b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.icono[data-v-0919480b] { font-size: 1.25rem;
}
.titulo[data-v-0919480b] { font-weight: 700; color: #FFFFFF;
}
.signos-div[data-v-0919480b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.signo-row[data-v-0919480b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.operacion[data-v-0919480b] { font-size: 0.95rem; font-weight: 600;
}
.resultado[data-v-0919480b] { font-size: 1.1rem; font-weight: 700;
}
.pos[data-v-0919480b] { color: #6EE7B7;
}
.neg[data-v-0919480b] { color: #FCA5A5;
}

/* Ejemplos */
.ejemplos-div[data-v-0919480b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.ejemplo[data-v-0919480b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.res[data-v-0919480b] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.res.pos[data-v-0919480b] { background: rgba(16, 185, 129, 0.2);
}
.res.neg[data-v-0919480b] { background: rgba(239, 68, 68, 0.2);
}

/* Quiz rápido */
.quiz-rapido[data-v-0919480b] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.quiz-titulo[data-v-0919480b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.quiz-problema[data-v-0919480b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.op[data-v-0919480b], .eq[data-v-0919480b] { color: #C4B5FD;
}
.quiz-opciones[data-v-0919480b] {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
}
.quiz-btn[data-v-0919480b] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  min-width: 50px;
}
.quiz-btn[data-v-0919480b]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.quiz-btn.correcto[data-v-0919480b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.quiz-btn.incorrecto[data-v-0919480b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.quiz-feedback[data-v-0919480b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.quiz-feedback.correcto[data-v-0919480b] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.btn-otro[data-v-0919480b] {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Warning */
.warning-box[data-v-0919480b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.warning-icon[data-v-0919480b] { font-size: 1.25rem;
}
.warning-text[data-v-0919480b] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.warning-text strong[data-v-0919480b] { color: #FCA5A5;
}
.warning-text em[data-v-0919480b] { color: #EF4444; font-style: normal; font-weight: 700;
}

.explorador[data-v-87513c76] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-87513c76] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-87513c76] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-87513c76] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-87513c76] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container - más compacto */
.desafio-container[data-v-87513c76] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-87513c76] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-87513c76] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-87513c76] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-87513c76] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar - Mobile First ===== */
.ordenar-container[data-v-87513c76] {
  text-align: center;
}
.numeros-desordenados[data-v-87513c76] {
  margin-bottom: 1rem;
}
.numeros-label[data-v-87513c76] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.numeros-pool[data-v-87513c76] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.numero-draggable[data-v-87513c76] {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid transparent;
  min-width: 44px;
  font-family: inherit;
}
.numero-draggable.positivo[data-v-87513c76] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  border-color: rgba(16, 185, 129, 0.4);
}
.numero-draggable.negativo[data-v-87513c76] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border-color: rgba(239, 68, 68, 0.4);
}
.numero-draggable.cero[data-v-87513c76] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  border-color: rgba(139, 92, 246, 0.4);
}
.numero-draggable.seleccionado[data-v-87513c76] {
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
  border-color: #8B5CF6;
}

/* Recta mobile - horizontal scroll si es necesario */
.recta-ordenar-mobile[data-v-87513c76] {
  margin: 1rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.recta-labels-top[data-v-87513c76] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.slots-row[data-v-87513c76] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #10B981);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: center;
  min-width: min-content;
}
.slot-mobile[data-v-87513c76] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  flex-shrink: 0;
  font-family: inherit;
}
.slot-mobile.seleccionable[data-v-87513c76] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-87513c76 1s infinite;
}
@keyframes pulse-87513c76 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-mobile.ocupado[data-v-87513c76] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-placeholder[data-v-87513c76] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.2rem;
}
.slot-numero[data-v-87513c76] {
  font-size: 0.95rem;
  font-weight: 700;
}
.slot-numero.positivo[data-v-87513c76] { color: #6EE7B7;
}
.slot-numero.negativo[data-v-87513c76] { color: #FCA5A5;
}
.slot-numero.cero[data-v-87513c76] { color: #C4B5FD;
}

/* Botones de acción */
.botones-accion[data-v-87513c76] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-87513c76], .btn-reiniciar[data-v-87513c76] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-87513c76] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-87513c76] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Valor Absoluto ===== */
.valor-absoluto-container[data-v-87513c76] {
  text-align: center;
}
.va-explicacion[data-v-87513c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.va-icono[data-v-87513c76] { font-size: 1.2rem;
}
.va-texto[data-v-87513c76] { color: #E9D5FF;
}
.va-texto strong[data-v-87513c76] { color: #FCD34D;
}
.va-visual-simple[data-v-87513c76] {
  margin: 1rem 0;
}
.va-numero-grande[data-v-87513c76] {
  font-size: 3rem;
  font-weight: 800;
  color: #6EE7B7;
}
.va-numero-grande.negativo[data-v-87513c76] {
  color: #FCA5A5;
}
.va-flecha[data-v-87513c76] {
  font-size: 1.5rem;
  color: #8B5CF6;
  margin: 0.25rem 0;
}
.va-distancia-info[data-v-87513c76] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.va-distancia-info strong[data-v-87513c76] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.va-pregunta[data-v-87513c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.va-formula[data-v-87513c76] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.va-input[data-v-87513c76] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.va-input.correcto[data-v-87513c76] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.va-input.incorrecto[data-v-87513c76] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-va[data-v-87513c76] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.va-feedback[data-v-87513c76] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.va-feedback.correcto[data-v-87513c76] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.va-contador[data-v-87513c76] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Comparar ===== */
.comparar-container[data-v-87513c76] {
  text-align: center;
}
.comparar-pregunta[data-v-87513c76] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.comparar-ecuacion-mobile[data-v-87513c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.comparar-num-box[data-v-87513c76] {
  font-size: 1.8rem;
  font-weight: 800;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 60px;
}
.comparar-num-box.positivo[data-v-87513c76] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.comparar-num-box.negativo[data-v-87513c76] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.comparar-opciones-mobile[data-v-87513c76] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.comparar-btn-mobile[data-v-87513c76] {
  width: 44px;
  height: 44px;
  font-size: 1.4rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.comparar-btn-mobile.seleccionado[data-v-87513c76] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.comparar-btn-mobile.correcto[data-v-87513c76] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.comparar-btn-mobile.incorrecto[data-v-87513c76] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.comparar-tip[data-v-87513c76] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.comparar-contador[data-v-87513c76] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-87513c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-87513c76] { font-size: 1.25rem;
}
.resultado-texto[data-v-87513c76] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-87513c76] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-87513c76] { flex: 1;
}
.nav-btn[data-v-87513c76] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-87513c76] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-87513c76] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-87513c76] { font-size: 1.75rem;
}
.completado-texto[data-v-87513c76] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-87513c76], .slide-leave-active[data-v-87513c76] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-87513c76] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-87513c76] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-ca5241d3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-ca5241d3] {
  font-size: 2rem;
}
.resumen-intro p[data-v-ca5241d3] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-ca5241d3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-ca5241d3] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-ca5241d3] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-ca5241d3]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-ca5241d3] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-ca5241d3] {
    grid-column: span 1;
}
}
.card-header[data-v-ca5241d3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-ca5241d3] {
  font-size: 1.25rem;
}
.card-titulo[data-v-ca5241d3] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-ca5241d3] {
  color: #E9D5FF;
}
.card-nota[data-v-ca5241d3] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Conjunto visual */
.conjunto-visual[data-v-ca5241d3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  flex-wrap: wrap;
}
.conjunto-simbolo[data-v-ca5241d3] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.conjunto-igual[data-v-ca5241d3] {
  color: #C4B5FD;
}
.conjunto-elementos[data-v-ca5241d3] {
  color: #FFFFFF;
}

/* Mini recta */
.mini-recta[data-v-ca5241d3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.recta-centro[data-v-ca5241d3] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(to right, #EF4444, #8B5CF6, #10B981);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.recta-centro span[data-v-ca5241d3] {
  font-weight: 600;
  font-size: 0.9rem;
}
.recta-label[data-v-ca5241d3] {
  font-size: 0.75rem;
}
.neg[data-v-ca5241d3] { color: #FCA5A5;
}
.pos[data-v-ca5241d3] { color: #6EE7B7;
}
.cero[data-v-ca5241d3] { color: #C4B5FD;
}

/* Signos resumen */
.signos-resumen[data-v-ca5241d3] {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.signo-grupo[data-v-ca5241d3] {
  flex: 1;
  min-width: 150px;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.signo-grupo.igual[data-v-ca5241d3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-grupo.distinto[data-v-ca5241d3] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-ejemplo[data-v-ca5241d3] {
  font-family: monospace;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.signo-label[data-v-ca5241d3] {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  color: #E9D5FF;
}

/* Operaciones resumen */
.operaciones-resumen[data-v-ca5241d3] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.op-item[data-v-ca5241d3] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.op-caso[data-v-ca5241d3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.op-regla[data-v-ca5241d3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.op-ejemplo[data-v-ca5241d3] {
  font-family: monospace;
  font-size: 0.9rem;
}

/* Valor absoluto */
.va-formula[data-v-ca5241d3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.75rem;
}
.va-ejemplos[data-v-ca5241d3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-family: monospace;
}

/* Ejemplos vida real */
.ejemplos-vida[data-v-ca5241d3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ejemplo-item[data-v-ca5241d3] {
  font-size: 0.85rem;
  padding: 0.25rem;
}

/* Tips finales */
.tips-finales[data-v-ca5241d3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-ca5241d3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-ca5241d3] {
  font-size: 1.25rem;
}
.tip-text[data-v-ca5241d3] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-ca5241d3] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-ca5241d3] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-ca5241d3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-ca5241d3 1s ease-in-out infinite;
}
@keyframes bounce-ca5241d3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-ca5241d3] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-ca5241d3] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-2c7a623a] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.numero[data-v-2c7a623a] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  border: 2px solid;
}
.numero.fraccion[data-v-2c7a623a] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.numero.decimal[data-v-2c7a623a] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.numero.entero[data-v-2c7a623a] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
  color: #C4B5FD;
}

/* Definición */
.definicion[data-v-2c7a623a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-2c7a623a] {
  font-size: 1.5rem;
}
.def-contenido[data-v-2c7a623a] {
  flex: 1;
}
.def-titulo[data-v-2c7a623a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-2c7a623a] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.fraccion-visual[data-v-2c7a623a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.fraccion-visual sup[data-v-2c7a623a],
.fraccion-visual sub[data-v-2c7a623a] {
  font-size: 0.9rem;
  line-height: 1;
}

/* Formas de escribir */
.formas-section[data-v-2c7a623a] {
  margin: 1.5rem 0;
}
.formas-titulo[data-v-2c7a623a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formas-grid[data-v-2c7a623a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.forma[data-v-2c7a623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.forma-icono[data-v-2c7a623a] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.forma-nombre[data-v-2c7a623a] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.forma-ejemplo[data-v-2c7a623a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Recta numérica */
.recta-section[data-v-2c7a623a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.recta-label[data-v-2c7a623a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.recta-container[data-v-2c7a623a] {
  position: relative;
  height: 50px;
  margin: 0 1rem;
}
.recta-linea-bg[data-v-2c7a623a] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(to right, #EF4444, #8B5CF6 50%, #10B981);
  border-radius: 2px;
  transform: translateY(-50%);
}
.recta-puntos[data-v-2c7a623a] {
  position: relative;
  height: 100%;
}
.punto-wrapper[data-v-2c7a623a] {
  position: absolute;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.punto[data-v-2c7a623a] {
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  margin-top: 19px;
}
.punto.small[data-v-2c7a623a] {
  width: 8px;
  height: 8px;
  margin-top: 21px;
}
.punto.center[data-v-2c7a623a] {
  background: #8B5CF6;
  width: 14px;
  height: 14px;
  margin-top: 18px;
}
.punto-valor[data-v-2c7a623a] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-top: 2px;
}
.punto-valor.neg[data-v-2c7a623a] { color: #FCA5A5;
}
.punto-valor.pos[data-v-2c7a623a] { color: #6EE7B7;
}
.recta-nota[data-v-2c7a623a] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-top: 0.75rem;
  font-style: italic;
}

/* Ejemplos */
.ejemplos-section[data-v-2c7a623a] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-2c7a623a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-2c7a623a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-2c7a623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-2c7a623a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-2c7a623a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-2c7a623a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Conjuntos visuales */
.conjuntos-box[data-v-2c7a623a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.conjuntos-titulo[data-v-2c7a623a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.conjuntos-visual[data-v-2c7a623a] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.conjunto-circulo[data-v-2c7a623a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 50%;
  padding: 0.5rem;
  position: relative;
}
.conjunto-circulo.q[data-v-2c7a623a] {
  width: 180px;
  height: 180px;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid #3B82F6;
}
.conjunto-circulo.z[data-v-2c7a623a] {
  width: 120px;
  height: 120px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  margin-top: 0.5rem;
}
.conjunto-circulo.n[data-v-2c7a623a] {
  width: 60px;
  height: 60px;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  margin-top: 0.5rem;
}
.conjunto-label[data-v-2c7a623a] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.conjuntos-nota[data-v-2c7a623a] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
}

/* Tip */
.tip[data-v-2c7a623a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2c7a623a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2c7a623a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2c7a623a] {
  color: #6EE7B7;
}
.tip-texto em[data-v-2c7a623a] {
  color: #FCD34D;
  font-style: normal;
}

/* Desktop: más espacio */
@media (min-width: 640px) {
.intro-visual[data-v-2c7a623a] {
    gap: 1.5rem;
}
.numero[data-v-2c7a623a] {
    font-size: 2rem;
    padding: 0.5rem 1rem;
}
.formas-grid[data-v-2c7a623a] {
    gap: 1rem;
}
.forma[data-v-2c7a623a] {
    padding: 1rem;
}
.ejemplos-grid[data-v-2c7a623a] {
    grid-template-columns: repeat(4, 1fr);
}
.conjunto-circulo.q[data-v-2c7a623a] {
    width: 220px;
    height: 220px;
}
.conjunto-circulo.z[data-v-2c7a623a] {
    width: 150px;
    height: 150px;
}
.conjunto-circulo.n[data-v-2c7a623a] {
    width: 80px;
    height: 80px;
}
.conjunto-label[data-v-2c7a623a] {
    font-size: 0.75rem;
}
}

/* Sección de operación */
.operacion-section[data-v-4fafb8ee] {
  margin: 1.5rem 0;
}
.op-header[data-v-4fafb8ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: 0;
}
.op-header.suma[data-v-4fafb8ee] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-bottom: none;
}
.op-header.mult[data-v-4fafb8ee] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-bottom: none;
}
.op-header.div[data-v-4fafb8ee] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-bottom: none;
}
.op-icono[data-v-4fafb8ee] { font-size: 1.1rem;
}
.op-titulo[data-v-4fafb8ee] { font-weight: 700; color: #FFFFFF; font-size: 0.95rem;
}

/* Tarjeta de regla */
.regla-card[data-v-4fafb8ee] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 1rem;
}
.suma + .regla-card[data-v-4fafb8ee] { border-color: rgba(59, 130, 246, 0.4);
}
.mult + .regla-card[data-v-4fafb8ee] { border-color: rgba(16, 185, 129, 0.4);
}
.div + .regla-card[data-v-4fafb8ee] { border-color: rgba(245, 158, 11, 0.4);
}
.regla-caso[data-v-4fafb8ee] {
  margin-bottom: 1rem;
}
.regla-caso[data-v-4fafb8ee]:last-child {
  margin-bottom: 0;
}
.caso-titulo[data-v-4fafb8ee] {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.regla-simple[data-v-4fafb8ee] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.regla-simple.destacada[data-v-4fafb8ee] {
  background: rgba(245, 158, 11, 0.1);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.regla-texto[data-v-4fafb8ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Fórmulas y fracciones */
.formula[data-v-4fafb8ee], .ejemplo-op[data-v-4fafb8ee] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}
.fraccion[data-v-4fafb8ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
}
.fraccion .num[data-v-4fafb8ee], .fraccion .den[data-v-4fafb8ee] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.2;
}
.fraccion .linea[data-v-4fafb8ee] {
  width: 100%;
  height: 2px;
  background: #C4B5FD;
  margin: 2px 0;
  min-width: 20px;
}
.fraccion.ejemplo[data-v-4fafb8ee] {
  background: rgba(59, 130, 246, 0.2);
}
.fraccion.intermedio[data-v-4fafb8ee] {
  background: rgba(139, 92, 246, 0.25);
}
.fraccion.resultado[data-v-4fafb8ee] {
  background: rgba(16, 185, 129, 0.25);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.fraccion.resultado .num[data-v-4fafb8ee], .fraccion.resultado .den[data-v-4fafb8ee] {
  color: #6EE7B7;
}
.fraccion.invertida[data-v-4fafb8ee] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px dashed rgba(245, 158, 11, 0.5);
}
.signo[data-v-4fafb8ee] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Simulador */
.simulador[data-v-4fafb8ee] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-4fafb8ee] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-4fafb8ee] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.sim-fraccion[data-v-4fafb8ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sim-input-group[data-v-4fafb8ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sim-input[data-v-4fafb8ee] {
  width: 40px;
  padding: 0.3rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: white;
  font-family: inherit;
}
.sim-linea[data-v-4fafb8ee] {
  width: 40px;
  height: 3px;
  background: #8B5CF6;
  margin: 3px 0;
}
.sim-op[data-v-4fafb8ee], .sim-eq[data-v-4fafb8ee] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.sim-resultado[data-v-4fafb8ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-fraccion-resultado[data-v-4fafb8ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.35rem;
}
.sim-fraccion-resultado .num[data-v-4fafb8ee],
.sim-fraccion-resultado .den[data-v-4fafb8ee] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  line-height: 1.2;
}
.sim-fraccion-resultado .linea[data-v-4fafb8ee] {
  width: 100%;
  height: 2px;
  background: #6EE7B7;
  margin: 2px 0;
  min-width: 30px;
}
.sim-simplificado[data-v-4fafb8ee] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip-box[data-v-4fafb8ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icon[data-v-4fafb8ee] { font-size: 1.25rem;
}
.tip-text[data-v-4fafb8ee] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-text strong[data-v-4fafb8ee] { color: #6EE7B7;
}

/* Responsive */
@media (min-width: 640px) {
.sim-input[data-v-4fafb8ee] {
    width: 50px;
    font-size: 1.25rem;
}
.sim-linea[data-v-4fafb8ee] {
    width: 50px;
}
.fraccion .num[data-v-4fafb8ee], .fraccion .den[data-v-4fafb8ee] {
    font-size: 1rem;
}
}

.explorador[data-v-fcaabb0f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fcaabb0f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fcaabb0f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fcaabb0f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fcaabb0f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fcaabb0f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fcaabb0f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fcaabb0f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fcaabb0f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fcaabb0f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Conversión ===== */
.conversion-container[data-v-fcaabb0f] {
  text-align: center;
}
.conversion-visual[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
}
.fraccion-grande[data-v-fcaabb0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
}
.fraccion-grande .num[data-v-fcaabb0f],
.fraccion-grande .den[data-v-fcaabb0f] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
  line-height: 1.1;
}
.fraccion-grande .linea[data-v-fcaabb0f] {
  width: 100%;
  height: 3px;
  background: #3B82F6;
  margin: 4px 0;
  min-width: 40px;
}
.conversion-flecha[data-v-fcaabb0f] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.decimal-input-container[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
}
.decimal-input[data-v-fcaabb0f] {
  width: 80px;
  padding: 0.75rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.decimal-input.correcto[data-v-fcaabb0f] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.decimal-input.incorrecto[data-v-fcaabb0f] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.conversion-ayuda[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-fcaabb0f] { font-size: 1rem;
}
.ayuda-texto[data-v-fcaabb0f] { color: #C4B5FD; font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Comparar ===== */
.comparar-container[data-v-fcaabb0f] {
  text-align: center;
}
.comparar-pregunta[data-v-fcaabb0f] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.comparar-fracciones[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.fraccion-opcion[data-v-fcaabb0f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(59, 130, 246, 0.15);
  border: 3px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.fraccion-opcion[data-v-fcaabb0f]:hover:not(:disabled) {
  border-color: #3B82F6;
  transform: scale(1.05);
}
.fraccion-opcion.seleccionada[data-v-fcaabb0f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.fraccion-opcion.correcta[data-v-fcaabb0f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.fraccion-opcion.incorrecta[data-v-fcaabb0f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.fraccion-opcion .num[data-v-fcaabb0f],
.fraccion-opcion .den[data-v-fcaabb0f] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.1;
}
.fraccion-opcion .linea[data-v-fcaabb0f] {
  width: 100%;
  height: 3px;
  background: #93C5FD;
  margin: 4px 0;
  min-width: 35px;
}
.comparar-vs[data-v-fcaabb0f] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.comparar-tip[data-v-fcaabb0f] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* ===== DESAFÍO 3: Recta ===== */
.recta-container[data-v-fcaabb0f] {
  text-align: center;
}
.recta-pregunta[data-v-fcaabb0f] {
  color: #E9D5FF;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}
.fraccion-inline[data-v-fcaabb0f] {
  display: inline;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
}
.recta-interactiva[data-v-fcaabb0f] {
  position: relative;
  height: 80px;
  margin: 0 0.5rem 1.5rem;
}
.recta-linea-fondo[data-v-fcaabb0f] {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(to right, rgba(139, 92, 246, 0.3), rgba(16, 185, 129, 0.3));
  border-radius: 3px;
}
.recta-marcas[data-v-fcaabb0f] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
}
.marca[data-v-fcaabb0f] {
  position: absolute;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marca[data-v-fcaabb0f]::after {
  content: '';
  width: 2px;
  height: 20px;
  background: rgba(139, 92, 246, 0.5);
  margin-top: 20px;
}
.marca span[data-v-fcaabb0f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.recta-slider[data-v-fcaabb0f] {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  width: 100%;
  height: 20px;
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  z-index: 10;
}
.recta-slider[data-v-fcaabb0f]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border: 3px solid white;
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.recta-slider[data-v-fcaabb0f]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border: 3px solid white;
  border-radius: 50%;
  cursor: grab;
}
.recta-punto-usuario[data-v-fcaabb0f] {
  position: absolute;
  top: 55px;
  transform: translateX(-50%);
  transition: left 0.1s ease;
}
.punto-valor[data-v-fcaabb0f] {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.recta-punto-usuario.correcto .punto-valor[data-v-fcaabb0f] {
  background: #10B981;
}
.recta-punto-usuario.incorrecto .punto-valor[data-v-fcaabb0f] {
  background: #EF4444;
}

/* Elementos comunes */
.botones-desafio[data-v-fcaabb0f] {
  margin: 1rem 0;
}
.btn-verificar[data-v-fcaabb0f] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
}
.feedback-error[data-v-fcaabb0f] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.resultado-correcto[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fcaabb0f] { font-size: 1.25rem;
}
.resultado-texto[data-v-fcaabb0f] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-fcaabb0f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-fcaabb0f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fcaabb0f] { flex: 1;
}
.nav-btn[data-v-fcaabb0f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fcaabb0f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fcaabb0f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fcaabb0f] { font-size: 1.75rem;
}
.completado-texto[data-v-fcaabb0f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fcaabb0f], .slide-leave-active[data-v-fcaabb0f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fcaabb0f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fcaabb0f] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-0758a0cb] {
  font-size: 2rem;
}
.resumen-intro p[data-v-0758a0cb] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-0758a0cb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-0758a0cb] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-0758a0cb] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-0758a0cb]:hover {
  border-color: #3B82F6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-0758a0cb] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-0758a0cb] {
    grid-column: span 1;
}
}
.card-header[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-0758a0cb] {
  font-size: 1.25rem;
}
.card-titulo[data-v-0758a0cb] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-0758a0cb] {
  color: #E9D5FF;
}
.card-nota[data-v-0758a0cb] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Conjunto visual */
.conjunto-visual[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  flex-wrap: wrap;
}
.conjunto-simbolo[data-v-0758a0cb] {
  font-size: 1.5rem;
  color: #3B82F6;
}
.conjunto-igual[data-v-0758a0cb] {
  color: #C4B5FD;
}
.conjunto-elementos[data-v-0758a0cb] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Representaciones */
.representaciones[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.rep-item[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.rep-tipo[data-v-0758a0cb] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.rep-valor[data-v-0758a0cb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rep-igual[data-v-0758a0cb] {
  color: #8B5CF6;
  font-weight: 700;
}

/* Operaciones resumen */
.operaciones-resumen[data-v-0758a0cb] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.op-item[data-v-0758a0cb] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.op-nombre[data-v-0758a0cb] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.op-regla[data-v-0758a0cb] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* Conversiones */
.conversiones[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conv-item[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
}
.conv-de[data-v-0758a0cb] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}
.conv-como[data-v-0758a0cb] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Comparar métodos */
.comparar-metodos[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.metodo[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.metodo-num[data-v-0758a0cb] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.metodo-texto[data-v-0758a0cb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Racional check */
.racional-check[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.check-item[data-v-0758a0cb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.35rem;
}
.check-item.si[data-v-0758a0cb] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.check-item.no[data-v-0758a0cb] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.check[data-v-0758a0cb] {
  font-weight: 700;
}

/* Tips finales */
.tips-finales[data-v-0758a0cb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-0758a0cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-0758a0cb] {
  font-size: 1.25rem;
}
.tip-text[data-v-0758a0cb] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-0758a0cb] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-0758a0cb] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-0758a0cb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-0758a0cb 1s ease-in-out infinite;
}
@keyframes bounce-0758a0cb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-0758a0cb] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-0758a0cb] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-a6bf4e2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.porcentaje-grande[data-v-a6bf4e2c] {
  font-size: 4rem;
  font-weight: 800;
  color: #8B5CF6;
  line-height: 1;
}
.porcentaje-texto[data-v-a6bf4e2c] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Ejemplo visual 50% */
.ejemplo-visual[data-v-a6bf4e2c] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-a6bf4e2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.cuadricula[data-v-a6bf4e2c] {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 2px;
  margin-bottom: 0.75rem;
}
.cuadrito[data-v-a6bf4e2c] {
  aspect-ratio: 1;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 2px;
}
.cuadrito.relleno[data-v-a6bf4e2c] {
  background: #8B5CF6;
}
.ejemplo-formula[data-v-a6bf4e2c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-parte[data-v-a6bf4e2c] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.formula-igual[data-v-a6bf4e2c] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Utilidad */
.utilidad-section[data-v-a6bf4e2c] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-a6bf4e2c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-grid[data-v-a6bf4e2c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.utilidad-item[data-v-a6bf4e2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.util-icono[data-v-a6bf4e2c] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.util-texto[data-v-a6bf4e2c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.util-ejemplo[data-v-a6bf4e2c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Equivalencias */
.equivalencias[data-v-a6bf4e2c] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.equiv-titulo[data-v-a6bf4e2c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.equiv-ejemplos[data-v-a6bf4e2c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.equiv-fila[data-v-a6bf4e2c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.equiv-porcentaje[data-v-a6bf4e2c] {
  font-weight: 700;
  color: #8B5CF6;
  min-width: 50px;
  text-align: center;
}
.equiv-fraccion[data-v-a6bf4e2c] {
  font-weight: 600;
  color: #93C5FD;
  min-width: 100px;
  text-align: center;
}
.equiv-decimal[data-v-a6bf4e2c] {
  font-weight: 700;
  color: #6EE7B7;
  min-width: 50px;
  text-align: center;
}
.equiv-sep[data-v-a6bf4e2c] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-a6bf4e2c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a6bf4e2c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a6bf4e2c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a6bf4e2c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.porcentaje-grande[data-v-a6bf4e2c] {
    font-size: 5rem;
}
.porcentaje-texto[data-v-a6bf4e2c] {
    font-size: 1.25rem;
}
.utilidad-grid[data-v-a6bf4e2c] {
    grid-template-columns: repeat(4, 1fr);
}
.equiv-fila[data-v-a6bf4e2c] {
    font-size: 0.95rem;
}
}

/* Conversion sections */
.conversion-section[data-v-0aa2d00f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.conversion-titulo[data-v-0aa2d00f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.conv-icono[data-v-0aa2d00f] {
  font-size: 1.25rem;
}
.conv-texto[data-v-0aa2d00f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.conversion-contenido[data-v-0aa2d00f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.conv-regla[data-v-0aa2d00f] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.conv-regla strong[data-v-0aa2d00f] {
  color: #FFFFFF;
}
.conv-ejemplos[data-v-0aa2d00f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conv-ejemplo[data-v-0aa2d00f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.conv-inicio[data-v-0aa2d00f] {
  font-weight: 700;
  color: #8B5CF6;
  min-width: 60px;
  text-align: center;
}
.conv-proceso[data-v-0aa2d00f] {
  color: #93C5FD;
  font-size: 0.85rem;
  font-weight: 600;
}
.conv-resultado[data-v-0aa2d00f] {
  font-weight: 700;
  color: #6EE7B7;
  min-width: 60px;
  text-align: center;
}

/* Ejemplos con fracciones */
.conv-ejemplos-fraccion[data-v-0aa2d00f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.conv-ejemplo-frac[data-v-0aa2d00f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.frac-paso[data-v-0aa2d00f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.frac-label[data-v-0aa2d00f] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
  min-width: 55px;
}
.frac-contenido[data-v-0aa2d00f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Tabla de equivalencias */
.tabla-equivalencias[data-v-0aa2d00f] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tabla-titulo[data-v-0aa2d00f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-grid[data-v-0aa2d00f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-0aa2d00f] {
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
  text-align: center;
}
.tabla-cell[data-v-0aa2d00f] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  text-align: center;
}
.tabla-cell.porcentaje[data-v-0aa2d00f] {
  color: #8B5CF6;
}
.tabla-cell.decimal[data-v-0aa2d00f] {
  color: #93C5FD;
}
.tabla-cell.fraccion[data-v-0aa2d00f] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-0aa2d00f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-0aa2d00f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0aa2d00f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0aa2d00f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conv-ejemplos[data-v-0aa2d00f] {
    flex-direction: row;
    justify-content: space-around;
}
.conv-ejemplo[data-v-0aa2d00f] {
    flex: 1;
}
.conv-ejemplos-fraccion[data-v-0aa2d00f] {
    flex-direction: row;
    gap: 1rem;
}
.conv-ejemplo-frac[data-v-0aa2d00f] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-b00b8402] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-b00b8402] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-contenido[data-v-b00b8402] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-box[data-v-b00b8402] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.formula-texto[data-v-b00b8402] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-igual[data-v-b00b8402] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.formula-alt[data-v-b00b8402] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-alt strong[data-v-b00b8402] {
  color: #FFFFFF;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-b00b8402] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-b00b8402] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ej-icono[data-v-b00b8402] {
  font-size: 1.25rem;
}
.ej-titulo[data-v-b00b8402] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.pasos-ejemplo[data-v-b00b8402] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-b00b8402] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-b00b8402] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  color: #FFFFFF;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-b00b8402] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-desc[data-v-b00b8402] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-valor[data-v-b00b8402] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.paso-resultado[data-v-b00b8402] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.resultado-texto[data-v-b00b8402] {
  font-weight: 700;
  color: #6EE7B7;
}
.resultado-valor[data-v-b00b8402] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-b00b8402] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-b00b8402] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-b00b8402] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-rapido[data-v-b00b8402] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.er-pregunta[data-v-b00b8402] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}
.er-desarrollo[data-v-b00b8402] {
  font-weight: 600;
  color: #93C5FD;
  font-size: 0.85rem;
}
.er-resultado[data-v-b00b8402] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Método alternativo */
.metodo-alternativo[data-v-b00b8402] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.metodo-titulo[data-v-b00b8402] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.metodo-icono[data-v-b00b8402] {
  font-size: 1.25rem;
}
.metodo-texto[data-v-b00b8402] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.metodo-contenido[data-v-b00b8402] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.metodo-desc[data-v-b00b8402] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}
.metodo-ejemplos[data-v-b00b8402] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-ejemplo[data-v-b00b8402] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.me-operacion[data-v-b00b8402] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 0.9rem;
}
.me-sep[data-v-b00b8402] {
  color: #FFFFFF;
  font-weight: 600;
}
.me-fraccion[data-v-b00b8402] {
  font-weight: 600;
  color: #93C5FD;
  font-size: 0.9rem;
}
.me-resultado[data-v-b00b8402] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-b00b8402] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b00b8402] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b00b8402] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-b00b8402] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-b00b8402] {
    gap: 1rem;
}
.formula-texto[data-v-b00b8402] {
    font-size: 1.25rem;
}
.ejemplos-lista[data-v-b00b8402] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.ejemplo-rapido[data-v-b00b8402] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

/* Explorador */
.explorador[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Progreso */
.progreso-desafios[data-v-b3c25428] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-b3c25428] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #C4B5FD;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  outline: none;
}
.progreso-item.activo[data-v-b3c25428] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  transform: scale(1.1);
}
.progreso-item.completado[data-v-b3c25428] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.progreso-check[data-v-b3c25428] {
  font-size: 1.5rem;
}

/* Desafío */
.desafio-container[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.desafio-header[data-v-b3c25428] {
  text-align: center;
}
.desafio-numero[data-v-b3c25428] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.desafio-titulo[data-v-b3c25428] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.5rem 0;
}
.desafio-instruccion[data-v-b3c25428] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}
.desafio-contenido[data-v-b3c25428] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1.5rem;
}

/* Desafío 1: Conversión */
.conversion-container[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.conversion-visual[data-v-b3c25428] {
  width: 100%;
}
.conv-pregunta[data-v-b3c25428] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.conv-numero[data-v-b3c25428] {
  font-size: 2rem;
  font-weight: 800;
  color: #8B5CF6;
}
.conv-flecha[data-v-b3c25428] {
  font-size: 1.5rem;
  color: #93C5FD;
}
.conv-label[data-v-b3c25428] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Desafío 2: Cálculo */
.calculo-container[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.calculo-pregunta[data-v-b3c25428] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  font-size: 1.1rem;
}
.calc-texto[data-v-b3c25428] {
  color: #E9D5FF;
  font-weight: 600;
}
.calc-porcentaje[data-v-b3c25428] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 1.5rem;
}
.calc-cantidad[data-v-b3c25428] {
  font-weight: 800;
  color: #93C5FD;
  font-size: 1.5rem;
}
.ayuda-visual[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.ayuda-paso[data-v-b3c25428] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.ayuda-label[data-v-b3c25428] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
}
.ayuda-valor[data-v-b3c25428] {
  font-weight: 600;
  color: #E9D5FF;
  font-family: monospace;
}

/* Desafío 3: Problemas */
.mixto-container[data-v-b3c25428] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.problema-actual[data-v-b3c25428] {
  padding: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.problema-enunciado[data-v-b3c25428] {
  font-size: 1.05rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.problema-contexto[data-v-b3c25428] {
  font-size: 0.9rem;
  color: #93C5FD;
  font-style: italic;
}
.contador-problemas[data-v-b3c25428] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Inputs y botones */
.input-container[data-v-b3c25428] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.input-respuesta[data-v-b3c25428] {
  flex: 1;
  min-width: 120px;
  max-width: 200px;
  padding: 0.75rem 1rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease;
}
.input-respuesta[data-v-b3c25428]:focus {
  outline: none;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.1);
}
.input-respuesta[data-v-b3c25428]:disabled {
  opacity: 0.6;
}
.input-respuesta.correcto[data-v-b3c25428] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-b3c25428] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b3c25428] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-verificar[data-v-b3c25428]:hover:not(:disabled) {
  background: #7C3AED;
  transform: translateY(-2px);
}
.btn-verificar[data-v-b3c25428]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-b3c25428] {
  text-align: center;
}
.feedback-correcto[data-v-b3c25428] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  font-weight: 600;
}
.feedback-incorrecto[data-v-b3c25428] {
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-weight: 600;
}
.resultado-correcto[data-v-b3c25428] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.resultado-icono[data-v-b3c25428] {
  font-size: 1.5rem;
}
.resultado-texto[data-v-b3c25428] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}

/* Navegación */
.navegacion[data-v-b3c25428] {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
.btn-nav[data-v-b3c25428] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-nav[data-v-b3c25428]:hover {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b3c25428],
.slide-leave-active[data-v-b3c25428] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-b3c25428] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-b3c25428] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Desktop */
@media (min-width: 640px) {
.progreso-item[data-v-b3c25428] {
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
}
.conv-numero[data-v-b3c25428] {
    font-size: 2.5rem;
}
.calc-porcentaje[data-v-b3c25428],
  .calc-cantidad[data-v-b3c25428] {
    font-size: 1.75rem;
}
}

/* Resumen section */
.resumen-section[data-v-d7223813] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-d7223813] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-d7223813] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-d7223813] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.conceptos-grid[data-v-d7223813] {
  display: grid;
  gap: 0.75rem;
}
.concepto-card[data-v-d7223813] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-d7223813] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.concepto-body[data-v-d7223813] {
  padding: 0.75rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.concepto-body strong[data-v-d7223813] {
  color: #FFFFFF;
}

/* Fórmulas */
.formulas-section[data-v-d7223813] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formulas-titulo[data-v-d7223813] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-lista[data-v-d7223813] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-d7223813] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-d7223813] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
}
.formula-expr[data-v-d7223813] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 700;
  font-family: monospace;
}

/* Equivalencias */
.equivalencias-section[data-v-d7223813] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.equiv-titulo[data-v-d7223813] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.equiv-grid[data-v-d7223813] {
  display: grid;
  gap: 0.5rem;
}
.equiv-item[data-v-d7223813] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.equiv-p[data-v-d7223813] {
  font-weight: 700;
  color: #8B5CF6;
  min-width: 50px;
  text-align: center;
}
.equiv-d[data-v-d7223813] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 50px;
  text-align: center;
}
.equiv-f[data-v-d7223813] {
  font-weight: 700;
  color: #6EE7B7;
  min-width: 50px;
  text-align: center;
}
.equiv-sep[data-v-d7223813] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Tips PAES */
.tips-paes-section[data-v-d7223813] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-header[data-v-d7223813] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(16, 185, 129, 0.3);
}
.tips-icono[data-v-d7223813] {
  font-size: 1.5rem;
}
.tips-titulo[data-v-d7223813] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tips-lista[data-v-d7223813] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-d7223813] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-d7223813] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #10B981;
  color: #FFFFFF;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-d7223813] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo-item[data-v-d7223813] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.tip-desc[data-v-d7223813] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.tip-desc strong[data-v-d7223813] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-d7223813] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-d7223813] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-d7223813] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.6;
}
.mensaje-texto strong[data-v-d7223813] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-d7223813] {
    grid-template-columns: repeat(3, 1fr);
}
.equiv-grid[data-v-d7223813] {
    grid-template-columns: repeat(3, 1fr);
}
.formula-item[data-v-d7223813] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}

/* Intro visual */
.intro-visual[data-v-1bad0681] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.porcentaje-grande[data-v-1bad0681] {
  display: flex;
  align-items: baseline;
}
.porcentaje-grande .numero[data-v-1bad0681] {
  font-size: 3rem;
  font-weight: 800;
  color: #8B5CF6;
}
.porcentaje-grande .simbolo[data-v-1bad0681] {
  font-size: 2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.significa[data-v-1bad0681] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.fraccion[data-v-1bad0681] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #C4B5FD;
}
.decimal[data-v-1bad0681] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #6EE7B7;
}
.palabra[data-v-1bad0681] {
  background: rgba(245, 158, 11, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Visual barra */
.visual-section[data-v-1bad0681] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-1bad0681] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.barra-container[data-v-1bad0681] {
  position: relative;
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.barra-llena[data-v-1bad0681] {
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #6366F1);
  border-radius: 0.5rem 0 0 0.5rem;
  transition: width 0.5s ease;
}
.barra-marcas[data-v-1bad0681] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.marca[data-v-1bad0681] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.6rem;
  font-weight: 600;
  color: #E9D5FF;
}
.barra-nota[data-v-1bad0681] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Fórmula */
.formula-section[data-v-1bad0681] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-1bad0681] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-1bad0681] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-1bad0681] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
.formula-parte[data-v-1bad0681] {
  color: #E9D5FF;
}
.formula-eq[data-v-1bad0681] {
  color: #C4B5FD;
  font-weight: 700;
}
.formula-calc[data-v-1bad0681] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-ejemplo[data-v-1bad0681] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-1bad0681] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-calculo[data-v-1bad0681] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.ejemplo-calculo .resultado[data-v-1bad0681] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* Porcentajes comunes */
.comunes-section[data-v-1bad0681] {
  margin: 1.5rem 0;
}
.comunes-titulo[data-v-1bad0681] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comunes-grid[data-v-1bad0681] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comun-item[data-v-1bad0681] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.comun-pct[data-v-1bad0681] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.comun-eq[data-v-1bad0681] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.comun-tip[data-v-1bad0681] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-1bad0681] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1bad0681] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1bad0681] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1bad0681] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-1bad0681] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-1bad0681] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-1bad0681] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-1bad0681] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1bad0681] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1bad0681] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1bad0681] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.porcentaje-grande .numero[data-v-1bad0681] {
    font-size: 4rem;
}
.comunes-grid[data-v-1bad0681] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-1bad0681] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual de descuento */
.descuento-visual[data-v-d4f38050] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.precio-container[data-v-d4f38050] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.precio-original[data-v-d4f38050], .precio-final[data-v-d4f38050] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.precio-label[data-v-d4f38050] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.precio-valor[data-v-d4f38050] {
  font-size: 1.25rem;
  font-weight: 800;
}
.precio-valor.tachado[data-v-d4f38050] {
  color: #FCA5A5;
  text-decoration: line-through;
}
.precio-valor.verde[data-v-d4f38050] {
  color: #6EE7B7;
}
.descuento-badge[data-v-d4f38050] {
  background: linear-gradient(135deg, #EF4444, #DC2626);
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-weight: 800;
  font-size: 1.1rem;
}

/* Métodos */
.metodo-box[data-v-d4f38050] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.metodo-box.destacado[data-v-d4f38050] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.metodo-header[data-v-d4f38050] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.metodo-num[data-v-d4f38050] {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
}
.metodo-box.destacado .metodo-num[data-v-d4f38050] {
  background: #10B981;
}
.metodo-titulo[data-v-d4f38050] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.metodo-contenido[data-v-d4f38050] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-d4f38050] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.paso-num[data-v-d4f38050] {
  color: #8B5CF6;
  font-weight: 700;
}
.paso-texto[data-v-d4f38050] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-formula[data-v-d4f38050] {
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.85rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.metodo-explicacion[data-v-d4f38050] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.formula-directa[data-v-d4f38050] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.formula-precio[data-v-d4f38050], .formula-factor[data-v-d4f38050] {
  font-weight: 700;
  font-size: 1rem;
}
.formula-precio[data-v-d4f38050] {
  color: #E9D5FF;
}
.formula-factor[data-v-d4f38050] {
  color: #FCD34D;
}
.formula-op[data-v-d4f38050], .formula-eq[data-v-d4f38050] {
  color: #C4B5FD;
  font-weight: 700;
}
.formula-resultado[data-v-d4f38050] {
  color: #6EE7B7;
  font-weight: 800;
  font-size: 1.1rem;
}

/* Tabla de conversión */
.tabla-section[data-v-d4f38050] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-d4f38050] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-grid[data-v-d4f38050] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tabla-item[data-v-d4f38050] {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.descuento[data-v-d4f38050] {
  color: #FCA5A5;
  font-weight: 600;
}
.flecha[data-v-d4f38050] {
  color: #C4B5FD;
}
.pagas[data-v-d4f38050] {
  color: #6EE7B7;
  font-weight: 600;
}
.factor[data-v-d4f38050] {
  color: #FCD34D;
  font-family: monospace;
  font-weight: 600;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-d4f38050] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-header[data-v-d4f38050] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-d4f38050] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-d4f38050] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-problema[data-v-d4f38050] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-d4f38050] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-paso[data-v-d4f38050] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.4rem;
  flex-wrap: wrap;
}
.sol-paso[data-v-d4f38050]:last-child {
  margin-bottom: 0;
}
.sol-label[data-v-d4f38050] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 80px;
}
.sol-calc[data-v-d4f38050] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.sol-calc .resultado[data-v-d4f38050] {
  color: #6EE7B7;
}

/* Alerta */
.alerta-box[data-v-d4f38050] {
  display: flex;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.alerta-icono[data-v-d4f38050] {
  font-size: 1.25rem;
}
.alerta-contenido[data-v-d4f38050] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.alerta-titulo[data-v-d4f38050] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.alerta-texto[data-v-d4f38050] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-d4f38050] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d4f38050] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d4f38050] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d4f38050] {
  color: #FCD34D;
}

/* Texto destacado */
strong.negativo[data-v-d4f38050] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-grid[data-v-d4f38050] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Visual de aumento */
.aumento-visual[data-v-8040208d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.precio-container[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.precio-original[data-v-8040208d], .precio-final[data-v-8040208d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.precio-label[data-v-8040208d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.precio-valor[data-v-8040208d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #E9D5FF;
}
.precio-valor.verde[data-v-8040208d] {
  color: #6EE7B7;
}
.aumento-badge[data-v-8040208d] {
  background: linear-gradient(135deg, #10B981, #059669);
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-weight: 800;
  font-size: 1.1rem;
}

/* Fórmula */
.formula-section[data-v-8040208d] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-8040208d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-8040208d] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-8040208d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
.formula-texto[data-v-8040208d] {
  color: #E9D5FF;
}
.formula-eq[data-v-8040208d] {
  color: #C4B5FD;
  font-weight: 700;
}
.formula-calc[data-v-8040208d] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.formula-ejemplo[data-v-8040208d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-8040208d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-calculo[data-v-8040208d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-calculo .resultado[data-v-8040208d] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* IVA section */
.iva-section[data-v-8040208d] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.iva-header[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.iva-icono[data-v-8040208d] {
  font-size: 1.25rem;
}
.iva-titulo[data-v-8040208d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.iva-contenido[data-v-8040208d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.iva-dato[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.dato-label[data-v-8040208d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.dato-valor[data-v-8040208d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.iva-info[data-v-8040208d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.iva-info p[data-v-8040208d] {
  margin: 0 0 0.5rem;
}
.iva-info p[data-v-8040208d]:last-child {
  margin-bottom: 0;
}
.iva-formula[data-v-8040208d] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.f-item[data-v-8040208d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.f-label[data-v-8040208d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.f-calc[data-v-8040208d] {
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
}

/* Propinas */
.propina-section[data-v-8040208d] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.propina-header[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.propina-icono[data-v-8040208d] {
  font-size: 1.25rem;
}
.propina-titulo[data-v-8040208d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.propina-contenido[data-v-8040208d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.propina-contenido p[data-v-8040208d] {
  margin: 0 0 0.75rem;
}
.propina-ejemplo[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-texto[data-v-8040208d], .prop-calc[data-v-8040208d] {
  font-family: monospace;
}
.prop-flecha[data-v-8040208d] {
  color: #C4B5FD;
}
.prop-total[data-v-8040208d] {
  font-weight: 700;
  color: #FCD34D;
}
.propina-tip[data-v-8040208d] {
  font-size: 0.8rem;
  color: #FCD34D;
  text-align: center;
}

/* Tabla comparativa */
.tabla-section[data-v-8040208d] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-8040208d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparativa[data-v-8040208d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tabla-col[data-v-8040208d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.col-header[data-v-8040208d] {
  padding: 0.5rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.85rem;
}
.col-header.negativo[data-v-8040208d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.col-header.positivo[data-v-8040208d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.col-item[data-v-8040208d] {
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}

/* Ejemplo combinado */
.ejemplo-combinado[data-v-8040208d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-header[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-8040208d] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-8040208d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-problema[data-v-8040208d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-8040208d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-paso[data-v-8040208d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
  flex-wrap: wrap;
}
.sol-paso[data-v-8040208d]:last-child {
  margin-bottom: 0;
}
.sol-num[data-v-8040208d] {
  color: #8B5CF6;
  font-weight: 700;
}
.sol-texto[data-v-8040208d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-calc[data-v-8040208d] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-8040208d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8040208d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8040208d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8040208d] {
  color: #FCD34D;
}

/* Texto destacado */
strong.positivo[data-v-8040208d] {
  color: #6EE7B7;
}
strong.negativo[data-v-8040208d] {
  color: #FCA5A5;
}

.explorador[data-v-c7e2141f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Progreso */
.progreso-desafios[data-v-c7e2141f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-c7e2141f] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-c7e2141f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-c7e2141f] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-c7e2141f] {
  font-size: 1.25rem;
}
.progreso-check[data-v-c7e2141f] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-c7e2141f] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c7e2141f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c7e2141f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-c7e2141f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* Problema box */
.problema-box[data-v-c7e2141f] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-c7e2141f] {
  display: block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-c7e2141f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.problema-pregunta[data-v-c7e2141f] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}

/* Respuesta container */
.respuesta-container[data-v-c7e2141f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-c7e2141f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-c7e2141f] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1.25rem;
}
.respuesta-input[data-v-c7e2141f] {
  width: 140px;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-c7e2141f]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-c7e2141f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-c7e2141f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-c7e2141f]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-c7e2141f] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-c7e2141f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-c7e2141f] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-c7e2141f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-c7e2141f] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-c7e2141f] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Navegación */
.navegacion[data-v-c7e2141f] {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-c7e2141f] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-c7e2141f]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}

/* Resumen final */
.resumen-final[data-v-c7e2141f] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-c7e2141f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-c7e2141f] {
  font-size: 2rem;
}
.resumen-titulo[data-v-c7e2141f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-c7e2141f] {
  display: flex;
  justify-content: center;
}
.stat[data-v-c7e2141f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-c7e2141f] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-c7e2141f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-c7e2141f],
.slide-leave-active[data-v-c7e2141f] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-c7e2141f] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-c7e2141f] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Intro */
.resumen-intro[data-v-aa085abd] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-aa085abd] {
  font-size: 2rem;
}
.resumen-intro p[data-v-aa085abd] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-aa085abd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-aa085abd] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-aa085abd] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-aa085abd]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.descuento[data-v-aa085abd] {
  border-color: rgba(239, 68, 68, 0.4);
}
.resumen-card.aumento[data-v-aa085abd] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.atajos[data-v-aa085abd] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.wide[data-v-aa085abd] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-aa085abd] {
    grid-column: span 1;
}
}
.card-header[data-v-aa085abd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-aa085abd] {
  font-size: 1.25rem;
}
.card-titulo[data-v-aa085abd] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-aa085abd] {
  color: #E9D5FF;
}

/* Concepto visual */
.concepto-visual[data-v-aa085abd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-visual .pct[data-v-aa085abd] {
  font-size: 2rem;
  font-weight: 800;
  color: #8B5CF6;
}
.concepto-visual .igual[data-v-aa085abd] {
  font-size: 1.2rem;
  color: #C4B5FD;
}
.concepto-visual .explicacion[data-v-aa085abd] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.formula-basica[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.formula-label[data-v-aa085abd] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-eq[data-v-aa085abd] {
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
}

/* Regla */
.regla[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.regla-texto[data-v-aa085abd] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.regla-formula[data-v-aa085abd] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-mini[data-v-aa085abd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-mini .resultado[data-v-aa085abd] {
  font-weight: 700;
  color: #FCD34D;
}

/* Atajos */
.atajos-grid[data-v-aa085abd] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.atajos-grid[data-v-aa085abd] {
    grid-template-columns: repeat(2, 1fr);
}
}
.atajo[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.atajo-pct[data-v-aa085abd] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.atajo-tip[data-v-aa085abd] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* IVA */
.iva-dato[data-v-aa085abd] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.iva-valor[data-v-aa085abd] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
}
.iva-formulas[data-v-aa085abd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.iva-formula[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.f-label[data-v-aa085abd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.f-calc[data-v-aa085abd] {
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
}

/* Propina */
.propina-truco[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.truco-label[data-v-aa085abd] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.truco-ejemplo[data-v-aa085abd] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.truco-nota[data-v-aa085abd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Errores */
.errores-section[data-v-aa085abd] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-aa085abd] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-aa085abd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.error-mal[data-v-aa085abd] {
  color: #FCA5A5;
  font-weight: 600;
}
.error-bien[data-v-aa085abd] {
  color: #6EE7B7;
  font-weight: 600;
}
.error-texto[data-v-aa085abd] {
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-aa085abd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-aa085abd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-aa085abd] {
  font-size: 1.25rem;
}
.tip-text[data-v-aa085abd] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-aa085abd] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-aa085abd] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-aa085abd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-aa085abd 1s ease-in-out infinite;
}
@keyframes bounce-aa085abd {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-aa085abd] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-aa085abd] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-c939301e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.potencia-grande[data-v-c939301e] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.base[data-v-c939301e] {
  font-size: 3rem;
  font-weight: 800;
  color: #93C5FD;
}
.exponente[data-v-c939301e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.5rem;
}
.igual[data-v-c939301e] {
  font-size: 2rem;
  color: #8B5CF6;
}
.resultado[data-v-c939301e] {
  font-size: 3rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Descomposición */
.descomposicion[data-v-c939301e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.potencia-visual[data-v-c939301e] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.base-small[data-v-c939301e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.exp-small[data-v-c939301e] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  position: relative;
  top: -0.25rem;
}
.flecha[data-v-c939301e] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.multiplicacion[data-v-c939301e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.factor[data-v-c939301e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.signo[data-v-c939301e] {
  font-size: 1rem;
  color: #C4B5FD;
}
.resultado-small[data-v-c939301e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Terminología */
.terminologia[data-v-c939301e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.termino-titulo[data-v-c939301e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.termino-visual[data-v-c939301e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.potencia-partes[data-v-c939301e] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.base-parte[data-v-c939301e] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.exp-parte[data-v-c939301e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.25rem;
  font-style: italic;
}
.flechas-partes[data-v-c939301e] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}
.flecha-base[data-v-c939301e], .flecha-exp[data-v-c939301e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.etiqueta-base[data-v-c939301e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.etiqueta-exp[data-v-c939301e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.desc-base[data-v-c939301e], .desc-exp[data-v-c939301e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Notación */
.notacion-box[data-v-c939301e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.notacion-titulo[data-v-c939301e] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.notacion-formula[data-v-c939301e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 1rem;
}
.potencia-inline[data-v-c939301e] {
  display: inline-flex;
  align-items: flex-start;
}
.base-n[data-v-c939301e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
  font-style: italic;
}
.exp-n[data-v-c939301e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  position: relative;
  top: -0.2rem;
  font-style: italic;
}
.igual-n[data-v-c939301e] {
  color: #8B5CF6;
  font-weight: 600;
}
.formula-text[data-v-c939301e] {
  color: #E9D5FF;
  font-style: italic;
}
.n-veces[data-v-c939301e] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Ejemplos */
.ejemplos-section[data-v-c939301e] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c939301e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-c939301e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo[data-v-c939301e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ej-potencia[data-v-c939301e] {
  display: inline-flex;
  align-items: flex-start;
}
.ej-base[data-v-c939301e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.ej-exp[data-v-c939301e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  position: relative;
  top: -0.15rem;
}
.ej-igual[data-v-c939301e] {
  color: #8B5CF6;
}
.ej-desarrollo[data-v-c939301e] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.ej-resultado[data-v-c939301e] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-c939301e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c939301e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c939301e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c939301e] {
  color: #6EE7B7;
}
.tip-texto sup[data-v-c939301e] {
  font-size: 0.7rem;
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c939301e] {
    gap: 1.5rem;
    padding: 1.5rem;
}
.base[data-v-c939301e] {
    font-size: 4rem;
}
.exponente[data-v-c939301e] {
    font-size: 2rem;
}
.resultado[data-v-c939301e] {
    font-size: 4rem;
}
.descomposicion[data-v-c939301e] {
    gap: 1rem;
    padding: 1rem;
}
.ejemplo[data-v-c939301e] {
    flex-wrap: nowrap;
}
}

/* Casos especiales */
.casos-especiales[data-v-72828867] {
  margin: 1.5rem 0;
}
.caso-titulo[data-v-72828867] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caso[data-v-72828867] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.caso-header[data-v-72828867] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.5rem 0.75rem;
}
.caso-nombre[data-v-72828867] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.caso-contenido[data-v-72828867] {
  padding: 0.75rem;
}
.caso-formula[data-v-72828867] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.base-c[data-v-72828867] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
  font-style: italic;
}
.exp-c[data-v-72828867] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  position: relative;
  top: -0.4rem;
}
.igual[data-v-72828867] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.resultado-c[data-v-72828867] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-style: italic;
}
.caso-explicacion[data-v-72828867] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.caso-ejemplo[data-v-72828867] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.caso-ejemplo .ej[data-v-72828867] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.caso-ejemplo .ej sup[data-v-72828867] {
  color: #FCD34D;
  font-size: 0.7rem;
}

/* Bases negativas */
.bases-negativas[data-v-72828867] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.neg-titulo[data-v-72828867] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.regla-signos[data-v-72828867] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.regla[data-v-72828867] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.regla-header[data-v-72828867] {
  margin-bottom: 0.5rem;
}
.exp-tipo[data-v-72828867] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.exp-tipo.par[data-v-72828867] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.exp-tipo.impar[data-v-72828867] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.regla-resultado[data-v-72828867] {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.regla-resultado.positivo[data-v-72828867] {
  color: #6EE7B7;
}
.regla-resultado.negativo[data-v-72828867] {
  color: #FCA5A5;
}
.regla-ejemplo[data-v-72828867] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.regla-ejemplo sup[data-v-72828867] {
  font-size: 0.65rem;
  color: #FCD34D;
}
.regla-ejemplo .neg[data-v-72828867] {
  color: #FCA5A5;
}
.regla-ejemplo strong.positivo[data-v-72828867] {
  color: #6EE7B7;
}
.regla-ejemplo strong.negativo[data-v-72828867] {
  color: #FCA5A5;
}

/* Advertencia */
.advertencia[data-v-72828867] {
  display: flex;
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
}
.adv-icono[data-v-72828867] {
  font-size: 1.5rem;
}
.adv-contenido[data-v-72828867] {
  flex: 1;
}
.adv-titulo[data-v-72828867] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.adv-comparacion[data-v-72828867] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.adv-caso[data-v-72828867] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.caso-exp[data-v-72828867] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-exp sup[data-v-72828867] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.caso-exp .neg[data-v-72828867] {
  color: #FCA5A5;
}
.caso-igual[data-v-72828867] {
  color: #8B5CF6;
}
.caso-res[data-v-72828867] {
  font-size: 1.1rem;
  font-weight: 700;
}
.caso-res.positivo[data-v-72828867] {
  color: #6EE7B7;
}
.caso-res.negativo[data-v-72828867] {
  color: #FCA5A5;
}
.caso-nota[data-v-72828867] {
  font-size: 0.75rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-72828867] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-72828867] {
  font-size: 1.25rem;
}
.tip-texto[data-v-72828867] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-72828867] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.regla-signos[data-v-72828867] {
    grid-template-columns: repeat(2, 1fr);
}
.adv-comparacion[data-v-72828867] {
    flex-direction: row;
    gap: 2rem;
}
}

/* Regla principal */
.regla-principal[data-v-90a80d5a] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.regla-header[data-v-90a80d5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  font-weight: 700;
  font-size: 1rem;
}
.regla-header.cero[data-v-90a80d5a] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.regla-header.negativo[data-v-90a80d5a] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.regla-icono[data-v-90a80d5a] {
  font-size: 1.25rem;
}
.regla-contenido[data-v-90a80d5a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-top: none;
  border-radius: 0 0 0.75rem 0.75rem;
}
.formula-grande[data-v-90a80d5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.base-f[data-v-90a80d5a] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.exp-f[data-v-90a80d5a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.75rem;
}
.exp-f.neg[data-v-90a80d5a] {
  color: #FCA5A5;
}
.igual[data-v-90a80d5a] {
  font-size: 2rem;
  color: #8B5CF6;
}
.resultado-f[data-v-90a80d5a] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.fraccion[data-v-90a80d5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion .num[data-v-90a80d5a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fraccion .linea[data-v-90a80d5a] {
  width: 100%;
  height: 3px;
  background: #8B5CF6;
  margin: 2px 0;
  min-width: 40px;
}
.fraccion .den[data-v-90a80d5a] {
  display: flex;
  align-items: flex-start;
}
.base-d[data-v-90a80d5a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
  font-style: italic;
}
.exp-d[data-v-90a80d5a] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  position: relative;
  top: -0.25rem;
  font-style: italic;
}
.formula-condicion[data-v-90a80d5a] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}
.regla-explicacion[data-v-90a80d5a] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.regla-explicacion strong[data-v-90a80d5a] {
  color: #FCD34D;
}
.ejemplos-regla[data-v-90a80d5a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.ej-item[data-v-90a80d5a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
}
.ej-pot[data-v-90a80d5a] {
  font-weight: 700;
  color: #93C5FD;
}
.ej-pot sup[data-v-90a80d5a] {
  font-size: 0.65rem;
  color: #FCD34D;
}
.ej-eq[data-v-90a80d5a] {
  color: #8B5CF6;
}
.ej-res[data-v-90a80d5a] {
  font-weight: 700;
  color: #6EE7B7;
}
.mini-fraccion[data-v-90a80d5a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.mini-fraccion .num[data-v-90a80d5a] {
  font-weight: 600;
  color: #FFFFFF;
}
.mini-fraccion .linea[data-v-90a80d5a] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  min-width: 20px;
}
.mini-fraccion .den[data-v-90a80d5a] {
  font-weight: 600;
  color: #93C5FD;
}

/* Porque box */
.porque-box[data-v-90a80d5a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.porque-titulo[data-v-90a80d5a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.patron-visual[data-v-90a80d5a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.patron-item[data-v-90a80d5a] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.patron-item sup[data-v-90a80d5a] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.patron-item.highlight[data-v-90a80d5a] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
}
.patron-item.highlight strong[data-v-90a80d5a] {
  color: #6EE7B7;
}
.patron-flecha[data-v-90a80d5a] {
  color: #8B5CF6;
  font-size: 0.75rem;
  font-weight: 600;
}
.porque-nota[data-v-90a80d5a] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.8rem;
  font-style: italic;
}

/* Tabla resumen */
.tabla-resumen[data-v-90a80d5a] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-90a80d5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-grid[data-v-90a80d5a] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-90a80d5a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  text-align: center;
}
.tabla-row[data-v-90a80d5a]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-90a80d5a] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.75rem;
}
.tabla-row.highlight[data-v-90a80d5a] {
  background: rgba(139, 92, 246, 0.15);
}
.tabla-row .exp[data-v-90a80d5a] {
  font-weight: 700;
}
.tabla-row .exp.negativo[data-v-90a80d5a] {
  color: #FCA5A5;
}
.tabla-row .exp.cero[data-v-90a80d5a] {
  color: #C4B5FD;
}
.tabla-row .exp.positivo[data-v-90a80d5a] {
  color: #6EE7B7;
}
.tabla-row span[data-v-90a80d5a]:nth-child(2) {
  color: #93C5FD;
}
.tabla-row span:nth-child(2) sup[data-v-90a80d5a] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.tabla-row .val[data-v-90a80d5a] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-row .val.fraccion-val[data-v-90a80d5a] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-90a80d5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-90a80d5a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-90a80d5a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-90a80d5a] {
  color: #6EE7B7;
}
.tip-texto sup[data-v-90a80d5a] {
  font-size: 0.65rem;
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.patron-visual[data-v-90a80d5a] {
    gap: 0.5rem;
}
.tabla-row[data-v-90a80d5a] {
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
}
}

.explorador[data-v-37d9486b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-37d9486b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-37d9486b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-37d9486b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-37d9486b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-37d9486b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-37d9486b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-37d9486b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-37d9486b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-37d9486b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Cálculo ===== */
.calculo-container[data-v-37d9486b] {
  text-align: center;
}
.potencia-pregunta[data-v-37d9486b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
}
.potencia-visual[data-v-37d9486b] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}
.base-v[data-v-37d9486b] {
  font-size: 3rem;
  font-weight: 800;
  color: #93C5FD;
}
.exp-v[data-v-37d9486b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.5rem;
}
.igual-v[data-v-37d9486b] {
  font-size: 2rem;
  color: #8B5CF6;
}
.interrogacion[data-v-37d9486b] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #C4B5FD;
}
.desarrollo-ayuda[data-v-37d9486b] {
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  display: inline-block;
}
.ayuda-texto[data-v-37d9486b] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.input-respuesta[data-v-37d9486b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-numero[data-v-37d9486b] {
  width: 100px;
  padding: 0.75rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-37d9486b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-37d9486b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-37d9486b] {
  padding: 0.75rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 2: Signos ===== */
.signos-container[data-v-37d9486b] {
  text-align: center;
}
.signo-pregunta[data-v-37d9486b] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.potencia-signo[data-v-37d9486b] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 1rem;
}
.parentesis[data-v-37d9486b] {
  font-size: 2.5rem;
  color: #8B5CF6;
}
.base-neg[data-v-37d9486b] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.exp-signo[data-v-37d9486b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.25rem;
}
.pista-signo[data-v-37d9486b] {
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.pista-texto[data-v-37d9486b] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.pista-texto strong.par[data-v-37d9486b] {
  color: #6EE7B7;
}
.pista-texto strong.impar[data-v-37d9486b] {
  color: #FCA5A5;
}
.opciones-signo[data-v-37d9486b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.btn-signo[data-v-37d9486b] {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  border: 3px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-signo.positivo[data-v-37d9486b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-signo.negativo[data-v-37d9486b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-signo.seleccionado[data-v-37d9486b] {
  transform: scale(1.05);
}
.btn-signo.correcto[data-v-37d9486b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-signo.incorrecto[data-v-37d9486b] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Exponentes negativos ===== */
.negativo-container[data-v-37d9486b] {
  text-align: center;
}
.negativo-pregunta[data-v-37d9486b] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.potencia-negativa[data-v-37d9486b] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 1rem;
}
.base-neg-exp[data-v-37d9486b] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.exp-neg[data-v-37d9486b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
  position: relative;
  top: -0.25rem;
}
.fraccion-respuesta[data-v-37d9486b] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.fraccion-input[data-v-37d9486b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input-fraccion[data-v-37d9486b] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-fraccion.correcto[data-v-37d9486b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-fraccion.incorrecto[data-v-37d9486b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.linea-fraccion[data-v-37d9486b] {
  width: 80px;
  height: 4px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.pista-negativo[data-v-37d9486b] {
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.pista-negativo sup[data-v-37d9486b] {
  font-size: 0.65rem;
  color: #FCD34D;
}
.botones-desafio[data-v-37d9486b] {
  margin: 1rem 0;
}
.btn-verificar-grande[data-v-37d9486b] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
}

/* Elementos comunes */
.feedback-error[data-v-37d9486b] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.resultado-correcto[data-v-37d9486b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-37d9486b] { font-size: 1.25rem;
}
.resultado-texto[data-v-37d9486b] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-37d9486b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-37d9486b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-37d9486b] { flex: 1;
}
.nav-btn[data-v-37d9486b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-37d9486b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-37d9486b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-37d9486b] { font-size: 1.75rem;
}
.completado-texto[data-v-37d9486b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-37d9486b], .slide-leave-active[data-v-37d9486b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-37d9486b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-37d9486b] { opacity: 0; transform: translateX(-15px);
}

/* Header de logro */
.logro-header[data-v-7c03247a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.logro-icono[data-v-7c03247a] {
  font-size: 1.75rem;
}
.logro-texto[data-v-7c03247a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Secciones de resumen */
.seccion-resumen[data-v-7c03247a] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-7c03247a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Concepto card */
.concepto-card[data-v-7c03247a] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-nombre[data-v-7c03247a] {
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.concepto-formula[data-v-7c03247a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.base-r[data-v-7c03247a] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.exp-r[data-v-7c03247a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  top: -0.5rem;
  font-style: italic;
}
.igual[data-v-7c03247a] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.desarrollo[data-v-7c03247a] {
  font-size: 1.1rem;
  color: #E9D5FF;
  font-style: italic;
}
.n-veces[data-v-7c03247a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Reglas grid */
.reglas-grid[data-v-7c03247a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.regla-card[data-v-7c03247a] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.regla-header-r[data-v-7c03247a] {
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.regla-header-r.exponente-1[data-v-7c03247a] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.regla-header-r.exponente-0[data-v-7c03247a] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.regla-header-r.exponente-neg[data-v-7c03247a] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.regla-contenido-r[data-v-7c03247a] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-r[data-v-7c03247a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-r sup[data-v-7c03247a] {
  font-size: 0.7rem;
  color: #FCD34D;
}
.condicion[data-v-7c03247a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Signos resumen */
.signos-resumen[data-v-7c03247a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.signo-item[data-v-7c03247a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.signo-item.par[data-v-7c03247a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-item.impar[data-v-7c03247a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-exp[data-v-7c03247a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.signo-flecha[data-v-7c03247a] {
  color: #8B5CF6;
}
.signo-resultado[data-v-7c03247a] {
  font-weight: 700;
}
.signo-resultado.positivo[data-v-7c03247a] {
  color: #6EE7B7;
}
.signo-resultado.negativo[data-v-7c03247a] {
  color: #FCA5A5;
}

/* Advertencia paréntesis */
.advertencia-parentesis[data-v-7c03247a] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.adv-icono[data-v-7c03247a] {
  font-size: 1.25rem;
}
.adv-contenido[data-v-7c03247a] {
  flex: 1;
}
.adv-titulo[data-v-7c03247a] {
  font-weight: 600;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.adv-ejemplos[data-v-7c03247a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  flex-wrap: wrap;
}
.ej-par[data-v-7c03247a] {
  color: #6EE7B7;
  font-weight: 600;
}
.vs[data-v-7c03247a] {
  color: #8B5CF6;
  font-size: 0.75rem;
}
.ej-sin[data-v-7c03247a] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Potencias de 10 */
.potencias-10-grid[data-v-7c03247a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.pot10-item[data-v-7c03247a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.pot10-item.highlight[data-v-7c03247a] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.pot10-item.neg[data-v-7c03247a] {
  border-color: rgba(245, 158, 11, 0.3);
}
.pot10-pot[data-v-7c03247a] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #93C5FD;
}
.pot10-pot sup[data-v-7c03247a] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.pot10-item.neg .pot10-pot sup[data-v-7c03247a] {
  color: #FCA5A5;
}
.pot10-valor[data-v-7c03247a] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.pot10-item.neg .pot10-valor[data-v-7c03247a] {
  color: #FCA5A5;
}
.pot10-tip[data-v-7c03247a] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.5;
}
.pot10-tip strong[data-v-7c03247a] {
  color: #FFFFFF;
}
.pot10-tip sup[data-v-7c03247a] {
  font-size: 0.6rem;
  color: #FCD34D;
}

/* Tips PAES */
.tips-paes[data-v-7c03247a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-7c03247a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-item[data-v-7c03247a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-item[data-v-7c03247a]:last-child {
  margin-bottom: 0;
}
.tip-numero[data-v-7c03247a] {
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-7c03247a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Siguiente paso */
.siguiente-paso[data-v-7c03247a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.siguiente-icono[data-v-7c03247a] {
  font-size: 1.5rem;
}
.siguiente-contenido[data-v-7c03247a] {
  flex: 1;
}
.siguiente-titulo[data-v-7c03247a] {
  display: block;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.siguiente-texto[data-v-7c03247a] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-grid[data-v-7c03247a] {
    grid-template-columns: repeat(3, 1fr);
}
.signos-resumen[data-v-7c03247a] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.potencias-10-grid[data-v-7c03247a] {
    grid-template-columns: repeat(7, 1fr);
}
.pot10-item[data-v-7c03247a] {
    padding: 0.6rem 0.4rem;
}
}

/* Intro visual */
.intro-visual[data-v-1154f2f3] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.potencia-grande[data-v-1154f2f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.potencia-grande .base[data-v-1154f2f3] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.potencia-grande .exponente[data-v-1154f2f3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  margin-left: -0.25rem;
}
.potencia-grande .igual[data-v-1154f2f3] {
  font-size: 1.5rem;
  color: #C4B5FD;
  margin: 0 0.25rem;
}
.potencia-grande .expansion[data-v-1154f2f3] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.potencia-grande .resultado[data-v-1154f2f3] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Partes de una potencia */
.partes-section[data-v-1154f2f3] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.partes-titulo[data-v-1154f2f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.potencia-anatomia[data-v-1154f2f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.potencia-display[data-v-1154f2f3] {
  font-size: 3rem;
  font-weight: 800;
}
.base-highlight[data-v-1154f2f3] {
  color: #93C5FD;
}
.exp-highlight[data-v-1154f2f3] {
  color: #FCD34D;
  font-size: 2rem;
}
.partes-explicacion[data-v-1154f2f3] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.parte-item[data-v-1154f2f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  min-width: 120px;
}
.base-item[data-v-1154f2f3] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.exp-item[data-v-1154f2f3] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.parte-letra[data-v-1154f2f3] {
  font-size: 1.5rem;
  font-weight: 800;
}
.base-item .parte-letra[data-v-1154f2f3] { color: #93C5FD;
}
.exp-item .parte-letra[data-v-1154f2f3] { color: #FCD34D;
}
.parte-nombre[data-v-1154f2f3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-top: 0.25rem;
}
.parte-desc[data-v-1154f2f3] {
  color: #C4B5FD;
  font-size: 0.75rem;
  text-align: center;
}

/* Ejemplos */
.ejemplos-section[data-v-1154f2f3] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1154f2f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-1154f2f3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-1154f2f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-card.negativo-card[data-v-1154f2f3] {
  border-color: rgba(239, 68, 68, 0.3);
}
.ejemplo-potencia[data-v-1154f2f3] {
  display: flex;
  align-items: flex-start;
}
.ejemplo-potencia .base[data-v-1154f2f3] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.ejemplo-potencia .base.negativo[data-v-1154f2f3] {
  color: #FCA5A5;
}
.ejemplo-potencia .exp[data-v-1154f2f3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.ejemplo-expansion[data-v-1154f2f3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.ejemplo-resultado[data-v-1154f2f3] {
  font-size: 1rem;
  margin-top: 0.25rem;
}
.positivo[data-v-1154f2f3] { color: #6EE7B7;
}
.negativo[data-v-1154f2f3] { color: #FCA5A5;
}

/* Casos especiales */
.especiales-section[data-v-1154f2f3] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.especiales-titulo[data-v-1154f2f3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.especiales-grid[data-v-1154f2f3] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.especial-item[data-v-1154f2f3] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.especial-formula[data-v-1154f2f3] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.especial-ejemplo[data-v-1154f2f3] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.especial-nota[data-v-1154f2f3] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-1154f2f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-1154f2f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1154f2f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1154f2f3] {
  color: #6EE7B7;
}
.tip-texto strong.positivo[data-v-1154f2f3] {
  color: #6EE7B7;
}
.tip-texto strong.negativo[data-v-1154f2f3] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.potencia-grande[data-v-1154f2f3] {
    gap: 0.75rem;
    flex-wrap: nowrap;
}
.potencia-grande .base[data-v-1154f2f3] {
    font-size: 3rem;
}
.potencia-grande .exponente[data-v-1154f2f3] {
    font-size: 1.75rem;
}
.potencia-grande .expansion[data-v-1154f2f3] {
    font-size: 1.5rem;
}
.ejemplos-grid[data-v-1154f2f3] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Regla principal */
.regla-principal[data-v-1065f06f] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
  text-align: center;
}
.regla-titulo[data-v-1065f06f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.regla-formula[data-v-1065f06f] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.regla-formula sup[data-v-1065f06f] {
  color: #FCD34D;
  font-size: 1.25rem;
}
.regla-descripcion[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.positivo[data-v-1065f06f] { color: #6EE7B7;
}

/* Demostración */
.demo-section[data-v-1065f06f] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.demo-titulo[data-v-1065f06f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.demo-contenido[data-v-1065f06f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.demo-linea[data-v-1065f06f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.demo-potencia[data-v-1065f06f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.demo-potencia sup[data-v-1065f06f] {
  color: #FCD34D;
}
.demo-potencia.resultado[data-v-1065f06f] {
  color: #6EE7B7;
}
.demo-texto[data-v-1065f06f] {
  color: #C4B5FD;
  font-size: 1rem;
}
.demo-expansion[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.demo-linea.expansion[data-v-1065f06f] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.demo-linea.resultado[data-v-1065f06f] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.demo-valor[data-v-1065f06f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.demo-explicacion[data-v-1065f06f] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}

/* Calculadora */
.calculadora[data-v-1065f06f] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.calc-titulo[data-v-1065f06f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.calc-contenido[data-v-1065f06f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.calc-base[data-v-1065f06f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.calc-base label[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.valor-actual[data-v-1065f06f] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 24px;
}
.calc-operacion[data-v-1065f06f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.calc-potencia[data-v-1065f06f] {
  display: flex;
  align-items: flex-start;
}
.base-num[data-v-1065f06f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.exp-num[data-v-1065f06f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.calc-potencia.resultado .base-num[data-v-1065f06f] {
  color: #6EE7B7;
}
.calc-simbolo[data-v-1065f06f] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.calc-resultado[data-v-1065f06f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.calc-sliders[data-v-1065f06f] {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.slider-grupo[data-v-1065f06f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slider-grupo label[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.slider[data-v-1065f06f] {
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-1065f06f]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.slider[data-v-1065f06f]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.exp-valor[data-v-1065f06f] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 20px;
}
.calc-explicacion[data-v-1065f06f] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.calc-explicacion strong[data-v-1065f06f] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-1065f06f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1065f06f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-lista[data-v-1065f06f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-1065f06f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ejemplo-problema[data-v-1065f06f] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-problema sup[data-v-1065f06f] {
  color: #FCD34D;
}
.ejemplo-igual[data-v-1065f06f] {
  color: #C4B5FD;
}
.ejemplo-respuesta[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.ejemplo-respuesta sup[data-v-1065f06f] {
  color: #FCD34D;
}
.ejemplo-respuesta strong[data-v-1065f06f] {
  color: #6EE7B7;
}

/* Advertencia */
.advertencia[data-v-1065f06f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.adv-icono[data-v-1065f06f] {
  font-size: 1.25rem;
}
.adv-texto[data-v-1065f06f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-1065f06f] {
  color: #FCA5A5;
}
.adv-ejemplo[data-v-1065f06f] {
  display: block;
  margin-top: 0.25rem;
  font-family: monospace;
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* Regla principal */
.regla-principal[data-v-a2471815] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
  text-align: center;
}
.regla-titulo[data-v-a2471815] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.regla-formula[data-v-a2471815] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: 1.5rem;
  font-weight: 800;
}
.fraccion[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-a2471815], .denominador[data-v-a2471815] {
  color: #FFFFFF;
}
.numerador sup[data-v-a2471815], .denominador sup[data-v-a2471815] {
  color: #FCD34D;
  font-size: 1rem;
}
.linea[data-v-a2471815] {
  width: 100%;
  height: 3px;
  background: #8B5CF6;
  margin: 4px 0;
  min-width: 50px;
}
.igual[data-v-a2471815] {
  color: #C4B5FD;
}
.resultado-formula[data-v-a2471815] {
  color: #6EE7B7;
}
.resultado-formula sup[data-v-a2471815] {
  color: #FCD34D;
}
.regla-descripcion[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-top: 0.75rem;
}
.negativo[data-v-a2471815] { color: #FCA5A5;
}
.positivo[data-v-a2471815] { color: #6EE7B7;
}

/* Demostración */
.demo-section[data-v-a2471815] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.demo-titulo[data-v-a2471815] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.demo-contenido[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.demo-fraccion-visual[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.fraccion-grande[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-grande .num[data-v-a2471815],
.fraccion-grande .den[data-v-a2471815] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.fraccion-grande sup[data-v-a2471815] {
  color: #FCD34D;
}
.expansion-fraccion[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.num-exp[data-v-a2471815], .den-exp[data-v-a2471815] {
  color: #E9D5FF;
}
.tachado[data-v-a2471815] {
  text-decoration: line-through;
  color: #FCA5A5;
  opacity: 0.7;
}
.demo-igual[data-v-a2471815] {
  color: #C4B5FD;
  font-size: 1rem;
}
.demo-resultado[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.demo-potencia-final[data-v-a2471815] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.demo-potencia-final sup[data-v-a2471815] {
  color: #FCD34D;
}
.demo-valor[data-v-a2471815] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.demo-explicacion[data-v-a2471815] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Calculadora */
.calculadora[data-v-a2471815] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.calc-titulo[data-v-a2471815] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.calc-contenido[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.calc-base[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.calc-base label[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.valor-actual[data-v-a2471815] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 24px;
}
.calc-operacion[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.calc-fraccion[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calc-num[data-v-a2471815], .calc-den[data-v-a2471815] {
  display: flex;
  align-items: flex-start;
}
.calc-linea[data-v-a2471815] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 3px 0;
  min-width: 40px;
}
.base-num[data-v-a2471815] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.exp-num[data-v-a2471815] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.base-num.resultado[data-v-a2471815],
.exp-num.resultado[data-v-a2471815] {
  color: #6EE7B7;
}
.calc-simbolo[data-v-a2471815] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.calc-resultado-potencia[data-v-a2471815] {
  display: flex;
  align-items: flex-start;
}
.calc-valor-final[data-v-a2471815] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.calc-sliders[data-v-a2471815] {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.slider-grupo[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slider-grupo label[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.8rem;
}
.slider[data-v-a2471815] {
  width: 80px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-a2471815]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.slider[data-v-a2471815]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.exp-valor[data-v-a2471815] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 20px;
}
.calc-explicacion[data-v-a2471815] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.calc-explicacion strong[data-v-a2471815] {
  color: #6EE7B7;
}

/* Caso especial */
.caso-especial[data-v-a2471815] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.caso-titulo[data-v-a2471815] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.caso-contenido[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.caso-ejemplo[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.caso-fraccion[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.caso-fraccion .num[data-v-a2471815],
.caso-fraccion .den[data-v-a2471815] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.caso-fraccion sup[data-v-a2471815] {
  color: #FCD34D;
}
.caso-igual[data-v-a2471815] {
  color: #C4B5FD;
}
.caso-resultado[data-v-a2471815] {
  color: #E9D5FF;
}
.caso-resultado sup[data-v-a2471815] {
  color: #FCD34D;
}
.caso-negativo[data-v-a2471815] {
  font-weight: 700;
  color: #FCA5A5;
}
.caso-negativo sup[data-v-a2471815] {
  color: #FCA5A5;
}
.caso-nota[data-v-a2471815] {
  color: #C4B5FD;
  font-size: 0.85rem;
  text-align: center;
}
.caso-nota strong[data-v-a2471815] {
  color: #FCD34D;
}

/* Ejemplos */
.ejemplos-section[data-v-a2471815] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a2471815] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-lista[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-a2471815] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ejemplo-fraccion[data-v-a2471815] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ejemplo-fraccion .num[data-v-a2471815],
.ejemplo-fraccion .den[data-v-a2471815] {
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-fraccion sup[data-v-a2471815] {
  color: #FCD34D;
}
.ejemplo-igual[data-v-a2471815] {
  color: #C4B5FD;
}
.ejemplo-respuesta[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ejemplo-respuesta sup[data-v-a2471815] {
  color: #FCD34D;
}
.ejemplo-respuesta strong[data-v-a2471815] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a2471815] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a2471815] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a2471815] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a2471815] {
  color: #6EE7B7;
}

/* Secciones principales */
.seccion-principal[data-v-46adaa78] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.seccion-principal.negativo-section[data-v-46adaa78] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.seccion-header[data-v-46adaa78] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.seccion-icono[data-v-46adaa78] {
  font-size: 1.5rem;
}
.seccion-nombre[data-v-46adaa78] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Regla box */
.regla-box[data-v-46adaa78] {
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.regla-formula[data-v-46adaa78] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.regla-formula sup[data-v-46adaa78] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.exp-neg[data-v-46adaa78] {
  color: #FCA5A5 !important;
}
.fraccion-inline[data-v-46adaa78] {
  font-size: 1.25rem;
}
.regla-descripcion[data-v-46adaa78] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.multiplicar[data-v-46adaa78] { color: #FCD34D;
}
.invertir[data-v-46adaa78] { color: #FCA5A5;
}

/* Demo box */
.demo-box[data-v-46adaa78] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.demo-titulo[data-v-46adaa78] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.demo-contenido[data-v-46adaa78] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.demo-linea[data-v-46adaa78] {
  font-size: 1rem;
  color: #E9D5FF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.demo-linea sup[data-v-46adaa78] {
  color: #FCD34D;
}
.demo-explicacion[data-v-46adaa78] {
  color: #C4B5FD;
  font-size: 0.8rem;
  font-style: italic;
}
.demo-linea.segundo[data-v-46adaa78] {
  color: #FFFFFF;
}
.demo-linea strong[data-v-46adaa78] {
  color: #6EE7B7;
}
.demo-nota[data-v-46adaa78] {
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-top: 0.25rem;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-46adaa78] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-rapido[data-v-46adaa78] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.ej-problema[data-v-46adaa78] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.ej-problema sup[data-v-46adaa78] {
  color: #FCD34D;
}
.ej-problema sup.neg[data-v-46adaa78] {
  color: #FCA5A5;
}
.ej-proceso[data-v-46adaa78] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.ej-resultado[data-v-46adaa78] {
  color: #E9D5FF;
}
.ej-resultado strong[data-v-46adaa78] {
  color: #6EE7B7;
}
.ej-resultado strong sup[data-v-46adaa78] {
  color: #FCD34D;
}

/* Visual exponente negativo */
.visual-negativo[data-v-46adaa78] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.visual-ejemplo[data-v-46adaa78] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.vis-potencia[data-v-46adaa78] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
}
.vis-potencia sup.neg[data-v-46adaa78] {
  color: #FCA5A5;
  font-size: 1.1rem;
}
.vis-igual[data-v-46adaa78] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.fraccion-visual[data-v-46adaa78] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-visual .num[data-v-46adaa78],
.fraccion-visual .den[data-v-46adaa78] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fraccion-visual .den sup[data-v-46adaa78] {
  color: #FCD34D;
}
.fraccion-visual .linea[data-v-46adaa78] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 3px 0;
  min-width: 30px;
}
.vis-decimal[data-v-46adaa78] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Calculadora exponentes negativos */
.calculadora-neg[data-v-46adaa78] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.calc-titulo[data-v-46adaa78] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.calc-contenido[data-v-46adaa78] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.calc-controles[data-v-46adaa78] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.control-grupo[data-v-46adaa78] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-grupo label[data-v-46adaa78] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.slider[data-v-46adaa78] {
  width: 70px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-46adaa78]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.slider[data-v-46adaa78]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.valor[data-v-46adaa78] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 24px;
}
.valor.neg[data-v-46adaa78] {
  color: #FCA5A5;
}
.calc-resultado[data-v-46adaa78] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.calc-potencia[data-v-46adaa78] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.calc-potencia sup.neg[data-v-46adaa78] {
  color: #FCA5A5;
}
.calc-igual[data-v-46adaa78] {
  color: #C4B5FD;
}
.calc-fraccion[data-v-46adaa78] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calc-fraccion .num[data-v-46adaa78],
.calc-fraccion .den[data-v-46adaa78] {
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.calc-fraccion .den sup[data-v-46adaa78] {
  color: #FCD34D;
}
.calc-fraccion .linea[data-v-46adaa78] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 2px 0;
  min-width: 25px;
}
.calc-decimal[data-v-46adaa78] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}

/* Resumen de propiedades */
.resumen-propiedades[data-v-46adaa78] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.resumen-titulo[data-v-46adaa78] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.propiedades-grid[data-v-46adaa78] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad-card[data-v-46adaa78] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-nombre[data-v-46adaa78] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-46adaa78] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.prop-formula sup[data-v-46adaa78] {
  color: #FCD34D;
  font-size: 0.7rem;
}

/* Tip */
.tip[data-v-46adaa78] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-46adaa78] {
  font-size: 1.25rem;
}
.tip-texto[data-v-46adaa78] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-46adaa78] {
  color: #6EE7B7;
}
.tip-texto sup.neg[data-v-46adaa78] {
  color: #FCA5A5;
}
sup.neg[data-v-46adaa78] {
  color: #FCA5A5;
}
@media (min-width: 640px) {
.propiedades-grid[data-v-46adaa78] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-135fc27a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-135fc27a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-135fc27a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-135fc27a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-135fc27a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-135fc27a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-135fc27a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-135fc27a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-135fc27a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-135fc27a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual común */
.problema-visual[data-v-135fc27a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.potencia[data-v-135fc27a] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
}
.potencia sup[data-v-135fc27a] {
  font-size: 1.1rem;
  color: #FCD34D;
}
.potencia.resultado[data-v-135fc27a] {
  color: #6EE7B7;
}
.potencia sup.incognita[data-v-135fc27a] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.operador[data-v-135fc27a] {
  font-size: 1.5rem;
  color: #C4B5FD;
}

/* Fracción para división */
.fraccion-problema[data-v-135fc27a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-problema .numerador[data-v-135fc27a],
.fraccion-problema .denominador[data-v-135fc27a] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.fraccion-problema sup[data-v-135fc27a] {
  font-size: 1rem;
  color: #FCD34D;
}
.linea-fraccion[data-v-135fc27a] {
  width: 100%;
  height: 3px;
  background: #8B5CF6;
  margin: 4px 0;
  min-width: 50px;
}

/* Potencia compuesta */
.potencia-compuesta[data-v-135fc27a] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
}
.potencia-compuesta sup[data-v-135fc27a] {
  font-size: 1.1rem;
  color: #FCD34D;
}

/* Input respuesta */
.input-respuesta[data-v-135fc27a] {
  text-align: center;
  margin: 1rem 0;
}
.input-respuesta label[data-v-135fc27a] {
  display: block;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.input-grupo[data-v-135fc27a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  align-items: center;
}
.btn-signo[data-v-135fc27a] {
  width: 44px;
  height: 44px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-signo.negativo[data-v-135fc27a] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.respuesta-input[data-v-135fc27a] {
  width: 70px;
  height: 44px;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-135fc27a] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-135fc27a] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-135fc27a] {
  width: 44px;
  height: 44px;
  font-size: 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

/* Ayuda */
.ayuda-box[data-v-135fc27a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-135fc27a] { font-size: 1rem;
}
.ayuda-texto[data-v-135fc27a] { color: #C4B5FD; font-size: 0.85rem;
}
.ayuda-texto strong[data-v-135fc27a] { color: #FCD34D;
}

/* Feedback y resultados */
.feedback-error[data-v-135fc27a] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.9rem;
  text-align: center;
  margin: 0.5rem 0;
}
.resultado-correcto[data-v-135fc27a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-135fc27a] { font-size: 1.25rem;
}
.resultado-texto[data-v-135fc27a] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-135fc27a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-135fc27a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-135fc27a] { flex: 1;
}
.nav-btn[data-v-135fc27a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-135fc27a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-135fc27a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-135fc27a] { font-size: 1.75rem;
}
.completado-texto[data-v-135fc27a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-135fc27a], .slide-leave-active[data-v-135fc27a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-135fc27a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-135fc27a] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-3591d167] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3591d167] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3591d167] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-3591d167] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-3591d167] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3591d167] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-3591d167]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.propiedad[data-v-3591d167] {
  background: rgba(139, 92, 246, 0.1);
}
.resumen-card.wide[data-v-3591d167] {
  grid-column: span 2;
}
.resumen-card.negativo[data-v-3591d167] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-3591d167] {
    grid-column: span 1;
}
}
.card-header[data-v-3591d167] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-3591d167] {
  font-size: 1.1rem;
}
.card-titulo[data-v-3591d167] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-3591d167] {
  color: #E9D5FF;
}
.card-nota[data-v-3591d167] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Formulas */
.formula-visual[data-v-3591d167] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  font-size: 1.1rem;
}
.base-grande[data-v-3591d167] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.exp-grande[data-v-3591d167] {
  font-size: 1rem;
  color: #FCD34D;
}
.igual[data-v-3591d167] {
  color: #C4B5FD;
}
.expansion[data-v-3591d167] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Casos especiales */
.casos-grid[data-v-3591d167] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.caso-formula[data-v-3591d167] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caso-formula sup[data-v-3591d167] {
  color: #FCD34D;
}

/* Propiedades */
.propiedad-formula[data-v-3591d167] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.propiedad-formula sup[data-v-3591d167] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.propiedad-formula sup.suma[data-v-3591d167] { color: #6EE7B7;
}
.propiedad-formula sup.resta[data-v-3591d167] { color: #FCA5A5;
}
.propiedad-formula sup.mult[data-v-3591d167] { color: #FCD34D;
}
.propiedad-formula sup.neg[data-v-3591d167] { color: #FCA5A5;
}
.fraccion[data-v-3591d167] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.fraccion .num[data-v-3591d167],
.fraccion .den[data-v-3591d167] {
  font-size: 1rem;
}
.fraccion .linea[data-v-3591d167] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 2px 0;
  min-width: 30px;
}
.verde[data-v-3591d167] { color: #6EE7B7;
}
.rojo[data-v-3591d167] { color: #FCA5A5;
}
.amarillo[data-v-3591d167] { color: #FCD34D;
}

/* Signos section */
.signos-section[data-v-3591d167] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.signos-titulo[data-v-3591d167] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.signos-grid[data-v-3591d167] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.signo-item[data-v-3591d167] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 140px;
}
.signo-item.par[data-v-3591d167] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-item.impar[data-v-3591d167] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-exp[data-v-3591d167] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.signo-ejemplo[data-v-3591d167] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.signo-ejemplo sup[data-v-3591d167] {
  color: #FCD34D;
}
.signo-resultado[data-v-3591d167] {
  font-size: 0.85rem;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-3591d167] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-3591d167] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-3591d167] {
  font-size: 1.25rem;
}
.tip-text[data-v-3591d167] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-text strong[data-v-3591d167] {
  color: #6EE7B7;
}

/* Celebración */
.celebracion[data-v-3591d167] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3591d167] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-3591d167 1s ease-in-out infinite;
}
@keyframes bounce-3591d167 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3591d167] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3591d167] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-92a9ae56] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  font-size: 2rem;
}

/* Conceptos box */
.conceptos-box[data-v-92a9ae56] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-92a9ae56] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.conceptos-grid[data-v-92a9ae56] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.concepto[data-v-92a9ae56] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.concepto-formula[data-v-92a9ae56] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-desc[data-v-92a9ae56] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.concepto-ejemplo[data-v-92a9ae56] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Contextos */
.contextos-section[data-v-92a9ae56] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-92a9ae56] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-grid[data-v-92a9ae56] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.contexto[data-v-92a9ae56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-92a9ae56] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-92a9ae56] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ctx-ejemplo[data-v-92a9ae56] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Propiedades */
.propiedades-section[data-v-92a9ae56] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-92a9ae56] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-92a9ae56] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-92a9ae56] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
}
.prop-formula[data-v-92a9ae56] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Ejemplo */
.ejemplo-box[data-v-92a9ae56] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-92a9ae56] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-92a9ae56] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-92a9ae56] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-92a9ae56] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-92a9ae56] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-92a9ae56] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-label[data-v-92a9ae56] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
}
.sol-valor[data-v-92a9ae56] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-92a9ae56] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-92a9ae56] {
  font-size: 1.25rem;
}
.tip-texto[data-v-92a9ae56] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-92a9ae56] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-92a9ae56] {
    font-size: 2.5rem;
    gap: 1rem;
}
.propiedades-grid[data-v-92a9ae56] {
    grid-template-columns: repeat(4, 1fr);
}
.contextos-grid[data-v-92a9ae56] {
    gap: 1rem;
}
.contexto[data-v-92a9ae56] {
    padding: 1rem;
}
.ctx-icono[data-v-92a9ae56] {
    font-size: 2rem;
}
}

/* Visual ciencias */
.ciencias-visual[data-v-87d02f98] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.visual-item[data-v-87d02f98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.v-icono[data-v-87d02f98] {
  font-size: 2rem;
}
.v-label[data-v-87d02f98] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Sección box */
.seccion-box[data-v-87d02f98] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  border: 2px solid;
}
.seccion-box.azul[data-v-87d02f98] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.seccion-box.verde[data-v-87d02f98] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.seccion-box.naranja[data-v-87d02f98] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.seccion-box.morado[data-v-87d02f98] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.seccion-header[data-v-87d02f98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-num[data-v-87d02f98] {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.seccion-titulo[data-v-87d02f98] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.seccion-intro[data-v-87d02f98] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem;
}

/* Notación científica */
.notacion-ejemplos[data-v-87d02f98] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.not-ejemplo[data-v-87d02f98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.not-numero[data-v-87d02f98] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.not-igual[data-v-87d02f98] {
  color: #C4B5FD;
}
.not-cientifico[data-v-87d02f98] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.regla-box[data-v-87d02f98] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.regla-box strong[data-v-87d02f98] {
  color: #93C5FD;
}

/* Fórmulas */
.formula-visual[data-v-87d02f98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-item[data-v-87d02f98] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
}
.form-titulo[data-v-87d02f98] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.form-formula[data-v-87d02f98] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-flecha[data-v-87d02f98] {
  color: #C4B5FD;
  font-size: 1.25rem;
}
.formula-destacada[data-v-87d02f98] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Ejemplos */
.ejemplo-box[data-v-87d02f98] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  border: 2px solid;
}
.ejemplo-box.verde[data-v-87d02f98] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-box.azul[data-v-87d02f98] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-header[data-v-87d02f98] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-87d02f98] {
  width: 22px;
  height: 22px;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.ejemplo-box.azul .ejemplo-num[data-v-87d02f98] { background: #93C5FD;
}
.ejemplo-tipo[data-v-87d02f98] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-87d02f98] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-87d02f98] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-visual[data-v-87d02f98] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.sol-calc[data-v-87d02f98] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #C4B5FD;
}
.sol-op[data-v-87d02f98] {
  color: #C4B5FD;
}
.sol-result[data-v-87d02f98] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.sol-explicacion[data-v-87d02f98] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.sol-pasos[data-v-87d02f98] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-87d02f98] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.paso-label[data-v-87d02f98] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 90px;
}
.paso-calc[data-v-87d02f98] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-87d02f98] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-87d02f98] {
  font-size: 1.25rem;
}
.tip-texto[data-v-87d02f98] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-87d02f98] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ciencias-visual[data-v-87d02f98] {
    gap: 3rem;
}
.v-icono[data-v-87d02f98] {
    font-size: 2.5rem;
}
.notacion-ejemplos[data-v-87d02f98] {
    flex-direction: row;
    justify-content: center;
}
.not-ejemplo[data-v-87d02f98] {
    flex: 1;
    max-width: 200px;
}
}

/* Visual finanzas */
.finanzas-visual[data-v-527e0c5c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.visual-grafico[data-v-527e0c5c] {
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
  height: 80px;
}
.barra[data-v-527e0c5c] {
  width: 20px;
  background: linear-gradient(to top, #10B981, #6EE7B7);
  border-radius: 3px 3px 0 0;
}
.visual-label[data-v-527e0c5c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Sección box */
.seccion-box[data-v-527e0c5c] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  border: 2px solid;
}
.seccion-box.verde[data-v-527e0c5c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.seccion-header[data-v-527e0c5c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.seccion-icono[data-v-527e0c5c] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-527e0c5c] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.seccion-intro[data-v-527e0c5c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem;
}
.formula-principal[data-v-527e0c5c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula-linea[data-v-527e0c5c] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
}
.variables-grid[data-v-527e0c5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable[data-v-527e0c5c] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  padding: 0.4rem;
  text-align: center;
}
.var-nombre[data-v-527e0c5c] {
  display: block;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.var-desc[data-v-527e0c5c] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplo-box[data-v-527e0c5c] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  border: 2px solid;
}
.ejemplo-box.verde[data-v-527e0c5c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-box.azul[data-v-527e0c5c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-box.naranja[data-v-527e0c5c] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ejemplo-header[data-v-527e0c5c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-527e0c5c] {
  width: 22px;
  height: 22px;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.ejemplo-box.azul .ejemplo-num[data-v-527e0c5c] { background: #93C5FD;
}
.ejemplo-box.naranja .ejemplo-num[data-v-527e0c5c] { background: #FCD34D;
}
.ejemplo-tipo[data-v-527e0c5c] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-527e0c5c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-527e0c5c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-pasos[data-v-527e0c5c] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-527e0c5c] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.paso-label[data-v-527e0c5c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
  flex-shrink: 0;
}
.paso-calc[data-v-527e0c5c] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.regla-destacada[data-v-527e0c5c] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.regla-nombre[data-v-527e0c5c] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.regla-formula[data-v-527e0c5c] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sol-verificacion[data-v-527e0c5c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Comparación */
.comparacion-box[data-v-527e0c5c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.comp-titulo[data-v-527e0c5c] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comp-grid[data-v-527e0c5c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-item[data-v-527e0c5c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.comp-tipo[data-v-527e0c5c] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comp-calc[data-v-527e0c5c] {
  display: block;
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.comp-result[data-v-527e0c5c] {
  font-size: 0.85rem;
  font-weight: 700;
}
.comp-item.simple .comp-result[data-v-527e0c5c] { color: #E9D5FF;
}
.comp-item.compuesto .comp-result[data-v-527e0c5c] { color: #6EE7B7;
}
.comp-diferencia[data-v-527e0c5c] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.positivo[data-v-527e0c5c] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-527e0c5c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-527e0c5c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-527e0c5c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-527e0c5c] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.visual-grafico[data-v-527e0c5c] {
    height: 100px;
    gap: 0.6rem;
}
.barra[data-v-527e0c5c] {
    width: 30px;
}
}

.explorador[data-v-6e49db56] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Progreso */
.progreso-desafios[data-v-6e49db56] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-6e49db56] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-6e49db56] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-6e49db56] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-6e49db56] {
  font-size: 1.25rem;
}
.progreso-check[data-v-6e49db56] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-6e49db56] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-6e49db56] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-6e49db56] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-6e49db56] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* Problema box */
.problema-box[data-v-6e49db56] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.problema-icono[data-v-6e49db56] {
  display: block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-6e49db56] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.problema-pregunta[data-v-6e49db56] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}

/* Ayuda box */
.ayuda-box[data-v-6e49db56] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ayuda-titulo[data-v-6e49db56] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.ayuda-texto[data-v-6e49db56] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Respuesta container */
.respuesta-container[data-v-6e49db56] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-6e49db56] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-6e49db56], .input-suffix[data-v-6e49db56] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1rem;
}
.respuesta-input[data-v-6e49db56] {
  width: 150px;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-6e49db56]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-6e49db56] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-6e49db56] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-6e49db56]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-6e49db56] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-6e49db56]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-6e49db56] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-6e49db56] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-6e49db56] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-6e49db56] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Navegación */
.navegacion[data-v-6e49db56] {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-6e49db56] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-6e49db56]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}

/* Resumen final */
.resumen-final[data-v-6e49db56] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-6e49db56] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-6e49db56] {
  font-size: 2rem;
}
.resumen-titulo[data-v-6e49db56] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-6e49db56] {
  display: flex;
  justify-content: center;
}
.stat[data-v-6e49db56] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-6e49db56] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-6e49db56] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-6e49db56],
.slide-leave-active[data-v-6e49db56] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-6e49db56] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-6e49db56] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Logro visual */
.logro-visual[data-v-17514fe3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.logro-icono[data-v-17514fe3] {
  font-size: 3rem;
}
.logro-texto[data-v-17514fe3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Contextos resumen */
.contextos-resumen[data-v-17514fe3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.contexto-card[data-v-17514fe3] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  border: 1px solid;
}
.contexto-card.ciencias[data-v-17514fe3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.contexto-card.finanzas[data-v-17514fe3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.contexto-card.geometria[data-v-17514fe3] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.card-header[data-v-17514fe3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-17514fe3] {
  font-size: 1.25rem;
}
.card-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-17514fe3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-17514fe3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula[data-v-17514fe3] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Memoria box */
.memoria-box[data-v-17514fe3] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.memoria-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.potencias-grid[data-v-17514fe3] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.potencia-item[data-v-17514fe3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0.4rem;
  text-align: center;
}
.pot-exp[data-v-17514fe3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pot-val[data-v-17514fe3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Raíces box */
.raices-box[data-v-17514fe3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.raices-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.raices-grid[data-v-17514fe3] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.raiz[data-v-17514fe3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Propiedades box */
.propiedades-box[data-v-17514fe3] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.prop-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.prop-grid[data-v-17514fe3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.prop-item[data-v-17514fe3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  padding: 0.4rem;
  text-align: center;
}
.prop-formula[data-v-17514fe3] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Errores box */
.errores-box[data-v-17514fe3] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.errores-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-17514fe3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-17514fe3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-17514fe3] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-17514fe3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips box */
.tips-box[data-v-17514fe3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.tips-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tips-lista[data-v-17514fe3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-17514fe3] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.tip-num[data-v-17514fe3] {
  width: 20px;
  height: 20px;
  background: #FCD34D;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  flex-shrink: 0;
}
.tip-texto[data-v-17514fe3] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-17514fe3] {
  color: #FCD34D;
}

/* Final box */
.final-box[data-v-17514fe3] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-17514fe3] {
  font-size: 2rem;
}
.final-contenido[data-v-17514fe3] {
  flex: 1;
}
.final-titulo[data-v-17514fe3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0 0 0.5rem;
}
.final-texto[data-v-17514fe3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.contextos-resumen[data-v-17514fe3] {
    flex-direction: row;
}
.contexto-card[data-v-17514fe3] {
    flex: 1;
}
.potencias-grid[data-v-17514fe3] {
    grid-template-columns: repeat(8, 1fr);
}
.prop-grid[data-v-17514fe3] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-92a1a885] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Estrategia box */
.estrategia-box[data-v-92a1a885] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-92a1a885] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-92a1a885] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-92a1a885] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-92a1a885] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-92a1a885] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-92a1a885] {
  color: #C4B5FD;
}

/* Contextos */
.contextos-section[data-v-92a1a885] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-92a1a885] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-grid[data-v-92a1a885] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.contexto[data-v-92a1a885] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-92a1a885] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-92a1a885] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ctx-ejemplo[data-v-92a1a885] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Palabras clave */
.palabras-section[data-v-92a1a885] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-92a1a885] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.palabras-grid[data-v-92a1a885] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.palabra-grupo[data-v-92a1a885] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.palabra-grupo.suma[data-v-92a1a885] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.palabra-grupo.resta[data-v-92a1a885] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.palabra-grupo.mult[data-v-92a1a885] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.palabra-grupo.div[data-v-92a1a885] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.operacion[data-v-92a1a885] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.suma .operacion[data-v-92a1a885] { color: #6EE7B7;
}
.resta .operacion[data-v-92a1a885] { color: #FCA5A5;
}
.mult .operacion[data-v-92a1a885] { color: #93C5FD;
}
.div .operacion[data-v-92a1a885] { color: #FCD34D;
}
.keywords[data-v-92a1a885] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Ejemplo */
.ejemplo-box[data-v-92a1a885] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-92a1a885] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-92a1a885] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-92a1a885] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-problema[data-v-92a1a885] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-92a1a885] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-92a1a885] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-label[data-v-92a1a885] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
}
.sol-valor[data-v-92a1a885] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-92a1a885] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-92a1a885] {
  font-size: 1.25rem;
}
.tip-texto[data-v-92a1a885] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-92a1a885] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-92a1a885] {
    font-size: 2.5rem;
    gap: 1rem;
}
.palabras-grid[data-v-92a1a885] {
    grid-template-columns: repeat(4, 1fr);
}
.contextos-grid[data-v-92a1a885] {
    gap: 1rem;
}
.contexto[data-v-92a1a885] {
    padding: 1rem;
}
.ctx-icono[data-v-92a1a885] {
    font-size: 2rem;
}
}

/* Termómetro visual */
.termometro-visual[data-v-d41e806a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.termo-container[data-v-d41e806a] {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  height: 150px;
}
.termo-escala[data-v-d41e806a] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
}
.temp[data-v-d41e806a] {
  font-size: 0.7rem;
  font-weight: 600;
}
.temp.hot[data-v-d41e806a] { color: #EF4444;
}
.temp.warm[data-v-d41e806a] { color: #F59E0B;
}
.temp.zero[data-v-d41e806a] { color: #8B5CF6;
}
.temp.cold[data-v-d41e806a] { color: #60A5FA;
}
.temp.freeze[data-v-d41e806a] { color: #3B82F6;
}
.termo-bar[data-v-d41e806a] {
  width: 30px;
  background: linear-gradient(to bottom, #EF4444, #F59E0B 30%, #8B5CF6 50%, #60A5FA 70%, #3B82F6);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.termo-fill[data-v-d41e806a] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
}
.termo-marker[data-v-d41e806a] {
  position: absolute;
  left: 100%;
  transform: translateY(50%);
  display: flex;
  align-items: center;
}
.marker-label[data-v-d41e806a] {
  font-size: 0.65rem;
  color: #C4B5FD;
  white-space: nowrap;
  margin-left: 0.25rem;
}

/* Conceptos grid */
.conceptos-grid[data-v-d41e806a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.concepto[data-v-d41e806a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.con-icono[data-v-d41e806a] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.con-titulo[data-v-d41e806a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.con-op[data-v-d41e806a] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-top: 0.25rem;
}

/* Ejemplos */
.ejemplo-box[data-v-d41e806a] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-box.azul[data-v-d41e806a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-box.naranja[data-v-d41e806a] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ejemplo-header[data-v-d41e806a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-d41e806a] {
  width: 22px;
  height: 22px;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.ejemplo-box.azul .ejemplo-num[data-v-d41e806a] { background: #93C5FD;
}
.ejemplo-box.naranja .ejemplo-num[data-v-d41e806a] { background: #FCD34D;
}
.ejemplo-tipo[data-v-d41e806a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-d41e806a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-d41e806a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-visual[data-v-d41e806a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.sol-temp[data-v-d41e806a] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.sol-temp.neg[data-v-d41e806a] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sol-temp.pos[data-v-d41e806a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.sol-temp.result[data-v-d41e806a] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-size: 1rem;
}
.sol-op[data-v-d41e806a], .sol-eq[data-v-d41e806a] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.sol-explicacion[data-v-d41e806a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.sol-pasos[data-v-d41e806a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-d41e806a] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.paso-label[data-v-d41e806a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 110px;
}
.paso-calc[data-v-d41e806a] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-d41e806a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d41e806a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d41e806a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d41e806a] {
  color: #FCD34D;
}

/* Texto destacado */
strong.positivo[data-v-d41e806a] {
  color: #6EE7B7;
}
strong.negativo[data-v-d41e806a] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.termo-container[data-v-d41e806a] {
    height: 180px;
}
.conceptos-grid[data-v-d41e806a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual cuenta */
.finanzas-visual[data-v-77953d55] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.cuenta-container[data-v-77953d55] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  min-width: 200px;
}
.cuenta-header[data-v-77953d55] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cuenta-icono[data-v-77953d55] {
  font-size: 1.25rem;
}
.cuenta-titulo[data-v-77953d55] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.cuenta-saldo[data-v-77953d55] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.saldo-label[data-v-77953d55] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.saldo-valor[data-v-77953d55] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.saldo-valor.negativo[data-v-77953d55] {
  color: #FCA5A5;
}
.cuenta-movimientos[data-v-77953d55] {
  display: flex;
  gap: 0.5rem;
}
.mov[data-v-77953d55] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem;
  border-radius: 0.5rem;
  font-size: 0.7rem;
}
.mov.ingreso[data-v-77953d55] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.mov.egreso[data-v-77953d55] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Vocabulario */
.vocab-section[data-v-77953d55] {
  margin: 1.5rem 0;
}
.vocab-titulo[data-v-77953d55] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.vocab-grid[data-v-77953d55] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.vocab-item[data-v-77953d55] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  align-items: flex-start;
}
.vocab-item.positivo[data-v-77953d55] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.vocab-item.negativo[data-v-77953d55] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.vocab-signo[data-v-77953d55] {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}
.vocab-item.positivo .vocab-signo[data-v-77953d55] { color: #6EE7B7;
}
.vocab-item.negativo .vocab-signo[data-v-77953d55] { color: #FCA5A5;
}
.vocab-palabras[data-v-77953d55] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplo-box[data-v-77953d55] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-box.azul[data-v-77953d55] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-box.naranja[data-v-77953d55] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ejemplo-header[data-v-77953d55] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-77953d55] {
  width: 22px;
  height: 22px;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.ejemplo-box.azul .ejemplo-num[data-v-77953d55] { background: #93C5FD;
}
.ejemplo-box.naranja .ejemplo-num[data-v-77953d55] { background: #FCD34D;
}
.ejemplo-tipo[data-v-77953d55] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-77953d55] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-77953d55] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-visual[data-v-77953d55] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.sol-dinero[data-v-77953d55] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.sol-dinero.pos[data-v-77953d55] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.sol-dinero.neg[data-v-77953d55] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sol-dinero.gasto[data-v-77953d55] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.sol-op[data-v-77953d55], .sol-eq[data-v-77953d55] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.sol-explicacion[data-v-77953d55] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.sol-pasos[data-v-77953d55] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-77953d55] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.sol-paso.alternativo[data-v-77953d55] {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  padding-top: 0.4rem;
  margin-top: 0.2rem;
}
.paso-label[data-v-77953d55] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 90px;
}
.paso-calc[data-v-77953d55] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Fórmulas */
.formulas-box[data-v-77953d55] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-77953d55] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.formulas-grid[data-v-77953d55] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula[data-v-77953d55] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-77953d55] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-eq[data-v-77953d55] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-77953d55] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-77953d55] {
  font-size: 1.25rem;
}
.tip-texto[data-v-77953d55] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-77953d55] {
  color: #FCD34D;
}

/* Texto destacado */
strong.positivo[data-v-77953d55] {
  color: #6EE7B7;
}
strong.negativo[data-v-77953d55] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.cuenta-container[data-v-77953d55] {
    min-width: 280px;
}
.formulas-grid[data-v-77953d55] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Visual mediciones */
.medicion-visual[data-v-4f3902e5] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.escala-vertical[data-v-4f3902e5] {
  position: relative;
  height: 180px;
  width: 180px;
}
.linea-referencia[data-v-4f3902e5] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, #10B981 0%, #10B981 50%, #3B82F6 50%, #3B82F6 100%);
  transform: translateX(-50%);
  border-radius: 2px;
}
.nivel[data-v-4f3902e5] {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-50%);
}
.nivel-mar[data-v-4f3902e5] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.nivel-marca[data-v-4f3902e5] {
  font-size: 1rem;
}
.nivel-valor[data-v-4f3902e5] {
  font-size: 0.7rem;
  font-weight: 600;
}
.nivel-valor.pos[data-v-4f3902e5] { color: #6EE7B7;
}
.nivel-valor.cero[data-v-4f3902e5] { color: #C4B5FD;
}
.nivel-valor.neg[data-v-4f3902e5] { color: #93C5FD;
}

/* Contextos grid */
.contextos-grid[data-v-4f3902e5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.ctx-item[data-v-4f3902e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-4f3902e5] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-4f3902e5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ctx-signo[data-v-4f3902e5] {
  font-size: 0.7rem;
  font-weight: 700;
  margin-top: 0.25rem;
  color: #C4B5FD;
}
.ctx-signo.pos[data-v-4f3902e5] { color: #6EE7B7;
}
.ctx-signo.neg[data-v-4f3902e5] { color: #FCA5A5;
}

/* Ejemplos */
.ejemplo-box[data-v-4f3902e5] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-box.azul[data-v-4f3902e5] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-box.naranja[data-v-4f3902e5] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ejemplo-header[data-v-4f3902e5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-4f3902e5] {
  width: 22px;
  height: 22px;
  background: #6EE7B7;
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}
.ejemplo-box.azul .ejemplo-num[data-v-4f3902e5] { background: #93C5FD;
}
.ejemplo-box.naranja .ejemplo-num[data-v-4f3902e5] { background: #FCD34D;
}
.ejemplo-tipo[data-v-4f3902e5] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-4f3902e5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-4f3902e5] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-visual[data-v-4f3902e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.sol-med[data-v-4f3902e5] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.sol-med.pos[data-v-4f3902e5] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.sol-med.neg[data-v-4f3902e5] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.sol-med.result[data-v-4f3902e5] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-size: 1rem;
}
.sol-op[data-v-4f3902e5], .sol-eq[data-v-4f3902e5] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.sol-explicacion[data-v-4f3902e5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.sol-pasos[data-v-4f3902e5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-4f3902e5] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.sol-paso.alternativo[data-v-4f3902e5] {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  padding-top: 0.4rem;
  margin-top: 0.2rem;
}
.paso-label[data-v-4f3902e5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 120px;
}
.paso-calc[data-v-4f3902e5] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Conversiones */
.conversiones-box[data-v-4f3902e5] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.conv-titulo[data-v-4f3902e5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
}
.conv-grid[data-v-4f3902e5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.conv[data-v-4f3902e5] {
  font-size: 0.75rem;
  color: #93C5FD;
  text-align: center;
  font-family: monospace;
}

/* Tip */
.tip[data-v-4f3902e5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4f3902e5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4f3902e5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4f3902e5] {
  color: #FCD34D;
}

/* Texto destacado */
strong.positivo[data-v-4f3902e5] {
  color: #6EE7B7;
}
strong.negativo[data-v-4f3902e5] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.escala-vertical[data-v-4f3902e5] {
    height: 220px;
    width: 220px;
}
.contextos-grid[data-v-4f3902e5] {
    grid-template-columns: repeat(4, 1fr);
}
.conv-grid[data-v-4f3902e5] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-e95eeb5d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Progreso */
.progreso-desafios[data-v-e95eeb5d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.progreso-item[data-v-e95eeb5d] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  cursor: pointer;
  transition: all 0.3s;
}
.progreso-item.activo[data-v-e95eeb5d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  transform: scale(1.1);
}
.progreso-item.completado[data-v-e95eeb5d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.progreso-icono[data-v-e95eeb5d] {
  font-size: 1.25rem;
}
.progreso-check[data-v-e95eeb5d] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Desafío container */
.desafio-container[data-v-e95eeb5d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e95eeb5d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e95eeb5d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.desafio-titulo[data-v-e95eeb5d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
}

/* Problema box */
.problema-box[data-v-e95eeb5d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-e95eeb5d] {
  display: block;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-e95eeb5d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}
.problema-pregunta[data-v-e95eeb5d] {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}

/* Respuesta container */
.respuesta-container[data-v-e95eeb5d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.input-group[data-v-e95eeb5d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-prefix[data-v-e95eeb5d], .input-suffix[data-v-e95eeb5d] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 1rem;
}

/* Botón de signo +/- */
.btn-signo[data-v-e95eeb5d] {
  width: 44px;
  height: 44px;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-signo[data-v-e95eeb5d]:hover:not(:disabled) {
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.btn-signo.negativo[data-v-e95eeb5d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.btn-signo[data-v-e95eeb5d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.respuesta-input[data-v-e95eeb5d] {
  width: 120px;
  padding: 0.75rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  outline: none;
  transition: all 0.3s;
}
.respuesta-input[data-v-e95eeb5d]:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.respuesta-input.correcto[data-v-e95eeb5d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-e95eeb5d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.respuesta-input[data-v-e95eeb5d]:disabled {
  opacity: 0.7;
}

/* Botones */
.btn-verificar[data-v-e95eeb5d] {
  padding: 0.6rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-verificar[data-v-e95eeb5d]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* Feedback */
.feedback-error[data-v-e95eeb5d] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-e95eeb5d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-e95eeb5d] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-e95eeb5d] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Navegación */
.navegacion[data-v-e95eeb5d] {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.btn-nav[data-v-e95eeb5d] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.3s;
}
.btn-nav[data-v-e95eeb5d]:hover {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.spacer[data-v-e95eeb5d] {
  width: 1px;
}

/* Resumen final */
.resumen-final[data-v-e95eeb5d] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.resumen-header[data-v-e95eeb5d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-e95eeb5d] {
  font-size: 2rem;
}
.resumen-titulo[data-v-e95eeb5d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.resumen-stats[data-v-e95eeb5d] {
  display: flex;
  justify-content: center;
}
.stat[data-v-e95eeb5d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-valor[data-v-e95eeb5d] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.stat-label[data-v-e95eeb5d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Transiciones */
.slide-enter-active[data-v-e95eeb5d],
.slide-leave-active[data-v-e95eeb5d] {
  transition: all 0.3s ease;
}
.slide-enter-from[data-v-e95eeb5d] {
  opacity: 0;
  transform: translateX(20px);
}
.slide-leave-to[data-v-e95eeb5d] {
  opacity: 0;
  transform: translateX(-20px);
}

/* Logro visual */
.logro-visual[data-v-1c593b8b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 1rem;
}
.logro-icono[data-v-1c593b8b] {
  font-size: 3rem;
}
.logro-texto[data-v-1c593b8b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Contextos resumen */
.contextos-resumen[data-v-1c593b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.contexto-card[data-v-1c593b8b] {
  border-radius: 0.75rem;
  padding: 0.75rem;
  border: 1px solid;
}
.contexto-card.temp[data-v-1c593b8b] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.contexto-card.finanzas[data-v-1c593b8b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.contexto-card.mediciones[data-v-1c593b8b] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.card-header[data-v-1c593b8b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-1c593b8b] {
  font-size: 1.25rem;
}
.card-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-1c593b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto[data-v-1c593b8b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.op[data-v-1c593b8b] { color: #C4B5FD; font-weight: 600;
}
.pos[data-v-1c593b8b] { color: #6EE7B7; font-weight: 600;
}
.neg[data-v-1c593b8b] { color: #FCA5A5; font-weight: 600;
}

/* Estrategia box */
.estrategia-box[data-v-1c593b8b] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-grid[data-v-1c593b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-1c593b8b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-1c593b8b] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-accion[data-v-1c593b8b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  min-width: 80px;
}
.paso-desc[data-v-1c593b8b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Palabras resumen */
.palabras-resumen[data-v-1c593b8b] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.palabras-grid[data-v-1c593b8b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.palabra-item[data-v-1c593b8b] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  align-items: flex-start;
}
.palabra-item.suma[data-v-1c593b8b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.palabra-item.resta[data-v-1c593b8b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.palabra-item.mult[data-v-1c593b8b] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.palabra-item.div[data-v-1c593b8b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.palabra-op[data-v-1c593b8b] {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
}
.suma .palabra-op[data-v-1c593b8b] { color: #6EE7B7;
}
.resta .palabra-op[data-v-1c593b8b] { color: #FCA5A5;
}
.mult .palabra-op[data-v-1c593b8b] { color: #93C5FD;
}
.div .palabra-op[data-v-1c593b8b] { color: #FCD34D;
}
.palabra-lista[data-v-1c593b8b] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Errores box */
.errores-box[data-v-1c593b8b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.errores-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-1c593b8b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-1c593b8b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-1c593b8b] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-1c593b8b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips box */
.tips-box[data-v-1c593b8b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.tips-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tips-grid[data-v-1c593b8b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tip-item[data-v-1c593b8b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.tip-calc[data-v-1c593b8b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tip-metodo[data-v-1c593b8b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Final box */
.final-box[data-v-1c593b8b] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-1c593b8b] {
  font-size: 2rem;
}
.final-contenido[data-v-1c593b8b] {
  flex: 1;
}
.final-titulo[data-v-1c593b8b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0 0 0.5rem;
}
.final-texto[data-v-1c593b8b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.contextos-resumen[data-v-1c593b8b] {
    flex-direction: row;
}
.contexto-card[data-v-1c593b8b] {
    flex: 1;
}
.pasos-grid[data-v-1c593b8b] {
    flex-direction: row;
}
.paso-item[data-v-1c593b8b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
    padding: 0.5rem 0.25rem;
}
.paso-accion[data-v-1c593b8b] {
    min-width: auto;
    font-size: 0.7rem;
}
.paso-desc[data-v-1c593b8b] {
    font-size: 0.65rem;
}
.tips-grid[data-v-1c593b8b] {
    grid-template-columns: repeat(6, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-ab436174] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.raiz-ejemplo[data-v-ab436174] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
}
.raiz-ejemplo .simbolo[data-v-ab436174] {
  font-size: 2.5rem;
  color: #C4B5FD;
  font-weight: 300;
}
.raiz-ejemplo .radicando[data-v-ab436174] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
}
.raiz-ejemplo .igual[data-v-ab436174] {
  font-size: 1.5rem;
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.raiz-ejemplo .resultado[data-v-ab436174] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-ab436174] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-ab436174] {
  font-size: 1.5rem;
}
.def-contenido[data-v-ab436174] {
  flex: 1;
}
.def-titulo[data-v-ab436174] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.def-formula[data-v-ab436174] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.raiz-n[data-v-ab436174] {
  color: #93C5FD;
  font-size: 1.1rem;
}
.significa[data-v-ab436174] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.potencia[data-v-ab436174] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tipos de raíces */
.tipos-section[data-v-ab436174] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ab436174] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-ab436174] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.tipos-grid[data-v-ab436174] {
    grid-template-columns: repeat(3, 1fr);
}
}
.tipo-card[data-v-ab436174] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.cuadrada[data-v-ab436174] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.cubica[data-v-ab436174] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-card.enesima[data-v-ab436174] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-ab436174] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-simbolo[data-v-ab436174] {
  font-size: 1.5rem;
  font-weight: 300;
  color: #FFFFFF;
}
.tipo-nombre[data-v-ab436174] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-ejemplos[data-v-ab436174] {
  text-align: center;
}
.ejemplo-item[data-v-ab436174] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}
.ejemplo-item .expr[data-v-ab436174] {
  color: #E9D5FF;
  font-weight: 600;
}
.ejemplo-item .eq[data-v-ab436174] {
  color: #C4B5FD;
}
.ejemplo-item .res[data-v-ab436174] {
  color: #6EE7B7;
  font-weight: 700;
}
.ejemplo-nota[data-v-ab436174] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Partes de una raíz */
.partes-section[data-v-ab436174] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.partes-titulo[data-v-ab436174] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-visual[data-v-ab436174] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.raiz-partes[data-v-ab436174] {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 1rem 2rem;
}
.indice-label[data-v-ab436174] {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.7rem;
  color: #FCD34D;
}
.indice[data-v-ab436174] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 700;
  margin-top: 0.5rem;
  margin-right: -0.25rem;
}
.simbolo-grande[data-v-ab436174] {
  font-size: 3rem;
  color: #C4B5FD;
  font-weight: 300;
  line-height: 1;
}
.radicando-grande[data-v-ab436174] {
  font-size: 2rem;
  color: #93C5FD;
  font-weight: 700;
  margin-top: 0.75rem;
}
.radicando-label[data-v-ab436174] {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.7rem;
  color: #93C5FD;
}
.partes-explicacion[data-v-ab436174] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte-item[data-v-ab436174] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.parte-item strong.positivo[data-v-ab436174] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-section[data-v-ab436174] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-ab436174] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-ab436174] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-ab436174] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.caso-item.positivo-bg[data-v-ab436174] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caso-item.negativo-bg[data-v-ab436174] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.caso-icono[data-v-ab436174] {
  font-size: 1.25rem;
}
.caso-contenido[data-v-ab436174] {
  flex: 1;
}
.caso-expr[data-v-ab436174] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.caso-nota[data-v-ab436174] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-ab436174] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ab436174] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ab436174] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ab436174] {
  color: #6EE7B7;
}

/* Propiedad card */
.propiedad-card[data-v-3f3d4510] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.propiedad-card.destacada[data-v-3f3d4510] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.prop-header[data-v-3f3d4510] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.prop-numero[data-v-3f3d4510] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.propiedad-card.destacada .prop-numero[data-v-3f3d4510] {
  background: #F59E0B;
}
.prop-nombre[data-v-3f3d4510] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.prop-formula[data-v-3f3d4510] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.propiedad-card.destacada .prop-formula[data-v-3f3d4510] {
  background: rgba(245, 158, 11, 0.15);
}
.formula[data-v-3f3d4510] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.prop-ejemplo[data-v-3f3d4510] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-3f3d4510] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ejemplo-calculo[data-v-3f3d4510] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1rem;
}
.paso[data-v-3f3d4510] {
  color: #E9D5FF;
  font-weight: 600;
}
.igual[data-v-3f3d4510] {
  color: #C4B5FD;
}
.resultado[data-v-3f3d4510] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1.1rem;
}
.ejemplo-alternativo[data-v-3f3d4510],
.ejemplo-explicacion[data-v-3f3d4510] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}
.ejemplo-grid[data-v-3f3d4510] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}
.mini-ejemplo[data-v-3f3d4510] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.mini-ejemplo .eq[data-v-3f3d4510] {
  color: #C4B5FD;
}
.prop-nota[data-v-3f3d4510] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
}
.prop-nota.importante[data-v-3f3d4510] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}
.nota-icono[data-v-3f3d4510] {
  font-size: 1rem;
}

/* Resumen */
.resumen-propiedades[data-v-3f3d4510] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.resumen-titulo[data-v-3f3d4510] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.resumen-lista[data-v-3f3d4510] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-item[data-v-3f3d4510] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.resumen-item.destacado[data-v-3f3d4510] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #FCD34D;
  font-weight: 700;
}

/* Concepto clave */
.concepto-clave[data-v-08aa87bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.concepto-icono[data-v-08aa87bc] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-08aa87bc] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-08aa87bc] {
  color: #E9D5FF;
  font-size: 0.95rem;
}

/* Referencia cuadrados */
.referencia-section[data-v-08aa87bc] {
  margin: 1.5rem 0;
}
.ref-titulo[data-v-08aa87bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.cuadrados-grid[data-v-08aa87bc] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}
@media (max-width: 480px) {
.cuadrados-grid[data-v-08aa87bc] {
    grid-template-columns: repeat(2, 1fr);
}
}
.cuadrado-item[data-v-08aa87bc] {
  text-align: center;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cuadrado-item strong[data-v-08aa87bc] {
  color: #6EE7B7;
}

/* Método */
.metodo-section[data-v-08aa87bc] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-08aa87bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-completo[data-v-08aa87bc] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.ejemplo-completo.cubico[data-v-08aa87bc] {
  border-color: rgba(59, 130, 246, 0.3);
}
.ejemplo-header[data-v-08aa87bc] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-list[data-v-08aa87bc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-08aa87bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-08aa87bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-contenido[data-v-08aa87bc] {
  flex: 1;
}
.paso-accion[data-v-08aa87bc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-calculo[data-v-08aa87bc] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.paso-calculo.resultado[data-v-08aa87bc] {
  font-size: 1rem;
}
strong.positivo[data-v-08aa87bc] {
  color: #6EE7B7;
}

/* Raíces cúbicas */
.cubicas-section[data-v-08aa87bc] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.cubicas-titulo[data-v-08aa87bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cubos-grid[data-v-08aa87bc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.cubo-item[data-v-08aa87bc] {
  padding: 0.3rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cubo-item strong[data-v-08aa87bc] {
  color: #93C5FD;
}

/* Casos especiales */
.casos-especiales[data-v-08aa87bc] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-08aa87bc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-08aa87bc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.casos-grid[data-v-08aa87bc] {
    grid-template-columns: repeat(4, 1fr);
}
}
.caso-card[data-v-08aa87bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.caso-original[data-v-08aa87bc] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.caso-flecha[data-v-08aa87bc] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.caso-simple[data-v-08aa87bc] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-08aa87bc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tip-icono[data-v-08aa87bc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-08aa87bc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-08aa87bc] {
  color: #6EE7B7;
}

.explorador[data-v-eb3a7c2d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-eb3a7c2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-eb3a7c2d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-eb3a7c2d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-eb3a7c2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-eb3a7c2d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-eb3a7c2d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-eb3a7c2d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-eb3a7c2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-eb3a7c2d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular raíces ===== */
.calculo-container[data-v-eb3a7c2d] {
  text-align: center;
}
.raiz-visual[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin: 1.5rem 0;
  flex-wrap: wrap;
}
.indice-visual[data-v-eb3a7c2d] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 700;
  margin-right: -0.2rem;
  vertical-align: super;
}
.simbolo-visual[data-v-eb3a7c2d] {
  font-size: 2.5rem;
  color: #C4B5FD;
  font-weight: 300;
}
.radicando-visual[data-v-eb3a7c2d] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
}
.igual-visual[data-v-eb3a7c2d] {
  font-size: 1.5rem;
  color: #E9D5FF;
  margin: 0 0.5rem;
}
.input-container[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-eb3a7c2d] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-eb3a7c2d] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.respuesta-input[data-v-eb3a7c2d] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-eb3a7c2d] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-eb3a7c2d] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.ayuda-calculo[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-eb3a7c2d] { font-size: 1rem;
}
.ayuda-texto[data-v-eb3a7c2d] { color: #C4B5FD; font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Simplificar ===== */
.simplificar-container[data-v-eb3a7c2d] {
  text-align: center;
}
.simplificar-pregunta[data-v-eb3a7c2d] {
  font-size: 1.1rem;
  color: #E9D5FF;
  margin-bottom: 1.5rem;
}
.raiz-inline[data-v-eb3a7c2d] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
}
.simplificar-respuesta[data-v-eb3a7c2d] {
  margin-bottom: 1rem;
}
.respuesta-formato[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.coef-input[data-v-eb3a7c2d],
.radic-input[data-v-eb3a7c2d] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 3px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.coef-input.correcto[data-v-eb3a7c2d],
.radic-input.correcto[data-v-eb3a7c2d] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.coef-input.incorrecto[data-v-eb3a7c2d],
.radic-input.incorrecto[data-v-eb3a7c2d] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.formato-simbolo[data-v-eb3a7c2d] {
  font-size: 1.8rem;
  color: #C4B5FD;
  font-weight: 300;
}
.formato-ejemplo[data-v-eb3a7c2d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.referencia-cuadrados[data-v-eb3a7c2d] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
.ref-titulo[data-v-eb3a7c2d] {
  color: #6EE7B7;
  font-weight: 600;
}
.ref-items[data-v-eb3a7c2d] {
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedad-container[data-v-eb3a7c2d] {
  text-align: center;
}
.propiedad-pregunta[data-v-eb3a7c2d] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.propiedad-opciones[data-v-eb3a7c2d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.propiedad-opcion[data-v-eb3a7c2d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 3px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.propiedad-opcion[data-v-eb3a7c2d]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.25);
}
.propiedad-opcion.seleccionada[data-v-eb3a7c2d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.propiedad-opcion.correcta[data-v-eb3a7c2d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.propiedad-opcion.incorrecta[data-v-eb3a7c2d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Elementos comunes */
.botones-desafio[data-v-eb3a7c2d] {
  margin: 1rem 0;
}
.btn-verificar[data-v-eb3a7c2d] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
}
.feedback-error[data-v-eb3a7c2d] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.resultado-correcto[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-eb3a7c2d] { font-size: 1.25rem;
}
.resultado-texto[data-v-eb3a7c2d] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-eb3a7c2d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-eb3a7c2d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-eb3a7c2d] { flex: 1;
}
.nav-btn[data-v-eb3a7c2d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-eb3a7c2d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-eb3a7c2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-eb3a7c2d] { font-size: 1.75rem;
}
.completado-texto[data-v-eb3a7c2d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-eb3a7c2d], .slide-leave-active[data-v-eb3a7c2d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-eb3a7c2d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-eb3a7c2d] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-b76d9272] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-b76d9272] {
  font-size: 2rem;
}
.resumen-intro p[data-v-b76d9272] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-b76d9272] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-b76d9272] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-b76d9272] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-b76d9272]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-b76d9272] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-b76d9272] {
    grid-column: span 1;
}
}
.card-header[data-v-b76d9272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-b76d9272] {
  font-size: 1.25rem;
}
.card-titulo[data-v-b76d9272] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-b76d9272] {
  color: #E9D5FF;
}
.card-nota[data-v-b76d9272] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Formula visual */
.formula-visual[data-v-b76d9272] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  flex-wrap: wrap;
}
.formula[data-v-b76d9272] {
  color: #FFFFFF;
  font-weight: 700;
}
.significa[data-v-b76d9272] {
  color: #8B5CF6;
}

/* Tipos mini */
.tipos-mini[data-v-b76d9272] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-mini[data-v-b76d9272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tipo-simb[data-v-b76d9272] {
  font-size: 1.2rem;
  color: #93C5FD;
  min-width: 30px;
}
.tipo-nom[data-v-b76d9272] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Propiedades grid */
.propiedades-grid[data-v-b76d9272] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 480px) {
.propiedades-grid[data-v-b76d9272] {
    grid-template-columns: 1fr;
}
}
.prop-mini[data-v-b76d9272] {
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.prop-mini.destacada[data-v-b76d9272] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.prop-formula[data-v-b76d9272] {
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.prop-mini.destacada .prop-formula[data-v-b76d9272] {
  color: #FCD34D;
  font-weight: 600;
}

/* Simplificación ejemplo */
.simplif-ejemplo[data-v-b76d9272] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.s-paso[data-v-b76d9272] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.s-flecha[data-v-b76d9272] {
  color: #8B5CF6;
  font-size: 0.8rem;
}
.s-resultado[data-v-b76d9272] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* Casos mini */
.casos-mini[data-v-b76d9272] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caso-mini[data-v-b76d9272] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.caso-mini.correcto[data-v-b76d9272] {
  background: rgba(16, 185, 129, 0.1);
}
.caso-mini.incorrecto[data-v-b76d9272] {
  background: rgba(239, 68, 68, 0.1);
}
.caso-label[data-v-b76d9272] {
  color: #E9D5FF;
}
.caso-mini.correcto .caso-check[data-v-b76d9272] {
  color: #6EE7B7;
}
.caso-mini.incorrecto .caso-check[data-v-b76d9272] {
  color: #FCA5A5;
}

/* Cuadrados mini */
.cuadrados-mini[data-v-b76d9272] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.cuadrados-mini span[data-v-b76d9272] {
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-b76d9272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-b76d9272] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-b76d9272] {
  font-size: 1.25rem;
}
.tip-text[data-v-b76d9272] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-b76d9272] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-b76d9272] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-b76d9272] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-b76d9272 1s ease-in-out infinite;
}
@keyframes bounce-b76d9272 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-b76d9272] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-b76d9272] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-fd48237d] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.datos-linea[data-v-fd48237d] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.dato[data-v-fd48237d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}
.dato.destacado[data-v-fd48237d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.divisiones[data-v-fd48237d] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.division[data-v-fd48237d] {
  flex: 1;
  max-width: 60px;
  padding: 0.35rem;
  border-radius: 0.35rem;
  text-align: center;
}
.div-label[data-v-fd48237d] {
  font-size: 0.7rem;
  font-weight: 600;
}
.division.q1[data-v-fd48237d] {
  background: rgba(96, 165, 250, 0.2);
  color: #93C5FD;
}
.division.q2[data-v-fd48237d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.division.q3[data-v-fd48237d] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.division.q4[data-v-fd48237d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Definiciones */
.definicion-box[data-v-fd48237d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.def-item[data-v-fd48237d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.def-icono[data-v-fd48237d] {
  font-size: 1.5rem;
}
.def-contenido[data-v-fd48237d] {
  flex: 1;
}
.def-titulo[data-v-fd48237d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-fd48237d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.def-texto strong[data-v-fd48237d] {
  color: #6EE7B7;
}

/* Relación cuartiles-percentiles */
.relacion-section[data-v-fd48237d] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.relacion-titulo[data-v-fd48237d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.relacion-grid[data-v-fd48237d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-fd48237d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cuartil[data-v-fd48237d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.igual[data-v-fd48237d] {
  color: #C4B5FD;
}
.percentil[data-v-fd48237d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.nota[data-v-fd48237d] {
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-left: 0.25rem;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-fd48237d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-fd48237d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-fd48237d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-fd48237d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.card-icono[data-v-fd48237d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-texto[data-v-fd48237d] {
  font-size: 0.75rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
}
.card-detalle[data-v-fd48237d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-fd48237d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fd48237d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fd48237d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fd48237d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.datos-linea[data-v-fd48237d] {
    gap: 0.5rem;
}
.dato[data-v-fd48237d] {
    width: 42px;
    height: 42px;
    font-size: 1rem;
}
.division[data-v-fd48237d] {
    max-width: 80px;
    padding: 0.5rem;
}
.div-label[data-v-fd48237d] {
    font-size: 0.8rem;
}
.relacion-grid[data-v-fd48237d] {
    flex-direction: row;
    justify-content: space-around;
}
.ejemplos-grid[data-v-fd48237d] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-card[data-v-fd48237d] {
    padding: 0.75rem;
}
.card-icono[data-v-fd48237d] {
    font-size: 1.75rem;
}
}

/* Visualización de cuartiles */
.cuartiles-visual[data-v-94fdd0a3] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.cv-titulo[data-v-94fdd0a3] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.cv-barra[data-v-94fdd0a3] {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
.cv-parte[data-v-94fdd0a3] {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.parte-label[data-v-94fdd0a3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.cv-marca[data-v-94fdd0a3] {
  position: absolute;
  top: -8px;
  bottom: -8px;
  width: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cv-marca.q1[data-v-94fdd0a3] { left: 25%;
}
.cv-marca.q2[data-v-94fdd0a3] { left: 50%;
}
.cv-marca.q3[data-v-94fdd0a3] { left: 75%;
}
.cv-marca[data-v-94fdd0a3]::before {
  content: '';
  flex: 1;
  width: 3px;
  background: #8B5CF6;
}
.marca-valor[data-v-94fdd0a3] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  background: #8B5CF6;
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
  margin-top: 2px;
}
.cv-leyenda[data-v-94fdd0a3] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Método */
.metodo-section[data-v-94fdd0a3] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.metodo-titulo[data-v-94fdd0a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodo-pasos[data-v-94fdd0a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-94fdd0a3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-94fdd0a3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-94fdd0a3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-94fdd0a3] {
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-94fdd0a3] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-94fdd0a3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-94fdd0a3] {
  margin-bottom: 0.75rem;
}
.datos-ordenados[data-v-94fdd0a3] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.dato[data-v-94fdd0a3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 32px;
}
.dato.mitad-inf[data-v-94fdd0a3] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
  color: #93C5FD;
}
.dato.mitad-sup[data-v-94fdd0a3] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.dato.mediana[data-v-94fdd0a3] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.datos-etiquetas[data-v-94fdd0a3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.etiqueta-grupo[data-v-94fdd0a3] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.etiqueta-grupo.inf[data-v-94fdd0a3] {
  background: rgba(96, 165, 250, 0.1);
  color: #93C5FD;
}
.etiqueta-grupo.sup[data-v-94fdd0a3] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.etiqueta-centro[data-v-94fdd0a3] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
  border-radius: 0.25rem;
}
.resultados-cuartiles[data-v-94fdd0a3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resultado-q[data-v-94fdd0a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.resultado-q.destacado[data-v-94fdd0a3] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.q-label[data-v-94fdd0a3] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 30px;
}
.q-calc[data-v-94fdd0a3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  flex: 1;
}
.q-valor[data-v-94fdd0a3] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-94fdd0a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-94fdd0a3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-94fdd0a3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-94fdd0a3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.datos-ordenados[data-v-94fdd0a3] {
    gap: 0.5rem;
}
.dato[data-v-94fdd0a3] {
    padding: 0.5rem 0.6rem;
    font-size: 0.95rem;
    min-width: 38px;
}
.resultados-cuartiles[data-v-94fdd0a3] {
    flex-direction: row;
    justify-content: space-around;
}
.resultado-q[data-v-94fdd0a3] {
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 150px;
}
.q-calc[data-v-94fdd0a3] {
    text-align: center;
}
}

/* Visualización de percentiles */
.percentiles-visual[data-v-3b300d41] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.pv-titulo[data-v-3b300d41] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.pv-barra[data-v-3b300d41] {
  position: relative;
  height: 24px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  overflow: visible;
}
.pv-relleno[data-v-3b300d41] {
  height: 100%;
  background: linear-gradient(to right, #3B82F6, #8B5CF6, #EC4899);
  border-radius: 0.5rem;
}
.pv-marcas[data-v-3b300d41] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pv-marca[data-v-3b300d41] {
  position: absolute;
  top: -6px;
  bottom: -6px;
  width: 2px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pv-marca span[data-v-3b300d41] {
  position: absolute;
  top: -20px;
  font-size: 0.7rem;
  font-weight: 700;
  color: #E9D5FF;
  white-space: nowrap;
}
.pv-escala[data-v-3b300d41] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmula */
.formula-section[data-v-3b300d41] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-3b300d41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-3b300d41] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-3b300d41] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.formula-texto[data-v-3b300d41] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.formula-fraccion[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-numerador[data-v-3b300d41],
.fraccion-denominador[data-v-3b300d41] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}
.fraccion-linea[data-v-3b300d41] {
  width: 100%;
  height: 2px;
  background: #FCD34D;
  margin: 2px 0;
}
.formula-leyenda[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-leyenda strong[data-v-3b300d41] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-3b300d41] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-3b300d41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-3b300d41] {
  margin-bottom: 0.75rem;
}
.ejemplo-enunciado p[data-v-3b300d41] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-enunciado strong[data-v-3b300d41] {
  color: #FFFFFF;
}
.calculo-pasos[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.calculo-paso[data-v-3b300d41] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.cp-num[data-v-3b300d41] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.cp-contenido[data-v-3b300d41] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.cp-titulo[data-v-3b300d41] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.cp-formula[data-v-3b300d41] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.cp-formula strong[data-v-3b300d41] {
  color: #FCD34D;
}
.cp-formula strong.resultado[data-v-3b300d41] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.interpolacion[data-v-3b300d41] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.25rem;
}
.interp-dato[data-v-3b300d41] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.interp-dato strong[data-v-3b300d41] {
  color: #93C5FD;
}

/* Interpolación box */
.interpolacion-box[data-v-3b300d41] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ib-titulo[data-v-3b300d41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ib-formula[data-v-3b300d41] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.ib-leyenda[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ib-leyenda strong[data-v-3b300d41] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-section[data-v-3b300d41] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-3b300d41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-3b300d41] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caso-cond[data-v-3b300d41] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.caso-accion[data-v-3b300d41] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-3b300d41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3b300d41] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3b300d41] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3b300d41] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-leyenda[data-v-3b300d41] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.ib-leyenda[data-v-3b300d41] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
.casos-grid[data-v-3b300d41] {
    flex-direction: row;
}
.caso-item[data-v-3b300d41] {
    flex: 1;
}
}

.explorador[data-v-483e3a5b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-483e3a5b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-483e3a5b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-483e3a5b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-483e3a5b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-483e3a5b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-483e3a5b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-483e3a5b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-483e3a5b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-483e3a5b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Visual cuartiles ===== */
.visual-cuartiles[data-v-483e3a5b] {
  text-align: center;
}
.datos-visual[data-v-483e3a5b] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.dato-visual[data-v-483e3a5b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dato-visual[data-v-483e3a5b]:hover {
  border-color: #8B5CF6;
  transform: scale(1.05);
}
.dato-visual.seleccionado[data-v-483e3a5b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.dato-visual.correcto[data-v-483e3a5b] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.dato-visual.incorrecto[data-v-483e3a5b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.pregunta-cuartil[data-v-483e3a5b] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.cuartil-nombre[data-v-483e3a5b] {
  color: #FCD34D;
}
.hint-visual[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.hint-icono[data-v-483e3a5b] {
  font-size: 1rem;
}
.hint-texto[data-v-483e3a5b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Calcular cuartiles ===== */
.calculo-cuartil[data-v-483e3a5b] {
  text-align: center;
}
.datos-muestra[data-v-483e3a5b] {
  margin-bottom: 0.75rem;
}
.datos-label[data-v-483e3a5b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-valores[data-v-483e3a5b] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
}
.dato[data-v-483e3a5b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}
.datos-info[data-v-483e3a5b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ayuda-calculo[data-v-483e3a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ayuda-item[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.ayuda-label[data-v-483e3a5b] {
  color: #C4B5FD;
}
.ayuda-valor[data-v-483e3a5b] {
  color: #E9D5FF;
  font-weight: 600;
}
.respuestas-cuartiles[data-v-483e3a5b] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.respuesta-q[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.q-label[data-v-483e3a5b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.input-q[data-v-483e3a5b] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-q[data-v-483e3a5b]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-q.correcto[data-v-483e3a5b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-q.incorrecto[data-v-483e3a5b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-483e3a5b] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-483e3a5b]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}
.feedback-d2[data-v-483e3a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.fb-item[data-v-483e3a5b] {
  font-size: 0.8rem;
  padding: 0.35rem;
  border-radius: 0.35rem;
}
.fb-item.incorrecto[data-v-483e3a5b] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Interpretar percentiles ===== */
.interpretar-percentil[data-v-483e3a5b] {
  text-align: center;
}
.contexto-problema[data-v-483e3a5b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.contexto-icono[data-v-483e3a5b] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.contexto-texto[data-v-483e3a5b] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.pregunta-percentil[data-v-483e3a5b] {
  margin-bottom: 0.75rem;
}
.pregunta-percentil p[data-v-483e3a5b] {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-percentil[data-v-483e3a5b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-483e3a5b] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-483e3a5b]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionada[data-v-483e3a5b] {
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-483e3a5b] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-483e3a5b] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-percentil[data-v-483e3a5b] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #FCD34D;
  text-align: left;
}

/* Resultados */
.resultado-correcto[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-correcto .resultado-icono[data-v-483e3a5b] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-correcto .resultado-texto[data-v-483e3a5b] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}
.resultado-incorrecto[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
}
.resultado-incorrecto .resultado-icono[data-v-483e3a5b] {
  color: #FCA5A5;
}
.resultado-incorrecto .resultado-texto[data-v-483e3a5b] {
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* Contador niveles */
.contador-niveles[data-v-483e3a5b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-483e3a5b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-483e3a5b] { flex: 1;
}
.nav-btn[data-v-483e3a5b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-483e3a5b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-483e3a5b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-483e3a5b] { font-size: 1.75rem;
}
.completado-texto[data-v-483e3a5b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-483e3a5b], .slide-leave-active[data-v-483e3a5b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-483e3a5b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-483e3a5b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.dato-visual[data-v-483e3a5b] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}
.respuestas-cuartiles[data-v-483e3a5b] {
    gap: 1.5rem;
}
.input-q[data-v-483e3a5b] {
    width: 65px;
}
}

/* Resumen visual */
.resumen-visual[data-v-96fbac39] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.rv-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rv-barra[data-v-96fbac39] {
  display: flex;
  align-items: center;
  height: 36px;
  position: relative;
}
.rv-seccion[data-v-96fbac39] {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.rv-seccion.s1[data-v-96fbac39] { background: rgba(96, 165, 250, 0.3); border-radius: 0.5rem 0 0 0.5rem;
}
.rv-seccion.s2[data-v-96fbac39] { background: rgba(16, 185, 129, 0.3);
}
.rv-seccion.s3[data-v-96fbac39] { background: rgba(245, 158, 11, 0.3);
}
.rv-seccion.s4[data-v-96fbac39] { background: rgba(239, 68, 68, 0.3);
}
.rv-marca[data-v-96fbac39] {
  background: #8B5CF6;
  color: white;
  padding: 0.25rem 0.35rem;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  flex-shrink: 0;
}
.rv-marca.destacado[data-v-96fbac39] {
  background: #10B981;
}
.rv-final[data-v-96fbac39] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
  padding-left: 0.25rem;
}

/* Conceptos clave */
.conceptos-section[data-v-96fbac39] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto-card[data-v-96fbac39] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.cc-header[data-v-96fbac39] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cc-icono[data-v-96fbac39] {
  font-size: 1.25rem;
}
.cc-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.cc-lista[data-v-96fbac39] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cc-lista li[data-v-96fbac39] {
  margin-bottom: 0.25rem;
}
.cc-lista strong[data-v-96fbac39] {
  color: #6EE7B7;
}

/* Pasos */
.pasos-section[data-v-96fbac39] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.pasos-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-96fbac39] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-96fbac39] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-96fbac39] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-96fbac39] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-96fbac39] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-96fbac39] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.fc-titulo[data-v-96fbac39] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.fc-formula[data-v-96fbac39] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
}

/* Interpretación */
.interpretacion-section[data-v-96fbac39] {
  margin: 1.5rem 0;
}
.interp-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interp-ejemplos[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.interp-ejemplo[data-v-96fbac39] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ie-caso[data-v-96fbac39] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.ie-significa[data-v-96fbac39] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-96fbac39] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-96fbac39] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-96fbac39] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-96fbac39] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-96fbac39] {
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-96fbac39] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.er-titulo[data-v-96fbac39] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.er-contenido[data-v-96fbac39] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.er-datos[data-v-96fbac39] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.er-label[data-v-96fbac39] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.er-valores[data-v-96fbac39] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.er-resultados[data-v-96fbac39] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.er-q[data-v-96fbac39] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.er-q strong[data-v-96fbac39] {
  color: #FCD34D;
}
.er-q.destacado[data-v-96fbac39] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.er-q.destacado strong[data-v-96fbac39] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-96fbac39] {
    flex-direction: row;
}
.concepto-card[data-v-96fbac39] {
    flex: 1;
}
.formulas-grid[data-v-96fbac39] {
    flex-direction: row;
}
.formula-card[data-v-96fbac39] {
    flex: 1;
}
.er-datos[data-v-96fbac39] {
    justify-content: center;
}
.er-resultados[data-v-96fbac39] {
    gap: 2rem;
}
}

/* Celebración */
.celebracion[data-v-96fbac39] {
  text-align: center;
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-96fbac39] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-96fbac39 1s ease-in-out infinite;
}
@keyframes bounce-96fbac39 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-96fbac39] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0;
}
.celebracion-texto strong[data-v-96fbac39] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-42814abc] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  font-size: 1.75rem;
}

/* Estrategia box */
.estrategia-box[data-v-42814abc] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-42814abc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-42814abc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-42814abc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-42814abc] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-42814abc] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-42814abc] {
  color: #C4B5FD;
}

/* Tipos de preguntas */
.preguntas-section[data-v-42814abc] {
  margin: 1.5rem 0;
}
.preguntas-titulo[data-v-42814abc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-grid[data-v-42814abc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.pregunta-tipo[data-v-42814abc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.pregunta-icono[data-v-42814abc] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.pregunta-nombre[data-v-42814abc] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pregunta-ejemplo[data-v-42814abc] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo */
.ejemplo-box[data-v-42814abc] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-42814abc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-42814abc] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-42814abc] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-42814abc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mini-tabla[data-v-42814abc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-42814abc] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tabla-row[data-v-42814abc] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tabla-row[data-v-42814abc]:last-child {
  border-bottom: none;
}
.tabla-row .valor[data-v-42814abc] {
  color: #6EE7B7;
  font-weight: 600;
}
.ejemplo-pregunta[data-v-42814abc] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.pregunta-label[data-v-42814abc] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.25rem;
}
.pregunta-text[data-v-42814abc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-solucion[data-v-42814abc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-label[data-v-42814abc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-calculo[data-v-42814abc] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.sol-calculo strong[data-v-42814abc] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-42814abc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-42814abc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-42814abc] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-42814abc] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-42814abc] {
    font-size: 2.25rem;
    gap: 1rem;
}
.preguntas-grid[data-v-42814abc] {
    grid-template-columns: repeat(4, 1fr);
}
.pregunta-tipo[data-v-42814abc] {
    padding: 0.75rem;
}
.pregunta-icono[data-v-42814abc] {
    font-size: 1.5rem;
}
}

/* Secciones */
.seccion-titulo[data-v-6858effd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Anatomía tabla */
.anatomia-section[data-v-6858effd] {
  margin: 1.5rem 0;
}
.tabla-anatomia[data-v-6858effd] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tabla-titulo-demo[data-v-6858effd] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.tabla-demo[data-v-6858effd] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-demo-header[data-v-6858effd] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.col-header[data-v-6858effd] {
  text-align: center;
}
.tabla-demo-row[data-v-6858effd] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.35rem 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  text-align: center;
}
.tabla-demo-row[data-v-6858effd]:last-child {
  border-bottom: none;
}
.anotaciones[data-v-6858effd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.anotacion[data-v-6858effd] {
  color: #C4B5FD;
}
.anotacion strong[data-v-6858effd] {
  color: #8B5CF6;
}

/* Cómo leer */
.como-leer-section[data-v-6858effd] {
  margin: 1.5rem 0;
}
.pasos-lectura[data-v-6858effd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-lectura[data-v-6858effd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-icon[data-v-6858effd] {
  font-size: 1.1rem;
}
.paso-contenido[data-v-6858effd] {
  display: flex;
  flex-direction: column;
}
.paso-nombre[data-v-6858effd] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-ejemplo[data-v-6858effd] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.paso-ejemplo.resultado[data-v-6858effd] {
  color: #6EE7B7;
}
.paso-ejemplo strong[data-v-6858effd] {
  font-size: 0.9rem;
}

/* Ejemplo frecuencias */
.ejemplo-frecuencias[data-v-6858effd] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-6858effd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-6858effd] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-6858effd] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tabla-frecuencia[data-v-6858effd] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.tabla-freq-titulo[data-v-6858effd] {
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}
.tabla-freq-header[data-v-6858effd] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-freq-row[data-v-6858effd] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 0.35rem 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
  text-align: center;
}
.tabla-freq-row .valor[data-v-6858effd] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-freq-total[data-v-6858effd] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-freq-total .valor.total[data-v-6858effd] {
  color: #FCD34D;
}
.preguntas-ejemplo[data-v-6858effd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.pregunta-item[data-v-6858effd] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.q-label[data-v-6858effd] {
  font-weight: 700;
  color: #FCD34D;
}
.q-text[data-v-6858effd] {
  color: #E9D5FF;
}
.q-resp[data-v-6858effd] {
  color: #6EE7B7;
  width: 100%;
  margin-left: 1rem;
}
.q-resp strong[data-v-6858effd] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-6858effd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6858effd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6858effd] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6858effd] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.paso-lectura[data-v-6858effd] {
    padding: 0.75rem;
}
.pregunta-item[data-v-6858effd] {
    flex-wrap: nowrap;
}
.q-resp[data-v-6858effd] {
    width: auto;
    margin-left: 0;
}
}

/* Secciones de gráficos */
.grafico-section[data-v-c540ad27] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.grafico-header[data-v-c540ad27] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-icono[data-v-c540ad27] {
  font-size: 1.25rem;
}
.grafico-titulo[data-v-c540ad27] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.grafico-contenido[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Gráfico de Barras */
.barras-visual[data-v-c540ad27] {
  display: flex;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem;
  height: 120px;
}
.eje-y[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  padding-right: 0.25rem;
  text-align: right;
}
.barras-container[data-v-c540ad27] {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  border-left: 1px solid rgba(139, 92, 246, 0.3);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding: 0 0.25rem;
}
.barra-item[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}
.barra[data-v-c540ad27] {
  width: 80%;
  background: linear-gradient(to top, #3B82F6, #60A5FA);
  border-radius: 0.25rem 0.25rem 0 0;
  transition: height 0.3s ease;
}
.barra-label[data-v-c540ad27] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Gráfico Circular */
.grafico-contenido.circular[data-v-c540ad27] {
  flex-direction: row;
  align-items: center;
}
.circular-visual[data-v-c540ad27] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pie-chart[data-v-c540ad27] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: conic-gradient(
    #3B82F6 0deg 144deg,
    #10B981 144deg 234deg,
    #F59E0B 234deg 306deg,
    #8B5CF6 306deg 360deg
  );
  position: relative;
}
.pie-legend[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.7rem;
}
.legend-item[data-v-c540ad27] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #E9D5FF;
}
.color[data-v-c540ad27] {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}
.color.c1[data-v-c540ad27] { background: #3B82F6;
}
.color.c2[data-v-c540ad27] { background: #10B981;
}
.color.c3[data-v-c540ad27] { background: #F59E0B;
}
.color.c4[data-v-c540ad27] { background: #8B5CF6;
}

/* Gráfico de Líneas */
.lineas-visual[data-v-c540ad27] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.lineas-grafico[data-v-c540ad27] {
  position: relative;
  height: 80px;
  border-left: 1px solid rgba(139, 92, 246, 0.3);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.linea-punto[data-v-c540ad27] {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #10B981;
  border-radius: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
}
.lineas-svg[data-v-c540ad27] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.lineas-svg polyline[data-v-c540ad27] {
  fill: none;
  stroke: #10B981;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lineas-eje-x[data-v-c540ad27] {
  display: flex;
  justify-content: space-around;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tips de lectura */
.lectura-tips[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.lectura-tip[data-v-c540ad27] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-bullet[data-v-c540ad27] {
  color: #8B5CF6;
  font-weight: 700;
}
.lectura-tip.highlight[data-v-c540ad27] {
  background: rgba(16, 185, 129, 0.15);
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  color: #6EE7B7;
}
.lectura-tip strong[data-v-c540ad27] {
  color: #FFFFFF;
}

/* Preguntas frecuentes */
.preguntas-frecuentes[data-v-c540ad27] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-c540ad27] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.preguntas-lista[data-v-c540ad27] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.pregunta-freq[data-v-c540ad27] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.4rem;
}
.pregunta-tipo-label[data-v-c540ad27] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.pregunta-ejemplo-text[data-v-c540ad27] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Tip */
.tip[data-v-c540ad27] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c540ad27] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c540ad27] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c540ad27] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-contenido[data-v-c540ad27] {
    flex-direction: row;
    align-items: center;
}
.barras-visual[data-v-c540ad27] {
    flex: 1;
    height: 140px;
}
.lectura-tips[data-v-c540ad27] {
    flex: 1;
}
.pie-chart[data-v-c540ad27] {
    width: 100px;
    height: 100px;
}
.preguntas-lista[data-v-c540ad27] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-002044c1] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-002044c1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-002044c1] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-002044c1] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-002044c1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-002044c1] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-002044c1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-002044c1] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-002044c1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-002044c1] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Tabla ===== */
.tabla-desafio[data-v-002044c1] {
  text-align: center;
}
.tabla-titulo[data-v-002044c1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tabla-visual[data-v-002044c1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.tabla-header-row[data-v-002044c1] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-data-row[data-v-002044c1] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  padding: 0.35rem 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.tabla-data-row .valor[data-v-002044c1] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-total-row[data-v-002044c1] {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-total-row .valor[data-v-002044c1] {
  color: #FCD34D;
}

/* Pregunta box */
.pregunta-box[data-v-002044c1] {
  padding: 0.6rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-002044c1] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 500;
}

/* Opciones */
.opciones-grid[data-v-002044c1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opciones-grid.tendencia[data-v-002044c1] {
  grid-template-columns: repeat(2, 1fr);
}
.opcion-btn[data-v-002044c1] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
.opcion-btn.seleccionada[data-v-002044c1] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcta[data-v-002044c1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecta[data-v-002044c1] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Barras ===== */
.barras-desafio[data-v-002044c1] {
  text-align: center;
}
.barras-titulo[data-v-002044c1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.barras-visual[data-v-002044c1] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  height: 140px;
  margin-bottom: 0.75rem;
}
.barras-eje-y[data-v-002044c1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  padding-right: 0.25rem;
  text-align: right;
}
.barras-chart[data-v-002044c1] {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  border-left: 1px solid rgba(139, 92, 246, 0.3);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding: 0 0.25rem;
}
.barra-item[data-v-002044c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20%;
}
.barra[data-v-002044c1] {
  width: 80%;
  background: linear-gradient(to top, #3B82F6, #60A5FA);
  border-radius: 0.25rem 0.25rem 0 0;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.2rem;
}
.barra-valor[data-v-002044c1] {
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.barra-label[data-v-002044c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Input respuesta */
.input-respuesta[data-v-002044c1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.respuesta-input[data-v-002044c1] {
  width: 100px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-002044c1] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-002044c1] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-002044c1] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-incorrecto[data-v-002044c1] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Líneas ===== */
.lineas-desafio[data-v-002044c1] {
  text-align: center;
}
.lineas-titulo[data-v-002044c1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.lineas-visual[data-v-002044c1] {
  display: flex;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.lineas-eje-y[data-v-002044c1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  padding-right: 0.25rem;
  text-align: right;
}
.lineas-chart[data-v-002044c1] {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(139, 92, 246, 0.3);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.lineas-svg[data-v-002044c1] {
  flex: 1;
  min-height: 100px;
}
.lineas-labels[data-v-002044c1] {
  display: flex;
  justify-content: space-around;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding-top: 0.25rem;
}

/* Contador */
.contador[data-v-002044c1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-002044c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-002044c1] { font-size: 1.25rem;
}
.resultado-texto[data-v-002044c1] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-002044c1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-002044c1] { flex: 1;
}
.nav-btn[data-v-002044c1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-002044c1] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-002044c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-002044c1] { font-size: 1.75rem;
}
.completado-texto[data-v-002044c1] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-002044c1], .slide-leave-active[data-v-002044c1] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-002044c1] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-002044c1] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-grid[data-v-002044c1] {
    grid-template-columns: repeat(4, 1fr);
}
.barras-visual[data-v-002044c1] {
    height: 160px;
}
.lineas-svg[data-v-002044c1] {
    min-height: 120px;
}
}

/* Resumen visual */
.resumen-visual[data-v-e3e78106] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.resumen-item[data-v-e3e78106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-e3e78106] {
  font-size: 1.5rem;
}
.resumen-label[data-v-e3e78106] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Secciones */
.seccion-titulo[data-v-e3e78106] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.seccion-titulo.error[data-v-e3e78106] {
  color: #FCA5A5;
}

/* Estrategia rápida */
.estrategia-rapida[data-v-e3e78106] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.pasos-rapidos[data-v-e3e78106] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.paso-rapido[data-v-e3e78106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-e3e78106] {
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-texto[data-v-e3e78106] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-e3e78106] {
  color: #FFFFFF;
}

/* Tipos de gráficos */
.tipos-section[data-v-e3e78106] {
  margin: 1.5rem 0;
}
.tipos-grid[data-v-e3e78106] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-e3e78106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-e3e78106] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-e3e78106] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #93C5FD;
}
.tipo-uso[data-v-e3e78106] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Operaciones */
.operaciones-section[data-v-e3e78106] {
  margin: 1.5rem 0;
}
.operaciones-lista[data-v-e3e78106] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.operacion-item[data-v-e3e78106] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.op-nombre[data-v-e3e78106] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 80px;
}
.op-formula[data-v-e3e78106] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Errores comunes */
.errores-section[data-v-e3e78106] {
  margin: 1.5rem 0;
}
.errores-lista[data-v-e3e78106] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-e3e78106] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.error-x[data-v-e3e78106] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-e3e78106] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fórmulas */
.formulas-section[data-v-e3e78106] {
  margin: 1.5rem 0;
}
.formulas-grid[data-v-e3e78106] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.formula-card[data-v-e3e78106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-e3e78106] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-eq[data-v-e3e78106] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}

/* Tip final */
.tip-final[data-v-e3e78106] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-e3e78106] {
  font-size: 2rem;
}
.tip-contenido[data-v-e3e78106] {
  flex: 1;
}
.tip-titulo[data-v-e3e78106] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-e3e78106] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-e3e78106] {
    gap: 1rem;
}
.resumen-item[data-v-e3e78106] {
    padding: 0.75rem 1rem;
}
.resumen-icono[data-v-e3e78106] {
    font-size: 1.75rem;
}
.pasos-rapidos[data-v-e3e78106] {
    grid-template-columns: repeat(4, 1fr);
}
.tipos-grid[data-v-e3e78106] {
    grid-template-columns: repeat(4, 1fr);
}
.operaciones-lista[data-v-e3e78106] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual - Diagrama de caja */
.intro-visual[data-v-a2a10efa] {
  margin: 1rem 0 1.5rem;
  padding: 1.5rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.boxplot-ejemplo[data-v-a2a10efa] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin-bottom: 0.5rem;
  position: relative;
}
.boxplot-line[data-v-a2a10efa] {
  width: 40px;
  height: 2px;
  background: #93C5FD;
}
.boxplot-whisker[data-v-a2a10efa] {
  width: 2px;
  height: 30px;
  background: #93C5FD;
}
.boxplot-box[data-v-a2a10efa] {
  width: 120px;
  height: 40px;
  background: rgba(96, 165, 250, 0.3);
  border: 3px solid #60A5FA;
  border-radius: 4px;
  position: relative;
}
.boxplot-median[data-v-a2a10efa] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #FCD34D;
  transform: translateX(-50%);
}
.boxplot-labels[data-v-a2a10efa] {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin-top: 0.5rem;
}
.label[data-v-a2a10efa] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.label.mediana[data-v-a2a10efa] {
  color: #FCD34D;
}

/* 5 números resumen */
.resumen-section[data-v-a2a10efa] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-a2a10efa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-grid[data-v-a2a10efa] {
  display: flex;
  justify-content: space-between;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.resumen-item[data-v-a2a10efa] {
  flex: 1;
  min-width: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.item-valor[data-v-a2a10efa] {
  font-size: 1rem;
  font-weight: 700;
}
.item-desc[data-v-a2a10efa] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}
.resumen-item.min[data-v-a2a10efa] { border: 2px solid rgba(96, 165, 250, 0.5);
}
.resumen-item.min .item-valor[data-v-a2a10efa] { color: #93C5FD;
}
.resumen-item.q1[data-v-a2a10efa] { border: 2px solid rgba(16, 185, 129, 0.5);
}
.resumen-item.q1 .item-valor[data-v-a2a10efa] { color: #6EE7B7;
}
.resumen-item.mediana[data-v-a2a10efa] { border: 2px solid rgba(245, 158, 11, 0.5);
}
.resumen-item.mediana .item-valor[data-v-a2a10efa] { color: #FCD34D;
}
.resumen-item.q3[data-v-a2a10efa] { border: 2px solid rgba(168, 85, 247, 0.5);
}
.resumen-item.q3 .item-valor[data-v-a2a10efa] { color: #C4B5FD;
}
.resumen-item.max[data-v-a2a10efa] { border: 2px solid rgba(239, 68, 68, 0.5);
}
.resumen-item.max .item-valor[data-v-a2a10efa] { color: #FCA5A5;
}

/* Partes del diagrama */
.partes-section[data-v-a2a10efa] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-a2a10efa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-a2a10efa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.parte-item[data-v-a2a10efa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.parte-visual[data-v-a2a10efa] {
  flex-shrink: 0;
}
.parte-visual.caja[data-v-a2a10efa] {
  width: 40px;
  height: 25px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 3px;
}
.parte-visual.linea-mediana[data-v-a2a10efa] {
  width: 40px;
  height: 3px;
  background: #FCD34D;
  border-radius: 2px;
}
.parte-visual.bigotes[data-v-a2a10efa] {
  width: 40px;
  height: 2px;
  background: #93C5FD;
  position: relative;
}
.parte-visual.bigotes[data-v-a2a10efa]::before,
.parte-visual.bigotes[data-v-a2a10efa]::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 12px;
  background: #93C5FD;
  top: 50%;
  transform: translateY(-50%);
}
.parte-visual.bigotes[data-v-a2a10efa]::before { left: 0;
}
.parte-visual.bigotes[data-v-a2a10efa]::after { right: 0;
}
.parte-info[data-v-a2a10efa] {
  display: flex;
  flex-direction: column;
}
.parte-nombre[data-v-a2a10efa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.parte-desc[data-v-a2a10efa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* RIC section */
.ric-section[data-v-a2a10efa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ric-header[data-v-a2a10efa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.ric-icono[data-v-a2a10efa] {
  font-size: 1.5rem;
}
.ric-info[data-v-a2a10efa] {
  display: flex;
  flex-direction: column;
}
.ric-titulo[data-v-a2a10efa] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.ric-formula[data-v-a2a10efa] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ric-desc[data-v-a2a10efa] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ric-desc strong[data-v-a2a10efa] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-a2a10efa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a2a10efa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a2a10efa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a2a10efa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.boxplot-box[data-v-a2a10efa] {
    width: 180px;
    height: 50px;
}
.boxplot-line[data-v-a2a10efa] {
    width: 60px;
}
.boxplot-whisker[data-v-a2a10efa] {
    height: 40px;
}
.resumen-item[data-v-a2a10efa] {
    padding: 0.75rem 0.5rem;
}
.item-valor[data-v-a2a10efa] {
    font-size: 1.1rem;
}
.item-desc[data-v-a2a10efa] {
    font-size: 0.7rem;
}
}

/* Ejemplo section */
.ejemplo-section[data-v-944f6cc0] {
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-944f6cc0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

/* Datos box */
.datos-box[data-v-944f6cc0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.datos-label[data-v-944f6cc0] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.datos-valores[data-v-944f6cc0] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato[data-v-944f6cc0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.dato.small[data-v-944f6cc0] {
  padding: 0.2rem 0.4rem;
  font-size: 0.75rem;
}

/* Pasos de construcción */
.paso-construccion[data-v-944f6cc0] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
}
.paso-header[data-v-944f6cc0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-numero[data-v-944f6cc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-944f6cc0] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Datos ordenados */
.datos-ordenados[data-v-944f6cc0] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato.ordenado.min[data-v-944f6cc0] {
  background: rgba(96, 165, 250, 0.2);
  border-color: #60A5FA;
  color: #93C5FD;
}
.dato.ordenado.max[data-v-944f6cc0] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Valores grid */
.valores-grid[data-v-944f6cc0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.valor-item[data-v-944f6cc0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.valor-item.min[data-v-944f6cc0] {
  background: rgba(96, 165, 250, 0.1);
  border: 2px solid rgba(96, 165, 250, 0.4);
}
.valor-item.max[data-v-944f6cc0] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.valor-nombre[data-v-944f6cc0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.valor-numero[data-v-944f6cc0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Mediana visual */
.mediana-visual[data-v-944f6cc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.mitad-datos[data-v-944f6cc0] {
  display: flex;
  gap: 0.25rem;
}
.mediana-marca[data-v-944f6cc0] {
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #FCD34D;
  border-radius: 0.5rem;
}
.mediana-valor[data-v-944f6cc0] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.explicacion-mediana[data-v-944f6cc0] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Cuartiles visual */
.cuartiles-visual[data-v-944f6cc0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cuartil-calc[data-v-944f6cc0] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cuartil-label[data-v-944f6cc0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.cuartil-datos[data-v-944f6cc0] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.35rem;
}
.dato.destacado[data-v-944f6cc0] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.cuartil-resultado[data-v-944f6cc0] {
  text-align: center;
  font-weight: 700;
  font-size: 0.9rem;
}
.cuartil-resultado.q1[data-v-944f6cc0] { color: #6EE7B7;
}
.cuartil-resultado.q3[data-v-944f6cc0] { color: #C4B5FD;
}

/* RIC calculo */
.ric-calculo[data-v-944f6cc0] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.ric-formula[data-v-944f6cc0] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.ric-formula strong[data-v-944f6cc0] {
  color: #FCD34D;
}

/* Resultado final */
.resultado-final[data-v-944f6cc0] {
  margin-top: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.resultado-titulo[data-v-944f6cc0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.boxplot-final[data-v-944f6cc0] {
  padding: 0.5rem;
}
.boxplot-container[data-v-944f6cc0] {
  position: relative;
}
.escala[data-v-944f6cc0] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.diagrama-wrapper[data-v-944f6cc0] {
  position: relative;
  height: 40px;
  margin: 0.5rem 0;
}
.linea-base[data-v-944f6cc0] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(139, 92, 246, 0.3);
}
.bigote-izq[data-v-944f6cc0], .bigote-der[data-v-944f6cc0] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #93C5FD;
  transform: translateY(-50%);
}
.caja[data-v-944f6cc0] {
  position: absolute;
  top: 50%;
  height: 30px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 3px;
  transform: translateY(-50%);
}
.mediana-linea[data-v-944f6cc0] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}
.punto-ext[data-v-944f6cc0] {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #93C5FD;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.resumen-valores[data-v-944f6cc0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
}
.rv-item[data-v-944f6cc0] {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.rv-item.q1[data-v-944f6cc0] { color: #6EE7B7;
}
.rv-item.q2[data-v-944f6cc0] { color: #FCD34D;
}
.rv-item.q3[data-v-944f6cc0] { color: #C4B5FD;
}

/* Tip */
.tip[data-v-944f6cc0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-944f6cc0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-944f6cc0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-944f6cc0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cuartiles-visual[data-v-944f6cc0] {
    flex-direction: row;
}
.cuartil-calc[data-v-944f6cc0] {
    flex: 1;
}
.escala-num[data-v-944f6cc0] {
    font-size: 0.75rem;
}
.diagrama-wrapper[data-v-944f6cc0] {
    height: 50px;
}
.caja[data-v-944f6cc0] {
    height: 40px;
}
}

/* Secciones de lectura */
.seccion-lectura[data-v-f2d709b8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-f2d709b8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 1rem;
}

/* Comparación de simetría */
.comparacion-simetria[data-v-f2d709b8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.simetria-item[data-v-f2d709b8] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.simetria-label[data-v-f2d709b8] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.simetria-desc[data-v-f2d709b8] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Mini boxplots */
.mini-boxplot[data-v-f2d709b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 1rem;
}
.mini-line[data-v-f2d709b8] {
  height: 2px;
  background: #93C5FD;
}
.mini-line.left[data-v-f2d709b8] { width: 25px;
}
.mini-line.right[data-v-f2d709b8] { width: 25px;
}
.mini-line.largo[data-v-f2d709b8] { width: 40px;
}
.mini-line.corto[data-v-f2d709b8] { width: 15px;
}
.mini-whisker[data-v-f2d709b8] {
  width: 2px;
  height: 18px;
  background: #93C5FD;
}
.mini-box[data-v-f2d709b8] {
  width: 60px;
  height: 24px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 2px;
  position: relative;
}
.mini-box.small-box[data-v-f2d709b8] { width: 40px;
}
.mini-box.large-box[data-v-f2d709b8] { width: 80px;
}
.mini-median[data-v-f2d709b8] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}
.mini-median.center[data-v-f2d709b8] { left: 50%; transform: translateX(-50%);
}
.mini-median.izquierda[data-v-f2d709b8] { left: 25%;
}
.mini-median.derecha[data-v-f2d709b8] { left: 75%;
}

/* Dispersión */
.dispersion-comparacion[data-v-f2d709b8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.dispersion-item[data-v-f2d709b8] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dispersion-label[data-v-f2d709b8] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.dispersion-desc[data-v-f2d709b8] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Comparación de grupos */
.comparacion-ejemplo[data-v-f2d709b8] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.comp-contexto[data-v-f2d709b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.comp-icono[data-v-f2d709b8] {
  font-size: 1.25rem;
}
.comp-texto[data-v-f2d709b8] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dos-boxplots[data-v-f2d709b8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.boxplot-row[data-v-f2d709b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.grupo-label[data-v-f2d709b8] {
  width: 60px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.boxplot-horizontal[data-v-f2d709b8] {
  flex: 1;
  position: relative;
}
.escala-visual[data-v-f2d709b8] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.bp-visual[data-v-f2d709b8] {
  position: relative;
  height: 24px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 3px;
}
.bp-line[data-v-f2d709b8] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #93C5FD;
  transform: translateY(-50%);
}
.bp-box[data-v-f2d709b8] {
  position: absolute;
  top: 50%;
  height: 20px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 2px;
  transform: translateY(-50%);
}
.bp-median[data-v-f2d709b8] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}
.boxplot-horizontal.b .bp-box[data-v-f2d709b8] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.comp-analisis[data-v-f2d709b8] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.analisis-item[data-v-f2d709b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.analisis-item .check[data-v-f2d709b8] {
  color: #6EE7B7;
  font-weight: 700;
}
.analisis-item strong[data-v-f2d709b8] {
  color: #FCD34D;
}

/* Info box */
.info-box[data-v-f2d709b8] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.info-header[data-v-f2d709b8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.info-emoji[data-v-f2d709b8] {
  font-size: 1.25rem;
}
.info-titulo[data-v-f2d709b8] {
  font-weight: 600;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.info-lista[data-v-f2d709b8] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.info-lista li[data-v-f2d709b8] {
  margin-bottom: 0.25rem;
}

/* Tip */
.tip[data-v-f2d709b8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f2d709b8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f2d709b8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f2d709b8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-simetria[data-v-f2d709b8] {
    flex-direction: row;
}
.simetria-item[data-v-f2d709b8] {
    flex: 1;
}
.dispersion-comparacion[data-v-f2d709b8] {
    flex-direction: row;
}
.dispersion-item[data-v-f2d709b8] {
    flex: 1;
}
.mini-box[data-v-f2d709b8] {
    width: 70px;
}
.mini-box.small-box[data-v-f2d709b8] { width: 45px;
}
.mini-box.large-box[data-v-f2d709b8] { width: 95px;
}
}

.explorador[data-v-583656ca] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-583656ca] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-583656ca] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-583656ca] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-583656ca] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-583656ca] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-583656ca] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-583656ca] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-583656ca] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-583656ca] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Construir ===== */
.construir-boxplot[data-v-583656ca] {
  text-align: center;
}
.datos-muestra[data-v-583656ca] {
  margin-bottom: 1rem;
}
.datos-label[data-v-583656ca] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-valores[data-v-583656ca] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.dato[data-v-583656ca] {
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.inputs-cinco[data-v-583656ca] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.input-grupo[data-v-583656ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.input-grupo label[data-v-583656ca] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.input-grupo.mediana label[data-v-583656ca] {
  color: #FCD34D;
}
.input-grupo input[data-v-583656ca] {
  width: 50px;
  padding: 0.4rem;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.input-grupo input[data-v-583656ca]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-grupo input.correcto[data-v-583656ca] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-grupo input.incorrecto[data-v-583656ca] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Preview del boxplot */
.boxplot-preview[data-v-583656ca] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.preview-label[data-v-583656ca] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.preview-grafico[data-v-583656ca] {
  position: relative;
}
.preview-escala[data-v-583656ca] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.preview-bp[data-v-583656ca] {
  position: relative;
  height: 30px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 4px;
}
.prev-line[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #93C5FD;
  transform: translateY(-50%);
}
.prev-box[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 24px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 3px;
  transform: translateY(-50%);
}
.prev-median[data-v-583656ca] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}

/* ===== DESAFÍO 2: Leer ===== */
.leer-boxplot[data-v-583656ca] {
  text-align: center;
}
.bp-visual-lectura[data-v-583656ca] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.bp-escala-lec[data-v-583656ca] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  padding: 0 2%;
}
.bp-grafico-lec[data-v-583656ca] {
  position: relative;
  height: 35px;
}
.bp-line-lec[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #93C5FD;
  transform: translateY(-50%);
}
.bp-box-lec[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 28px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 3px;
  transform: translateY(-50%);
}
.bp-median-lec[data-v-583656ca] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}
.bp-punto[data-v-583656ca] {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #93C5FD;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.pregunta-lectura[data-v-583656ca] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-583656ca] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.respuesta-lectura[data-v-583656ca] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-lectura input[data-v-583656ca] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-lectura input.correcto[data-v-583656ca] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-lectura input.incorrecto[data-v-583656ca] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-small[data-v-583656ca] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 3: Comparar ===== */
.comparar-distribuciones[data-v-583656ca] {
  text-align: center;
}
.contexto-comparacion[data-v-583656ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.contexto-icono[data-v-583656ca] {
  font-size: 1.25rem;
}
.contexto-texto[data-v-583656ca] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dos-diagramas[data-v-583656ca] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.diagrama-comp[data-v-583656ca] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.diag-label[data-v-583656ca] {
  width: 65px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: right;
  flex-shrink: 0;
}
.diag-grafico[data-v-583656ca] {
  flex: 1;
}
.diag-escala[data-v-583656ca] {
  display: flex;
  justify-content: space-between;
  font-size: 0.55rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
  padding: 0 2%;
}
.diag-bp[data-v-583656ca] {
  position: relative;
  height: 24px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.d-line[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #93C5FD;
  transform: translateY(-50%);
}
.d-box[data-v-583656ca] {
  position: absolute;
  top: 50%;
  height: 18px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 2px;
  transform: translateY(-50%);
}
.d-median[data-v-583656ca] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
}
.diag-bp.b .d-line[data-v-583656ca] { background: #6EE7B7;
}
.diag-bp.b .d-box[data-v-583656ca] { border-color: #10B981; background: rgba(16, 185, 129, 0.3);
}
.pregunta-comparacion[data-v-583656ca] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-comparacion[data-v-583656ca] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-583656ca] {
  padding: 0.65rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-583656ca]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionada[data-v-583656ca] {
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-583656ca] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-583656ca] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Feedback y resultados */
.btn-verificar[data-v-583656ca] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-583656ca]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}
.feedback-errores[data-v-583656ca], .feedback-incorrecto[data-v-583656ca], .feedback-comparacion[data-v-583656ca] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.fb-item[data-v-583656ca] {
  font-size: 0.8rem;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.feedback-incorrecto[data-v-583656ca], .feedback-comparacion[data-v-583656ca] {
  font-size: 0.85rem;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
}
.resultado-correcto[data-v-583656ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-correcto.small[data-v-583656ca] {
  padding: 0.5rem;
  margin-top: 0.5rem;
}
.resultado-icono[data-v-583656ca] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-texto[data-v-583656ca] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}
.contador-niveles[data-v-583656ca] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-583656ca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-583656ca] { flex: 1;
}
.nav-btn[data-v-583656ca] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-583656ca] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-583656ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-583656ca] { font-size: 1.75rem;
}
.completado-texto[data-v-583656ca] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-583656ca], .slide-leave-active[data-v-583656ca] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-583656ca] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-583656ca] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.inputs-cinco[data-v-583656ca] {
    gap: 0.75rem;
}
.input-grupo input[data-v-583656ca] {
    width: 60px;
}
.opciones-comparacion[data-v-583656ca] {
    flex-direction: row;
}
.opcion-btn[data-v-583656ca] {
    flex: 1;
}
}

/* Intro */
.resumen-intro[data-v-37d3c85a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-37d3c85a] {
  font-size: 2rem;
}
.resumen-intro p[data-v-37d3c85a] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-37d3c85a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-37d3c85a] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-37d3c85a] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-37d3c85a]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-37d3c85a] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-37d3c85a] {
    grid-column: span 1;
}
}
.card-header[data-v-37d3c85a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-37d3c85a] {
  font-size: 1.25rem;
}
.card-titulo[data-v-37d3c85a] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-37d3c85a] {
  color: #E9D5FF;
}

/* Mini boxplot */
.boxplot-mini[data-v-37d3c85a] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-bottom: 0.5rem;
}
.bpm-line[data-v-37d3c85a] {
  width: 25px;
  height: 2px;
  background: #93C5FD;
}
.bpm-whisker[data-v-37d3c85a] {
  width: 2px;
  height: 22px;
  background: #93C5FD;
}
.bpm-box[data-v-37d3c85a] {
  width: 70px;
  height: 28px;
  background: rgba(96, 165, 250, 0.3);
  border: 2px solid #60A5FA;
  border-radius: 3px;
  position: relative;
}
.bpm-median[data-v-37d3c85a] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
  transform: translateX(-50%);
}
.etiquetas-mini[data-v-37d3c85a] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.etiquetas-mini .mediana[data-v-37d3c85a] {
  color: #FCD34D;
}

/* Números lista */
.numeros-lista[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.num-item[data-v-37d3c85a] {
  display: flex;
  gap: 0.25rem;
}
.num-label[data-v-37d3c85a] {
  font-weight: 600;
  color: #93C5FD;
}
.num-label.q1[data-v-37d3c85a] { color: #6EE7B7;
}
.num-label.q2[data-v-37d3c85a] { color: #FCD34D;
}
.num-label.q3[data-v-37d3c85a] { color: #C4B5FD;
}

/* Formula RIC */
.formula-ric[data-v-37d3c85a] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-37d3c85a] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.ric-significado[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sig-item[data-v-37d3c85a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.sig-icono[data-v-37d3c85a] {
  font-size: 1rem;
}
.sig-item strong[data-v-37d3c85a] {
  color: #6EE7B7;
}

/* Interpretación grid */
.interp-grid[data-v-37d3c85a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.interp-item[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.interp-que[data-v-37d3c85a] {
  font-weight: 600;
  color: #FCD34D;
}
.interp-sig[data-v-37d3c85a] {
  color: #E9D5FF;
}

/* Comparación lista */
.comp-lista[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.comp-item[data-v-37d3c85a] {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  font-size: 0.8rem;
}
.check[data-v-37d3c85a] {
  color: #6EE7B7;
  font-weight: 700;
}
.comp-item strong[data-v-37d3c85a] {
  color: #FCD34D;
}

/* No lista */
.no-lista[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.no-item[data-v-37d3c85a] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-37d3c85a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-37d3c85a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-37d3c85a] {
  font-size: 1.25rem;
}
.tip-text[data-v-37d3c85a] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-37d3c85a] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-37d3c85a] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-37d3c85a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-37d3c85a 1s ease-in-out infinite;
}
@keyframes bounce-37d3c85a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-37d3c85a] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-37d3c85a] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.ric-significado[data-v-37d3c85a] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-f2a16f31] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-grafico[data-v-f2a16f31] {
  font-size: 2.5rem;
  animation: bounce-f2a16f31 2s infinite;
}
.icono-grafico[data-v-f2a16f31]:nth-child(2) {
  animation-delay: 0.2s;
}
.icono-grafico[data-v-f2a16f31]:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes bounce-f2a16f31 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}

/* Tipos section */
.tipos-section[data-v-f2a16f31] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-f2a16f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-f2a16f31] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-f2a16f31] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  transition: transform 0.2s ease;
}
.tipo-card[data-v-f2a16f31]:hover {
  transform: scale(1.02);
}
.tipo-card[data-v-f2a16f31]:last-child {
  grid-column: span 2;
}
.tipo-icono[data-v-f2a16f31] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-f2a16f31] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-uso[data-v-f2a16f31] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-f2a16f31] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-f2a16f31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-lista[data-v-f2a16f31] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-f2a16f31] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.ejemplo-caso[data-v-f2a16f31] {
  color: #E9D5FF;
  flex: 1;
  min-width: 120px;
}
.ejemplo-flecha[data-v-f2a16f31] {
  color: #8B5CF6;
  font-weight: 700;
}
.ejemplo-tipo[data-v-f2a16f31] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  font-size: 0.8rem;
}
.ejemplo-tipo.barras[data-v-f2a16f31] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.ejemplo-tipo.circular[data-v-f2a16f31] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ejemplo-tipo.lineas[data-v-f2a16f31] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}

/* Tip */
.tip[data-v-f2a16f31] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f2a16f31] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f2a16f31] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f2a16f31] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f2a16f31] {
    gap: 2rem;
}
.icono-grafico[data-v-f2a16f31] {
    font-size: 3rem;
}
.tipos-grid[data-v-f2a16f31] {
    grid-template-columns: repeat(3, 1fr);
}
.tipo-card[data-v-f2a16f31]:last-child {
    grid-column: span 1;
}
.tipo-card[data-v-f2a16f31]:nth-last-child(-n+2) {
    grid-column: span 1;
}
.ejemplo-item[data-v-f2a16f31] {
    flex-wrap: nowrap;
}
}

/* Header visual */
.header-visual[data-v-f28fe169] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.header-icono[data-v-f28fe169] {
  font-size: 2rem;
}
.header-texto[data-v-f28fe169] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Gráfico ejemplo */
.grafico-ejemplo[data-v-f28fe169] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.grafico-titulo[data-v-f28fe169] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
}
.grafico-container[data-v-f28fe169] {
  display: flex;
  gap: 0.5rem;
  height: 160px;
}
.eje-y[data-v-f28fe169] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 0.25rem;
  border-right: 2px solid rgba(139, 92, 246, 0.5);
}
.eje-label[data-v-f28fe169] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: right;
}
.barras-container[data-v-f28fe169] {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  position: relative;
}
.barras-container[data-v-f28fe169]::after {
  content: '';
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(139, 92, 246, 0.5);
}
.barra-grupo[data-v-f28fe169] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  position: relative;
}
.barra[data-v-f28fe169] {
  width: 32px;
  background: linear-gradient(to top, #3B82F6, #60A5FA);
  border-radius: 0.25rem 0.25rem 0 0;
  position: relative;
  transition: all 0.3s ease;
  min-height: 20px;
}
.barra.destacada[data-v-f28fe169] {
  background: linear-gradient(to top, #10B981, #34D399);
}
.barra[data-v-f28fe169]:hover {
  transform: scaleX(1.1);
}
.barra-valor[data-v-f28fe169] {
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
}
.barra-label[data-v-f28fe169] {
  position: absolute;
  bottom: -1.25rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Lectura section */
.lectura-section[data-v-f28fe169] {
  margin: 1.5rem 0;
}
.lectura-titulo[data-v-f28fe169] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.lectura-items[data-v-f28fe169] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.lectura-item[data-v-f28fe169] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.lectura-num[data-v-f28fe169] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.lectura-texto[data-v-f28fe169] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.lectura-texto strong[data-v-f28fe169] {
  color: #FFFFFF;
}

/* Análisis section */
.analisis-section[data-v-f28fe169] {
  margin: 1.5rem 0;
}
.analisis-titulo[data-v-f28fe169] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.analisis-grid[data-v-f28fe169] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-f28fe169] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.analisis-item.positivo[data-v-f28fe169] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.analisis-item.negativo[data-v-f28fe169] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.analisis-item.neutral[data-v-f28fe169] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.analisis-label[data-v-f28fe169] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.analisis-valor[data-v-f28fe169] {
  font-weight: 700;
  font-size: 0.85rem;
}
.analisis-item.positivo .analisis-valor[data-v-f28fe169] {
  color: #6EE7B7;
}
.analisis-item.negativo .analisis-valor[data-v-f28fe169] {
  color: #FCA5A5;
}
.analisis-item.neutral .analisis-valor[data-v-f28fe169] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-f28fe169] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f28fe169] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f28fe169] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f28fe169] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-container[data-v-f28fe169] {
    height: 200px;
}
.barra[data-v-f28fe169] {
    width: 48px;
}
.analisis-grid[data-v-f28fe169] {
    flex-direction: row;
}
.analisis-item[data-v-f28fe169] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
}
}

/* Header visual */
.header-visual[data-v-0e37c8c9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.header-icono[data-v-0e37c8c9] {
  font-size: 2rem;
}
.header-texto[data-v-0e37c8c9] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Gráfico ejemplo */
.grafico-ejemplo[data-v-0e37c8c9] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.grafico-titulo[data-v-0e37c8c9] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 1rem;
}
.grafico-container[data-v-0e37c8c9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* Torta */
.torta[data-v-0e37c8c9] {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  position: relative;
  background: conic-gradient(
    #3B82F6 0deg 144deg,
    #10B981 144deg 234deg,
    #F59E0B 234deg 306deg,
    #8B5CF6 306deg 360deg
  );
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.torta-centro[data-v-0e37c8c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: rgba(17, 24, 39, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Leyenda */
.leyenda[data-v-0e37c8c9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  width: 100%;
}
.leyenda-item[data-v-0e37c8c9] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
}
.leyenda-color[data-v-0e37c8c9] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
  flex-shrink: 0;
}
.leyenda-color.redes[data-v-0e37c8c9] { background: #3B82F6;
}
.leyenda-color.juegos[data-v-0e37c8c9] { background: #10B981;
}
.leyenda-color.estudio[data-v-0e37c8c9] { background: #F59E0B;
}
.leyenda-color.otros[data-v-0e37c8c9] { background: #8B5CF6;
}
.leyenda-texto[data-v-0e37c8c9] {
  color: #E9D5FF;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leyenda-valor[data-v-0e37c8c9] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Cálculos section */
.calculos-section[data-v-0e37c8c9] {
  margin: 1.5rem 0;
}
.calculos-titulo[data-v-0e37c8c9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.calculos-grid[data-v-0e37c8c9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo-card[data-v-0e37c8c9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.calculo-tipo[data-v-0e37c8c9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.calculo-formula[data-v-0e37c8c9] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.calculo-ejemplo[data-v-0e37c8c9] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.calculo-ejemplo strong[data-v-0e37c8c9] {
  color: #6EE7B7;
}

/* Dato clave */
.dato-clave[data-v-0e37c8c9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-0e37c8c9] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-0e37c8c9] {
  flex: 1;
}
.dato-titulo[data-v-0e37c8c9] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.dato-texto[data-v-0e37c8c9] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.dato-texto strong[data-v-0e37c8c9] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-0e37c8c9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0e37c8c9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0e37c8c9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0e37c8c9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-container[data-v-0e37c8c9] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.torta[data-v-0e37c8c9] {
    width: 160px;
    height: 160px;
}
.torta-centro[data-v-0e37c8c9] {
    width: 60px;
    height: 60px;
    font-size: 0.9rem;
}
.leyenda[data-v-0e37c8c9] {
    grid-template-columns: 1fr;
    width: auto;
}
.calculos-grid[data-v-0e37c8c9] {
    flex-direction: row;
}
.calculo-card[data-v-0e37c8c9] {
    flex: 1;
}
}

/* Tipo section */
.tipo-section[data-v-f72fc2f2] {
  margin-bottom: 1rem;
}
.tipo-header[data-v-f72fc2f2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-f72fc2f2] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-f72fc2f2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-descripcion[data-v-f72fc2f2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

/* Gráfico de líneas */
.grafico-lineas[data-v-f72fc2f2] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.lineas-titulo[data-v-f72fc2f2] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.lineas-container[data-v-f72fc2f2] {
  display: flex;
  gap: 0.5rem;
  height: 120px;
}
.lineas-eje-y[data-v-f72fc2f2] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
  padding-right: 0.25rem;
}
.lineas-area[data-v-f72fc2f2] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.lineas-svg[data-v-f72fc2f2] {
  flex: 1;
  background: rgba(16, 185, 129, 0.05);
  border-radius: 0.25rem;
}
.lineas-eje-x[data-v-f72fc2f2] {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  padding: 0 0.25rem;
}
.lineas-insight[data-v-f72fc2f2] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
strong.positivo[data-v-f72fc2f2] {
  color: #6EE7B7;
}
strong.negativo[data-v-f72fc2f2] {
  color: #FCA5A5;
}

/* Separador */
.separador[data-v-f72fc2f2] {
  height: 2px;
  background: linear-gradient(to right, transparent, rgba(139, 92, 246, 0.5), transparent);
  margin: 1.5rem 0;
}

/* Histograma */
.histograma[data-v-f72fc2f2] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.histo-titulo[data-v-f72fc2f2] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.histo-container[data-v-f72fc2f2] {
  display: flex;
  flex-direction: column;
}
.histo-barras[data-v-f72fc2f2] {
  display: flex;
  align-items: flex-end;
  height: 100px;
  gap: 0;
}
.histo-barra[data-v-f72fc2f2] {
  flex: 1;
  background: linear-gradient(to top, #3B82F6, #60A5FA);
  position: relative;
  min-height: 20px;
}
.histo-barra[data-v-f72fc2f2]:first-child {
  border-radius: 0.25rem 0 0 0;
}
.histo-barra[data-v-f72fc2f2]:last-child {
  border-radius: 0 0.25rem 0 0;
}
.histo-barra.destacada[data-v-f72fc2f2] {
  background: linear-gradient(to top, #8B5CF6, #A78BFA);
}
.histo-valor[data-v-f72fc2f2] {
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.histo-eje-x[data-v-f72fc2f2] {
  display: flex;
  margin-top: 0.5rem;
}
.histo-eje-x span[data-v-f72fc2f2] {
  flex: 1;
  text-align: center;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Diferencia box */
.diferencia-box[data-v-f72fc2f2] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.diferencia-titulo[data-v-f72fc2f2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.diferencia-grid[data-v-f72fc2f2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-f72fc2f2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.diferencia-tipo[data-v-f72fc2f2] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.diferencia-tipo.barras[data-v-f72fc2f2] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.diferencia-tipo.histo[data-v-f72fc2f2] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.diferencia-desc[data-v-f72fc2f2] {
  flex: 1;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.diferencia-ej[data-v-f72fc2f2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-f72fc2f2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f72fc2f2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f72fc2f2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f72fc2f2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.lineas-container[data-v-f72fc2f2] {
    height: 150px;
}
.histo-barras[data-v-f72fc2f2] {
    height: 120px;
}
.diferencia-grid[data-v-f72fc2f2] {
    flex-direction: row;
}
.diferencia-item[data-v-f72fc2f2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

.explorador[data-v-fba1fd22] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fba1fd22] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fba1fd22] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fba1fd22] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fba1fd22] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fba1fd22] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fba1fd22] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fba1fd22] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fba1fd22] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fba1fd22] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Barras ===== */
.barras-desafio[data-v-fba1fd22] {
  text-align: center;
}
.mini-grafico-barras[data-v-fba1fd22] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
  height: 80px;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mini-barra[data-v-fba1fd22] {
  width: 36px;
  background: linear-gradient(to top, #3B82F6, #60A5FA);
  border-radius: 0.25rem 0.25rem 0 0;
  position: relative;
  transition: all 0.3s ease;
}
.mini-barra[data-v-fba1fd22]:nth-child(2) {
  background: linear-gradient(to top, #10B981, #34D399);
}
.mini-barra-label[data-v-fba1fd22] {
  position: absolute;
  bottom: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.barras-pregunta[data-v-fba1fd22] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.barras-opciones[data-v-fba1fd22] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.barras-opcion[data-v-fba1fd22] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.barras-opcion.seleccionada[data-v-fba1fd22] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.barras-opcion.correcta[data-v-fba1fd22] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.barras-opcion.incorrecta[data-v-fba1fd22] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.barras-contador[data-v-fba1fd22] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Circular ===== */
.circular-desafio[data-v-fba1fd22] {
  text-align: center;
}
.circular-formula[data-v-fba1fd22] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-fba1fd22] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.circular-input-row[data-v-fba1fd22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.circular-igual[data-v-fba1fd22] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.circular-input[data-v-fba1fd22] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.circular-input.correcto[data-v-fba1fd22] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.circular-input.incorrecto[data-v-fba1fd22] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.circular-unidad[data-v-fba1fd22] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.btn-verificar-circular[data-v-fba1fd22] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.circular-hint[data-v-fba1fd22] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.circular-contador[data-v-fba1fd22] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Identificar ===== */
.identificar-desafio[data-v-fba1fd22] {
  text-align: center;
}
.identificar-situacion[data-v-fba1fd22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-fba1fd22] {
  font-size: 1.5rem;
}
.situacion-texto[data-v-fba1fd22] {
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: left;
}
.identificar-pregunta[data-v-fba1fd22] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.identificar-opciones[data-v-fba1fd22] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.identificar-opcion[data-v-fba1fd22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-icono[data-v-fba1fd22] {
  font-size: 1.25rem;
}
.opcion-nombre[data-v-fba1fd22] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.identificar-opcion.seleccionada[data-v-fba1fd22] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.identificar-opcion.correcta[data-v-fba1fd22] {
  background: #10B981;
  border-color: #047857;
}
.identificar-opcion.correcta .opcion-nombre[data-v-fba1fd22] {
  color: white;
}
.identificar-opcion.incorrecta[data-v-fba1fd22] {
  background: #EF4444;
  border-color: #B91C1C;
}
.identificar-opcion.incorrecta .opcion-nombre[data-v-fba1fd22] {
  color: white;
}
.identificar-feedback[data-v-fba1fd22] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-top: 0.75rem;
}
.identificar-contador[data-v-fba1fd22] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-fba1fd22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fba1fd22] { font-size: 1.25rem;
}
.resultado-texto[data-v-fba1fd22] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-fba1fd22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fba1fd22] { flex: 1;
}
.nav-btn[data-v-fba1fd22] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fba1fd22] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fba1fd22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fba1fd22] { font-size: 1.75rem;
}
.completado-texto[data-v-fba1fd22] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fba1fd22], .slide-leave-active[data-v-fba1fd22] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fba1fd22] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fba1fd22] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.mini-grafico-barras[data-v-fba1fd22] {
    height: 100px;
}
.mini-barra[data-v-fba1fd22] {
    width: 48px;
}
.barras-opciones[data-v-fba1fd22] {
    grid-template-columns: repeat(4, 1fr);
}
.identificar-opciones[data-v-fba1fd22] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header */
.resumen-header[data-v-4ef402ec] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-4ef402ec] {
  font-size: 2rem;
}
.resumen-subtitulo[data-v-4ef402ec] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Tipos resumen */
.tipos-resumen[data-v-4ef402ec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tipo-row[data-v-4ef402ec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono-mini[data-v-4ef402ec] {
  font-size: 1.25rem;
}
.tipo-info[data-v-4ef402ec] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre-mini[data-v-4ef402ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tipo-uso-mini[data-v-4ef402ec] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmulas section */
.formulas-section[data-v-4ef402ec] {
  margin-bottom: 1.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formulas-titulo[data-v-4ef402ec] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-4ef402ec] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-card[data-v-4ef402ec] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.formula-operacion[data-v-4ef402ec] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-4ef402ec] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-recordar[data-v-4ef402ec] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-recordar strong[data-v-4ef402ec] {
  color: #FCD34D;
}

/* Tips section */
.tips-section[data-v-4ef402ec] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-4ef402ec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-4ef402ec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-4ef402ec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.tip-num[data-v-4ef402ec] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-4ef402ec] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tip-texto strong[data-v-4ef402ec] {
  color: #6EE7B7;
}

/* Diferencias section */
.diferencias-section[data-v-4ef402ec] {
  margin-bottom: 1.5rem;
}
.diferencias-titulo[data-v-4ef402ec] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.diferencias-tabla[data-v-4ef402ec] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.diferencia-row[data-v-4ef402ec] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.8rem;
}
.diferencia-row.header[data-v-4ef402ec] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.diferencia-row[data-v-4ef402ec]:not(.header) {
  color: #C4B5FD;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.diferencia-valor[data-v-4ef402ec] {
  color: #E9D5FF;
  text-align: center;
}

/* Mensaje final */
.mensaje-final[data-v-4ef402ec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-4ef402ec] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-4ef402ec] {
  display: flex;
  flex-direction: column;
}
.mensaje-titulo[data-v-4ef402ec] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.mensaje-texto[data-v-4ef402ec] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-4ef402ec] {
    flex-direction: row;
    flex-wrap: wrap;
}
.tipo-row[data-v-4ef402ec] {
    flex: 1;
    min-width: 45%;
}
}

/* Intro visual */
.intro-visual[data-v-6b6a1437] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 1rem;
}
.icono-problema[data-v-6b6a1437] {
  font-size: 2.5rem;
}
.texto-intro[data-v-6b6a1437] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.texto-intro strong[data-v-6b6a1437] {
  color: #FFFFFF;
}

/* Estrategia */
.estrategia-section[data-v-6b6a1437] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-6b6a1437] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-6b6a1437] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-estrategia[data-v-6b6a1437] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-numero[data-v-6b6a1437] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.paso-contenido[data-v-6b6a1437] {
  flex: 1;
}
.paso-titulo[data-v-6b6a1437] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-descripcion[data-v-6b6a1437] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tipos de problemas */
.tipos-section[data-v-6b6a1437] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-6b6a1437] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-6b6a1437] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-6b6a1437] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-6b6a1437] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-6b6a1437] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.tipo-ejemplo[data-v-6b6a1437] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Recordatorio */
.recordatorio[data-v-6b6a1437] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.recordatorio-icono[data-v-6b6a1437] {
  font-size: 1.5rem;
}
.recordatorio-contenido[data-v-6b6a1437] {
  flex: 1;
}
.recordatorio-titulo[data-v-6b6a1437] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
}
.relaciones[data-v-6b6a1437] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.relacion[data-v-6b6a1437] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.relacion strong[data-v-6b6a1437] {
  color: #93C5FD;
}
.separador[data-v-6b6a1437] {
  color: #8B5CF6;
}

/* Tip */
.tip[data-v-6b6a1437] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6b6a1437] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6b6a1437] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6b6a1437] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-6b6a1437] {
    gap: 1rem;
}
.icono-problema[data-v-6b6a1437] {
    font-size: 3rem;
}
.texto-intro[data-v-6b6a1437] {
    font-size: 1.25rem;
}
.tipos-grid[data-v-6b6a1437] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-6b6a1437] {
    padding: 0.75rem;
}
.tipo-icono[data-v-6b6a1437] {
    font-size: 1.75rem;
}
.relaciones[data-v-6b6a1437] {
    gap: 0.75rem;
}
}

/* Contexto */
.contexto-box[data-v-12f44505] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.25rem;
}
.contexto-icono[data-v-12f44505] {
  font-size: 1.5rem;
}
.contexto-texto[data-v-12f44505] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Grupos */
.grupos-section[data-v-12f44505] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.grupo-card[data-v-12f44505] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.grupo-a[data-v-12f44505] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.grupo-b[data-v-12f44505] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.grupo-header[data-v-12f44505] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.grupo-nombre[data-v-12f44505] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.grupo-n[data-v-12f44505] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.grupo-datos[data-v-12f44505] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.dato[data-v-12f44505] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.dato.q1[data-v-12f44505] {
  background: rgba(96, 165, 250, 0.3);
  color: #93C5FD;
}
.dato.q2[data-v-12f44505] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.dato.q3[data-v-12f44505] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.grupo-cuartiles[data-v-12f44505] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.cuartil[data-v-12f44505] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.cuartil strong[data-v-12f44505] {
  color: #FFFFFF;
}
.cuartil.mediana strong[data-v-12f44505] {
  color: #FCD34D;
}

/* Análisis */
.analisis-section[data-v-12f44505] {
  margin: 1.25rem 0;
}
.analisis-titulo[data-v-12f44505] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-12f44505] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-12f44505] {
  display: grid;
  grid-template-columns: 1fr 0.6fr 0.6fr 1.2fr;
  gap: 0.25rem;
  padding: 0.5rem;
  font-size: 0.75rem;
}
.tabla-row.header[data-v-12f44505] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-12f44505]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-medida[data-v-12f44505] {
  color: #C4B5FD;
}
.col-a[data-v-12f44505], .col-b[data-v-12f44505] {
  text-align: center;
  color: #E9D5FF;
}
.col-b.destacado[data-v-12f44505] {
  color: #6EE7B7;
  font-weight: 700;
}
.col-conclusion[data-v-12f44505] {
  color: #93C5FD;
  font-size: 0.7rem;
}

/* Interpretación */
.interpretacion[data-v-12f44505] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin: 1.25rem 0;
}
.interp-icono[data-v-12f44505] {
  font-size: 1.5rem;
}
.interp-contenido[data-v-12f44505] {
  flex: 1;
}
.interp-titulo[data-v-12f44505] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
}
.interp-texto[data-v-12f44505] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.interp-texto strong[data-v-12f44505] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-12f44505] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-12f44505] {
  font-size: 1.25rem;
}
.tip-texto[data-v-12f44505] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-12f44505] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grupos-section[data-v-12f44505] {
    flex-direction: row;
}
.grupo-card[data-v-12f44505] {
    flex: 1;
}
.tabla-row[data-v-12f44505] {
    font-size: 0.85rem;
}
.col-conclusion[data-v-12f44505] {
    font-size: 0.8rem;
}
}

/* Intro */
.intro-section[data-v-2bc6f90f] {
  margin-bottom: 1.25rem;
}
.intro-section p[data-v-2bc6f90f] {
  margin: 0;
  line-height: 1.5;
  color: #E9D5FF;
}
.intro-section strong[data-v-2bc6f90f] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplo-section[data-v-2bc6f90f] {
  margin-bottom: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-2bc6f90f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-icono[data-v-2bc6f90f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-2bc6f90f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-2bc6f90f] {
  padding: 0.75rem;
}
.situacion[data-v-2bc6f90f] {
  margin-bottom: 0.75rem;
}
.situacion p[data-v-2bc6f90f] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.situacion strong[data-v-2bc6f90f] {
  color: #FFFFFF;
}
.percentil-valor[data-v-2bc6f90f] {
  color: #FCD34D;
}

/* Barra de percentil */
.interpretacion-visual[data-v-2bc6f90f] {
  margin-bottom: 0.75rem;
}
.barra-percentil[data-v-2bc6f90f] {
  position: relative;
  height: 24px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 12px;
  overflow: visible;
}
.barra-relleno[data-v-2bc6f90f] {
  height: 100%;
  background: linear-gradient(90deg, #8B5CF6, #10B981);
  border-radius: 12px 0 0 12px;
}
.marcador[data-v-2bc6f90f] {
  position: absolute;
  top: -8px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marcador-valor[data-v-2bc6f90f] {
  padding: 0.2rem 0.4rem;
  background: #FCD34D;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #1F2937;
}
.barra-labels[data-v-2bc6f90f] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Interpretación texto */
.interpretacion-texto[data-v-2bc6f90f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.check-item[data-v-2bc6f90f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.check-item.correcto[data-v-2bc6f90f] {
  background: rgba(16, 185, 129, 0.1);
}
.check-item.correcto .check-icono[data-v-2bc6f90f] {
  color: #6EE7B7;
}
.check-item.correcto .check-texto[data-v-2bc6f90f] {
  color: #E9D5FF;
}
.check-item.incorrecto[data-v-2bc6f90f] {
  background: rgba(239, 68, 68, 0.1);
}
.check-item.incorrecto .check-icono[data-v-2bc6f90f] {
  color: #FCA5A5;
}
.check-item.incorrecto .check-texto[data-v-2bc6f90f] {
  color: #FCA5A5;
}
.check-texto strong[data-v-2bc6f90f] {
  color: #FFFFFF;
}

/* Nota médica */
.nota-medica[data-v-2bc6f90f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(96, 165, 250, 0.1);
  border-radius: 0.35rem;
}
.nota-icono[data-v-2bc6f90f] {
  font-size: 1rem;
}
.nota-texto[data-v-2bc6f90f] {
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Referencia */
.referencia-section[data-v-2bc6f90f] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.referencia-titulo[data-v-2bc6f90f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.referencia-grid[data-v-2bc6f90f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.ref-item[data-v-2bc6f90f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.ref-item.destacado[data-v-2bc6f90f] {
  background: rgba(16, 185, 129, 0.15);
}
.ref-percentil[data-v-2bc6f90f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  min-width: 40px;
}
.ref-texto[data-v-2bc6f90f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-2bc6f90f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2bc6f90f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2bc6f90f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2bc6f90f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.referencia-grid[data-v-2bc6f90f] {
    flex-direction: row;
    justify-content: space-around;
}
.ref-item[data-v-2bc6f90f] {
    flex: 1;
    justify-content: center;
}
}

.explorador[data-v-4f36236d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4f36236d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4f36236d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4f36236d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4f36236d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4f36236d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4f36236d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4f36236d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4f36236d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4f36236d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Contexto problema */
.contexto-problema[data-v-4f36236d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.contexto-icono[data-v-4f36236d] {
  font-size: 1.25rem;
}
.contexto-texto[data-v-4f36236d] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* ===== DESAFÍO 1 ===== */
.datos-ordenados[data-v-4f36236d] {
  margin-bottom: 0.75rem;
  text-align: center;
}
.datos-label[data-v-4f36236d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-lista[data-v-4f36236d] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.dato[data-v-4f36236d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.dato.destacado[data-v-4f36236d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.pregunta-d1[data-v-4f36236d], .pregunta-d2[data-v-4f36236d], .pregunta-d3[data-v-4f36236d] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.pregunta-d1 p[data-v-4f36236d], .pregunta-d2 p[data-v-4f36236d], .pregunta-d3 p[data-v-4f36236d] {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.respuesta-d1[data-v-4f36236d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.label-respuesta[data-v-4f36236d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.input-respuesta[data-v-4f36236d] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta[data-v-4f36236d]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-respuesta.correcto[data-v-4f36236d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-4f36236d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-4f36236d] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-4f36236d]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Diagrama de caja ===== */
.diagrama-caja-container[data-v-4f36236d] {
  margin: 0.75rem 0;
  padding: 0.5rem;
}
.diagrama-caja[data-v-4f36236d] {
  position: relative;
  height: 32px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 4px;
}
.bigote-izq[data-v-4f36236d], .bigote-der[data-v-4f36236d] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #8B5CF6;
  transform: translateY(-50%);
}
.bigote-izq[data-v-4f36236d] {
  left: 0;
}
.caja[data-v-4f36236d] {
  position: absolute;
  top: 4px;
  bottom: 4px;
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #8B5CF6;
  border-radius: 4px;
}
.mediana[data-v-4f36236d] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #FCD34D;
  transform: translateX(-50%);
}
.diagrama-valores[data-v-4f36236d] {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.val-q1[data-v-4f36236d], .val-q2[data-v-4f36236d], .val-q3[data-v-4f36236d] {
  position: absolute;
  transform: translateX(-50%);
}
.val-q2[data-v-4f36236d] {
  color: #FCD34D;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Comparación ===== */
.comparacion-cajas[data-v-4f36236d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0.75rem 0;
}
.caja-grupo[data-v-4f36236d] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grupo-label[data-v-4f36236d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.mini-caja[data-v-4f36236d] {
  position: relative;
  height: 24px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 4px;
}
.mc-bigote-izq[data-v-4f36236d], .mc-bigote-der[data-v-4f36236d] {
  position: absolute;
  top: 50%;
  height: 2px;
  background: #8B5CF6;
  transform: translateY(-50%);
}
.mc-bigote-izq[data-v-4f36236d] {
  left: 0;
}
.mc-caja[data-v-4f36236d] {
  position: absolute;
  top: 3px;
  bottom: 3px;
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #8B5CF6;
  border-radius: 3px;
}
.mc-mediana[data-v-4f36236d] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #FCD34D;
  transform: translateX(-50%);
}
.mini-valores[data-v-4f36236d] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Opciones */
.opciones-d2[data-v-4f36236d], .opciones-d3[data-v-4f36236d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.opcion-btn[data-v-4f36236d] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: center;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-4f36236d]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionada[data-v-4f36236d] {
  border-color: #8B5CF6;
}
.opcion-btn.correcta[data-v-4f36236d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-4f36236d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Feedback */
.feedback[data-v-4f36236d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-4f36236d] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}

/* Resultados */
.resultado-correcto[data-v-4f36236d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-correcto .resultado-icono[data-v-4f36236d] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-correcto .resultado-texto[data-v-4f36236d] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}

/* Contador niveles */
.contador-niveles[data-v-4f36236d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-4f36236d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4f36236d] { flex: 1;
}
.nav-btn[data-v-4f36236d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4f36236d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4f36236d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4f36236d] { font-size: 1.75rem;
}
.completado-texto[data-v-4f36236d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4f36236d], .slide-leave-active[data-v-4f36236d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4f36236d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4f36236d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-d2[data-v-4f36236d], .opciones-d3[data-v-4f36236d] {
    grid-template-columns: repeat(4, 1fr);
}
.comparacion-cajas[data-v-4f36236d] {
    flex-direction: row;
}
.caja-grupo[data-v-4f36236d] {
    flex: 1;
}
}

/* Header resumen */
.resumen-header[data-v-5aef8a03] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.75rem;
}
.resumen-icono[data-v-5aef8a03] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-5aef8a03] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Conceptos */
.conceptos-section[data-v-5aef8a03] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.concepto-card[data-v-5aef8a03] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-5aef8a03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-numero[data-v-5aef8a03] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-titulo[data-v-5aef8a03] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-5aef8a03] {
  padding: 0.5rem 0.75rem;
}
.lista-puntos[data-v-5aef8a03] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.lista-puntos li[data-v-5aef8a03] {
  margin-bottom: 0.25rem;
}
.lista-puntos strong[data-v-5aef8a03] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-5aef8a03] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-5aef8a03] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.formulas-grid[data-v-5aef8a03] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-5aef8a03] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula[data-v-5aef8a03] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-desc[data-v-5aef8a03] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-5aef8a03] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-5aef8a03] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.errores-lista[data-v-5aef8a03] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-5aef8a03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.error-icono[data-v-5aef8a03] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-5aef8a03] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Checklist */
.checklist-section[data-v-5aef8a03] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(96, 165, 250, 0.1);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.75rem;
}
.checklist-titulo[data-v-5aef8a03] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.checklist-items[data-v-5aef8a03] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.check-item[data-v-5aef8a03] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.check-box[data-v-5aef8a03] {
  color: #6EE7B7;
  font-size: 1rem;
}
.check-texto[data-v-5aef8a03] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-5aef8a03] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-5aef8a03] {
  font-size: 2rem;
}
.tip-contenido[data-v-5aef8a03] {
  flex: 1;
}
.tip-titulo[data-v-5aef8a03] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}
.tip-texto[data-v-5aef8a03] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-5aef8a03] {
    flex-direction: row;
    justify-content: space-around;
}
.formula-item[data-v-5aef8a03] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-d1991024] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-d1991024] {
  font-size: 2.5rem;
  animation: bounce-d1991024 2s ease-in-out infinite;
}
.icono[data-v-d1991024]:nth-child(2) {
  animation-delay: 0.3s;
}
.icono[data-v-d1991024]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce-d1991024 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Definición principal */
.definicion-principal[data-v-d1991024] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-d1991024] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-d1991024] {
  font-size: 1.5rem;
}
.def-titulo[data-v-d1991024] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.formula-box[data-v-d1991024] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-d1991024] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-d1991024] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-d1991024] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 0.15rem;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.denominador[data-v-d1991024] {
  padding-top: 0.15rem;
  font-size: 0.85rem;
  color: #93C5FD;
}
.def-nota[data-v-d1991024] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-d1991024] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-d1991024] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-d1991024] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ejemplo-pregunta[data-v-d1991024] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.ejemplo-visual[data-v-d1991024] {
  margin-bottom: 0.75rem;
}
.dados-row[data-v-d1991024] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.dado[data-v-d1991024] {
  font-size: 2rem;
  opacity: 0.4;
  transition: all 0.2s ease;
}
.dado.par[data-v-d1991024] {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(110, 231, 183, 0.5));
}
.dados-leyenda[data-v-d1991024] {
  text-align: center;
}
.leyenda-item[data-v-d1991024] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.leyenda-item.par[data-v-d1991024] {
  color: #6EE7B7;
}
.solucion[data-v-d1991024] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.solucion-paso[data-v-d1991024] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-size: 0.85rem;
}
.paso-label[data-v-d1991024] {
  color: #C4B5FD;
  min-width: 60px;
}
.paso-valor[data-v-d1991024] {
  color: #FFFFFF;
}
.solucion-resultado[data-v-d1991024] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fraccion-inline[data-v-d1991024] {
  color: #FCD34D;
  font-weight: 700;
}
.solucion-resultado strong[data-v-d1991024] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Interpretación */
.interpretacion[data-v-d1991024] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.interp-icono[data-v-d1991024] {
  font-size: 1.25rem;
}
.interp-texto[data-v-d1991024] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.interp-texto strong[data-v-d1991024] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-d1991024] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d1991024] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d1991024] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d1991024] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d1991024] {
    gap: 2rem;
}
.icono[data-v-d1991024] {
    font-size: 3rem;
}
.formula[data-v-d1991024] {
    font-size: 1.1rem;
}
.numerador[data-v-d1991024], .denominador[data-v-d1991024] {
    font-size: 0.95rem;
}
.dado[data-v-d1991024] {
    font-size: 2.5rem;
}
}

/* Definición principal */
.definicion-principal[data-v-489414a4] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-489414a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-489414a4] {
  font-size: 1.5rem;
}
.def-titulo[data-v-489414a4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.formula-box[data-v-489414a4] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-489414a4] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-489414a4] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-489414a4] {
  border-bottom: 2px solid #3B82F6;
  padding-bottom: 0.15rem;
  font-size: 0.8rem;
  color: #6EE7B7;
}
.denominador[data-v-489414a4] {
  padding-top: 0.15rem;
  font-size: 0.8rem;
  color: #93C5FD;
}
.def-nota[data-v-489414a4] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-489414a4] {
  color: #93C5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-489414a4] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-489414a4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-contexto[data-v-489414a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.contexto-icono[data-v-489414a4] {
  font-size: 1.5rem;
}
.contexto-texto[data-v-489414a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Visual tiros */
.visual-tiros[data-v-489414a4] {
  margin-bottom: 1rem;
}
.tiros-stats[data-v-489414a4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.stat[data-v-489414a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-icono[data-v-489414a4] {
  font-size: 1.5rem;
}
.stat-valor[data-v-489414a4] {
  font-size: 1.5rem;
  font-weight: 800;
}
.stat.encestados .stat-valor[data-v-489414a4] {
  color: #6EE7B7;
}
.stat.total .stat-valor[data-v-489414a4] {
  color: #93C5FD;
}
.stat-label[data-v-489414a4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.stat-separador[data-v-489414a4] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 300;
}
.barra-container[data-v-489414a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.barra[data-v-489414a4] {
  flex: 1;
  height: 12px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 6px;
  overflow: hidden;
}
.barra-llena[data-v-489414a4] {
  height: 100%;
  background: linear-gradient(to right, #3B82F6, #6EE7B7);
  border-radius: 6px;
  transition: width 0.5s ease;
}
.barra-porcentaje[data-v-489414a4] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  min-width: 40px;
}
.solucion[data-v-489414a4] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fraccion-inline[data-v-489414a4] {
  color: #FCD34D;
  font-weight: 700;
}
.solucion strong[data-v-489414a4] {
  color: #6EE7B7;
}

/* Comparación section */
.comparacion-section[data-v-489414a4] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-489414a4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-489414a4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-489414a4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-card.clasica[data-v-489414a4] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.tipo-card.frecuencial[data-v-489414a4] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-nombre[data-v-489414a4] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}
.tipo-card.clasica .tipo-nombre[data-v-489414a4] {
  color: #C4B5FD;
}
.tipo-card.frecuencial .tipo-nombre[data-v-489414a4] {
  color: #93C5FD;
}
.tipo-uso[data-v-489414a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
  line-height: 1.3;
}
.tipo-ejemplo[data-v-489414a4] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-icono[data-v-489414a4] {
  font-size: 1rem;
}

/* Ley section */
.ley-section[data-v-489414a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ley-icono[data-v-489414a4] {
  font-size: 1.5rem;
}
.ley-titulo[data-v-489414a4] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.ley-texto[data-v-489414a4] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.ley-texto strong[data-v-489414a4] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-489414a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-489414a4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-489414a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-489414a4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-489414a4] {
    flex-direction: row;
}
.tipo-card[data-v-489414a4] {
    flex: 1;
    padding: 1rem;
}
.formula[data-v-489414a4] {
    font-size: 1rem;
}
.numerador[data-v-489414a4], .denominador[data-v-489414a4] {
    font-size: 0.9rem;
}
}

/* Propiedades grid */
.propiedades-grid[data-v-003fc1c4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.propiedad-card[data-v-003fc1c4] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.propiedad-card.seguro[data-v-003fc1c4] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.propiedad-card.imposible[data-v-003fc1c4] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.propiedad-card.complemento[data-v-003fc1c4] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.propiedad-numero[data-v-003fc1c4] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.propiedad-card.seguro .propiedad-numero[data-v-003fc1c4] {
  background: rgba(16, 185, 129, 0.4);
}
.propiedad-card.imposible .propiedad-numero[data-v-003fc1c4] {
  background: rgba(239, 68, 68, 0.4);
}
.propiedad-card.complemento .propiedad-numero[data-v-003fc1c4] {
  background: rgba(59, 130, 246, 0.4);
}
.propiedad-contenido[data-v-003fc1c4] {
  flex: 1;
}
.propiedad-titulo[data-v-003fc1c4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.propiedad-formula[data-v-003fc1c4] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.propiedad-desc[data-v-003fc1c4] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.propiedad-desc strong[data-v-003fc1c4] {
  color: #E9D5FF;
}

/* Ejemplo complemento */
.ejemplo-complemento[data-v-003fc1c4] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-003fc1c4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-contexto[data-v-003fc1c4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.visual-complemento[data-v-003fc1c4] {
  margin-bottom: 1rem;
}
.barra-probabilidad[data-v-003fc1c4] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 50px;
}
.parte[data-v-003fc1c4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.parte.evento[data-v-003fc1c4] {
  background: rgba(59, 130, 246, 0.4);
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.parte.complemento[data-v-003fc1c4] {
  background: rgba(16, 185, 129, 0.4);
}
.parte-label[data-v-003fc1c4] {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.8);
}
.parte-valor[data-v-003fc1c4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.barra-total[data-v-003fc1c4] {
  text-align: center;
  margin-top: 0.35rem;
}
.total-label[data-v-003fc1c4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.solucion[data-v-003fc1c4] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.solucion strong[data-v-003fc1c4] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Escala section */
.escala-section[data-v-003fc1c4] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.escala-titulo[data-v-003fc1c4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}
.escala-visual[data-v-003fc1c4] {
  padding: 0 0.5rem;
}
.escala-barra[data-v-003fc1c4] {
  position: relative;
  height: 8px;
  background: linear-gradient(to right, #EF4444, #FCD34D, #10B981);
  border-radius: 4px;
  margin: 2.5rem 0;
}
.escala-marca[data-v-003fc1c4] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marca-valor[data-v-003fc1c4] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}
.escala-marca[data-v-003fc1c4]::after {
  content: '';
  width: 4px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.marca-label[data-v-003fc1c4] {
  position: absolute;
  top: 1.25rem;
  font-size: 0.6rem;
  color: #C4B5FD;
  white-space: nowrap;
}

/* Ajustes para labels extremos */
.escala-marca.imposible .marca-label[data-v-003fc1c4] {
  left: 0;
  transform: none;
}
.escala-marca.seguro .marca-label[data-v-003fc1c4] {
  right: 0;
  left: auto;
  transform: none;
}

/* Tip */
.tip[data-v-003fc1c4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-003fc1c4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-003fc1c4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-003fc1c4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-grid[data-v-003fc1c4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.barra-probabilidad[data-v-003fc1c4] {
    height: 60px;
}
.parte-label[data-v-003fc1c4] {
    font-size: 0.75rem;
}
.parte-valor[data-v-003fc1c4] {
    font-size: 1.2rem;
}
.escala-barra[data-v-003fc1c4] {
    margin: 3rem 0;
}
.marca-valor[data-v-003fc1c4] {
    font-size: 0.8rem;
}
.marca-label[data-v-003fc1c4] {
    font-size: 0.7rem;
}
}

.explorador[data-v-f5833a9f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f5833a9f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f5833a9f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f5833a9f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f5833a9f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f5833a9f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f5833a9f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f5833a9f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f5833a9f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f5833a9f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clásica ===== */
.clasico-container[data-v-f5833a9f] {
  text-align: center;
}
.problema-visual[data-v-f5833a9f] {
  margin-bottom: 1rem;
}
.urna[data-v-f5833a9f] {
  display: inline-block;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.urna-titulo[data-v-f5833a9f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.bolitas-container[data-v-f5833a9f] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  max-width: 200px;
  margin: 0 auto 0.5rem;
}
.bolita[data-v-f5833a9f] {
  font-size: 1.5rem;
  line-height: 1;
}
.bolita.roja[data-v-f5833a9f] { color: #FCA5A5;
}
.bolita.azul[data-v-f5833a9f] { color: #93C5FD;
}
.bolita.verde[data-v-f5833a9f] { color: #6EE7B7;
}
.bolita.amarilla[data-v-f5833a9f] { color: #FCD34D;
}
.urna-conteo[data-v-f5833a9f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.conteo-item[data-v-f5833a9f] {
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.3);
}
.conteo-item.roja[data-v-f5833a9f] { color: #FCA5A5;
}
.conteo-item.azul[data-v-f5833a9f] { color: #93C5FD;
}
.conteo-item.verde[data-v-f5833a9f] { color: #6EE7B7;
}
.conteo-item.amarilla[data-v-f5833a9f] { color: #FCD34D;
}
.problema-pregunta[data-v-f5833a9f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.formula-ayuda[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fraccion-input[data-v-f5833a9f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.input-fraccion[data-v-f5833a9f] {
  width: 45px;
  padding: 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: white;
  font-family: inherit;
}
.linea-fraccion[data-v-f5833a9f] {
  width: 45px;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.input-fraccion.correcto[data-v-f5833a9f] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-fraccion.incorrecto[data-v-f5833a9f] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-f5833a9f] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-f5833a9f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Frecuencial ===== */
.frecuencial-container[data-v-f5833a9f] {
  text-align: center;
}
.experimento-info[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.exp-icono[data-v-f5833a9f] {
  font-size: 2rem;
}
.exp-detalle[data-v-f5833a9f] {
  text-align: left;
}
.exp-titulo[data-v-f5833a9f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.exp-datos[data-v-f5833a9f] {
  display: flex;
  gap: 0.75rem;
}
.dato[data-v-f5833a9f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato strong[data-v-f5833a9f] {
  color: #FCD34D;
}
.respuesta-row[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.resp-label[data-v-f5833a9f] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}
.input-decimal[data-v-f5833a9f] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-decimal.correcto[data-v-f5833a9f] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-decimal.incorrecto[data-v-f5833a9f] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.ayuda-hint[data-v-f5833a9f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Complemento ===== */
.complemento-container[data-v-f5833a9f] {
  text-align: center;
}
.comp-escenario[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.comp-icono[data-v-f5833a9f] {
  font-size: 2rem;
}
.comp-texto[data-v-f5833a9f] {
  text-align: left;
}
.comp-situacion[data-v-f5833a9f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comp-dato[data-v-f5833a9f] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.comp-dato strong[data-v-f5833a9f] {
  color: #FCD34D;
}
.comp-visual[data-v-f5833a9f] {
  margin-bottom: 0.75rem;
}
.barra-comp[data-v-f5833a9f] {
  display: flex;
  height: 35px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.barra-evento[data-v-f5833a9f] {
  background: rgba(59, 130, 246, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  color: #93C5FD;
  border-right: 2px solid rgba(255, 255, 255, 0.3);
}
.barra-complemento[data-v-f5833a9f] {
  background: rgba(16, 185, 129, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}

/* Feedback */
.feedback[data-v-f5833a9f] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-f5833a9f] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Contador */
.contador[data-v-f5833a9f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f5833a9f] { font-size: 1.25rem;
}
.resultado-texto[data-v-f5833a9f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f5833a9f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f5833a9f] { flex: 1;
}
.nav-btn[data-v-f5833a9f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f5833a9f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f5833a9f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f5833a9f] { font-size: 1.75rem;
}
.completado-texto[data-v-f5833a9f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f5833a9f], .slide-leave-active[data-v-f5833a9f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f5833a9f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f5833a9f] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-760f7849] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-760f7849] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-760f7849] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-760f7849] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-760f7849] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.concepto-card.laplace[data-v-760f7849] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.concepto-card.frecuencial[data-v-760f7849] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.concepto-card.complemento[data-v-760f7849] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.concepto-card.rango[data-v-760f7849] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.concepto-header[data-v-760f7849] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.concepto-num[data-v-760f7849] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-titulo[data-v-760f7849] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-formula[data-v-760f7849] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.frac[data-v-760f7849] {
  color: #E9D5FF;
}
.concepto-desc[data-v-760f7849] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tips section */
.tips-section[data-v-760f7849] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-760f7849] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tips-list[data-v-760f7849] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-760f7849] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-760f7849] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-760f7849] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-760f7849] {
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-760f7849] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-header[data-v-760f7849] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-760f7849] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-760f7849] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-760f7849] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-problema[data-v-760f7849] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.ejemplo-solucion[data-v-760f7849] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-paso[data-v-760f7849] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.sol-resultado[data-v-760f7849] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.sol-resultado strong[data-v-760f7849] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Formatos section */
.formatos-section[data-v-760f7849] {
  margin-bottom: 1.5rem;
}
.formatos-titulo[data-v-760f7849] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.formatos-grid[data-v-760f7849] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formato[data-v-760f7849] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formato-tipo[data-v-760f7849] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formato-ejemplo[data-v-760f7849] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formatos-nota[data-v-760f7849] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  margin: 0;
}

/* Mensaje final */
.mensaje-final[data-v-760f7849] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-760f7849] {
  font-size: 1.75rem;
}
.final-texto[data-v-760f7849] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-760f7849] {
    gap: 0.75rem;
}
.concepto-card[data-v-760f7849] {
    padding: 1rem;
}
.concepto-titulo[data-v-760f7849] {
    font-size: 0.85rem;
}
.concepto-formula[data-v-760f7849] {
    font-size: 0.95rem;
}
.concepto-desc[data-v-760f7849] {
    font-size: 0.75rem;
}
.tip-texto[data-v-760f7849] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-6ac0c616] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-6ac0c616] {
  font-size: 2.5rem;
  animation: bounce-6ac0c616 2s ease-in-out infinite;
}
.icono[data-v-6ac0c616]:nth-child(2) {
  animation-delay: 0.3s;
}
.icono[data-v-6ac0c616]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce-6ac0c616 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Concepto section */
.concepto-section[data-v-6ac0c616] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-titulo[data-v-6ac0c616] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.concepto-desc[data-v-6ac0c616] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}

/* Ejemplos grid */
.ejemplos-grid[data-v-6ac0c616] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-6ac0c616] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-6ac0c616] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-6ac0c616] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.ej-resultados[data-v-6ac0c616] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.25rem;
}

/* Contraste section */
.contraste-section[data-v-6ac0c616] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.contraste-header[data-v-6ac0c616] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.contraste-icono[data-v-6ac0c616] {
  font-size: 1.25rem;
}
.contraste-titulo[data-v-6ac0c616] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.contraste-desc[data-v-6ac0c616] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.contraste-ejemplo[data-v-6ac0c616] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}

/* Tip */
.tip[data-v-6ac0c616] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6ac0c616] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6ac0c616] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6ac0c616] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-6ac0c616] {
    gap: 2rem;
}
.icono[data-v-6ac0c616] {
    font-size: 3rem;
}
.ejemplos-grid[data-v-6ac0c616] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-6ac0c616] {
    padding: 0.75rem;
}
.ej-icono[data-v-6ac0c616] {
    font-size: 1.75rem;
}
}

/* Definición principal */
.definicion-principal[data-v-c531435d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}
.def-icono[data-v-c531435d] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #C4B5FD;
  font-family: serif;
}
.def-contenido[data-v-c531435d] {
  flex: 1;
}
.def-titulo[data-v-c531435d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-c531435d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ejemplos section */
.ejemplos-section[data-v-c531435d] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-c531435d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-card[data-v-c531435d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-header[data-v-c531435d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-c531435d] {
  font-size: 1.25rem;
}
.ejemplo-nombre[data-v-c531435d] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-espacio[data-v-c531435d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-espacio.doble[data-v-c531435d] {
  flex-wrap: wrap;
}
.omega[data-v-c531435d] {
  font-size: 1rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: serif;
}
.resultados-dado[data-v-c531435d],
.resultados-moneda[data-v-c531435d],
.resultados-doble[data-v-c531435d] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.resultado[data-v-c531435d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid #8B5CF6;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.resultado.cara[data-v-c531435d] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.resultado.sello[data-v-c531435d] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
  color: #93C5FD;
}
.resultado-par[data-v-c531435d] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.ejemplo-cardinal[data-v-c531435d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-cardinal strong[data-v-c531435d] {
  color: #FCD34D;
}

/* Notación section */
.notacion-section[data-v-c531435d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.notacion-titulo[data-v-c531435d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.notacion-items[data-v-c531435d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.notacion-item[data-v-c531435d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.notacion-simbolo[data-v-c531435d] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}
.notacion-desc[data-v-c531435d] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-c531435d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c531435d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c531435d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c531435d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definicion-principal[data-v-c531435d] {
    padding: 1.25rem;
}
.def-icono[data-v-c531435d] {
    font-size: 3rem;
}
.resultado[data-v-c531435d] {
    width: 32px;
    height: 32px;
    font-size: 1rem;
}
.notacion-items[data-v-c531435d] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Definición principal */
.definicion-principal[data-v-83c06ba1] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}
.def-icono[data-v-83c06ba1] {
  font-size: 2rem;
}
.def-contenido[data-v-83c06ba1] {
  flex: 1;
}
.def-titulo[data-v-83c06ba1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-83c06ba1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-83c06ba1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-83c06ba1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.espacio-muestral-visual[data-v-83c06ba1] {
  text-align: center;
  margin-bottom: 1rem;
}
.em-label[data-v-83c06ba1] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.dados-row[data-v-83c06ba1] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.dado[data-v-83c06ba1] {
  font-size: 1.75rem;
}
.eventos-ejemplos[data-v-83c06ba1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.evento-item[data-v-83c06ba1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.evento-nombre[data-v-83c06ba1] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.evento-conjunto[data-v-83c06ba1] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.evento-dados[data-v-83c06ba1] {
  display: flex;
  gap: 0.35rem;
}
.dado-mini[data-v-83c06ba1] {
  font-size: 1.25rem;
  opacity: 0.3;
}
.dado-mini.activo[data-v-83c06ba1] {
  opacity: 1;
}

/* Tipos section */
.tipos-section[data-v-83c06ba1] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-83c06ba1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-83c06ba1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-83c06ba1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid;
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.tipo-card.seguro[data-v-83c06ba1] {
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.imposible[data-v-83c06ba1] {
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.simple[data-v-83c06ba1] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.compuesto[data-v-83c06ba1] {
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-83c06ba1] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.tipo-icono[data-v-83c06ba1] {
  font-size: 1rem;
}
.tipo-nombre[data-v-83c06ba1] {
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tipo-desc[data-v-83c06ba1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
  margin-bottom: 0.35rem;
}
.tipo-ejemplo[data-v-83c06ba1] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
}
.tipo-ej-label[data-v-83c06ba1] {
  color: #8B5CF6;
  font-weight: 600;
}
.tipo-ej-text[data-v-83c06ba1] {
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-83c06ba1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-83c06ba1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-83c06ba1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-83c06ba1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definicion-principal[data-v-83c06ba1] {
    padding: 1.25rem;
}
.def-icono[data-v-83c06ba1] {
    font-size: 2.5rem;
}
.dado[data-v-83c06ba1] {
    font-size: 2.25rem;
}
.eventos-ejemplos[data-v-83c06ba1] {
    flex-direction: row;
}
.evento-item[data-v-83c06ba1] {
    flex: 1;
}
.tipos-grid[data-v-83c06ba1] {
    gap: 0.75rem;
}
.tipo-card[data-v-83c06ba1] {
    padding: 0.75rem;
}
.tipo-nombre[data-v-83c06ba1] {
    font-size: 0.85rem;
}
.tipo-desc[data-v-83c06ba1] {
    font-size: 0.8rem;
}
}

.explorador[data-v-932779f3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-932779f3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-932779f3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-932779f3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-932779f3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-932779f3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-932779f3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-932779f3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-932779f3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-932779f3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-932779f3] {
  text-align: center;
}
.situacion-actual[data-v-932779f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-932779f3] {
  font-size: 2.5rem;
}
.situacion-texto[data-v-932779f3] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
}
.opciones-tipo[data-v-932779f3] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-932779f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
  min-width: 100px;
  font-family: inherit;
}
.opcion-btn.aleatorio[data-v-932779f3] {
  border-color: rgba(139, 92, 246, 0.4);
}
.opcion-btn.determinista[data-v-932779f3] {
  border-color: rgba(59, 130, 246, 0.4);
}
.opcion-btn.seleccionado.aleatorio[data-v-932779f3] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado.determinista[data-v-932779f3] {
  background: rgba(59, 130, 246, 0.3);
  border-color: #3B82F6;
}
.opcion-btn.correcto[data-v-932779f3] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.opcion-btn.incorrecto[data-v-932779f3] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.opcion-icono[data-v-932779f3] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-932779f3] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Espacio Muestral ===== */
.espacio-muestral-container[data-v-932779f3] {
  text-align: center;
}
.em-pregunta[data-v-932779f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.em-icono[data-v-932779f3] {
  font-size: 1.5rem;
}
.em-texto[data-v-932779f3] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}
.em-instruccion[data-v-932779f3] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.em-opciones[data-v-932779f3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.em-opcion[data-v-932779f3] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.em-opcion.seleccionado[data-v-932779f3] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  color: #FFFFFF;
}
.em-opcion.correcto[data-v-932779f3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.em-opcion.incorrecto[data-v-932779f3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.btn-verificar[data-v-932779f3] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Contar ===== */
.contar-container[data-v-932779f3] {
  text-align: center;
}
.contar-escenario[data-v-932779f3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.escenario-header[data-v-932779f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.escenario-icono[data-v-932779f3] {
  font-size: 1.5rem;
}
.escenario-texto[data-v-932779f3] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}
.espacio-muestral-mini[data-v-932779f3] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.contar-pregunta[data-v-932779f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.contar-pregunta strong[data-v-932779f3] {
  color: #FCD34D;
}
.contar-input-row[data-v-932779f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.contar-label[data-v-932779f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.contar-input[data-v-932779f3] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.contar-input.correcto[data-v-932779f3] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.contar-input.incorrecto[data-v-932779f3] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-mini[data-v-932779f3] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.contar-feedback[data-v-932779f3] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.75rem;
}
.contar-feedback.correcto[data-v-932779f3] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Contador */
.contador[data-v-932779f3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-932779f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-932779f3] { font-size: 1.25rem;
}
.resultado-texto[data-v-932779f3] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-932779f3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-932779f3] { flex: 1;
}
.nav-btn[data-v-932779f3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-932779f3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-932779f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-932779f3] { font-size: 1.75rem;
}
.completado-texto[data-v-932779f3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-932779f3], .slide-leave-active[data-v-932779f3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-932779f3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-932779f3] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-19d6cdc0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-19d6cdc0] {
  font-size: 1.75rem;
}
.header-texto[data-v-19d6cdc0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-19d6cdc0] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-19d6cdc0] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.concepto-header[data-v-19d6cdc0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-19d6cdc0] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-19d6cdc0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido p[data-v-19d6cdc0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.concepto-contenido strong[data-v-19d6cdc0] {
  color: #6EE7B7;
}
.ejemplo-mini[data-v-19d6cdc0] {
  font-size: 0.8rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
  font-style: italic;
}

/* Tipos eventos mini */
.tipos-eventos[data-v-19d6cdc0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
}
.tipo-mini[data-v-19d6cdc0] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tipo-mini strong[data-v-19d6cdc0] {
  color: #FFFFFF;
}
.tipo-bullet[data-v-19d6cdc0] {
  font-size: 0.6rem;
}
.tipo-bullet.seguro[data-v-19d6cdc0] { color: #6EE7B7;
}
.tipo-bullet.imposible[data-v-19d6cdc0] { color: #FCA5A5;
}
.tipo-bullet.simple[data-v-19d6cdc0] { color: #93C5FD;
}
.tipo-bullet.compuesto[data-v-19d6cdc0] { color: #FCD34D;
}

/* Fórmulas section */
.formulas-section[data-v-19d6cdc0] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-19d6cdc0] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formulas-grid[data-v-19d6cdc0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-19d6cdc0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
}
.formula-simbolo[data-v-19d6cdc0] {
  font-family: serif;
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  min-width: 28px;
  text-align: center;
}
.formula-desc[data-v-19d6cdc0] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-19d6cdc0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-19d6cdc0] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.tips-lista[data-v-19d6cdc0] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-19d6cdc0] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.tip-numero[data-v-19d6cdc0] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-19d6cdc0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-19d6cdc0] {
  color: #FFFFFF;
}

/* Próximo paso */
.proximo-paso[data-v-19d6cdc0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.proximo-icono[data-v-19d6cdc0] {
  font-size: 1.5rem;
}
.proximo-contenido[data-v-19d6cdc0] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.proximo-label[data-v-19d6cdc0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-transform: uppercase;
  font-weight: 600;
}
.proximo-titulo[data-v-19d6cdc0] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.proximo-desc[data-v-19d6cdc0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-19d6cdc0] {
    grid-template-columns: repeat(2, 1fr);
}
.formulas-grid[data-v-19d6cdc0] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-item[data-v-19d6cdc0] {
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
    padding: 0.5rem;
}
.formula-simbolo[data-v-19d6cdc0] {
    font-size: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-d4fe155e] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-d4fe155e] {
  font-size: 2.5rem;
  animation: bounce-d4fe155e 2s ease-in-out infinite;
}
.icono[data-v-d4fe155e]:nth-child(2) {
  animation-delay: 0.3s;
}
.icono[data-v-d4fe155e]:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce-d4fe155e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Estrategia box */
.estrategia-box[data-v-d4fe155e] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-d4fe155e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-d4fe155e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-est[data-v-d4fe155e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-d4fe155e] {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.paso-texto[data-v-d4fe155e] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-d4fe155e] {
  color: #C4B5FD;
}

/* Contextos */
.contextos-section[data-v-d4fe155e] {
  margin: 1.5rem 0;
}
.contextos-titulo[data-v-d4fe155e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.contextos-grid[data-v-d4fe155e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.contexto[data-v-d4fe155e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ctx-icono[data-v-d4fe155e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ctx-nombre[data-v-d4fe155e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ctx-ejemplo[data-v-d4fe155e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Fórmula section */
.formula-section[data-v-d4fe155e] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-d4fe155e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-d4fe155e] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-d4fe155e] {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.fraccion[data-v-d4fe155e] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-d4fe155e] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 0.15rem;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.denominador[data-v-d4fe155e] {
  padding-top: 0.15rem;
  font-size: 0.85rem;
  color: #93C5FD;
}
.formula-nota[data-v-d4fe155e] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.formula-nota strong[data-v-d4fe155e] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-d4fe155e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d4fe155e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d4fe155e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d4fe155e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-d4fe155e] {
    gap: 2rem;
}
.icono[data-v-d4fe155e] {
    font-size: 3rem;
}
.contextos-grid[data-v-d4fe155e] {
    gap: 1rem;
}
.contexto[data-v-d4fe155e] {
    padding: 1rem;
}
.ctx-icono[data-v-d4fe155e] {
    font-size: 2rem;
}
.ctx-nombre[data-v-d4fe155e] {
    font-size: 0.85rem;
}
.formula[data-v-d4fe155e] {
    font-size: 1.1rem;
}
}

/* Intro visual */
.intro-visual[data-v-36833633] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-36833633] {
  font-size: 2rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-36833633] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-36833633] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-36833633] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-36833633] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-36833633] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}

/* Dados visual */
.ejemplo-visual[data-v-36833633] {
  margin-bottom: 0.75rem;
  text-align: center;
}
.dados-row[data-v-36833633] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.dado[data-v-36833633] {
  font-size: 1.75rem;
  opacity: 0.4;
}
.dado.favorable[data-v-36833633] {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(110, 231, 183, 0.5));
}
.dados-numeros[data-v-36833633] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dados-numeros span[data-v-36833633] {
  width: 1.75rem;
  text-align: center;
}
.num-favorable[data-v-36833633] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Baraja info */
.baraja-info[data-v-36833633] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.palo[data-v-36833633] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.palo-icono[data-v-36833633] {
  font-size: 1.25rem;
}
.palo-nombre[data-v-36833633] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.palo-cartas[data-v-36833633] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Solución */
.solucion[data-v-36833633] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.solucion-paso[data-v-36833633] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-size: 0.85rem;
}
.paso-label[data-v-36833633] {
  color: #C4B5FD;
  min-width: 50px;
}
.paso-valor[data-v-36833633] {
  color: #FFFFFF;
}
.paso-valor strong[data-v-36833633] {
  color: #FCD34D;
}
.solucion-resultado[data-v-36833633] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fraccion-inline[data-v-36833633] {
  color: #FCD34D;
  font-weight: 700;
}
.solucion-resultado strong[data-v-36833633] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Info box */
.info-box[data-v-36833633] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.info-header[data-v-36833633] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.info-icono[data-v-36833633] {
  font-size: 1.25rem;
}
.info-titulo[data-v-36833633] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
}
.info-contenido[data-v-36833633] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.6;
}
.info-contenido strong[data-v-36833633] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-36833633] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-36833633] {
  font-size: 1.25rem;
}
.tip-texto[data-v-36833633] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-36833633] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-36833633] {
    gap: 2rem;
}
.icono[data-v-36833633] {
    font-size: 2.5rem;
}
.dado[data-v-36833633] {
    font-size: 2.25rem;
}
.dados-numeros span[data-v-36833633] {
    width: 2.25rem;
}
.baraja-info[data-v-36833633] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-f66b4a7f] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-f66b4a7f] {
  font-size: 2rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-f66b4a7f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-f66b4a7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-f66b4a7f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-f66b4a7f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-f66b4a7f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  line-height: 1.4;
}

/* Tabla de datos */
.tabla-container[data-v-f66b4a7f] {
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.tabla-datos[data-v-f66b4a7f] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-datos th[data-v-f66b4a7f],
.tabla-datos td[data-v-f66b4a7f] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-datos th[data-v-f66b4a7f] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-datos td[data-v-f66b4a7f] {
  color: #E9D5FF;
}
.tabla-datos .numero[data-v-f66b4a7f] {
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-datos tr.destacado[data-v-f66b4a7f] {
  background: rgba(16, 185, 129, 0.1);
}
.tabla-datos tr.destacado td[data-v-f66b4a7f] {
  color: #6EE7B7;
}
.tabla-datos .destacado-celda[data-v-f66b4a7f] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7 !important;
  font-weight: 700;
}
.tabla-datos tr.total[data-v-f66b4a7f] {
  background: rgba(139, 92, 246, 0.1);
}
.tabla-datos tr.total td[data-v-f66b4a7f] {
  border-top: 2px solid rgba(139, 92, 246, 0.4);
}

/* Solución */
.solucion[data-v-f66b4a7f] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.solucion-paso[data-v-f66b4a7f] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-size: 0.85rem;
}
.paso-label[data-v-f66b4a7f] {
  color: #C4B5FD;
  min-width: 100px;
}
.paso-valor[data-v-f66b4a7f] {
  color: #FFFFFF;
}
.paso-valor strong[data-v-f66b4a7f] {
  color: #FCD34D;
}
.solucion-resultado[data-v-f66b4a7f] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.fraccion-inline[data-v-f66b4a7f] {
  color: #FCD34D;
  font-weight: 700;
}
.solucion-resultado strong[data-v-f66b4a7f] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Concepto box */
.concepto-box[data-v-f66b4a7f] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-header[data-v-f66b4a7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-f66b4a7f] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-f66b4a7f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.concepto-contenido[data-v-f66b4a7f] {
  text-align: center;
}
.formula-box[data-v-f66b4a7f] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 1rem;
}
.fraccion[data-v-f66b4a7f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-f66b4a7f] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 0.15rem;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.denominador[data-v-f66b4a7f] {
  padding-top: 0.15rem;
  font-size: 0.85rem;
  color: #93C5FD;
}

/* Tip */
.tip[data-v-f66b4a7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f66b4a7f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f66b4a7f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f66b4a7f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f66b4a7f] {
    gap: 2rem;
}
.icono[data-v-f66b4a7f] {
    font-size: 2.5rem;
}
.tabla-datos[data-v-f66b4a7f] {
    font-size: 0.9rem;
}
.paso-label[data-v-f66b4a7f] {
    min-width: 120px;
}
}

.explorador[data-v-1b8f6a22] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1b8f6a22] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1b8f6a22] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1b8f6a22] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1b8f6a22] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1b8f6a22] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1b8f6a22] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1b8f6a22] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1b8f6a22] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1b8f6a22] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema texto */
.problema-texto[data-v-1b8f6a22] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.4;
}

/* ===== DESAFÍO 1: Dados ===== */
.dado-container[data-v-1b8f6a22] {
  text-align: center;
}
.dado-visual[data-v-1b8f6a22] {
  margin: 1rem 0;
}
.dados-row[data-v-1b8f6a22] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.25rem;
}
.dado[data-v-1b8f6a22] {
  font-size: 2rem;
  opacity: 0.4;
  transition: all 0.2s ease;
}
.dado.favorable[data-v-1b8f6a22] {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(110, 231, 183, 0.5));
}
.dados-numeros[data-v-1b8f6a22] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dados-numeros span[data-v-1b8f6a22] {
  width: 2rem;
  text-align: center;
}
.dados-numeros span.favorable[data-v-1b8f6a22] {
  color: #6EE7B7;
  font-weight: 700;
}

/* ===== DESAFÍO 2: Bolitas ===== */
.bolitas-container[data-v-1b8f6a22] {
  text-align: center;
}
.bolitas-visual[data-v-1b8f6a22] {
  margin: 1rem 0;
}
.caja-bolitas[data-v-1b8f6a22] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
}
.bolita[data-v-1b8f6a22] {
  font-size: 1.75rem;
  opacity: 0.5;
  transition: all 0.2s ease;
}
.bolita.roja[data-v-1b8f6a22] { color: #FCA5A5;
}
.bolita.azul[data-v-1b8f6a22] { color: #93C5FD;
}
.bolita.verde[data-v-1b8f6a22] { color: #6EE7B7;
}
.bolita.favorable[data-v-1b8f6a22] {
  opacity: 1;
  transform: scale(1.2);
  filter: drop-shadow(0 0 6px currentColor);
}
.bolitas-leyenda[data-v-1b8f6a22] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.leyenda-item[data-v-1b8f6a22] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.leyenda-item .bolita[data-v-1b8f6a22] {
  font-size: 0.9rem;
  opacity: 1;
}

/* ===== DESAFÍO 3: Encuesta ===== */
.encuesta-container[data-v-1b8f6a22] {
  text-align: center;
}
.encuesta-visual[data-v-1b8f6a22] {
  margin: 1rem 0;
  overflow-x: auto;
}
.tabla-encuesta[data-v-1b8f6a22] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-encuesta th[data-v-1b8f6a22],
.tabla-encuesta td[data-v-1b8f6a22] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-encuesta th[data-v-1b8f6a22] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-encuesta td[data-v-1b8f6a22] {
  color: #E9D5FF;
}
.tabla-encuesta .numero[data-v-1b8f6a22] {
  text-align: center;
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-encuesta tr.destacado[data-v-1b8f6a22] {
  background: rgba(16, 185, 129, 0.15);
}
.tabla-encuesta tr.destacado td[data-v-1b8f6a22] {
  color: #6EE7B7;
}
.tabla-encuesta tr.total[data-v-1b8f6a22] {
  background: rgba(139, 92, 246, 0.1);
}
.tabla-encuesta tr.total td[data-v-1b8f6a22] {
  border-top: 2px solid rgba(139, 92, 246, 0.4);
}

/* Respuesta fracción */
.respuesta-fraccion[data-v-1b8f6a22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.fraccion-label[data-v-1b8f6a22] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fraccion-input[data-v-1b8f6a22] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.input-fraccion[data-v-1b8f6a22] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  color: white;
  font-family: inherit;
}
.input-fraccion[data-v-1b8f6a22]:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
  border-bottom: none;
}
.input-fraccion[data-v-1b8f6a22]:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
}
.fraccion-linea[data-v-1b8f6a22] {
  height: 3px;
  width: 50px;
  background: #8B5CF6;
}
.input-fraccion.correcto[data-v-1b8f6a22] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-fraccion.incorrecto[data-v-1b8f6a22] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-1b8f6a22] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-1b8f6a22]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback-error[data-v-1b8f6a22] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.resultado-correcto[data-v-1b8f6a22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1b8f6a22] { font-size: 1.25rem;
}
.resultado-texto[data-v-1b8f6a22] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-1b8f6a22] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-1b8f6a22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1b8f6a22] { flex: 1;
}
.nav-btn[data-v-1b8f6a22] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1b8f6a22] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1b8f6a22] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1b8f6a22] { font-size: 1.75rem;
}
.completado-texto[data-v-1b8f6a22] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1b8f6a22], .slide-leave-active[data-v-1b8f6a22] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1b8f6a22] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1b8f6a22] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.dado[data-v-1b8f6a22] {
    font-size: 2.5rem;
}
.dados-numeros span[data-v-1b8f6a22] {
    width: 2.5rem;
}
.bolita[data-v-1b8f6a22] {
    font-size: 2rem;
}
.input-fraccion[data-v-1b8f6a22] {
    width: 60px;
    font-size: 1.2rem;
}
.fraccion-linea[data-v-1b8f6a22] {
    width: 60px;
}
}

/* Intro visual */
.intro-visual[data-v-c9fe8a84] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-c9fe8a84] {
  font-size: 2rem;
}

/* Fórmula resumen */
.formula-resumen[data-v-c9fe8a84] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-c9fe8a84] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-c9fe8a84] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-c9fe8a84] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-c9fe8a84] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-c9fe8a84] {
  border-bottom: 2px solid #8B5CF6;
  padding-bottom: 0.15rem;
  font-size: 0.8rem;
  color: #6EE7B7;
}
.denominador[data-v-c9fe8a84] {
  padding-top: 0.15rem;
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Resumen section */
.resumen-section[data-v-c9fe8a84] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-c9fe8a84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-c9fe8a84] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-item[data-v-c9fe8a84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-c9fe8a84] {
  font-size: 1.25rem;
}
.tipo-info[data-v-c9fe8a84] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-c9fe8a84] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-espacio[data-v-c9fe8a84] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Estrategia box */
.estrategia-box[data-v-c9fe8a84] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.estrategia-titulo[data-v-c9fe8a84] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.pasos-estrategia[data-v-c9fe8a84] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-est[data-v-c9fe8a84] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-c9fe8a84] {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #8B5CF6, #6366F1);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  flex-shrink: 0;
}
.paso-texto[data-v-c9fe8a84] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-c9fe8a84] {
  color: #FCD34D;
}

/* Errores section */
.errores-section[data-v-c9fe8a84] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.errores-titulo[data-v-c9fe8a84] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-c9fe8a84] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-c9fe8a84] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.error-icono[data-v-c9fe8a84] {
  color: #EF4444;
  font-weight: 700;
}
.error-texto[data-v-c9fe8a84] {
  color: #E9D5FF;
  line-height: 1.3;
}

/* Propiedades box */
.propiedades-box[data-v-c9fe8a84] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.propiedades-titulo[data-v-c9fe8a84] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-c9fe8a84] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-c9fe8a84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-formula[data-v-c9fe8a84] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.prop-texto[data-v-c9fe8a84] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip final */
.tip-final[data-v-c9fe8a84] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-c9fe8a84] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-c9fe8a84] {
  flex: 1;
}
.tip-contenido strong[data-v-c9fe8a84] {
  color: #6EE7B7;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-lista[data-v-c9fe8a84] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.tip-lista li[data-v-c9fe8a84] {
  margin-bottom: 0.25rem;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c9fe8a84] {
    gap: 2rem;
}
.icono[data-v-c9fe8a84] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-c9fe8a84] {
    grid-template-columns: repeat(3, 1fr);
}
.formula[data-v-c9fe8a84] {
    font-size: 1.05rem;
}
.numerador[data-v-c9fe8a84], .denominador[data-v-c9fe8a84] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-431f060e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.numeros-grupo[data-v-431f060e] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.numero[data-v-431f060e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.flecha-resultado[data-v-431f060e] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.resultado-promedio[data-v-431f060e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.promedio-valor[data-v-431f060e] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.promedio-label[data-v-431f060e] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Fórmula */
.formula-section[data-v-431f060e] {
  margin: 1.5rem 0;
}
.formula-label[data-v-431f060e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-431f060e] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-431f060e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-simbolo[data-v-431f060e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
  font-family: serif;
}
.formula-texto[data-v-431f060e] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.formula-fraccion[data-v-431f060e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-numerador[data-v-431f060e] {
  font-size: 0.9rem;
  color: #FCD34D;
  padding-bottom: 0.25rem;
}
.fraccion-linea[data-v-431f060e] {
  width: 100%;
  height: 2px;
  background: #FCD34D;
}
.fraccion-denominador[data-v-431f060e] {
  font-size: 0.9rem;
  color: #FCD34D;
  padding-top: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-431f060e] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-431f060e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-431f060e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.datos-label[data-v-431f060e] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.datos-valores[data-v-431f060e] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato[data-v-431f060e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.ejemplo-pasos[data-v-431f060e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-431f060e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-431f060e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-431f060e] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-431f060e] {
  color: #FFFFFF;
}
.paso-texto strong.resultado[data-v-431f060e] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-431f060e] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-431f060e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-431f060e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-431f060e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.card-icono[data-v-431f060e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-texto[data-v-431f060e] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-431f060e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-431f060e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-431f060e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-431f060e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-431f060e] {
    gap: 1.5rem;
    padding: 1.25rem;
}
.numero[data-v-431f060e] {
    width: 42px;
    height: 42px;
    font-size: 1.25rem;
}
.promedio-valor[data-v-431f060e] {
    font-size: 2.5rem;
}
.ejemplos-grid[data-v-431f060e] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-card[data-v-431f060e] {
    padding: 0.75rem;
}
.card-icono[data-v-431f060e] {
    font-size: 1.75rem;
}
}

/* Cards de ejemplo */
.ejemplo-card[data-v-7bfa8ad5] {
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-card.destacado[data-v-7bfa8ad5] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.05);
}
.card-header[data-v-7bfa8ad5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
}
.ejemplo-card.destacado .card-header[data-v-7bfa8ad5] {
  background: rgba(245, 158, 11, 0.1);
}
.card-icono[data-v-7bfa8ad5] {
  font-size: 1.25rem;
}
.card-titulo[data-v-7bfa8ad5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-7bfa8ad5] {
  padding: 1rem;
}
.ejemplo-intro[data-v-7bfa8ad5] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Datos muestra */
.datos-muestra[data-v-7bfa8ad5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.datos-label[data-v-7bfa8ad5] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.datos-valores[data-v-7bfa8ad5] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato[data-v-7bfa8ad5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Cálculo */
.calculo[data-v-7bfa8ad5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo-paso[data-v-7bfa8ad5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.calculo-paso.resultado[data-v-7bfa8ad5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-icono[data-v-7bfa8ad5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: serif;
}
.calculo-paso.resultado .paso-icono[data-v-7bfa8ad5] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.paso-texto[data-v-7bfa8ad5] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-7bfa8ad5] {
  color: #FFFFFF;
}
.valor-final[data-v-7bfa8ad5] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tabla de frecuencias */
.tabla-frecuencias[data-v-7bfa8ad5] {
  margin: 0.75rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-7bfa8ad5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}
.tabla-row.header[data-v-7bfa8ad5] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-row.header .tabla-col[data-v-7bfa8ad5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.tabla-row.total[data-v-7bfa8ad5] {
  background: rgba(16, 185, 129, 0.1);
}
.tabla-row.total .tabla-col[data-v-7bfa8ad5] {
  font-weight: 700;
  color: #6EE7B7;
}
.tabla-col[data-v-7bfa8ad5] {
  padding: 0.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Fórmula con frecuencias */
.formula-frecuencias[data-v-7bfa8ad5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-7bfa8ad5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.formula-contenido[data-v-7bfa8ad5] {
  text-align: center;
}
.formula[data-v-7bfa8ad5] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: serif;
}

/* Tip */
.tip[data-v-7bfa8ad5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7bfa8ad5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7bfa8ad5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7bfa8ad5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-row.header .tabla-col[data-v-7bfa8ad5] {
    font-size: 0.9rem;
}
.tabla-col[data-v-7bfa8ad5] {
    padding: 0.6rem;
}
}

/* Cards de información */
.info-card[data-v-54412f59] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.info-card.positivo[data-v-54412f59] {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.info-card.negativo[data-v-54412f59] {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.card-header[data-v-54412f59] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
}
.info-card.positivo .card-header[data-v-54412f59] {
  background: rgba(16, 185, 129, 0.1);
}
.info-card.negativo .card-header[data-v-54412f59] {
  background: rgba(239, 68, 68, 0.1);
}
.card-icono[data-v-54412f59] {
  font-size: 1.25rem;
}
.card-titulo[data-v-54412f59] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-54412f59] {
  padding: 1rem;
}
.card-intro[data-v-54412f59] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Lista */
.lista[data-v-54412f59] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.lista li[data-v-54412f59] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
  line-height: 1.4;
}
.lista li strong[data-v-54412f59] {
  color: #6EE7B7;
}

/* Ejemplo extremo */
.ejemplo-extremo[data-v-54412f59] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-grupo[data-v-54412f59] {
  margin-bottom: 0.75rem;
}
.grupo-titulo[data-v-54412f59] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.datos-lista[data-v-54412f59] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato[data-v-54412f59] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.dato.normal[data-v-54412f59] {
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
}
.dato.extremo[data-v-54412f59] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.resultado-extremo[data-v-54412f59] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.resultado-item[data-v-54412f59] {
  display: flex;
  flex-direction: column;
}
.resultado-label[data-v-54412f59] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resultado-valor[data-v-54412f59] {
  font-size: 1rem;
  font-weight: 700;
}
.resultado-valor.alerta[data-v-54412f59] {
  color: #FCA5A5;
}
.resultado-valor.ok[data-v-54412f59] {
  color: #6EE7B7;
}
.conclusion[data-v-54412f59] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
strong.negativo[data-v-54412f59] {
  color: #FCA5A5;
}

/* Visual balanza */
.visual-section[data-v-54412f59] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.visual-titulo[data-v-54412f59] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.balanza-visual[data-v-54412f59] {
  margin-bottom: 0.75rem;
}
.balanza-container[data-v-54412f59] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.balanza-datos[data-v-54412f59] {
  display: flex;
  gap: 0.35rem;
}
.dato-balanza[data-v-54412f59] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.35rem;
  font-size: 0.9rem;
  font-weight: 700;
  color: #E9D5FF;
}
.balanza-centro[data-v-54412f59] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}
.triangulo[data-v-54412f59] {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 16px solid #8B5CF6;
}
.promedio-balanza[data-v-54412f59] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
  margin-top: 0.25rem;
}
.label-balanza[data-v-54412f59] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.balanza-linea[data-v-54412f59] {
  height: 3px;
  background: linear-gradient(to right, #8B5CF6, #6EE7B7, #8B5CF6);
  border-radius: 2px;
}
.visual-explicacion[data-v-54412f59] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Comparación de grupos */
.comparacion-section[data-v-54412f59] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-54412f59] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.grupos-comparacion[data-v-54412f59] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.grupo-comp[data-v-54412f59] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.grupo-nombre[data-v-54412f59] {
  font-weight: 700;
  color: #8B5CF6;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
}
.grupo-datos[data-v-54412f59] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.grupo-promedio[data-v-54412f59] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.grupo-promedio strong[data-v-54412f59] {
  color: #6EE7B7;
}
.comparacion-conclusion[data-v-54412f59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.conclusion-icono[data-v-54412f59] {
  font-size: 1.25rem;
}
.conclusion-texto[data-v-54412f59] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.conclusion-texto strong[data-v-54412f59] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-54412f59] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-54412f59] {
  font-size: 1.25rem;
}
.tip-texto[data-v-54412f59] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-54412f59] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grupos-comparacion[data-v-54412f59] {
    gap: 1rem;
}
.grupo-comp[data-v-54412f59] {
    padding: 1rem;
}
}

.explorador[data-v-5c2b4e82] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5c2b4e82] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5c2b4e82] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5c2b4e82] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5c2b4e82] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5c2b4e82] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5c2b4e82] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5c2b4e82] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5c2b4e82] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5c2b4e82] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema container */
.problema-container[data-v-5c2b4e82] {
  margin-bottom: 0.75rem;
}
.problema-enunciado[data-v-5c2b4e82] {
  margin-bottom: 0.75rem;
}
.problema-enunciado p[data-v-5c2b4e82] {
  margin: 0 0 0.35rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.promedio-dado[data-v-5c2b4e82] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Datos muestra */
.datos-muestra[data-v-5c2b4e82] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.datos-con-incognita[data-v-5c2b4e82] {
  margin-bottom: 0.75rem;
}
.datos-label[data-v-5c2b4e82] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.datos-valores[data-v-5c2b4e82] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.dato[data-v-5c2b4e82] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  color: #E9D5FF;
}
.dato.incognita[data-v-5c2b4e82] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
  font-size: 1.2rem;
}

/* Cálculo guiado */
.calculo-guiado[data-v-5c2b4e82] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-calculo[data-v-5c2b4e82] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.paso-label[data-v-5c2b4e82] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.paso-valor[data-v-5c2b4e82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Ayuda cálculo */
.ayuda-calculo[data-v-5c2b4e82] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.ayuda-icono[data-v-5c2b4e82] {
  font-size: 1rem;
}
.ayuda-texto[data-v-5c2b4e82] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ayuda-texto strong[data-v-5c2b4e82] {
  color: #FCD34D;
}

/* Respuesta section */
.respuesta-section[data-v-5c2b4e82] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.respuesta-label[data-v-5c2b4e82] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-respuesta[data-v-5c2b4e82] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta[data-v-5c2b4e82]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-respuesta.correcto[data-v-5c2b4e82] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-5c2b4e82] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-5c2b4e82] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-5c2b4e82]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-5c2b4e82] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  text-align: center;
}
.feedback.incorrecto[data-v-5c2b4e82] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-5c2b4e82] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5c2b4e82] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.resultado-texto[data-v-5c2b4e82] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Tabla de frecuencias */
.tabla-frecuencias[data-v-5c2b4e82] {
  margin: 0.75rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-5c2b4e82] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}
.tabla-row.header[data-v-5c2b4e82] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-row.header .tabla-col[data-v-5c2b4e82] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.tabla-row.total[data-v-5c2b4e82] {
  background: rgba(16, 185, 129, 0.1);
}
.tabla-row.total .tabla-col[data-v-5c2b4e82] {
  font-weight: 700;
  color: #6EE7B7;
}
.tabla-col[data-v-5c2b4e82] {
  padding: 0.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Contador niveles */
.contador-niveles[data-v-5c2b4e82] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Navegación */
.desafio-nav[data-v-5c2b4e82] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5c2b4e82] { flex: 1;
}
.nav-btn[data-v-5c2b4e82] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5c2b4e82] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5c2b4e82] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5c2b4e82] { font-size: 1.75rem;
}
.completado-texto[data-v-5c2b4e82] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5c2b4e82], .slide-leave-active[data-v-5c2b4e82] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5c2b4e82] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5c2b4e82] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-f0b83f1d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f0b83f1d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f0b83f1d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f0b83f1d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-f0b83f1d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f0b83f1d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f0b83f1d]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-f0b83f1d] {
  grid-column: span 2;
}
.resumen-card.destacado[data-v-f0b83f1d] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.05);
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-f0b83f1d] {
    grid-column: span 1;
}
}
.card-header[data-v-f0b83f1d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
}
.resumen-card.destacado .card-header[data-v-f0b83f1d] {
  background: rgba(245, 158, 11, 0.1);
}
.card-icono[data-v-f0b83f1d] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f0b83f1d] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f0b83f1d] {
  padding: 1rem;
  color: #E9D5FF;
}
.card-intro[data-v-f0b83f1d] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.card-nota[data-v-f0b83f1d] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Fórmula visual */
.formula-visual[data-v-f0b83f1d] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula[data-v-f0b83f1d] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
}
.formula-palabras[data-v-f0b83f1d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Propiedades */
.propiedades-lista[data-v-f0b83f1d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad[data-v-f0b83f1d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prop-icono[data-v-f0b83f1d] {
  font-size: 1rem;
}
.prop-texto[data-v-f0b83f1d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.prop-texto strong[data-v-f0b83f1d] {
  color: #6EE7B7;
}

/* Estrategia pasos */
.estrategia-pasos[data-v-f0b83f1d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estrategia-paso[data-v-f0b83f1d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.e-num[data-v-f0b83f1d] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.e-texto[data-v-f0b83f1d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-f0b83f1d] {
  text-align: center;
}
.ej-pregunta[data-v-f0b83f1d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ej-calculo[data-v-f0b83f1d] {
  font-family: monospace;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.ej-resultado[data-v-f0b83f1d] {
  font-size: 1rem;
}
.ej-resultado strong[data-v-f0b83f1d] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Errores lista */
.errores-lista[data-v-f0b83f1d] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.errores-lista li[data-v-f0b83f1d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.errores-lista li strong[data-v-f0b83f1d] {
  color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-f0b83f1d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f0b83f1d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f0b83f1d] {
  font-size: 1.25rem;
}
.tip-text[data-v-f0b83f1d] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-f0b83f1d] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f0b83f1d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f0b83f1d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f0b83f1d 1s ease-in-out infinite;
}
@keyframes bounce-f0b83f1d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f0b83f1d] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f0b83f1d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-5c27c1fb] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-5c27c1fb] {
  font-size: 2.5rem;
  animation: bounce-5c27c1fb 2s ease-in-out infinite;
}
.icono.operador[data-v-5c27c1fb] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 800;
  animation: none;
}
.icono[data-v-5c27c1fb]:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes bounce-5c27c1fb {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Pregunta clave */
.pregunta-clave[data-v-5c27c1fb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-5c27c1fb] {
  font-size: 2rem;
}
.pregunta-contenido[data-v-5c27c1fb] {
  flex: 1;
}
.pregunta-titulo[data-v-5c27c1fb] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-5c27c1fb] {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.evento-a[data-v-5c27c1fb] {
  color: #6EE7B7;
}
.evento-b[data-v-5c27c1fb] {
  color: #93C5FD;
}

/* Union section */
.union-section[data-v-5c27c1fb] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.union-titulo[data-v-5c27c1fb] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.venn-simple[data-v-5c27c1fb] {
  position: relative;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circulo[data-v-5c27c1fb] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.circulo-a[data-v-5c27c1fb] {
  background: rgba(110, 231, 183, 0.3);
  border: 3px solid #6EE7B7;
  left: calc(50% - 70px);
}
.circulo-b[data-v-5c27c1fb] {
  background: rgba(147, 197, 253, 0.3);
  border: 3px solid #93C5FD;
  left: calc(50% - 20px);
}
.circulo-label[data-v-5c27c1fb] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.venn-leyenda[data-v-5c27c1fb] {
  position: absolute;
  bottom: -10px;
  width: 100%;
  text-align: center;
}
.leyenda-texto[data-v-5c27c1fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Ejemplo introductorio */
.ejemplo-intro[data-v-5c27c1fb] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-5c27c1fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-5c27c1fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evento-ejemplo[data-v-5c27c1fb] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.evento-label[data-v-5c27c1fb] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.evento-desc[data-v-5c27c1fb] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}
.evento-union[data-v-5c27c1fb] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.union-label[data-v-5c27c1fb] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.union-desc[data-v-5c27c1fb] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Alerta */
.alerta[data-v-5c27c1fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.alerta-icono[data-v-5c27c1fb] {
  font-size: 1.25rem;
}
.alerta-texto[data-v-5c27c1fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.alerta-texto strong[data-v-5c27c1fb] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-5c27c1fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5c27c1fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5c27c1fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5c27c1fb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5c27c1fb] {
    gap: 1.5rem;
}
.icono[data-v-5c27c1fb] {
    font-size: 3rem;
}
.icono.operador[data-v-5c27c1fb] {
    font-size: 2.5rem;
}
.venn-simple[data-v-5c27c1fb] {
    height: 140px;
}
.circulo[data-v-5c27c1fb] {
    width: 110px;
    height: 110px;
}
.circulo-a[data-v-5c27c1fb] {
    left: calc(50% - 85px);
}
.circulo-b[data-v-5c27c1fb] {
    left: calc(50% - 25px);
}
.evento-ejemplo[data-v-5c27c1fb], .evento-union[data-v-5c27c1fb] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
.evento-label[data-v-5c27c1fb], .union-label[data-v-5c27c1fb] {
    min-width: 80px;
}
}

/* Definición principal */
.definicion-principal[data-v-eb962df1] {
  margin: 1rem 0 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-eb962df1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-eb962df1] {
  font-size: 1.5rem;
}
.def-titulo[data-v-eb962df1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.def-texto[data-v-eb962df1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.def-formula[data-v-eb962df1] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-family: monospace;
  font-size: 1rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Venn section */
.venn-section[data-v-eb962df1] {
  margin: 1.5rem 0;
  text-align: center;
}
.venn-titulo[data-v-eb962df1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.venn-excluyentes[data-v-eb962df1] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 1rem 0;
}
.circulo[data-v-eb962df1] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid;
}
.circulo-a[data-v-eb962df1] {
  background: rgba(110, 231, 183, 0.3);
  border-color: #6EE7B7;
}
.circulo-b[data-v-eb962df1] {
  background: rgba(147, 197, 253, 0.3);
  border-color: #93C5FD;
}
.circulo-label[data-v-eb962df1] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.venn-explicacion[data-v-eb962df1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Ejemplos section */
.ejemplos-section[data-v-eb962df1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-eb962df1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-card[data-v-eb962df1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-header[data-v-eb962df1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-eb962df1] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-eb962df1] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-eventos[data-v-eb962df1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.evento[data-v-eb962df1] {
  font-size: 0.8rem;
  font-family: monospace;
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
}
.evento-a[data-v-eb962df1] {
  background: rgba(110, 231, 183, 0.15);
  color: #6EE7B7;
  border-left: 3px solid #6EE7B7;
}
.evento-b[data-v-eb962df1] {
  background: rgba(147, 197, 253, 0.15);
  color: #93C5FD;
  border-left: 3px solid #93C5FD;
}
.ejemplo-conclusion[data-v-eb962df1] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.check[data-v-eb962df1] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Fórmula section */
.formula-section[data-v-eb962df1] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.formula-header[data-v-eb962df1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-eb962df1] {
  font-size: 1.5rem;
}
.formula-titulo[data-v-eb962df1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-eb962df1] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula[data-v-eb962df1] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.formula-nota[data-v-eb962df1] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-nota strong[data-v-eb962df1] {
  color: #6EE7B7;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-eb962df1] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.num-header[data-v-eb962df1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.num-calculo[data-v-eb962df1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.num-paso[data-v-eb962df1] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.num-resultado[data-v-eb962df1] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  margin-top: 0.5rem;
}
.num-resultado strong[data-v-eb962df1] {
  color: #6EE7B7;
  font-size: 1.2rem;
}
.num-interpretacion[data-v-eb962df1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  color: #FCD34D;
}
.interp-icono[data-v-eb962df1] {
  font-size: 1rem;
}

/* Tip */
.tip[data-v-eb962df1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-eb962df1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-eb962df1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eb962df1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.venn-excluyentes[data-v-eb962df1] {
    gap: 2.5rem;
}
.circulo[data-v-eb962df1] {
    width: 100px;
    height: 100px;
}
.ejemplo-eventos[data-v-eb962df1] {
    flex-direction: row;
}
.evento[data-v-eb962df1] {
    flex: 1;
}
.formula[data-v-eb962df1] {
    font-size: 1.4rem;
}
}

/* Definición principal */
.definicion-principal[data-v-b8b413e0] {
  margin: 1rem 0 1.5rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-b8b413e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-b8b413e0] {
  font-size: 1.5rem;
}
.def-titulo[data-v-b8b413e0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.def-texto[data-v-b8b413e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.def-formula[data-v-b8b413e0] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-family: monospace;
  font-size: 1rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Venn section */
.venn-section[data-v-b8b413e0] {
  margin: 1.5rem 0;
  text-align: center;
}
.venn-titulo[data-v-b8b413e0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.venn-container[data-v-b8b413e0] {
  display: flex;
  justify-content: center;
}
.venn-no-excluyentes[data-v-b8b413e0] {
  position: relative;
  width: 180px;
  height: 100px;
}
.circulo[data-v-b8b413e0] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  border: 3px solid;
}
.circulo-a[data-v-b8b413e0] {
  background: rgba(110, 231, 183, 0.3);
  border-color: #6EE7B7;
  left: 0;
}
.circulo-b[data-v-b8b413e0] {
  background: rgba(147, 197, 253, 0.3);
  border-color: #93C5FD;
  right: 0;
}
.circulo-label[data-v-b8b413e0] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.interseccion[data-v-b8b413e0] {
  position: absolute;
  width: 35px;
  height: 50px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.interseccion-label[data-v-b8b413e0] {
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
  text-shadow: 0 0 10px rgba(252, 211, 77, 0.5);
}
.venn-explicacion[data-v-b8b413e0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}

/* Problema section */
.problema-section[data-v-b8b413e0] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.problema-header[data-v-b8b413e0] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.problema-icono[data-v-b8b413e0] {
  font-size: 1.25rem;
}
.problema-titulo[data-v-b8b413e0] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.problema-texto[data-v-b8b413e0] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fórmula section */
.formula-section[data-v-b8b413e0] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.formula-header[data-v-b8b413e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-b8b413e0] {
  font-size: 1.5rem;
}
.formula-titulo[data-v-b8b413e0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-b8b413e0] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula[data-v-b8b413e0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-nota[data-v-b8b413e0] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-nota strong[data-v-b8b413e0] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-b8b413e0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-b8b413e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.ejemplo-eventos[data-v-b8b413e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.evento[data-v-b8b413e0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.evento-a[data-v-b8b413e0] {
  background: rgba(110, 231, 183, 0.15);
  border-left: 3px solid #6EE7B7;
}
.evento-b[data-v-b8b413e0] {
  background: rgba(147, 197, 253, 0.15);
  border-left: 3px solid #93C5FD;
}
.evento-inter[data-v-b8b413e0] {
  background: rgba(252, 211, 77, 0.15);
  border-left: 3px solid #FCD34D;
}
.evento-label[data-v-b8b413e0] {
  font-weight: 600;
  color: #FFFFFF;
}
.evento-valores[data-v-b8b413e0] {
  font-family: monospace;
  color: #C4B5FD;
}
.evento-nota[data-v-b8b413e0] {
  font-size: 0.75rem;
  color: #FCD34D;
}

/* Cálculo section */
.calculo-section[data-v-b8b413e0] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.calculo-titulo[data-v-b8b413e0] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.calculo-pasos[data-v-b8b413e0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.calculo-paso[data-v-b8b413e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.paso-label[data-v-b8b413e0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-valor[data-v-b8b413e0] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.calculo-final[data-v-b8b413e0] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.formula-aplicada[data-v-b8b413e0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
  margin-bottom: 0.35rem;
}
.resultado[data-v-b8b413e0] {
  font-size: 1rem;
  color: #FFFFFF;
  font-family: monospace;
}
.resultado strong[data-v-b8b413e0] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Verificación */
.verificacion[data-v-b8b413e0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.verif-titulo[data-v-b8b413e0] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.dados-row[data-v-b8b413e0] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.dado[data-v-b8b413e0] {
  font-size: 1.75rem;
  opacity: 0.35;
}
.dado.favorable[data-v-b8b413e0] {
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(110, 231, 183, 0.5));
}
.dado.ambos[data-v-b8b413e0] {
  filter: drop-shadow(0 0 8px rgba(252, 211, 77, 0.7));
}
.verif-cuenta[data-v-b8b413e0] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-b8b413e0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b8b413e0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b8b413e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b8b413e0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.venn-no-excluyentes[data-v-b8b413e0] {
    width: 220px;
    height: 120px;
}
.circulo[data-v-b8b413e0] {
    width: 110px;
    height: 110px;
}
.interseccion[data-v-b8b413e0] {
    width: 45px;
    height: 60px;
}
.formula[data-v-b8b413e0] {
    font-size: 1.2rem;
}
.dado[data-v-b8b413e0] {
    font-size: 2rem;
}
}

.explorador[data-v-7df3fb84] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7df3fb84] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7df3fb84] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-7df3fb84] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-7df3fb84] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7df3fb84] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7df3fb84] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7df3fb84] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7df3fb84] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7df3fb84] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-container[data-v-7df3fb84] {
  text-align: center;
}
.escenario[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.escenario-icono[data-v-7df3fb84] {
  font-size: 1.5rem;
}
.escenario-texto[data-v-7df3fb84] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.eventos-mostrar[data-v-7df3fb84] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.evento[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.evento-a[data-v-7df3fb84] {
  background: rgba(110, 231, 183, 0.15);
  border-left: 3px solid #6EE7B7;
}
.evento-b[data-v-7df3fb84] {
  background: rgba(147, 197, 253, 0.15);
  border-left: 3px solid #93C5FD;
}
.evento-label[data-v-7df3fb84] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 20px;
}
.evento-desc[data-v-7df3fb84] {
  color: #E9D5FF;
}
.pregunta-tipo[data-v-7df3fb84] {
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-tipo[data-v-7df3fb84] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-7df3fb84]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-7df3fb84] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-7df3fb84] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-7df3fb84] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-7df3fb84] {
  font-size: 1.25rem;
}
.feedback-tipo[data-v-7df3fb84] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.75rem;
}
.feedback-tipo.correcto[data-v-7df3fb84] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* ===== DESAFÍO 2 & 3: Cálculos ===== */
.calculo-container[data-v-7df3fb84] {
  text-align: center;
}
.problema-visual[data-v-7df3fb84] {
  margin-bottom: 1rem;
}
.urna-visual[data-v-7df3fb84], .cartas-visual[data-v-7df3fb84] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.urna-titulo[data-v-7df3fb84], .cartas-titulo[data-v-7df3fb84] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.bolitas[data-v-7df3fb84] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.bolita[data-v-7df3fb84] {
  font-size: 1.25rem;
}
.cartas-info[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.problema-texto[data-v-7df3fb84] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.datos-problema[data-v-7df3fb84] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.datos-problema.tres-datos[data-v-7df3fb84] {
  flex-wrap: wrap;
}
.dato[data-v-7df3fb84] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato.interseccion[data-v-7df3fb84] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.dato-label[data-v-7df3fb84] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-7df3fb84] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-recordatorio[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
.formula-recordatorio.general[data-v-7df3fb84] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.formula-label[data-v-7df3fb84] {
  color: #C4B5FD;
}
.formula-texto[data-v-7df3fb84] {
  color: #6EE7B7;
  font-weight: 600;
  font-family: monospace;
}
.formula-recordatorio.general .formula-texto[data-v-7df3fb84] {
  color: #FFFFFF;
}
.input-respuesta[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-7df3fb84] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
}
.input-fraccion[data-v-7df3fb84] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: monospace;
}
.input-fraccion.correcto[data-v-7df3fb84] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-fraccion.incorrecto[data-v-7df3fb84] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-7df3fb84] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-7df3fb84]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-7df3fb84] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}

/* Resultado y contador */
.resultado-correcto[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7df3fb84] { font-size: 1.25rem;
}
.resultado-texto[data-v-7df3fb84] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-7df3fb84] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-7df3fb84] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-7df3fb84] { flex: 1;
}
.nav-btn[data-v-7df3fb84] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7df3fb84] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7df3fb84] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7df3fb84] { font-size: 1.75rem;
}
.completado-texto[data-v-7df3fb84] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7df3fb84], .slide-leave-active[data-v-7df3fb84] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7df3fb84] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7df3fb84] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-7df3fb84] {
    flex-direction: row;
}
.opcion-btn[data-v-7df3fb84] {
    flex: 1;
}
.eventos-mostrar[data-v-7df3fb84] {
    flex-direction: row;
}
.evento[data-v-7df3fb84] {
    flex: 1;
}
.input-fraccion[data-v-7df3fb84] {
    width: 100px;
}
}

/* Header visual */
.header-visual[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.header-visual .icono[data-v-d7a56cd0] {
  font-size: 2rem;
}
.header-visual .titulo[data-v-d7a56cd0] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-d7a56cd0] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-principal p[data-v-d7a56cd0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Decision section */
.decision-section[data-v-d7a56cd0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.decision-titulo[data-v-d7a56cd0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.decision-pregunta[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-d7a56cd0] {
  font-size: 1.25rem;
}
.pregunta-texto[data-v-d7a56cd0] {
  font-size: 0.9rem;
  color: #FCD34D;
}
.decision-opciones[data-v-d7a56cd0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.decision-opcion[data-v-d7a56cd0] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.opcion-no[data-v-d7a56cd0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.opcion-si[data-v-d7a56cd0] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.opcion-header[data-v-d7a56cd0] {
  margin-bottom: 0.5rem;
}
.opcion-respuesta[data-v-d7a56cd0] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.opcion-tipo[data-v-d7a56cd0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.opcion-venn[data-v-d7a56cd0] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.5rem 0;
}
.opcion-venn.superpuesto[data-v-d7a56cd0] {
  gap: 0;
}
.mini-circulo[data-v-d7a56cd0] {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid;
}
.mini-circulo.a[data-v-d7a56cd0] {
  background: rgba(110, 231, 183, 0.3);
  border-color: #6EE7B7;
}
.mini-circulo.b[data-v-d7a56cd0] {
  background: rgba(147, 197, 253, 0.3);
  border-color: #93C5FD;
}
.opcion-venn.superpuesto .mini-circulo.b[data-v-d7a56cd0] {
  margin-left: -15px;
}
.opcion-formula[data-v-d7a56cd0] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
  margin-bottom: 0.35rem;
}
.opcion-ejemplo[data-v-d7a56cd0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-d7a56cd0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-d7a56cd0] {
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.formula-card.simple[data-v-d7a56cd0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-card.general[data-v-d7a56cd0] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.formula-header[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-d7a56cd0] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-d7a56cd0] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.formula-contenido[data-v-d7a56cd0] {
  text-align: center;
}
.formula[data-v-d7a56cd0] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.4rem;
  border-radius: 0.35rem;
  margin-bottom: 0.25rem;
}
.formula-card.simple .formula[data-v-d7a56cd0] {
  color: #6EE7B7;
}
.formula-nota[data-v-d7a56cd0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-d7a56cd0] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tips-titulo[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-d7a56cd0] {
  font-size: 1.25rem;
}
.tips-lista[data-v-d7a56cd0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d7a56cd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-d7a56cd0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-d7a56cd0] {
  color: #6EE7B7;
}

/* Errores comunes */
.errores-comunes[data-v-d7a56cd0] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.errores-header[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.errores-icono[data-v-d7a56cd0] {
  font-size: 1.25rem;
}
.errores-titulo[data-v-d7a56cd0] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
}
.error-item[data-v-d7a56cd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.error-item[data-v-d7a56cd0]:last-child {
  margin-bottom: 0;
}
.error-mal[data-v-d7a56cd0] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-d7a56cd0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.error-texto strong[data-v-d7a56cd0] {
  color: #FCA5A5;
}

/* Mensaje final */
.mensaje-final[data-v-d7a56cd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-d7a56cd0] {
  font-size: 1.5rem;
}
.final-texto[data-v-d7a56cd0] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Desktop */
@media (min-width: 640px) {
.decision-opciones[data-v-d7a56cd0] {
    flex-direction: row;
}
.decision-opcion[data-v-d7a56cd0] {
    flex: 1;
}
.formulas-resumen[data-v-d7a56cd0] {
    flex-direction: row;
}
.formula-card[data-v-d7a56cd0] {
    flex: 1;
}
.formula[data-v-d7a56cd0] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-88ade0a1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-88ade0a1] {
  font-size: 2.5rem;
  animation: bounce-88ade0a1 2s ease-in-out infinite;
}
.icono.operador[data-v-88ade0a1] {
  font-size: 2rem;
  color: #8B5CF6;
  font-weight: 800;
  animation: none;
}
.icono[data-v-88ade0a1]:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes bounce-88ade0a1 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Pregunta clave */
.pregunta-clave[data-v-88ade0a1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-88ade0a1] {
  font-size: 2rem;
}
.pregunta-contenido[data-v-88ade0a1] {
  flex: 1;
}
.pregunta-titulo[data-v-88ade0a1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-88ade0a1] {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.evento-a[data-v-88ade0a1] {
  color: #6EE7B7;
}
.evento-b[data-v-88ade0a1] {
  color: #93C5FD;
}

/* Intersección section */
.interseccion-section[data-v-88ade0a1] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.interseccion-titulo[data-v-88ade0a1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.venn-simple[data-v-88ade0a1] {
  position: relative;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circulo[data-v-88ade0a1] {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.circulo-a[data-v-88ade0a1] {
  background: rgba(110, 231, 183, 0.3);
  border: 3px solid #6EE7B7;
  left: calc(50% - 70px);
}
.circulo-b[data-v-88ade0a1] {
  background: rgba(147, 197, 253, 0.3);
  border: 3px solid #93C5FD;
  left: calc(50% - 20px);
}
.interseccion-zona[data-v-88ade0a1] {
  position: absolute;
  width: 40px;
  height: 70px;
  background: rgba(252, 211, 77, 0.4);
  border-radius: 50%;
  left: calc(50% - 20px);
  animation: pulse-88ade0a1 2s ease-in-out infinite;
}
@keyframes pulse-88ade0a1 {
0%, 100% { opacity: 0.4;
}
50% { opacity: 0.8;
}
}
.circulo-label[data-v-88ade0a1] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.venn-leyenda[data-v-88ade0a1] {
  position: absolute;
  bottom: -10px;
  width: 100%;
  text-align: center;
}
.leyenda-texto[data-v-88ade0a1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Ejemplo introductorio */
.ejemplo-intro[data-v-88ade0a1] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-header[data-v-88ade0a1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-88ade0a1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.evento-ejemplo[data-v-88ade0a1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.evento-label[data-v-88ade0a1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.evento-desc[data-v-88ade0a1] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.evento-interseccion[data-v-88ade0a1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.intersec-label[data-v-88ade0a1] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.intersec-desc[data-v-88ade0a1] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-88ade0a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.concepto-icono[data-v-88ade0a1] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-88ade0a1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.concepto-texto strong[data-v-88ade0a1] {
  color: #FCD34D;
}
.independiente[data-v-88ade0a1] {
  color: #6EE7B7 !important;
}
.dependiente[data-v-88ade0a1] {
  color: #FCA5A5 !important;
}

/* Tip */
.tip[data-v-88ade0a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-88ade0a1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-88ade0a1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-88ade0a1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-88ade0a1] {
    gap: 1.5rem;
}
.icono[data-v-88ade0a1] {
    font-size: 3rem;
}
.icono.operador[data-v-88ade0a1] {
    font-size: 2.5rem;
}
.venn-simple[data-v-88ade0a1] {
    height: 140px;
}
.circulo[data-v-88ade0a1] {
    width: 110px;
    height: 110px;
}
.circulo-a[data-v-88ade0a1] {
    left: calc(50% - 85px);
}
.circulo-b[data-v-88ade0a1] {
    left: calc(50% - 25px);
}
.interseccion-zona[data-v-88ade0a1] {
    width: 50px;
    height: 85px;
    left: calc(50% - 25px);
}
.evento-ejemplo[data-v-88ade0a1], .evento-interseccion[data-v-88ade0a1] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
.evento-label[data-v-88ade0a1], .intersec-label[data-v-88ade0a1] {
    min-width: 80px;
}
}

/* Definición principal */
.definicion-principal[data-v-dc4082f4] {
  margin: 1rem 0 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-dc4082f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-dc4082f4] {
  font-size: 1.5rem;
}
.def-titulo[data-v-dc4082f4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.def-texto[data-v-dc4082f4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.def-clave[data-v-dc4082f4] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.95rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Ejemplos section */
.ejemplos-section[data-v-dc4082f4] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-dc4082f4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-card[data-v-dc4082f4] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo-header[data-v-dc4082f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.ejemplo-icono[data-v-dc4082f4] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-dc4082f4] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-descripcion[data-v-dc4082f4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.ejemplo-check[data-v-dc4082f4] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Fórmula section */
.formula-section[data-v-dc4082f4] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.formula-header[data-v-dc4082f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-dc4082f4] {
  font-size: 1.5rem;
}
.formula-titulo[data-v-dc4082f4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-dc4082f4] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula[data-v-dc4082f4] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.formula-nota[data-v-dc4082f4] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-nota strong[data-v-dc4082f4] {
  color: #6EE7B7;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-dc4082f4] {
  margin: 1rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.num-header[data-v-dc4082f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.num-datos[data-v-dc4082f4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.dato[data-v-dc4082f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato-label[data-v-dc4082f4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-dc4082f4] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.num-calculo[data-v-dc4082f4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.calculo-linea[data-v-dc4082f4] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.calculo-resultado[data-v-dc4082f4] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  margin-top: 0.5rem;
}
.calculo-resultado strong[data-v-dc4082f4] {
  color: #6EE7B7;
  font-size: 1.2rem;
}
.num-interpretacion[data-v-dc4082f4] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  color: #FCD34D;
}
.interp-icono[data-v-dc4082f4] {
  font-size: 1rem;
}

/* Tip */
.tip[data-v-dc4082f4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-dc4082f4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dc4082f4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dc4082f4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-dc4082f4] {
    font-size: 1.4rem;
}
.num-datos[data-v-dc4082f4] {
    gap: 2rem;
}
}

/* Definición principal */
.definicion-principal[data-v-2b128268] {
  margin: 1rem 0 1.5rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.def-header[data-v-2b128268] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-2b128268] {
  font-size: 1.5rem;
}
.def-titulo[data-v-2b128268] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.def-texto[data-v-2b128268] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.def-clave[data-v-2b128268] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 0.95rem;
  color: #FCA5A5;
  font-weight: 600;
}

/* Comparación section */
.comparacion-section[data-v-2b128268] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-2b128268] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-cards[data-v-2b128268] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-card[data-v-2b128268] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.comp-card.independiente[data-v-2b128268] {
  border-color: rgba(16, 185, 129, 0.4);
}
.comp-card.dependiente[data-v-2b128268] {
  border-color: rgba(239, 68, 68, 0.4);
}
.comp-header[data-v-2b128268] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.35rem;
}
.comp-icono[data-v-2b128268] {
  font-size: 1.25rem;
}
.comp-card.independiente .comp-icono[data-v-2b128268] {
  color: #6EE7B7;
}
.comp-card.dependiente .comp-icono[data-v-2b128268] {
  color: #FCA5A5;
}
.comp-titulo[data-v-2b128268] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.comp-desc[data-v-2b128268] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.badge[data-v-2b128268] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.badge.independiente[data-v-2b128268] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.badge.dependiente[data-v-2b128268] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.4);
}

/* Ejemplo visual */
.ejemplo-visual[data-v-2b128268] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.visual-titulo[data-v-2b128268] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.urna-visual[data-v-2b128268] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.urna-contenido[data-v-2b128268] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.bolita[data-v-2b128268] {
  font-size: 1.5rem;
}
.urna-info[data-v-2b128268] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-ejemplo[data-v-2b128268] {
  text-align: center;
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(252, 211, 77, 0.1);
  border-radius: 0.5rem;
}
.pasos-calculo[data-v-2b128268] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-calculo[data-v-2b128268] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-2b128268] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-2b128268] {
  flex: 1;
}
.paso-titulo[data-v-2b128268] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-2b128268] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.paso-visual[data-v-2b128268] {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.bolita-mini[data-v-2b128268] {
  font-size: 1rem;
}
.bolita-mini.selected[data-v-2b128268] {
  transform: scale(1.2);
  filter: brightness(1.3);
}
.bolita-mini.removed[data-v-2b128268] {
  opacity: 0.3;
}
.paso-nota[data-v-2b128268] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-style: italic;
}

/* Fórmula section */
.formula-section[data-v-2b128268] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
  padding: 1rem;
}
.formula-header[data-v-2b128268] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-2b128268] {
  font-size: 1.5rem;
}
.formula-titulo[data-v-2b128268] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-2b128268] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.formula[data-v-2b128268] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.formula-explicacion[data-v-2b128268] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.formula-explicacion strong[data-v-2b128268] {
  color: #FCD34D;
}

/* Ejemplo numérico */
.ejemplo-numerico[data-v-2b128268] {
  margin: 1rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.num-header[data-v-2b128268] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.num-calculo[data-v-2b128268] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.calculo-linea[data-v-2b128268] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.calculo-resultado[data-v-2b128268] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  margin-top: 0.5rem;
}
.calculo-resultado strong[data-v-2b128268] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Alerta */
.alerta[data-v-2b128268] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.alerta-icono[data-v-2b128268] {
  font-size: 1.25rem;
}
.alerta-texto[data-v-2b128268] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.alerta-texto strong[data-v-2b128268] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-2b128268] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2b128268] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2b128268] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2b128268] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-cards[data-v-2b128268] {
    flex-direction: row;
}
.comp-card[data-v-2b128268] {
    flex: 1;
}
.formula[data-v-2b128268] {
    font-size: 1.4rem;
}
}

.explorador[data-v-f479da25] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f479da25] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f479da25] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f479da25] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f479da25] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f479da25] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f479da25] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f479da25] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f479da25] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f479da25] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-container[data-v-f479da25] {
  text-align: center;
}
.escenario[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.escenario-icono[data-v-f479da25] {
  font-size: 1.75rem;
}
.escenario-texto[data-v-f479da25] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
  text-align: left;
}
.pregunta-tipo[data-v-f479da25] {
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-tipo[data-v-f479da25] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-f479da25]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-f479da25] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-f479da25] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-f479da25] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-f479da25] {
  font-size: 1.25rem;
}
.feedback-tipo[data-v-f479da25] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.75rem;
}
.feedback-tipo.correcto[data-v-f479da25] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* ===== DESAFÍO 2 & 3: Cálculos ===== */
.calculo-container[data-v-f479da25] {
  text-align: center;
}
.problema-visual[data-v-f479da25] {
  margin-bottom: 1rem;
}
.dados-visual[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dado[data-v-f479da25], .moneda[data-v-f479da25] {
  font-size: 2.5rem;
}
.operador[data-v-f479da25] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 800;
}
.urna-interactiva[data-v-f479da25] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.urna-titulo[data-v-f479da25] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.urna-bolitas[data-v-f479da25] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.bolita-urna[data-v-f479da25] {
  font-size: 1.5rem;
}
.urna-detalle[data-v-f479da25] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.problema-texto[data-v-f479da25] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.datos-problema[data-v-f479da25] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.datos-problema.tres-datos[data-v-f479da25] {
  flex-wrap: wrap;
}
.dato[data-v-f479da25] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato.condicional[data-v-f479da25] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.dato-label[data-v-f479da25] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-f479da25] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-recordatorio[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
.formula-recordatorio.dependiente[data-v-f479da25] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.formula-label[data-v-f479da25] {
  color: #C4B5FD;
}
.formula-texto[data-v-f479da25] {
  color: #6EE7B7;
  font-weight: 600;
  font-family: monospace;
}
.formula-recordatorio.dependiente .formula-texto[data-v-f479da25] {
  color: #FCA5A5;
}
.input-respuesta[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-f479da25] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
}
.input-fraccion[data-v-f479da25] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: monospace;
}
.input-fraccion.correcto[data-v-f479da25] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-fraccion.incorrecto[data-v-f479da25] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-f479da25] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-f479da25]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-f479da25] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}

/* Resultado y contador */
.resultado-correcto[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f479da25] { font-size: 1.25rem;
}
.resultado-texto[data-v-f479da25] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-f479da25] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-f479da25] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f479da25] { flex: 1;
}
.nav-btn[data-v-f479da25] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f479da25] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f479da25] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f479da25] { font-size: 1.75rem;
}
.completado-texto[data-v-f479da25] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f479da25], .slide-leave-active[data-v-f479da25] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f479da25] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f479da25] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-f479da25] {
    flex-direction: row;
}
.opcion-btn[data-v-f479da25] {
    flex: 1;
}
.input-fraccion[data-v-f479da25] {
    width: 100px;
}
.escenario[data-v-f479da25] {
    flex-direction: row;
}
}

/* Intro */
.resumen-intro[data-v-d1e3923c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-d1e3923c] {
  font-size: 2rem;
}
.resumen-intro p[data-v-d1e3923c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-d1e3923c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-d1e3923c] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-d1e3923c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-d1e3923c]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-d1e3923c] {
  grid-column: span 2;
}
.resumen-card.independiente[data-v-d1e3923c] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.dependiente[data-v-d1e3923c] {
  border-color: rgba(239, 68, 68, 0.4);
}
.resumen-card.alerta[data-v-d1e3923c] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.05);
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-d1e3923c] {
    grid-column: span 1;
}
}
.card-header[data-v-d1e3923c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-d1e3923c] {
  font-size: 1.25rem;
}
.card-titulo[data-v-d1e3923c] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-d1e3923c] {
  color: #E9D5FF;
}
.card-nota[data-v-d1e3923c] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Concepto visual */
.concepto-visual[data-v-d1e3923c] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.concepto-formula[data-v-d1e3923c] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Palabras clave */
.palabras-clave[data-v-d1e3923c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.palabra[data-v-d1e3923c] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 9999px;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Fórmula resumen */
.formula-resumen[data-v-d1e3923c] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.resumen-card.independiente .formula-resumen[data-v-d1e3923c] {
  color: #6EE7B7;
}
.resumen-card.dependiente .formula-resumen[data-v-d1e3923c] {
  color: #FCA5A5;
}

/* Cuando usar */
.cuando-usar[data-v-d1e3923c] {
  font-size: 0.85rem;
}
.cuando-titulo[data-v-d1e3923c] {
  color: #C4B5FD;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.cuando-lista[data-v-d1e3923c] {
  margin: 0;
  padding-left: 1.2rem;
  color: #E9D5FF;
}
.cuando-lista li[data-v-d1e3923c] {
  margin-bottom: 0.15rem;
}

/* Comparación ejemplos */
.comparacion-ejemplos[data-v-d1e3923c] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.ejemplo-col[data-v-d1e3923c] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-col.independiente[data-v-d1e3923c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo-col.dependiente[data-v-d1e3923c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ejemplo-titulo[data-v-d1e3923c] {
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.ejemplo-col.independiente .ejemplo-titulo[data-v-d1e3923c] {
  color: #6EE7B7;
}
.ejemplo-col.dependiente .ejemplo-titulo[data-v-d1e3923c] {
  color: #FCA5A5;
}
.ejemplo-calculo[data-v-d1e3923c] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ejemplo-calculo strong[data-v-d1e3923c] {
  font-size: 1rem;
}

/* Error común */
.error-texto[data-v-d1e3923c] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}
.error-solucion[data-v-d1e3923c] {
  margin: 0;
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-d1e3923c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-d1e3923c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-d1e3923c] {
  font-size: 1.25rem;
}
.tip-text[data-v-d1e3923c] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-d1e3923c] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-d1e3923c] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-d1e3923c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-d1e3923c 1s ease-in-out infinite;
}
@keyframes bounce-d1e3923c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-d1e3923c] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-d1e3923c] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-7d40ade9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1));
  border-radius: 1rem;
}
.icono-principal[data-v-7d40ade9] {
  font-size: 2.5rem;
}
.intro-visual p[data-v-7d40ade9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.5;
}

/* Ejemplo section */
.ejemplo-section[data-v-7d40ade9] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-7d40ade9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-brutos[data-v-7d40ade9] {
  margin-bottom: 1rem;
}
.datos-label[data-v-7d40ade9] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.datos-valores[data-v-7d40ade9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.dato[data-v-7d40ade9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.pregunta-motivadora[data-v-7d40ade9] {
  text-align: center;
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}

/* Tabla resultado */
.tabla-resultado[data-v-7d40ade9] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-7d40ade9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-7d40ade9] {
  overflow-x: auto;
}
.tabla-frecuencia[data-v-7d40ade9] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.tabla-frecuencia th[data-v-7d40ade9] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.6rem 0.75rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-frecuencia td[data-v-7d40ade9] {
  padding: 0.5rem 0.75rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.valor-celda[data-v-7d40ade9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}
.dado[data-v-7d40ade9] {
  font-size: 0.9rem;
}
.frecuencia-celda[data-v-7d40ade9] {
  font-weight: 700;
  color: #6EE7B7;
}
.fila-total[data-v-7d40ade9] {
  background: rgba(16, 185, 129, 0.1);
}
.fila-total td[data-v-7d40ade9] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-7d40ade9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-7d40ade9] {
  font-size: 1.5rem;
}
.def-contenido[data-v-7d40ade9] {
  flex: 1;
}
.def-titulo[data-v-7d40ade9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-7d40ade9] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.def-texto strong[data-v-7d40ade9] {
  color: #FFFFFF;
}

/* Tipos de frecuencia */
.tipos-section[data-v-7d40ade9] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-7d40ade9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-7d40ade9] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.tipos-grid[data-v-7d40ade9] {
    grid-template-columns: 1fr;
}
}
.tipo-card[data-v-7d40ade9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.absoluta[data-v-7d40ade9] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-card.relativa[data-v-7d40ade9] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.acumulada[data-v-7d40ade9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-nombre[data-v-7d40ade9] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tipo-card.absoluta .tipo-nombre[data-v-7d40ade9] { color: #6EE7B7;
}
.tipo-card.relativa .tipo-nombre[data-v-7d40ade9] { color: #93C5FD;
}
.tipo-card.acumulada .tipo-nombre[data-v-7d40ade9] { color: #FCD34D;
}
.tipo-desc[data-v-7d40ade9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-7d40ade9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7d40ade9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7d40ade9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7d40ade9] {
  color: #6EE7B7;
}

/* Definición visual */
.definicion-visual[data-v-04267a89] {
  margin: 1.5rem 0;
}
.formula-box[data-v-04267a89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.formula-simbolo[data-v-04267a89] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
  font-style: italic;
}
.formula-igual[data-v-04267a89] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.formula-texto[data-v-04267a89] {
  font-size: 1rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-04267a89] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-04267a89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.contexto[data-v-04267a89] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.datos-grid[data-v-04267a89] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.nota-item[data-v-04267a89] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
  transition: all 0.2s ease;
}
.nota-item.resaltada[data-v-04267a89] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
  transform: scale(1.1);
}
.selector-nota[data-v-04267a89] {
  margin-bottom: 1rem;
}
.selector-label[data-v-04267a89] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.notas-btns[data-v-04267a89] {
  display: flex;
  gap: 0.5rem;
}
.nota-btn[data-v-04267a89] {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.nota-btn[data-v-04267a89]:hover {
  border-color: #8B5CF6;
}
.nota-btn.activo[data-v-04267a89] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.resultado-conteo[data-v-04267a89] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.conteo-visual[data-v-04267a89] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.conteo-nota[data-v-04267a89] {
  color: #E9D5FF;
  font-weight: 600;
}
.conteo-marcas[data-v-04267a89] {
  display: flex;
  gap: 0.15rem;
}
.marca[data-v-04267a89] {
  color: #6EE7B7;
  font-weight: 800;
  font-size: 1.25rem;
}
.conteo-resultado[data-v-04267a89] {
  color: #E9D5FF;
  font-size: 1.1rem;
}
.conteo-resultado strong[data-v-04267a89] {
  color: #6EE7B7;
  font-size: 1.25rem;
}

/* Tabla section */
.tabla-section[data-v-04267a89] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-04267a89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-04267a89] {
  overflow-x: auto;
}
.tabla-frecuencia[data-v-04267a89] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.tabla-frecuencia th[data-v-04267a89] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.6rem 0.75rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-frecuencia td[data-v-04267a89] {
  padding: 0.5rem 0.75rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-frecuencia .frecuencia[data-v-04267a89] {
  font-weight: 700;
  color: #6EE7B7;
}
.tabla-frecuencia tr.resaltado td[data-v-04267a89] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.fila-total[data-v-04267a89] {
  background: rgba(16, 185, 129, 0.1);
}
.fila-total td[data-v-04267a89] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Propiedad */
.propiedad[data-v-04267a89] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.prop-icono[data-v-04267a89] {
  font-size: 1.5rem;
}
.prop-contenido[data-v-04267a89] {
  flex: 1;
}
.prop-formula[data-v-04267a89] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.prop-texto[data-v-04267a89] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.prop-ejemplo[data-v-04267a89] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: monospace;
}
.prop-ejemplo strong[data-v-04267a89] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-04267a89] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-04267a89] {
  font-size: 1.25rem;
}
.tip-texto[data-v-04267a89] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-04267a89] {
  color: #6EE7B7;
}

/* Fórmula principal */
.formula-principal[data-v-22500f21] {
  margin: 1.5rem 0;
}
.formula-box[data-v-22500f21] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.formula-izq[data-v-22500f21], .formula-der[data-v-22500f21] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.simbolo[data-v-22500f21] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.igual[data-v-22500f21] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.fraccion[data-v-22500f21] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.numerador[data-v-22500f21], .denominador[data-v-22500f21] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.linea[data-v-22500f21] {
  width: 25px;
  height: 2px;
  background: #C4B5FD;
}
.texto-formula[data-v-22500f21] {
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-22500f21] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-22500f21] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.contexto[data-v-22500f21] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}
.colores-visual[data-v-22500f21] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.color-grupo[data-v-22500f21] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.color-barra[data-v-22500f21] {
  height: 28px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0.5rem;
  min-width: 40px;
  transition: width 0.3s ease;
}
.color-f[data-v-22500f21] {
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.color-nombre[data-v-22500f21] {
  font-size: 0.85rem;
  color: #E9D5FF;
  min-width: 60px;
}
.calculo-section[data-v-22500f21] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.calculo-titulo[data-v-22500f21] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.calculo-pasos[data-v-22500f21] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.paso[data-v-22500f21] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-formula[data-v-22500f21] {
  font-family: monospace;
  font-size: 1rem;
  color: #C4B5FD;
}
.paso.resultado .paso-formula[data-v-22500f21] {
  color: #FFFFFF;
}
.paso.resultado .paso-formula strong[data-v-22500f21] {
  color: #93C5FD;
  font-size: 1.1rem;
}
.paso-nota[data-v-22500f21] {
  font-size: 0.9rem;
  color: #6EE7B7;
}
.paso-nota strong[data-v-22500f21] {
  color: #6EE7B7;
}

/* Tabla section */
.tabla-section[data-v-22500f21] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-22500f21] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-22500f21] {
  overflow-x: auto;
}
.tabla-frecuencia[data-v-22500f21] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.tabla-frecuencia th[data-v-22500f21] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.6rem 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-frecuencia td[data-v-22500f21] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.color-punto[data-v-22500f21] {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 0.35rem;
}
.fr-celda[data-v-22500f21] {
  font-weight: 700;
  color: #93C5FD;
}
.pct-celda[data-v-22500f21] {
  font-weight: 600;
  color: #6EE7B7;
}
.fila-total td[data-v-22500f21] {
  font-weight: 700;
  background: rgba(16, 185, 129, 0.1);
}

/* Propiedades */
.propiedades[data-v-22500f21] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1.5rem 0;
}
@media (max-width: 500px) {
.propiedades[data-v-22500f21] {
    grid-template-columns: 1fr;
}
}
.propiedad[data-v-22500f21] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.prop-icono[data-v-22500f21] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-22500f21] {
  flex: 1;
}
.prop-titulo[data-v-22500f21] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.15rem;
}
.prop-formula[data-v-22500f21] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.15rem;
}
.prop-texto[data-v-22500f21] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-22500f21] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-22500f21] {
  font-size: 1.25rem;
}
.tip-texto[data-v-22500f21] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-22500f21] {
  color: #6EE7B7;
}

/* Definición visual */
.definicion-visual[data-v-6df42c73] {
  margin: 1.5rem 0;
}
.formula-box[data-v-6df42c73] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.simbolo[data-v-6df42c73] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  font-style: italic;
}
.igual[data-v-6df42c73] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.texto[data-v-6df42c73] {
  font-size: 0.95rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-6df42c73] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-6df42c73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.contexto[data-v-6df42c73] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}

/* Visualización de acumulación */
.acumulacion-visual[data-v-6df42c73] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.puntaje-row[data-v-6df42c73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid transparent;
}
.puntaje-row[data-v-6df42c73]:hover {
  background: rgba(139, 92, 246, 0.1);
}
.puntaje-row.activo[data-v-6df42c73] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.puntaje-info[data-v-6df42c73] {
  display: flex;
  flex-direction: column;
  min-width: 50px;
}
.puntaje-valor[data-v-6df42c73] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.puntaje-f[data-v-6df42c73] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.acumulacion-barra[data-v-6df42c73] {
  flex: 1;
  display: flex;
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  overflow: hidden;
}
.barra-previa[data-v-6df42c73] {
  background: rgba(139, 92, 246, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.barra-nueva[data-v-6df42c73] {
  background: #FCD34D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.barra-label[data-v-6df42c73] {
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.barra-nueva .barra-label[data-v-6df42c73] {
  color: #1F2937;
}
.puntaje-F[data-v-6df42c73] {
  min-width: 55px;
  text-align: right;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.puntaje-F strong[data-v-6df42c73] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Explicación de fila */
.explicacion-fila[data-v-6df42c73] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.explicacion-titulo[data-v-6df42c73] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.explicacion-calculo[data-v-6df42c73] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.explicacion-calculo strong[data-v-6df42c73] {
  color: #FCD34D;
}
.explicacion-interpretacion[data-v-6df42c73] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.explicacion-interpretacion strong[data-v-6df42c73] {
  color: #6EE7B7;
}

/* Tabla section */
.tabla-section[data-v-6df42c73] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-6df42c73] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-6df42c73] {
  overflow-x: auto;
}
.tabla-frecuencia[data-v-6df42c73] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-frecuencia th[data-v-6df42c73] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.5rem 0.4rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-frecuencia td[data-v-6df42c73] {
  padding: 0.4rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-frecuencia tr.resaltado td[data-v-6df42c73] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}
.F-celda[data-v-6df42c73] {
  font-weight: 700;
  color: #FCD34D;
}
.Fr-celda[data-v-6df42c73] {
  font-weight: 600;
  color: #FCD34D;
}
.fila-total td[data-v-6df42c73] {
  font-weight: 700;
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}

/* Tipos de acumulada */
.tipos-acumulada[data-v-6df42c73] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1.5rem 0;
}
@media (max-width: 500px) {
.tipos-acumulada[data-v-6df42c73] {
    grid-template-columns: 1fr;
}
}
.tipo-card[data-v-6df42c73] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tipo-header[data-v-6df42c73] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.tipo-simbolo[data-v-6df42c73] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
  font-style: italic;
}
.tipo-nombre[data-v-6df42c73] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-6df42c73] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-6df42c73] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6df42c73] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6df42c73] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6df42c73] {
  color: #6EE7B7;
}

.explorador[data-v-de0e43f1] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-de0e43f1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-de0e43f1] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-de0e43f1] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-de0e43f1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-de0e43f1] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-de0e43f1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-de0e43f1] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-de0e43f1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-de0e43f1] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Desafío 1 */
.datos-muestra[data-v-de0e43f1] {
  margin-bottom: 1rem;
}
.datos-label[data-v-de0e43f1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.datos-valores[data-v-de0e43f1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.dato[data-v-de0e43f1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.tabla-interactiva[data-v-de0e43f1] {
  margin-bottom: 1rem;
}
.tabla-titulo[data-v-de0e43f1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.filas-input[data-v-de0e43f1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fila-input[data-v-de0e43f1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fila-valor[data-v-de0e43f1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 40px;
  text-align: center;
}
.input-frecuencia[data-v-de0e43f1], .input-fr[data-v-de0e43f1], .input-F[data-v-de0e43f1] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-frecuencia[data-v-de0e43f1]:focus, .input-fr[data-v-de0e43f1]:focus, .input-F[data-v-de0e43f1]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-frecuencia.correcto[data-v-de0e43f1], .input-fr.correcto[data-v-de0e43f1], .input-F.correcto[data-v-de0e43f1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-frecuencia.incorrecto[data-v-de0e43f1], .input-fr.incorrecto[data-v-de0e43f1], .input-F.incorrecto[data-v-de0e43f1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Desafío 2 y 3 */
.contexto-desafio2[data-v-de0e43f1], .contexto-desafio3[data-v-de0e43f1] {
  margin-bottom: 1rem;
}
.tabla-dada[data-v-de0e43f1] {
  overflow-x: auto;
}
.tabla-mini[data-v-de0e43f1] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.tabla-mini th[data-v-de0e43f1] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-mini td[data-v-de0e43f1] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-mini .fila-total td[data-v-de0e43f1] {
  font-weight: 700;
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.ayuda-formula[data-v-de0e43f1] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}

/* Botones */
.botones-accion[data-v-de0e43f1] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-de0e43f1], .btn-reiniciar[data-v-de0e43f1] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-de0e43f1] {
  background: #10B981;
  color: white;
}
.btn-verificar[data-v-de0e43f1]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}
.btn-reiniciar[data-v-de0e43f1] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* Resultado */
.resultado-correcto[data-v-de0e43f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-de0e43f1] { font-size: 1.25rem;
}
.resultado-texto[data-v-de0e43f1] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-de0e43f1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-de0e43f1] { flex: 1;
}
.nav-btn[data-v-de0e43f1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-de0e43f1] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-de0e43f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-de0e43f1] { font-size: 1.75rem;
}
.completado-texto[data-v-de0e43f1] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-de0e43f1], .slide-leave-active[data-v-de0e43f1] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-de0e43f1] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-de0e43f1] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-69430788] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-69430788] {
  font-size: 2rem;
}
.resumen-intro p[data-v-69430788] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-69430788] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
.resumen-cards[data-v-69430788] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-69430788] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.wide[data-v-69430788] {
  grid-column: span 2;
}
@media (max-width: 600px) {
.resumen-card.wide[data-v-69430788] {
    grid-column: span 1;
}
}
.card-header[data-v-69430788] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-69430788] {
  font-size: 1.1rem;
}
.card-titulo[data-v-69430788] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-69430788] {
  color: #E9D5FF;
}
.formula-display[data-v-69430788] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.propiedad-clave[data-v-69430788] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.propiedad-clave.full[data-v-69430788] {
  margin-top: 0.5rem;
}
.prop-simbolo[data-v-69430788] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.prop-texto[data-v-69430788] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Acumuladas grid */
.acumuladas-grid[data-v-69430788] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.acumulada-item[data-v-69430788] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.acumulada-tipo[data-v-69430788] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.15rem;
}
.acumulada-def[data-v-69430788] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tabla ejemplo */
.tabla-ejemplo-container[data-v-69430788] {
  overflow-x: auto;
}
.tabla-ejemplo[data-v-69430788] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-ejemplo th[data-v-69430788] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.4rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.tabla-ejemplo td[data-v-69430788] {
  padding: 0.35rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.tabla-ejemplo td.f[data-v-69430788] { color: #6EE7B7; font-weight: 600;
}
.tabla-ejemplo td.fr[data-v-69430788] { color: #93C5FD;
}
.tabla-ejemplo td.F[data-v-69430788] { color: #FCD34D; font-weight: 600;
}
.tabla-ejemplo td.Fr[data-v-69430788] { color: #FCD34D;
}
.tabla-ejemplo .fila-total td[data-v-69430788] {
  font-weight: 700;
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-69430788] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-69430788] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-item[data-v-69430788] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-icono[data-v-69430788] {
  font-size: 1.1rem;
}
.tip-contenido[data-v-69430788] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-contenido strong[data-v-69430788] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-69430788] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-69430788] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-69430788 1s ease-in-out infinite;
}
@keyframes bounce-69430788 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-69430788] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-69430788] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-c1ac0ab7] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.escala-comparacion[data-v-c1ac0ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.escala-item[data-v-c1ac0ab7] {
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  width: 100%;
}
.escala-item.lineal[data-v-c1ac0ab7] {
  background: rgba(147, 197, 253, 0.2);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.escala-item.logaritmica[data-v-c1ac0ab7] {
  background: rgba(110, 231, 183, 0.2);
  border: 1px solid rgba(110, 231, 183, 0.4);
}
.escala-label[data-v-c1ac0ab7] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.escala-numeros[data-v-c1ac0ab7] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.logaritmica .escala-numeros[data-v-c1ac0ab7] {
  color: #6EE7B7;
}
.vs[data-v-c1ac0ab7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Problema section */
.problema-section[data-v-c1ac0ab7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.problema-titulo[data-v-c1ac0ab7] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.problema-ejemplo p[data-v-c1ac0ab7] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.valores-extremos[data-v-c1ac0ab7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.75rem 0;
}
.valor[data-v-c1ac0ab7] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  font-family: monospace;
  font-weight: 700;
  font-size: 1rem;
}
.valor.pequeño[data-v-c1ac0ab7] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.valor.grande[data-v-c1ac0ab7] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.separador[data-v-c1ac0ab7] {
  color: #E9D5FF;
}
.problema-desc[data-v-c1ac0ab7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Solución section */
.solucion-section[data-v-c1ac0ab7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.solucion-titulo[data-v-c1ac0ab7] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.transformacion[data-v-c1ac0ab7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.trans-antes[data-v-c1ac0ab7], .trans-despues[data-v-c1ac0ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 80px;
}
.trans-label[data-v-c1ac0ab7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.trans-valor[data-v-c1ac0ab7] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.trans-despues .trans-valor[data-v-c1ac0ab7] {
  color: #6EE7B7;
}
.trans-flecha[data-v-c1ac0ab7] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 0.9rem;
}
.solucion-desc[data-v-c1ac0ab7] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Aplicaciones */
.aplicaciones-section[data-v-c1ac0ab7] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-c1ac0ab7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-c1ac0ab7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-item[data-v-c1ac0ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.app-icono[data-v-c1ac0ab7] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.app-nombre[data-v-c1ac0ab7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.app-desc[data-v-c1ac0ab7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Concepto clave */
.concepto-clave[data-v-c1ac0ab7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-c1ac0ab7] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-c1ac0ab7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-c1ac0ab7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-c1ac0ab7] {
  color: #FFFFFF;
}

/* Gráfico section */
.grafico-section[data-v-c1ac0ab7] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-c1ac0ab7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-comparativo[data-v-c1ac0ab7] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.eje-lineal[data-v-c1ac0ab7], .eje-log[data-v-c1ac0ab7] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.eje-label[data-v-c1ac0ab7] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.eje-marcas[data-v-c1ac0ab7] {
  display: flex;
  justify-content: space-between;
  font-family: monospace;
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.eje-linea[data-v-c1ac0ab7] {
  height: 4px;
  background: linear-gradient(to right, #93C5FD, #93C5FD);
  border-radius: 2px;
}
.eje-linea.log[data-v-c1ac0ab7] {
  background: linear-gradient(to right, #6EE7B7, #6EE7B7);
}
.grafico-nota[data-v-c1ac0ab7] {
  margin: 0.5rem 0 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tip */
.tip[data-v-c1ac0ab7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c1ac0ab7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c1ac0ab7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1ac0ab7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escala-comparacion[data-v-c1ac0ab7] {
    flex-direction: row;
    justify-content: center;
}
.escala-item[data-v-c1ac0ab7] {
    width: auto;
    padding: 0.75rem 1.5rem;
}
.aplicaciones-grid[data-v-c1ac0ab7] {
    grid-template-columns: repeat(4, 1fr);
}
.transformacion[data-v-c1ac0ab7] {
    gap: 1rem;
}
.trans-antes[data-v-c1ac0ab7], .trans-despues[data-v-c1ac0ab7] {
    min-width: 100px;
    padding: 0.75rem;
}
.trans-valor[data-v-c1ac0ab7] {
    font-size: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-017f2072] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.ph-titulo[data-v-017f2072] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-ph[data-v-017f2072] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.ph-text[data-v-017f2072] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.eq[data-v-017f2072] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.menos[data-v-017f2072] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCA5A5;
}
.log[data-v-017f2072] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.arg[data-v-017f2072] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #F9A8D4;
}
.intro-desc[data-v-017f2072] {
  margin: 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Porque section */
.porque-section[data-v-017f2072] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.porque-titulo[data-v-017f2072] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.porque-contenido p[data-v-017f2072] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.porque-contenido p strong[data-v-017f2072] {
  color: #FFFFFF;
  font-family: monospace;
}
.comparacion-valores[data-v-017f2072] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-017f2072] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
}
.comp-label[data-v-017f2072] {
  color: #C4B5FD;
  min-width: 85px;
}
.comp-h[data-v-017f2072] {
  font-family: monospace;
  color: #FFFFFF;
}
.comp-flecha[data-v-017f2072] {
  color: #FCD34D;
}
.comp-ph[data-v-017f2072] {
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
}
.comp-ph.acido[data-v-017f2072] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.comp-ph.basico[data-v-017f2072] {
  background: rgba(96, 165, 250, 0.2);
  color: #93C5FD;
}
.porque-conclusion[data-v-017f2072] {
  text-align: center;
  font-weight: 600;
}

/* Escala pH visual */
.escala-section[data-v-017f2072] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-017f2072] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-ph-visual[data-v-017f2072] {
  margin-bottom: 0.5rem;
}
.ph-barra[data-v-017f2072] {
  position: relative;
  height: 28px;
  border-radius: 4px;
  overflow: hidden;
  background: linear-gradient(to right, 
    #EF4444 0%, 
    #F97316 15%, 
    #EAB308 30%, 
    #84CC16 50%, 
    #22C55E 50%, 
    #14B8A6 65%, 
    #0EA5E9 80%, 
    #6366F1 100%
  );
}
.ph-zona[data-v-017f2072] {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zona-label[data-v-017f2072] {
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  letter-spacing: 0.5px;
}
.ph-numeros[data-v-017f2072] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-top: 0.25rem;
  padding: 0 2px;
}
.ph-numeros .neutro[data-v-017f2072] {
  color: #6EE7B7;
  font-weight: 700;
}
.ph-referencia[data-v-017f2072] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  margin-top: 0.5rem;
}
.ref-item.acido[data-v-017f2072] {
  color: #FCA5A5;
}
.ref-item.neutro[data-v-017f2072] {
  color: #6EE7B7;
  font-weight: 700;
}
.ref-item.basico[data-v-017f2072] {
  color: #93C5FD;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-017f2072] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-017f2072] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-017f2072] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-017f2072] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-item.acido[data-v-017f2072] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ejemplo-item.acido-leve[data-v-017f2072] {
  background: rgba(234, 179, 8, 0.15);
  border: 1px solid rgba(234, 179, 8, 0.3);
}
.ejemplo-item.neutro[data-v-017f2072] {
  background: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
}
.ejemplo-item.basico[data-v-017f2072] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.3);
}
.ej-icono[data-v-017f2072] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-017f2072] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-ph[data-v-017f2072] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Cálculo section */
.calculo-section[data-v-017f2072] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.calculo-titulo[data-v-017f2072] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-enunciado[data-v-017f2072] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.calculo-pasos[data-v-017f2072] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-017f2072] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-017f2072] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso.resultado .paso-num[data-v-017f2072] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-017f2072] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.paso.resultado .paso-texto strong[data-v-017f2072] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Concepto clave */
.concepto-clave[data-v-017f2072] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-017f2072] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-017f2072] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-017f2072] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-texto strong[data-v-017f2072] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-017f2072] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-017f2072] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-017f2072] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-017f2072] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-017f2072] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-017f2072] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-017f2072] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-017f2072] {
  font-size: 1.25rem;
}
.tip-texto[data-v-017f2072] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-017f2072] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-ph[data-v-017f2072] {
    gap: 0.5rem;
}
.ph-text[data-v-017f2072] {
    font-size: 1.75rem;
}
.log[data-v-017f2072] {
    font-size: 1.5rem;
}
.arg[data-v-017f2072] {
    font-size: 1.5rem;
}
.ejemplos-grid[data-v-017f2072] {
    grid-template-columns: repeat(4, 1fr);
}
.ph-numeros[data-v-017f2072] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-9ec266af] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(245, 158, 11, 0.1));
  border-radius: 0.75rem;
}
.richter-titulo[data-v-9ec266af] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-richter[data-v-9ec266af] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mag[data-v-9ec266af] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCA5A5;
}
.eq[data-v-9ec266af] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.log[data-v-9ec266af] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.cociente[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
}
.num[data-v-9ec266af] {
  color: #6EE7B7;
}
.barra[data-v-9ec266af] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
}
.den[data-v-9ec266af] {
  color: #C4B5FD;
  font-size: 1rem;
}
.intro-desc[data-v-9ec266af] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Qué mide */
.que-mide[data-v-9ec266af] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.qm-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.qm-contenido p[data-v-9ec266af] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.qm-contenido p[data-v-9ec266af]:last-child {
  margin-bottom: 0;
}
.qm-contenido strong[data-v-9ec266af] {
  color: #FFFFFF;
}

/* Escala visual */
.escala-section[data-v-9ec266af] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-items[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.escala-item[data-v-9ec266af] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 4px solid var(--color);
  border-radius: 0 0.4rem 0.4rem 0;
}
.mag-num[data-v-9ec266af] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--color);
  min-width: 45px;
}
.mag-efecto[data-v-9ec266af] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Concepto multiplicación */
.concepto-multiplicacion[data-v-9ec266af] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.cm-icono[data-v-9ec266af] {
  font-size: 1.5rem;
}
.cm-contenido[data-v-9ec266af] {
  flex: 1;
}
.cm-titulo[data-v-9ec266af] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.cm-texto[data-v-9ec266af] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.cm-factores[data-v-9ec266af] {
  display: flex;
  gap: 1rem;
}
.factor[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-mult[data-v-9ec266af] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCA5A5;
}
.factor-desc[data-v-9ec266af] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación section */
.comparacion-section[data-v-9ec266af] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-pregunta[data-v-9ec266af] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.comp-pregunta strong[data-v-9ec266af] {
  color: #FFFFFF;
}
.comp-calculo[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.calc-paso[data-v-9ec266af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #C4B5FD;
}
.calc-paso .valor[data-v-9ec266af] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.calc-paso .valor strong[data-v-9ec266af] {
  color: #6EE7B7;
}

/* Fórmula section */
.formula-section[data-v-9ec266af] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-9ec266af] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-main[data-v-9ec266af] {
  margin-bottom: 0.5rem;
}
.formula-text[data-v-9ec266af] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-desc[data-v-9ec266af] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Históricos */
.historicos-section[data-v-9ec266af] {
  margin: 1.5rem 0;
}
.hist-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.hist-grid[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.hist-item[data-v-9ec266af] {
  display: grid;
  grid-template-columns: 50px 1fr auto;
  grid-template-rows: auto auto;
  gap: 0.25rem 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.hist-año[data-v-9ec266af] {
  grid-row: 1 / 3;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  display: flex;
  align-items: center;
}
.hist-lugar[data-v-9ec266af] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.hist-mag[data-v-9ec266af] {
  grid-row: 1 / 3;
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
  display: flex;
  align-items: center;
}
.hist-nota[data-v-9ec266af] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Problema section */
.problema-section[data-v-9ec266af] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prob-titulo[data-v-9ec266af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prob-enunciado[data-v-9ec266af] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.prob-solucion[data-v-9ec266af] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sol-paso[data-v-9ec266af] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.sol-paso.resultado[data-v-9ec266af] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.sol-paso.resultado strong[data-v-9ec266af] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-9ec266af] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9ec266af] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9ec266af] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9ec266af] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-richter[data-v-9ec266af] {
    gap: 0.75rem;
}
.mag[data-v-9ec266af] {
    font-size: 2rem;
}
.log[data-v-9ec266af] {
    font-size: 1.5rem;
}
.cm-factores[data-v-9ec266af] {
    gap: 1.5rem;
}
.hist-grid[data-v-9ec266af] {
    flex-direction: row;
    gap: 0.75rem;
}
.hist-item[data-v-9ec266af] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-ce191d0d] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(96, 165, 250, 0.1));
  border-radius: 0.75rem;
}
.db-titulo[data-v-ce191d0d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-db[data-v-ce191d0d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.db-text[data-v-ce191d0d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.eq[data-v-ce191d0d] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.mult[data-v-ce191d0d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.log[data-v-ce191d0d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.cociente[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 700;
}
.num[data-v-ce191d0d] {
  color: #F9A8D4;
}
.barra[data-v-ce191d0d] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
}
.den[data-v-ce191d0d] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.intro-desc[data-v-ce191d0d] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Porque section */
.porque-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.porque-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.porque-contenido p[data-v-ce191d0d] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.porque-contenido strong[data-v-ce191d0d] {
  color: #FFFFFF;
}
.percepcion-ejemplo[data-v-ce191d0d] {
  margin-top: 0.75rem;
}
.perc-item[data-v-ce191d0d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.perc-real[data-v-ce191d0d] {
  color: #F9A8D4;
  font-weight: 600;
}
.perc-flecha[data-v-ce191d0d] {
  color: #FCD34D;
}
.perc-oido[data-v-ce191d0d] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Escala visual */
.escala-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-items[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escala-item[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.item-info[data-v-ce191d0d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item-db[data-v-ce191d0d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--color);
}
.item-desc[data-v-ce191d0d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-barra[data-v-ce191d0d] {
  height: 8px;
  width: var(--width);
  background: var(--color);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.escala-advertencia[data-v-ce191d0d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.adv-icono[data-v-ce191d0d] {
  font-size: 1rem;
}
.adv-texto[data-v-ce191d0d] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Concepto clave */
.concepto-clave[data-v-ce191d0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-ce191d0d] {
  font-size: 1.5rem;
}
.concepto-titulo[data-v-ce191d0d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-lista[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.concepto-item[data-v-ce191d0d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.ci-db[data-v-ce191d0d] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 55px;
}
.ci-eq[data-v-ce191d0d] {
  color: #FFFFFF;
}
.ci-factor[data-v-ce191d0d] {
  color: #6EE7B7;
}

/* Comparación section */
.comparacion-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-pregunta[data-v-ce191d0d] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.comp-solucion[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.sol-paso[data-v-ce191d0d] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.sol-paso strong[data-v-ce191d0d] {
  color: #FCD34D;
}
.sol-paso.resultado[data-v-ce191d0d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  text-align: center;
}
.resultado-texto strong[data-v-ce191d0d] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Fórmulas */
.formulas-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-ce191d0d] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-expr[data-v-ce191d0d] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-ce191d0d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-ce191d0d] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-ce191d0d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-db[data-v-ce191d0d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
  margin-top: 0.25rem;
}

/* Problema section */
.problema-section[data-v-ce191d0d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prob-titulo[data-v-ce191d0d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prob-enunciado[data-v-ce191d0d] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.prob-solucion[data-v-ce191d0d] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.psol-paso[data-v-ce191d0d] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.psol-paso.resultado[data-v-ce191d0d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.psol-paso.resultado strong[data-v-ce191d0d] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-ce191d0d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ce191d0d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ce191d0d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ce191d0d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-db[data-v-ce191d0d] {
    gap: 0.6rem;
}
.db-text[data-v-ce191d0d] {
    font-size: 1.75rem;
}
.mult[data-v-ce191d0d] {
    font-size: 1.5rem;
}
.log[data-v-ce191d0d] {
    font-size: 1.25rem;
}
.ejemplos-grid[data-v-ce191d0d] {
    grid-template-columns: repeat(4, 1fr);
}
.formulas-grid[data-v-ce191d0d] {
    flex-direction: row;
}
.formula-card[data-v-ce191d0d] {
    flex: 1;
}
}

.explorador[data-v-304891c2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-304891c2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-304891c2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-304891c2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-304891c2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-304891c2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-304891c2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-304891c2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-304891c2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-304891c2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: pH ===== */
.ph-container[data-v-304891c2] {
  text-align: center;
}
.ph-formula-recordatorio[data-v-304891c2],
.richter-formula-recordatorio[data-v-304891c2],
.db-formula-recordatorio[data-v-304891c2] {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.formula-text[data-v-304891c2] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
}
.ph-pregunta[data-v-304891c2],
.richter-pregunta[data-v-304891c2],
.db-pregunta[data-v-304891c2] {
  margin-bottom: 1rem;
}
.ph-pregunta p[data-v-304891c2],
.richter-pregunta p[data-v-304891c2],
.db-pregunta p[data-v-304891c2] {
  margin: 0 0 0.25rem 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.ph-pregunta strong[data-v-304891c2],
.db-pregunta strong[data-v-304891c2] {
  color: #FFFFFF;
}
.mag-a[data-v-304891c2] {
  color: #FCA5A5;
}
.mag-b[data-v-304891c2] {
  color: #93C5FD;
}
.ph-input-area[data-v-304891c2],
.db-input-area[data-v-304891c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ph-label[data-v-304891c2],
.db-label[data-v-304891c2] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ph-input[data-v-304891c2],
.db-input[data-v-304891c2] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.ph-input.correcto[data-v-304891c2],
.db-input.correcto[data-v-304891c2] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.ph-input.incorrecto[data-v-304891c2],
.db-input.incorrecto[data-v-304891c2] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-304891c2] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-304891c2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Richter ===== */
.richter-container[data-v-304891c2] {
  text-align: center;
}
.richter-opciones[data-v-304891c2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.richter-opcion[data-v-304891c2] {
  padding: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.richter-opcion[data-v-304891c2]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.richter-opcion.seleccionado[data-v-304891c2] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.richter-opcion.correcto[data-v-304891c2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.richter-opcion.incorrecto[data-v-304891c2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Decibeles ===== */
.db-container[data-v-304891c2] {
  text-align: center;
}

/* Feedback */
.feedback[data-v-304891c2] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-304891c2] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-304891c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-304891c2] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-304891c2] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Contadores */
.ph-contador[data-v-304891c2],
.richter-contador[data-v-304891c2],
.db-contador[data-v-304891c2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-304891c2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-304891c2] {
  flex: 1;
}
.nav-btn[data-v-304891c2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-304891c2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-304891c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-304891c2] {
  font-size: 1.75rem;
}
.completado-texto[data-v-304891c2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-304891c2],
.slide-leave-active[data-v-304891c2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-304891c2] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-304891c2] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.richter-opciones[data-v-304891c2] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Resumen intro */
.resumen-intro[data-v-e1644c78] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-e1644c78] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-e1644c78] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Escalas resumen */
.escalas-resumen[data-v-e1644c78] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.escala-card[data-v-e1644c78] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 1px solid;
}
.escala-card.ph[data-v-e1644c78] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.escala-card.richter[data-v-e1644c78] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.escala-card.decibeles[data-v-e1644c78] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.escala-header[data-v-e1644c78] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.escala-icono[data-v-e1644c78] {
  font-size: 1.25rem;
}
.escala-nombre[data-v-e1644c78] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.escala-formula[data-v-e1644c78] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.ph .escala-formula[data-v-e1644c78] { color: #6EE7B7;
}
.richter .escala-formula[data-v-e1644c78] { color: #FCA5A5;
}
.decibeles .escala-formula[data-v-e1644c78] { color: #93C5FD;
}
.escala-clave[data-v-e1644c78] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.clave-label[data-v-e1644c78] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.clave-valor[data-v-e1644c78] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Patrón común */
.patron-comun[data-v-e1644c78] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.patron-titulo[data-v-e1644c78] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.patron-contenido p[data-v-e1644c78] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.patron-regla[data-v-e1644c78] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-izq[data-v-e1644c78], .regla-der[data-v-e1644c78] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.regla-eq[data-v-e1644c78] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Tips PAES */
.tips-paes[data-v-e1644c78] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-e1644c78] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-e1644c78] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-e1644c78] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tip-num[data-v-e1644c78] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-e1644c78] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-e1644c78] {
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-e1644c78] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-e1644c78] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-e1644c78] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-e1644c78] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.error-mal[data-v-e1644c78] {
  font-size: 0.8rem;
  color: #FCA5A5;
  text-decoration: line-through;
  opacity: 0.8;
}
.error-bien[data-v-e1644c78] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-e1644c78] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-e1644c78] {
  font-size: 1.5rem;
}
.final-texto[data-v-e1644c78] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.escalas-resumen[data-v-e1644c78] {
    flex-direction: row;
}
.escala-card[data-v-e1644c78] {
    flex: 1;
}
.patron-regla[data-v-e1644c78] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-fff72ea3] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.intro-icono[data-v-fff72ea3] {
  font-size: 2.5rem;
}
.intro-texto[data-v-fff72ea3] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Comparación PA vs PG */
.comparacion-section[data-v-fff72ea3] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-fff72ea3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-fff72ea3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.comparacion-grid[data-v-fff72ea3] {
    grid-template-columns: 1fr 1fr;
}
}
.comp-item[data-v-fff72ea3] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.pa[data-v-fff72ea3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-item.pg[data-v-fff72ea3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-tipo[data-v-fff72ea3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.comp-formula[data-v-fff72ea3] {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.comp-item.pa .comp-formula[data-v-fff72ea3] { color: #FCD34D;
}
.comp-item.pg .comp-formula[data-v-fff72ea3] { color: #C4B5FD;
}
.comp-ejemplo[data-v-fff72ea3] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-valores[data-v-fff72ea3] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.comp-ganancia[data-v-fff72ea3] {
  font-weight: 600;
}
.comp-item.pa .comp-ganancia[data-v-fff72ea3] { color: #FCD34D;
}
.comp-item.pg .comp-ganancia[data-v-fff72ea3] { color: #6EE7B7;
}

/* Fórmula section */
.formula-section[data-v-fff72ea3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-fff72ea3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-fff72ea3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-fff72ea3] {
  font-family: 'Georgia', serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-leyenda[data-v-fff72ea3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.leyenda-item[data-v-fff72ea3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.leyenda-var[data-v-fff72ea3] {
  font-family: 'Georgia', serif;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 30px;
}
.leyenda-desc[data-v-fff72ea3] {
  color: #C4B5FD;
}
.formula-nota[data-v-fff72ea3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-fff72ea3] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-fff72ea3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-fff72ea3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-fff72ea3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-solucion[data-v-fff72ea3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.sol-paso[data-v-fff72ea3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-fff72ea3] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-fff72ea3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-resultado[data-v-fff72ea3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.resultado-label[data-v-fff72ea3] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.resultado-valor[data-v-fff72ea3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-comparacion[data-v-fff72ea3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.diferencia[data-v-fff72ea3] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Aplicaciones */
.aplicaciones-section[data-v-fff72ea3] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-fff72ea3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-fff72ea3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.app-item[data-v-fff72ea3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-fff72ea3] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-fff72ea3] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.app-tipo[data-v-fff72ea3] {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.app-tipo.pa[data-v-fff72ea3] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.app-tipo.pg[data-v-fff72ea3] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-fff72ea3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fff72ea3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fff72ea3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fff72ea3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.aplicaciones-grid[data-v-fff72ea3] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro section */
.intro-section[data-v-df763610] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 0.75rem;
}
.intro-icono[data-v-df763610] {
  font-size: 2.5rem;
}
.intro-texto[data-v-df763610] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Concepto visual */
.concepto-visual[data-v-df763610] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-df763610] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.meses-grid[data-v-df763610] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 640px) {
.meses-grid[data-v-df763610] {
    grid-template-columns: repeat(6, 1fr);
}
}
.mes-item[data-v-df763610] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mes-item.dots[data-v-df763610] {
  background: transparent;
}
.mes-item.destacado[data-v-df763610] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.mes-label[data-v-df763610] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mes-valor[data-v-df763610] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-explicacion[data-v-df763610] {
  text-align: center;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Fórmula section */
.formula-section[data-v-df763610] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-df763610] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-df763610] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-df763610] {
  font-family: 'Georgia', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formula-descripcion[data-v-df763610] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-nota[data-v-df763610] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-secundaria[data-v-df763610] {
  font-family: 'Georgia', serif;
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
  margin-top: 0.5rem;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-df763610] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-df763610] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-df763610] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-df763610] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.ejemplo-visual[data-v-df763610] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.visual-item[data-v-df763610] {
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.visual-arrow[data-v-df763610] {
  color: #6EE7B7;
  font-size: 0.85rem;
}
.ejemplo-solucion[data-v-df763610] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-df763610] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-df763610] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-df763610] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-resultado[data-v-df763610] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.resultado-label[data-v-df763610] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.resultado-valor[data-v-df763610] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Comparación */
.comparacion-section[data-v-df763610] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-df763610] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-df763610] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-item[data-v-df763610] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.comp-item.fija[data-v-df763610] {
  background: rgba(107, 114, 128, 0.2);
  border: 1px solid rgba(107, 114, 128, 0.4);
}
.comp-item.variable[data-v-df763610] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-nombre[data-v-df763610] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-ejemplo[data-v-df763610] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comp-total[data-v-df763610] {
  font-size: 0.85rem;
  font-weight: 700;
}
.comp-item.fija .comp-total[data-v-df763610] { color: #9CA3AF;
}
.comp-item.variable .comp-total[data-v-df763610] { color: #6EE7B7;
}
.comparacion-conclusion[data-v-df763610] {
  font-size: 0.85rem;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}

/* Casos */
.casos-section[data-v-df763610] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-df763610] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-lista[data-v-df763610] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-df763610] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-emoji[data-v-df763610] {
  font-size: 1.1rem;
}
.caso-texto[data-v-df763610] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-tipo[data-v-df763610] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-df763610] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-df763610] {
  font-size: 1.25rem;
}
.tip-texto[data-v-df763610] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-df763610] {
  color: #6EE7B7;
}

/* Intro section */
.intro-section[data-v-9f0a5f24] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 0.75rem;
}
.intro-icono[data-v-9f0a5f24] {
  font-size: 2.5rem;
}
.intro-texto[data-v-9f0a5f24] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Alerta */
.alerta-section[data-v-9f0a5f24] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.alerta-icono[data-v-9f0a5f24] {
  font-size: 1.5rem;
}
.alerta-contenido[data-v-9f0a5f24] {
  color: #FCA5A5;
  font-size: 0.9rem;
}
.alerta-contenido strong[data-v-9f0a5f24] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-9f0a5f24] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-9f0a5f24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-9f0a5f24] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-9f0a5f24] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(239, 68, 68, 0.2);
}
.ejemplo-solucion[data-v-9f0a5f24] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.sol-paso[data-v-9f0a5f24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-9f0a5f24] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.paso-texto[data-v-9f0a5f24] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-resultado[data-v-9f0a5f24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.sol-resultado.negativo[data-v-9f0a5f24] {
  background: rgba(239, 68, 68, 0.2);
}
.resultado-label[data-v-9f0a5f24] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.resultado-valor[data-v-9f0a5f24] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.ejemplo-impacto[data-v-9f0a5f24] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.impacto-texto[data-v-9f0a5f24] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.impacto-nota[data-v-9f0a5f24] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Crecimiento section */
.crecimiento-section[data-v-9f0a5f24] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.75rem;
}
.crecimiento-titulo[data-v-9f0a5f24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.crecimiento-visual[data-v-9f0a5f24] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.crecimiento-item[data-v-9f0a5f24] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.crec-mes[data-v-9f0a5f24] {
  font-size: 0.75rem;
  color: #C4B5FD;
  width: 70px;
  min-width: 70px;
}
.crec-barra[data-v-9f0a5f24] {
  height: 20px;
  background: linear-gradient(90deg, #FCA5A5, #EF4444);
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}
.crec-valor[data-v-9f0a5f24] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  min-width: 50px;
}
.crecimiento-mensaje[data-v-9f0a5f24] {
  font-size: 0.85rem;
  color: #FCA5A5;
  text-align: center;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* Problema inverso */
.inverso-section[data-v-9f0a5f24] {
  margin: 1.5rem 0;
}
.inverso-titulo[data-v-9f0a5f24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.inverso-contenido[data-v-9f0a5f24] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.inverso-enun[data-v-9f0a5f24] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.inverso-solucion[data-v-9f0a5f24] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.inv-paso[data-v-9f0a5f24] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.inv-resultado[data-v-9f0a5f24] {
  font-size: 0.9rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}

/* Tipos de interés */
.tipos-section[data-v-9f0a5f24] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-9f0a5f24] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-9f0a5f24] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-9f0a5f24] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.tipo-item.bajo[data-v-9f0a5f24] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-item.medio[data-v-9f0a5f24] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-item.alto[data-v-9f0a5f24] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-nombre[data-v-9f0a5f24] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.tipo-rango[data-v-9f0a5f24] {
  font-size: 0.85rem;
  font-weight: 700;
}
.tipo-item.bajo .tipo-rango[data-v-9f0a5f24] { color: #6EE7B7;
}
.tipo-item.medio .tipo-rango[data-v-9f0a5f24] { color: #FCD34D;
}
.tipo-item.alto .tipo-rango[data-v-9f0a5f24] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-9f0a5f24] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9f0a5f24] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9f0a5f24] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9f0a5f24] {
  color: #6EE7B7;
}

.explorador[data-v-3cf26601] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3cf26601] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3cf26601] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3cf26601] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3cf26601] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3cf26601] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3cf26601] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3cf26601] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3cf26601] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3cf26601] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Contenedores de desafíos */
.interes-container[data-v-3cf26601],
.ahorro-container[data-v-3cf26601],
.inverso-container[data-v-3cf26601] {
  text-align: center;
}

/* Problema datos */
.problema-datos[data-v-3cf26601] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-3cf26601] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-3cf26601]:last-child {
  margin-bottom: 0;
}
.dato-icono[data-v-3cf26601] {
  font-size: 1rem;
}
.dato-label[data-v-3cf26601] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.dato-valor[data-v-3cf26601] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.dato.destacado[data-v-3cf26601] {
  padding-top: 0.5rem;
  margin-top: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.dato.destacado .dato-label[data-v-3cf26601] {
  color: #FCD34D;
  font-weight: 600;
}

/* Secuencia preview */
.secuencia-preview[data-v-3cf26601] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.seq-item[data-v-3cf26601] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.seq-arrow[data-v-3cf26601] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Recordatorio de fórmula */
.formula-recordatorio[data-v-3cf26601] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Grupo de respuesta */
.respuesta-grupo[data-v-3cf26601] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.respuesta-label[data-v-3cf26601] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-input[data-v-3cf26601] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.grande[data-v-3cf26601] {
  width: 120px;
}
.respuesta-input.correcto[data-v-3cf26601] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-3cf26601] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-3cf26601] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  font-size: 1.25rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-3cf26601]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback-error[data-v-3cf26601] {
  color: #FCA5A5;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Resultado */
.resultado-correcto[data-v-3cf26601] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3cf26601] { font-size: 1.25rem;
}
.resultado-texto[data-v-3cf26601] { color: #6EE7B7; font-weight: 600;
}

/* Contadores */
.d1-contador[data-v-3cf26601],
.d2-contador[data-v-3cf26601],
.d3-contador[data-v-3cf26601] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-3cf26601] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3cf26601] { flex: 1;
}
.nav-btn[data-v-3cf26601] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3cf26601] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3cf26601] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3cf26601] { font-size: 1.75rem;
}
.completado-texto[data-v-3cf26601] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3cf26601], .slide-leave-active[data-v-3cf26601] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3cf26601] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3cf26601] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-537e1b95] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-537e1b95] {
  font-size: 2rem;
}
.resumen-intro p[data-v-537e1b95] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-537e1b95] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-537e1b95] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-537e1b95] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.destacada[data-v-537e1b95] {
  background: rgba(139, 92, 246, 0.15);
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-537e1b95] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-537e1b95] {
    grid-column: span 1;
}
}
.card-header[data-v-537e1b95] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-537e1b95] {
  font-size: 1.1rem;
}
.card-titulo[data-v-537e1b95] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-537e1b95] {
  color: #E9D5FF;
}

/* Fórmulas en resumen */
.formula-resumen[data-v-537e1b95] {
  font-family: 'Georgia', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.formula-resumen.pequeña[data-v-537e1b95] {
  font-size: 0.95rem;
}
.formula-leyenda[data-v-537e1b95] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.65rem;
  color: #C4B5FD;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.tipo-badge[data-v-537e1b95] {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.tipo-badge.pa[data-v-537e1b95] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.tipo-badge.pg[data-v-537e1b95] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.ejemplo-mini[data-v-537e1b95] {
  font-size: 0.8rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  padding: 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  line-height: 1.4;
}

/* Decisión lista */
.decision-lista[data-v-537e1b95] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.decision-item[data-v-537e1b95] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
}
.decision-item.pa[data-v-537e1b95] {
  background: rgba(245, 158, 11, 0.1);
}
.decision-item.pg[data-v-537e1b95] {
  background: rgba(139, 92, 246, 0.1);
}
.dec-condicion[data-v-537e1b95] {
  color: #E9D5FF;
}
.dec-tipo[data-v-537e1b95] {
  font-weight: 700;
}
.decision-item.pa .dec-tipo[data-v-537e1b95] { color: #FCD34D;
}
.decision-item.pg .dec-tipo[data-v-537e1b95] { color: #C4B5FD;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-537e1b95] {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-enun[data-v-537e1b95] {
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-style: italic;
}
.ejemplo-solucion[data-v-537e1b95] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-paso[data-v-537e1b95] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.sol-label[data-v-537e1b95] {
  color: #C4B5FD;
  min-width: 50px;
}
.sol-paso span[data-v-537e1b95]:last-child {
  color: #E9D5FF;
}
.sol-paso.resultado span[data-v-537e1b95]:last-child {
  color: #6EE7B7;
}

/* Dato útil */
.dato-util[data-v-537e1b95] {
  text-align: center;
}
.dato-titulo[data-v-537e1b95] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.dato-formula[data-v-537e1b95] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
  padding: 0.4rem;
  border-radius: 0.25rem;
  margin-bottom: 0.35rem;
}
.dato-ejemplo[data-v-537e1b95] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-537e1b95] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-537e1b95] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-537e1b95] {
  font-size: 1rem;
}
.tip-text[data-v-537e1b95] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-537e1b95] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-537e1b95] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-537e1b95] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-537e1b95 1s ease-in-out infinite;
}
@keyframes bounce-537e1b95 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-537e1b95] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-537e1b95] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Concepto principal */
.concepto-principal[data-v-891d8866] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-891d8866] {
  font-size: 2rem;
}
.concepto-texto p[data-v-891d8866] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.5;
}
.concepto-texto strong[data-v-891d8866] {
  color: #FFFFFF;
}
.concepto-texto strong.destacado[data-v-891d8866] {
  color: #FCD34D;
}

/* Visual section */
.visual-section[data-v-891d8866] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-891d8866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-asintota[data-v-891d8866] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.5rem;
  overflow: hidden;
}
.svg-asintota[data-v-891d8866] {
  width: 100%;
  height: auto;
  display: block;
}
.visual-leyenda[data-v-891d8866] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-891d8866] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
}
.leyenda-linea[data-v-891d8866] {
  width: 20px;
  height: 2px;
  border-radius: 1px;
}
.leyenda-item.av[data-v-891d8866] {
  color: #FCA5A5;
}
.leyenda-item.av .leyenda-linea[data-v-891d8866] {
  background: #FCA5A5;
  border: 1px dashed #FCA5A5;
}
.leyenda-item.ah[data-v-891d8866] {
  color: #6EE7B7;
}
.leyenda-item.ah .leyenda-linea[data-v-891d8866] {
  background: #6EE7B7;
  border: 1px dashed #6EE7B7;
}

/* Analogía */
.analogia-box[data-v-891d8866] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.analogia-icono[data-v-891d8866] {
  font-size: 1.5rem;
}
.analogia-contenido[data-v-891d8866] {
  flex: 1;
}
.analogia-titulo[data-v-891d8866] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.analogia-contenido p[data-v-891d8866] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.analogia-contenido strong[data-v-891d8866] {
  color: #FFFFFF;
}

/* Tipos */
.tipos-section[data-v-891d8866] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-891d8866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-891d8866] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-891d8866] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.vertical[data-v-891d8866] {
  border-color: rgba(252, 165, 165, 0.5);
}
.tipo-card.horizontal[data-v-891d8866] {
  border-color: rgba(110, 231, 183, 0.5);
}
.tipo-card.oblicua[data-v-891d8866] {
  border-color: rgba(147, 197, 253, 0.5);
}
.tipo-icono[data-v-891d8866] {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.tipo-card.vertical .tipo-icono[data-v-891d8866] {
  color: #FCA5A5;
}
.tipo-card.horizontal .tipo-icono[data-v-891d8866] {
  color: #6EE7B7;
}
.tipo-card.oblicua .tipo-icono[data-v-891d8866] {
  color: #93C5FD;
}
.tipo-nombre[data-v-891d8866] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-ecuacion[data-v-891d8866] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Dónde aparecen */
.donde-section[data-v-891d8866] {
  margin: 1.5rem 0;
}
.donde-titulo[data-v-891d8866] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.donde-lista[data-v-891d8866] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.donde-item[data-v-891d8866] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.donde-funcion[data-v-891d8866] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.donde-ejemplo[data-v-891d8866] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-891d8866] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-891d8866] {
  font-size: 1.25rem;
}
.tip-texto[data-v-891d8866] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-891d8866] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-891d8866] {
    gap: 0.75rem;
}
.tipo-card[data-v-891d8866] {
    padding: 1rem;
}
.tipo-icono[data-v-891d8866] {
    font-size: 1.75rem;
}
.tipo-nombre[data-v-891d8866] {
    font-size: 0.85rem;
}
.donde-item[data-v-891d8866] {
    padding: 0.6rem 1rem;
}
.donde-funcion[data-v-891d8866] {
    font-size: 0.9rem;
}
.donde-ejemplo[data-v-891d8866] {
    font-size: 0.8rem;
}
}

/* Definición box */
.definicion-box[data-v-9b93da86] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(252, 165, 165, 0.1);
  border: 2px solid rgba(252, 165, 165, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-9b93da86] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCA5A5;
}
.def-contenido[data-v-9b93da86] {
  flex: 1;
}
.def-titulo[data-v-9b93da86] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.def-contenido p[data-v-9b93da86] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.def-contenido strong.formula[data-v-9b93da86] {
  color: #FCD34D;
  font-family: monospace;
}
.def-contenido strong.destacado[data-v-9b93da86] {
  color: #FCA5A5;
}

/* Método */
.metodo-section[data-v-9b93da86] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-9b93da86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodo-pasos[data-v-9b93da86] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-9b93da86] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-9b93da86] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-9b93da86] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-9b93da86] {
  color: #FCD34D;
}

/* Regla box */
.regla-box[data-v-9b93da86] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-9b93da86] {
  font-size: 1.25rem;
}
.regla-contenido[data-v-9b93da86] {
  flex: 1;
}
.regla-formula[data-v-9b93da86] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.regla-resultado[data-v-9b93da86] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.regla-resultado strong.av[data-v-9b93da86] {
  color: #FCA5A5;
}

/* Fracciones */
.frac[data-v-9b93da86], .frac-grande[data-v-9b93da86] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-9b93da86], .frac .den[data-v-9b93da86] {
  font-size: 0.85rem;
}
.frac-grande .num[data-v-9b93da86], .frac-grande .den[data-v-9b93da86] {
  font-size: 1rem;
}
.frac .num[data-v-9b93da86], .frac-grande .num[data-v-9b93da86] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-9b93da86], .frac-grande .den[data-v-9b93da86] {
  padding-top: 0.1rem;
}

/* Ejemplos */
.ejemplo-section[data-v-9b93da86] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-9b93da86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-9b93da86] {
  text-align: center;
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-pasos[data-v-9b93da86] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ej-paso[data-v-9b93da86] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.ej-label[data-v-9b93da86] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 100px;
}
.ej-calc[data-v-9b93da86] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.ej-resultado[data-v-9b93da86] {
  margin-top: 0.5rem;
  text-align: center;
  padding: 0.5rem;
  background: rgba(252, 165, 165, 0.15);
  border-radius: 0.4rem;
}
.ej-resultado.doble[data-v-9b93da86] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.ej-resultado strong.av[data-v-9b93da86] {
  color: #FCA5A5;
  font-size: 1rem;
}

/* Caso especial */
.caso-especial[data-v-9b93da86] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.caso-titulo[data-v-9b93da86] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.caso-contenido[data-v-9b93da86] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-ejemplo[data-v-9b93da86] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  text-align: center;
}
.caso-funcion[data-v-9b93da86] {
  color: #E9D5FF;
}
.caso-explicacion p[data-v-9b93da86] {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-explicacion strong[data-v-9b93da86] {
  color: #FFFFFF;
}
.caso-explicacion strong.agujero[data-v-9b93da86] {
  color: #FCD34D;
}

/* Visualización */
.visual-av[data-v-9b93da86] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-9b93da86] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.visual-grafico[data-v-9b93da86] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  overflow: hidden;
}
.svg-av[data-v-9b93da86] {
  width: 100%;
  height: auto;
  display: block;
}
.visual-nota[data-v-9b93da86] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-9b93da86] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9b93da86] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9b93da86] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9b93da86] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ej-label[data-v-9b93da86] {
    min-width: 140px;
}
.caso-contenido[data-v-9b93da86] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
.caso-ejemplo[data-v-9b93da86] {
    flex-shrink: 0;
}
}

/* Definición box */
.definicion-box[data-v-af0d778d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(110, 231, 183, 0.1);
  border: 2px solid rgba(110, 231, 183, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-af0d778d] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.def-contenido[data-v-af0d778d] {
  flex: 1;
}
.def-titulo[data-v-af0d778d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.def-contenido p[data-v-af0d778d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.def-contenido strong.formula[data-v-af0d778d] {
  color: #FCD34D;
  font-family: monospace;
}
.def-contenido strong.destacado[data-v-af0d778d] {
  color: #6EE7B7;
}

/* Concepto box */
.concepto-box[data-v-af0d778d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-af0d778d] {
  font-size: 1.5rem;
}
.concepto-contenido p[data-v-af0d778d] {
  margin: 0.25rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.concepto-contenido strong[data-v-af0d778d] {
  color: #FFFFFF;
}
.concepto-pregunta[data-v-af0d778d] {
  font-style: italic;
  color: #C4B5FD !important;
}

/* Regla de grados */
.regla-section[data-v-af0d778d] {
  margin: 1.5rem 0;
}
.regla-titulo[data-v-af0d778d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.regla-intro[data-v-af0d778d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.casos-grid[data-v-af0d778d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.caso-card[data-v-af0d778d] {
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-card.menor[data-v-af0d778d] {
  border-color: rgba(110, 231, 183, 0.5);
}
.caso-card.igual[data-v-af0d778d] {
  border-color: rgba(147, 197, 253, 0.5);
}
.caso-card.mayor[data-v-af0d778d] {
  border-color: rgba(252, 165, 165, 0.5);
}
.caso-condicion[data-v-af0d778d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.caso-n[data-v-af0d778d] {
  font-weight: 700;
  font-size: 1rem;
  color: #93C5FD;
}
.caso-op[data-v-af0d778d] {
  font-size: 1.1rem;
  color: #C4B5FD;
}
.caso-m[data-v-af0d778d] {
  font-weight: 700;
  font-size: 1rem;
  color: #FCD34D;
}
.caso-desc[data-v-af0d778d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.caso-resultado[data-v-af0d778d] {
  font-size: 0.8rem;
  margin-bottom: 0.35rem;
}
.caso-card.menor .caso-resultado strong[data-v-af0d778d] {
  color: #6EE7B7;
}
.caso-card.igual .caso-resultado strong[data-v-af0d778d] {
  color: #93C5FD;
}
.caso-card.mayor .caso-resultado strong[data-v-af0d778d] {
  color: #FCA5A5;
}
.caso-ejemplo[data-v-af0d778d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fracciones */
.frac[data-v-af0d778d], .frac-grande[data-v-af0d778d] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-af0d778d], .frac .den[data-v-af0d778d] {
  font-size: 0.85rem;
}
.frac-grande .num[data-v-af0d778d], .frac-grande .den[data-v-af0d778d] {
  font-size: 1rem;
}
.frac .num[data-v-af0d778d], .frac-grande .num[data-v-af0d778d] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-af0d778d], .frac-grande .den[data-v-af0d778d] {
  padding-top: 0.1rem;
}
.frac-mini[data-v-af0d778d] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.7rem;
}
.frac-mini .num[data-v-af0d778d] {
  border-bottom: 1px solid #C4B5FD;
}

/* Ejemplos */
.ejemplo-section[data-v-af0d778d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-af0d778d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-af0d778d] {
  text-align: center;
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-analisis[data-v-af0d778d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.analisis-item[data-v-af0d778d] {
  display: flex;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.analisis-label[data-v-af0d778d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.analisis-valor[data-v-af0d778d] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplo-resultado[data-v-af0d778d] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(110, 231, 183, 0.15);
  border-radius: 0.4rem;
}
.ejemplo-resultado strong.ah[data-v-af0d778d] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Visualización */
.visual-ah[data-v-af0d778d] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-af0d778d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.visual-grafico[data-v-af0d778d] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  overflow: hidden;
}
.svg-ah[data-v-af0d778d] {
  width: 100%;
  height: auto;
  display: block;
}
.visual-nota[data-v-af0d778d] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tabla resumen */
.resumen-tabla[data-v-af0d778d] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-af0d778d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tabla-contenido[data-v-af0d778d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-af0d778d] {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-af0d778d]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-af0d778d] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-col[data-v-af0d778d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tabla-col.ah-valor[data-v-af0d778d] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-col.no-ah[data-v-af0d778d] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip */
.tip[data-v-af0d778d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-af0d778d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-af0d778d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-af0d778d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.casos-grid[data-v-af0d778d] {
    gap: 0.75rem;
}
.caso-card[data-v-af0d778d] {
    padding: 0.75rem;
}
.caso-desc[data-v-af0d778d] {
    font-size: 0.75rem;
}
.caso-resultado[data-v-af0d778d] {
    font-size: 0.9rem;
}
.caso-ejemplo[data-v-af0d778d] {
    font-size: 0.8rem;
}
}

/* Definición box */
.definicion-box[data-v-6e68159a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-6e68159a] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
}
.def-contenido[data-v-6e68159a] {
  flex: 1;
}
.def-titulo[data-v-6e68159a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.def-contenido p[data-v-6e68159a] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.def-contenido strong.formula[data-v-6e68159a] {
  color: #FCD34D;
  font-family: monospace;
}
.def-contenido strong.destacado[data-v-6e68159a] {
  color: #93C5FD;
}

/* Cuándo existe */
.cuando-section[data-v-6e68159a] {
  margin: 1.5rem 0;
}
.cuando-titulo[data-v-6e68159a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cuando-box[data-v-6e68159a] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.cuando-condicion[data-v-6e68159a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.cuando-label[data-v-6e68159a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.cuando-valor[data-v-6e68159a] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.cuando-valor strong[data-v-6e68159a] {
  color: #FCD34D;
}
.cuando-ejemplo[data-v-6e68159a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.cuando-nota[data-v-6e68159a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.nota-icono[data-v-6e68159a] {
  font-size: 1rem;
}
.nota-texto[data-v-6e68159a] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.nota-texto strong[data-v-6e68159a] {
  color: #FFFFFF;
}

/* Método */
.metodo-section[data-v-6e68159a] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-6e68159a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodo-box[data-v-6e68159a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-6e68159a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-6e68159a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-6e68159a] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-6e68159a] {
  color: #FCD34D;
}

/* Fracciones */
.frac[data-v-6e68159a], .frac-grande[data-v-6e68159a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-6e68159a], .frac .den[data-v-6e68159a] {
  font-size: 0.85rem;
}
.frac-grande .num[data-v-6e68159a], .frac-grande .den[data-v-6e68159a] {
  font-size: 1rem;
}
.frac .num[data-v-6e68159a], .frac-grande .num[data-v-6e68159a] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-6e68159a], .frac-grande .den[data-v-6e68159a] {
  padding-top: 0.1rem;
}

/* Ejemplos */
.ejemplo-section[data-v-6e68159a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-section.alt[data-v-6e68159a] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.ejemplo-titulo[data-v-6e68159a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-funcion[data-v-6e68159a] {
  text-align: center;
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* División polinómica */
.division-section[data-v-6e68159a] {
  margin: 0.75rem 0;
}
.division-titulo[data-v-6e68159a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.division-visual[data-v-6e68159a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  padding: 0.75rem;
  overflow-x: auto;
}
.division-operacion[data-v-6e68159a] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.div-linea[data-v-6e68159a] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.div-linea.proceso[data-v-6e68159a] {
  padding-left: 1rem;
}
.div-dividendo[data-v-6e68159a] {
  color: #FFFFFF;
}
.div-sep[data-v-6e68159a] {
  color: #8B5CF6;
}
.div-divisor[data-v-6e68159a] {
  color: #93C5FD;
}
.div-cociente[data-v-6e68159a] {
  color: #FCD34D;
  font-weight: 700;
}
.div-resta[data-v-6e68159a] {
  color: #FCA5A5;
}
.div-sub[data-v-6e68159a] {
  color: #E9D5FF;
}
.div-resto[data-v-6e68159a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* División rápida */
.division-rapida[data-v-6e68159a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  padding: 0.75rem;
  margin: 0.75rem 0;
  overflow-x: auto;
}
.div-rapida-paso[data-v-6e68159a] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
  white-space: nowrap;
}
.div-rapida-paso strong[data-v-6e68159a] {
  color: #FCD34D;
}
.resto-fraccion[data-v-6e68159a] {
  color: #C4B5FD;
  opacity: 0.7;
}
.ejemplo-explicacion[data-v-6e68159a] {
  margin: 0.75rem 0;
}
.ejemplo-explicacion p[data-v-6e68159a] {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-explicacion strong[data-v-6e68159a] {
  color: #FFFFFF;
}
.resto-texto[data-v-6e68159a] {
  color: #C4B5FD;
  font-family: monospace;
}

/* Resultado */
.ejemplo-resultado-box[data-v-6e68159a] {
  background: rgba(147, 197, 253, 0.15);
  border-radius: 0.4rem;
  padding: 0.5rem;
}
.resultado-linea[data-v-6e68159a] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
}
.resultado-label[data-v-6e68159a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.resultado-valor[data-v-6e68159a] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: monospace;
}
.resultado-final[data-v-6e68159a] {
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(147, 197, 253, 0.3);
  margin-top: 0.25rem;
}
.resultado-final strong.ao[data-v-6e68159a] {
  color: #93C5FD;
  font-size: 1.1rem;
}

/* Visualización */
.visual-ao[data-v-6e68159a] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-6e68159a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.visual-grafico[data-v-6e68159a] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  overflow: hidden;
}
.svg-ao[data-v-6e68159a] {
  width: 100%;
  height: auto;
  display: block;
}
.visual-leyenda[data-v-6e68159a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-6e68159a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
}
.leyenda-linea[data-v-6e68159a] {
  width: 20px;
  height: 2px;
  border-radius: 1px;
}
.leyenda-item.av[data-v-6e68159a] {
  color: #FCA5A5;
}
.leyenda-item.av .leyenda-linea[data-v-6e68159a] {
  background: #FCA5A5;
  border: 1px dashed #FCA5A5;
}
.leyenda-item.ao[data-v-6e68159a] {
  color: #93C5FD;
}
.leyenda-item.ao .leyenda-linea[data-v-6e68159a] {
  background: #93C5FD;
  border: 1px dashed #93C5FD;
}

/* Resumen de tipos */
.resumen-tipos[data-v-6e68159a] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-6e68159a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-grid[data-v-6e68159a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.resumen-item[data-v-6e68159a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.resumen-item.destacado[data-v-6e68159a] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.resumen-cond[data-v-6e68159a] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.resumen-tipo[data-v-6e68159a] {
  font-size: 0.85rem;
  font-weight: 600;
}
.resumen-tipo.ah[data-v-6e68159a] {
  color: #6EE7B7;
}
.resumen-tipo.ao[data-v-6e68159a] {
  color: #93C5FD;
}
.resumen-tipo.no[data-v-6e68159a] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-6e68159a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6e68159a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e68159a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e68159a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-grid[data-v-6e68159a] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-f1e42deb] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f1e42deb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f1e42deb] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f1e42deb] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f1e42deb] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f1e42deb] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f1e42deb] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f1e42deb] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f1e42deb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f1e42deb] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Fracciones */
.frac[data-v-f1e42deb], .frac-sim[data-v-f1e42deb] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-f1e42deb], .frac .den[data-v-f1e42deb],
.frac-sim .num[data-v-f1e42deb], .frac-sim .den[data-v-f1e42deb] {
  line-height: 1.2;
}
.frac .num[data-v-f1e42deb], .frac-sim .num[data-v-f1e42deb] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-f1e42deb], .frac-sim .den[data-v-f1e42deb] {
  padding-top: 0.1rem;
}

/* ===== DESAFÍO 1: AV ===== */
.av-container[data-v-f1e42deb], .ah-container[data-v-f1e42deb] {
  text-align: center;
}
.av-funcion[data-v-f1e42deb], .ah-funcion[data-v-f1e42deb] {
  margin-bottom: 1rem;
}
.av-label[data-v-f1e42deb], .ah-label[data-v-f1e42deb] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.av-formula[data-v-f1e42deb], .ah-formula[data-v-f1e42deb] {
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
}
.av-hint[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.hint-icono[data-v-f1e42deb] {
  font-size: 1rem;
}
.hint-texto[data-v-f1e42deb] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.av-inputs[data-v-f1e42deb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.av-input-grupo[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.av-x[data-v-f1e42deb] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-weight: 600;
}
.input-con-signo[data-v-f1e42deb] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-f1e42deb] {
  width: 32px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.sm[data-v-f1e42deb] {
  width: 28px;
  height: 34px;
  font-size: 1rem;
}
.btn-signo.negativo[data-v-f1e42deb] {
  color: #FCA5A5;
}
.av-input[data-v-f1e42deb], .ah-input[data-v-f1e42deb] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.av-input.correcto[data-v-f1e42deb], .ah-input.correcto[data-v-f1e42deb] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.av-input.incorrecto[data-v-f1e42deb], .ah-input.incorrecto[data-v-f1e42deb] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-f1e42deb] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.feedback-error[data-v-f1e42deb] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.av-contador[data-v-f1e42deb], .ah-contador[data-v-f1e42deb] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: AH ===== */
.ah-grados[data-v-f1e42deb] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.grado-item[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.grado-item.relacion[data-v-f1e42deb] {
  background: rgba(245, 158, 11, 0.15);
}
.grado-label[data-v-f1e42deb] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.grado-valor[data-v-f1e42deb] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ah-pregunta[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ah-eq[data-v-f1e42deb] {
  font-size: 1rem;
  color: #6EE7B7;
  font-weight: 600;
}
.ah-no-existe-container[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ah-o-text[data-v-f1e42deb] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.btn-no-ah[data-v-f1e42deb] {
  padding: 0.5rem 1rem;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.btn-no-ah.seleccionado[data-v-f1e42deb] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.btn-no-ah.correcto[data-v-f1e42deb] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.btn-no-ah.incorrecto[data-v-f1e42deb] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-f1e42deb] {
  text-align: center;
}
.sim-funcion[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}
.sim-label[data-v-f1e42deb] {
  color: #93C5FD;
}
.frac-sim .num[data-v-f1e42deb], .frac-sim .den[data-v-f1e42deb] {
  font-weight: 700;
  color: #FFFFFF;
}
.sim-grafico[data-v-f1e42deb] {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.sim-svg[data-v-f1e42deb] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sim-labels[data-v-f1e42deb] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.sim-av-label[data-v-f1e42deb] {
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #FCA5A5;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  white-space: nowrap;
}
.sim-ah-label[data-v-f1e42deb] {
  position: absolute;
  right: 8px;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.sim-controles[data-v-f1e42deb] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.ctrl-grupo[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ctrl-label[data-v-f1e42deb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ctrl-botones[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ctrl-btn[data-v-f1e42deb] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.ctrl-btn[data-v-f1e42deb]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ctrl-valor[data-v-f1e42deb] {
  font-size: 1.1rem;
  font-weight: 700;
  min-width: 30px;
  text-align: center;
}
.ctrl-valor.av[data-v-f1e42deb] {
  color: #FCA5A5;
}
.ctrl-valor.ah[data-v-f1e42deb] {
  color: #6EE7B7;
}
.sim-observaciones[data-v-f1e42deb] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.obs-item[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.obs-icono[data-v-f1e42deb] {
  font-size: 1rem;
  font-weight: 700;
}
.obs-texto[data-v-f1e42deb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.obs-texto.av-text[data-v-f1e42deb] {
  color: #FCA5A5;
}
.obs-texto.ah-text[data-v-f1e42deb] {
  color: #6EE7B7;
}
.sim-tarea[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.tarea-icono[data-v-f1e42deb] {
  font-size: 1rem;
}
.tarea-texto[data-v-f1e42deb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tarea-texto strong[data-v-f1e42deb] {
  color: #FCD34D;
}
.btn-completar[data-v-f1e42deb] {
  padding: 0.6rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f1e42deb] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-f1e42deb] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f1e42deb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f1e42deb] {
  flex: 1;
}
.nav-btn[data-v-f1e42deb] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f1e42deb] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f1e42deb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f1e42deb] {
  font-size: 1.75rem;
}
.completado-texto[data-v-f1e42deb] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f1e42deb], .slide-leave-active[data-v-f1e42deb] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f1e42deb] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-f1e42deb] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.av-inputs[data-v-f1e42deb] {
    gap: 1.5rem;
}
.sim-svg[data-v-f1e42deb] {
    max-width: 320px;
}
.sim-observaciones[data-v-f1e42deb] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.obs-item[data-v-f1e42deb] {
    flex: none;
    padding: 0.4rem 0.75rem;
}
}

/* Header */
.resumen-header[data-v-d6a9d0f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-d6a9d0f8] {
  font-size: 1.5rem;
}
.header-texto[data-v-d6a9d0f8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Definición rápida */
.definicion-rapida[data-v-d6a9d0f8] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.definicion-rapida p[data-v-d6a9d0f8] {
  margin: 0;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.definicion-rapida strong[data-v-d6a9d0f8] {
  color: #FFFFFF;
}
.definicion-rapida strong.destacado[data-v-d6a9d0f8] {
  color: #FCD34D;
}

/* Tipos section */
.tipos-section[data-v-d6a9d0f8] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-resumen[data-v-d6a9d0f8] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-resumen.vertical[data-v-d6a9d0f8] {
  border-color: rgba(252, 165, 165, 0.5);
}
.tipo-resumen.horizontal[data-v-d6a9d0f8] {
  border-color: rgba(110, 231, 183, 0.5);
}
.tipo-resumen.oblicua[data-v-d6a9d0f8] {
  border-color: rgba(147, 197, 253, 0.5);
}
.tipo-icono[data-v-d6a9d0f8] {
  font-size: 1.5rem;
  font-weight: 800;
  min-width: 30px;
  text-align: center;
}
.tipo-resumen.vertical .tipo-icono[data-v-d6a9d0f8] {
  color: #FCA5A5;
}
.tipo-resumen.horizontal .tipo-icono[data-v-d6a9d0f8] {
  color: #6EE7B7;
}
.tipo-resumen.oblicua .tipo-icono[data-v-d6a9d0f8] {
  color: #93C5FD;
}
.tipo-info[data-v-d6a9d0f8] {
  flex: 1;
}
.tipo-nombre[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.tipo-formula[data-v-d6a9d0f8] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.tipo-como[data-v-d6a9d0f8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-como strong[data-v-d6a9d0f8] {
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.15rem;
}
.reglas-mini[data-v-d6a9d0f8] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.regla[data-v-d6a9d0f8] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tabla */
.tabla-section[data-v-d6a9d0f8] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tabla-contenido[data-v-d6a9d0f8] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-d6a9d0f8] {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-d6a9d0f8]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-d6a9d0f8] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row.destacado[data-v-d6a9d0f8] {
  background: rgba(147, 197, 253, 0.1);
}
.tabla-col[data-v-d6a9d0f8] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tabla-col.resultado.ah[data-v-d6a9d0f8] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-col.resultado.ao[data-v-d6a9d0f8] {
  color: #93C5FD;
  font-weight: 600;
}
.tabla-col.resultado.no[data-v-d6a9d0f8] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Ejemplo visual */
.ejemplo-visual[data-v-d6a9d0f8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ej-titulo[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ej-funcion[data-v-d6a9d0f8] {
  text-align: center;
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Fracciones */
.frac[data-v-d6a9d0f8] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-d6a9d0f8], .frac .den[data-v-d6a9d0f8] {
  font-size: 1rem;
}
.frac .num[data-v-d6a9d0f8] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-d6a9d0f8] {
  padding-top: 0.1rem;
}
.ej-resultados[data-v-d6a9d0f8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.ej-resultado[data-v-d6a9d0f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-resultado.av[data-v-d6a9d0f8] {
  border-left: 3px solid #FCA5A5;
}
.ej-resultado.ah[data-v-d6a9d0f8] {
  border-left: 3px solid #6EE7B7;
}
.res-tipo[data-v-d6a9d0f8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.res-valor[data-v-d6a9d0f8] {
  font-size: 1rem;
  font-weight: 700;
}
.ej-resultado.av .res-valor[data-v-d6a9d0f8] {
  color: #FCA5A5;
}
.ej-resultado.ah .res-valor[data-v-d6a9d0f8] {
  color: #6EE7B7;
}
.res-porque[data-v-d6a9d0f8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips */
.tips-section[data-v-d6a9d0f8] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-d6a9d0f8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-d6a9d0f8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.tip-num[data-v-d6a9d0f8] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1a1a2e;
  flex-shrink: 0;
}
.tip-texto[data-v-d6a9d0f8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-d6a9d0f8] {
  color: #FCD34D;
}

/* Gráfico */
.grafico-section[data-v-d6a9d0f8] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-d6a9d0f8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grafico-container[data-v-d6a9d0f8] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  overflow: hidden;
}
.svg-resumen[data-v-d6a9d0f8] {
  width: 100%;
  height: auto;
  display: block;
}
.grafico-leyenda[data-v-d6a9d0f8] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-d6a9d0f8] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
}
.leyenda-linea[data-v-d6a9d0f8] {
  width: 20px;
  height: 2px;
  border-radius: 1px;
}
.leyenda-item.av[data-v-d6a9d0f8] {
  color: #FCA5A5;
}
.leyenda-item.av .leyenda-linea[data-v-d6a9d0f8] {
  background: #FCA5A5;
  border: 1px dashed #FCA5A5;
}
.leyenda-item.ah[data-v-d6a9d0f8] {
  color: #6EE7B7;
}
.leyenda-item.ah .leyenda-linea[data-v-d6a9d0f8] {
  background: #6EE7B7;
  border: 1px dashed #6EE7B7;
}
.leyenda-item.curva[data-v-d6a9d0f8] {
  color: #93C5FD;
}
.leyenda-item.curva .leyenda-linea[data-v-d6a9d0f8] {
  background: #93C5FD;
}

/* Mensaje final */
.mensaje-final[data-v-d6a9d0f8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-d6a9d0f8] {
  font-size: 2rem;
}
.final-contenido[data-v-d6a9d0f8] {
  flex: 1;
}
.final-titulo[data-v-d6a9d0f8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.final-contenido p[data-v-d6a9d0f8] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-resumen[data-v-d6a9d0f8] {
    padding: 1rem;
}
.tipo-info[data-v-d6a9d0f8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
}
.tipo-nombre[data-v-d6a9d0f8] {
    flex-basis: 100%;
}
.reglas-mini[data-v-d6a9d0f8] {
    flex-direction: row;
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-b040487a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.formula-icon[data-v-b040487a] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.intro-texto[data-v-b040487a] {
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-b040487a] {
  color: #FCD34D;
}

/* Fórmula del discriminante */
.formula-section[data-v-b040487a] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-b040487a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-b040487a] {
  display: inline-block;
  padding: 1rem 2rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-main[data-v-b040487a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-delta[data-v-b040487a] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-size: 2rem;
}
.formula-eq[data-v-b040487a] {
  color: #FFFFFF;
}
.formula-expresion[data-v-b040487a] {
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.formula-nota[data-v-b040487a] {
  margin-top: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Conexión con fórmula general */
.conexion-section[data-v-b040487a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-b040487a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.conexion-content[data-v-b040487a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-general[data-v-b040487a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.fg-label[data-v-b040487a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.fg-formula[data-v-b040487a] {
  font-size: 1.3rem;
  color: #FFFFFF;
  font-weight: 600;
}
.frac[data-v-b040487a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.num[data-v-b040487a] {
  padding-bottom: 2px;
}
.bar[data-v-b040487a] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.den[data-v-b040487a] {
  padding-top: 2px;
}
.discriminante-highlight[data-v-b040487a] {
  color: #FCD34D;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.conexion-explicacion[data-v-b040487a] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.highlight[data-v-b040487a] {
  color: #FCD34D;
}

/* Preview de casos */
.preview-casos[data-v-b040487a] {
  margin: 1.5rem 0;
}
.preview-titulo[data-v-b040487a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.preview-grid[data-v-b040487a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.preview-item[data-v-b040487a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.preview-item.positivo[data-v-b040487a] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.preview-item.cero[data-v-b040487a] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.preview-item.negativo[data-v-b040487a] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.preview-signo[data-v-b040487a] {
  font-weight: 700;
  font-family: monospace;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.preview-item.positivo .preview-signo[data-v-b040487a] { color: #6EE7B7;
}
.preview-item.cero .preview-signo[data-v-b040487a] { color: #C4B5FD;
}
.preview-item.negativo .preview-signo[data-v-b040487a] { color: #FCA5A5;
}
.preview-resultado[data-v-b040487a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Ejemplo */
.ejemplo-section[data-v-b040487a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-b040487a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-funcion[data-v-b040487a] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-b040487a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-b040487a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-b040487a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-b040487a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.paso.resultado[data-v-b040487a] {
  margin-top: 0.25rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.paso-icono[data-v-b040487a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}

/* Colores inline */
strong.positivo[data-v-b040487a] {
  color: #6EE7B7;
}
strong.negativo[data-v-b040487a] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-b040487a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b040487a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b040487a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b040487a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-b040487a] {
    gap: 1.5rem;
}
.formula-icon[data-v-b040487a] {
    font-size: 3rem;
}
.intro-texto[data-v-b040487a] {
    font-size: 1.1rem;
}
.formula-main[data-v-b040487a] {
    font-size: 2rem;
}
.preview-item[data-v-b040487a] {
    padding: 0.75rem;
}
.preview-signo[data-v-b040487a] {
    font-size: 0.95rem;
}
.preview-resultado[data-v-b040487a] {
    font-size: 0.8rem;
}
}

/* Intro */
.intro-section[data-v-fd097592] {
  margin-bottom: 1.5rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.intro-section strong[data-v-fd097592] {
  color: #FFFFFF;
}
strong.delta[data-v-fd097592] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}

/* Caso section */
.caso-section[data-v-fd097592] {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.caso-section.positivo[data-v-fd097592] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.caso-section.cero[data-v-fd097592] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.caso-section.negativo[data-v-fd097592] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.caso-header[data-v-fd097592] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
}
.caso-signo[data-v-fd097592] {
  font-family: monospace;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.caso-section.positivo .caso-signo[data-v-fd097592] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.caso-section.cero .caso-signo[data-v-fd097592] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.caso-section.negativo .caso-signo[data-v-fd097592] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.caso-titulo[data-v-fd097592] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caso-contenido[data-v-fd097592] {
  padding: 0.75rem 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
}

/* Visual de parábola */
.caso-visual[data-v-fd097592] {
  width: 100px;
}
.parabola-svg[data-v-fd097592] {
  width: 100%;
  height: auto;
}

/* Explicación */
.caso-explicacion[data-v-fd097592] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.explicacion-item[data-v-fd097592] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.exp-icono[data-v-fd097592] {
  font-size: 0.8rem;
  width: 18px;
  text-align: center;
}
.caso-section.positivo .exp-icono[data-v-fd097592],
.caso-section.cero .exp-icono[data-v-fd097592] { color: #6EE7B7;
}
.caso-section.negativo .exp-icono[data-v-fd097592] { color: #FCA5A5;
}
.exp-texto[data-v-fd097592] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.exp-texto strong[data-v-fd097592] {
  color: #FFFFFF;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-fd097592] {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.ej-label[data-v-fd097592] {
  color: #C4B5FD;
  font-weight: 600;
}
.ej-ecuacion[data-v-fd097592] {
  font-family: monospace;
  color: #FFFFFF;
}
.ej-delta[data-v-fd097592] {
  color: #FCD34D;
  font-weight: 600;
}

/* Tabla resumen */
.tabla-resumen[data-v-fd097592] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tabla-titulo[data-v-fd097592] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.tabla-grid[data-v-fd097592] {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  gap: 0.25rem;
}
.tabla-header[data-v-fd097592] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.tabla-cell[data-v-fd097592] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.25rem;
}
.tabla-cell.positivo[data-v-fd097592] { color: #6EE7B7; font-weight: 700;
}
.tabla-cell.cero[data-v-fd097592] { color: #C4B5FD; font-weight: 700;
}
.tabla-cell.negativo[data-v-fd097592] { color: #FCA5A5; font-weight: 700;
}

/* Tip */
.tip[data-v-fd097592] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-fd097592] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fd097592] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fd097592] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caso-visual[data-v-fd097592] {
    width: 120px;
}
.exp-texto[data-v-fd097592] {
    font-size: 0.85rem;
}
.ejemplo-mini[data-v-fd097592] {
    font-size: 0.85rem;
}
.tabla-header[data-v-fd097592],
  .tabla-cell[data-v-fd097592] {
    font-size: 0.85rem;
    padding: 0.5rem;
}
}

/* Mobile: reorganizar casos */
@media (max-width: 400px) {
.caso-contenido[data-v-fd097592] {
    grid-template-columns: 1fr;
}
.caso-visual[data-v-fd097592] {
    justify-self: center;
}
}

/* Intro */
.intro[data-v-7934fd36] {
  margin-bottom: 1.5rem;
  color: #E9D5FF;
}

/* Ejemplo container */
.ejemplo[data-v-7934fd36] {
  margin-bottom: 1.25rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
}
.ejemplo-header[data-v-7934fd36] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 1rem;
}
.ejemplo-header.positivo[data-v-7934fd36] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 2px solid rgba(16, 185, 129, 0.4);
}
.ejemplo-header.cero[data-v-7934fd36] {
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 2px solid rgba(139, 92, 246, 0.4);
}
.ejemplo-header.negativo[data-v-7934fd36] {
  background: rgba(239, 68, 68, 0.2);
  border-bottom: 2px solid rgba(239, 68, 68, 0.4);
}
.ejemplo-num[data-v-7934fd36] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-tipo[data-v-7934fd36] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}
.ejemplo-header.positivo .ejemplo-tipo[data-v-7934fd36] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ejemplo-header.cero .ejemplo-tipo[data-v-7934fd36] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.ejemplo-header.negativo .ejemplo-tipo[data-v-7934fd36] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ejemplo-contenido[data-v-7934fd36] {
  padding: 1rem;
}

/* Ecuación */
.ecuacion[data-v-7934fd36] {
  font-family: monospace;
  font-size: 1.15rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}

/* Pasos */
.pasos[data-v-7934fd36] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.paso[data-v-7934fd36] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-label[data-v-7934fd36] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-valor[data-v-7934fd36] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Cálculo */
.calculo[data-v-7934fd36] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.calc-linea.resultado[data-v-7934fd36] {
  font-size: 0.95rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  margin-top: 0.25rem;
}

/* Conclusiones */
.paso.conclusiones[data-v-7934fd36] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.conclusion-items[data-v-7934fd36] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.conc-item[data-v-7934fd36] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.conc-check[data-v-7934fd36] {
  font-weight: 700;
  color: #6EE7B7;
  width: 16px;
}
.ejemplo-header.negativo ~ .ejemplo-contenido .conc-check[data-v-7934fd36] {
  color: #FCA5A5;
}
.conc-item.nota[data-v-7934fd36] {
  margin-top: 0.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.conc-nota[data-v-7934fd36] {
  font-size: 0.9rem;
}

/* Colores inline */
strong.positivo[data-v-7934fd36] { color: #6EE7B7;
}
strong.negativo[data-v-7934fd36] { color: #FCA5A5;
}
strong.cero[data-v-7934fd36] { color: #C4B5FD;
}

/* Advertencia */
.advertencia[data-v-7934fd36] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.adv-icono[data-v-7934fd36] {
  font-size: 1.25rem;
}
.adv-contenido[data-v-7934fd36] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.adv-contenido strong[data-v-7934fd36] {
  color: #FCD34D;
}
.adv-ejemplo[data-v-7934fd36] {
  display: inline-block;
  margin-top: 0.25rem;
  font-family: monospace;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-7934fd36] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-7934fd36] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7934fd36] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7934fd36] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion[data-v-7934fd36] {
    font-size: 1.25rem;
}
.calculo[data-v-7934fd36] {
    font-size: 0.9rem;
}
.conc-item[data-v-7934fd36] {
    font-size: 0.9rem;
}
}

.explorador[data-v-d959d4ff] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d959d4ff] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d959d4ff] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d959d4ff] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d959d4ff] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d959d4ff] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d959d4ff] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d959d4ff] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d959d4ff] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d959d4ff] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular discriminante ===== */
.calculo-container[data-v-d959d4ff] {
  text-align: center;
}
.ecuacion-display[data-v-d959d4ff] {
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.coef-display[data-v-d959d4ff] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.coef strong[data-v-d959d4ff] {
  font-weight: 700;
}
.coef strong.positivo[data-v-d959d4ff] { color: #6EE7B7;
}
.coef strong.negativo[data-v-d959d4ff] { color: #FCA5A5;
}
.input-grupo[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-d959d4ff] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-wrapper[data-v-d959d4ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.btn-signo[data-v-d959d4ff] {
  width: 44px;
  height: 44px;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-d959d4ff] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.input-delta[data-v-d959d4ff] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-delta.correcto[data-v-d959d4ff] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-delta.incorrecto[data-v-d959d4ff] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-d959d4ff] {
  width: 44px;
  height: 44px;
  font-size: 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-d959d4ff] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.feedback.incorrecto[data-v-d959d4ff] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.contador[data-v-d959d4ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Tipo de raíces ===== */
.tipo-container[data-v-d959d4ff] {
  text-align: center;
}
.delta-display[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.delta-label[data-v-d959d4ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.delta-valor[data-v-d959d4ff] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.delta-valor.positivo[data-v-d959d4ff] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.delta-valor.cero[data-v-d959d4ff] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
}
.delta-valor.negativo[data-v-d959d4ff] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.opciones-tipo[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-d959d4ff] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-d959d4ff]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-d959d4ff] {
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-d959d4ff] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.opcion-btn.incorrecto[data-v-d959d4ff] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.opcion-icono[data-v-d959d4ff] {
  font-size: 1.25rem;
  min-width: 30px;
}
.opcion-texto[data-v-d959d4ff] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-d959d4ff] {
  text-align: center;
}
.sim-intro[data-v-d959d4ff] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}
.controles-coef[data-v-d959d4ff] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.control-item[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.control-item label[data-v-d959d4ff] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-weight: 600;
}
.slider[data-v-d959d4ff] {
  width: 80px;
  height: 8px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  outline: none;
}
.slider[data-v-d959d4ff]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.sim-visual[data-v-d959d4ff] {
  margin-bottom: 1rem;
}
.parabola-svg[data-v-d959d4ff] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.sim-info[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sim-ecuacion[data-v-d959d4ff] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
}
.sim-delta[data-v-d959d4ff] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.sim-delta.positivo[data-v-d959d4ff] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.sim-delta.cero[data-v-d959d4ff] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
}
.sim-delta.negativo[data-v-d959d4ff] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.sim-resultado[data-v-d959d4ff] {
  font-size: 0.9rem;
  font-weight: 600;
}
.sim-resultado .positivo[data-v-d959d4ff] { color: #6EE7B7;
}
.sim-resultado .cero[data-v-d959d4ff] { color: #C4B5FD;
}
.sim-resultado .negativo[data-v-d959d4ff] { color: #FCA5A5;
}
.sim-resultado .resultado-especial[data-v-d959d4ff] { color: #FCD34D;
}

/* Misiones */
.sim-misiones[data-v-d959d4ff] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mision-titulo[data-v-d959d4ff] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.mision-lista[data-v-d959d4ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mision-item[data-v-d959d4ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.mision-item.completada[data-v-d959d4ff] {
  color: #6EE7B7;
}
.mision-check[data-v-d959d4ff] {
  font-weight: 700;
}

/* Resultado correcto */
.resultado-correcto[data-v-d959d4ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d959d4ff] { font-size: 1.25rem;
}
.resultado-texto[data-v-d959d4ff] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d959d4ff] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d959d4ff] { flex: 1;
}
.nav-btn[data-v-d959d4ff] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d959d4ff] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d959d4ff] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d959d4ff] { font-size: 1.75rem;
}
.completado-texto[data-v-d959d4ff] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d959d4ff], .slide-leave-active[data-v-d959d4ff] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d959d4ff] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d959d4ff] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-25cf0a75] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-25cf0a75] {
  font-size: 2rem;
}
.resumen-intro p[data-v-25cf0a75] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-25cf0a75] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-25cf0a75] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-25cf0a75] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-25cf0a75]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-25cf0a75] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-25cf0a75] {
    grid-column: span 1;
}
}
.card-header[data-v-25cf0a75] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-25cf0a75] {
  font-size: 1.25rem;
}
.card-titulo[data-v-25cf0a75] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-25cf0a75] {
  color: #E9D5FF;
}
.card-nota[data-v-25cf0a75] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmula visual */
.formula-visual[data-v-25cf0a75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.formula-delta[data-v-25cf0a75] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-size: 1.75rem;
}
.formula-eq[data-v-25cf0a75] {
  color: #FFFFFF;
}
.formula-exp[data-v-25cf0a75] {
  color: #FFFFFF;
  font-family: monospace;
}

/* Casos grid */
.casos-grid[data-v-25cf0a75] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.caso-item[data-v-25cf0a75] {
  text-align: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.caso-item.positivo[data-v-25cf0a75] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.caso-item.cero[data-v-25cf0a75] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.caso-item.negativo[data-v-25cf0a75] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.caso-delta[data-v-25cf0a75] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.caso-item.positivo .caso-delta[data-v-25cf0a75] { color: #6EE7B7;
}
.caso-item.cero .caso-delta[data-v-25cf0a75] { color: #C4B5FD;
}
.caso-item.negativo .caso-delta[data-v-25cf0a75] { color: #FCA5A5;
}
.caso-resultado[data-v-25cf0a75] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.caso-visual[data-v-25cf0a75] {
  font-size: 1.25rem;
  font-weight: 700;
}
.caso-item.positivo .caso-visual[data-v-25cf0a75] { color: #6EE7B7;
}
.caso-item.cero .caso-visual[data-v-25cf0a75] { color: #C4B5FD;
}
.caso-item.negativo .caso-visual[data-v-25cf0a75] { color: #FCA5A5;
}

/* Parábolas visual */
.parabolas-visual[data-v-25cf0a75] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
}
.parabola-mini[data-v-25cf0a75] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.mini-svg[data-v-25cf0a75] {
  width: 60px;
  height: 50px;
}
.mini-label[data-v-25cf0a75] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-25cf0a75] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}
.ej-ecuacion[data-v-25cf0a75] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-calculo[data-v-25cf0a75] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ej-resultado[data-v-25cf0a75] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-25cf0a75] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-25cf0a75] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-25cf0a75] {
  font-size: 1.25rem;
}
.tip-text[data-v-25cf0a75] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-25cf0a75] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-25cf0a75] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-25cf0a75] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-25cf0a75 1s ease-in-out infinite;
}
@keyframes bounce-25cf0a75 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-25cf0a75] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-25cf0a75] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-a4478896] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-a4478896] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.base[data-v-a4478896] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.exponente[data-v-a4478896] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  position: relative;
  top: -0.75rem;
}
.eq[data-v-a4478896] {
  font-size: 1.75rem;
  color: #FFFFFF;
}
.resultado[data-v-a4478896] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
}
.intro-desc[data-v-a4478896] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-a4478896] {
  color: #FCD34D;
}

/* Definición */
.definicion[data-v-a4478896] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-a4478896] {
  font-size: 1.5rem;
}
.def-contenido[data-v-a4478896] {
  flex: 1;
}
.def-titulo[data-v-a4478896] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-a4478896] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.def-formula strong[data-v-a4478896] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-a4478896] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a4478896] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-a4478896] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-a4478896] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-formula[data-v-a4478896] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-solucion[data-v-a4478896] {
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
  font-weight: 600;
}

/* Comparación */
.comparacion-section[data-v-a4478896] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-a4478896] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-a4478896] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-a4478896] {
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.destacado[data-v-a4478896] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.comp-tipo[data-v-a4478896] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comp-item.destacado .comp-tipo[data-v-a4478896] {
  color: #6EE7B7;
}
.comp-formula[data-v-a4478896] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-formula strong[data-v-a4478896] {
  color: #FCD34D;
}
.comp-nota[data-v-a4478896] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Propiedad */
.propiedad[data-v-a4478896] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.prop-icono[data-v-a4478896] {
  font-size: 1.5rem;
}
.prop-contenido[data-v-a4478896] {
  flex: 1;
}
.prop-titulo[data-v-a4478896] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-a4478896] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.prop-formula strong[data-v-a4478896] {
  color: #FCD34D;
}
.prop-nota[data-v-a4478896] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-a4478896] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.er-titulo[data-v-a4478896] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.er-problema[data-v-a4478896] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.er-pasos[data-v-a4478896] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.er-paso[data-v-a4478896] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-a4478896] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-texto[data-v-a4478896] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-texto strong[data-v-a4478896] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a4478896] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a4478896] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a4478896] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a4478896] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-a4478896] {
    gap: 0.75rem;
}
.base[data-v-a4478896], .resultado[data-v-a4478896] {
    font-size: 2.5rem;
}
.exponente[data-v-a4478896] {
    font-size: 1.5rem;
    top: -1rem;
}
.eq[data-v-a4478896] {
    font-size: 2rem;
}
.ejemplos-grid[data-v-a4478896] {
    grid-template-columns: repeat(4, 1fr);
}
.comp-grid[data-v-a4478896] {
    gap: 0.75rem;
}
.comp-item[data-v-a4478896] {
    padding: 0.75rem;
}
.comp-tipo[data-v-a4478896] {
    font-size: 0.75rem;
}
.comp-formula[data-v-a4478896] {
    font-size: 1rem;
}
}

/* Intro box */
.intro-box[data-v-a8ccca50] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-a8ccca50] {
  font-size: 1.5rem;
}
.intro-texto[data-v-a8ccca50] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Método */
.metodo[data-v-a8ccca50] {
  margin-bottom: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.metodo-header[data-v-a8ccca50] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.3);
}
.metodo-num[data-v-a8ccca50] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
}
.metodo-titulo[data-v-a8ccca50] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.metodo-contenido[data-v-a8ccca50] {
  padding: 0.75rem;
}
.metodo-desc[data-v-a8ccca50] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.metodo-desc strong[data-v-a8ccca50] {
  color: #6EE7B7;
}
.metodo-ejemplo[data-v-a8ccca50] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.me-problema[data-v-a8ccca50] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.me-pasos[data-v-a8ccca50] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.me-paso[data-v-a8ccca50] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.mp-flecha[data-v-a8ccca50] {
  color: #8B5CF6;
  font-weight: 700;
}
.mp-texto[data-v-a8ccca50] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.me-paso.solucion .mp-texto[data-v-a8ccca50] {
  color: #FFFFFF;
}
.me-paso.solucion .mp-texto strong[data-v-a8ccca50] {
  color: #6EE7B7;
}

/* Cuándo usar */
.cuando-usar[data-v-a8ccca50] {
  margin: 1.5rem 0;
}
.cu-titulo[data-v-a8ccca50] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cu-grid[data-v-a8ccca50] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.cu-item[data-v-a8ccca50] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cu-item.igualar[data-v-a8ccca50] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cu-item.logaritmos[data-v-a8ccca50] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.cu-metodo[data-v-a8ccca50] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.cu-item.igualar .cu-metodo[data-v-a8ccca50] {
  color: #6EE7B7;
}
.cu-item.logaritmos .cu-metodo[data-v-a8ccca50] {
  color: #FCD34D;
}
.cu-ejemplos[data-v-a8ccca50] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.cu-ej[data-v-a8ccca50] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.cu-nota[data-v-a8ccca50] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Potencias comunes */
.potencias-section[data-v-a8ccca50] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pot-titulo[data-v-a8ccca50] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.potencias-grid[data-v-a8ccca50] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.pot-grupo[data-v-a8ccca50] {
  text-align: center;
}
.pot-base[data-v-a8ccca50] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.pot-lista[data-v-a8ccca50] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a8ccca50] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a8ccca50] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a8ccca50] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a8ccca50] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.me-problema[data-v-a8ccca50] {
    font-size: 1.4rem;
}
.mp-texto[data-v-a8ccca50] {
    font-size: 0.95rem;
}
.cu-grid[data-v-a8ccca50] {
    gap: 0.75rem;
}
.cu-metodo[data-v-a8ccca50] {
    font-size: 0.95rem;
}
.cu-ej[data-v-a8ccca50] {
    font-size: 0.9rem;
}
.pot-lista[data-v-a8ccca50] {
    font-size: 0.8rem;
}
}

/* Recordatorio */
.recordatorio[data-v-59d178d8] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.rec-header[data-v-59d178d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.rec-icono[data-v-59d178d8] {
  font-size: 1rem;
}
.rec-titulo[data-v-59d178d8] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.rec-contenido[data-v-59d178d8] {
  padding: 0.75rem;
}
.rec-formula[data-v-59d178d8] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.rec-formula strong[data-v-59d178d8] {
  color: #6EE7B7;
}
.rec-nota[data-v-59d178d8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Propiedad */
.propiedad[data-v-59d178d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.prop-icono[data-v-59d178d8] {
  font-size: 1.5rem;
}
.prop-contenido[data-v-59d178d8] {
  flex: 1;
}
.prop-titulo[data-v-59d178d8] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-59d178d8] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.prop-formula strong[data-v-59d178d8] {
  color: #FCD34D;
}
.prop-nota[data-v-59d178d8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-59d178d8] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ed-titulo[data-v-59d178d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ed-problema[data-v-59d178d8] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ed-pasos[data-v-59d178d8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ed-paso[data-v-59d178d8] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ed-paso.final[data-v-59d178d8] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ep-header[data-v-59d178d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
}
.ep-num[data-v-59d178d8] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.ed-paso.final .ep-num[data-v-59d178d8] {
  background: #10B981;
}
.ep-titulo[data-v-59d178d8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.ep-contenido[data-v-59d178d8] {
  padding: 0.5rem 0.6rem;
}
.ep-formula[data-v-59d178d8] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  text-align: center;
}
.ep-formula strong[data-v-59d178d8] {
  color: #6EE7B7;
}
.ep-nota[data-v-59d178d8] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.25rem;
}

/* Fórmula general */
.formula-general[data-v-59d178d8] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.fg-titulo[data-v-59d178d8] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fg-box[data-v-59d178d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.fg-ecuacion[data-v-59d178d8] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.fg-flecha[data-v-59d178d8] {
  font-size: 1.2rem;
  color: #8B5CF6;
}
.fg-solucion[data-v-59d178d8] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.fraccion[data-v-59d178d8] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.num[data-v-59d178d8], .denom[data-v-59d178d8] {
  font-size: 0.85rem;
}
.num[data-v-59d178d8] {
  border-bottom: 2px solid #6EE7B7;
  padding-bottom: 2px;
}
.denom[data-v-59d178d8] {
  padding-top: 2px;
}
.fg-nota[data-v-59d178d8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin-top: 0.5rem;
}

/* Casos especiales */
.casos-section[data-v-59d178d8] {
  margin-bottom: 1.5rem;
}
.casos-titulo[data-v-59d178d8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-59d178d8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso[data-v-59d178d8] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso.negativo[data-v-59d178d8] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.caso-ecuacion[data-v-59d178d8] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-solucion[data-v-59d178d8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.caso.negativo .caso-solucion[data-v-59d178d8] {
  color: #FCA5A5;
}
.caso-razon[data-v-59d178d8] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-59d178d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-59d178d8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-59d178d8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-59d178d8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.rec-formula[data-v-59d178d8] {
    font-size: 1.1rem;
}
.ed-problema[data-v-59d178d8] {
    font-size: 1.4rem;
}
.ep-formula[data-v-59d178d8] {
    font-size: 1.05rem;
}
.fg-ecuacion[data-v-59d178d8], .fg-solucion[data-v-59d178d8] {
    font-size: 1.3rem;
}
.casos-grid[data-v-59d178d8] {
    gap: 0.75rem;
}
.caso-ecuacion[data-v-59d178d8] {
    font-size: 0.95rem;
}
.caso-razon[data-v-59d178d8] {
    font-size: 0.75rem;
}
}

.explorador[data-v-4e8a705e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4e8a705e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4e8a705e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4e8a705e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4e8a705e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4e8a705e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4e8a705e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4e8a705e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4e8a705e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4e8a705e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Ecuación box común */
.ecuacion-box[data-v-4e8a705e] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-texto[data-v-4e8a705e] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}

/* ===== DESAFÍO 1: Igualar bases ===== */
.igualar-container[data-v-4e8a705e] {
  text-align: center;
}
.ayuda-visual[data-v-4e8a705e] {
  margin-bottom: 0.75rem;
}
.ayuda-titulo[data-v-4e8a705e] {
  font-size: 0.85rem;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.respuesta-container[data-v-4e8a705e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-4e8a705e] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.2rem;
}
.respuesta-input[data-v-4e8a705e] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-4e8a705e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-4e8a705e] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-4e8a705e] {
  padding: 0.6rem 0.9rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-4e8a705e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-4e8a705e] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Identificar método ===== */
.metodo-container[data-v-4e8a705e] {
  text-align: center;
}
.metodo-pregunta[data-v-4e8a705e] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.metodo-opciones[data-v-4e8a705e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.metodo-btn[data-v-4e8a705e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.metodo-btn.seleccionado[data-v-4e8a705e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.metodo-btn.correcto[data-v-4e8a705e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.metodo-btn.incorrecto[data-v-4e8a705e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.metodo-icono[data-v-4e8a705e] {
  font-size: 1.25rem;
}
.metodo-texto[data-v-4e8a705e] {
  font-weight: 600;
}

/* ===== DESAFÍO 3: Logaritmos ===== */
.logaritmo-container[data-v-4e8a705e] {
  text-align: center;
}
.log-pasos[data-v-4e8a705e] {
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.log-paso[data-v-4e8a705e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-label[data-v-4e8a705e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-formula[data-v-4e8a705e] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
}
.log-pregunta[data-v-4e8a705e] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.log-opciones[data-v-4e8a705e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.log-btn[data-v-4e8a705e] {
  padding: 0.7rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: monospace;
}
.log-btn.seleccionado[data-v-4e8a705e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.log-btn.correcto[data-v-4e8a705e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.log-btn.incorrecto[data-v-4e8a705e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.log-ayuda[data-v-4e8a705e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-4e8a705e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4e8a705e] { font-size: 1.25rem;
}
.resultado-texto[data-v-4e8a705e] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-4e8a705e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-4e8a705e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4e8a705e] { flex: 1;
}
.nav-btn[data-v-4e8a705e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4e8a705e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4e8a705e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4e8a705e] { font-size: 1.75rem;
}
.completado-texto[data-v-4e8a705e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4e8a705e], .slide-leave-active[data-v-4e8a705e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4e8a705e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4e8a705e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-texto[data-v-4e8a705e] {
    font-size: 1.8rem;
}
.metodo-opciones[data-v-4e8a705e] {
    flex-direction: row;
    justify-content: center;
}
.metodo-btn[data-v-4e8a705e] {
    flex: 1;
    max-width: 180px;
}
}

/* Header del resumen */
.resumen-header[data-v-9734d0e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.15));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-9734d0e1] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-9734d0e1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos clave */
.conceptos-section[data-v-9734d0e1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto[data-v-9734d0e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-num[data-v-9734d0e1] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
}
.concepto-contenido[data-v-9734d0e1] {
  flex: 1;
}
.concepto-titulo[data-v-9734d0e1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.concepto-desc[data-v-9734d0e1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-desc strong[data-v-9734d0e1] {
  color: #6EE7B7;
}

/* Métodos resumen */
.metodos-resumen[data-v-9734d0e1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.metodo-card[data-v-9734d0e1] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.metodo-card.igualar[data-v-9734d0e1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.metodo-card.logaritmos[data-v-9734d0e1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.mc-header[data-v-9734d0e1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.mc-icono[data-v-9734d0e1] {
  font-size: 1rem;
}
.mc-titulo[data-v-9734d0e1] {
  font-weight: 700;
  font-size: 0.85rem;
}
.metodo-card.igualar .mc-titulo[data-v-9734d0e1] {
  color: #6EE7B7;
}
.metodo-card.logaritmos .mc-titulo[data-v-9734d0e1] {
  color: #FCD34D;
}
.mc-cuando[data-v-9734d0e1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.mc-ejemplo[data-v-9734d0e1] {
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.mc-ej-titulo[data-v-9734d0e1] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.mc-ej-texto[data-v-9734d0e1] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #FFFFFF;
}

/* Casos especiales */
.especiales-section[data-v-9734d0e1] {
  margin-bottom: 1.5rem;
}
.especiales-titulo[data-v-9734d0e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.especiales-grid[data-v-9734d0e1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.especial-item[data-v-9734d0e1] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.especial-item.negativo[data-v-9734d0e1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.esp-formula[data-v-9734d0e1] {
  display: block;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.especial-item.negativo .esp-formula[data-v-9734d0e1] {
  color: #FCA5A5;
}
.esp-nota[data-v-9734d0e1] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-9734d0e1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-header[data-v-9734d0e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-9734d0e1] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-9734d0e1] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.tips-lista[data-v-9734d0e1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-9734d0e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-bullet[data-v-9734d0e1] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-9734d0e1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-9734d0e1] {
  color: #FCD34D;
}

/* Fórmula final */
.formula-final[data-v-9734d0e1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.ff-titulo[data-v-9734d0e1] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.ff-box[data-v-9734d0e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ff-ecuacion[data-v-9734d0e1] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #93C5FD;
}
.ff-flecha[data-v-9734d0e1] {
  font-size: 1.3rem;
  color: #8B5CF6;
}
.ff-solucion[data-v-9734d0e1] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
}
.fraccion[data-v-9734d0e1] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.num[data-v-9734d0e1], .denom[data-v-9734d0e1] {
  font-size: 0.9rem;
}
.num[data-v-9734d0e1] {
  border-bottom: 2px solid #6EE7B7;
  padding-bottom: 2px;
}
.denom[data-v-9734d0e1] {
  padding-top: 2px;
}

/* Mensaje final */
.mensaje-final[data-v-9734d0e1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-9734d0e1] {
  font-size: 1.5rem;
}
.mf-texto[data-v-9734d0e1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Desktop */
@media (min-width: 640px) {
.metodos-resumen[data-v-9734d0e1] {
    gap: 0.75rem;
}
.mc-titulo[data-v-9734d0e1] {
    font-size: 0.95rem;
}
.mc-cuando[data-v-9734d0e1] {
    font-size: 0.8rem;
}
.mc-ej-texto[data-v-9734d0e1] {
    font-size: 0.8rem;
}
.especiales-grid[data-v-9734d0e1] {
    gap: 0.75rem;
}
.esp-formula[data-v-9734d0e1] {
    font-size: 0.95rem;
}
.esp-nota[data-v-9734d0e1] {
    font-size: 0.7rem;
}
.ff-ecuacion[data-v-9734d0e1], .ff-solucion[data-v-9734d0e1] {
    font-size: 1.4rem;
}
}

/* Intro visual */
.intro-visual[data-v-cc6a1910] {
  display: flex;
  justify-content: center;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ecuacion-ejemplo[data-v-cc6a1910] {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.log-text[data-v-cc6a1910] {
  color: #F9A8D4;
}
.log-base[data-v-cc6a1910] {
  color: #93C5FD;
  font-size: 1rem;
}
.log-arg[data-v-cc6a1910] {
  color: #6EE7B7;
}
.igual[data-v-cc6a1910] {
  color: #C4B5FD;
  margin: 0 0.25rem;
}
.valor[data-v-cc6a1910] {
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-cc6a1910] {
  color: #FCD34D;
}
strong.positivo[data-v-cc6a1910] {
  color: #6EE7B7;
}
strong.negativo[data-v-cc6a1910] {
  color: #FCA5A5;
}

/* Tipo cards */
.tipo-card[data-v-cc6a1910] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-cc6a1910] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.tipo-1[data-v-cc6a1910] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-header.tipo-2[data-v-cc6a1910] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-header.tipo-3[data-v-cc6a1910] {
  background: rgba(245, 158, 11, 0.2);
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-numero[data-v-cc6a1910] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #E9D5FF;
}
.tipo-titulo[data-v-cc6a1910] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.tipo-contenido[data-v-cc6a1910] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
}
.tipo-desc[data-v-cc6a1910] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-cc6a1910] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-item[data-v-cc6a1910] {
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tipo-metodo[data-v-cc6a1910] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-size: 0.85rem;
}
.metodo-icono[data-v-cc6a1910] {
  font-size: 1rem;
}
.metodo-texto[data-v-cc6a1910] {
  color: #E9D5FF;
}
.metodo-texto strong[data-v-cc6a1910] {
  color: #6EE7B7;
}

/* Recordatorio */
.recordatorio[data-v-cc6a1910] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.recordatorio-titulo[data-v-cc6a1910] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.propiedades-grid[data-v-cc6a1910] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prop-item[data-v-cc6a1910] {
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.prop-formula[data-v-cc6a1910] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Advertencia */
.advertencia[data-v-cc6a1910] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.adv-icono[data-v-cc6a1910] {
  font-size: 1.25rem;
}
.adv-contenido[data-v-cc6a1910] {
  flex: 1;
}
.adv-titulo[data-v-cc6a1910] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.adv-texto[data-v-cc6a1910] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-cc6a1910] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cc6a1910] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cc6a1910] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cc6a1910] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-ejemplo[data-v-cc6a1910] {
    font-size: 2rem;
}
.propiedades-grid[data-v-cc6a1910] {
    flex-direction: row;
    flex-wrap: wrap;
}
.prop-item[data-v-cc6a1910] {
    flex: 1;
    min-width: 140px;
    text-align: center;
}
}

/* Texto destacado */
strong.destacado[data-v-50bc0e14] {
  color: #FCD34D;
}
strong.positivo[data-v-50bc0e14] {
  color: #6EE7B7;
}
strong.negativo[data-v-50bc0e14] {
  color: #FCA5A5;
}

/* Regla principal */
.regla-principal[data-v-50bc0e14] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.regla-formula[data-v-50bc0e14] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.lado-izq[data-v-50bc0e14] {
  font-family: monospace;
  color: #F9A8D4;
}
.equivale[data-v-50bc0e14] {
  color: #8B5CF6;
  font-size: 1.5rem;
}
.lado-der[data-v-50bc0e14] {
  font-family: monospace;
  color: #6EE7B7;
}
.regla-explicacion[data-v-50bc0e14] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-50bc0e14] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-50bc0e14] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-50bc0e14] {
  font-size: 1.1rem;
}
.ejemplo-titulo[data-v-50bc0e14] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.95rem;
}
.ejemplo-nota[data-v-50bc0e14] {
  font-size: 0.8rem;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  padding-left: 1.6rem;
}
.pasos-resolucion[data-v-50bc0e14] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-50bc0e14] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-50bc0e14] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-50bc0e14] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-accion[data-v-50bc0e14] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-detalle[data-v-50bc0e14] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-formula[data-v-50bc0e14] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.paso.resultado[data-v-50bc0e14] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado .paso-num[data-v-50bc0e14] {
  background: #10B981;
  color: white;
}
.resultado-final[data-v-50bc0e14] {
  color: #6EE7B7 !important;
  font-size: 1rem !important;
}
.verificacion[data-v-50bc0e14] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.verif-icono[data-v-50bc0e14] {
  font-size: 0.9rem;
}
.verif-texto[data-v-50bc0e14] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-especiales[data-v-50bc0e14] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.casos-titulo[data-v-50bc0e14] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.casos-grid[data-v-50bc0e14] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caso-item[data-v-50bc0e14] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.caso-log[data-v-50bc0e14] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caso-exp[data-v-50bc0e14] {
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Tip */
.tip[data-v-50bc0e14] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-50bc0e14] {
  font-size: 1.25rem;
}
.tip-texto[data-v-50bc0e14] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-50bc0e14] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.regla-formula[data-v-50bc0e14] {
    font-size: 1.5rem;
}
.paso-contenido[data-v-50bc0e14] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.casos-grid[data-v-50bc0e14] {
    flex-direction: row;
}
.caso-item[data-v-50bc0e14] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Texto destacado */
strong.destacado[data-v-d39c3547] {
  color: #FCD34D;
}
strong.positivo[data-v-d39c3547] {
  color: #6EE7B7;
}
strong.negativo[data-v-d39c3547] {
  color: #FCA5A5;
}

/* Regla principal */
.regla-principal[data-v-d39c3547] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.regla-formula[data-v-d39c3547] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.lado-izq[data-v-d39c3547] {
  font-family: monospace;
  color: #F9A8D4;
}
.equivale[data-v-d39c3547] {
  color: #3B82F6;
  font-size: 1.25rem;
}
.lado-der[data-v-d39c3547] {
  font-family: monospace;
  color: #6EE7B7;
  font-size: 1.25rem;
}
.regla-condicion[data-v-d39c3547] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.cond-icono[data-v-d39c3547] {
  font-size: 1rem;
}
.cond-texto[data-v-d39c3547] {
  color: #FCD34D;
  font-weight: 600;
}

/* Ejemplo detallado */
.ejemplo-detallado[data-v-d39c3547] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-d39c3547] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.ejemplo-badge[data-v-d39c3547] {
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
}
.ejemplo-badge.simple[data-v-d39c3547] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ejemplo-badge.intermedio[data-v-d39c3547] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.ejemplo-badge.avanzado[data-v-d39c3547] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ejemplo-titulo[data-v-d39c3547] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  font-size: 0.95rem;
}
.pasos-resolucion[data-v-d39c3547] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-d39c3547] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-d39c3547] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-contenido[data-v-d39c3547] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-accion[data-v-d39c3547] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.paso-formula[data-v-d39c3547] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.paso.resultado[data-v-d39c3547] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado .paso-num[data-v-d39c3547] {
  background: #10B981;
  color: white;
}
.resultado-final[data-v-d39c3547] {
  color: #6EE7B7 !important;
  font-size: 1rem !important;
}

/* Verificación simple */
.verificacion[data-v-d39c3547] {
  margin-top: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.verif-texto[data-v-d39c3547] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Verificación detallada */
.verificacion-detallada[data-v-d39c3547] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-d39c3547] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.verif-items[data-v-d39c3547] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.verif-caso[data-v-d39c3547] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.caso-titulo[data-v-d39c3547] {
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.85rem;
  min-width: 50px;
}
.verif-item[data-v-d39c3547] {
  font-size: 0.8rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.verif-item.positivo[data-v-d39c3547] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.verif-item.negativo[data-v-d39c3547] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.verif-resultado[data-v-d39c3547] {
  margin-top: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}

/* Tip */
.tip[data-v-d39c3547] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d39c3547] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d39c3547] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d39c3547] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.regla-formula[data-v-d39c3547] {
    font-size: 1.35rem;
}
.paso-contenido[data-v-d39c3547] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
}

.explorador[data-v-9cacd7fa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9cacd7fa] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9cacd7fa] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9cacd7fa] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-9cacd7fa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9cacd7fa] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9cacd7fa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9cacd7fa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9cacd7fa] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Desafío contenido */
.desafio-contenido[data-v-9cacd7fa] {
  text-align: center;
}
.ecuacion-problema[data-v-9cacd7fa] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.eq-texto[data-v-9cacd7fa] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ayuda-visual[data-v-9cacd7fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}
.ayuda-icono[data-v-9cacd7fa] {
  font-size: 1rem;
}
.ayuda-texto[data-v-9cacd7fa] {
  color: #E9D5FF;
}

/* Input de respuesta */
.respuesta-input[data-v-9cacd7fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-9cacd7fa] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #E9D5FF;
}
.input-respuesta[data-v-9cacd7fa] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta[data-v-9cacd7fa]:focus {
  outline: none;
  border-color: #A78BFA;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.input-respuesta.correcto[data-v-9cacd7fa] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-9cacd7fa] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-9cacd7fa] {
  padding: 0.6rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-verificar[data-v-9cacd7fa]:hover:not(:disabled) {
  background: #7C3AED;
}
.btn-verificar[data-v-9cacd7fa]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-9cacd7fa] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.feedback.correcto[data-v-9cacd7fa] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.feedback.incorrecto[data-v-9cacd7fa] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

/* Navegación */
.desafio-nav[data-v-9cacd7fa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-9cacd7fa] {
  flex: 1;
}
.nav-btn[data-v-9cacd7fa] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}
.nav-btn.next[data-v-9cacd7fa] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9cacd7fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9cacd7fa] {
  font-size: 1.5rem;
}
.completado-texto[data-v-9cacd7fa] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9cacd7fa], .slide-leave-active[data-v-9cacd7fa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9cacd7fa] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-9cacd7fa] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.eq-texto[data-v-9cacd7fa] {
    font-size: 1.6rem;
}
.input-respuesta[data-v-9cacd7fa] {
    width: 100px;
}
}

/* Intro */
.resumen-intro[data-v-601aec42] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-601aec42] {
  font-size: 2rem;
}
.resumen-intro p[data-v-601aec42] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-601aec42] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-601aec42] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-601aec42] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.wide[data-v-601aec42] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-601aec42] {
    grid-column: span 1;
}
}
.resumen-card.alerta[data-v-601aec42] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.1);
}
.card-header[data-v-601aec42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-601aec42] {
  font-size: 1.1rem;
}
.card-titulo[data-v-601aec42] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-601aec42] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tipos grid */
.tipos-grid[data-v-601aec42] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-601aec42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.tipo-nombre[data-v-601aec42] {
  padding: 0.15rem 0.35rem;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #E9D5FF;
}
.tipo-forma[data-v-601aec42] {
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-metodo[data-v-601aec42] {
  color: #6EE7B7;
  font-size: 0.8rem;
  margin-left: auto;
}

/* Fórmula destacada */
.formula-destacada[data-v-601aec42] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ejemplo-mini[data-v-601aec42] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.ej-ec[data-v-601aec42] {
  font-family: monospace;
  color: #F9A8D4;
}
.ej-arrow[data-v-601aec42] {
  color: #8B5CF6;
}
.ej-res[data-v-601aec42] {
  font-family: monospace;
  color: #6EE7B7;
  font-weight: 600;
}

/* Props grid */
.props-grid[data-v-601aec42] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.props-grid[data-v-601aec42] {
    grid-template-columns: 1fr;
}
}
.prop-mini[data-v-601aec42] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.prop-op[data-v-601aec42] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-bottom: 0.2rem;
}
.prop-formula[data-v-601aec42] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Restricción */
.restriccion-texto[data-v-601aec42] {
  margin: 0 0 0.5rem;
  text-align: center;
}
.ejemplos-restriccion[data-v-601aec42] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.ejemplo-valido[data-v-601aec42] {
  color: #6EE7B7;
  font-family: monospace;
  font-size: 0.85rem;
}
.ejemplo-invalido[data-v-601aec42] {
  color: #FCA5A5;
  font-family: monospace;
  font-size: 0.85rem;
}
.nota-verificar[data-v-601aec42] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}
strong.positivo[data-v-601aec42] {
  color: #6EE7B7;
}
strong.negativo[data-v-601aec42] {
  color: #FCA5A5;
}

/* Valores especiales */
.valores-especiales[data-v-601aec42] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.valor-item[data-v-601aec42] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.valor-log[data-v-601aec42] {
  font-family: monospace;
  color: #F9A8D4;
  font-size: 0.9rem;
}
.valor-eq[data-v-601aec42] {
  color: #C4B5FD;
}
.valor-res[data-v-601aec42] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}

/* Tips finales */
.tips-finales[data-v-601aec42] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-601aec42] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-601aec42] {
  font-size: 1.1rem;
}
.tip-text[data-v-601aec42] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.85rem;
}
.tip-text strong[data-v-601aec42] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-601aec42] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-601aec42] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-601aec42 1s ease-in-out infinite;
}
@keyframes bounce-601aec42 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-601aec42] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-601aec42] {
    flex-direction: row;
}
.tipo-item[data-v-601aec42] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-metodo[data-v-601aec42] {
    margin-left: 0;
}
}

/* Intro visual */
.intro-visual[data-v-321e0f8f] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.parabola-icon[data-v-321e0f8f] {
  font-size: 2.5rem;
}
.intro-texto[data-v-321e0f8f] {
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-321e0f8f] {
  color: #FCD34D;
}

/* Fórmula del vértice */
.formula-section[data-v-321e0f8f] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-321e0f8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-321e0f8f] {
  display: inline-block;
  padding: 1rem 1.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-main[data-v-321e0f8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.formula-var[data-v-321e0f8f] {
  color: #93C5FD;
}
.formula-eq[data-v-321e0f8f] {
  color: #FFFFFF;
}
.formula-frac[data-v-321e0f8f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.frac-num[data-v-321e0f8f] {
  color: #FCD34D;
  padding-bottom: 2px;
}
.frac-bar[data-v-321e0f8f] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.frac-den[data-v-321e0f8f] {
  color: #FCD34D;
  padding-top: 2px;
}
.formula-nota[data-v-321e0f8f] {
  margin-top: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Gráfico de parábola */
.parabola-visual[data-v-321e0f8f] {
  margin: 1.5rem 0;
}
.grafico-container[data-v-321e0f8f] {
  display: flex;
  justify-content: center;
}
.grafico-svg[data-v-321e0f8f] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Concepto del signo de a */
.concepto-a[data-v-321e0f8f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-321e0f8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.concepto-grid[data-v-321e0f8f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.concepto-item[data-v-321e0f8f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-item.maximo[data-v-321e0f8f] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.concepto-item.minimo[data-v-321e0f8f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.concepto-signo[data-v-321e0f8f] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-forma[data-v-321e0f8f] {
  font-size: 2rem;
  line-height: 1;
  margin: 0.25rem 0;
}
.concepto-item.maximo .concepto-forma[data-v-321e0f8f] {
  color: #6EE7B7;
}
.concepto-item.minimo .concepto-forma[data-v-321e0f8f] {
  color: #FCA5A5;
}
.concepto-texto[data-v-321e0f8f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.concepto-resultado[data-v-321e0f8f] {
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Colores para positivo/negativo */
strong.positivo[data-v-321e0f8f] {
  color: #6EE7B7;
}
strong.negativo[data-v-321e0f8f] {
  color: #FCA5A5;
}

/* Ejemplo */
.ejemplo-section[data-v-321e0f8f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-321e0f8f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-funcion[data-v-321e0f8f] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-321e0f8f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-321e0f8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-321e0f8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-321e0f8f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-321e0f8f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-321e0f8f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-321e0f8f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-321e0f8f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-321e0f8f] {
    gap: 1.5rem;
}
.parabola-icon[data-v-321e0f8f] {
    font-size: 3rem;
}
.intro-texto[data-v-321e0f8f] {
    font-size: 1.1rem;
}
.formula-main[data-v-321e0f8f] {
    font-size: 1.75rem;
}
.concepto-grid[data-v-321e0f8f] {
    gap: 1rem;
}
.concepto-item[data-v-321e0f8f] {
    padding: 1rem;
}
.concepto-forma[data-v-321e0f8f] {
    font-size: 2.5rem;
}
}

/* Intro box */
.intro-box[data-v-e4f29727] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-e4f29727] {
  font-size: 1.5rem;
}
.intro-texto[data-v-e4f29727] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-e4f29727] {
  color: #FCD34D;
}

/* Proceso */
.proceso-section[data-v-e4f29727] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-e4f29727] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proceso-pasos[data-v-e4f29727] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.proceso-paso[data-v-e4f29727] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-numero[data-v-e4f29727] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
}
.paso-contenido[data-v-e4f29727] {
  flex: 1;
}
.paso-titulo[data-v-e4f29727] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.paso-formula[data-v-e4f29727] {
  font-family: monospace;
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-e4f29727] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-e4f29727] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-e4f29727] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-e4f29727] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-e4f29727] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.95rem;
  text-align: center;
  margin-bottom: 1rem;
}
.ejemplo-solucion[data-v-e4f29727] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.solucion-paso[data-v-e4f29727] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.sp-titulo[data-v-e4f29727] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.sp-calculo[data-v-e4f29727] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0.15rem 0;
}
.sp-conclusion[data-v-e4f29727] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
strong.resultado[data-v-e4f29727] {
  color: #6EE7B7;
  font-size: 1.1em;
}
strong.positivo[data-v-e4f29727] {
  color: #6EE7B7;
}
strong.negativo[data-v-e4f29727] {
  color: #FCA5A5;
}
.ejemplo-respuesta[data-v-e4f29727] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.respuesta-label[data-v-e4f29727] {
  color: #6EE7B7;
  font-weight: 600;
  margin-right: 0.5rem;
}
.respuesta-valor[data-v-e4f29727] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Visual del vértice */
.visual-vertice[data-v-e4f29727] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.vertice-svg[data-v-e4f29727] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Fórmula alternativa */
.formula-alternativa[data-v-e4f29727] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.fa-titulo[data-v-e4f29727] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.fa-formula[data-v-e4f29727] {
  font-family: monospace;
  font-size: 1.2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.frac[data-v-e4f29727] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
}
.num[data-v-e4f29727], .den[data-v-e4f29727] {
  padding: 0 0.25rem;
}
.bar[data-v-e4f29727] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.fa-nota[data-v-e4f29727] {
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

/* Tip */
.tip[data-v-e4f29727] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e4f29727] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e4f29727] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e4f29727] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-pasos[data-v-e4f29727] {
    flex-direction: row;
}
.proceso-paso[data-v-e4f29727] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.paso-numero[data-v-e4f29727] {
    width: 36px;
    height: 36px;
    font-size: 1rem;
}
.ejemplo-problema[data-v-e4f29727] {
    font-size: 1.1rem;
}
.fa-formula[data-v-e4f29727] {
    font-size: 1.4rem;
}
}

/* Intro box */
.intro-box[data-v-c5d33c25] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-c5d33c25] {
  font-size: 1.5rem;
}
.intro-texto[data-v-c5d33c25] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-c5d33c25] {
  color: #FCD34D;
}

/* Estrategia */
.estrategia-section[data-v-c5d33c25] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.estrategia-titulo[data-v-c5d33c25] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-pasos[data-v-c5d33c25] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.e-paso[data-v-c5d33c25] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.e-num[data-v-c5d33c25] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.e-texto[data-v-c5d33c25] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.e-texto strong[data-v-c5d33c25] {
  color: #6EE7B7;
}

/* Problema clásico */
.problema-clasico[data-v-c5d33c25] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.problema-header[data-v-c5d33c25] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.problema-badge[data-v-c5d33c25] {
  display: inline-block;
  width: fit-content;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  text-transform: uppercase;
}
.problema-tipo[data-v-c5d33c25] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.problema-enunciado[data-v-c5d33c25] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

/* Diagrama */
.diagrama-container[data-v-c5d33c25] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.diagrama-svg[data-v-c5d33c25] {
  width: 100%;
  max-width: 250px;
  height: auto;
}

/* Solución */
.solucion[data-v-c5d33c25] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}
.sol-paso[data-v-c5d33c25] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.sol-titulo[data-v-c5d33c25] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.sol-num[data-v-c5d33c25] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  color: white;
}
.sol-contenido[data-v-c5d33c25] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
  line-height: 1.5;
  padding-left: 1.5rem;
}
.sol-nota[data-v-c5d33c25] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
strong.positivo[data-v-c5d33c25] {
  color: #6EE7B7;
}

/* Respuesta */
.respuesta-box[data-v-c5d33c25] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.respuesta-titulo[data-v-c5d33c25] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.respuesta-contenido[data-v-c5d33c25] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-c5d33c25] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c5d33c25] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c5d33c25] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c5d33c25] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.problema-header[data-v-c5d33c25] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.diagrama-svg[data-v-c5d33c25] {
    max-width: 300px;
}
}

.explorador[data-v-b0dcca83] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b0dcca83] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b0dcca83] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b0dcca83] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b0dcca83] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b0dcca83] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b0dcca83] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b0dcca83] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b0dcca83] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b0dcca83] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-b0dcca83] {
  text-align: center;
}
.sim-funcion[data-v-b0dcca83] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.grafico-wrapper[data-v-b0dcca83] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.grafico-svg[data-v-b0dcca83] {
  width: 100%;
  max-width: 300px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.controles-container[data-v-b0dcca83] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.control-grupo[data-v-b0dcca83] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.control-label[data-v-b0dcca83] {
  min-width: 60px;
  font-family: monospace;
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.9rem;
}
.control-slider[data-v-b0dcca83] {
  flex: 1;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  outline: none;
}
.control-slider[data-v-b0dcca83]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-slider.negativo[data-v-b0dcca83]::-webkit-slider-thumb {
  background: #FCA5A5;
}
.control-slider.positivo[data-v-b0dcca83]::-webkit-slider-thumb {
  background: #6EE7B7;
}
.sim-pregunta[data-v-b0dcca83] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-b0dcca83] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pregunta-input-row[data-v-b0dcca83] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-b0dcca83] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-input[data-v-b0dcca83] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-b0dcca83] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-b0dcca83] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b0dcca83] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-b0dcca83]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pregunta-ayuda[data-v-b0dcca83] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.feedback-incorrecto[data-v-b0dcca83] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Máximo/Mínimo ===== */
.maxmin-container[data-v-b0dcca83] {
  text-align: center;
}
.maxmin-funcion[data-v-b0dcca83] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.maxmin-pregunta[data-v-b0dcca83] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 1rem;
}
.maxmin-opciones[data-v-b0dcca83] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.maxmin-btn[data-v-b0dcca83] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.maxmin-btn.maximo[data-v-b0dcca83] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.maxmin-btn.minimo[data-v-b0dcca83] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.maxmin-btn.seleccionado[data-v-b0dcca83] {
  transform: scale(1.02);
}
.maxmin-btn.maximo.seleccionado[data-v-b0dcca83] {
  border-color: #10B981;
}
.maxmin-btn.minimo.seleccionado[data-v-b0dcca83] {
  border-color: #EF4444;
}
.maxmin-btn.correcto[data-v-b0dcca83] {
  background: #10B981 !important;
  border-color: #047857 !important;
}
.maxmin-btn.incorrecto[data-v-b0dcca83] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
}
.btn-icono[data-v-b0dcca83] {
  font-size: 2rem;
  line-height: 1;
}
.maxmin-btn.maximo .btn-icono[data-v-b0dcca83] {
  color: #6EE7B7;
}
.maxmin-btn.minimo .btn-icono[data-v-b0dcca83] {
  color: #FCA5A5;
}
.btn-texto[data-v-b0dcca83] {
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.btn-nota[data-v-b0dcca83] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.maxmin-pista[data-v-b0dcca83] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Problemas ===== */
.problema-container[data-v-b0dcca83] {
  text-align: center;
}
.problema-enunciado[data-v-b0dcca83] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-funcion[data-v-b0dcca83] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.problema-pregunta[data-v-b0dcca83] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.problema-respuesta[data-v-b0dcca83] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-b0dcca83] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.respuesta-unidad[data-v-b0dcca83] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.problema-pista[data-v-b0dcca83] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-b0dcca83] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b0dcca83] { font-size: 1.25rem;
}
.resultado-texto[data-v-b0dcca83] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-b0dcca83] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-b0dcca83] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b0dcca83] { flex: 1;
}
.nav-btn[data-v-b0dcca83] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b0dcca83] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b0dcca83] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b0dcca83] { font-size: 1.75rem;
}
.completado-texto[data-v-b0dcca83] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b0dcca83], .slide-leave-active[data-v-b0dcca83] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b0dcca83] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b0dcca83] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.controles-container[data-v-b0dcca83] {
    flex-direction: row;
    gap: 1.5rem;
}
.control-grupo[data-v-b0dcca83] {
    flex: 1;
}
.grafico-svg[data-v-b0dcca83] {
    max-width: 350px;
}
}

/* Header */
.resumen-header[data-v-e725a326] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-e725a326] {
  font-size: 1.75rem;
}
.header-titulo[data-v-e725a326] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmula principal */
.formula-principal[data-v-e725a326] {
  text-align: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.formula-label[data-v-e725a326] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-contenido[data-v-e725a326] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.75rem;
  font-weight: 700;
}
.formula-x[data-v-e725a326] {
  color: #93C5FD;
}
.formula-frac[data-v-e725a326] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.frac-num[data-v-e725a326] {
  color: #FCD34D;
  padding-bottom: 2px;
}
.frac-bar[data-v-e725a326] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.frac-den[data-v-e725a326] {
  color: #FCD34D;
  padding-top: 2px;
}
.formula-nota[data-v-e725a326] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Máximo/Mínimo resumen */
.maxmin-resumen[data-v-e725a326] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.maxmin-item[data-v-e725a326] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.maxmin-item.maximo[data-v-e725a326] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.maxmin-item.minimo[data-v-e725a326] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.mm-grafico[data-v-e725a326] {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.maxmin-item.maximo .mm-grafico[data-v-e725a326] {
  color: #6EE7B7;
}
.maxmin-item.minimo .mm-grafico[data-v-e725a326] {
  color: #FCA5A5;
}
.mm-condicion[data-v-e725a326] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.mm-resultado[data-v-e725a326] {
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
strong.positivo[data-v-e725a326] {
  color: #6EE7B7;
}
strong.negativo[data-v-e725a326] {
  color: #FCA5A5;
}
.mm-descripcion[data-v-e725a326] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Pasos resumen */
.pasos-resumen[data-v-e725a326] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.pasos-titulo[data-v-e725a326] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pasos-lista[data-v-e725a326] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-e725a326] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-e725a326] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-e725a326] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tipos PAES */
.tipos-paes[data-v-e725a326] {
  margin-bottom: 1.5rem;
}
.tipos-titulo[data-v-e725a326] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipos-grid[data-v-e725a326] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-card[data-v-e725a326] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-icono[data-v-e725a326] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-e725a326] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.tipo-ejemplo[data-v-e725a326] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tips PAES */
.tips-paes[data-v-e725a326] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.tip-header[data-v-e725a326] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-icono[data-v-e725a326] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-e725a326] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tips-lista[data-v-e725a326] {
  margin: 0;
  padding-left: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tips-lista li[data-v-e725a326] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Fórmula alternativa */
.formula-alternativa[data-v-e725a326] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.fa-titulo[data-v-e725a326] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.fa-formula[data-v-e725a326] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.frac[data-v-e725a326] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
}
.num[data-v-e725a326], .den[data-v-e725a326] {
  padding: 0 0.25rem;
  font-size: 0.9rem;
}
.bar[data-v-e725a326] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-e725a326] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
}
.final-icono[data-v-e725a326] {
  font-size: 1.5rem;
}
.final-texto[data-v-e725a326] {
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formula-contenido[data-v-e725a326] {
    font-size: 2rem;
}
.maxmin-resumen[data-v-e725a326] {
    gap: 1rem;
}
.maxmin-item[data-v-e725a326] {
    padding: 1rem;
}
.mm-grafico[data-v-e725a326] {
    font-size: 2.5rem;
}
.tipos-grid[data-v-e725a326] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-e725a326] {
    padding: 0.75rem;
}
.tipo-icono[data-v-e725a326] {
    font-size: 1.5rem;
}
.tipo-nombre[data-v-e725a326] {
    font-size: 0.85rem;
}
.tipo-ejemplo[data-v-e725a326] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-6587414c] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-6587414c] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.fn[data-v-6587414c] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.eq[data-v-6587414c] {
  font-size: 1.75rem;
  color: #FFFFFF;
}
.base[data-v-6587414c] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
}
.exponente[data-v-6587414c] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  position: relative;
  top: -0.75rem;
}
.intro-desc[data-v-6587414c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-6587414c] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-6587414c] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-6587414c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-6587414c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-6587414c] {
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.destacado[data-v-6587414c] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.comp-tipo[data-v-6587414c] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comp-item.destacado .comp-tipo[data-v-6587414c] {
  color: #6EE7B7;
}
.comp-formula[data-v-6587414c] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-formula strong[data-v-6587414c] {
  color: #FCD34D;
}
.comp-nota[data-v-6587414c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Definición */
.definicion[data-v-6587414c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-6587414c] {
  font-size: 1.5rem;
}
.def-contenido[data-v-6587414c] {
  flex: 1;
}
.def-titulo[data-v-6587414c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-6587414c] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-nota[data-v-6587414c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-6587414c] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-6587414c] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-6587414c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-6587414c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-6587414c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-formula[data-v-6587414c] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-base[data-v-6587414c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tabla de valores */
.tabla-section[data-v-6587414c] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-6587414c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-6587414c] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-valores[data-v-6587414c] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-6587414c],
.tabla-valores td[data-v-6587414c] {
  padding: 0.4rem 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-6587414c] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.tabla-valores td[data-v-6587414c] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.tabla-valores td.label-td[data-v-6587414c] {
  color: #93C5FD;
  font-weight: 600;
}
.tabla-valores td.destacado[data-v-6587414c] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 700;
}
.tabla-observacion[data-v-6587414c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.obs-icono[data-v-6587414c] {
  font-size: 1rem;
}
.obs-texto[data-v-6587414c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-6587414c] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-6587414c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6587414c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6587414c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6587414c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-6587414c] {
    gap: 0.75rem;
}
.fn[data-v-6587414c] {
    font-size: 2rem;
}
.eq[data-v-6587414c] {
    font-size: 2rem;
}
.base[data-v-6587414c] {
    font-size: 2.5rem;
}
.exponente[data-v-6587414c] {
    font-size: 1.5rem;
    top: -1rem;
}
.comp-grid[data-v-6587414c] {
    gap: 0.75rem;
}
.comp-item[data-v-6587414c] {
    padding: 0.75rem;
}
.comp-tipo[data-v-6587414c] {
    font-size: 0.8rem;
}
.comp-formula[data-v-6587414c] {
    font-size: 1rem;
}
.ejemplos-grid[data-v-6587414c] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-valores[data-v-6587414c] {
    font-size: 0.95rem;
}
.tabla-valores th[data-v-6587414c],
  .tabla-valores td[data-v-6587414c] {
    padding: 0.5rem 0.75rem;
}
}

/* Intro */
.propiedades-intro[data-v-97891b5a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.prop-icono[data-v-97891b5a] {
  font-size: 1.5rem;
}
.prop-texto[data-v-97891b5a] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.prop-texto strong[data-v-97891b5a] {
  color: #FFFFFF;
}

/* Grid de propiedades */
.propiedades-grid[data-v-97891b5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.propiedad-card[data-v-97891b5a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.propiedad-card.destacada[data-v-97891b5a] {
  border-color: rgba(252, 211, 77, 0.5);
  background: rgba(245, 158, 11, 0.1);
}
.prop-header[data-v-97891b5a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.prop-emoji[data-v-97891b5a] {
  font-size: 1rem;
}
.prop-nombre[data-v-97891b5a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  text-transform: uppercase;
}
.propiedad-card.destacada .prop-nombre[data-v-97891b5a] {
  color: #FCD34D;
}
.prop-valor[data-v-97891b5a] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.prop-explicacion[data-v-97891b5a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.prop-ejemplo[data-v-97891b5a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Comportamiento según base */
.comportamiento-section[data-v-97891b5a] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-97891b5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-97891b5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comp-caso[data-v-97891b5a] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.comp-caso.creciente[data-v-97891b5a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-caso.decreciente[data-v-97891b5a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.caso-header[data-v-97891b5a] {
  margin-bottom: 0.5rem;
}
.caso-condicion[data-v-97891b5a] {
  display: block;
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.caso-tipo[data-v-97891b5a] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 700;
}
.creciente .caso-tipo[data-v-97891b5a] {
  background: #10B981;
  color: white;
}
.decreciente .caso-tipo[data-v-97891b5a] {
  background: #EF4444;
  color: white;
}
.caso-visual[data-v-97891b5a] {
  margin: 0.5rem 0;
}
.caso-svg[data-v-97891b5a] {
  width: 100%;
  max-width: 100px;
  height: auto;
}
.caso-ejemplos[data-v-97891b5a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.caso-desc[data-v-97891b5a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Resumen rápido */
.resumen-rapido[data-v-97891b5a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-97891b5a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.resumen-items[data-v-97891b5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.resumen-item[data-v-97891b5a] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.item-check[data-v-97891b5a] {
  color: #6EE7B7;
  font-weight: 700;
}
.item-text[data-v-97891b5a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-text strong[data-v-97891b5a] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-97891b5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-97891b5a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-97891b5a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-97891b5a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-grid[data-v-97891b5a] {
    gap: 1rem;
}
.propiedad-card[data-v-97891b5a] {
    padding: 1rem;
}
.prop-nombre[data-v-97891b5a] {
    font-size: 0.8rem;
}
.prop-valor[data-v-97891b5a] {
    font-size: 1.25rem;
}
.comp-grid[data-v-97891b5a] {
    gap: 1rem;
}
.comp-caso[data-v-97891b5a] {
    padding: 1rem;
}
.caso-svg[data-v-97891b5a] {
    max-width: 120px;
}
.caso-ejemplos[data-v-97891b5a] {
    font-size: 0.9rem;
}
.resumen-items[data-v-97891b5a] {
    gap: 0.5rem;
}
.item-text[data-v-97891b5a] {
    font-size: 0.85rem;
}
}

/* Gráfico principal */
.grafico-principal[data-v-54c98e76] {
  margin-bottom: 1.5rem;
}
.grafico-titulo[data-v-54c98e76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grafico-container[data-v-54c98e76] {
  display: flex;
  justify-content: center;
}
.grafico-svg[data-v-54c98e76] {
  width: 100%;
  max-width: 320px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}

/* Puntos clave */
.puntos-clave[data-v-54c98e76] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-54c98e76] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.punto-icono[data-v-54c98e76] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
}
.punto-info[data-v-54c98e76] {
  flex: 1;
}
.punto-coord[data-v-54c98e76] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.punto-desc[data-v-54c98e76] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Comparación de bases */
.comparacion-section[data-v-54c98e76] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-54c98e76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.grafico-comparacion[data-v-54c98e76] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-svg-small[data-v-54c98e76] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-nota[data-v-54c98e76] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-nota strong[data-v-54c98e76] {
  color: #6EE7B7;
}

/* Identificar sección */
.identificar-section[data-v-54c98e76] {
  margin: 1.5rem 0;
}
.id-titulo[data-v-54c98e76] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.id-lista[data-v-54c98e76] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.id-item[data-v-54c98e76] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.id-num[data-v-54c98e76] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.id-text[data-v-54c98e76] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.id-text strong[data-v-54c98e76] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-54c98e76] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-54c98e76] {
  font-size: 1.25rem;
}
.tip-texto[data-v-54c98e76] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-54c98e76] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-54c98e76] {
    max-width: 380px;
}
.puntos-clave[data-v-54c98e76] {
    flex-direction: row;
    gap: 0.75rem;
}
.punto-item[data-v-54c98e76] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.grafico-svg-small[data-v-54c98e76] {
    max-width: 320px;
}
.id-lista[data-v-54c98e76] {
    gap: 0.5rem;
}
.id-item[data-v-54c98e76] {
    padding: 0.6rem 0.75rem;
}
.id-text[data-v-54c98e76] {
    font-size: 0.9rem;
}
}

.explorador[data-v-d6686360] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d6686360] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d6686360] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d6686360] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d6686360] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d6686360] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d6686360] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d6686360] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d6686360] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d6686360] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-d6686360] {
  text-align: center;
}
.sim-funcion[data-v-d6686360] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-wrapper[data-v-d6686360] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-svg[data-v-d6686360] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.control-container[data-v-d6686360] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.control-label[data-v-d6686360] {
  display: block;
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.control-slider[data-v-d6686360] {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, #FCA5A5, #C4B5FD, #6EE7B7);
  border-radius: 4px;
  outline: none;
}
.control-slider[data-v-d6686360]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.control-extremos[data-v-d6686360] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.control-medio[data-v-d6686360] {
  color: #FCD34D;
  font-weight: 700;
}
.tipo-indicador[data-v-d6686360] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.tipo-indicador.creciente[data-v-d6686360] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tipo-indicador.decreciente[data-v-d6686360] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sim-pregunta[data-v-d6686360] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-d6686360] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-grid[data-v-d6686360] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-d6686360] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-d6686360] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-d6686360] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-d6686360] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Propiedades ===== */
.propiedades-container[data-v-d6686360] {
  text-align: center;
}
.prop-funcion[data-v-d6686360] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.prop-pregunta[data-v-d6686360] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.prop-opciones[data-v-d6686360] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.prop-btn[data-v-d6686360] {
  padding: 0.7rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.prop-btn.seleccionado[data-v-d6686360] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.prop-btn.correcto[data-v-d6686360] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.prop-btn.incorrecto[data-v-d6686360] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.prop-pista[data-v-d6686360] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Calcular ===== */
.calculo-container[data-v-d6686360] {
  text-align: center;
}
.calculo-pregunta[data-v-d6686360] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-visual[data-v-d6686360] {
  margin-bottom: 0.75rem;
}
.calculo-funcion[data-v-d6686360] {
  display: inline-block;
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.calculo-respuesta[data-v-d6686360] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-d6686360] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.respuesta-input[data-v-d6686360] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-d6686360] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-d6686360] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-d6686360] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-d6686360]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.calculo-ayuda[data-v-d6686360] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.calculo-pista[data-v-d6686360] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-d6686360] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d6686360] { font-size: 1.25rem;
}
.resultado-texto[data-v-d6686360] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-d6686360] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-d6686360] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d6686360] { flex: 1;
}
.nav-btn[data-v-d6686360] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d6686360] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d6686360] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d6686360] { font-size: 1.75rem;
}
.completado-texto[data-v-d6686360] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d6686360], .slide-leave-active[data-v-d6686360] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d6686360] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d6686360] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-d6686360] {
    max-width: 320px;
}
.opciones-grid[data-v-d6686360] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.opcion-btn[data-v-d6686360] {
    flex: 1;
    max-width: 180px;
}
}

/* Intro */
.resumen-intro[data-v-58adf6ff] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-58adf6ff] {
  font-size: 2rem;
}
.resumen-intro p[data-v-58adf6ff] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-58adf6ff] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-58adf6ff] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-58adf6ff] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-58adf6ff]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-58adf6ff] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-58adf6ff] {
    grid-column: span 1;
}
}
.card-header[data-v-58adf6ff] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-58adf6ff] {
  font-size: 1.25rem;
}
.card-titulo[data-v-58adf6ff] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-58adf6ff] {
  color: #E9D5FF;
}
.card-nota[data-v-58adf6ff] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Formula visual */
.formula-visual[data-v-58adf6ff] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula[data-v-58adf6ff] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Propiedades lista */
.prop-lista[data-v-58adf6ff] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prop-item[data-v-58adf6ff] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.prop-label[data-v-58adf6ff] {
  color: #C4B5FD;
}
.prop-valor[data-v-58adf6ff] {
  font-family: monospace;
  font-weight: 600;
  color: #FFFFFF;
}

/* Comportamiento grid */
.comportamiento-grid[data-v-58adf6ff] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comp-item[data-v-58adf6ff] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.creciente[data-v-58adf6ff] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-item.decreciente[data-v-58adf6ff] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-condicion[data-v-58adf6ff] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.comp-tipo[data-v-58adf6ff] {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0.25rem 0;
}
.comp-item.creciente .comp-tipo[data-v-58adf6ff] {
  color: #6EE7B7;
}
.comp-item.decreciente .comp-tipo[data-v-58adf6ff] {
  color: #FCA5A5;
}
.comp-ejemplos[data-v-58adf6ff] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Gráfico resumen */
.grafico-resumen[data-v-58adf6ff] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mini-grafico[data-v-58adf6ff] {
  width: 100%;
  max-width: 200px;
  height: auto;
  margin-bottom: 0.5rem;
}
.grafico-leyenda[data-v-58adf6ff] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.ley-item.creciente[data-v-58adf6ff] {
  color: #6EE7B7;
}
.ley-item.decreciente[data-v-58adf6ff] {
  color: #FCA5A5;
}

/* Aplicaciones */
.aplicaciones-lista[data-v-58adf6ff] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.app-item[data-v-58adf6ff] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Recuerda lista */
.recuerda-lista[data-v-58adf6ff] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.rec-item[data-v-58adf6ff] {
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-58adf6ff] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-58adf6ff] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-58adf6ff] {
  font-size: 1.25rem;
}
.tip-text[data-v-58adf6ff] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-58adf6ff] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-58adf6ff] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-58adf6ff] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-58adf6ff 1s ease-in-out infinite;
}
@keyframes bounce-58adf6ff {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-58adf6ff] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-58adf6ff] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-e548f5d5] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-e548f5d5] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.fn[data-v-e548f5d5] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.eq[data-v-e548f5d5] {
  font-size: 1.75rem;
  color: #FFFFFF;
}
.log[data-v-e548f5d5] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.base-sub[data-v-e548f5d5] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  position: relative;
  bottom: -0.25rem;
}
.arg[data-v-e548f5d5] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #F9A8D4;
}
.intro-desc[data-v-e548f5d5] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-e548f5d5] {
  color: #FCD34D;
}

/* Relación exponencial-logaritmo */
.relacion-section[data-v-e548f5d5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.rel-titulo[data-v-e548f5d5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.rel-contenido[data-v-e548f5d5] {
  text-align: center;
}
.rel-ecuacion[data-v-e548f5d5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.rel-izq[data-v-e548f5d5], .rel-der[data-v-e548f5d5] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.exp-base[data-v-e548f5d5] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.exp-exp[data-v-e548f5d5] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.exp-igual[data-v-e548f5d5], .log-igual[data-v-e548f5d5] {
  color: #FFFFFF;
  font-size: 1.25rem;
}
.exp-res[data-v-e548f5d5] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #F9A8D4;
}
.rel-flecha[data-v-e548f5d5] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.log-func[data-v-e548f5d5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.log-res[data-v-e548f5d5] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.rel-explicacion[data-v-e548f5d5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}
.rel-explicacion strong[data-v-e548f5d5] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplo-section[data-v-e548f5d5] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-e548f5d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-cards[data-v-e548f5d5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-e548f5d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-exp[data-v-e548f5d5] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-flecha[data-v-e548f5d5] {
  color: #8B5CF6;
  font-size: 1rem;
  margin: 0.25rem 0;
}
.ejemplo-log[data-v-e548f5d5] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #F9A8D4;
}

/* Definición */
.definicion[data-v-e548f5d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-e548f5d5] {
  font-size: 1.5rem;
}
.def-contenido[data-v-e548f5d5] {
  flex: 1;
}
.def-titulo[data-v-e548f5d5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-e548f5d5] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-nota[data-v-e548f5d5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-e548f5d5] {
  color: #6EE7B7;
}

/* Logaritmos comunes */
.comunes-section[data-v-e548f5d5] {
  margin: 1.5rem 0;
}
.comunes-titulo[data-v-e548f5d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comunes-grid[data-v-e548f5d5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comun-item[data-v-e548f5d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comun-nombre[data-v-e548f5d5] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.comun-formula[data-v-e548f5d5] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.comun-nota[data-v-e548f5d5] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Tabla de valores */
.tabla-section[data-v-e548f5d5] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-e548f5d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-e548f5d5] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-valores[data-v-e548f5d5] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-e548f5d5],
.tabla-valores td[data-v-e548f5d5] {
  padding: 0.4rem 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-e548f5d5] {
  background: rgba(139, 92, 246, 0.2);
  color: #F9A8D4;
  font-weight: 700;
}
.tabla-valores td[data-v-e548f5d5] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.tabla-valores td.label-td[data-v-e548f5d5] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-valores td.destacado[data-v-e548f5d5] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 700;
}
.tabla-observacion[data-v-e548f5d5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.obs-icono[data-v-e548f5d5] {
  font-size: 1rem;
}
.obs-texto[data-v-e548f5d5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-e548f5d5] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-e548f5d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e548f5d5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e548f5d5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e548f5d5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-e548f5d5] {
    gap: 0.5rem;
}
.fn[data-v-e548f5d5] {
    font-size: 2rem;
}
.eq[data-v-e548f5d5] {
    font-size: 2rem;
}
.log[data-v-e548f5d5] {
    font-size: 2rem;
}
.base-sub[data-v-e548f5d5] {
    font-size: 1.1rem;
}
.arg[data-v-e548f5d5] {
    font-size: 1.75rem;
}
.ejemplo-cards[data-v-e548f5d5] {
    gap: 0.75rem;
}
.ejemplo-card[data-v-e548f5d5] {
    padding: 0.75rem;
}
.ejemplo-exp[data-v-e548f5d5] {
    font-size: 1rem;
}
.ejemplo-log[data-v-e548f5d5] {
    font-size: 0.95rem;
}
.tabla-valores[data-v-e548f5d5] {
    font-size: 0.95rem;
}
.tabla-valores th[data-v-e548f5d5],
  .tabla-valores td[data-v-e548f5d5] {
    padding: 0.5rem 0.75rem;
}
}

/* Intro */
.intro-section[data-v-19e53458] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-19e53458] {
  font-size: 2rem;
}
.intro-texto[data-v-19e53458] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.intro-texto strong[data-v-19e53458] {
  color: #6EE7B7;
}

/* Diagrama de inversas */
.diagrama-section[data-v-19e53458] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-19e53458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-contenido[data-v-19e53458] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.flujo-inverso[data-v-19e53458] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.flujo-paso[data-v-19e53458] {
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
}
.flujo-paso.medio[data-v-19e53458] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.5);
}
.flujo-valor[data-v-19e53458] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.flujo-flecha-derecha[data-v-19e53458] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.flujo-funcion[data-v-19e53458] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha[data-v-19e53458] {
  font-size: 1rem;
  color: #FCD34D;
}
.flujo-nota[data-v-19e53458] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.flujo-nota strong[data-v-19e53458] {
  color: #6EE7B7;
}

/* Ejemplo numérico */
.ejemplo-section[data-v-19e53458] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-19e53458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-pasos[data-v-19e53458] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-paso[data-v-19e53458] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-19e53458] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-19e53458] {
  flex: 1;
}
.paso-operacion[data-v-19e53458] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
strong.positivo[data-v-19e53458] {
  color: #6EE7B7;
}
.ejemplo-conclusion[data-v-19e53458] {
  text-align: center;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Propiedades inversas */
.propiedades-section[data-v-19e53458] {
  margin: 1.5rem 0;
}
.prop-titulo[data-v-19e53458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prop-grid[data-v-19e53458] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.prop-card[data-v-19e53458] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-formula[data-v-19e53458] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.prop-ejemplo[data-v-19e53458] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Gráfico */
.grafico-section[data-v-19e53458] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-19e53458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grafico-container[data-v-19e53458] {
  display: flex;
  justify-content: center;
}
.grafico-svg[data-v-19e53458] {
  width: 100%;
  max-width: 300px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}
.grafico-leyenda[data-v-19e53458] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-19e53458] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.leyenda-color[data-v-19e53458] {
  width: 16px;
  height: 4px;
  border-radius: 2px;
}
.leyenda-color.exp[data-v-19e53458] {
  background: #6EE7B7;
}
.leyenda-color.log[data-v-19e53458] {
  background: #F9A8D4;
}
.leyenda-texto[data-v-19e53458] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Intercambio dominio/recorrido */
.intercambio-section[data-v-19e53458] {
  margin: 1.5rem 0;
}
.inter-titulo[data-v-19e53458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.inter-tabla[data-v-19e53458] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.inter-row[data-v-19e53458] {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 0.25rem;
}
.inter-cell[data-v-19e53458] {
  padding: 0.5rem;
  text-align: center;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.inter-row.header .inter-cell[data-v-19e53458] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  color: #C4B5FD;
}
.inter-row.exp .inter-cell[data-v-19e53458] {
  background: rgba(16, 185, 129, 0.15);
}
.inter-row.log .inter-cell[data-v-19e53458] {
  background: rgba(249, 168, 212, 0.15);
}
.inter-cell.nombre[data-v-19e53458] {
  font-family: monospace;
  font-weight: 600;
}
.inter-row.exp .inter-cell.nombre[data-v-19e53458] {
  color: #6EE7B7;
}
.inter-row.log .inter-cell.nombre[data-v-19e53458] {
  color: #F9A8D4;
}

/* Tip */
.tip[data-v-19e53458] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-19e53458] {
  font-size: 1.25rem;
}
.tip-texto[data-v-19e53458] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-19e53458] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-section[data-v-19e53458] {
    padding: 1.25rem;
}
.flujo-inverso[data-v-19e53458] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.flujo-paso[data-v-19e53458] {
    padding: 0.5rem 0.75rem;
}
.flujo-funcion[data-v-19e53458] {
    font-size: 0.8rem;
}
.prop-grid[data-v-19e53458] {
    gap: 0.75rem;
}
.prop-card[data-v-19e53458] {
    padding: 1rem;
}
.prop-formula[data-v-19e53458] {
    font-size: 1rem;
}
.grafico-svg[data-v-19e53458] {
    max-width: 360px;
}
.inter-row[data-v-19e53458] {
    grid-template-columns: 2fr 1fr 1fr;
}
.inter-cell[data-v-19e53458] {
    padding: 0.6rem 0.75rem;
    font-size: 0.9rem;
}
}

/* Gráfico principal */
.grafico-principal[data-v-232b79fa] {
  margin-bottom: 1.5rem;
}
.grafico-titulo[data-v-232b79fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.grafico-container[data-v-232b79fa] {
  display: flex;
  justify-content: center;
}
.grafico-svg[data-v-232b79fa] {
  width: 100%;
  max-width: 320px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
}

/* Puntos clave */
.puntos-clave[data-v-232b79fa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-232b79fa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.punto-icono[data-v-232b79fa] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1rem;
}
.punto-info[data-v-232b79fa] {
  flex: 1;
}
.punto-coord[data-v-232b79fa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.punto-desc[data-v-232b79fa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Propiedades */
.propiedades-section[data-v-232b79fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prop-titulo[data-v-232b79fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.prop-lista[data-v-232b79fa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prop-item[data-v-232b79fa] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.prop-label[data-v-232b79fa] {
  font-weight: 600;
  color: #C4B5FD;
  min-width: 85px;
}
.prop-valor[data-v-232b79fa] {
  color: #FFFFFF;
}

/* Comparación de bases */
.comparacion-section[data-v-232b79fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-232b79fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.grafico-comparacion[data-v-232b79fa] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-svg-small[data-v-232b79fa] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-nota[data-v-232b79fa] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-nota strong[data-v-232b79fa] {
  color: #F9A8D4;
}

/* Caso especial */
.caso-especial[data-v-232b79fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.caso-titulo[data-v-232b79fa] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.caso-contenido[data-v-232b79fa] {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.caso-grafico[data-v-232b79fa] {
  flex: 0 0 auto;
}
.grafico-svg-mini[data-v-232b79fa] {
  width: 150px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caso-texto[data-v-232b79fa] {
  flex: 1;
  min-width: 150px;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-texto strong[data-v-232b79fa] {
  color: #FFFFFF;
}
strong.negativo[data-v-232b79fa] {
  color: #FCA5A5;
}

/* Identificar */
.identificar-section[data-v-232b79fa] {
  margin: 1.5rem 0;
}
.id-titulo[data-v-232b79fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.id-lista[data-v-232b79fa] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.id-item[data-v-232b79fa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.id-num[data-v-232b79fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.id-text[data-v-232b79fa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.id-text strong[data-v-232b79fa] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-232b79fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-232b79fa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-232b79fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-232b79fa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-232b79fa] {
    max-width: 380px;
}
.puntos-clave[data-v-232b79fa] {
    flex-direction: row;
    gap: 0.75rem;
}
.punto-item[data-v-232b79fa] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.grafico-svg-small[data-v-232b79fa] {
    max-width: 320px;
}
.grafico-svg-mini[data-v-232b79fa] {
    width: 180px;
}
.id-lista[data-v-232b79fa] {
    gap: 0.5rem;
}
.id-item[data-v-232b79fa] {
    padding: 0.6rem 0.75rem;
}
.id-text[data-v-232b79fa] {
    font-size: 0.9rem;
}
}

.explorador[data-v-5e1e999e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5e1e999e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5e1e999e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5e1e999e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5e1e999e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5e1e999e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5e1e999e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5e1e999e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5e1e999e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5e1e999e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-5e1e999e] {
  text-align: center;
}
.sim-funcion[data-v-5e1e999e] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.grafico-wrapper[data-v-5e1e999e] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-svg[data-v-5e1e999e] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.control-container[data-v-5e1e999e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.control-label[data-v-5e1e999e] {
  display: block;
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.control-slider[data-v-5e1e999e] {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, #FCA5A5, #C4B5FD, #6EE7B7);
  border-radius: 4px;
  outline: none;
}
.control-slider[data-v-5e1e999e]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.control-extremos[data-v-5e1e999e] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.control-medio[data-v-5e1e999e] {
  color: #FCD34D;
  font-weight: 700;
}
.tipo-indicador[data-v-5e1e999e] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.tipo-indicador.creciente[data-v-5e1e999e] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tipo-indicador.decreciente[data-v-5e1e999e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sim-pregunta[data-v-5e1e999e] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-5e1e999e] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-grid[data-v-5e1e999e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-5e1e999e] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-5e1e999e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-5e1e999e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-5e1e999e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Conversiones ===== */
.conversion-container[data-v-5e1e999e] {
  text-align: center;
}
.conv-instruccion[data-v-5e1e999e] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.conv-ecuacion[data-v-5e1e999e] {
  font-family: monospace;
  font-size: 1.6rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.conv-opciones[data-v-5e1e999e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.conv-btn[data-v-5e1e999e] {
  padding: 0.7rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
  cursor: pointer;
  transition: all 0.2s ease;
}
.conv-btn.seleccionado[data-v-5e1e999e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.conv-btn.correcto[data-v-5e1e999e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.conv-btn.incorrecto[data-v-5e1e999e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.conv-pista[data-v-5e1e999e] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Calcular ===== */
.calculo-container[data-v-5e1e999e] {
  text-align: center;
}
.calculo-pregunta[data-v-5e1e999e] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-visual[data-v-5e1e999e] {
  margin-bottom: 0.75rem;
}
.calculo-funcion[data-v-5e1e999e] {
  display: inline-block;
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.calculo-ayuda[data-v-5e1e999e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.calculo-respuesta[data-v-5e1e999e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-5e1e999e] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.3rem;
}
.input-wrapper[data-v-5e1e999e] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-5e1e999e] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.5rem;
  color: #6EE7B7;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-signo.negativo[data-v-5e1e999e] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.respuesta-input[data-v-5e1e999e] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-5e1e999e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-5e1e999e] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-5e1e999e] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-5e1e999e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.calculo-pista[data-v-5e1e999e] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-5e1e999e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5e1e999e] { font-size: 1.25rem;
}
.resultado-texto[data-v-5e1e999e] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-5e1e999e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-5e1e999e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5e1e999e] { flex: 1;
}
.nav-btn[data-v-5e1e999e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5e1e999e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5e1e999e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5e1e999e] { font-size: 1.75rem;
}
.completado-texto[data-v-5e1e999e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5e1e999e], .slide-leave-active[data-v-5e1e999e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5e1e999e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5e1e999e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-5e1e999e] {
    max-width: 320px;
}
.opciones-grid[data-v-5e1e999e] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.opcion-btn[data-v-5e1e999e] {
    flex: 1;
    max-width: 160px;
}
.conv-opciones[data-v-5e1e999e] {
    gap: 0.75rem;
}
.conv-btn[data-v-5e1e999e] {
    font-size: 0.9rem;
    padding: 0.75rem;
}
}

/* Intro */
.resumen-intro[data-v-e09ee2b4] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(249, 168, 212, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-e09ee2b4] {
  font-size: 2rem;
}
.resumen-intro p[data-v-e09ee2b4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-e09ee2b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-e09ee2b4] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-e09ee2b4] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-e09ee2b4]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-e09ee2b4] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-e09ee2b4] {
    grid-column: span 1;
}
}
.card-header[data-v-e09ee2b4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-e09ee2b4] {
  font-size: 1.25rem;
}
.card-titulo[data-v-e09ee2b4] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-e09ee2b4] {
  color: #E9D5FF;
}
.card-nota[data-v-e09ee2b4] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Formula visual */
.formula-visual[data-v-e09ee2b4] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula[data-v-e09ee2b4] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #F9A8D4;
}

/* Relación fórmula */
.relacion-formula[data-v-e09ee2b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-family: monospace;
  font-weight: 700;
}
.exp[data-v-e09ee2b4] {
  color: #6EE7B7;
  font-size: 1rem;
}
.equiv[data-v-e09ee2b4] {
  color: #FCD34D;
  font-size: 1.2rem;
}
.log[data-v-e09ee2b4] {
  color: #F9A8D4;
  font-size: 0.95rem;
}

/* Dominio/Recorrido grid */
.dom-rec-grid[data-v-e09ee2b4] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 768px) {
.dom-rec-grid[data-v-e09ee2b4] {
    grid-template-columns: repeat(2, 1fr);
}
}
.dom-rec-item[data-v-e09ee2b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.item-label[data-v-e09ee2b4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.item-valor[data-v-e09ee2b4] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.item-nota[data-v-e09ee2b4] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Valores grid */
.valores-grid[data-v-e09ee2b4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.valor-item[data-v-e09ee2b4] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.valor-formula[data-v-e09ee2b4] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.valor-porque[data-v-e09ee2b4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Comportamiento */
.comportamiento-lista[data-v-e09ee2b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-e09ee2b4] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.comp-item.creciente[data-v-e09ee2b4] {
  background: rgba(16, 185, 129, 0.15);
}
.comp-item.decreciente[data-v-e09ee2b4] {
  background: rgba(239, 68, 68, 0.15);
}
.comp-cond[data-v-e09ee2b4] {
  color: #C4B5FD;
}
.comp-item.creciente .comp-res[data-v-e09ee2b4] {
  color: #6EE7B7;
  font-weight: 700;
}
.comp-item.decreciente .comp-res[data-v-e09ee2b4] {
  color: #FCA5A5;
  font-weight: 700;
}

/* Comunes lista */
.comunes-lista[data-v-e09ee2b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comun-item[data-v-e09ee2b4] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.comun-nombre[data-v-e09ee2b4] {
  color: #C4B5FD;
}
.comun-formula[data-v-e09ee2b4] {
  font-family: monospace;
  color: #FFFFFF;
}

/* Gráfico resumen */
.grafico-resumen[data-v-e09ee2b4] {
  margin-bottom: 2rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.grafico-titulo[data-v-e09ee2b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.grafico-container[data-v-e09ee2b4] {
  display: flex;
  justify-content: center;
}
.grafico-svg[data-v-e09ee2b4] {
  width: 100%;
  max-width: 260px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Tips finales */
.tips-finales[data-v-e09ee2b4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-e09ee2b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-e09ee2b4] {
  font-size: 1.25rem;
}
.tip-text[data-v-e09ee2b4] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-e09ee2b4] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-e09ee2b4] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(249, 168, 212, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(249, 168, 212, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-e09ee2b4] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-e09ee2b4 1s ease-in-out infinite;
}
@keyframes bounce-e09ee2b4 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-e09ee2b4] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-e09ee2b4] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-322ac6fc] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-322ac6fc] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.fn[data-v-322ac6fc] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.eq[data-v-322ac6fc] {
  font-size: 1.5rem;
  color: #FFFFFF;
  margin: 0 0.25rem;
}
.termino[data-v-322ac6fc] {
  font-size: 1.25rem;
  font-weight: 700;
}
.termino.coef[data-v-322ac6fc] {
  color: #6EE7B7;
}
.termino.var[data-v-322ac6fc] {
  color: #FCD34D;
}
.termino.op[data-v-322ac6fc] {
  color: #FFFFFF;
  margin: 0 0.15rem;
}
.intro-desc[data-v-322ac6fc] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-322ac6fc] {
  color: #FFFFFF;
}
.intro-desc strong.destacado[data-v-322ac6fc] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Comparación */
.comparacion-section[data-v-322ac6fc] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-322ac6fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-322ac6fc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-322ac6fc] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.comp-item.destacado[data-v-322ac6fc] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
  border-width: 2px;
}
.comp-tipo[data-v-322ac6fc] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  min-width: 100px;
}
.comp-item.destacado .comp-tipo[data-v-322ac6fc] {
  color: #6EE7B7;
}
.comp-formula[data-v-322ac6fc] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex: 1;
  text-align: center;
}
.comp-grafico[data-v-322ac6fc] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
  text-align: right;
}

/* Definición */
.definicion[data-v-322ac6fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-322ac6fc] {
  font-size: 1.5rem;
}
.def-contenido[data-v-322ac6fc] {
  flex: 1;
}
.def-titulo[data-v-322ac6fc] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-322ac6fc] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-nota[data-v-322ac6fc] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-322ac6fc] {
  color: #6EE7B7;
}

/* Función básica */
.basica-section[data-v-322ac6fc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.basica-titulo[data-v-322ac6fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-container[data-v-322ac6fc] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.75rem;
}
.tabla-valores[data-v-322ac6fc] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-322ac6fc],
.tabla-valores td[data-v-322ac6fc] {
  padding: 0.4rem 0.6rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-322ac6fc] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.tabla-valores td[data-v-322ac6fc] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-valores td.label-td[data-v-322ac6fc] {
  color: #93C5FD;
  font-weight: 700;
}
.tabla-valores td.neg[data-v-322ac6fc] {
  color: #FCA5A5;
}
.tabla-valores td.pos[data-v-322ac6fc] {
  color: #6EE7B7;
}
.tabla-valores td.cero[data-v-322ac6fc] {
  color: #C4B5FD;
}
.observacion[data-v-322ac6fc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.obs-icono[data-v-322ac6fc] {
  font-size: 1rem;
}
.obs-texto[data-v-322ac6fc] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.obs-texto strong.neg[data-v-322ac6fc] {
  color: #FCA5A5;
}
.obs-texto strong.pos[data-v-322ac6fc] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplos-section[data-v-322ac6fc] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-322ac6fc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-322ac6fc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-322ac6fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-formula[data-v-322ac6fc] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-desc[data-v-322ac6fc] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  text-align: center;
}

/* Tip */
.tip[data-v-322ac6fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-322ac6fc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-322ac6fc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-322ac6fc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-322ac6fc] {
    gap: 0.35rem;
}
.fn[data-v-322ac6fc] {
    font-size: 1.75rem;
}
.eq[data-v-322ac6fc] {
    font-size: 1.75rem;
}
.termino[data-v-322ac6fc] {
    font-size: 1.5rem;
}
.comp-grid[data-v-322ac6fc] {
    flex-direction: row;
    gap: 0.75rem;
}
.comp-item[data-v-322ac6fc] {
    flex-direction: column;
    text-align: center;
    flex: 1;
    padding: 0.75rem;
}
.comp-tipo[data-v-322ac6fc] {
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
    min-width: auto;
}
.comp-formula[data-v-322ac6fc] {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}
.comp-grafico[data-v-322ac6fc] {
    text-align: center;
    min-width: auto;
}
.ejemplos-grid[data-v-322ac6fc] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-valores[data-v-322ac6fc] {
    font-size: 0.95rem;
}
.tabla-valores th[data-v-322ac6fc],
  .tabla-valores td[data-v-322ac6fc] {
    padding: 0.5rem 0.75rem;
}
}

p[data-v-b01a2eec] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}
p strong[data-v-b01a2eec] {
  color: #FFFFFF;
}
p strong.destacado[data-v-b01a2eec] {
  color: #FCD34D;
}

/* Gráficos */
.grafico-section[data-v-b01a2eec] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-b01a2eec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.graficos-container[data-v-b01a2eec] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.grafico-card[data-v-b01a2eec] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.grafico-header[data-v-b01a2eec] {
  padding: 0.5rem;
  text-align: center;
  font-weight: 700;
}
.grafico-header.pos[data-v-b01a2eec] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.grafico-header.neg[data-v-b01a2eec] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.grafico-condicion[data-v-b01a2eec] {
  font-size: 1rem;
}
.grafico-visual[data-v-b01a2eec] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.05);
}
.grafico-svg[data-v-b01a2eec] {
  width: 100%;
  height: auto;
  max-height: 120px;
}
.grafico-desc[data-v-b01a2eec] {
  padding: 0.5rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
}
.desc-texto[data-v-b01a2eec] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.desc-texto strong.pos[data-v-b01a2eec] {
  color: #6EE7B7;
}
.desc-texto strong.neg[data-v-b01a2eec] {
  color: #FCA5A5;
}

/* Propiedades */
.propiedades-section[data-v-b01a2eec] {
  margin: 1.5rem 0;
}
.prop-titulo[data-v-b01a2eec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-lista[data-v-b01a2eec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad[data-v-b01a2eec] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-b01a2eec] {
  font-size: 1.25rem;
}
.prop-contenido[data-v-b01a2eec] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.prop-nombre[data-v-b01a2eec] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.prop-valor[data-v-b01a2eec] {
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-b01a2eec] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-b01a2eec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-container[data-v-b01a2eec] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.75rem;
}
.tabla-valores[data-v-b01a2eec] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-b01a2eec],
.tabla-valores td[data-v-b01a2eec] {
  padding: 0.4rem 0.6rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-b01a2eec] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.tabla-valores td[data-v-b01a2eec] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-valores td.label-td[data-v-b01a2eec] {
  color: #93C5FD;
  font-weight: 700;
}
.tabla-valores td.neg[data-v-b01a2eec] {
  color: #FCA5A5;
}
.tabla-valores td.pos[data-v-b01a2eec] {
  color: #6EE7B7;
}
.tabla-valores td.cero[data-v-b01a2eec] {
  color: #C4B5FD;
}
.ejemplo-raices[data-v-b01a2eec] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.raices-label[data-v-b01a2eec] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.raices-valores[data-v-b01a2eec] {
  display: flex;
  gap: 0.5rem;
}
.raiz[data-v-b01a2eec] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Diferencia */
.diferencia-section[data-v-b01a2eec] {
  margin: 1.5rem 0;
}
.dif-titulo[data-v-b01a2eec] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dif-grid[data-v-b01a2eec] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dif-item[data-v-b01a2eec] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.dif-item.destacado[data-v-b01a2eec] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.dif-tipo[data-v-b01a2eec] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.dif-item.destacado .dif-tipo[data-v-b01a2eec] {
  color: #FCD34D;
}
.dif-desc[data-v-b01a2eec] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dif-desc strong[data-v-b01a2eec] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-b01a2eec] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b01a2eec] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b01a2eec] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b01a2eec] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.graficos-container[data-v-b01a2eec] {
    gap: 1rem;
}
.grafico-svg[data-v-b01a2eec] {
    max-height: 150px;
}
.grafico-condicion[data-v-b01a2eec] {
    font-size: 1.1rem;
}
.desc-texto[data-v-b01a2eec] {
    font-size: 0.85rem;
}
.propiedades-lista[data-v-b01a2eec] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
.dif-grid[data-v-b01a2eec] {
    flex-direction: row;
    gap: 1rem;
}
.dif-item[data-v-b01a2eec] {
    flex: 1;
}
}

p[data-v-acce30ca] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}
p strong[data-v-acce30ca] {
  color: #FFFFFF;
}
p strong.destacado[data-v-acce30ca] {
  color: #FCD34D;
}

/* Casos */
.casos-section[data-v-acce30ca] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-acce30ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-acce30ca] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.caso-card[data-v-acce30ca] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.caso-card.destacado[data-v-acce30ca] {
  border-color: rgba(16, 185, 129, 0.5);
  border-width: 2px;
}
.caso-header[data-v-acce30ca] {
  padding: 0.4rem;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
}
.caso-card.destacado .caso-header[data-v-acce30ca] {
  background: rgba(16, 185, 129, 0.2);
}
.caso-num[data-v-acce30ca] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.caso-card.destacado .caso-num[data-v-acce30ca] {
  color: #6EE7B7;
}
.caso-visual[data-v-acce30ca] {
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
}
.caso-svg[data-v-acce30ca] {
  width: 100%;
  height: auto;
}
.caso-ejemplo[data-v-acce30ca] {
  padding: 0.4rem;
  text-align: center;
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Método */
.metodo-section[data-v-acce30ca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-titulo[data-v-acce30ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.metodo-paso[data-v-acce30ca] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso-num[data-v-acce30ca] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-acce30ca] {
  flex: 1;
}
.paso-titulo[data-v-acce30ca] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.paso-ejemplo[data-v-acce30ca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ejemplo-linea[data-v-acce30ca] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.ejemplo-linea.resultado[data-v-acce30ca] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.paso-raices[data-v-acce30ca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.raiz-item[data-v-acce30ca] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.metodo-resultado[data-v-acce30ca] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.resultado-label[data-v-acce30ca] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.resultado-valores[data-v-acce30ca] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.raiz[data-v-acce30ca] {
  padding: 0.25rem 0.6rem;
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Forma factorizada */
.factorizada-section[data-v-acce30ca] {
  margin: 1.5rem 0;
}
.fact-titulo[data-v-acce30ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.fact-contenido[data-v-acce30ca] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.fact-intro[data-v-acce30ca] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}
.fact-intro strong[data-v-acce30ca] {
  color: #FCD34D;
}
.fact-formula[data-v-acce30ca] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.fact-ejemplo[data-v-acce30ca] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.fact-label[data-v-acce30ca] {
  color: #C4B5FD;
  font-weight: 600;
}
.fact-texto[data-v-acce30ca] {
  color: #E9D5FF;
  font-family: monospace;
}

/* Relación */
.relacion-section[data-v-acce30ca] {
  margin: 1.5rem 0;
}
.rel-titulo[data-v-acce30ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rel-contenido[data-v-acce30ca] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rel-item[data-v-acce30ca] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.rel-item.destacado[data-v-acce30ca] {
  background: rgba(93, 199, 246, 0.1);
  border-color: rgba(93, 199, 246, 0.4);
}
.rel-formula[data-v-acce30ca] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.rel-desc[data-v-acce30ca] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.rel-desc strong[data-v-acce30ca] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-acce30ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-acce30ca] {
  font-size: 1.25rem;
}
.tip-texto[data-v-acce30ca] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-acce30ca] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.casos-grid[data-v-acce30ca] {
    gap: 0.75rem;
}
.caso-header[data-v-acce30ca] {
    padding: 0.5rem;
}
.caso-num[data-v-acce30ca] {
    font-size: 0.85rem;
}
.caso-ejemplo[data-v-acce30ca] {
    font-size: 0.8rem;
}
.paso-raices[data-v-acce30ca] {
    flex-direction: row;
    gap: 0.5rem;
}
.rel-contenido[data-v-acce30ca] {
    flex-direction: row;
}
.rel-item[data-v-acce30ca] {
    flex: 1;
}
}

.explorador[data-v-2d3bec46] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2d3bec46] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2d3bec46] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2d3bec46] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2d3bec46] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2d3bec46] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2d3bec46] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2d3bec46] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2d3bec46] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2d3bec46] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar gráfico ===== */
.grafico-identificar[data-v-2d3bec46] {
  text-align: center;
}
.gi-pregunta[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.gi-label[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.gi-funcion[data-v-2d3bec46] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.gi-coeficiente[data-v-2d3bec46] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.gi-coeficiente strong.pos[data-v-2d3bec46] {
  color: #6EE7B7;
}
.gi-coeficiente strong.neg[data-v-2d3bec46] {
  color: #FCA5A5;
}
.gi-opciones[data-v-2d3bec46] {
  margin-bottom: 1rem;
}
.gi-pregunta-texto[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.gi-botones[data-v-2d3bec46] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.gi-btn[data-v-2d3bec46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  min-width: 120px;
}
.gi-btn[data-v-2d3bec46]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
}
.gi-btn.seleccionado[data-v-2d3bec46] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.gi-btn.correcto[data-v-2d3bec46] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.gi-btn.incorrecto[data-v-2d3bec46] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.btn-icono[data-v-2d3bec46] {
  font-size: 1.5rem;
}
.btn-texto[data-v-2d3bec46] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.gi-contador[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Raíces ===== */
.raices-container[data-v-2d3bec46] {
  text-align: center;
}
.rc-funcion[data-v-2d3bec46] {
  margin-bottom: 0.75rem;
}
.rc-label[data-v-2d3bec46] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.rc-formula[data-v-2d3bec46] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
}
.rc-ayuda[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-2d3bec46] {
  font-size: 1rem;
}
.ayuda-texto[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: monospace;
}
.rc-input-section[data-v-2d3bec46] {
  margin-bottom: 1rem;
}
.rc-instruccion[data-v-2d3bec46] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.rc-inputs[data-v-2d3bec46] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.rc-input-grupo[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rc-x[data-v-2d3bec46] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-weight: 600;
}
.input-con-signo[data-v-2d3bec46] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-2d3bec46] {
  width: 32px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-2d3bec46] {
  color: #FCA5A5;
}
.rc-input[data-v-2d3bec46] {
  width: 45px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.rc-input.correcto[data-v-2d3bec46] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.rc-input.incorrecto[data-v-2d3bec46] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-2d3bec46] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.feedback-error[data-v-2d3bec46] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.rc-contador[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-2d3bec46] {
  text-align: center;
}
.sim-funcion[data-v-2d3bec46] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.sim-label[data-v-2d3bec46] {
  font-size: 1rem;
  color: #93C5FD;
}
.sim-a[data-v-2d3bec46] {
  font-size: 1.5rem;
  font-weight: 800;
}
.sim-a.pos[data-v-2d3bec46] {
  color: #6EE7B7;
}
.sim-a.neg[data-v-2d3bec46] {
  color: #FCA5A5;
}
.sim-x[data-v-2d3bec46] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.sim-grafico[data-v-2d3bec46] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.sim-svg[data-v-2d3bec46] {
  width: 100%;
  max-width: 250px;
  height: auto;
}
.sim-controles[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ctrl-label[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ctrl-botones[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ctrl-btn[data-v-2d3bec46] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.ctrl-btn[data-v-2d3bec46]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ctrl-valor[data-v-2d3bec46] {
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 50px;
  text-align: center;
}
.ctrl-valor.pos[data-v-2d3bec46] {
  color: #6EE7B7;
}
.ctrl-valor.neg[data-v-2d3bec46] {
  color: #FCA5A5;
}
.sim-observaciones[data-v-2d3bec46] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.obs-item[data-v-2d3bec46] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  opacity: 0.5;
  transition: all 0.2s ease;
}
.obs-item.activo[data-v-2d3bec46] {
  opacity: 1;
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.obs-condicion[data-v-2d3bec46] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  display: block;
}
.obs-desc[data-v-2d3bec46] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.sim-tarea[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.tarea-icono[data-v-2d3bec46] {
  font-size: 1rem;
}
.tarea-texto[data-v-2d3bec46] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tarea-texto strong[data-v-2d3bec46] {
  color: #FCD34D;
}
.btn-completar[data-v-2d3bec46] {
  padding: 0.6rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2d3bec46] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-2d3bec46] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2d3bec46] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2d3bec46] {
  flex: 1;
}
.nav-btn[data-v-2d3bec46] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2d3bec46] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2d3bec46] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2d3bec46] {
  font-size: 1.75rem;
}
.completado-texto[data-v-2d3bec46] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2d3bec46], .slide-leave-active[data-v-2d3bec46] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2d3bec46] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-2d3bec46] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.gi-botones[data-v-2d3bec46] {
    gap: 1rem;
}
.gi-btn[data-v-2d3bec46] {
    min-width: 150px;
    padding: 1rem 1.5rem;
}
.btn-texto[data-v-2d3bec46] {
    font-size: 0.85rem;
}
.rc-inputs[data-v-2d3bec46] {
    gap: 1rem;
}
.sim-svg[data-v-2d3bec46] {
    max-width: 300px;
}
}

/* Intro */
.resumen-intro[data-v-d7bd78c1] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-d7bd78c1] {
  font-size: 2rem;
}
.resumen-intro p[data-v-d7bd78c1] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}
.resumen-intro p strong[data-v-d7bd78c1] {
  color: #FFFFFF;
}

/* Cards grid */
.resumen-cards[data-v-d7bd78c1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-d7bd78c1] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-d7bd78c1] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-d7bd78c1]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-d7bd78c1] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-d7bd78c1] {
    grid-column: span 1;
}
}
.card-header[data-v-d7bd78c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-d7bd78c1] {
  font-size: 1.25rem;
}
.card-titulo[data-v-d7bd78c1] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-d7bd78c1] {
  color: #E9D5FF;
}
.card-nota[data-v-d7bd78c1] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.card-nota strong[data-v-d7bd78c1] {
  color: #6EE7B7;
  font-style: normal;
}

/* Formula visual */
.formula-visual[data-v-d7bd78c1] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-visual strong.coef[data-v-d7bd78c1] {
  color: #6EE7B7;
}

/* Comportamiento grid */
.comportamiento-grid[data-v-d7bd78c1] {
  display: flex;
  gap: 0.5rem;
}
.comp-item[data-v-d7bd78c1] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.comp-item.pos[data-v-d7bd78c1] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-item.neg[data-v-d7bd78c1] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-condicion[data-v-d7bd78c1] {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.comp-item.pos .comp-condicion[data-v-d7bd78c1] {
  color: #6EE7B7;
}
.comp-item.neg .comp-condicion[data-v-d7bd78c1] {
  color: #FCA5A5;
}
.comp-desc[data-v-d7bd78c1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Dominio y recorrido */
.dom-rec-grid[data-v-d7bd78c1] {
  display: flex;
  gap: 0.5rem;
}
.dr-item[data-v-d7bd78c1] {
  flex: 1;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.dr-label[data-v-d7bd78c1] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.dr-valor[data-v-d7bd78c1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Raíces */
.raices-info[data-v-d7bd78c1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.raices-cantidad[data-v-d7bd78c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.raices-texto[data-v-d7bd78c1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.raices-opciones[data-v-d7bd78c1] {
  display: flex;
  gap: 0.4rem;
}
.raiz-opcion[data-v-d7bd78c1] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.raiz-opcion.destacada[data-v-d7bd78c1] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.raices-metodo[data-v-d7bd78c1] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.metodo-titulo[data-v-d7bd78c1] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  display: block;
  margin-bottom: 0.5rem;
}
.metodo-pasos[data-v-d7bd78c1] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.metodo-pasos li[data-v-d7bd78c1] {
  margin-bottom: 0.2rem;
}

/* Forma factorizada */
.factorizada-formula[data-v-d7bd78c1] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.factorizada-ejemplo[data-v-d7bd78c1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-label[data-v-d7bd78c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-texto[data-v-d7bd78c1] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ej-raices[data-v-d7bd78c1] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Comparación tabla */
.comparacion-tabla[data-v-d7bd78c1] {
  font-size: 0.8rem;
}
.comp-row[data-v-d7bd78c1] {
  display: flex;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.comp-row.header[data-v-d7bd78c1] {
  font-weight: 700;
  color: #FCD34D;
  background: rgba(139, 92, 246, 0.1);
}
.comp-cell[data-v-d7bd78c1] {
  flex: 1;
  padding: 0.4rem;
  text-align: center;
}
.comp-cell.label[data-v-d7bd78c1] {
  text-align: left;
  color: #C4B5FD;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-d7bd78c1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-d7bd78c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-d7bd78c1] {
  font-size: 1.25rem;
}
.tip-text[data-v-d7bd78c1] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-d7bd78c1] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-d7bd78c1] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-d7bd78c1] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-d7bd78c1 1s ease-in-out infinite;
}
@keyframes bounce-d7bd78c1 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-d7bd78c1] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-texto strong[data-v-d7bd78c1] {
  color: #6EE7B7;
}
.celebracion-siguiente[data-v-d7bd78c1] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.raices-info[data-v-d7bd78c1] {
    flex-direction: row;
}
.raices-cantidad[data-v-d7bd78c1] {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
}
.raices-metodo[data-v-d7bd78c1] {
    flex: 1;
}
.factorizada-ejemplo[data-v-d7bd78c1] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-e838a53f] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-e838a53f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.fn[data-v-e838a53f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.eq[data-v-e838a53f] {
  font-size: 1.5rem;
  color: #FFFFFF;
  margin: 0 0.25rem;
}
.fraccion[data-v-e838a53f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-e838a53f], .denominador[data-v-e838a53f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0 0.5rem;
}
.linea-fraccion[data-v-e838a53f] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.15rem 0;
}
.denominador[data-v-e838a53f] {
  color: #FCD34D;
}
.intro-desc[data-v-e838a53f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-e838a53f] {
  color: #FFFFFF;
}

/* Definición */
.definicion[data-v-e838a53f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-e838a53f] {
  font-size: 1.5rem;
}
.def-contenido[data-v-e838a53f] {
  flex: 1;
}
.def-titulo[data-v-e838a53f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-e838a53f] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-nota[data-v-e838a53f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.def-nota strong[data-v-e838a53f] {
  color: #FCA5A5;
}

/* Función básica */
.basica-section[data-v-e838a53f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.basica-titulo[data-v-e838a53f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-container[data-v-e838a53f] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.75rem;
}
.tabla-valores[data-v-e838a53f] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-e838a53f],
.tabla-valores td[data-v-e838a53f] {
  padding: 0.4rem 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-e838a53f] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.tabla-valores td[data-v-e838a53f] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-valores td.label-td[data-v-e838a53f] {
  color: #93C5FD;
  font-weight: 700;
}
.tabla-valores td.neg[data-v-e838a53f] {
  color: #FCA5A5;
}
.tabla-valores td.pos[data-v-e838a53f] {
  color: #6EE7B7;
}
.observacion[data-v-e838a53f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.obs-icono[data-v-e838a53f] {
  font-size: 1rem;
}
.obs-texto[data-v-e838a53f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-e838a53f] {
  color: #FCA5A5;
}

/* Ejemplos */
.ejemplos-section[data-v-e838a53f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-e838a53f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-e838a53f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-e838a53f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-formula[data-v-e838a53f] {
  margin-bottom: 0.25rem;
}
.frac-inline[data-v-e838a53f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac-inline .num[data-v-e838a53f],
.frac-inline .den[data-v-e838a53f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}
.frac-inline .num[data-v-e838a53f] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac-inline .den[data-v-e838a53f] {
  padding-top: 0.1rem;
}
.ej-desc[data-v-e838a53f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Características */
.caracteristicas-section[data-v-e838a53f] {
  margin: 1.5rem 0;
}
.carac-titulo[data-v-e838a53f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.carac-lista[data-v-e838a53f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.carac-item[data-v-e838a53f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.carac-icono[data-v-e838a53f] {
  font-size: 1.25rem;
}
.carac-contenido[data-v-e838a53f] {
  flex: 1;
}
.carac-nombre[data-v-e838a53f] {
  display: block;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.carac-desc[data-v-e838a53f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-e838a53f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e838a53f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e838a53f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e838a53f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-e838a53f] {
    gap: 0.75rem;
}
.fn[data-v-e838a53f] {
    font-size: 1.75rem;
}
.eq[data-v-e838a53f] {
    font-size: 1.75rem;
}
.numerador[data-v-e838a53f], .denominador[data-v-e838a53f] {
    font-size: 1.5rem;
}
.ejemplos-grid[data-v-e838a53f] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-valores[data-v-e838a53f] {
    font-size: 0.95rem;
}
.tabla-valores th[data-v-e838a53f],
  .tabla-valores td[data-v-e838a53f] {
    padding: 0.5rem 0.75rem;
}
.frac-inline .num[data-v-e838a53f],
  .frac-inline .den[data-v-e838a53f] {
    font-size: 0.95rem;
}
}

/* Concepto principal */
.concepto-principal[data-v-fbe3589b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-fbe3589b] {
  font-size: 2rem;
}
.concepto-texto p[data-v-fbe3589b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.5;
}
.concepto-texto strong[data-v-fbe3589b] {
  color: #FFFFFF;
}
.concepto-texto strong.negativo[data-v-fbe3589b] {
  color: #FCA5A5;
}
.concepto-texto strong.cero[data-v-fbe3589b] {
  color: #FCD34D;
}

/* Método */
.metodo-section[data-v-fbe3589b] {
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-fbe3589b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-fbe3589b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-fbe3589b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-fbe3589b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-fbe3589b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplos */
.ejemplo-section[data-v-fbe3589b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-section.especial[data-v-fbe3589b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo-titulo[data-v-fbe3589b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-fbe3589b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-pasos[data-v-fbe3589b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ej-paso[data-v-fbe3589b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-paso.destacado[data-v-fbe3589b] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.ej-paso.destacado.positivo[data-v-fbe3589b] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.ej-paso-label[data-v-fbe3589b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  min-width: 70px;
}
.ej-paso-calc[data-v-fbe3589b] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.ej-paso-calc strong.negativo[data-v-fbe3589b] {
  color: #FCA5A5;
}

/* Visual recta dominio */
.ejemplo-visual[data-v-fbe3589b] {
  padding-top: 0.5rem;
}
.recta-dominio[data-v-fbe3589b] {
  position: relative;
  height: 40px;
  margin: 0 1rem;
}
.recta-linea[data-v-fbe3589b] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(to right, #8B5CF6, #6EE7B7);
  border-radius: 2px;
}
.punto-excluido[data-v-fbe3589b] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.punto-valor[data-v-fbe3589b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.punto-circulo[data-v-fbe3589b] {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1F1F1F;
  border: 3px solid #FCA5A5;
  border-radius: 50%;
  font-size: 0;
}
.recta-label[data-v-fbe3589b] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Nota especial */
.nota-especial[data-v-fbe3589b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nota-icono[data-v-fbe3589b] {
  font-size: 1rem;
}
.nota-texto[data-v-fbe3589b] {
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Notación */
.notacion-section[data-v-fbe3589b] {
  margin: 1.5rem 0;
}
.notacion-titulo[data-v-fbe3589b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.notacion-grid[data-v-fbe3589b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.notacion-item[data-v-fbe3589b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.notacion-tipo[data-v-fbe3589b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  min-width: 80px;
}
.notacion-ej[data-v-fbe3589b] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-fbe3589b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fbe3589b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fbe3589b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fbe3589b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.notacion-grid[data-v-fbe3589b] {
    flex-direction: row;
    gap: 0.5rem;
}
.notacion-item[data-v-fbe3589b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.notacion-tipo[data-v-fbe3589b] {
    min-width: auto;
}
}

/* Concepto principal */
.concepto-principal[data-v-f9f4dfd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-f9f4dfd0] {
  font-size: 2rem;
}
.concepto-texto p[data-v-f9f4dfd0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
  line-height: 1.5;
}
.concepto-texto strong[data-v-f9f4dfd0] {
  color: #FFFFFF;
}
.concepto-texto strong.destacado[data-v-f9f4dfd0] {
  color: #FCD34D;
}

/* Tipos */
.tipos-section[data-v-f9f4dfd0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-f9f4dfd0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-f9f4dfd0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-f9f4dfd0] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.vertical[data-v-f9f4dfd0] {
  border-color: rgba(252, 165, 165, 0.5);
}
.tipo-card.horizontal[data-v-f9f4dfd0] {
  border-color: rgba(110, 231, 183, 0.5);
}
.tipo-header[data-v-f9f4dfd0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-f9f4dfd0] {
  font-size: 1.25rem;
  font-weight: 700;
}
.tipo-card.vertical .tipo-icono[data-v-f9f4dfd0] {
  color: #FCA5A5;
}
.tipo-card.horizontal .tipo-icono[data-v-f9f4dfd0] {
  color: #6EE7B7;
}
.tipo-nombre[data-v-f9f4dfd0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-formula[data-v-f9f4dfd0] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.tipo-desc[data-v-f9f4dfd0] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Secciones de asíntotas */
.asintota-section[data-v-f9f4dfd0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.asintota-titulo[data-v-f9f4dfd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.asintota-tipo[data-v-f9f4dfd0] {
  font-size: 1.25rem;
  font-weight: 800;
}
.asintota-tipo.vertical[data-v-f9f4dfd0] {
  color: #FCA5A5;
}
.asintota-tipo.horizontal[data-v-f9f4dfd0] {
  color: #6EE7B7;
}
.asintota-contenido[data-v-f9f4dfd0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regla-box[data-v-f9f4dfd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.regla-icono[data-v-f9f4dfd0] {
  font-size: 1rem;
}
.regla-texto[data-v-f9f4dfd0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-texto strong[data-v-f9f4dfd0] {
  color: #FCD34D;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-f9f4dfd0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mini-formula[data-v-f9f4dfd0] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
}
.mini-resultado[data-v-f9f4dfd0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.mini-resultado strong[data-v-f9f4dfd0] {
  color: #FCA5A5;
}

/* Fracciones inline */
.frac[data-v-f9f4dfd0], .frac-grande[data-v-f9f4dfd0] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-f9f4dfd0], .frac .den[data-v-f9f4dfd0] {
  font-size: 0.85rem;
}
.frac-grande .num[data-v-f9f4dfd0], .frac-grande .den[data-v-f9f4dfd0] {
  font-size: 1rem;
}
.frac .num[data-v-f9f4dfd0], .frac-grande .num[data-v-f9f4dfd0] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-f9f4dfd0], .frac-grande .den[data-v-f9f4dfd0] {
  padding-top: 0.1rem;
}
.frac-mini[data-v-f9f4dfd0] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  font-size: 0.8rem;
}
.frac-mini .num[data-v-f9f4dfd0] {
  border-bottom: 1px solid #FFFFFF;
}

/* Casos grid */
.casos-grid[data-v-f9f4dfd0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.caso-item[data-v-f9f4dfd0] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.caso-condicion[data-v-f9f4dfd0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.caso-resultado[data-v-f9f4dfd0] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.caso-resultado strong[data-v-f9f4dfd0] {
  color: #6EE7B7;
}
.caso-ejemplo[data-v-f9f4dfd0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-f9f4dfd0] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ej-comp-titulo[data-v-f9f4dfd0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ej-comp-funcion[data-v-f9f4dfd0] {
  text-align: center;
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-comp-pasos[data-v-f9f4dfd0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.ej-comp-paso[data-v-f9f4dfd0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-label[data-v-f9f4dfd0] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  min-width: 35px;
}
.paso-calc[data-v-f9f4dfd0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-calc strong.vertical[data-v-f9f4dfd0] {
  color: #FCA5A5;
}
.paso-calc strong.horizontal[data-v-f9f4dfd0] {
  color: #6EE7B7;
}

/* Gráfico mini */
.ej-comp-visual[data-v-f9f4dfd0] {
  display: flex;
  justify-content: center;
}
.grafico-mini[data-v-f9f4dfd0] {
  position: relative;
  width: 180px;
  height: 120px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.eje-x[data-v-f9f4dfd0] {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  height: 1px;
  background: rgba(139, 92, 246, 0.5);
}
.eje-y[data-v-f9f4dfd0] {
  position: absolute;
  left: 30%;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: rgba(139, 92, 246, 0.5);
}
.av-line[data-v-f9f4dfd0] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  width: 2px;
  background: #FCA5A5;
  border: 1px dashed #FCA5A5;
}
.av-label[data-v-f9f4dfd0] {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.65rem;
  color: #FCA5A5;
  white-space: nowrap;
}
.ah-line[data-v-f9f4dfd0] {
  position: absolute;
  left: 10%;
  right: 10%;
  height: 2px;
  background: #6EE7B7;
  border: 1px dashed #6EE7B7;
}
.ah-label[data-v-f9f4dfd0] {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.65rem;
  color: #6EE7B7;
  white-space: nowrap;
}

/* Tip */
.tip[data-v-f9f4dfd0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f9f4dfd0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f9f4dfd0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f9f4dfd0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-f9f4dfd0] {
    gap: 1rem;
}
.tipo-card[data-v-f9f4dfd0] {
    padding: 1rem;
}
.tipo-nombre[data-v-f9f4dfd0] {
    font-size: 0.95rem;
}
.tipo-desc[data-v-f9f4dfd0] {
    font-size: 0.8rem;
}
.ejemplo-mini[data-v-f9f4dfd0] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
.grafico-mini[data-v-f9f4dfd0] {
    width: 220px;
    height: 140px;
}
}

.explorador[data-v-2afcbe9d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2afcbe9d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2afcbe9d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2afcbe9d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2afcbe9d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2afcbe9d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2afcbe9d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2afcbe9d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2afcbe9d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2afcbe9d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Fracciones */
.frac[data-v-2afcbe9d], .frac-sim[data-v-2afcbe9d] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-2afcbe9d], .frac .den[data-v-2afcbe9d],
.frac-sim .num[data-v-2afcbe9d], .frac-sim .den[data-v-2afcbe9d] {
  line-height: 1.2;
}
.frac .num[data-v-2afcbe9d], .frac-sim .num[data-v-2afcbe9d] {
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.frac .den[data-v-2afcbe9d], .frac-sim .den[data-v-2afcbe9d] {
  padding-top: 0.1rem;
}

/* ===== DESAFÍO 1: Dominio ===== */
.dominio-container[data-v-2afcbe9d] {
  text-align: center;
}
.dc-funcion[data-v-2afcbe9d] {
  margin-bottom: 1rem;
}
.dc-label[data-v-2afcbe9d] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.dc-formula[data-v-2afcbe9d] {
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
}
.dc-pregunta[data-v-2afcbe9d] {
  margin-bottom: 1rem;
}
.dc-q[data-v-2afcbe9d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.dc-inputs[data-v-2afcbe9d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dc-input-grupo[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.dc-x[data-v-2afcbe9d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-weight: 600;
}
.input-con-signo[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-2afcbe9d] {
  width: 32px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-right: none;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.sm[data-v-2afcbe9d] {
  width: 28px;
  height: 34px;
  font-size: 1rem;
}
.btn-signo.negativo[data-v-2afcbe9d] {
  color: #FCA5A5;
}
.dc-input[data-v-2afcbe9d], .as-input[data-v-2afcbe9d] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.dc-input.correcto[data-v-2afcbe9d], .as-input.correcto[data-v-2afcbe9d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.dc-input.incorrecto[data-v-2afcbe9d], .as-input.incorrecto[data-v-2afcbe9d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-2afcbe9d] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.feedback-error[data-v-2afcbe9d] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.dc-contador[data-v-2afcbe9d], .as-contador[data-v-2afcbe9d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Asíntotas ===== */
.asintotas-container[data-v-2afcbe9d] {
  text-align: center;
}
.as-funcion[data-v-2afcbe9d] {
  margin-bottom: 1rem;
}
.as-label[data-v-2afcbe9d] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.as-formula[data-v-2afcbe9d] {
  font-family: monospace;
  font-size: 1.25rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
}
.as-inputs[data-v-2afcbe9d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.75rem;
}
.as-input-row[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.as-tipo[data-v-2afcbe9d] {
  font-size: 0.85rem;
  font-weight: 700;
  min-width: 35px;
}
.as-tipo.vertical[data-v-2afcbe9d] {
  color: #FCA5A5;
}
.as-tipo.horizontal[data-v-2afcbe9d] {
  color: #6EE7B7;
}
.as-eq[data-v-2afcbe9d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.as-ayuda[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ayuda-icono[data-v-2afcbe9d] {
  font-size: 1rem;
}
.ayuda-texto[data-v-2afcbe9d] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-2afcbe9d] {
  text-align: center;
}
.sim-funcion[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}
.sim-label[data-v-2afcbe9d] {
  color: #93C5FD;
}
.frac-sim .num[data-v-2afcbe9d], .frac-sim .den[data-v-2afcbe9d] {
  font-weight: 700;
  color: #FFFFFF;
}
.sim-grafico[data-v-2afcbe9d] {
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.sim-svg[data-v-2afcbe9d] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.sim-labels[data-v-2afcbe9d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.sim-av-label[data-v-2afcbe9d] {
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #FCA5A5;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  white-space: nowrap;
}
.sim-ah-label[data-v-2afcbe9d] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: #93C5FD;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.sim-controles[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ctrl-label[data-v-2afcbe9d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ctrl-botones[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ctrl-btn[data-v-2afcbe9d] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.ctrl-btn[data-v-2afcbe9d]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ctrl-valor[data-v-2afcbe9d] {
  font-size: 1.25rem;
  font-weight: 700;
  min-width: 40px;
  text-align: center;
}
.ctrl-valor.pos[data-v-2afcbe9d] {
  color: #6EE7B7;
}
.ctrl-valor.neg[data-v-2afcbe9d] {
  color: #FCA5A5;
}
.ctrl-valor.cero[data-v-2afcbe9d] {
  color: #C4B5FD;
}
.sim-observaciones[data-v-2afcbe9d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.obs-item[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.obs-icono[data-v-2afcbe9d] {
  font-size: 1rem;
}
.obs-texto[data-v-2afcbe9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.sim-tarea[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.tarea-icono[data-v-2afcbe9d] {
  font-size: 1rem;
}
.tarea-texto[data-v-2afcbe9d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tarea-texto strong[data-v-2afcbe9d] {
  color: #FCD34D;
}
.btn-completar[data-v-2afcbe9d] {
  padding: 0.6rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2afcbe9d] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-2afcbe9d] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-2afcbe9d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2afcbe9d] {
  flex: 1;
}
.nav-btn[data-v-2afcbe9d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2afcbe9d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2afcbe9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2afcbe9d] {
  font-size: 1.75rem;
}
.completado-texto[data-v-2afcbe9d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2afcbe9d], .slide-leave-active[data-v-2afcbe9d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2afcbe9d] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-2afcbe9d] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.dc-inputs[data-v-2afcbe9d] {
    gap: 1.5rem;
}
.as-inputs[data-v-2afcbe9d] {
    flex-direction: row;
    gap: 1.5rem;
}
.sim-svg[data-v-2afcbe9d] {
    max-width: 320px;
}
.sim-observaciones[data-v-2afcbe9d] {
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
}
.obs-item[data-v-2afcbe9d] {
    flex: none;
    padding: 0.5rem 0.75rem;
}
}

/* Intro */
.resumen-intro[data-v-a8623bce] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-a8623bce] {
  font-size: 2rem;
}
.resumen-intro p[data-v-a8623bce] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-a8623bce] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-a8623bce] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-a8623bce] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-a8623bce]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-a8623bce] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-a8623bce] {
    grid-column: span 1;
}
}
.card-header[data-v-a8623bce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-a8623bce] {
  font-size: 1.25rem;
}
.card-icono.vertical[data-v-a8623bce] {
  color: #FCA5A5;
  font-weight: 800;
}
.card-icono.horizontal[data-v-a8623bce] {
  color: #6EE7B7;
  font-weight: 800;
}
.card-titulo[data-v-a8623bce] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-a8623bce] {
  color: #E9D5FF;
}
.card-nota[data-v-a8623bce] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Formula visual */
.formula-visual[data-v-a8623bce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.fv-fn[data-v-a8623bce] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.fv-eq[data-v-a8623bce] {
  color: #FFFFFF;
}
.fv-frac[data-v-a8623bce] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fv-num[data-v-a8623bce], .fv-den[data-v-a8623bce] {
  font-weight: 700;
  font-size: 0.95rem;
}
.fv-num[data-v-a8623bce] {
  color: #6EE7B7;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 0.1rem;
}
.fv-den[data-v-a8623bce] {
  color: #FCD34D;
  padding-top: 0.1rem;
}

/* Dominio */
.dominio-formula[data-v-a8623bce] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.dom-text[data-v-a8623bce] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.dominio-pasos[data-v-a8623bce] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-mini[data-v-a8623bce] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-left: 0.5rem;
}

/* AV formula */
.av-formula[data-v-a8623bce] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
  text-align: center;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
}

/* AH casos */
.ah-casos[data-v-a8623bce] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.ah-caso[data-v-a8623bce] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.ah-cond[data-v-a8623bce] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}
.ah-res[data-v-a8623bce] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Gráfico resumen */
.grafico-resumen[data-v-a8623bce] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.svg-resumen[data-v-a8623bce] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-notas[data-v-a8623bce] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.gn-item[data-v-a8623bce] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.gn-item strong.rojo[data-v-a8623bce] {
  color: #93C5FD;
}

/* Tips finales */
.tips-finales[data-v-a8623bce] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-a8623bce] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-a8623bce] {
  font-size: 1.25rem;
}
.tip-text[data-v-a8623bce] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-a8623bce] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-a8623bce] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-a8623bce] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-a8623bce 1s ease-in-out infinite;
}
@keyframes bounce-a8623bce {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-a8623bce] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-a8623bce] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-2a769c27] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.formula-grande[data-v-2a769c27] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.fn[data-v-2a769c27] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.eq[data-v-2a769c27] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.base[data-v-2a769c27] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.op[data-v-2a769c27] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.factor[data-v-2a769c27] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.exponente[data-v-2a769c27] {
  font-size: 1rem;
  font-weight: 800;
  color: #F9A8D4;
  position: relative;
  top: -0.6rem;
}
.intro-desc[data-v-2a769c27] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.intro-desc strong[data-v-2a769c27] {
  color: #6EE7B7;
}

/* Concepto section */
.concepto-section[data-v-2a769c27] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-2a769c27] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-box[data-v-2a769c27] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.concepto-box p[data-v-2a769c27] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
}
.lista-ejemplos[data-v-2a769c27] {
  margin: 0;
  padding-left: 1.25rem;
  list-style: none;
}
.lista-ejemplos li[data-v-2a769c27] {
  position: relative;
  color: #E9D5FF;
  margin-bottom: 0.4rem;
  font-size: 0.9rem;
}
.lista-ejemplos li[data-v-2a769c27]::before {
  content: "→";
  position: absolute;
  left: -1.1rem;
  color: #8B5CF6;
}
strong.positivo[data-v-2a769c27] {
  color: #6EE7B7;
}
strong.negativo[data-v-2a769c27] {
  color: #FCA5A5;
}

/* Fórmula section */
.formula-section[data-v-2a769c27] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-2a769c27] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-2a769c27] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-2a769c27] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.f-label[data-v-2a769c27] { color: #93C5FD;
}
.f-eq[data-v-2a769c27] { color: #FFFFFF;
}
.f-n0[data-v-2a769c27] { color: #FCD34D;
}
.f-dot[data-v-2a769c27] { color: #FFFFFF;
}
.f-a[data-v-2a769c27] { color: #6EE7B7; font-size: 1.6rem;
}
.f-t[data-v-2a769c27] { color: #F9A8D4; font-size: 0.9rem;
}
.formula-leyenda[data-v-2a769c27] {
  display: grid;
  gap: 0.4rem;
}
.leyenda-item[data-v-2a769c27] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ley-simbolo[data-v-2a769c27] {
  font-weight: 700;
  font-family: monospace;
  min-width: 35px;
}
.ley-simbolo.n0[data-v-2a769c27] { color: #FCD34D;
}
.ley-simbolo.factor[data-v-2a769c27] { color: #6EE7B7;
}
.ley-simbolo.tiempo[data-v-2a769c27] { color: #F9A8D4;
}
.ley-simbolo.resultado[data-v-2a769c27] { color: #93C5FD;
}
.ley-texto[data-v-2a769c27] {
  color: #E9D5FF;
}

/* Tipos section */
.tipos-section[data-v-2a769c27] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-2a769c27] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-2a769c27] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-2a769c27] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.tipo-card.crecimiento[data-v-2a769c27] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tipo-card.decaimiento[data-v-2a769c27] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-header[data-v-2a769c27] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.tipo-icono[data-v-2a769c27] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-2a769c27] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-card.crecimiento .tipo-nombre[data-v-2a769c27] { color: #6EE7B7;
}
.tipo-card.decaimiento .tipo-nombre[data-v-2a769c27] { color: #FCA5A5;
}
.tipo-condicion[data-v-2a769c27] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tipo-card.crecimiento .tipo-condicion[data-v-2a769c27] { color: #6EE7B7;
}
.tipo-card.decaimiento .tipo-condicion[data-v-2a769c27] { color: #FCA5A5;
}
.tipo-ejemplo[data-v-2a769c27] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tipo-visual[data-v-2a769c27] {
  display: flex;
  justify-content: center;
}
.mini-grafico[data-v-2a769c27] {
  width: 50px;
  height: 30px;
}

/* Ejemplos section */
.ejemplos-section[data-v-2a769c27] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-2a769c27] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-2a769c27] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-2a769c27] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-2a769c27] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-2a769c27] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-2a769c27] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2a769c27] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2a769c27] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2a769c27] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-2a769c27] {
    gap: 0.5rem;
}
.fn[data-v-2a769c27], .eq[data-v-2a769c27], .base[data-v-2a769c27], .op[data-v-2a769c27] {
    font-size: 1.75rem;
}
.factor[data-v-2a769c27] {
    font-size: 2rem;
}
.exponente[data-v-2a769c27] {
    font-size: 1.25rem;
}
.ejemplos-grid[data-v-2a769c27] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro section */
.intro-section[data-v-1fb6400e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-1fb6400e] {
  font-size: 2rem;
}
.intro-texto[data-v-1fb6400e] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
strong.positivo[data-v-1fb6400e] {
  color: #6EE7B7;
}

/* Fórmula section */
.formula-section[data-v-1fb6400e] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-1fb6400e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-1fb6400e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-1fb6400e] {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-family: monospace;
}
.formula-leyenda[data-v-1fb6400e] {
  display: grid;
  gap: 0.4rem;
}
.leyenda-item[data-v-1fb6400e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ley-simbolo[data-v-1fb6400e] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
  min-width: 50px;
}
.ley-texto[data-v-1fb6400e] {
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-1fb6400e] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-1fb6400e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-icono[data-v-1fb6400e] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-1fb6400e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-1fb6400e] {
  padding: 1rem;
}
.problema[data-v-1fb6400e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.problema strong[data-v-1fb6400e] {
  color: #FCD34D;
}
.solucion[data-v-1fb6400e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-paso[data-v-1fb6400e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-1fb6400e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-1fb6400e] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.datos-grid[data-v-1fb6400e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-left: 2rem;
}
.dato[data-v-1fb6400e] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.valor[data-v-1fb6400e] {
  color: #FFFFFF;
  font-weight: 600;
}
.valor.positivo[data-v-1fb6400e] {
  color: #6EE7B7;
}
.calculo[data-v-1fb6400e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-left: 2rem;
}
.resultado[data-v-1fb6400e] {
  color: #6EE7B7;
}

/* Tabla section */
.tabla-section[data-v-1fb6400e] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-1fb6400e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-1fb6400e] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-valores[data-v-1fb6400e] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-valores th[data-v-1fb6400e],
.tabla-valores td[data-v-1fb6400e] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-valores th[data-v-1fb6400e] {
  background: rgba(139, 92, 246, 0.2);
  color: #FCD34D;
  font-weight: 700;
}
.tabla-valores td[data-v-1fb6400e] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.tabla-valores td.label-td[data-v-1fb6400e] {
  color: #93C5FD;
  font-weight: 600;
}
.tabla-observacion[data-v-1fb6400e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.obs-icono[data-v-1fb6400e] {
  font-size: 1rem;
}
.obs-texto[data-v-1fb6400e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-1fb6400e] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-1fb6400e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1fb6400e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1fb6400e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1fb6400e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-section[data-v-1fb6400e] {
    gap: 1rem;
}
.intro-icono[data-v-1fb6400e] {
    font-size: 2.5rem;
}
.formula-principal[data-v-1fb6400e] {
    font-size: 1.5rem;
}
.datos-grid[data-v-1fb6400e] {
    gap: 0.75rem;
}
.tabla-valores[data-v-1fb6400e] {
    font-size: 0.95rem;
}
}

/* Intro section */
.intro-section[data-v-b24431cd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-b24431cd] {
  font-size: 2rem;
}
.intro-texto[data-v-b24431cd] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
strong.negativo[data-v-b24431cd] {
  color: #FCA5A5;
}

/* Fórmula section */
.formula-section[data-v-b24431cd] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-b24431cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-b24431cd] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-principal[data-v-b24431cd] {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-family: monospace;
}
.formula-leyenda[data-v-b24431cd] {
  display: grid;
  gap: 0.4rem;
}
.leyenda-item[data-v-b24431cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ley-simbolo[data-v-b24431cd] {
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
  min-width: 50px;
}
.ley-texto[data-v-b24431cd] {
  color: #E9D5FF;
}

/* Vida media section */
.vida-media-section[data-v-b24431cd] {
  margin: 1.5rem 0;
}
.vida-media-titulo[data-v-b24431cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.vida-media-box[data-v-b24431cd] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.vida-media-box p[data-v-b24431cd] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.vida-media-box strong[data-v-b24431cd] {
  color: #FCD34D;
}
.formula-vida-media[data-v-b24431cd] {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.vida-media-nota[data-v-b24431cd] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.vida-media-nota strong[data-v-b24431cd] {
  color: #F9A8D4;
}

/* Ejemplo section */
.ejemplo-section[data-v-b24431cd] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-b24431cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
}
.ejemplo-icono[data-v-b24431cd] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-b24431cd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-b24431cd] {
  padding: 1rem;
}
.problema[data-v-b24431cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.problema strong[data-v-b24431cd] {
  color: #FCD34D;
}
.solucion[data-v-b24431cd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sol-paso[data-v-b24431cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-b24431cd] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-b24431cd] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.datos-grid[data-v-b24431cd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-left: 2rem;
}
.dato[data-v-b24431cd] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.valor[data-v-b24431cd] {
  color: #FFFFFF;
  font-weight: 600;
}
.calculo[data-v-b24431cd] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-left: 2rem;
}
.resultado[data-v-b24431cd] {
  color: #FCA5A5;
}

/* Visual section */
.visual-section[data-v-b24431cd] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-b24431cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.visual-container[data-v-b24431cd] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.barras-grid[data-v-b24431cd] {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  height: 120px;
  gap: 0.5rem;
}
.barra-item[data-v-b24431cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  max-width: 60px;
  height: 100%;
}
.barra[data-v-b24431cd] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #FCA5A5);
  border-radius: 0.25rem 0.25rem 0 0;
  min-height: 8px;
}
.barra-label[data-v-b24431cd] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
}
.barra-tiempo[data-v-b24431cd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.visual-nota[data-v-b24431cd] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.visual-nota strong[data-v-b24431cd] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-b24431cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b24431cd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b24431cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b24431cd] {
  color: #6EE7B7;
}
.tip-texto strong.variable[data-v-b24431cd] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-section[data-v-b24431cd] {
    gap: 1rem;
}
.intro-icono[data-v-b24431cd] {
    font-size: 2.5rem;
}
.formula-principal[data-v-b24431cd],
  .formula-vida-media[data-v-b24431cd] {
    font-size: 1.5rem;
}
.barras-grid[data-v-b24431cd] {
    height: 140px;
}
.barra-item[data-v-b24431cd] {
    max-width: 80px;
}
}

.explorador[data-v-26c884fc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-26c884fc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-26c884fc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-26c884fc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-26c884fc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-26c884fc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-26c884fc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-26c884fc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-26c884fc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-26c884fc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Simulador ===== */
.simulador-container[data-v-26c884fc] {
  text-align: center;
}
.sim-escenario[data-v-26c884fc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.esc-icono[data-v-26c884fc] {
  font-size: 1.25rem;
}
.esc-texto[data-v-26c884fc] {
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.9rem;
}
.grafico-wrapper[data-v-26c884fc] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-svg[data-v-26c884fc] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.controles-grid[data-v-26c884fc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.control-item[data-v-26c884fc] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.control-label[data-v-26c884fc] {
  display: block;
  font-family: monospace;
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.control-slider[data-v-26c884fc] {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.control-slider[data-v-26c884fc]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid white;
}
.sim-pregunta[data-v-26c884fc] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-26c884fc] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.opciones-grid[data-v-26c884fc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-26c884fc] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-26c884fc] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-26c884fc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-26c884fc] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calculo-container[data-v-26c884fc] {
  text-align: center;
}
.calculo-escenario[data-v-26c884fc] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.esc-problema[data-v-26c884fc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-top: 0.5rem;
}
.calculo-datos[data-v-26c884fc] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-26c884fc] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.dato-label[data-v-26c884fc] {
  color: #C4B5FD;
  font-weight: 600;
}
.dato-valor[data-v-26c884fc] {
  color: #FCD34D;
  font-family: monospace;
}
.calculo-respuesta[data-v-26c884fc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-label[data-v-26c884fc] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.respuesta-input[data-v-26c884fc] {
  width: 90px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-26c884fc] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-26c884fc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-26c884fc] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-26c884fc]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.calculo-ayuda[data-v-26c884fc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.calculo-pista[data-v-26c884fc] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Tipo ===== */
.tipo-container[data-v-26c884fc] {
  text-align: center;
}
.tipo-escenario[data-v-26c884fc] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.esc-icono-grande[data-v-26c884fc] {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
}
.esc-descripcion[data-v-26c884fc] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.tipo-pregunta[data-v-26c884fc] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.tipo-opciones[data-v-26c884fc] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.tipo-btn[data-v-26c884fc] {
  flex: 1;
  max-width: 150px;
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  border: 2px solid;
}
.tipo-btn.crecimiento[data-v-26c884fc] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.tipo-btn.decaimiento[data-v-26c884fc] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.tipo-btn.seleccionado[data-v-26c884fc] {
  transform: scale(1.05);
}
.tipo-btn.crecimiento.seleccionado[data-v-26c884fc] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.tipo-btn.decaimiento.seleccionado[data-v-26c884fc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.tipo-btn.correcto[data-v-26c884fc] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.tipo-btn.incorrecto[data-v-26c884fc] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.tipo-pista[data-v-26c884fc] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-26c884fc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-26c884fc] { font-size: 1.25rem;
}
.resultado-texto[data-v-26c884fc] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-26c884fc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-26c884fc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-26c884fc] { flex: 1;
}
.nav-btn[data-v-26c884fc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-26c884fc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-26c884fc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-26c884fc] { font-size: 1.75rem;
}
.completado-texto[data-v-26c884fc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-26c884fc], .slide-leave-active[data-v-26c884fc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-26c884fc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-26c884fc] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-svg[data-v-26c884fc] {
    max-width: 320px;
}
.opciones-grid[data-v-26c884fc] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-26c884fc] {
    flex: 1;
    max-width: 120px;
}
.tipo-btn[data-v-26c884fc] {
    max-width: 180px;
    padding: 1rem;
}
}

/* Intro */
.resumen-intro[data-v-9e8e24c0] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9e8e24c0] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9e8e24c0] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-9e8e24c0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-9e8e24c0] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-9e8e24c0]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-9e8e24c0] {
  grid-column: span 2;
}
.resumen-card.crecimiento[data-v-9e8e24c0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.decaimiento[data-v-9e8e24c0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.card-header[data-v-9e8e24c0] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-9e8e24c0] {
  font-size: 1.1rem;
}
.card-titulo[data-v-9e8e24c0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-9e8e24c0] {
  color: #E9D5FF;
}

/* Fórmula display */
.formula-display[data-v-9e8e24c0] {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.leyenda-mini[data-v-9e8e24c0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
}
.ley-item strong[data-v-9e8e24c0] {
  font-family: monospace;
}
.ley-item .n0[data-v-9e8e24c0] { color: #FCD34D;
}
.ley-item .factor[data-v-9e8e24c0] { color: #6EE7B7;
}
.ley-item .tiempo[data-v-9e8e24c0] { color: #F9A8D4;
}

/* Crecimiento/Decaimiento cards */
.condicion[data-v-9e8e24c0] {
  text-align: center;
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.resumen-card.crecimiento .condicion[data-v-9e8e24c0] { color: #6EE7B7;
}
.resumen-card.decaimiento .condicion[data-v-9e8e24c0] { color: #FCA5A5;
}
.formula-alt[data-v-9e8e24c0] {
  text-align: center;
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.ejemplos[data-v-9e8e24c0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Vida media card */
.formula-vida[data-v-9e8e24c0] {
  text-align: center;
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.nota-vida[data-v-9e8e24c0] {
  text-align: center;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.ejemplo-vida[data-v-9e8e24c0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.75rem;
}
.vida-item[data-v-9e8e24c0] {
  color: #E9D5FF;
}
.vida-item strong[data-v-9e8e24c0] {
  color: #FCA5A5;
}

/* Interés compuesto card */
.formula-interes[data-v-9e8e24c0] {
  text-align: center;
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
}
.leyenda-interes[data-v-9e8e24c0] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.ley-mini[data-v-9e8e24c0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Pasos section */
.pasos-section[data-v-9e8e24c0] {
  margin-bottom: 1.5rem;
}
.pasos-titulo[data-v-9e8e24c0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-9e8e24c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-9e8e24c0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-9e8e24c0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-9e8e24c0] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong.positivo[data-v-9e8e24c0] { color: #6EE7B7;
}
.paso-texto strong.negativo[data-v-9e8e24c0] { color: #FCA5A5;
}
.paso-texto strong[data-v-9e8e24c0] { color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-9e8e24c0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-9e8e24c0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-9e8e24c0] {
  font-size: 1rem;
}
.tip-text[data-v-9e8e24c0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-9e8e24c0] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9e8e24c0] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-9e8e24c0] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-9e8e24c0 1s ease-in-out infinite;
}
@keyframes bounce-9e8e24c0 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9e8e24c0] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.4rem;
}
.celebracion-texto strong[data-v-9e8e24c0] {
  color: #6EE7B7;
}
.celebracion-siguiente[data-v-9e8e24c0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}
.celebracion-siguiente strong[data-v-9e8e24c0] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-9e8e24c0] {
    gap: 1rem;
}
.resumen-card[data-v-9e8e24c0] {
    padding: 1rem;
}
.formula-display[data-v-9e8e24c0] {
    font-size: 1.6rem;
}
.leyenda-mini[data-v-9e8e24c0] {
    gap: 1.5rem;
    font-size: 0.9rem;
}
.pasos-lista[data-v-9e8e24c0] {
    gap: 0.75rem;
}
.paso-item[data-v-9e8e24c0] {
    padding: 0.75rem;
}
.paso-texto[data-v-9e8e24c0] {
    font-size: 0.9rem;
}
}
@media (max-width: 400px) {
.resumen-cards[data-v-9e8e24c0] {
    grid-template-columns: 1fr;
}
.resumen-card.wide[data-v-9e8e24c0] {
    grid-column: span 1;
}
}

/* Intro visual */
.intro-visual[data-v-c6c1fdca] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.numero[data-v-c6c1fdca] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  font-weight: 800;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  color: #C4B5FD;
}
.flecha[data-v-c6c1fdca] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Diferencia común */
.diferencia-section[data-v-c6c1fdca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.diferencia-label[data-v-c6c1fdca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-visual[data-v-c6c1fdca] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  overflow-x: auto;
}
.termino-grupo[data-v-c6c1fdca] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.termino[data-v-c6c1fdca] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
}
.diferencia-badge[data-v-c6c1fdca] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.3);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.diferencia-explicacion[data-v-c6c1fdca] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplos */
.ejemplos-section[data-v-c6c1fdca] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c6c1fdca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-c6c1fdca] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-c6c1fdca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-c6c1fdca] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.ej-texto[data-v-c6c1fdca] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ej-valores[data-v-c6c1fdca] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.ej-d[data-v-c6c1fdca] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Definición */
.definicion[data-v-c6c1fdca] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-c6c1fdca] {
  font-size: 1.5rem;
}
.def-contenido[data-v-c6c1fdca] {
  flex: 1;
}
.def-titulo[data-v-c6c1fdca] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-c6c1fdca] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.def-donde[data-v-c6c1fdca] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: inherit;
}

/* Tipos de PA */
.tipos-section[data-v-c6c1fdca] {
  display: flex;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo[data-v-c6c1fdca] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo.creciente[data-v-c6c1fdca] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo.decreciente[data-v-c6c1fdca] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-titulo[data-v-c6c1fdca] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-condicion[data-v-c6c1fdca] {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0.25rem 0;
}
.tipo.creciente .tipo-condicion[data-v-c6c1fdca] { color: #6EE7B7;
}
.tipo.decreciente .tipo-condicion[data-v-c6c1fdca] { color: #FCA5A5;
}
.tipo-ejemplo[data-v-c6c1fdca] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-c6c1fdca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c6c1fdca] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c6c1fdca] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c6c1fdca] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-c6c1fdca] {
    gap: 0.75rem;
}
.numero[data-v-c6c1fdca] {
    font-size: 1.75rem;
    padding: 0.6rem 1rem;
}
.ejemplos-grid[data-v-c6c1fdca] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-c6c1fdca] {
    padding: 0.75rem;
}
.ej-icono[data-v-c6c1fdca] {
    font-size: 1.5rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-37833811] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-box[data-v-37833811] {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-37833811] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-leyenda[data-v-37833811] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.leyenda-item strong[data-v-37833811] {
  color: #FCD34D;
}

/* Construcción de la fórmula */
.construccion-section[data-v-37833811] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.construccion-titulo[data-v-37833811] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.construccion-pasos[data-v-37833811] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-construccion[data-v-37833811] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
}
.paso-n[data-v-37833811] {
  min-width: 30px;
  color: #C4B5FD;
}
.paso-igual[data-v-37833811] {
  color: #8B5CF6;
}
.paso-formula[data-v-37833811] {
  color: #E9D5FF;
}
.paso-formula strong[data-v-37833811] {
  color: #6EE7B7;
}
.paso-construccion.destaca[data-v-37833811] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.paso-construccion.destaca .paso-formula[data-v-37833811] {
  color: #FFFFFF;
  font-weight: 700;
}
.construccion-nota[data-v-37833811] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-37833811] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-37833811] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-37833811] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-37833811] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-37833811] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-37833811] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-desc[data-v-37833811] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
}
.paso.resultado .paso-num[data-v-37833811] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-desc strong[data-v-37833811] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Simulador */
.simulador[data-v-37833811] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-37833811] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-37833811] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.sim-grupo[data-v-37833811] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-grupo label[data-v-37833811] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.sim-input[data-v-37833811] {
  width: 60px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultado[data-v-37833811] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.sim-formula[data-v-37833811] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sim-igual[data-v-37833811] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.sim-valor[data-v-37833811] {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
}
.sim-valor.positivo[data-v-37833811] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.sim-valor.negativo[data-v-37833811] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sim-secuencia[data-v-37833811] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.seq-label[data-v-37833811] {
  margin-right: 0.5rem;
}
.seq-terminos[data-v-37833811] {
  font-family: monospace;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-37833811] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-37833811] {
  font-size: 1.25rem;
}
.tip-texto[data-v-37833811] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-37833811] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-37833811] {
    font-size: 1.75rem;
}
.sim-input[data-v-37833811] {
    width: 70px;
}
}

/* Fórmulas */
.formulas-section[data-v-c9f375b3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-c9f375b3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-card.alternativa[data-v-c9f375b3] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-nombre[data-v-c9f375b3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-box[data-v-c9f375b3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-c9f375b3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-nota[data-v-c9f375b3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Intuición visual */
.intuicion-section[data-v-c9f375b3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.intuicion-titulo[data-v-c9f375b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.intuicion-visual[data-v-c9f375b3] {
  overflow-x: auto;
}
.suma-visual[data-v-c9f375b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.fila-numeros[data-v-c9f375b3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #E9D5FF;
}
.fila-numeros.invertida[data-v-c9f375b3] {
  color: #93C5FD;
}
.num[data-v-c9f375b3] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-weight: 600;
}
.linea-suma[data-v-c9f375b3] {
  width: 80%;
  height: 2px;
  background: #8B5CF6;
}
.fila-resultado[data-v-c9f375b3] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #FCD34D;
  font-weight: 700;
}
.num.suma[data-v-c9f375b3] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.intuicion-conclusion[data-v-c9f375b3] {
  text-align: center;
  margin-top: 1rem;
  color: #E9D5FF;
}
.intuicion-conclusion strong[data-v-c9f375b3] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-c9f375b3] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-c9f375b3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-enunciado[data-v-c9f375b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-c9f375b3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-c9f375b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-c9f375b3] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-desc[data-v-c9f375b3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.paso.resultado .paso-num[data-v-c9f375b3] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-desc strong[data-v-c9f375b3] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Simulador */
.simulador[data-v-c9f375b3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-c9f375b3] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-c9f375b3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.sim-grupo[data-v-c9f375b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-grupo label[data-v-c9f375b3] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.sim-input[data-v-c9f375b3] {
  width: 60px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultados[data-v-c9f375b3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.sim-item[data-v-c9f375b3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-label[data-v-c9f375b3] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.sim-valor[data-v-c9f375b3] {
  font-weight: 700;
  color: #E9D5FF;
}
.sim-item.destacado[data-v-c9f375b3] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sim-valor.grande[data-v-c9f375b3] {
  font-size: 1.5rem;
  color: #6EE7B7;
}

/* Aplicación */
.aplicacion[data-v-c9f375b3] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.aplicacion-titulo[data-v-c9f375b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aplicacion-contenido p[data-v-c9f375b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.gauss-calculo[data-v-c9f375b3] {
  font-family: monospace;
  text-align: center;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.gauss-calculo strong[data-v-c9f375b3] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-c9f375b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c9f375b3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c9f375b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c9f375b3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-section[data-v-c9f375b3] {
    flex-direction: row;
}
.formula-card[data-v-c9f375b3] {
    flex: 1;
}
.formula-texto[data-v-c9f375b3] {
    font-size: 1.25rem;
}
}

.explorador[data-v-467b67f5] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-467b67f5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-467b67f5] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-467b67f5] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-467b67f5] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-467b67f5] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-467b67f5] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-467b67f5] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-467b67f5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-467b67f5] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Desafío 1: Encontrar d */
.encontrar-d-container[data-v-467b67f5],
.termino-n-container[data-v-467b67f5],
.suma-container[data-v-467b67f5] {
  text-align: center;
}
.secuencia-visual[data-v-467b67f5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.secuencia-num[data-v-467b67f5] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Grupo de respuesta */
.respuesta-grupo[data-v-467b67f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.respuesta-label[data-v-467b67f5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-467b67f5] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-467b67f5] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.respuesta-input[data-v-467b67f5] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.grande[data-v-467b67f5] {
  width: 100px;
}
.respuesta-input.correcto[data-v-467b67f5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-467b67f5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-467b67f5] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  font-size: 1.25rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-467b67f5]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Problema datos */
.problema-datos[data-v-467b67f5] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.dato[data-v-467b67f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-467b67f5]:last-child {
  margin-bottom: 0;
}
.dato-label[data-v-467b67f5] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.dato-valor[data-v-467b67f5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.dato.destacado .dato-valor[data-v-467b67f5] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Recordatorio de fórmula */
.formula-recordatorio[data-v-467b67f5] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Feedback */
.feedback-error[data-v-467b67f5] {
  color: #FCA5A5;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Resultado */
.resultado-correcto[data-v-467b67f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-467b67f5] { font-size: 1.25rem;
}
.resultado-texto[data-v-467b67f5] { color: #6EE7B7; font-weight: 600;
}

/* Contadores */
.d1-contador[data-v-467b67f5],
.d2-contador[data-v-467b67f5],
.d3-contador[data-v-467b67f5] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-467b67f5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-467b67f5] { flex: 1;
}
.nav-btn[data-v-467b67f5] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-467b67f5] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-467b67f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-467b67f5] { font-size: 1.75rem;
}
.completado-texto[data-v-467b67f5] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-467b67f5], .slide-leave-active[data-v-467b67f5] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-467b67f5] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-467b67f5] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-5552bd10] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5552bd10] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5552bd10] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-5552bd10] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-5552bd10] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-5552bd10] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.destacada[data-v-5552bd10] {
  background: rgba(139, 92, 246, 0.15);
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-5552bd10] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-5552bd10] {
    grid-column: span 1;
}
}
.card-header[data-v-5552bd10] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-5552bd10] {
  font-size: 1.1rem;
}
.card-titulo[data-v-5552bd10] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-5552bd10] {
  color: #E9D5FF;
}
.card-desc[data-v-5552bd10] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  line-height: 1.4;
}
.ejemplo-mini[data-v-5552bd10] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  padding: 0.4rem;
  border-radius: 0.25rem;
  text-align: center;
}

/* Fórmulas en resumen */
.formula-resumen[data-v-5552bd10] {
  font-family: 'Georgia', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.formula-leyenda[data-v-5552bd10] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.7rem;
  color: #C4B5FD;
  flex-wrap: wrap;
}
.formula-alt[data-v-5552bd10] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  font-family: monospace;
}

/* Tipos mini */
.tipos-mini[data-v-5552bd10] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-mini[data-v-5552bd10] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.4rem;
  border-radius: 0.25rem;
}
.tipo-mini.creciente[data-v-5552bd10] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.tipo-mini.decreciente[data-v-5552bd10] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.tipo-simbolo[data-v-5552bd10] {
  font-size: 1rem;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-5552bd10] {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-enun[data-v-5552bd10] {
  font-size: 0.85rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.ejemplo-solucion[data-v-5552bd10] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sol-paso[data-v-5552bd10] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.sol-label[data-v-5552bd10] {
  color: #C4B5FD;
  min-width: 50px;
}
.sol-paso span[data-v-5552bd10]:last-child {
  color: #E9D5FF;
}
.sol-paso strong[data-v-5552bd10] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-especiales[data-v-5552bd10] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caso[data-v-5552bd10] {
  font-size: 0.8rem;
}
.caso-formula[data-v-5552bd10] {
  font-family: monospace;
  color: #FCD34D;
  font-weight: 600;
}
.caso-nota[data-v-5552bd10] {
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-5552bd10] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-5552bd10] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-5552bd10] {
  font-size: 1rem;
}
.tip-text[data-v-5552bd10] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-5552bd10] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5552bd10] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5552bd10] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-5552bd10 1s ease-in-out infinite;
}
@keyframes bounce-5552bd10 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5552bd10] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-5552bd10] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-9b6db88c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.numero[data-v-9b6db88c] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  font-weight: 800;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  color: #C4B5FD;
}
.flecha[data-v-9b6db88c] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Razón común */
.razon-section[data-v-9b6db88c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.razon-label[data-v-9b6db88c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razon-visual[data-v-9b6db88c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  overflow-x: auto;
}
.termino-grupo[data-v-9b6db88c] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.termino[data-v-9b6db88c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
}
.razon-badge[data-v-9b6db88c] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.3);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.razon-explicacion[data-v-9b6db88c] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Comparación PA vs PG */
.comparacion-section[data-v-9b6db88c] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-9b6db88c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9b6db88c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comp-item[data-v-9b6db88c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.pa[data-v-9b6db88c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-item.pg[data-v-9b6db88c] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-tipo[data-v-9b6db88c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.comp-operacion[data-v-9b6db88c] {
  font-size: 0.75rem;
  margin: 0.25rem 0;
}
.comp-item.pa .comp-operacion[data-v-9b6db88c] { color: #FCD34D;
}
.comp-item.pg .comp-operacion[data-v-9b6db88c] { color: #C4B5FD;
}
.comp-ejemplo[data-v-9b6db88c] {
  font-size: 0.75rem;
  font-family: monospace;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-9b6db88c] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-9b6db88c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-9b6db88c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-9b6db88c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-9b6db88c] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.ej-texto[data-v-9b6db88c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ej-valores[data-v-9b6db88c] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.2rem 0;
  text-align: center;
}
.ej-r[data-v-9b6db88c] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Definición */
.definicion[data-v-9b6db88c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-9b6db88c] {
  font-size: 1.5rem;
}
.def-contenido[data-v-9b6db88c] {
  flex: 1;
}
.def-titulo[data-v-9b6db88c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-9b6db88c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.def-donde[data-v-9b6db88c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: inherit;
}

/* Tipos de PG */
.tipos-section[data-v-9b6db88c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.tipo[data-v-9b6db88c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.tipo.creciente[data-v-9b6db88c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo.decreciente[data-v-9b6db88c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo.alternada[data-v-9b6db88c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-titulo[data-v-9b6db88c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-condicion[data-v-9b6db88c] {
  font-size: 0.8rem;
  font-weight: 600;
}
.tipo.creciente .tipo-condicion[data-v-9b6db88c] { color: #6EE7B7;
}
.tipo.decreciente .tipo-condicion[data-v-9b6db88c] { color: #FCD34D;
}
.tipo.alternada .tipo-condicion[data-v-9b6db88c] { color: #FCA5A5;
}
.tipo-ejemplo[data-v-9b6db88c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-9b6db88c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9b6db88c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9b6db88c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9b6db88c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-9b6db88c] {
    gap: 0.75rem;
}
.numero[data-v-9b6db88c] {
    font-size: 1.75rem;
    padding: 0.6rem 1rem;
}
.ejemplos-grid[data-v-9b6db88c] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-9b6db88c] {
    padding: 0.75rem;
}
.ej-icono[data-v-9b6db88c] {
    font-size: 1.5rem;
}
.tipos-section[data-v-9b6db88c] {
    flex-direction: row;
    gap: 0.75rem;
}
.tipo[data-v-9b6db88c] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-83505b70] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-box[data-v-83505b70] {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-83505b70] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-leyenda[data-v-83505b70] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.leyenda-item strong[data-v-83505b70] {
  color: #FCD34D;
}

/* Construcción de la fórmula */
.construccion-section[data-v-83505b70] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.construccion-titulo[data-v-83505b70] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.construccion-pasos[data-v-83505b70] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-construccion[data-v-83505b70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
}
.paso-n[data-v-83505b70] {
  min-width: 30px;
  color: #C4B5FD;
}
.paso-igual[data-v-83505b70] {
  color: #8B5CF6;
}
.paso-formula[data-v-83505b70] {
  color: #E9D5FF;
}
.paso-construccion.destaca[data-v-83505b70] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.paso-construccion.destaca .paso-formula[data-v-83505b70] {
  color: #FFFFFF;
  font-weight: 700;
}
.construccion-nota[data-v-83505b70] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-83505b70] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-83505b70] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-83505b70] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-83505b70] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-83505b70] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-83505b70] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-desc[data-v-83505b70] {
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
}
.paso.resultado .paso-num[data-v-83505b70] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-desc strong[data-v-83505b70] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Simulador */
.simulador[data-v-83505b70] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-83505b70] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-83505b70] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.sim-grupo[data-v-83505b70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-grupo label[data-v-83505b70] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.sim-input[data-v-83505b70] {
  width: 60px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultado[data-v-83505b70] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.sim-formula[data-v-83505b70] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sim-igual[data-v-83505b70] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.sim-valor[data-v-83505b70] {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
}
.sim-valor.positivo[data-v-83505b70] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.sim-valor.negativo[data-v-83505b70] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sim-secuencia[data-v-83505b70] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.seq-label[data-v-83505b70] {
  margin-right: 0.5rem;
}
.seq-terminos[data-v-83505b70] {
  font-family: monospace;
  color: #E9D5FF;
}

/* Comparación */
.comparacion[data-v-83505b70] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.comp-titulo[data-v-83505b70] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comp-grid[data-v-83505b70] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-83505b70] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.comp-item.destaca[data-v-83505b70] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-label[data-v-83505b70] {
  font-weight: 700;
  color: #C4B5FD;
  min-width: 35px;
}
.comp-formula[data-v-83505b70] {
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-nota[data-v-83505b70] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Tip */
.tip[data-v-83505b70] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-83505b70] {
  font-size: 1.25rem;
}
.tip-texto[data-v-83505b70] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-83505b70] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-83505b70] {
    font-size: 1.75rem;
}
.sim-input[data-v-83505b70] {
    width: 70px;
}
.comp-grid[data-v-83505b70] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.comp-item[data-v-83505b70] {
    padding: 0.75rem 1.5rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-34fc4ce6] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-box[data-v-34fc4ce6] {
  display: inline-block;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-34fc4ce6] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-condicion[data-v-34fc4ce6] {
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.formula-leyenda[data-v-34fc4ce6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.leyenda-item strong[data-v-34fc4ce6] {
  color: #FCD34D;
}

/* Fórmula alternativa */
.formula-alt[data-v-34fc4ce6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
  text-align: center;
}
.alt-titulo[data-v-34fc4ce6] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.alt-formula[data-v-34fc4ce6] {
  font-family: 'Georgia', serif;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 700;
}
.alt-nota[data-v-34fc4ce6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Caso especial */
.caso-especial[data-v-34fc4ce6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.caso-titulo[data-v-34fc4ce6] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.caso-contenido p[data-v-34fc4ce6] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem;
}
.caso-formula[data-v-34fc4ce6] {
  font-family: 'Georgia', serif;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-34fc4ce6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-34fc4ce6] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-34fc4ce6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-34fc4ce6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-34fc4ce6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-34fc4ce6] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-desc[data-v-34fc4ce6] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.paso.resultado .paso-num[data-v-34fc4ce6] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-desc strong[data-v-34fc4ce6] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.ejemplo-verificacion[data-v-34fc4ce6] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
  font-size: 0.8rem;
  color: #6EE7B7;
  text-align: center;
}

/* Simulador */
.simulador[data-v-34fc4ce6] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-34fc4ce6] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-34fc4ce6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.sim-grupo[data-v-34fc4ce6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-grupo label[data-v-34fc4ce6] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.sim-input[data-v-34fc4ce6] {
  width: 60px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultados[data-v-34fc4ce6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.sim-item[data-v-34fc4ce6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-label[data-v-34fc4ce6] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.sim-valor[data-v-34fc4ce6] {
  font-weight: 700;
  color: #E9D5FF;
}
.sim-item.destacado[data-v-34fc4ce6] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sim-valor.grande[data-v-34fc4ce6] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.sim-secuencia[data-v-34fc4ce6] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  font-family: monospace;
  overflow-x: auto;
}

/* Comparación */
.comparacion[data-v-34fc4ce6] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.comp-titulo[data-v-34fc4ce6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comp-grid[data-v-34fc4ce6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-34fc4ce6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.comp-item.pa[data-v-34fc4ce6] {
  background: rgba(245, 158, 11, 0.2);
}
.comp-item.pg[data-v-34fc4ce6] {
  background: rgba(16, 185, 129, 0.2);
}
.comp-label[data-v-34fc4ce6] {
  font-weight: 700;
  color: #C4B5FD;
  min-width: 35px;
}
.comp-formula[data-v-34fc4ce6] {
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-34fc4ce6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-34fc4ce6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-34fc4ce6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-34fc4ce6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-34fc4ce6] {
    font-size: 1.5rem;
}
.sim-input[data-v-34fc4ce6] {
    width: 70px;
}
.comp-grid[data-v-34fc4ce6] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.comp-item[data-v-34fc4ce6] {
    padding: 0.75rem 1.5rem;
}
}

/* Convergencia */
.convergencia-section[data-v-757b9ea2] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.conv-titulo[data-v-757b9ea2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conv-condicion[data-v-757b9ea2] {
  text-align: center;
  margin-bottom: 1rem;
}
.conv-formula[data-v-757b9ea2] {
  display: block;
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.conv-texto[data-v-757b9ea2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.conv-ejemplos[data-v-757b9ea2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conv-ej[data-v-757b9ea2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.conv-ej.convergente[data-v-757b9ea2] {
  background: rgba(16, 185, 129, 0.2);
}
.conv-ej.divergente[data-v-757b9ea2] {
  background: rgba(239, 68, 68, 0.2);
}
.conv-r[data-v-757b9ea2] {
  font-weight: 700;
  color: #FFFFFF;
}
.conv-estado[data-v-757b9ea2] {
  font-size: 0.8rem;
}
.conv-ej.convergente .conv-estado[data-v-757b9ea2] { color: #6EE7B7;
}
.conv-ej.divergente .conv-estado[data-v-757b9ea2] { color: #FCA5A5;
}

/* Fórmula principal */
.formula-principal[data-v-757b9ea2] {
  margin: 1.5rem 0;
  text-align: center;
}
.formula-box[data-v-757b9ea2] {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 1rem;
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-757b9ea2] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
}
.formula-condicion[data-v-757b9ea2] {
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Visualización intuitiva */
.visual-section[data-v-757b9ea2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.visual-titulo[data-v-757b9ea2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.visual-contenido p[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.visual-barra[data-v-757b9ea2] {
  display: flex;
  height: 40px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.barra-segmento[data-v-757b9ea2] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  color: white;
  font-size: 0.7rem;
  font-weight: 600;
  border-right: 1px solid rgba(255,255,255,0.2);
}
.barra-resto[data-v-757b9ea2] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.visual-suma[data-v-757b9ea2] {
  text-align: center;
  font-family: monospace;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.visual-suma strong[data-v-757b9ea2] {
  color: #6EE7B7;
  font-size: 1.2rem;
}
.visual-nota[data-v-757b9ea2] {
  font-style: italic;
  text-align: center;
  font-size: 0.85rem !important;
  color: #C4B5FD !important;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-757b9ea2] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-757b9ea2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-757b9ea2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-757b9ea2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-757b9ea2] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso-desc[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso.resultado .paso-num[data-v-757b9ea2] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-desc strong[data-v-757b9ea2] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Simulador */
.simulador[data-v-757b9ea2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-757b9ea2] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-757b9ea2] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.sim-grupo[data-v-757b9ea2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-grupo label[data-v-757b9ea2] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.sim-input[data-v-757b9ea2] {
  width: 70px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.sim-resultado[data-v-757b9ea2] {
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.sim-resultado.convergente[data-v-757b9ea2] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.sim-resultado.divergente[data-v-757b9ea2] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.sim-formula[data-v-757b9ea2] {
  font-family: monospace;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.sim-valor-grande[data-v-757b9ea2] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.sim-alerta[data-v-757b9ea2] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.sim-mensaje[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sim-primeros[data-v-757b9ea2] {
  text-align: center;
  font-size: 0.85rem;
}
.primeros-label[data-v-757b9ea2] {
  color: #C4B5FD;
  margin-right: 0.5rem;
}
.primeros-valores[data-v-757b9ea2] {
  font-family: monospace;
  color: #E9D5FF;
}

/* Aplicación */
.aplicacion[data-v-757b9ea2] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.aplicacion-titulo[data-v-757b9ea2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aplicacion-contenido p[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.5rem;
}
.aplicacion-calculo[data-v-757b9ea2] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.aplicacion-calculo strong[data-v-757b9ea2] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-757b9ea2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-757b9ea2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-757b9ea2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-757b9ea2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-757b9ea2] {
    font-size: 1.75rem;
}
.conv-ejemplos[data-v-757b9ea2] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.conv-ej[data-v-757b9ea2] {
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1rem;
}
}

.explorador[data-v-077b165a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-077b165a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-077b165a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-077b165a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-077b165a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-077b165a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-077b165a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-077b165a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-077b165a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-077b165a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Contenedores de desafíos */
.encontrar-r-container[data-v-077b165a],
.termino-n-container[data-v-077b165a],
.suma-container[data-v-077b165a] {
  text-align: center;
}
.secuencia-visual[data-v-077b165a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.secuencia-num[data-v-077b165a] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
}

/* Grupo de respuesta */
.respuesta-grupo[data-v-077b165a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.respuesta-label[data-v-077b165a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-077b165a] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-077b165a] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.respuesta-input[data-v-077b165a] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.grande[data-v-077b165a] {
  width: 100px;
}
.respuesta-input.correcto[data-v-077b165a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-077b165a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-077b165a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  font-size: 1.25rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-077b165a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Problema datos */
.problema-datos[data-v-077b165a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.dato[data-v-077b165a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-077b165a]:last-child {
  margin-bottom: 0;
}
.dato-label[data-v-077b165a] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.dato-valor[data-v-077b165a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.dato.destacado .dato-valor[data-v-077b165a] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Recordatorio de fórmula */
.formula-recordatorio[data-v-077b165a] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Feedback */
.feedback-error[data-v-077b165a] {
  color: #FCA5A5;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}

/* Resultado */
.resultado-correcto[data-v-077b165a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-077b165a] { font-size: 1.25rem;
}
.resultado-texto[data-v-077b165a] { color: #6EE7B7; font-weight: 600;
}

/* Contadores */
.d1-contador[data-v-077b165a],
.d2-contador[data-v-077b165a],
.d3-contador[data-v-077b165a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-077b165a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-077b165a] { flex: 1;
}
.nav-btn[data-v-077b165a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-077b165a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-077b165a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-077b165a] { font-size: 1.75rem;
}
.completado-texto[data-v-077b165a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-077b165a], .slide-leave-active[data-v-077b165a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-077b165a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-077b165a] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-5a475be6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-5a475be6] {
  font-size: 2rem;
}
.resumen-intro p[data-v-5a475be6] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-5a475be6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-5a475be6] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-5a475be6] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-5a475be6]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-5a475be6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.resumen-card.wide[data-v-5a475be6] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-5a475be6] {
    grid-column: span 1;
}
}
.card-header[data-v-5a475be6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-5a475be6] {
  font-size: 1.25rem;
}
.card-titulo[data-v-5a475be6] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-5a475be6] {
  color: #E9D5FF;
}

/* Definición visual */
.definicion-visual[data-v-5a475be6] {
  margin-bottom: 0.5rem;
}
.def-texto[data-v-5a475be6] {
  font-size: 0.85rem;
  line-height: 1.4;
}
.ejemplo-mini[data-v-5a475be6] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}

/* Fórmulas */
.formula-grande[data-v-5a475be6] {
  font-family: 'Georgia', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.formula-mediana[data-v-5a475be6] {
  font-family: 'Georgia', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.25rem;
}
.formula-leyenda[data-v-5a475be6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.formula-nota[data-v-5a475be6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}
.formula-condicion[data-v-5a475be6] {
  font-size: 0.8rem;
  color: #FCD34D;
  text-align: center;
}

/* Tipos grid */
.tipos-grid[data-v-5a475be6] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
.tipo-item[data-v-5a475be6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.tipo-item.creciente[data-v-5a475be6] {
  background: rgba(16, 185, 129, 0.2);
}
.tipo-item.decreciente[data-v-5a475be6] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-item.alternada[data-v-5a475be6] {
  background: rgba(239, 68, 68, 0.2);
}
.tipo-nombre[data-v-5a475be6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.tipo-cond[data-v-5a475be6] {
  font-size: 0.75rem;
}
.tipo-item.creciente .tipo-cond[data-v-5a475be6] { color: #6EE7B7;
}
.tipo-item.decreciente .tipo-cond[data-v-5a475be6] { color: #FCD34D;
}
.tipo-item.alternada .tipo-cond[data-v-5a475be6] { color: #FCA5A5;
}

/* Comparación tabla */
.comparacion-tabla[data-v-5a475be6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.comp-row[data-v-5a475be6] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem;
  border-radius: 0.25rem;
}
.comp-row.header[data-v-5a475be6] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.comp-row[data-v-5a475be6]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
}
.comp-label[data-v-5a475be6] {
  color: #C4B5FD;
  font-weight: 600;
}
.comp-row span[data-v-5a475be6]:not(.comp-label) {
  text-align: center;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-5a475be6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-5a475be6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-5a475be6] {
  font-size: 1.25rem;
}
.tip-text[data-v-5a475be6] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-5a475be6] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-5a475be6] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-5a475be6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-5a475be6 1s ease-in-out infinite;
}
@keyframes bounce-5a475be6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-5a475be6] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-5a475be6] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-65b65fb6] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.1));
  border-radius: 0.75rem;
}
.division-concepto[data-v-65b65fb6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.div-numerador[data-v-65b65fb6] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.div-linea[data-v-65b65fb6] {
  width: 80px;
  height: 3px;
  background: #FFFFFF;
  margin: 0.25rem 0;
}
.div-denominador[data-v-65b65fb6] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.intro-desc[data-v-65b65fb6] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.intro-desc strong[data-v-65b65fb6] {
  color: #FFFFFF;
}
p[data-v-65b65fb6] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}
p strong[data-v-65b65fb6] {
  color: #FFFFFF;
}
p strong.destacado[data-v-65b65fb6] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-65b65fb6] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-65b65fb6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-65b65fb6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.paso[data-v-65b65fb6] {
  display: flex;
  gap: 0.75rem;
}
.paso-num[data-v-65b65fb6] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-65b65fb6] {
  flex: 1;
}
.paso-titulo[data-v-65b65fb6] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.paso-detalle[data-v-65b65fb6] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-detalle strong[data-v-65b65fb6] {
  color: #FFFFFF;
}
.valor-a[data-v-65b65fb6] {
  color: #6EE7B7 !important;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Coeficientes */
.coeficientes-box[data-v-65b65fb6] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.coef-label[data-v-65b65fb6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.coeficientes[data-v-65b65fb6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.coef[data-v-65b65fb6] {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.coef.neg[data-v-65b65fb6] {
  color: #FCA5A5;
}
.coef.pos[data-v-65b65fb6] {
  color: #6EE7B7;
}

/* División sintética visual */
.division-sintetica-visual[data-v-65b65fb6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ds-valor-a[data-v-65b65fb6] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  align-self: flex-start;
  margin-top: 0.25rem;
}
.ds-tabla[data-v-65b65fb6] {
  flex: 1;
  min-width: 200px;
}
.ds-fila[data-v-65b65fb6] {
  display: flex;
  gap: 0.5rem;
}
.ds-fila span[data-v-65b65fb6] {
  flex: 1;
  text-align: center;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.35rem;
  min-width: 40px;
}
.fila-coef span[data-v-65b65fb6] {
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.fila-mult span[data-v-65b65fb6] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.ds-linea[data-v-65b65fb6] {
  height: 2px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.fila-result span[data-v-65b65fb6] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.fila-result span.resto[data-v-65b65fb6] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.ds-explicacion[data-v-65b65fb6] {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ds-exp-item[data-v-65b65fb6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Resultado */
.resultado-box[data-v-65b65fb6] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.resultado-linea[data-v-65b65fb6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.resultado-linea[data-v-65b65fb6]:last-child {
  margin-bottom: 0;
}
.res-label[data-v-65b65fb6] {
  font-weight: 600;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.res-valor[data-v-65b65fb6] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.res-valor.resto-cero[data-v-65b65fb6] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}

/* Fórmula */
.formula-section[data-v-65b65fb6] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-65b65fb6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-65b65fb6] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-principal[data-v-65b65fb6] {
  font-family: monospace;
  font-size: 1.15rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-leyenda[data-v-65b65fb6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-leyenda strong[data-v-65b65fb6] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-65b65fb6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-65b65fb6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-65b65fb6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-65b65fb6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.division-concepto[data-v-65b65fb6] {
    flex-direction: row;
    gap: 0.5rem;
}
.div-linea[data-v-65b65fb6] {
    width: 30px;
    height: 2px;
}
.coeficientes[data-v-65b65fb6] {
    gap: 1.5rem;
}
.ds-fila span[data-v-65b65fb6] {
    font-size: 1.15rem;
    padding: 0.5rem;
    min-width: 50px;
}
.ds-explicacion[data-v-65b65fb6] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Teorema box */
.teorema-box[data-v-11b3e602] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.teorema-header[data-v-11b3e602] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(245, 158, 11, 0.2);
}
.teorema-icono[data-v-11b3e602] {
  font-size: 1.25rem;
}
.teorema-titulo[data-v-11b3e602] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.1rem;
}
.teorema-contenido[data-v-11b3e602] {
  padding: 1rem;
}
.teorema-enunciado[data-v-11b3e602] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.5;
}
.teorema-enunciado strong[data-v-11b3e602] {
  color: #FFFFFF;
}
.teorema-enunciado strong.destacado[data-v-11b3e602] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.teorema-formula[data-v-11b3e602] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
p[data-v-11b3e602] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}
p strong[data-v-11b3e602] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-11b3e602] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-11b3e602] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-11b3e602] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ejemplo-enunciado[data-v-11b3e602] {
  color: #E9D5FF;
  font-size: 0.95rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-enunciado strong[data-v-11b3e602] {
  color: #FFFFFF;
}

/* Comparación de métodos */
.metodo-comparacion[data-v-11b3e602] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.metodo-card[data-v-11b3e602] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.metodo-card.destacado[data-v-11b3e602] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
  border-width: 2px;
}
.metodo-header[data-v-11b3e602] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.metodo-card.destacado .metodo-header[data-v-11b3e602] {
  color: #6EE7B7;
}
.metodo-body[data-v-11b3e602] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.metodo-desc[data-v-11b3e602] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.metodo-tiempo[data-v-11b3e602] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Cálculo */
.calculo-box[data-v-11b3e602] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.calculo-titulo[data-v-11b3e602] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.calculo-pasos[data-v-11b3e602] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.calculo-paso[data-v-11b3e602] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
}
.paso-label[data-v-11b3e602] {
  color: #C4B5FD;
  font-size: 0.9rem;
  min-width: 50px;
  text-align: right;
}
.paso-valor[data-v-11b3e602] {
  color: #FFFFFF;
  font-size: 0.95rem;
}
.calculo-paso.resultado[data-v-11b3e602] {
  padding-top: 0.25rem;
  border-top: 1px dashed rgba(16, 185, 129, 0.3);
  margin-top: 0.25rem;
}
.calculo-paso.resultado .paso-valor[data-v-11b3e602] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1.1rem;
}

/* Casos */
.casos-section[data-v-11b3e602] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-11b3e602] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-11b3e602] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.caso-card[data-v-11b3e602] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.caso-header[data-v-11b3e602] {
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.85rem;
  text-align: center;
}
.caso-contenido[data-v-11b3e602] {
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.caso-desc[data-v-11b3e602] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.caso-desc strong.pos[data-v-11b3e602] {
  color: #6EE7B7;
}
.caso-desc strong.neg[data-v-11b3e602] {
  color: #FCA5A5;
}
.caso-ejemplo[data-v-11b3e602] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Nota */
.nota-section[data-v-11b3e602] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.nota-titulo[data-v-11b3e602] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.nota-contenido p[data-v-11b3e602] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.nota-ejemplo[data-v-11b3e602] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  flex-wrap: wrap;
}
.flecha[data-v-11b3e602] {
  color: #8B5CF6;
}
.valor-a[data-v-11b3e602] {
  color: #6EE7B7 !important;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-11b3e602] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-11b3e602] {
  font-size: 1.25rem;
}
.tip-texto[data-v-11b3e602] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-11b3e602] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.metodo-comparacion[data-v-11b3e602] {
    gap: 0.75rem;
}
.metodo-card[data-v-11b3e602] {
    padding: 0.75rem;
}
.metodo-header[data-v-11b3e602] {
    font-size: 0.95rem;
}
.metodo-desc[data-v-11b3e602] {
    font-size: 0.85rem;
}
.calculo-paso[data-v-11b3e602] {
    justify-content: center;
}
.paso-label[data-v-11b3e602] {
    min-width: 60px;
}
}

/* Teorema box */
.teorema-box[data-v-4944cb49] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.teorema-header[data-v-4944cb49] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(16, 185, 129, 0.2);
}
.teorema-icono[data-v-4944cb49] {
  font-size: 1.25rem;
}
.teorema-titulo[data-v-4944cb49] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.teorema-contenido[data-v-4944cb49] {
  padding: 1rem;
}
.teorema-enunciado[data-v-4944cb49] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  line-height: 1.5;
  text-align: center;
}
.teorema-enunciado strong[data-v-4944cb49] {
  color: #FFFFFF;
}
.teorema-enunciado strong.destacado[data-v-4944cb49] {
  color: #6EE7B7;
  font-size: 1.05rem;
}
.teorema-equivalencia[data-v-4944cb49] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.equiv-item[data-v-4944cb49] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.equiv-simbolo[data-v-4944cb49] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
p[data-v-4944cb49] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
}
p strong[data-v-4944cb49] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-4944cb49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-4944cb49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Verificación */
.verificacion-box[data-v-4944cb49] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.verif-titulo[data-v-4944cb49] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.verif-pasos[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: monospace;
}
.verif-paso[data-v-4944cb49] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
}
.verif-paso.resultado[data-v-4944cb49] {
  color: #6EE7B7;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}

/* Conclusión */
.conclusion-box[data-v-4944cb49] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.conclusion-box.si[data-v-4944cb49] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.conclusion-icono[data-v-4944cb49] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.conclusion-texto[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
}
.conclusion-titulo[data-v-4944cb49] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.conclusion-desc[data-v-4944cb49] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Aplicación */
.aplicacion-section[data-v-4944cb49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-titulo[data-v-4944cb49] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicacion-contenido[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.aplicacion-enunciado[data-v-4944cb49] {
  color: #E9D5FF;
  font-size: 0.9rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.paso[data-v-4944cb49] {
  display: flex;
  gap: 0.75rem;
}
.paso-num[data-v-4944cb49] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-4944cb49] {
  flex: 1;
}
.paso-titulo[data-v-4944cb49] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.paso-desc[data-v-4944cb49] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pruebas-grid[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.prueba-item[data-v-4944cb49] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
}
.prueba-item span[data-v-4944cb49]:first-child {
  color: #E9D5FF;
}
.prueba-item strong[data-v-4944cb49] {
  color: #6EE7B7;
}
.prueba-result[data-v-4944cb49] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.75rem;
}

/* Factorización */
.factorizacion-box[data-v-4944cb49] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.fact-label[data-v-4944cb49] {
  font-family: monospace;
  font-size: 1rem;
  color: #C4B5FD;
}
.factores[data-v-4944cb49] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.factor[data-v-4944cb49] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}

/* Relación */
.relacion-section[data-v-4944cb49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.relacion-titulo[data-v-4944cb49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relacion-grid[data-v-4944cb49] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.rel-item[data-v-4944cb49] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rel-concepto[data-v-4944cb49] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.rel-valor[data-v-4944cb49] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rel-flecha[data-v-4944cb49] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.relacion-ejemplo[data-v-4944cb49] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-4944cb49] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4944cb49] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4944cb49] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4944cb49] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.equiv-item[data-v-4944cb49] {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
}
.pruebas-grid[data-v-4944cb49] {
    flex-direction: row;
    gap: 0.5rem;
}
.prueba-item[data-v-4944cb49] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
.factores[data-v-4944cb49] {
    gap: 0.5rem;
}
.factor[data-v-4944cb49] {
    font-size: 1.1rem;
    padding: 0.35rem 0.75rem;
}
}

.explorador[data-v-40c9a42f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-40c9a42f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-40c9a42f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-40c9a42f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-40c9a42f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-40c9a42f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-40c9a42f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-40c9a42f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-40c9a42f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-40c9a42f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema box */
.problema-box[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.problema-label[data-v-40c9a42f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.problema-valor[data-v-40c9a42f] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.problema-valor.divisor[data-v-40c9a42f] {
  color: #FCD34D;
}

/* Paso guía */
.paso-guia[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin: 0.75rem 0;
}
.guia-icono[data-v-40c9a42f] {
  font-size: 1rem;
}
.guia-texto[data-v-40c9a42f] {
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Respuesta box */
.respuesta-box[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.respuesta-label[data-v-40c9a42f] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-group[data-v-40c9a42f] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-40c9a42f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-40c9a42f] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.respuesta-input[data-v-40c9a42f] {
  width: 55px;
  height: 36px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-40c9a42f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-40c9a42f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-40c9a42f] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.4rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-40c9a42f]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-40c9a42f] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.incorrecto[data-v-40c9a42f] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Factor options */
.pregunta-factor[data-v-40c9a42f] {
  text-align: center;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin: 1rem 0;
  font-weight: 600;
}
.opciones-factor[data-v-40c9a42f] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.btn-opcion[data-v-40c9a42f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.opcion-icono[data-v-40c9a42f] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.opcion-texto[data-v-40c9a42f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.btn-opcion.seleccionado[data-v-40c9a42f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-40c9a42f] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-opcion.correcto .opcion-icono[data-v-40c9a42f],
.btn-opcion.correcto .opcion-texto[data-v-40c9a42f] {
  color: #6EE7B7;
}
.btn-opcion.incorrecto[data-v-40c9a42f] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.btn-opcion.incorrecto .opcion-icono[data-v-40c9a42f],
.btn-opcion.incorrecto .opcion-texto[data-v-40c9a42f] {
  color: #FCA5A5;
}
.factor-explicacion[data-v-40c9a42f] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.factor-explicacion.correcto[data-v-40c9a42f] {
  background: rgba(16, 185, 129, 0.1);
}
.exp-valor[data-v-40c9a42f] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.exp-texto[data-v-40c9a42f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* División sintética interactiva */
.division-sintetica-interactiva[data-v-40c9a42f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 1rem 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.25rem;
}
.ds-valor-a[data-v-40c9a42f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  align-self: flex-start;
  margin-top: 0.25rem;
}
.ds-tabla[data-v-40c9a42f] {
  flex: 1;
  min-width: 220px;
}
.ds-fila[data-v-40c9a42f] {
  display: flex;
  gap: 0.35rem;
}
.ds-fila span[data-v-40c9a42f], .ds-input[data-v-40c9a42f] {
  flex: 1;
  text-align: center;
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.35rem;
  min-width: 40px;
}
.fila-coef span[data-v-40c9a42f] {
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.fila-input[data-v-40c9a42f] {
  margin-top: 0.25rem;
}
.ds-input[data-v-40c9a42f] {
  width: 40px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  color: #93C5FD;
}
.ds-input.correcto[data-v-40c9a42f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ds-input.incorrecto[data-v-40c9a42f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.ds-linea[data-v-40c9a42f] {
  height: 2px;
  background: #8B5CF6;
  margin: 0.35rem 0;
}
.fila-result span[data-v-40c9a42f] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.result-valor[data-v-40c9a42f] {
  opacity: 0.3;
}
.result-valor.visible[data-v-40c9a42f] {
  opacity: 1;
}
.ds-ayuda[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-top: 0.5rem;
}
.ayuda-icono[data-v-40c9a42f] {
  font-size: 1rem;
}
.ayuda-texto[data-v-40c9a42f] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Resultado correcto */
.resultado-correcto[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-40c9a42f] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-40c9a42f] {
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-division[data-v-40c9a42f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  color: #6EE7B7;
}

/* Contador */
.contador[data-v-40c9a42f] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-40c9a42f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-40c9a42f] {
  flex: 1;
}
.nav-btn[data-v-40c9a42f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-40c9a42f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-40c9a42f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-40c9a42f] {
  font-size: 1.75rem;
}
.completado-texto[data-v-40c9a42f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-40c9a42f], .slide-leave-active[data-v-40c9a42f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-40c9a42f] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-40c9a42f] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-2e41d7ef] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-2e41d7ef] {
  font-size: 2rem;
}
.resumen-intro p[data-v-2e41d7ef] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-2e41d7ef] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-2e41d7ef] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-2e41d7ef] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-2e41d7ef]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacado-amarillo[data-v-2e41d7ef] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.destacado-verde[data-v-2e41d7ef] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.wide[data-v-2e41d7ef] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-2e41d7ef] {
    grid-column: span 1;
}
}
.card-header[data-v-2e41d7ef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-2e41d7ef] {
  font-size: 1.25rem;
}
.card-titulo[data-v-2e41d7ef] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-2e41d7ef] {
  color: #E9D5FF;
}
.card-desc[data-v-2e41d7ef] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}
.card-nota[data-v-2e41d7ef] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Teorema formula */
.teorema-formula[data-v-2e41d7ef] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.resumen-card.destacado-amarillo .teorema-formula[data-v-2e41d7ef] {
  color: #FCD34D;
}
.resumen-card.destacado-verde .teorema-formula[data-v-2e41d7ef] {
  color: #6EE7B7;
}

/* Card visual */
.card-visual[data-v-2e41d7ef] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.visual-linea[data-v-2e41d7ef] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #93C5FD;
}
.visual-resultado[data-v-2e41d7ef] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #6EE7B7;
}

/* Ejemplo mini */
.ejemplo-mini[data-v-2e41d7ef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.ej-label[data-v-2e41d7ef] {
  color: #C4B5FD;
  font-weight: 600;
}
.ej-texto[data-v-2e41d7ef] {
  font-family: monospace;
  color: #FFFFFF;
}

/* Signos tabla */
.signos-tabla[data-v-2e41d7ef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.signo-fila[data-v-2e41d7ef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
}
.signo-divisor[data-v-2e41d7ef] {
  font-family: monospace;
  color: #FCD34D;
  font-weight: 600;
}
.signo-flecha[data-v-2e41d7ef] {
  color: #8B5CF6;
}
.signo-valor[data-v-2e41d7ef] {
  color: #6EE7B7;
}

/* Pasos factorizar */
.pasos-factorizar[data-v-2e41d7ef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-f[data-v-2e41d7ef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-f .paso-num[data-v-2e41d7ef] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
  flex-shrink: 0;
}
.paso-f .paso-texto[data-v-2e41d7ef] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Aplicaciones lista */
.aplicaciones-lista[data-v-2e41d7ef] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.app-item[data-v-2e41d7ef] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
}

/* Tips finales */
.tips-finales[data-v-2e41d7ef] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-2e41d7ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-2e41d7ef] {
  font-size: 1.25rem;
}
.tip-text[data-v-2e41d7ef] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-2e41d7ef] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-2e41d7ef] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-2e41d7ef] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-2e41d7ef 1s ease-in-out infinite;
}
@keyframes bounce-2e41d7ef {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-2e41d7ef] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-2e41d7ef] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-d0262bd3] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.angulos-preview[data-v-d0262bd3] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.angulo-badge[data-v-d0262bd3] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 50%;
}
.angulo-badge.medio[data-v-d0262bd3] {
  width: 70px;
  height: 70px;
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.5);
}
.angulo-valor[data-v-d0262bd3] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.angulo-badge.medio .angulo-valor[data-v-d0262bd3] {
  font-size: 1.25rem;
  color: #FCD34D;
}

/* Importancia section */
.importancia-section[data-v-d0262bd3] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-d0262bd3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-lista[data-v-d0262bd3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-d0262bd3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.item-icono[data-v-d0262bd3] {
  font-size: 1.25rem;
}
.item-texto[data-v-d0262bd3] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.item-texto strong[data-v-d0262bd3] {
  color: #FFFFFF;
}

/* Triángulos section */
.triangulos-section[data-v-d0262bd3] {
  margin: 1.5rem 0;
}
.triangulos-titulo[data-v-d0262bd3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.triangulos-grid[data-v-d0262bd3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.triangulo-card[data-v-d0262bd3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.triangulo-visual[data-v-d0262bd3] {
  margin-bottom: 0.5rem;
}
.svg-triangulo[data-v-d0262bd3] {
  width: 80px;
  height: 80px;
}
.triangulo-info[data-v-d0262bd3] {
  display: flex;
  flex-direction: column;
}
.triangulo-nombre[data-v-d0262bd3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.triangulo-desc[data-v-d0262bd3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Valores preview */
.valores-preview[data-v-d0262bd3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.valores-titulo[data-v-d0262bd3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-preview[data-v-d0262bd3] {
  font-size: 0.85rem;
}
.tabla-header[data-v-d0262bd3] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.25rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
  margin-bottom: 0.4rem;
}
.tabla-header span[data-v-d0262bd3] {
  text-align: center;
  font-weight: 700;
  color: #FCD34D;
}
.tabla-row[data-v-d0262bd3] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.3rem 0;
}
.tabla-row span[data-v-d0262bd3] {
  text-align: center;
  color: #E9D5FF;
}
.tabla-row span[data-v-d0262bd3]:first-child {
  font-weight: 700;
}
.tabla-row.seno span[data-v-d0262bd3]:first-child { color: #FCA5A5;
}
.tabla-row.coseno span[data-v-d0262bd3]:first-child { color: #6EE7B7;
}
.tabla-row.tangente span[data-v-d0262bd3]:first-child { color: #93C5FD;
}

/* Tip */
.tip[data-v-d0262bd3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d0262bd3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d0262bd3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d0262bd3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.angulos-preview[data-v-d0262bd3] {
    gap: 1.5rem;
}
.angulo-badge[data-v-d0262bd3] {
    width: 75px;
    height: 75px;
}
.angulo-badge.medio[data-v-d0262bd3] {
    width: 85px;
    height: 85px;
}
.angulo-valor[data-v-d0262bd3] {
    font-size: 1.3rem;
}
.angulo-badge.medio .angulo-valor[data-v-d0262bd3] {
    font-size: 1.5rem;
}
.triangulos-grid[data-v-d0262bd3] {
    gap: 1rem;
}
.triangulo-card[data-v-d0262bd3] {
    padding: 1rem;
}
.svg-triangulo[data-v-d0262bd3] {
    width: 100px;
    height: 100px;
}
.triangulo-nombre[data-v-d0262bd3] {
    font-size: 1rem;
}
.tabla-preview[data-v-d0262bd3] {
    font-size: 1rem;
}
}

/* Triángulo section */
.triangulo-section[data-v-06ca68d5] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.triangulo-container[data-v-06ca68d5] {
  width: 100%;
  max-width: 250px;
}
.svg-triangulo-45[data-v-06ca68d5] {
  width: 100%;
  height: auto;
}

/* Colores de texto */
strong.positivo[data-v-06ca68d5] {
  color: #6EE7B7;
}
strong.azul[data-v-06ca68d5] {
  color: #93C5FD;
}

/* Construcción section */
.construccion-section[data-v-06ca68d5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.construccion-titulo[data-v-06ca68d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.construccion-pasos[data-v-06ca68d5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-construccion[data-v-06ca68d5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-06ca68d5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-06ca68d5] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-texto strong[data-v-06ca68d5] {
  color: #FFFFFF;
}

/* Cálculo section */
.calculo-section[data-v-06ca68d5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.calculo-titulo[data-v-06ca68d5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.calculo-formula[data-v-06ca68d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.formula-paso[data-v-06ca68d5] {
  font-family: monospace;
  font-size: 1rem;
  color: #E9D5FF;
}
.formula-resultado[data-v-06ca68d5] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.3rem 0.75rem;
  background: rgba(147, 197, 253, 0.15);
  border-radius: 0.5rem;
}

/* Razones section */
.razones-section[data-v-06ca68d5] {
  margin: 1.5rem 0;
}
.razones-titulo[data-v-06ca68d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razones-grid[data-v-06ca68d5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.razon-card[data-v-06ca68d5] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.razon-card.seno[data-v-06ca68d5] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.razon-card.coseno[data-v-06ca68d5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.razon-card.tangente[data-v-06ca68d5] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.razon-nombre[data-v-06ca68d5] {
  font-weight: 700;
  font-size: 0.95rem;
  display: block;
  margin-bottom: 0.5rem;
}
.seno .razon-nombre[data-v-06ca68d5] { color: #FCA5A5;
}
.coseno .razon-nombre[data-v-06ca68d5] { color: #6EE7B7;
}
.tangente .razon-nombre[data-v-06ca68d5] { color: #FCD34D;
}
.razon-calculo[data-v-06ca68d5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.razon-formula[data-v-06ca68d5] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.razon-operacion[data-v-06ca68d5] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.razon-resultado[data-v-06ca68d5] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-06ca68d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-06ca68d5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-06ca68d5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-06ca68d5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-container[data-v-06ca68d5] {
    max-width: 300px;
}
.razones-grid[data-v-06ca68d5] {
    flex-direction: row;
    gap: 0.75rem;
}
.razon-card[data-v-06ca68d5] {
    flex: 1;
    padding: 1rem;
}
.razon-calculo[data-v-06ca68d5] {
    flex-direction: column;
    align-items: flex-start;
}
}

/* Triángulo section */
.triangulo-section[data-v-c1a14539] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.triangulo-container[data-v-c1a14539] {
  width: 100%;
  max-width: 250px;
}
.svg-triangulo-30-60[data-v-c1a14539] {
  width: 100%;
  height: auto;
}

/* Colores de texto */
strong.positivo[data-v-c1a14539] { color: #6EE7B7;
}
strong.rojo[data-v-c1a14539] { color: #FCA5A5;
}
strong.azul[data-v-c1a14539] { color: #93C5FD;
}
strong.amarillo[data-v-c1a14539] { color: #FCD34D;
}

/* Construcción section */
.construccion-section[data-v-c1a14539] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.construccion-titulo[data-v-c1a14539] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.construccion-visual[data-v-c1a14539] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.svg-construccion[data-v-c1a14539] {
  width: 180px;
  height: auto;
}
.construccion-texto[data-v-c1a14539] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
  text-align: center;
}
.construccion-texto strong[data-v-c1a14539] {
  color: #FFFFFF;
}

/* Razones section */
.razones-section[data-v-c1a14539] {
  margin: 1.5rem 0;
}
.razones-titulo[data-v-c1a14539] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.razones-contexto[data-v-c1a14539] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.razones-grid[data-v-c1a14539] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.razon-card[data-v-c1a14539] {
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.razon-card.seno[data-v-c1a14539] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.razon-card.coseno[data-v-c1a14539] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.razon-card.tangente[data-v-c1a14539] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.razon-nombre[data-v-c1a14539] {
  font-weight: 700;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.4rem;
}
.seno .razon-nombre[data-v-c1a14539] { color: #FCA5A5;
}
.coseno .razon-nombre[data-v-c1a14539] { color: #6EE7B7;
}
.tangente .razon-nombre[data-v-c1a14539] { color: #FCD34D;
}
.razon-calculo[data-v-c1a14539] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.razon-formula[data-v-c1a14539] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.razon-resultado[data-v-c1a14539] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-c1a14539] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-c1a14539] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c1a14539] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c1a14539] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-container[data-v-c1a14539] {
    max-width: 300px;
}
.svg-construccion[data-v-c1a14539] {
    width: 220px;
}
.razones-grid[data-v-c1a14539] {
    gap: 0.75rem;
}
.razon-card[data-v-c1a14539] {
    padding: 0.75rem;
}
.razon-nombre[data-v-c1a14539] {
    font-size: 0.9rem;
}
.razon-formula[data-v-c1a14539] {
    font-size: 0.85rem;
}
.razon-resultado[data-v-c1a14539] {
    font-size: 1.1rem;
}
}

.explorador[data-v-40849eda] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-40849eda] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.progreso-item[data-v-40849eda] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  font-weight: 700;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-40849eda] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
}
.progreso-item.completado[data-v-40849eda] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-40849eda] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-40849eda] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-40849eda] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
}
.desafio-titulo[data-v-40849eda] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.desafio-instruccion[data-v-40849eda] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* DESAFÍO 1: Identificar */
.identificar-container[data-v-40849eda] {
  text-align: center;
}
.pregunta-valor[data-v-40849eda] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}
.pregunta-funcion[data-v-40849eda] {
  font-weight: 700;
  color: #FCA5A5;
}
.pregunta-angulo[data-v-40849eda] {
  color: #FCD34D;
}
.pregunta-igual[data-v-40849eda] {
  color: #E9D5FF;
  margin: 0 0.25rem;
}
.pregunta-incognita[data-v-40849eda] {
  font-weight: 800;
  color: #8B5CF6;
  width: 60px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed #8B5CF6;
  border-radius: 0.5rem;
}
.opciones-valores[data-v-40849eda] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-valor[data-v-40849eda] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.opcion-valor.seleccionada[data-v-40849eda] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-valor.correcta[data-v-40849eda] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.opcion-valor.incorrecta[data-v-40849eda] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.feedback-contador[data-v-40849eda] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback[data-v-40849eda] {
  font-weight: 600;
  font-size: 0.9rem;
}
.feedback.correcto[data-v-40849eda] { color: #6EE7B7;
}
.feedback.incorrecto[data-v-40849eda] { color: #FCA5A5;
}
.contador[data-v-40849eda] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* DESAFÍO 2: Tabla */
.tabla-container[data-v-40849eda] {
  text-align: center;
}
.tabla-interactiva[data-v-40849eda] {
  margin-bottom: 1rem;
}
.tabla-header[data-v-40849eda] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.3rem;
  margin-bottom: 0.3rem;
}
.tabla-header span[data-v-40849eda] {
  padding: 0.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.tabla-row[data-v-40849eda] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.3rem;
  margin-bottom: 0.3rem;
}
.tabla-funcion[data-v-40849eda] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
}
.seno .tabla-funcion[data-v-40849eda] { color: #FCA5A5;
}
.coseno .tabla-funcion[data-v-40849eda] { color: #6EE7B7;
}
.tangente .tabla-funcion[data-v-40849eda] { color: #FCD34D;
}
.tabla-celda[data-v-40849eda] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  cursor: pointer;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tabla-celda.activa[data-v-40849eda] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.tabla-celda.correcta[data-v-40849eda] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tabla-celda.incorrecta[data-v-40849eda] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.celda-placeholder[data-v-40849eda] {
  color: rgba(255, 255, 255, 0.3);
}
.selector-valor[data-v-40849eda] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.selector-label[data-v-40849eda] {
  display: block;
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.valores-disponibles[data-v-40849eda] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.valor-btn[data-v-40849eda] {
  padding: 0.4rem 0.6rem;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.3rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.valor-btn[data-v-40849eda]:hover {
  background: rgba(139, 92, 246, 0.4);
}
.tabla-contador[data-v-40849eda] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* DESAFÍO 3: Problemas */
.problema-container[data-v-40849eda] {
  text-align: center;
}
.problema-visual[data-v-40849eda] {
  margin-bottom: 1rem;
}
.svg-problema[data-v-40849eda] {
  width: 160px;
  height: auto;
}
.problema-pregunta[data-v-40849eda] {
  margin-bottom: 1rem;
}
.problema-pregunta p[data-v-40849eda] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.problema-opciones[data-v-40849eda] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.problema-opcion[data-v-40849eda] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.problema-opcion.seleccionada[data-v-40849eda] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.problema-opcion.correcta[data-v-40849eda] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.problema-opcion.incorrecta[data-v-40849eda] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.problema-contador[data-v-40849eda] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-40849eda] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-40849eda] { font-size: 1.25rem;
}
.resultado-texto[data-v-40849eda] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-40849eda] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-40849eda] { flex: 1;
}
.nav-btn[data-v-40849eda] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-40849eda] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-40849eda] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-40849eda] { font-size: 1.75rem;
}
.completado-texto[data-v-40849eda] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-40849eda], .slide-leave-active[data-v-40849eda] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-40849eda] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-40849eda] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.pregunta-valor[data-v-40849eda] {
    font-size: 1.75rem;
}
.opciones-valores[data-v-40849eda] {
    grid-template-columns: repeat(6, 1fr);
}
.opcion-valor[data-v-40849eda] {
    font-size: 1.1rem;
}
.svg-problema[data-v-40849eda] {
    width: 200px;
}
}

/* Intro */
.resumen-intro[data-v-3ed8035d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3ed8035d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3ed8035d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-3ed8035d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-3ed8035d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3ed8035d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.resumen-card[data-v-3ed8035d]:hover {
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-3ed8035d] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-3ed8035d] {
    grid-column: span 1;
}
}
.card-header[data-v-3ed8035d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-3ed8035d] {
  font-size: 1.25rem;
}
.card-titulo[data-v-3ed8035d] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Triángulos resumen */
.triangulo-resumen[data-v-3ed8035d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tr-item[data-v-3ed8035d] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tr-nombre[data-v-3ed8035d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.tr-lados[data-v-3ed8035d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tabla resumen */
.tabla-resumen[data-v-3ed8035d] {
  font-size: 0.9rem;
}
.tabla-header[data-v-3ed8035d] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.4rem;
}
.tabla-header span[data-v-3ed8035d] {
  text-align: center;
  font-weight: 700;
  color: #FCD34D;
}
.tabla-row[data-v-3ed8035d] {
  display: grid;
  grid-template-columns: 50px repeat(3, 1fr);
  gap: 0.5rem;
  padding: 0.3rem 0;
}
.tabla-row span[data-v-3ed8035d] {
  text-align: center;
  color: #E9D5FF;
}
.tabla-row span[data-v-3ed8035d]:first-child {
  font-weight: 700;
}
.tabla-row.seno span[data-v-3ed8035d]:first-child { color: #FCA5A5;
}
.tabla-row.coseno span[data-v-3ed8035d]:first-child { color: #6EE7B7;
}
.tabla-row.tangente span[data-v-3ed8035d]:first-child { color: #FCD34D;
}

/* Patrones lista */
.patrones-lista[data-v-3ed8035d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.patron-item[data-v-3ed8035d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.patron-icono[data-v-3ed8035d] {
  width: 24px;
  text-align: center;
  font-size: 0.9rem;
}
.patron-texto[data-v-3ed8035d] {
  color: #E9D5FF;
}

/* Valores lista */
.valores-lista[data-v-3ed8035d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.valor-item[data-v-3ed8035d] {
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
  text-align: center;
}
.valor-exacto[data-v-3ed8035d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tips finales */
.tips-finales[data-v-3ed8035d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-3ed8035d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-3ed8035d] {
  font-size: 1.25rem;
}
.tip-text[data-v-3ed8035d] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-3ed8035d] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-3ed8035d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3ed8035d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-3ed8035d 1s ease-in-out infinite;
}
@keyframes bounce-3ed8035d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3ed8035d] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3ed8035d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-resumen[data-v-3ed8035d] {
    font-size: 1rem;
}
.patron-item[data-v-3ed8035d] {
    font-size: 0.9rem;
}
.valor-exacto[data-v-3ed8035d] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-7cffe263] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.circunferencia-visual[data-v-7cffe263] {
  width: 100%;
  max-width: 220px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-7cffe263] {
  color: #6EE7B7;
}
strong.negativo[data-v-7cffe263] {
  color: #FCA5A5;
}

/* Definición principal */
.definicion-principal[data-v-7cffe263] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-7cffe263] {
  font-size: 1.5rem;
}
.def-contenido[data-v-7cffe263] {
  flex: 1;
}
.def-titulo[data-v-7cffe263] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-items[data-v-7cffe263] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.def-item[data-v-7cffe263] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.item-label[data-v-7cffe263] {
  font-weight: 700;
  font-size: 0.9rem;
}
.item-label.positivo[data-v-7cffe263] { color: #6EE7B7;
}
.item-label.negativo[data-v-7cffe263] { color: #FCA5A5;
}
.item-desc[data-v-7cffe263] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Ecuación section */
.ecuacion-section[data-v-7cffe263] {
  margin: 1.5rem 0;
  text-align: center;
}
.ecuacion-titulo[data-v-7cffe263] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-box[data-v-7cffe263] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.ecuacion-formula[data-v-7cffe263] {
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ecuacion-donde[data-v-7cffe263] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ecuacion-donde strong[data-v-7cffe263] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-7cffe263] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-7cffe263] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-7cffe263] {
  text-align: center;
}
.ejemplo-ecuacion[data-v-7cffe263] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
}
.ejemplo-interpretacion[data-v-7cffe263] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.interp-item[data-v-7cffe263] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.interp-label[data-v-7cffe263] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.interp-valor[data-v-7cffe263] {
  font-size: 1.1rem;
  font-weight: 700;
}
.interp-valor.positivo[data-v-7cffe263] { color: #6EE7B7;
}
.interp-valor.negativo[data-v-7cffe263] { color: #FCA5A5;
}
.interp-valor.info[data-v-7cffe263] { color: #93C5FD;
}

/* Tip */
.tip[data-v-7cffe263] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-7cffe263] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7cffe263] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7cffe263] {
  color: #FCD34D;
}

/* Caso especial */
.caso-especial[data-v-7cffe263] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.caso-titulo[data-v-7cffe263] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.caso-contenido p[data-v-7cffe263] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.caso-formula[data-v-7cffe263] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}

/* Desktop */
@media (min-width: 640px) {
.circunferencia-visual[data-v-7cffe263] {
    max-width: 260px;
}
.ecuacion-formula[data-v-7cffe263] {
    font-size: 1.6rem;
}
.def-item[data-v-7cffe263] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
.ecuacion-donde[data-v-7cffe263] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Ecuación section */
.ecuacion-section[data-v-31fe12f5] {
  margin: 1.5rem 0;
  text-align: center;
}
.ecuacion-titulo[data-v-31fe12f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-box[data-v-31fe12f5] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
.ecuacion-formula[data-v-31fe12f5] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ecuacion-nota[data-v-31fe12f5] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ecuacion-nota strong[data-v-31fe12f5] {
  color: #FCD34D;
}

/* Transformación section */
.transformacion-section[data-v-31fe12f5] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.trans-titulo[data-v-31fe12f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.trans-pasos[data-v-31fe12f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.trans-paso[data-v-31fe12f5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-31fe12f5] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-31fe12f5] {
  flex: 1;
  overflow-x: auto;
}
.paso-formula[data-v-31fe12f5] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  white-space: nowrap;
}
.paso-label[data-v-31fe12f5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.trans-flecha[data-v-31fe12f5] {
  color: #8B5CF6;
  font-size: 1.2rem;
}

/* Relación section */
.relacion-section[data-v-31fe12f5] {
  margin: 1.5rem 0;
}
.relacion-titulo[data-v-31fe12f5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.relacion-grid[data-v-31fe12f5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.relacion-item[data-v-31fe12f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.rel-formula[data-v-31fe12f5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.rel-despeje[data-v-31fe12f5] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.rel-despeje.positivo[data-v-31fe12f5] { color: #6EE7B7;
}
.rel-despeje.negativo[data-v-31fe12f5] { color: #FCA5A5;
}

/* Ejemplo section */
.ejemplo-section[data-v-31fe12f5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-31fe12f5] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido p[data-v-31fe12f5] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ejemplo-pasos[data-v-31fe12f5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ej-paso[data-v-31fe12f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.ej-num[data-v-31fe12f5] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ej-texto[data-v-31fe12f5] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.resultado[data-v-31fe12f5] {
  color: #6EE7B7;
}
.verificacion[data-v-31fe12f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ver-label[data-v-31fe12f5] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-31fe12f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-31fe12f5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-31fe12f5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-31fe12f5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-formula[data-v-31fe12f5] {
    font-size: 1.4rem;
}
.paso-formula[data-v-31fe12f5] {
    font-size: 0.95rem;
}
.relacion-grid[data-v-31fe12f5] {
    gap: 1rem;
}
}
@media (max-width: 480px) {
.relacion-grid[data-v-31fe12f5] {
    grid-template-columns: 1fr;
}
}

/* Texto inline */
strong.positivo[data-v-a965e01f] { color: #6EE7B7;
}
strong.negativo[data-v-a965e01f] { color: #FCA5A5;
}
strong.info[data-v-a965e01f] { color: #93C5FD;
}

/* Método section */
.metodo-section[data-v-a965e01f] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-a965e01f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.metodo-contenido p[data-v-a965e01f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 1rem;
  text-align: center;
}
.formulas-grid[data-v-a965e01f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.formula-card[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-label[data-v-a965e01f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-valor[data-v-a965e01f] {
  text-align: center;
}
.formula-math[data-v-a965e01f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}

/* Ejemplo section */
.ejemplo-section[data-v-a965e01f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-a965e01f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ecuacion-inicial[data-v-a965e01f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
}
.pasos-detallados[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso-det[data-v-a965e01f] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}
.paso-header[data-v-a965e01f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.paso-num[data-v-a965e01f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-a965e01f] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-body[data-v-a965e01f] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.calculo[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-body .resultado[data-v-a965e01f] {
  font-weight: 600;
  color: #FCD34D;
  margin-top: 0.25rem;
}

/* Resultado final */
.resultado-final[data-v-a965e01f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.res-icono[data-v-a965e01f] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.res-contenido[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 1rem;
  color: #FFFFFF;
}

/* Método alternativo */
.alternativo-section[data-v-a965e01f] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.alt-titulo[data-v-a965e01f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.alt-pasos[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.alt-paso[data-v-a965e01f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alt-num[data-v-a965e01f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(147, 197, 253, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
}
.alt-texto[data-v-a965e01f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.alt-ejemplo[data-v-a965e01f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  overflow-x: auto;
}
.alt-linea[data-v-a965e01f] {
  white-space: nowrap;
}
.alt-linea.resultado[data-v-a965e01f] {
  font-weight: 700;
  color: #6EE7B7;
}
.highlight[data-v-a965e01f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-a965e01f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a965e01f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a965e01f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a965e01f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-a965e01f] {
    gap: 1rem;
}
.formula-math[data-v-a965e01f] {
    font-size: 1.1rem;
}
.res-contenido[data-v-a965e01f] {
    flex-direction: row;
    gap: 2rem;
}
}
@media (max-width: 400px) {
.formulas-grid[data-v-a965e01f] {
    grid-template-columns: 1fr;
}
}

.explorador[data-v-406c12a0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-406c12a0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-406c12a0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-406c12a0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-406c12a0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-406c12a0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-406c12a0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-406c12a0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-406c12a0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-406c12a0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1 y 3: Inputs ===== */
.identificar-container[data-v-406c12a0], .general-container[data-v-406c12a0] {
  text-align: center;
}
.ecuacion-mostrar[data-v-406c12a0], .ecuacion-general[data-v-406c12a0] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
}
.ecuacion-general[data-v-406c12a0] {
  font-size: 1.1rem;
}
.instruccion-d3[data-v-406c12a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.inputs-section[data-v-406c12a0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-row[data-v-406c12a0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.input-grupo[data-v-406c12a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-grupo label[data-v-406c12a0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-con-signo[data-v-406c12a0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-406c12a0] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-406c12a0] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-con-signo input[data-v-406c12a0], .input-simple[data-v-406c12a0] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-simple[data-v-406c12a0] {
  width: 60px;
}
.input-con-signo input.correcto[data-v-406c12a0], .input-simple.correcto[data-v-406c12a0] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-con-signo input.incorrecto[data-v-406c12a0], .input-simple.incorrecto[data-v-406c12a0] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-406c12a0] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-406c12a0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-406c12a0] {
  text-align: center;
}
.simulador-grafico[data-v-406c12a0] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.grafico-circunferencia[data-v-406c12a0] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.controles-sim[data-v-406c12a0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-406c12a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.control-grupo label[data-v-406c12a0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 80px;
  text-align: right;
}
.slider[data-v-406c12a0] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-406c12a0]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-406c12a0] {
  font-size: 1.1rem;
  font-weight: 700;
  min-width: 35px;
  text-align: left;
  color: #FFFFFF;
}
.control-valor.positivo[data-v-406c12a0] { color: #6EE7B7;
}
.control-valor.negativo[data-v-406c12a0] { color: #FCA5A5;
}
.ecuacion-resultado[data-v-406c12a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ecuacion-label[data-v-406c12a0] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.ecuacion-valor[data-v-406c12a0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.sim-desafio[data-v-406c12a0] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo[data-v-406c12a0] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo strong[data-v-406c12a0] {
  color: #FCD34D;
  display: block;
  margin-top: 0.25rem;
  font-size: 1rem;
}

/* Feedback ayuda */
.feedback-ayuda[data-v-406c12a0] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-406c12a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-406c12a0] { font-size: 1.25rem;
}
.resultado-texto[data-v-406c12a0] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-406c12a0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-406c12a0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-406c12a0] { flex: 1;
}
.nav-btn[data-v-406c12a0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-406c12a0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-406c12a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-406c12a0] { font-size: 1.75rem;
}
.completado-texto[data-v-406c12a0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-406c12a0], .slide-leave-active[data-v-406c12a0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-406c12a0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-406c12a0] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-circunferencia[data-v-406c12a0] {
    max-width: 320px;
}
.ecuacion-valor[data-v-406c12a0] {
    font-size: 1.1rem;
}
}

/* Intro */
.resumen-intro[data-v-f276d47b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f276d47b] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f276d47b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f276d47b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-f276d47b] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f276d47b] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f276d47b]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-f276d47b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.wide[data-v-f276d47b] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-f276d47b] {
    grid-column: span 1;
}
}
.card-header[data-v-f276d47b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-f276d47b] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f276d47b] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f276d47b] {
  color: #E9D5FF;
}
.card-contenido p[data-v-f276d47b] {
  margin: 0;
  font-size: 0.9rem;
}

/* Fórmulas */
.formula-destacada[data-v-f276d47b] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #6EE7B7;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  font-family: 'Courier New', monospace;
}
.formula-info[data-v-f276d47b] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  font-size: 0.9rem;
}
strong.positivo[data-v-f276d47b] { color: #6EE7B7;
}
strong.negativo[data-v-f276d47b] { color: #FCA5A5;
}
.formula-general[data-v-f276d47b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-family: 'Courier New', monospace;
}
.conversion-formulas[data-v-f276d47b] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.conv-item[data-v-f276d47b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.conv-label[data-v-f276d47b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.conv-formula[data-v-f276d47b] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.formula-simple[data-v-f276d47b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}

/* Signos ejemplos */
.signos-ejemplos[data-v-f276d47b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.signo-ej[data-v-f276d47b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.signo-ec[data-v-f276d47b] {
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
}
.signo-res[data-v-f276d47b] {
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-f276d47b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f276d47b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f276d47b] {
  font-size: 1.25rem;
}
.tip-text[data-v-f276d47b] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-f276d47b] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f276d47b] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f276d47b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f276d47b 1s ease-in-out infinite;
}
@keyframes bounce-f276d47b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f276d47b] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f276d47b] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-6452a47c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.plano-simple[data-v-6452a47c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem 2rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  position: relative;
}
.punto[data-v-6452a47c] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.1rem;
}
.punto-a[data-v-6452a47c] {
  background: rgba(249, 168, 212, 0.3);
  border: 3px solid #F9A8D4;
  color: #F9A8D4;
}
.punto-b[data-v-6452a47c] {
  background: rgba(252, 211, 77, 0.3);
  border: 3px solid #FCD34D;
  color: #FCD34D;
}
.linea-distancia[data-v-6452a47c] {
  width: 80px;
  height: 4px;
  background: linear-gradient(to right, #F9A8D4, #FCD34D);
  border-radius: 2px;
}
.distancia-label[data-v-6452a47c] {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1.2rem;
}

/* Texto destacado */
strong.destacado[data-v-6452a47c] {
  color: #FCD34D;
}
strong.positivo[data-v-6452a47c] {
  color: #6EE7B7;
}

/* Definición */
.definicion[data-v-6452a47c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-6452a47c] {
  font-size: 1.5rem;
}
.def-contenido[data-v-6452a47c] {
  flex: 1;
}
.def-titulo[data-v-6452a47c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-6452a47c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-explicacion[data-v-6452a47c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.def-explicacion strong[data-v-6452a47c] {
  color: #93C5FD;
}

/* Triángulo visual */
.triangulo-section[data-v-6452a47c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.triangulo-titulo[data-v-6452a47c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.triangulo-visual[data-v-6452a47c] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.triangulo-svg[data-v-6452a47c] {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.triangulo-explicacion[data-v-6452a47c] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.triangulo-explicacion strong[data-v-6452a47c] {
  color: #6EE7B7;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-6452a47c] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-6452a47c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-pregunta[data-v-6452a47c] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.punto-ejemplo[data-v-6452a47c] {
  font-weight: 700;
  font-family: monospace;
}
.punto-ejemplo.a[data-v-6452a47c] { color: #F9A8D4;
}
.punto-ejemplo.b[data-v-6452a47c] { color: #FCD34D;
}
.pasos-explicacion[data-v-6452a47c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-6452a47c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-6452a47c] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-6452a47c] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso.resultado-final[data-v-6452a47c] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado-final .paso-num[data-v-6452a47c] {
  background: #10B981;
  color: white;
}
.paso.resultado-final .paso-texto[data-v-6452a47c] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-6452a47c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6452a47c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6452a47c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6452a47c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.plano-simple[data-v-6452a47c] {
    padding: 2rem 3rem;
}
.punto[data-v-6452a47c] {
    width: 50px;
    height: 50px;
    font-size: 1.3rem;
}
.linea-distancia[data-v-6452a47c] {
    width: 120px;
}
.triangulo-svg[data-v-6452a47c] {
    max-width: 300px;
}
}

/* Intro visual */
.intro-visual[data-v-785ecc1b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.segmento-visual[data-v-785ecc1b] {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 1.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.punto[data-v-785ecc1b] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 1rem;
  z-index: 2;
}
.punto-a[data-v-785ecc1b] {
  background: rgba(249, 168, 212, 0.3);
  border: 3px solid #F9A8D4;
  color: #F9A8D4;
}
.punto-b[data-v-785ecc1b] {
  background: rgba(252, 211, 77, 0.3);
  border: 3px solid #FCD34D;
  color: #FCD34D;
}
.linea-segmento[data-v-785ecc1b] {
  width: 120px;
  height: 4px;
  background: linear-gradient(to right, #F9A8D4, #8B5CF6 50%, #FCD34D);
  position: relative;
  margin: 0 -8px;
}
.punto-medio-marker[data-v-785ecc1b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: rgba(139, 92, 246, 0.4);
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4B5FD;
  font-weight: 800;
  font-size: 0.9rem;
}

/* Texto destacado */
strong.destacado[data-v-785ecc1b] {
  color: #FCD34D;
}
strong.positivo[data-v-785ecc1b] {
  color: #6EE7B7;
}
strong.negativo[data-v-785ecc1b] {
  color: #FCA5A5;
}

/* Definición */
.definicion[data-v-785ecc1b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-785ecc1b] {
  font-size: 1.5rem;
}
.def-contenido[data-v-785ecc1b] {
  flex: 1;
}
.def-titulo[data-v-785ecc1b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-785ecc1b] {
  font-size: 1.05rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-explicacion[data-v-785ecc1b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.def-explicacion strong[data-v-785ecc1b] {
  color: #6EE7B7;
}

/* Visual section */
.visual-section[data-v-785ecc1b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.visual-titulo[data-v-785ecc1b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.visual-container[data-v-785ecc1b] {
  display: flex;
  justify-content: center;
}
.visual-svg[data-v-785ecc1b] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-785ecc1b] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-785ecc1b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-pregunta[data-v-785ecc1b] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.punto-ejemplo[data-v-785ecc1b] {
  font-weight: 700;
  font-family: monospace;
}
.punto-ejemplo.a[data-v-785ecc1b] { color: #F9A8D4;
}
.punto-ejemplo.b[data-v-785ecc1b] { color: #FCD34D;
}
.pasos-explicacion[data-v-785ecc1b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-785ecc1b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-785ecc1b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-785ecc1b] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso.resultado-final[data-v-785ecc1b] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado-final .paso-num[data-v-785ecc1b] {
  background: #10B981;
  color: white;
}
.paso.resultado-final .paso-texto[data-v-785ecc1b] {
  color: #6EE7B7;
}

/* Caso especial */
.caso-especial[data-v-785ecc1b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.caso-titulo[data-v-785ecc1b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.caso-ejemplo[data-v-785ecc1b] {
  text-align: center;
}
.caso-pregunta[data-v-785ecc1b] {
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.caso-calculo[data-v-785ecc1b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.caso-calculo strong[data-v-785ecc1b] {
  color: #6EE7B7;
}
.caso-resultado[data-v-785ecc1b] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-785ecc1b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-785ecc1b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-785ecc1b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-785ecc1b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.punto[data-v-785ecc1b] {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
}
.linea-segmento[data-v-785ecc1b] {
    width: 160px;
}
.punto-medio-marker[data-v-785ecc1b] {
    width: 38px;
    height: 38px;
    font-size: 1rem;
}
.visual-svg[data-v-785ecc1b] {
    max-width: 340px;
}
.caso-calculo[data-v-785ecc1b] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

.explorador[data-v-ff5cb824] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ff5cb824] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ff5cb824] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ff5cb824] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ff5cb824] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ff5cb824] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ff5cb824] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ff5cb824] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ff5cb824] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ff5cb824] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Puntos display */
.puntos-display[data-v-ff5cb824] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.punto-label[data-v-ff5cb824] {
  font-family: monospace;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
}
.punto-label.a[data-v-ff5cb824] {
  background: rgba(249, 168, 212, 0.2);
  color: #F9A8D4;
}
.punto-label.b[data-v-ff5cb824] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.punto-label.m[data-v-ff5cb824] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.separador[data-v-ff5cb824] {
  color: #8B5CF6;
  font-size: 1.2rem;
}

/* Plano mini */
.plano-mini[data-v-ff5cb824] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.plano-svg[data-v-ff5cb824] {
  width: 100%;
  max-width: 200px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Respuesta input */
.respuesta-input[data-v-ff5cb824],
.respuesta-pm[data-v-ff5cb824] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.formula-label[data-v-ff5cb824] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-ff5cb824] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coord[data-v-ff5cb824] {
  width: 55px;
  padding: 0.4rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-ff5cb824],
.input-coord.correcto[data-v-ff5cb824] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-ff5cb824],
.input-coord.incorrecto[data-v-ff5cb824] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-ff5cb824] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-ff5cb824]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Botón de signo +/- */
.btn-signo[data-v-ff5cb824] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-ff5cb824] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.btn-signo[data-v-ff5cb824]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Problema texto */
.problema-texto[data-v-ff5cb824] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 1rem;
  line-height: 1.6;
}

/* Hint box */
.hint-box[data-v-ff5cb824] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.hint-icon[data-v-ff5cb824] { font-size: 1rem;
}
.hint-text[data-v-ff5cb824] { 
  color: #E9D5FF; 
  font-size: 0.85rem;
  font-family: monospace;
}

/* Feedback */
.feedback[data-v-ff5cb824] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  text-align: center;
}
.feedback.incorrecto[data-v-ff5cb824] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-ff5cb824] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ff5cb824] { font-size: 1.25rem;
}
.resultado-texto[data-v-ff5cb824] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-ff5cb824] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-ff5cb824] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ff5cb824] { flex: 1;
}
.nav-btn[data-v-ff5cb824] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ff5cb824] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ff5cb824] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ff5cb824] { font-size: 1.75rem;
}
.completado-texto[data-v-ff5cb824] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ff5cb824], .slide-leave-active[data-v-ff5cb824] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ff5cb824] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ff5cb824] { opacity: 0; transform: translateX(-15px);
}

/* Logro header */
.logro-header[data-v-529e4c41] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.logro-icono[data-v-529e4c41] {
  font-size: 1.75rem;
}
.logro-texto[data-v-529e4c41] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Fórmulas section */
.formulas-section[data-v-529e4c41] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.formula-card[data-v-529e4c41] {
  padding: 1rem;
  border-radius: 0.75rem;
  text-align: center;
}
.formula-card.distancia[data-v-529e4c41] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.formula-card.punto-medio[data-v-529e4c41] {
  background: rgba(249, 168, 212, 0.1);
  border: 1px solid rgba(249, 168, 212, 0.3);
}
.formula-titulo[data-v-529e4c41] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formula-icono[data-v-529e4c41] {
  font-size: 1.25rem;
}
.formula-contenido[data-v-529e4c41] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
}
.formula-nota[data-v-529e4c41] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ternas pitagóricas */
.ternas-section[data-v-529e4c41] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.ternas-titulo[data-v-529e4c41] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ternas-icono[data-v-529e4c41] {
  font-size: 1.25rem;
}
.ternas-grid[data-v-529e4c41] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.terna[data-v-529e4c41] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.terna-nums[data-v-529e4c41] {
  font-family: monospace;
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.ternas-nota[data-v-529e4c41] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tips section */
.tips-section[data-v-529e4c41] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-529e4c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-529e4c41] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-529e4c41] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tip-check[data-v-529e4c41] {
  color: #10B981;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-529e4c41] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tip-texto strong.positivo[data-v-529e4c41] {
  color: #6EE7B7;
}

/* Aplicaciones section */
.aplicacion-section[data-v-529e4c41] {
  margin-bottom: 1.5rem;
}
.aplicacion-titulo[data-v-529e4c41] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-529e4c41] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.aplicacion-item[data-v-529e4c41] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.app-icono[data-v-529e4c41] {
  font-size: 1.25rem;
}
.app-texto[data-v-529e4c41] {
  font-size: 0.75rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Mensaje final */
.mensaje-final[data-v-529e4c41] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-529e4c41] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.mensaje-texto[data-v-529e4c41] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-section[data-v-529e4c41] {
    flex-direction: row;
}
.formula-card[data-v-529e4c41] {
    flex: 1;
}
.ternas-grid[data-v-529e4c41] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicaciones-grid[data-v-529e4c41] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicacion-item[data-v-529e4c41] {
    padding: 0.75rem;
}
.app-texto[data-v-529e4c41] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-30a5ea79] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.recta-visual[data-v-30a5ea79] {
  width: 100%;
  max-width: 280px;
}
.grafico-pendiente[data-v-30a5ea79] {
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Fórmula principal */
.formula-principal[data-v-30a5ea79] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-30a5ea79] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-30a5ea79] {
  flex: 1;
}
.formula-titulo[data-v-30a5ea79] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-math[data-v-30a5ea79] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-30a5ea79] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
}
.numerador[data-v-30a5ea79], .denominador[data-v-30a5ea79] {
  padding: 0.1rem 0.3rem;
}
.numerador[data-v-30a5ea79] {
  border-bottom: 2px solid #C4B5FD;
}
.numerador.positivo[data-v-30a5ea79] { color: #FCA5A5;
}
.denominador.negativo[data-v-30a5ea79] { color: #FCD34D;
}

/* Tipos de pendiente */
.tipos-section[data-v-30a5ea79] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-30a5ea79] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-30a5ea79] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-30a5ea79] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-grafico[data-v-30a5ea79] {
  width: 50px;
  height: 50px;
}
.tipo-grafico svg[data-v-30a5ea79] {
  width: 100%;
  height: 100%;
}
.tipo-label[data-v-30a5ea79] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.tipo-desc[data-v-30a5ea79] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-desc.positivo[data-v-30a5ea79] { color: #6EE7B7;
}
.tipo-desc.negativo[data-v-30a5ea79] { color: #FCA5A5;
}

/* Ejemplo de cálculo */
.ejemplo-calculo[data-v-30a5ea79] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-30a5ea79] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido p[data-v-30a5ea79] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.calculo-pasos[data-v-30a5ea79] {
  margin: 0.75rem 0;
}
.paso[data-v-30a5ea79] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-30a5ea79] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paso-texto[data-v-30a5ea79] {
  font-size: 1rem;
  color: #FFFFFF;
}
.fraccion-inline[data-v-30a5ea79] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.15rem;
  vertical-align: middle;
}
.fraccion-inline .num[data-v-30a5ea79] {
  border-bottom: 1px solid #C4B5FD;
  font-size: 0.85em;
  padding: 0 0.2rem;
}
.fraccion-inline .den[data-v-30a5ea79] {
  font-size: 0.85em;
  padding: 0 0.2rem;
}
.resultado[data-v-30a5ea79] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.resultado.positivo[data-v-30a5ea79] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.interpretacion[data-v-30a5ea79] {
  background: rgba(139, 92, 246, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem !important;
  margin-top: 0.5rem !important;
}

/* Tip */
.tip[data-v-30a5ea79] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-30a5ea79] {
  font-size: 1.25rem;
}
.tip-texto[data-v-30a5ea79] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-30a5ea79] {
  color: #FCD34D;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-30a5ea79] {
  color: #6EE7B7;
}
strong.negativo[data-v-30a5ea79] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-30a5ea79] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-math[data-v-30a5ea79] {
    font-size: 1.4rem;
}
}

/* Visual de la recta */
.visual-section[data-v-b4ea77ac] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-recta[data-v-b4ea77ac] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Fórmula principal */
.formula-principal[data-v-b4ea77ac] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-box[data-v-b4ea77ac] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-b4ea77ac] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 0.05em;
}
.formula-leyenda[data-v-b4ea77ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.leyenda-item[data-v-b4ea77ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.var-m[data-v-b4ea77ac] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 1.1rem;
  min-width: 20px;
}
.var-b[data-v-b4ea77ac] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1.1rem;
  min-width: 20px;
}
.var-desc[data-v-b4ea77ac] {
  color: #E9D5FF;
}

/* Identificar m y b */
.identificar-section[data-v-b4ea77ac] {
  margin: 1.5rem 0;
}
.identificar-titulo[data-v-b4ea77ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-b4ea77ac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-b4ea77ac] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
}
.ejemplo-ecuacion[data-v-b4ea77ac] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.4rem;
}
.m-valor[data-v-b4ea77ac] {
  color: #6EE7B7;
}
.b-valor[data-v-b4ea77ac] {
  color: #FCD34D;
}
.ejemplo-datos[data-v-b4ea77ac] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Interpretación */
.interpretacion-box[data-v-b4ea77ac] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.interpretacion-titulo[data-v-b4ea77ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.interpretacion-items[data-v-b4ea77ac] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.interp-item[data-v-b4ea77ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.interp-icono[data-v-b4ea77ac] {
  font-size: 1.2rem;
}
.interp-contenido[data-v-b4ea77ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-b4ea77ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b4ea77ac] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b4ea77ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b4ea77ac] {
  color: #FCD34D;
}

/* Colores inline */
strong.positivo[data-v-b4ea77ac] {
  color: #6EE7B7;
}
strong.negativo[data-v-b4ea77ac] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-b4ea77ac] {
    font-size: 2.5rem;
}
.formula-leyenda[data-v-b4ea77ac] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-4b87c28d] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-4b87c28d] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-4b87c28d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.formula-leyenda[data-v-4b87c28d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.leyenda-item[data-v-4b87c28d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.var-punto[data-v-4b87c28d] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.var-m[data-v-4b87c28d] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 1.1rem;
  min-width: 20px;
}
.var-desc[data-v-4b87c28d] {
  color: #E9D5FF;
}

/* ¿Cuándo usar? */
.cuando-usar[data-v-4b87c28d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.cuando-titulo[data-v-4b87c28d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.cuando-items[data-v-4b87c28d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cuando-item[data-v-4b87c28d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.cuando-item.correcto[data-v-4b87c28d] {
  background: rgba(16, 185, 129, 0.15);
}
.cuando-icono[data-v-4b87c28d] {
  font-size: 1rem;
}

/* Ejemplo */
.ejemplo-section[data-v-4b87c28d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-section.alternativo[data-v-4b87c28d] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.ejemplo-header[data-v-4b87c28d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-4b87c28d] {
  font-size: 1.2rem;
}
.ejemplo-titulo[data-v-4b87c28d] {
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-section.alternativo .ejemplo-titulo[data-v-4b87c28d] {
  color: #FCD34D;
}
.ejemplo-enunciado[data-v-4b87c28d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 1rem;
}
.pasos-solucion[data-v-4b87c28d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-4b87c28d] {
  display: flex;
  gap: 0.75rem;
}
.paso-num[data-v-4b87c28d] {
  width: 26px;
  height: 26px;
  min-width: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-contenido[data-v-4b87c28d] {
  flex: 1;
}
.paso-label[data-v-4b87c28d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.paso-math[data-v-4b87c28d] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-math.resultado[data-v-4b87c28d] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  display: inline-block;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-4b87c28d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4b87c28d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4b87c28d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4b87c28d] {
  color: #6EE7B7;
}

/* Colores inline */
strong.positivo[data-v-4b87c28d] {
  color: #6EE7B7;
}
strong.negativo[data-v-4b87c28d] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-4b87c28d] {
    font-size: 1.8rem;
}
.formula-leyenda[data-v-4b87c28d] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-8048dd12] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.formula-box[data-v-8048dd12] {
  margin-bottom: 0.5rem;
}
.formula-grande[data-v-8048dd12] {
  font-size: 1.6rem;
  font-weight: 800;
  color: #FFFFFF;
}
.formula-nota[data-v-8048dd12] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-nota strong[data-v-8048dd12] {
  color: #E9D5FF;
}

/* Conversión */
.conversion-section[data-v-8048dd12] {
  margin: 1.5rem 0;
}
.conversion-titulo[data-v-8048dd12] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conversion-card[data-v-8048dd12] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.conv-header[data-v-8048dd12] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.forma-tag[data-v-8048dd12] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.forma-tag.azul[data-v-8048dd12] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.forma-tag.verde[data-v-8048dd12] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.conv-flecha[data-v-8048dd12] {
  color: #C4B5FD;
  font-size: 1.2rem;
}
.conv-ejemplo[data-v-8048dd12] {
  text-align: center;
}
.conv-paso[data-v-8048dd12] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.conv-paso.resultado[data-v-8048dd12] {
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
  display: inline-block;
}
.conv-tip[data-v-8048dd12] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Fórmulas rápidas */
.formulas-rapidas[data-v-8048dd12] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.rapidas-titulo[data-v-8048dd12] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.rapidas-grid[data-v-8048dd12] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.rapida-card[data-v-8048dd12] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.rapida-label[data-v-8048dd12] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.rapida-formula[data-v-8048dd12] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-8048dd12] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-header[data-v-8048dd12] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-8048dd12] {
  font-size: 1.2rem;
}
.ejemplo-titulo[data-v-8048dd12] {
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-enunciado[data-v-8048dd12] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.ejemplo-solucion[data-v-8048dd12] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-item[data-v-8048dd12] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-label[data-v-8048dd12] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 80px;
}
.sol-math[data-v-8048dd12] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.sol-resultado[data-v-8048dd12] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.5rem;
  border-radius: 0.4rem;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #C4B5FD;
}
.resultado-ecuacion[data-v-8048dd12] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparación */
.comparacion[data-v-8048dd12] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-8048dd12] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-table[data-v-8048dd12] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-8048dd12] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.comp-row[data-v-8048dd12]:last-child {
  border-bottom: none;
}
.comp-row.header[data-v-8048dd12] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-row.header .comp-col[data-v-8048dd12] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.75rem;
}
.comp-col[data-v-8048dd12] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-col.nombre[data-v-8048dd12] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.comp-col.ecuacion[data-v-8048dd12] {
  font-family: monospace;
  color: #6EE7B7;
}
.comp-col.uso[data-v-8048dd12] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-8048dd12] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8048dd12] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8048dd12] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8048dd12] {
  color: #FCD34D;
}

/* Colores inline */
strong.positivo[data-v-8048dd12] {
  color: #6EE7B7;
}
strong.negativo[data-v-8048dd12] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-8048dd12] {
    font-size: 2rem;
}
.comp-col[data-v-8048dd12] {
    font-size: 0.85rem;
}
.comp-col.nombre[data-v-8048dd12] {
    font-size: 0.85rem;
}
}

.explorador[data-v-d6eea933] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d6eea933] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d6eea933] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d6eea933] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d6eea933] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d6eea933] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d6eea933] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d6eea933] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d6eea933] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d6eea933] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar m y b ===== */
.identificar-container[data-v-d6eea933] {
  text-align: center;
}
.ecuacion-mostrar[data-v-d6eea933] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  display: inline-block;
}
.inputs-row[data-v-d6eea933] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.input-grupo[data-v-d6eea933] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-grupo label[data-v-d6eea933] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-con-signo[data-v-d6eea933] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-d6eea933] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-d6eea933] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-con-signo input[data-v-d6eea933] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-con-signo input.correcto[data-v-d6eea933] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-con-signo input.incorrecto[data-v-d6eea933] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-d6eea933] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-d6eea933]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Calcular pendiente ===== */
.pendiente-container[data-v-d6eea933] {
  text-align: center;
}
.puntos-visual[data-v-d6eea933] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.grafico-puntos[data-v-d6eea933] {
  width: 100%;
  max-width: 250px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.puntos-info[data-v-d6eea933] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.punto-label[data-v-d6eea933] {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.4rem;
}
.punto-label.a[data-v-d6eea933] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.punto-label.b[data-v-d6eea933] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.pendiente-input[data-v-d6eea933] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pendiente-input label[data-v-d6eea933] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-verificar-inline[data-v-d6eea933] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-error[data-v-d6eea933] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-d6eea933] {
  text-align: center;
}
.simulador-grafico[data-v-d6eea933] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.grafico-sim[data-v-d6eea933] {
  width: 100%;
  max-width: 260px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.controles-sim[data-v-d6eea933] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-d6eea933] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.control-grupo label[data-v-d6eea933] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 90px;
  text-align: right;
}
.slider[data-v-d6eea933] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-d6eea933]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-d6eea933] {
  font-size: 1.1rem;
  font-weight: 700;
  min-width: 35px;
  text-align: left;
  color: #FFFFFF;
}
.control-valor.positivo[data-v-d6eea933] { color: #6EE7B7;
}
.control-valor.negativo[data-v-d6eea933] { color: #FCA5A5;
}
.ecuacion-resultado[data-v-d6eea933] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ecuacion-label[data-v-d6eea933] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.ecuacion-valor[data-v-d6eea933] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sim-desafio[data-v-d6eea933] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo[data-v-d6eea933] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo strong[data-v-d6eea933] {
  color: #FCD34D;
}

/* Resultado correcto */
.resultado-correcto[data-v-d6eea933] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d6eea933] { font-size: 1.25rem;
}
.resultado-texto[data-v-d6eea933] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-d6eea933] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-d6eea933] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d6eea933] { flex: 1;
}
.nav-btn[data-v-d6eea933] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d6eea933] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d6eea933] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d6eea933] { font-size: 1.75rem;
}
.completado-texto[data-v-d6eea933] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d6eea933], .slide-leave-active[data-v-d6eea933] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d6eea933] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d6eea933] { opacity: 0; transform: translateX(-15px);
}

/* Fórmulas resumen */
.formulas-resumen[data-v-0066c50e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.formula-card[data-v-0066c50e] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 1px solid;
}
.formula-card.pendiente[data-v-0066c50e] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.3);
}
.formula-card.pendiente-intercepto[data-v-0066c50e] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.3);
}
.formula-card.punto-pendiente[data-v-0066c50e] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.3);
}
.formula-card.general[data-v-0066c50e] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.formula-titulo[data-v-0066c50e] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.formula-expresion[data-v-0066c50e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
  font-family: monospace;
}
.formula-uso[data-v-0066c50e] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Conversiones */
.conversiones-section[data-v-0066c50e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.conversiones-titulo[data-v-0066c50e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-align: center;
}
.conversiones-grid[data-v-0066c50e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.conversion-item[data-v-0066c50e] {
  text-align: center;
}
.conv-label[data-v-0066c50e] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.conv-formula[data-v-0066c50e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tipos de pendiente */
.tipos-resumen[data-v-0066c50e] {
  margin-bottom: 1.5rem;
}
.tipos-titulo[data-v-0066c50e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tipos-visual[data-v-0066c50e] {
  display: flex;
  justify-content: space-around;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.tipo-mini[data-v-0066c50e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.tipo-mini svg[data-v-0066c50e] {
  width: 35px;
  height: 35px;
}
.tipo-valor[data-v-0066c50e] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.tipo-valor.positivo[data-v-0066c50e] { color: #6EE7B7;
}
.tipo-valor.negativo[data-v-0066c50e] { color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-0066c50e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-0066c50e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-0066c50e] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-0066c50e] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.tip-num[data-v-0066c50e] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.tip-texto[data-v-0066c50e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-0066c50e] {
  color: #FFFFFF;
}

/* Ejemplo final */
.ejemplo-final[data-v-0066c50e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-header[data-v-0066c50e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-0066c50e] {
  font-size: 1.2rem;
}
.ejemplo-titulo[data-v-0066c50e] {
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-problema[data-v-0066c50e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.ejemplo-pasos[data-v-0066c50e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-rapido[data-v-0066c50e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.paso-label[data-v-0066c50e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 70px;
}
.paso-calc[data-v-0066c50e] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-0066c50e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mensaje-icono[data-v-0066c50e] {
  font-size: 1.5rem;
}
.mensaje-texto[data-v-0066c50e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Colores inline */
strong.positivo[data-v-0066c50e] {
  color: #6EE7B7;
}
strong.negativo[data-v-0066c50e] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-resumen[data-v-0066c50e] {
    grid-template-columns: repeat(4, 1fr);
}
.formula-titulo[data-v-0066c50e] {
    font-size: 0.75rem;
}
.formula-expresion[data-v-0066c50e] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-218d34df] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.ecuacion-destacada[data-v-218d34df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
}
.ecuacion-formula[data-v-218d34df] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.ecuacion-pregunta[data-v-218d34df] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Section títulos */
.section-titulo[data-v-218d34df] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Diferencia con identidades */
.diferencia-section[data-v-218d34df] {
  margin: 1.5rem 0;
}
.diferencia-grid[data-v-218d34df] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-218d34df] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.diferencia-item.identidad[data-v-218d34df] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.diferencia-item.ecuacion[data-v-218d34df] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.dif-tipo[data-v-218d34df] {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.identidad .dif-tipo[data-v-218d34df] { color: #FCD34D;
}
.ecuacion .dif-tipo[data-v-218d34df] { color: #6EE7B7;
}
.dif-formula[data-v-218d34df] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.dif-desc[data-v-218d34df] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dif-desc strong[data-v-218d34df] {
  color: #FFFFFF;
}

/* Círculo unitario preview */
.circulo-section[data-v-218d34df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.circulo-preview[data-v-218d34df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.circulo-container[data-v-218d34df] {
  width: 160px;
  height: 160px;
  position: relative;
}
.eje-x[data-v-218d34df], .eje-y[data-v-218d34df] {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
}
.eje-x[data-v-218d34df] {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-1px);
}
.eje-y[data-v-218d34df] {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-1px);
}
.circulo[data-v-218d34df] {
  position: absolute;
  width: 120px;
  height: 120px;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.linea-horizontal[data-v-218d34df] {
  position: absolute;
  width: 120px;
  height: 2px;
  background: #6EE7B7;
  top: calc(50% - 30px);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
.punto[data-v-218d34df] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #FCD34D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  color: #000;
}

/* 30° position: cos(30°)=0.866, sin(30°)=0.5, radius=60px */
.punto-1[data-v-218d34df] {
  top: calc(50% - 30px - 12px);
  left: calc(50% + 52px - 12px);
}

/* 150° position: cos(150°)=-0.866, sin(150°)=0.5 */
.punto-2[data-v-218d34df] {
  top: calc(50% - 30px - 12px);
  left: calc(50% - 52px - 12px);
}
.label-sen[data-v-218d34df] {
  position: absolute;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
  top: calc(50% - 45px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.circulo-info[data-v-218d34df] {
  text-align: center;
}
.circulo-info p[data-v-218d34df] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.circulo-info ul[data-v-218d34df] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.circulo-info li[data-v-218d34df] {
  font-size: 0.9rem;
}
.angulo-1[data-v-218d34df] { color: #FCD34D;
}
.angulo-2[data-v-218d34df] { color: #FCD34D;
}

/* Infinitas soluciones */
.infinitas-section[data-v-218d34df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.infinitas-contenido p[data-v-218d34df] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.infinitas-contenido p strong[data-v-218d34df] {
  color: #FCD34D;
}
.soluciones-ejemplo[data-v-218d34df] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.sol[data-v-218d34df] {
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.3rem;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
}
.mas[data-v-218d34df] {
  color: #C4B5FD;
  font-size: 1.2rem;
}
.formula-general[data-v-218d34df] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-218d34df] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-218d34df] {
  font-size: 1.25rem;
}
.tip-texto[data-v-218d34df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-218d34df] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-formula[data-v-218d34df] {
    font-size: 1.8rem;
}
.diferencia-grid[data-v-218d34df] {
    flex-direction: row;
}
.diferencia-item[data-v-218d34df] {
    flex: 1;
}
.circulo-preview[data-v-218d34df] {
    flex-direction: row;
}
.circulo-info[data-v-218d34df] {
    text-align: left;
}
.circulo-info ul[data-v-218d34df] {
    flex-direction: column;
    gap: 0.25rem;
}
}

/* Section títulos */
.section-titulo[data-v-e2d571dc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Pasos de resolución */
.pasos-section[data-v-e2d571dc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pasos-lista[data-v-e2d571dc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-e2d571dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-e2d571dc] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.paso-contenido[data-v-e2d571dc] {
  flex: 1;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso-contenido strong[data-v-e2d571dc] {
  color: #FFFFFF;
}
.paso-detalle[data-v-e2d571dc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Ejemplo */
.ejemplo-section[data-v-e2d571dc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-pasos[data-v-e2d571dc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ej-paso[data-v-e2d571dc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.ej-paso-label[data-v-e2d571dc] {
  color: #6EE7B7;
  font-weight: 600;
}
.ej-paso-texto[data-v-e2d571dc] {
  color: #E9D5FF;
}
.ej-paso-texto strong[data-v-e2d571dc] {
  color: #FFFFFF;
}
.correcto[data-v-e2d571dc] {
  color: #6EE7B7;
}
.positivo[data-v-e2d571dc] {
  color: #6EE7B7;
}
.negativo[data-v-e2d571dc] {
  color: #FCA5A5;
}
.ejemplo-resultado[data-v-e2d571dc] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resultado-titulo[data-v-e2d571dc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.resultado-valores[data-v-e2d571dc] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.valor[data-v-e2d571dc] {
  color: #FCD34D;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
}

/* Cuadrantes */
.cuadrantes-section[data-v-e2d571dc] {
  margin: 1.5rem 0;
}
.cuadrantes-tabla[data-v-e2d571dc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.cuadrante[data-v-e2d571dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.c-num[data-v-e2d571dc] {
  font-weight: 800;
  font-size: 1.1rem;
  color: #8B5CF6;
  margin-bottom: 0.25rem;
}
.c-signo[data-v-e2d571dc] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.c-signo strong.positivo[data-v-e2d571dc] {
  color: #6EE7B7;
}
.c-signo strong.negativo[data-v-e2d571dc] {
  color: #FCA5A5;
}

/* Valores notables */
.notables-section[data-v-e2d571dc] {
  margin: 1.5rem 0;
}
.notables-tabla[data-v-e2d571dc] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.notables-header[data-v-e2d571dc], .notables-row[data-v-e2d571dc] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align: center;
  padding: 0.5rem 0.25rem;
}
.notables-header[data-v-e2d571dc] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.notables-row[data-v-e2d571dc] {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  color: #E9D5FF;
}
.notables-row .col[data-v-e2d571dc]:first-child {
  font-weight: 600;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-e2d571dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e2d571dc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e2d571dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e2d571dc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resultado-valores[data-v-e2d571dc] {
    flex-direction: row;
    gap: 1.5rem;
}
.notables-header[data-v-e2d571dc], .notables-row[data-v-e2d571dc] {
    font-size: 0.95rem;
    padding: 0.6rem 0.5rem;
}
}

/* Section títulos */
.section-titulo[data-v-d2d30ad8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Fórmulas generales */
.formulas-section[data-v-d2d30ad8] {
  margin: 1.5rem 0;
}
.formula-card[data-v-d2d30ad8] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-card.seno[data-v-d2d30ad8] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-card.coseno[data-v-d2d30ad8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.formula-card.tangente[data-v-d2d30ad8] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.formula-titulo[data-v-d2d30ad8] {
  font-weight: 700;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.seno .formula-titulo[data-v-d2d30ad8] { color: #6EE7B7;
}
.coseno .formula-titulo[data-v-d2d30ad8] { color: #93C5FD;
}
.tangente .formula-titulo[data-v-d2d30ad8] { color: #FCD34D;
}
.formula-condicion[data-v-d2d30ad8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-box[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-d2d30ad8] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-o[data-v-d2d30ad8] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.formula-nota[data-v-d2d30ad8] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Ejemplo */
.ejemplo-section[data-v-d2d30ad8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-contenido[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ej-paso[data-v-d2d30ad8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-d2d30ad8] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.paso-texto[data-v-d2d30ad8] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.soluciones-generales[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-left: 2rem;
}
.sol-formula[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.sol-formula strong[data-v-d2d30ad8] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
}
.sol-ejemplos[data-v-d2d30ad8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Radianes */
.radianes-section[data-v-d2d30ad8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.radianes-section p[data-v-d2d30ad8] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.conversiones[data-v-d2d30ad8] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.conv[data-v-d2d30ad8] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  color: #93C5FD;
}
.ejemplo-radianes[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ejemplo-radianes .label[data-v-d2d30ad8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-radianes .formula[data-v-d2d30ad8] {
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Casos especiales */
.especiales-section[data-v-d2d30ad8] {
  margin: 1.5rem 0;
}
.especiales-grid[data-v-d2d30ad8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.especial[data-v-d2d30ad8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.esp-ecuacion[data-v-d2d30ad8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.esp-solucion[data-v-d2d30ad8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Tip */
.tip[data-v-d2d30ad8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-d2d30ad8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d2d30ad8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d2d30ad8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-d2d30ad8] {
    flex-direction: row;
    gap: 1rem;
}
.sol-formula[data-v-d2d30ad8] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.ejemplo-radianes[data-v-d2d30ad8] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
}

.explorador[data-v-f592378f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f592378f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f592378f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f592378f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f592378f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f592378f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f592378f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f592378f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f592378f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f592378f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Pregunta box común */
.pregunta-box[data-v-f592378f] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.pregunta-texto[data-v-f592378f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.ecuacion[data-v-f592378f] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
}

/* ===== DESAFÍO 1: Cuadrantes ===== */
.cuadrantes-container[data-v-f592378f] {
  text-align: center;
}
.cuadrantes-visual[data-v-f592378f] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.circulo-cuadrantes[data-v-f592378f] {
  width: 160px;
  height: 160px;
  position: relative;
}
.eje-x[data-v-f592378f], .eje-y[data-v-f592378f] {
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
}
.eje-x[data-v-f592378f] {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
}
.eje-y[data-v-f592378f] {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
}
.cuadrante-btn[data-v-f592378f] {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.cuadrante-btn.c1[data-v-f592378f] { top: 5px; right: 5px;
}
.cuadrante-btn.c2[data-v-f592378f] { top: 5px; left: 5px;
}
.cuadrante-btn.c3[data-v-f592378f] { bottom: 5px; left: 5px;
}
.cuadrante-btn.c4[data-v-f592378f] { bottom: 5px; right: 5px;
}
.cuadrante-btn.seleccionado[data-v-f592378f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  color: white;
}
.cuadrante-btn.correcto[data-v-f592378f] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
  color: white;
}
.cuadrante-btn.incorrecto[data-v-f592378f] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
  color: white;
}
.ayuda-signo[data-v-f592378f] {
  margin-bottom: 1rem;
}
.signo-label[data-v-f592378f] {
  padding: 0.3rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* ===== DESAFÍO 2: Soluciones ===== */
.soluciones-container[data-v-f592378f] {
  text-align: center;
}
.angulo-ref-ayuda[data-v-f592378f] {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.ayuda-label[data-v-f592378f] {
  color: #C4B5FD;
}
.ayuda-valor[data-v-f592378f] {
  color: #6EE7B7;
  font-weight: 700;
}
.respuestas-section[data-v-f592378f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.respuesta-grupo[data-v-f592378f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.resp-label[data-v-f592378f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.respuesta-input[data-v-f592378f] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-f592378f] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-f592378f] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.grado[data-v-f592378f] {
  font-size: 1rem;
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Fórmula General ===== */
.general-container[data-v-f592378f] {
  text-align: center;
}
.ecuacion-destacada[data-v-f592378f] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-top: 0.5rem;
}
.opciones-grid[data-v-f592378f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-f592378f] {
  padding: 0.75rem 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: 'Times New Roman', serif;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-f592378f]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-f592378f] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-f592378f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-f592378f] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Botón verificar */
.btn-verificar[data-v-f592378f] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}

/* Feedback */
.feedback[data-v-f592378f] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-f592378f] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Contador */
.contador[data-v-f592378f] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-f592378f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f592378f] { font-size: 1.25rem;
}
.resultado-texto[data-v-f592378f] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-f592378f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f592378f] { flex: 1;
}
.nav-btn[data-v-f592378f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f592378f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f592378f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f592378f] { font-size: 1.75rem;
}
.completado-texto[data-v-f592378f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f592378f], .slide-leave-active[data-v-f592378f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f592378f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f592378f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.respuestas-section[data-v-f592378f] {
    flex-direction: row;
    gap: 1.5rem;
}
.opciones-grid[data-v-f592378f] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
.opcion-btn[data-v-f592378f] {
    font-size: 1rem;
}
}

/* Felicitación */
.felicitacion[data-v-101dc697] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.felicitacion-icono[data-v-101dc697] {
  font-size: 1.5rem;
}
.felicitacion-texto[data-v-101dc697] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Section títulos */
.section-titulo[data-v-101dc697] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Conceptos clave */
.resumen-section[data-v-101dc697] {
  margin-bottom: 1.5rem;
}
.conceptos-lista[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto[data-v-101dc697] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-num[data-v-101dc697] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.concepto-contenido[data-v-101dc697] {
  flex: 1;
}
.concepto-contenido strong[data-v-101dc697] {
  display: block;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.2rem;
}
.concepto-contenido p[data-v-101dc697] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Fórmulas */
.formulas-section[data-v-101dc697] {
  margin-bottom: 1.5rem;
}
.formulas-grid[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-box[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-tipo[data-v-101dc697] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.3rem;
}
.formula-sol[data-v-101dc697] {
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  color: #6EE7B7;
}

/* Cuadrantes rápido */
.cuadrantes-section[data-v-101dc697] {
  margin-bottom: 1.5rem;
}
.cuadrantes-rapido[data-v-101dc697] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.cuad-item[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cuad-func[data-v-101dc697] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.cuad-val[data-v-101dc697] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Ángulos por cuadrante */
.angulos-section[data-v-101dc697] {
  margin-bottom: 1.5rem;
}
.angulos-tabla[data-v-101dc697] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.angulo-row[data-v-101dc697] {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 0.5rem;
  text-align: center;
}
.angulo-row.header[data-v-101dc697] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.angulo-row[data-v-101dc697]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ang-col.cuad[data-v-101dc697] {
  font-weight: 700;
  color: #8B5CF6;
}
.ang-col.formula[data-v-101dc697] {
  font-family: 'Times New Roman', serif;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-section[data-v-101dc697] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-lista[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-101dc697] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-101dc697] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-101dc697] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tip-texto strong[data-v-101dc697] {
  color: #6EE7B7;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-101dc697] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-101dc697] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-101dc697] {
  text-align: center;
}
.ej-problema[data-v-101dc697] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ej-solucion[data-v-101dc697] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ej-paso[data-v-101dc697] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.ej-respuesta[data-v-101dc697] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Mensaje final */
.mensaje-final[data-v-101dc697] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-101dc697] {
  font-size: 1.5rem;
}
.final-texto[data-v-101dc697] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-101dc697] {
    flex-direction: row;
}
.formula-box[data-v-101dc697] {
    flex: 1;
}
.cuadrantes-rapido[data-v-101dc697] {
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-51093c40] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.esfera-3d[data-v-51093c40] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svg-esfera[data-v-51093c40] {
  width: 140px;
  height: 140px;
}

/* Elementos */
.elementos-section[data-v-51093c40] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-51093c40] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-51093c40] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-51093c40] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.elemento-icono[data-v-51093c40] {
  font-size: 1.25rem;
}
.elemento-info[data-v-51093c40] {
  display: flex;
  flex-direction: column;
}
.elemento-nombre[data-v-51093c40] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.elemento-desc[data-v-51093c40] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-51093c40] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-51093c40] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-51093c40] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comparacion-card[data-v-51093c40] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.comparacion-card.circulo[data-v-51093c40] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.comparacion-card.esfera[data-v-51093c40] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.comp-header[data-v-51093c40] {
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.comparacion-card.circulo .comp-header[data-v-51093c40] { color: #FCD34D;
}
.comparacion-card.esfera .comp-header[data-v-51093c40] { color: #C4B5FD;
}
.comp-contenido p[data-v-51093c40] {
  margin: 0;
  font-size: 0.85rem;
  text-align: center;
  color: #E9D5FF;
}
.comp-ejemplo[data-v-51093c40] {
  font-size: 0.75rem !important;
  color: #A78BFA !important;
  margin-top: 0.25rem !important;
}

/* Ejemplos */
.ejemplos-section[data-v-51093c40] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-51093c40] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-51093c40] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-51093c40] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-51093c40] {
  font-size: 1.5rem;
}
.ej-texto[data-v-51093c40] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-51093c40] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-51093c40] {
  font-size: 1.25rem;
}
.tip-texto[data-v-51093c40] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-51093c40] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-esfera[data-v-51093c40] {
    width: 160px;
    height: 160px;
}
.comparacion-card[data-v-51093c40] {
    padding: 1rem;
}
.ejemplos-grid[data-v-51093c40] {
    gap: 0.75rem;
}
.ejemplo[data-v-51093c40] {
    padding: 0.75rem;
}
.ej-icono[data-v-51093c40] {
    font-size: 1.75rem;
}
.ej-texto[data-v-51093c40] {
    font-size: 0.8rem;
}
}

/* Visual intro */
.intro-visual[data-v-ae0c6c6d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.svg-esfera-formulas[data-v-ae0c6c6d] {
  width: 160px;
  height: 140px;
}

/* Fórmulas */
.formulas-section[data-v-ae0c6c6d] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-ae0c6c6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-card[data-v-ae0c6c6d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-card.area[data-v-ae0c6c6d] {
  border-color: rgba(147, 197, 253, 0.4);
}
.formula-card.volumen[data-v-ae0c6c6d] {
  border-color: rgba(139, 92, 246, 0.4);
}
.formula-header[data-v-ae0c6c6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-ae0c6c6d] {
  font-size: 1.25rem;
}
.formula-nombre[data-v-ae0c6c6d] {
  font-weight: 700;
  color: #FFFFFF;
}
.formula-contenido[data-v-ae0c6c6d] {
  text-align: center;
}
.formula-principal[data-v-ae0c6c6d] {
  font-family: 'Courier New', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-card.area .formula-principal[data-v-ae0c6c6d] {
  background: rgba(147, 197, 253, 0.1);
  color: #93C5FD;
}
.formula-card.volumen .formula-principal[data-v-ae0c6c6d] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
}
.formula-descripcion[data-v-ae0c6c6d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-descripcion strong[data-v-ae0c6c6d] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-ae0c6c6d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-ae0c6c6d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-grid[data-v-ae0c6c6d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.ejemplo-calculo[data-v-ae0c6c6d] {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.ejemplo-calculo.area[data-v-ae0c6c6d] {
  background: rgba(147, 197, 253, 0.1);
}
.ejemplo-calculo.volumen[data-v-ae0c6c6d] {
  background: rgba(139, 92, 246, 0.1);
}
.calculo-header[data-v-ae0c6c6d] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.ejemplo-calculo.area .calculo-header[data-v-ae0c6c6d] { color: #93C5FD;
}
.ejemplo-calculo.volumen .calculo-header[data-v-ae0c6c6d] { color: #C4B5FD;
}
.calculo-pasos[data-v-ae0c6c6d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.calculo-pasos .resultado[data-v-ae0c6c6d] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Relación con cilindro */
.relacion-section[data-v-ae0c6c6d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-ae0c6c6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.relacion-visual[data-v-ae0c6c6d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.cilindro-container[data-v-ae0c6c6d], .esfera-container[data-v-ae0c6c6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svg-cilindro[data-v-ae0c6c6d] {
  width: 60px;
  height: 75px;
}
.svg-esfera-rel[data-v-ae0c6c6d] {
  width: 60px;
  height: 60px;
}
.cuerpo-label[data-v-ae0c6c6d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.relacion-formula[data-v-ae0c6c6d] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-rel[data-v-ae0c6c6d] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.relacion-nota[data-v-ae0c6c6d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}

/* Tips */
.tips-section[data-v-ae0c6c6d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip[data-v-ae0c6c6d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ae0c6c6d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ae0c6c6d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ae0c6c6d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-esfera-formulas[data-v-ae0c6c6d] {
    width: 200px;
    height: 180px;
}
.formula-principal[data-v-ae0c6c6d] {
    font-size: 1.75rem;
}
.formula-card[data-v-ae0c6c6d] {
    padding: 1rem;
}
.ejemplo-grid[data-v-ae0c6c6d] {
    gap: 1rem;
}
.calculo-pasos[data-v-ae0c6c6d] {
    font-size: 0.9rem;
}
.relacion-visual[data-v-ae0c6c6d] {
    gap: 1rem;
}
.svg-cilindro[data-v-ae0c6c6d] {
    width: 70px;
    height: 90px;
}
.svg-esfera-rel[data-v-ae0c6c6d] {
    width: 70px;
    height: 70px;
}
.formula-rel[data-v-ae0c6c6d] {
    font-size: 1rem;
}
}

.explorador[data-v-123959d2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-123959d2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-123959d2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-123959d2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-123959d2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-123959d2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-123959d2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-123959d2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-123959d2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-123959d2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-123959d2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-problema[data-v-123959d2] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.problema-pregunta[data-v-123959d2] {
  text-align: center;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-123959d2] {
  display: block;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-hint[data-v-123959d2] {
  font-size: 0.8rem;
  color: #A78BFA;
  font-family: 'Courier New', monospace;
}

/* Input respuesta */
.input-respuesta[data-v-123959d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-numero[data-v-123959d2] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero[data-v-123959d2]:focus {
  outline: none;
  border-color: #A78BFA;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.input-numero.correcto[data-v-123959d2] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-123959d2] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-123959d2] {
  color: #C4B5FD;
  font-size: 1rem;
  font-weight: 600;
}
.btn-verificar[data-v-123959d2] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-123959d2]:hover:not(:disabled) {
  background: #059669;
}
.btn-verificar[data-v-123959d2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-123959d2] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.feedback.error[data-v-123959d2] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-123959d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-123959d2] { font-size: 1.25rem;
}
.resultado-texto[data-v-123959d2] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-123959d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-123959d2] { flex: 1;
}
.nav-btn[data-v-123959d2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-123959d2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-123959d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-123959d2] { font-size: 1.75rem;
}
.completado-texto[data-v-123959d2] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-123959d2], .slide-leave-active[data-v-123959d2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-123959d2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-123959d2] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.desafio-container[data-v-123959d2] {
    padding: 1.5rem;
}
.svg-problema[data-v-123959d2] {
    max-width: 220px;
}
.input-numero[data-v-123959d2] {
    width: 100px;
    font-size: 1.4rem;
}
}

/* Intro */
.resumen-intro[data-v-3d0c2d9e] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3d0c2d9e] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3d0c2d9e] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-3d0c2d9e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-3d0c2d9e] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3d0c2d9e] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.formulas[data-v-3d0c2d9e] {
  border-color: rgba(139, 92, 246, 0.4);
}
.resumen-card.relaciones[data-v-3d0c2d9e] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.pasos[data-v-3d0c2d9e] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.wide[data-v-3d0c2d9e] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-3d0c2d9e] {
    grid-column: span 1;
}
}
.card-header[data-v-3d0c2d9e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-3d0c2d9e] {
  font-size: 1.25rem;
}
.card-titulo[data-v-3d0c2d9e] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmulas dentro de cards */
.formula-item[data-v-3d0c2d9e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.formula-item[data-v-3d0c2d9e]:last-child {
  border-bottom: none;
}
.formula-label[data-v-3d0c2d9e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-valor[data-v-3d0c2d9e] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.formula-valor.area[data-v-3d0c2d9e] { color: #93C5FD;
}
.formula-valor.volumen[data-v-3d0c2d9e] { color: #C4B5FD;
}

/* Relaciones */
.relacion-item[data-v-3d0c2d9e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.relacion-item[data-v-3d0c2d9e]:last-child {
  margin-bottom: 0;
}
.rel-formula[data-v-3d0c2d9e] {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.rel-desc[data-v-3d0c2d9e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Pasos */
.pasos-lista[data-v-3d0c2d9e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-item[data-v-3d0c2d9e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-3d0c2d9e] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.85rem;
}
.paso-texto[data-v-3d0c2d9e] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-3d0c2d9e] {
  color: #FCD34D;
}

/* Comparación tabla */
.comparacion-section[data-v-3d0c2d9e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-3d0c2d9e] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-tabla[data-v-3d0c2d9e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-3d0c2d9e] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.2);
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-3d0c2d9e] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tabla-row[data-v-3d0c2d9e]:last-child {
  border-bottom: none;
}
.tabla-row.cilindro[data-v-3d0c2d9e] { color: #FCD34D;
}
.tabla-row.esfera[data-v-3d0c2d9e] { color: #C4B5FD;
}
.tabla-row.cono[data-v-3d0c2d9e] { color: #6EE7B7;
}
.formula-mini[data-v-3d0c2d9e] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
}
.comparacion-nota[data-v-3d0c2d9e] {
  font-size: 0.75rem;
  color: #A78BFA;
  text-align: center;
  margin: 0.5rem 0 0;
}

/* Tips finales */
.tips-finales[data-v-3d0c2d9e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-3d0c2d9e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-3d0c2d9e] {
  font-size: 1.1rem;
}
.tip-text[data-v-3d0c2d9e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-3d0c2d9e] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-3d0c2d9e] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3d0c2d9e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-3d0c2d9e 1s ease-in-out infinite;
}
@keyframes bounce-3d0c2d9e {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3d0c2d9e] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3d0c2d9e] {
  font-size: 0.85rem;
  color: #6EE7B7;
  margin: 0;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-card[data-v-3d0c2d9e] {
    padding: 1rem;
}
.formula-valor[data-v-3d0c2d9e] {
    font-size: 1rem;
}
.tip-text[data-v-3d0c2d9e] {
    font-size: 0.9rem;
}
.paso-texto[data-v-3d0c2d9e] {
    font-size: 0.9rem;
}
}

/* Intro visual con ondas */
.intro-visual[data-v-f9e722dc] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.funcion-card[data-v-f9e722dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  min-width: 80px;
}
.func-nombre[data-v-f9e722dc] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.func-onda-svg[data-v-f9e722dc] {
  width: 60px;
  height: 24px;
}

/* Section títulos */
.section-titulo[data-v-f9e722dc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Círculo unitario */
.circulo-section[data-v-f9e722dc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.circulo-explicacion[data-v-f9e722dc] {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.circulo-visual[data-v-f9e722dc] {
  flex: 0 0 auto;
}
.circulo-container[data-v-f9e722dc] {
  width: 140px;
  height: 140px;
  position: relative;
  margin: 0 auto;
}
.eje-x[data-v-f9e722dc], .eje-y[data-v-f9e722dc] {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
}
.eje-x[data-v-f9e722dc] {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-1px);
}
.eje-y[data-v-f9e722dc] {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-1px);
}
.circulo[data-v-f9e722dc] {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.radio[data-v-f9e722dc] {
  position: absolute;
  width: 50px;
  height: 2px;
  background: #FFFFFF;
  top: 50%;
  left: 50%;
  transform-origin: left center;
  transform: rotate(-45deg);
}
.punto-p[data-v-f9e722dc] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #FCD34D;
  border-radius: 50%;
  /* Para θ=45°: cos(45°)=sin(45°)≈0.707, radio=50px → 35px */
  top: calc(50% - 35px);
  left: calc(50% + 35px);
  font-size: 0.6rem;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
.proyeccion-x[data-v-f9e722dc] {
  position: absolute;
  width: 35px;
  height: 2px;
  background: #93C5FD;
  top: 50%;
  left: 50%;
  transform: translateY(-1px);
}
.proyeccion-y[data-v-f9e722dc] {
  position: absolute;
  width: 2px;
  height: 35px;
  background: #6EE7B7;
  top: calc(50% - 35px);
  left: calc(50% + 35px);
  transform: translate(-50%, 0);
}
.label-cos[data-v-f9e722dc] {
  position: absolute;
  font-size: 0.65rem;
  font-weight: 600;
  color: #93C5FD;
  top: calc(50% + 6px);
  left: calc(50% + 10px);
}
.label-sen[data-v-f9e722dc] {
  position: absolute;
  font-size: 0.65rem;
  font-weight: 600;
  color: #6EE7B7;
  top: calc(50% - 22px);
  left: calc(50% + 42px);
}
.angulo-arco[data-v-f9e722dc] {
  position: absolute;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  top: calc(50% - 8px);
  left: calc(50% + 12px);
}
.circulo-info[data-v-f9e722dc] {
  flex: 1;
  min-width: 200px;
}
.circulo-info p[data-v-f9e722dc] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
}
.circulo-info ul[data-v-f9e722dc] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}
.circulo-info li[data-v-f9e722dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.color-cos[data-v-f9e722dc] { color: #93C5FD;
}
.color-sen[data-v-f9e722dc] { color: #6EE7B7;
}
.color-tan[data-v-f9e722dc] { color: #FCD34D;
}

/* Propiedades */
.propiedades-section[data-v-f9e722dc] {
  margin: 1.5rem 0;
}
.propiedades-grid[data-v-f9e722dc] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-f9e722dc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.prop-icono[data-v-f9e722dc] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-f9e722dc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.prop-desc[data-v-f9e722dc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tabla de valores */
.valores-section[data-v-f9e722dc] {
  margin: 1.5rem 0;
}
.tabla-valores[data-v-f9e722dc] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-f9e722dc], .tabla-row[data-v-f9e722dc] {
  display: grid;
  grid-template-columns: 1.2fr repeat(5, 1fr);
  text-align: center;
}
.tabla-header[data-v-f9e722dc] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 0;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.tabla-row[data-v-f9e722dc] {
  padding: 0.4rem 0;
  font-size: 0.85rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.sen .col-val[data-v-f9e722dc] { color: #6EE7B7;
}
.tabla-row.cos .col-val[data-v-f9e722dc] { color: #93C5FD;
}
.col-ang[data-v-f9e722dc] {
  font-weight: 600;
  padding-left: 0.5rem;
  text-align: left;
}
.col-val[data-v-f9e722dc] {
  font-weight: 500;
}

/* Tip */
.tip[data-v-f9e722dc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f9e722dc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f9e722dc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f9e722dc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.funcion-card[data-v-f9e722dc] {
    min-width: 100px;
    padding: 0.75rem 1.25rem;
}
.func-nombre[data-v-f9e722dc] {
    font-size: 1.1rem;
}
.func-onda-svg[data-v-f9e722dc] {
    width: 80px;
    height: 30px;
}
.circulo-container[data-v-f9e722dc] {
    width: 160px;
    height: 160px;
}
.circulo[data-v-f9e722dc] {
    width: 120px;
    height: 120px;
}
.propiedades-grid[data-v-f9e722dc] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-header[data-v-f9e722dc], .tabla-row[data-v-f9e722dc] {
    font-size: 0.9rem;
}
}

/* Gráfico del seno */
.grafico-section[data-v-a76e1240] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.grafico-container[data-v-a76e1240] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  overflow: hidden;
}
.grafico-svg[data-v-a76e1240] {
  width: 100%;
  height: auto;
  max-height: 200px;
}
.grafico-etiqueta[data-v-a76e1240] {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
  color: #10B981;
}

/* Características */
.caracteristicas[data-v-a76e1240] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.caract-titulo[data-v-a76e1240] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.caract-grid[data-v-a76e1240] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-a76e1240] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-label[data-v-a76e1240] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.caract-valor[data-v-a76e1240] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.caract-valor.highlight[data-v-a76e1240] {
  color: #FCD34D;
}

/* Puntos clave */
.puntos-section[data-v-a76e1240] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-a76e1240] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.puntos-tabla[data-v-a76e1240] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.punto-row[data-v-a76e1240] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1.5fr;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.punto-row[data-v-a76e1240]:last-child {
  border-bottom: none;
}
.punto-row.header[data-v-a76e1240] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.punto-x[data-v-a76e1240] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.punto-y[data-v-a76e1240] {
  font-weight: 700;
  text-align: center;
  font-size: 0.95rem;
}
.punto-y.positivo[data-v-a76e1240] { color: #6EE7B7;
}
.punto-y.negativo[data-v-a76e1240] { color: #FCA5A5;
}
.punto-y.neutral[data-v-a76e1240] { color: #C4B5FD;
}
.punto-desc[data-v-a76e1240] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Propiedad box */
.propiedad-box[data-v-a76e1240] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.prop-emoji[data-v-a76e1240] {
  font-size: 1.5rem;
}
.prop-content[data-v-a76e1240] {
  flex: 1;
}
.prop-titulo[data-v-a76e1240] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-a76e1240] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.prop-ejemplo[data-v-a76e1240] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-a76e1240] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a76e1240] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a76e1240] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a76e1240] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-a76e1240] {
    grid-template-columns: repeat(4, 1fr);
}
.punto-row[data-v-a76e1240] {
    grid-template-columns: 1.2fr 0.8fr 2fr;
}
}

/* Gráfico del coseno */
.grafico-section[data-v-d94a5cfa] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.grafico-container[data-v-d94a5cfa] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  overflow: hidden;
}
.grafico-svg[data-v-d94a5cfa] {
  width: 100%;
  height: auto;
  max-height: 200px;
}
.grafico-etiqueta[data-v-d94a5cfa] {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
  color: #3B82F6;
}

/* Características */
.caracteristicas[data-v-d94a5cfa] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.caract-titulo[data-v-d94a5cfa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.caract-grid[data-v-d94a5cfa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-d94a5cfa] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-label[data-v-d94a5cfa] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.caract-valor[data-v-d94a5cfa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.caract-valor.highlight[data-v-d94a5cfa] {
  color: #FCD34D;
}

/* Puntos clave */
.puntos-section[data-v-d94a5cfa] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-d94a5cfa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.puntos-tabla[data-v-d94a5cfa] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.punto-row[data-v-d94a5cfa] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1.5fr;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.punto-row[data-v-d94a5cfa]:last-child {
  border-bottom: none;
}
.punto-row.header[data-v-d94a5cfa] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.punto-x[data-v-d94a5cfa] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.punto-y[data-v-d94a5cfa] {
  font-weight: 700;
  text-align: center;
  font-size: 0.95rem;
}
.punto-y.positivo[data-v-d94a5cfa] { color: #6EE7B7;
}
.punto-y.negativo[data-v-d94a5cfa] { color: #FCA5A5;
}
.punto-y.neutral[data-v-d94a5cfa] { color: #C4B5FD;
}
.punto-desc[data-v-d94a5cfa] {
  color: #E9D5FF;
  font-size: 0.8rem;
}

/* Comparación */
.comparacion[data-v-d94a5cfa] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.comp-titulo[data-v-d94a5cfa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-visual[data-v-d94a5cfa] {
  text-align: center;
  margin-bottom: 1rem;
}
.comp-formula[data-v-d94a5cfa] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.comp-explicacion[data-v-d94a5cfa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-mini-graficos[data-v-d94a5cfa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.mini-grafico[data-v-d94a5cfa] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mini-svg[data-v-d94a5cfa] {
  width: 80px;
  height: 40px;
}
.mini-label[data-v-d94a5cfa] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.mini-label.sen[data-v-d94a5cfa] { color: #10B981;
}
.mini-label.cos[data-v-d94a5cfa] { color: #3B82F6;
}
.mini-flecha[data-v-d94a5cfa] {
  font-size: 1.25rem;
  color: #C4B5FD;
}

/* Propiedad box */
.propiedad-box[data-v-d94a5cfa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.prop-emoji[data-v-d94a5cfa] {
  font-size: 1.5rem;
}
.prop-content[data-v-d94a5cfa] {
  flex: 1;
}
.prop-titulo[data-v-d94a5cfa] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-d94a5cfa] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.prop-ejemplo[data-v-d94a5cfa] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-d94a5cfa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d94a5cfa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d94a5cfa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d94a5cfa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-d94a5cfa] {
    grid-template-columns: repeat(4, 1fr);
}
.punto-row[data-v-d94a5cfa] {
    grid-template-columns: 1.2fr 0.8fr 2fr;
}
.mini-svg[data-v-d94a5cfa] {
    width: 100px;
    height: 50px;
}
}

/* Gráfico de la tangente */
.grafico-section[data-v-071750af] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.grafico-container[data-v-071750af] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  overflow: hidden;
}
.grafico-svg[data-v-071750af] {
  width: 100%;
  height: auto;
  max-height: 200px;
}
.grafico-etiqueta[data-v-071750af] {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
  color: #F59E0B;
}

/* Definición */
.definicion-box[data-v-071750af] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.def-emoji[data-v-071750af] {
  font-size: 1.5rem;
}
.def-content[data-v-071750af] {
  flex: 1;
}
.def-formula[data-v-071750af] {
  font-family: 'Courier New', monospace;
  font-size: 1.15rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.def-nota[data-v-071750af] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Características */
.caracteristicas[data-v-071750af] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.caract-titulo[data-v-071750af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.caract-grid[data-v-071750af] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caract-item[data-v-071750af] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-label[data-v-071750af] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.caract-valor[data-v-071750af] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caract-valor.highlight[data-v-071750af] {
  color: #FCD34D;
}
.caract-valor.negativo[data-v-071750af] {
  color: #FCA5A5;
}

/* Asíntotas */
.asintotas-section[data-v-071750af] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.asint-titulo[data-v-071750af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.asint-explicacion p[data-v-071750af] {
  color: #E9D5FF;
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.asint-valores[data-v-071750af] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.asint-valor[data-v-071750af] {
  padding: 0.3rem 0.6rem;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  font-weight: 600;
}
.asint-etc[data-v-071750af] {
  color: #C4B5FD;
  font-size: 1rem;
  align-self: center;
}
.asint-formula[data-v-071750af] {
  font-size: 0.85rem !important;
  color: #E9D5FF !important;
}
.asint-formula strong[data-v-071750af] {
  color: #FCA5A5;
}

/* Puntos */
.puntos-section[data-v-071750af] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-071750af] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.puntos-mini[data-v-071750af] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.punto-mini[data-v-071750af] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pm-x[data-v-071750af] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.pm-y[data-v-071750af] {
  font-weight: 700;
  color: #F59E0B;
  font-size: 0.95rem;
}
.pm-y.undefined[data-v-071750af] {
  color: #FCA5A5;
}

/* Propiedad box */
.propiedad-box[data-v-071750af] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.prop-emoji[data-v-071750af] {
  font-size: 1.5rem;
}
.prop-content[data-v-071750af] {
  flex: 1;
}
.prop-titulo[data-v-071750af] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-071750af] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.prop-ejemplo[data-v-071750af] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-071750af] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-071750af] {
  font-size: 1.25rem;
}
.tip-texto[data-v-071750af] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-071750af] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.caract-grid[data-v-071750af] {
    grid-template-columns: repeat(4, 1fr);
}
.puntos-mini[data-v-071750af] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-04819b60] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-04819b60] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-04819b60] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-04819b60] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-04819b60] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-04819b60] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-04819b60] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-04819b60] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-04819b60] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-04819b60] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-04819b60] {
  text-align: center;
}
.grafico-desafio[data-v-04819b60] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.svg-desafio[data-v-04819b60] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.opciones-funcion[data-v-04819b60] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.btn-opcion[data-v-04819b60] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-04819b60]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.btn-opcion.seleccionado[data-v-04819b60] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-04819b60] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.btn-opcion.incorrecto[data-v-04819b60] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-d1[data-v-04819b60] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-bottom: 0.5rem;
}
.feedback-d1.correcto[data-v-04819b60] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador-d1[data-v-04819b60], .contador-d2[data-v-04819b60], .contador-d3[data-v-04819b60] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-04819b60] {
  text-align: center;
}
.calculo-pregunta[data-v-04819b60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.calculo-funcion[data-v-04819b60] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.calculo-igual[data-v-04819b60] {
  font-size: 1.4rem;
  color: #C4B5FD;
}
.calculo-input-container[data-v-04819b60] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-04819b60] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-04819b60] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.calculo-input[data-v-04819b60] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-04819b60] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-04819b60] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-d2[data-v-04819b60] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border: none;
  border-radius: 0.4rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.ayuda-visual[data-v-04819b60] {
  margin: 1rem 0;
}
.mini-circulo[data-v-04819b60] {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  padding: 10px;
}
.circulo-interior[data-v-04819b60] {
  width: 100%;
  height: 100%;
  position: relative;
  border: 2px solid #8B5CF6;
  border-radius: 50%;
}
.eje-h[data-v-04819b60], .eje-v[data-v-04819b60] {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
}
.eje-h[data-v-04819b60] {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
}
.eje-v[data-v-04819b60] {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
}
.punto-angulo[data-v-04819b60] {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FCD34D;
  border-radius: 50%;
}
.angulo-label[data-v-04819b60] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.feedback-d2[data-v-04819b60], .feedback-d3[data-v-04819b60] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin: 0.5rem 0;
}
.feedback-d2.correcto[data-v-04819b60], .feedback-d3.correcto[data-v-04819b60] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-04819b60] {
  text-align: center;
}
.propiedad-pregunta[data-v-04819b60] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.opciones-propiedad[data-v-04819b60] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-propiedad[data-v-04819b60] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: left;
}
.btn-propiedad[data-v-04819b60]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.btn-propiedad.correcto[data-v-04819b60] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.btn-propiedad.incorrecto[data-v-04819b60] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-04819b60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-04819b60] { font-size: 1.25rem;
}
.resultado-texto[data-v-04819b60] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-04819b60] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-04819b60] { flex: 1;
}
.nav-btn[data-v-04819b60] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-04819b60] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-04819b60] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-04819b60] { font-size: 1.75rem;
}
.completado-texto[data-v-04819b60] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-04819b60], .slide-leave-active[data-v-04819b60] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-04819b60] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-04819b60] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-866901d2] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-866901d2] {
  font-size: 2rem;
}
.resumen-intro p[data-v-866901d2] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards */
.resumen-cards[data-v-866901d2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-866901d2] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-866901d2] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.seno[data-v-866901d2] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.coseno[data-v-866901d2] {
  border-color: rgba(59, 130, 246, 0.4);
}
.resumen-card.tangente[data-v-866901d2] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.wide[data-v-866901d2] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-866901d2] {
    grid-column: span 1;
}
}
.card-header[data-v-866901d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-866901d2] {
  font-size: 1.1rem;
}
.card-titulo[data-v-866901d2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-866901d2] {
  color: #E9D5FF;
}
.mini-grafico[data-v-866901d2] {
  margin-bottom: 0.5rem;
}
.svg-mini[data-v-866901d2] {
  width: 100%;
  height: 30px;
}
.lista-props[data-v-866901d2] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.8rem;
  list-style-type: disc;
}
.lista-props li[data-v-866901d2] {
  margin-bottom: 0.2rem;
}
.lista-props strong[data-v-866901d2] {
  color: #FCD34D;
}

/* Tangente props */
.tan-props[data-v-866901d2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.tan-props[data-v-866901d2] {
    grid-template-columns: repeat(4, 1fr);
}
}
.tan-item[data-v-866901d2] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.tan-label[data-v-866901d2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tan-valor[data-v-866901d2] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tan-valor.highlight[data-v-866901d2] {
  color: #FCD34D;
}
.tan-valor.negativo[data-v-866901d2] {
  color: #FCA5A5;
  font-size: 0.75rem;
}

/* Tabla resumen */
.tabla-resumen[data-v-866901d2] {
  overflow: hidden;
  border-radius: 0.4rem;
}
.tabla-row[data-v-866901d2] {
  display: grid;
  grid-template-columns: 0.8fr repeat(4, 1fr);
  text-align: center;
  padding: 0.4rem 0;
  font-size: 0.85rem;
}
.tabla-row.header[data-v-866901d2] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-866901d2]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.15);
}
.color-sen[data-v-866901d2] { color: #6EE7B7; font-weight: 600;
}
.color-cos[data-v-866901d2] { color: #93C5FD; font-weight: 600;
}
.color-tan[data-v-866901d2] { color: #FCD34D; font-weight: 600;
}
.max[data-v-866901d2] { color: #6EE7B7; font-weight: 700;
}
.min[data-v-866901d2] { color: #FCA5A5; font-weight: 700;
}
.undef[data-v-866901d2] { color: #FCA5A5; font-size: 0.75rem;
}

/* Comparación rápida */
.comparacion-rapida[data-v-866901d2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-866901d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-866901d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-866901d2] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.comp-concepto[data-v-866901d2] {
  font-weight: 600;
  color: #FFFFFF;
}
.comp-seno-cos[data-v-866901d2] {
  color: #93C5FD;
  text-align: center;
}
.comp-tan[data-v-866901d2] {
  color: #FCD34D;
  text-align: right;
}

/* Tips PAES */
.tips-paes[data-v-866901d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-paes[data-v-866901d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-866901d2] {
  font-size: 1rem;
}
.tip-text[data-v-866901d2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-866901d2] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-866901d2] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-866901d2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-866901d2 1s ease-in-out infinite;
}
@keyframes bounce-866901d2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-866901d2] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.25rem;
}
.celebracion-siguiente[data-v-866901d2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-66d56840] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.identidad-destacada[data-v-66d56840] {
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 1rem;
}
.identidad-formula[data-v-66d56840] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Analogía */
.analogia-section[data-v-66d56840] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-66d56840] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.analogia-contenido p[data-v-66d56840] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
}
.lista-beneficios[data-v-66d56840] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lista-beneficios li[data-v-66d56840] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.check[data-v-66d56840] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tipos de identidades */
.tipos-section[data-v-66d56840] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-66d56840] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-66d56840] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-66d56840] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-66d56840] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-66d56840] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-desc[data-v-66d56840] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Recordatorio */
.recordatorio[data-v-66d56840] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.recordatorio-icono[data-v-66d56840] {
  font-size: 1.5rem;
}
.recordatorio-contenido[data-v-66d56840] {
  flex: 1;
}
.recordatorio-titulo[data-v-66d56840] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.recordatorio-texto[data-v-66d56840] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula[data-v-66d56840] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.formula sup[data-v-66d56840], .formula sub[data-v-66d56840] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-66d56840] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-66d56840] {
  font-size: 1.25rem;
}
.tip-texto[data-v-66d56840] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-66d56840] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.identidad-formula[data-v-66d56840] {
    font-size: 1.8rem;
}
.tipos-grid[data-v-66d56840] {
    flex-direction: row;
}
.tipo-card[data-v-66d56840] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.tipo-desc[data-v-66d56840] {
    margin-left: 0;
}
.recordatorio-texto[data-v-66d56840] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Identidad principal */
.identidad-principal[data-v-8f3ba10b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.identidad-box[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
}
.identidad-label[data-v-8f3ba10b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.identidad-formula[data-v-8f3ba10b] {
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Demostración */
.demostracion-section[data-v-8f3ba10b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.demo-titulo[data-v-8f3ba10b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.demo-visual[data-v-8f3ba10b] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.svg-demo[data-v-8f3ba10b] {
  width: 100%;
  max-width: 220px;
  height: auto;
}
.demo-explicacion p[data-v-8f3ba10b] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.demo-pasos[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.demo-paso[data-v-8f3ba10b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-8f3ba10b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-8f3ba10b] {
  color: #FFFFFF;
  font-size: 0.9rem;
  font-family: 'Times New Roman', serif;
}

/* Derivadas */
.derivadas-section[data-v-8f3ba10b] {
  margin: 1.5rem 0;
}
.derivadas-titulo[data-v-8f3ba10b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.derivadas-grid[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.derivada-card[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.derivada-formula[data-v-8f3ba10b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.derivada-uso[data-v-8f3ba10b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-8f3ba10b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-8f3ba10b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-8f3ba10b] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-solucion[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-8f3ba10b] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.sol-label[data-v-8f3ba10b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-formula[data-v-8f3ba10b] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}
.sol-paso.resultado[data-v-8f3ba10b] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.sol-paso.resultado .sol-label[data-v-8f3ba10b] {
  color: #6EE7B7;
}
strong.positivo[data-v-8f3ba10b] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-8f3ba10b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8f3ba10b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8f3ba10b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8f3ba10b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.identidad-formula[data-v-8f3ba10b] {
    font-size: 1.7rem;
}
.derivadas-grid[data-v-8f3ba10b] {
    flex-direction: row;
}
.derivada-card[data-v-8f3ba10b] {
    flex: 1;
}
.sol-paso[data-v-8f3ba10b] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.sol-label[data-v-8f3ba10b] {
    min-width: 120px;
    font-size: 0.85rem;
}
}

/* Identidades section */
.identidades-section[data-v-9b4dc7b1] {
  margin: 1.5rem 0;
}
.identidades-titulo[data-v-9b4dc7b1] {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.identidades-titulo.seno[data-v-9b4dc7b1] { color: #FCA5A5;
}
.identidades-titulo.coseno[data-v-9b4dc7b1] { color: #6EE7B7;
}
.identidades-titulo.tangente[data-v-9b4dc7b1] { color: #FCD34D;
}
.identidad-card[data-v-9b4dc7b1] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.identidad-card.seno[data-v-9b4dc7b1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.identidad-card.coseno[data-v-9b4dc7b1] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.identidad-card.tangente[data-v-9b4dc7b1] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.identidad-row[data-v-9b4dc7b1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0;
}
.identidad-row[data-v-9b4dc7b1]:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.identidad-nombre[data-v-9b4dc7b1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.identidad-valor[data-v-9b4dc7b1] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}
.identidad-valor sup[data-v-9b4dc7b1], .identidad-valor sub[data-v-9b4dc7b1] {
  font-size: 0.8rem;
}

/* Tip memoria */
.tip-memoria[data-v-9b4dc7b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.tip-emoji[data-v-9b4dc7b1] {
  font-size: 1rem;
}
.tip-texto[data-v-9b4dc7b1] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}
.tip-texto strong[data-v-9b4dc7b1] {
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-9b4dc7b1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-9b4dc7b1] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-idea[data-v-9b4dc7b1] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.9rem;
}
.ejemplo-solucion[data-v-9b4dc7b1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-paso[data-v-9b4dc7b1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.sol-label[data-v-9b4dc7b1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-formula[data-v-9b4dc7b1] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}
.sol-paso.resultado[data-v-9b4dc7b1] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.sol-paso.resultado .sol-label[data-v-9b4dc7b1] {
  color: #6EE7B7;
}
strong.positivo[data-v-9b4dc7b1] {
  color: #6EE7B7;
}
strong.negativo[data-v-9b4dc7b1] {
  color: #FCA5A5;
}

/* Nota */
.nota[data-v-9b4dc7b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-9b4dc7b1] {
  font-size: 1.25rem;
}
.nota-texto[data-v-9b4dc7b1] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-9b4dc7b1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.identidad-row[data-v-9b4dc7b1] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.identidad-nombre[data-v-9b4dc7b1] {
    min-width: 110px;
}
.identidad-valor[data-v-9b4dc7b1] {
    padding-left: 0;
}
.sol-paso[data-v-9b4dc7b1] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.sol-label[data-v-9b4dc7b1] {
    min-width: 90px;
    font-size: 0.85rem;
}
}

/* Identidad principal */
.identidad-principal[data-v-a216944b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.identidad-box[data-v-a216944b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
  border: 2px solid;
  width: 100%;
  max-width: 320px;
}
.identidad-box.seno[data-v-a216944b] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.identidad-box.tangente[data-v-a216944b] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
}
.identidad-label[data-v-a216944b] {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.seno .identidad-label[data-v-a216944b] { color: #FCA5A5;
}
.tangente .identidad-label[data-v-a216944b] { color: #FCD34D;
}
.identidad-formula[data-v-a216944b] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.identidad-formula sup[data-v-a216944b], .identidad-formula sub[data-v-a216944b] {
  font-size: 0.85rem;
}

/* Identidades section */
.identidades-section[data-v-a216944b] {
  margin: 1.5rem 0;
}
.identidades-titulo[data-v-a216944b] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.identidad-card[data-v-a216944b] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.identidad-card.coseno[data-v-a216944b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.identidad-row[data-v-a216944b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0;
}
.identidad-row[data-v-a216944b]:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.identidad-num[data-v-a216944b] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  min-width: 24px;
}
.identidad-valor[data-v-a216944b] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Tip memoria */
.tip-memoria[data-v-a216944b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.tip-emoji[data-v-a216944b] {
  font-size: 1rem;
}
.tip-texto[data-v-a216944b] {
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Origen */
.origen-section[data-v-a216944b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.origen-titulo[data-v-a216944b] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.origen-contenido p[data-v-a216944b] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.origen-demo[data-v-a216944b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.origen-formula[data-v-a216944b] {
  color: #FFFFFF;
  font-size: 0.85rem;
  font-family: 'Times New Roman', serif;
}
.origen-resultado[data-v-a216944b] {
  color: #6EE7B7;
  font-size: 0.9rem;
  font-weight: 600;
  font-family: 'Times New Roman', serif;
}

/* Ejemplo */
.ejemplo-section[data-v-a216944b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a216944b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-a216944b] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
  font-size: 0.9rem;
}
.ejemplo-grid[data-v-a216944b] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ejemplo-item[data-v-a216944b] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-titulo[data-v-a216944b] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.item-formula[data-v-a216944b], .item-calculo[data-v-a216944b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}
.item-resultado[data-v-a216944b] {
  font-size: 0.95rem;
  font-family: 'Times New Roman', serif;
  margin-top: 0.25rem;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.3rem;
  text-align: center;
}
strong.positivo[data-v-a216944b] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a216944b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a216944b] {
  font-size: 1.25rem;
}
.tip .tip-texto[data-v-a216944b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip .tip-texto strong[data-v-a216944b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.identidad-formula[data-v-a216944b] {
    font-size: 1.4rem;
}
.ejemplo-grid[data-v-a216944b] {
    flex-direction: row;
}
.ejemplo-item[data-v-a216944b] {
    flex: 1;
}
}

.explorador[data-v-9994e6d7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9994e6d7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9994e6d7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9994e6d7] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-9994e6d7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9994e6d7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9994e6d7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9994e6d7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9994e6d7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-9994e6d7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Pregunta box común */
.pregunta-box[data-v-9994e6d7] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-9994e6d7] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  text-align: center;
}
.valor-dado[data-v-9994e6d7] {
  color: #FCD34D;
}
.formula-ayuda[data-v-9994e6d7] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.formula[data-v-9994e6d7] {
  font-family: 'Times New Roman', serif;
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Respuesta section */
.respuesta-section[data-v-9994e6d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.respuesta-label[data-v-9994e6d7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.respuesta-input[data-v-9994e6d7] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-9994e6d7] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-9994e6d7] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-9994e6d7] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-9994e6d7]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-9994e6d7] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-9994e6d7] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Expresión box para desafío 3 */
.expresion-box[data-v-9994e6d7] {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.expresion[data-v-9994e6d7] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Opciones grid */
.opciones-grid[data-v-9994e6d7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-btn[data-v-9994e6d7] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: 'Times New Roman', serif;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-9994e6d7]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-btn.seleccionado[data-v-9994e6d7] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-9994e6d7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-9994e6d7] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Contador */
.contador[data-v-9994e6d7] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-9994e6d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9994e6d7] { font-size: 1.25rem;
}
.resultado-texto[data-v-9994e6d7] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-9994e6d7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-9994e6d7] { flex: 1;
}
.nav-btn[data-v-9994e6d7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-9994e6d7] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9994e6d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9994e6d7] { font-size: 1.75rem;
}
.completado-texto[data-v-9994e6d7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9994e6d7], .slide-leave-active[data-v-9994e6d7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9994e6d7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-9994e6d7] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-1e3be7ba] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-1e3be7ba] {
  font-size: 2rem;
}
.resumen-intro p[data-v-1e3be7ba] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-1e3be7ba] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 640px) {
.resumen-cards[data-v-1e3be7ba] {
    grid-template-columns: 1fr 1fr;
}
}
.resumen-card[data-v-1e3be7ba] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-1e3be7ba]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.destacada[data-v-1e3be7ba] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.resumen-card.wide[data-v-1e3be7ba] {
  grid-column: span 1;
}
@media (min-width: 640px) {
.resumen-card.wide[data-v-1e3be7ba] {
    grid-column: span 2;
}
}
.card-header[data-v-1e3be7ba] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-1e3be7ba] {
  font-size: 1.25rem;
}
.card-titulo[data-v-1e3be7ba] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-1e3be7ba] {
  color: #E9D5FF;
}
.card-nota[data-v-1e3be7ba] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* Formula destacada */
.formula-destacada[data-v-1e3be7ba] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
  text-align: center;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.75rem;
}
.formas-equivalentes[data-v-1e3be7ba] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.forma[data-v-1e3be7ba] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  padding-left: 0.5rem;
}

/* Formula lista */
.formula-lista[data-v-1e3be7ba] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-1e3be7ba] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.formula-item sup[data-v-1e3be7ba], .formula-item sub[data-v-1e3be7ba] {
  font-size: 0.7rem;
}
strong.positivo[data-v-1e3be7ba] {
  color: #6EE7B7;
}
strong.negativo[data-v-1e3be7ba] {
  color: #FCA5A5;
}

/* Doble ángulo grid */
.doble-angulo-grid[data-v-1e3be7ba] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.doble-angulo-grid[data-v-1e3be7ba] {
    flex-direction: row;
}
}
.doble-item[data-v-1e3be7ba] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.doble-item.seno[data-v-1e3be7ba] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.doble-item.coseno[data-v-1e3be7ba] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.doble-label[data-v-1e3be7ba] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.seno .doble-label[data-v-1e3be7ba] { color: #FCA5A5;
}
.coseno .doble-label[data-v-1e3be7ba] { color: #6EE7B7;
}
.doble-formula[data-v-1e3be7ba] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}

/* Tips finales */
.tips-finales[data-v-1e3be7ba] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-1e3be7ba] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-1e3be7ba] {
  font-size: 1.25rem;
}
.tip-text[data-v-1e3be7ba] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-1e3be7ba] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-1e3be7ba] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-1e3be7ba] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-1e3be7ba 1s ease-in-out infinite;
}
@keyframes bounce-1e3be7ba {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-1e3be7ba] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-1e3be7ba] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-ad942b6d] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.triangulos-comparacion[data-v-ad942b6d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.triangulo-tipo[data-v-ad942b6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.svg-triangulo[data-v-ad942b6d] {
  width: 80px;
  height: 65px;
}
.tipo-label[data-v-ad942b6d] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.tipo-label.rectang[data-v-ad942b6d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tipo-label.oblicuo[data-v-ad942b6d] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.vs[data-v-ad942b6d] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}

/* Texto inline */
strong.negativo[data-v-ad942b6d] {
  color: #FCA5A5;
}
strong.seno[data-v-ad942b6d] {
  color: #FCA5A5;
}
strong.coseno[data-v-ad942b6d] {
  color: #6EE7B7;
}
strong.azul[data-v-ad942b6d] {
  color: #93C5FD;
}
strong.amarillo[data-v-ad942b6d] {
  color: #FCD34D;
}

/* Tipos section */
.tipos-section[data-v-ad942b6d] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ad942b6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-ad942b6d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-ad942b6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.svg-mini[data-v-ad942b6d] {
  width: 60px;
  height: 50px;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-ad942b6d] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tipo-nombre.acutangulo[data-v-ad942b6d] { color: #FCD34D;
}
.tipo-nombre.obtusangulo[data-v-ad942b6d] { color: #FCA5A5;
}
.tipo-desc[data-v-ad942b6d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Leyes preview */
.leyes-preview[data-v-ad942b6d] {
  margin: 1.5rem 0;
}
.leyes-titulo[data-v-ad942b6d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.leyes-cards[data-v-ad942b6d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ley-card[data-v-ad942b6d] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.ley-card.senos[data-v-ad942b6d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.ley-card.cosenos[data-v-ad942b6d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.ley-nombre[data-v-ad942b6d] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.senos .ley-nombre[data-v-ad942b6d] { color: #FCA5A5;
}
.cosenos .ley-nombre[data-v-ad942b6d] { color: #6EE7B7;
}
.ley-formula[data-v-ad942b6d] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.ley-uso[data-v-ad942b6d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Notación */
.notacion-section[data-v-ad942b6d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.notacion-titulo[data-v-ad942b6d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.notacion-contenido[data-v-ad942b6d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.svg-notacion[data-v-ad942b6d] {
  width: 160px;
  height: 120px;
}
.notacion-regla[data-v-ad942b6d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.regla-icono[data-v-ad942b6d] {
  font-size: 1rem;
}
.regla-texto[data-v-ad942b6d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-ad942b6d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ad942b6d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ad942b6d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ad942b6d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-triangulo[data-v-ad942b6d] {
    width: 100px;
    height: 80px;
}
.triangulos-comparacion[data-v-ad942b6d] {
    gap: 1.5rem;
}
.leyes-cards[data-v-ad942b6d] {
    flex-direction: row;
}
.ley-card[data-v-ad942b6d] {
    flex: 1;
}
.svg-notacion[data-v-ad942b6d] {
    width: 200px;
    height: 150px;
}
}

/* Fórmula principal */
.formula-principal[data-v-938a24e2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-938a24e2] {
  background: rgba(239, 68, 68, 0.15);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
}
.formula-texto[data-v-938a24e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fraccion[data-v-938a24e2] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.num[data-v-938a24e2] {
  color: #93C5FD;
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 2px;
}
.den[data-v-938a24e2] {
  color: #FCA5A5;
  padding-top: 2px;
  font-size: 0.9rem;
}
.igual[data-v-938a24e2] {
  color: #C4B5FD;
  font-size: 1.2rem;
}

/* Texto */
strong.seno[data-v-938a24e2] {
  color: #FCA5A5;
}

/* Visual */
.visual-section[data-v-938a24e2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-triangulo[data-v-938a24e2] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Cuándo usar */
.cuando-usar[data-v-938a24e2] {
  margin: 1.5rem 0;
}
.cuando-titulo[data-v-938a24e2] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-938a24e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-938a24e2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-icono[data-v-938a24e2] {
  font-size: 1.25rem;
}
.caso-info[data-v-938a24e2] {
  display: flex;
  flex-direction: column;
}
.caso-nombre[data-v-938a24e2] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caso-desc[data-v-938a24e2] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-938a24e2] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-938a24e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-938a24e2] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-938a24e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-ejemplo[data-v-938a24e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.paso-num[data-v-938a24e2] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-938a24e2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-formula[data-v-938a24e2] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.paso-ejemplo.resultado .paso-num[data-v-938a24e2] {
  background: #10B981;
  color: white;
}
.paso-ejemplo.resultado .paso-formula[data-v-938a24e2] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tip */
.tip[data-v-938a24e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-938a24e2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-938a24e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-938a24e2] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-938a24e2] {
    font-size: 1.3rem;
}
.casos-grid[data-v-938a24e2] {
    flex-direction: row;
}
.caso-item[data-v-938a24e2] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-principal[data-v-ef5e587a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-ef5e587a] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
}
.formula-linea[data-v-ef5e587a] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Texto */
strong.coseno[data-v-ef5e587a] {
  color: #6EE7B7;
}

/* Visual */
.visual-section[data-v-ef5e587a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-triangulo[data-v-ef5e587a] {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Formas equivalentes */
.formas-section[data-v-ef5e587a] {
  margin: 1.5rem 0;
}
.formas-titulo[data-v-ef5e587a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formas-grid[data-v-ef5e587a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.forma-item[data-v-ef5e587a] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.forma-item.destacada[data-v-ef5e587a] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.forma-formula[data-v-ef5e587a] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.forma-item.destacada .forma-formula[data-v-ef5e587a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Cuándo usar */
.cuando-usar[data-v-ef5e587a] {
  margin: 1.5rem 0;
}
.cuando-titulo[data-v-ef5e587a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-ef5e587a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-ef5e587a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caso-icono[data-v-ef5e587a] {
  font-size: 1.25rem;
}
.caso-info[data-v-ef5e587a] {
  display: flex;
  flex-direction: column;
}
.caso-nombre[data-v-ef5e587a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.caso-desc[data-v-ef5e587a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-ef5e587a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-ef5e587a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-ef5e587a] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-ef5e587a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-ejemplo[data-v-ef5e587a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.paso-num[data-v-ef5e587a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-ef5e587a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-formula[data-v-ef5e587a] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.paso-ejemplo.resultado .paso-num[data-v-ef5e587a] {
  background: #10B981;
  color: white;
}
.paso-ejemplo.resultado .paso-formula[data-v-ef5e587a] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Despeje */
.despeje-section[data-v-ef5e587a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.despeje-titulo[data-v-ef5e587a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.despeje-formula[data-v-ef5e587a] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-ef5e587a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ef5e587a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ef5e587a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef5e587a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-linea[data-v-ef5e587a] {
    font-size: 1.4rem;
}
.formas-grid[data-v-ef5e587a] {
    flex-direction: row;
}
.forma-item[data-v-ef5e587a] {
    flex: 1;
}
.casos-grid[data-v-ef5e587a] {
    flex-direction: row;
}
.caso-item[data-v-ef5e587a] {
    flex: 1;
}
}

.explorador[data-v-dbbe6fad] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-dbbe6fad] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-dbbe6fad] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-dbbe6fad] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-dbbe6fad] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-dbbe6fad] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-dbbe6fad] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-dbbe6fad] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-dbbe6fad] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-dbbe6fad] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* DESAFÍO 1 */
.elegir-container[data-v-dbbe6fad] {
  text-align: center;
}
.triangulo-datos[data-v-dbbe6fad] {
  margin: 0 auto 1rem;
  max-width: 200px;
}
.svg-triangulo[data-v-dbbe6fad] {
  width: 100%;
  height: auto;
}
.pregunta-ley[data-v-dbbe6fad] {
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-dbbe6fad] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-ley[data-v-dbbe6fad] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
.opcion-btn[data-v-dbbe6fad] {
  padding: 0.75rem 1.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid;
  font-family: inherit;
}
.opcion-btn.senos[data-v-dbbe6fad] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-btn.cosenos[data-v-dbbe6fad] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.seleccionada[data-v-dbbe6fad] {
  transform: scale(1.05);
}
.opcion-btn.correcta[data-v-dbbe6fad] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-dbbe6fad] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-container[data-v-dbbe6fad] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.feedback-container.correcto[data-v-dbbe6fad] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.contador[data-v-dbbe6fad] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* DESAFÍO 2 */
.calcular-container[data-v-dbbe6fad] {
  text-align: center;
}
.problema-box[data-v-dbbe6fad] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.problema-visual[data-v-dbbe6fad] {
  max-width: 180px;
  margin: 0 auto 0.5rem;
}
.svg-pequeño[data-v-dbbe6fad] {
  width: 100%;
  height: auto;
}
.problema-datos[data-v-dbbe6fad] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.dato-item[data-v-dbbe6fad] {
  font-size: 0.8rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.formula-ayuda[data-v-dbbe6fad] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-dbbe6fad] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCA5A5;
}
.input-respuesta-container[data-v-dbbe6fad] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-dbbe6fad] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-respuesta[data-v-dbbe6fad] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-dbbe6fad] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-dbbe6fad] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-dbbe6fad] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-dbbe6fad]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* DESAFÍO 3 */
.interactivo-container[data-v-dbbe6fad] {
  text-align: center;
}
.triangulo-dinamico[data-v-dbbe6fad] {
  margin: 0 auto 1rem;
  max-width: 300px;
}
.svg-grande[data-v-dbbe6fad] {
  width: 100%;
  height: auto;
}
.controles-triangulo[data-v-dbbe6fad] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-dbbe6fad] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.control-item label[data-v-dbbe6fad] {
  font-size: 0.85rem;
  color: #E9D5FF;
  min-width: 70px;
  text-align: right;
}
.slider[data-v-dbbe6fad] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: linear-gradient(to right, #8B5CF6, #10B981);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-dbbe6fad]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.valor-control[data-v-dbbe6fad] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
  text-align: left;
}
.verificacion-ley[data-v-dbbe6fad] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.verificacion-titulo[data-v-dbbe6fad] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.verificacion-formula[data-v-dbbe6fad] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.verificacion-calculo[data-v-dbbe6fad] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.verificacion-resultado[data-v-dbbe6fad] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.verificacion-resultado.verificado[data-v-dbbe6fad] {
  color: #6EE7B7;
}
.verificacion-resultado .check[data-v-dbbe6fad] {
  color: #10B981;
  font-weight: bold;
}
.objetivo-desafio[data-v-dbbe6fad] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.objetivo-desafio p[data-v-dbbe6fad] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.objetivo-desafio strong[data-v-dbbe6fad] {
  color: #FCD34D;
}

/* Resultado correcto */
.resultado-correcto[data-v-dbbe6fad] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-dbbe6fad] { font-size: 1.25rem;
}
.resultado-texto[data-v-dbbe6fad] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-dbbe6fad] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-dbbe6fad] { flex: 1;
}
.nav-btn[data-v-dbbe6fad] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-dbbe6fad] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-dbbe6fad] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-dbbe6fad] { font-size: 1.75rem;
}
.completado-texto[data-v-dbbe6fad] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-dbbe6fad], .slide-leave-active[data-v-dbbe6fad] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-dbbe6fad] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-dbbe6fad] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-datos[data-v-dbbe6fad] {
    max-width: 240px;
}
.controles-triangulo[data-v-dbbe6fad] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.slider[data-v-dbbe6fad] {
    width: 120px;
}
}

/* Intro */
.resumen-intro[data-v-c5080301] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-c5080301] {
  font-size: 2rem;
}
.resumen-intro p[data-v-c5080301] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-c5080301] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-c5080301] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-c5080301] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-c5080301]:hover {
  transform: translateY(-2px);
}
.resumen-card.senos[data-v-c5080301] {
  border-color: rgba(239, 68, 68, 0.4);
}
.resumen-card.cosenos[data-v-c5080301] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.wide[data-v-c5080301] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-c5080301] {
    grid-column: span 1;
}
}
.card-header[data-v-c5080301] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-c5080301] {
  font-size: 1.25rem;
}
.card-titulo[data-v-c5080301] {
  font-weight: 700;
  color: #FFFFFF;
}
.senos .card-titulo[data-v-c5080301] { color: #FCA5A5;
}
.cosenos .card-titulo[data-v-c5080301] { color: #6EE7B7;
}
.card-contenido[data-v-c5080301] {
  color: #E9D5FF;
}

/* Fórmulas resumen */
.formula-resumen[data-v-c5080301] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.casos-resumen[data-v-c5080301] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.caso[data-v-c5080301] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Decision grid */
.decision-grid[data-v-c5080301] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.decision-item[data-v-c5080301] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.decision-pregunta[data-v-c5080301] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.decision-respuesta[data-v-c5080301] {
  font-weight: 700;
  font-size: 0.9rem;
}
.decision-respuesta.seno[data-v-c5080301] { color: #FCA5A5;
}
.decision-respuesta.coseno[data-v-c5080301] { color: #6EE7B7;
}

/* Tabla valores */
.tabla-valores[data-v-c5080301] {
  font-size: 0.8rem;
}
.tabla-row[data-v-c5080301] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.25rem 0;
  text-align: center;
}
.tabla-row.header[data-v-c5080301] {
  font-weight: 700;
  color: #FCD34D;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  padding-bottom: 0.5rem;
  margin-bottom: 0.25rem;
}

/* Tips finales */
.tips-finales[data-v-c5080301] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-c5080301] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-c5080301] {
  font-size: 1.25rem;
}
.tip-text[data-v-c5080301] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-c5080301] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-c5080301] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-c5080301] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-c5080301 1s ease-in-out infinite;
}
@keyframes bounce-c5080301 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-c5080301] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-c5080301] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.decision-grid[data-v-c5080301] {
    flex-direction: row;
    gap: 1rem;
}
.decision-item[data-v-c5080301] {
    flex: 1;
}
}

/* Visual de suma */
.suma-visual[data-v-06d4514e] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.vectores-ejemplo[data-v-06d4514e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vector-item[data-v-06d4514e] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.vector-sym[data-v-06d4514e] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #8B5CF6;
}
.vector-eq[data-v-06d4514e] {
  font-size: 1rem;
  color: #FFFFFF;
}
.vector-comp[data-v-06d4514e] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.operacion[data-v-06d4514e] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Colores componentes */
.comp-x[data-v-06d4514e] { color: #6EE7B7;
}
.comp-y[data-v-06d4514e] { color: #93C5FD;
}

/* Formula box */
.formula-box[data-v-06d4514e] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-06d4514e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula[data-v-06d4514e] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-06d4514e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-06d4514e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.pasos-calculo[data-v-06d4514e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-06d4514e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-06d4514e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paso-texto[data-v-06d4514e] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.resultado-ejemplo[data-v-06d4514e] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Gráfico */
.grafico-section[data-v-06d4514e] {
  margin: 1.5rem 0;
}
.grafico-titulo[data-v-06d4514e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.grafico-container[data-v-06d4514e] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.plano[data-v-06d4514e] {
  position: relative;
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.eje-x[data-v-06d4514e] {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 75%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.eje-y[data-v-06d4514e] {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 15%;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.origen[data-v-06d4514e] {
  position: absolute;
  left: 12%;
  top: 77%;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Vector u (de origen a punto intermedio) */
.vector-u[data-v-06d4514e] {
  position: absolute;
  left: 15%;
  top: 75%;
  width: 25%;
  height: 3px;
  background: #93C5FD;
  transform-origin: left center;
  transform: rotate(-50deg);
}
.vector-u[data-v-06d4514e]::after {
  content: '▶';
  position: absolute;
  right: -6px;
  top: -6px;
  color: #93C5FD;
  font-size: 0.6rem;
}
.label-u[data-v-06d4514e] {
  position: absolute;
  left: 22%;
  top: 58%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Vector v (desde punta de u) */
.vector-v[data-v-06d4514e] {
  position: absolute;
  left: 38%;
  top: 50%;
  width: 45%;
  height: 3px;
  background: #6EE7B7;
  transform-origin: left center;
  transform: rotate(-10deg);
}
.vector-v[data-v-06d4514e]::after {
  content: '▶';
  position: absolute;
  right: -6px;
  top: -6px;
  color: #6EE7B7;
  font-size: 0.6rem;
}
.label-v[data-v-06d4514e] {
  position: absolute;
  left: 58%;
  top: 38%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Vector suma (resultante) */
.vector-suma[data-v-06d4514e] {
  position: absolute;
  left: 15%;
  top: 75%;
  width: 70%;
  height: 3px;
  background: #8B5CF6;
  transform-origin: left center;
  transform: rotate(-25deg);
}
.vector-suma[data-v-06d4514e]::after {
  content: '▶';
  position: absolute;
  right: -6px;
  top: -6px;
  color: #8B5CF6;
  font-size: 0.7rem;
}
.label-suma[data-v-06d4514e] {
  position: absolute;
  right: 8%;
  top: 42%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #8B5CF6;
}
.grafico-nota[data-v-06d4514e] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.grafico-nota strong[data-v-06d4514e] {
  color: #E9D5FF;
}

/* Propiedades */
.propiedades-section[data-v-06d4514e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.propiedades-titulo[data-v-06d4514e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.propiedades-grid[data-v-06d4514e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.propiedad[data-v-06d4514e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-nombre[data-v-06d4514e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.prop-formula[data-v-06d4514e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-06d4514e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-06d4514e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-06d4514e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-06d4514e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vectores-ejemplo[data-v-06d4514e] {
    gap: 1rem;
    padding: 1.25rem 2rem;
}
.vector-sym[data-v-06d4514e] {
    font-size: 1.5rem;
}
.vector-comp[data-v-06d4514e] {
    font-size: 1.4rem;
}
.plano[data-v-06d4514e] {
    width: 260px;
    height: 260px;
}
.propiedades-grid[data-v-06d4514e] {
    flex-direction: row;
    gap: 0.75rem;
}
.propiedad[data-v-06d4514e] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Visual de resta */
.resta-visual[data-v-b1e026e0] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.vectores-ejemplo[data-v-b1e026e0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vector-item[data-v-b1e026e0] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.vector-sym[data-v-b1e026e0] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #8B5CF6;
}
.vector-sym.negativo[data-v-b1e026e0] {
  color: #FCA5A5;
}
.vector-eq[data-v-b1e026e0] {
  font-size: 1rem;
  color: #FFFFFF;
}
.vector-comp[data-v-b1e026e0] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.operacion[data-v-b1e026e0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Colores */
.comp-x[data-v-b1e026e0] { color: #6EE7B7;
}
.comp-y[data-v-b1e026e0] { color: #93C5FD;
}
.comp-y.negativo[data-v-b1e026e0], .negativo[data-v-b1e026e0] { color: #FCA5A5;
}

/* Formula box */
.formula-box[data-v-b1e026e0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-b1e026e0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula[data-v-b1e026e0] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-b1e026e0] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-b1e026e0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.pasos-calculo[data-v-b1e026e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-b1e026e0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-b1e026e0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paso-texto[data-v-b1e026e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.resultado-ejemplo[data-v-b1e026e0] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Opuesto section */
.opuesto-section[data-v-b1e026e0] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.opuesto-titulo[data-v-b1e026e0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.opuesto-contenido[data-v-b1e026e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opuesto-formula[data-v-b1e026e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-label[data-v-b1e026e0] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-valor[data-v-b1e026e0] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.opuesto-ejemplo[data-v-b1e026e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.opuesto-equivalencia[data-v-b1e026e0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-top: 0.25rem;
}
.eq-left[data-v-b1e026e0], .eq-right[data-v-b1e026e0] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.eq-igual[data-v-b1e026e0] {
  color: #FCD34D;
  font-weight: 700;
}

/* Ejemplo con negativos */
.ejemplo-negativo[data-v-b1e026e0] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-neg-titulo[data-v-b1e026e0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.ejemplo-neg-contenido[data-v-b1e026e0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.neg-problema[data-v-b1e026e0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.neg-calculo[data-v-b1e026e0] {
  font-size: 0.85rem;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-b1e026e0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b1e026e0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b1e026e0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b1e026e0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vectores-ejemplo[data-v-b1e026e0] {
    gap: 1rem;
    padding: 1.25rem 2rem;
}
.vector-sym[data-v-b1e026e0] {
    font-size: 1.5rem;
}
.vector-comp[data-v-b1e026e0] {
    font-size: 1.4rem;
}
.opuesto-formula[data-v-b1e026e0] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Visual de multiplicación */
.escalar-visual[data-v-86e329d4] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.escalar-ejemplo[data-v-86e329d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
}
.escalar-valor[data-v-86e329d4] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FCD34D;
}
.operacion[data-v-86e329d4] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.vector-item[data-v-86e329d4] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.vector-sym[data-v-86e329d4] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #8B5CF6;
}
.vector-eq[data-v-86e329d4] {
  font-size: 1rem;
  color: #FFFFFF;
}
.vector-comp[data-v-86e329d4] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Colores */
.comp-x[data-v-86e329d4] { color: #6EE7B7;
}
.comp-y[data-v-86e329d4] { color: #93C5FD;
}
.negativo[data-v-86e329d4] { color: #FCA5A5;
}

/* Formula box */
.formula-box[data-v-86e329d4] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-86e329d4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula[data-v-86e329d4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-86e329d4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-86e329d4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.pasos-calculo[data-v-86e329d4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-86e329d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-86e329d4] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paso-texto[data-v-86e329d4] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.resultado-ejemplo[data-v-86e329d4] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Efecto geométrico */
.efecto-section[data-v-86e329d4] {
  margin: 1.5rem 0;
}
.efecto-titulo[data-v-86e329d4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.efectos-grid[data-v-86e329d4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.efecto-item[data-v-86e329d4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.efecto-item.positivo[data-v-86e329d4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.efecto-item.reduccion[data-v-86e329d4] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.efecto-item.negativo[data-v-86e329d4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.efecto-condicion[data-v-86e329d4] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.efecto-item.positivo .efecto-condicion[data-v-86e329d4] { color: #6EE7B7;
}
.efecto-item.reduccion .efecto-condicion[data-v-86e329d4] { color: #93C5FD;
}
.efecto-item.negativo .efecto-condicion[data-v-86e329d4] { color: #FCA5A5;
}
.efecto-resultado[data-v-86e329d4] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.efecto-ejemplo[data-v-86e329d4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Visual del efecto */
.visual-efecto[data-v-86e329d4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.visual-titulo[data-v-86e329d4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 0.75rem;
}
.visual-container[data-v-86e329d4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
}
.vector-original[data-v-86e329d4], .vector-doble[data-v-86e329d4], .vector-negativo[data-v-86e329d4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.v-linea[data-v-86e329d4] {
  display: block;
  height: 4px;
  border-radius: 2px;
}
.vector-original .v-linea[data-v-86e329d4] {
  width: 60px;
  background: #8B5CF6;
}
.vector-doble .v-linea[data-v-86e329d4] {
  width: 120px;
  background: #6EE7B7;
}
.vector-negativo .v-linea[data-v-86e329d4] {
  width: 60px;
  background: #FCA5A5;
}
.v-label[data-v-86e329d4] {
  font-size: 0.8rem;
  font-weight: 700;
}
.vector-original .v-label[data-v-86e329d4] { color: #8B5CF6;
}
.vector-doble .v-label[data-v-86e329d4] { color: #6EE7B7;
}
.vector-negativo .v-label[data-v-86e329d4] { color: #FCA5A5;
}
.visual-leyenda[data-v-86e329d4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.leyenda-item[data-v-86e329d4] {
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.leyenda-item.original[data-v-86e329d4] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.leyenda-item.doble[data-v-86e329d4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.leyenda-item.invertido[data-v-86e329d4] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Propiedades */
.propiedades-section[data-v-86e329d4] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.propiedades-titulo[data-v-86e329d4] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.propiedades-lista[data-v-86e329d4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.propiedad[data-v-86e329d4] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-formula[data-v-86e329d4] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.prop-nombre[data-v-86e329d4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Magnitud escalar */
.magnitud-escalar[data-v-86e329d4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.mag-icono[data-v-86e329d4] {
  font-size: 1.25rem;
}
.mag-contenido[data-v-86e329d4] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.mag-titulo[data-v-86e329d4] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.mag-formula[data-v-86e329d4] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-86e329d4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-86e329d4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-86e329d4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-86e329d4] {
  color: #6EE7B7;
}
.tip-texto strong.negativo[data-v-86e329d4] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.escalar-ejemplo[data-v-86e329d4] {
    gap: 0.75rem;
    padding: 1.25rem 2rem;
}
.escalar-valor[data-v-86e329d4] {
    font-size: 2rem;
}
.vector-sym[data-v-86e329d4] {
    font-size: 1.5rem;
}
.vector-comp[data-v-86e329d4] {
    font-size: 1.4rem;
}
.efectos-grid[data-v-86e329d4] {
    gap: 0.75rem;
}
.efecto-item[data-v-86e329d4] {
    padding: 0.75rem 0.5rem;
}
.propiedades-lista[data-v-86e329d4] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-be4a4f2d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-be4a4f2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-be4a4f2d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-be4a4f2d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-be4a4f2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-be4a4f2d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-be4a4f2d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-be4a4f2d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-be4a4f2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-be4a4f2d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Colores componentes */
.comp-x[data-v-be4a4f2d] { color: #6EE7B7;
}
.comp-y[data-v-be4a4f2d] { color: #93C5FD;
}

/* Vectores dados */
.vectores-dados[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.vector-dado[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.vector-sym[data-v-be4a4f2d] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #8B5CF6;
}
.vector-eq[data-v-be4a4f2d] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.vector-comp[data-v-be4a4f2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.operador[data-v-be4a4f2d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.operador.resta[data-v-be4a4f2d] {
  color: #FCA5A5;
}

/* Escalar dado */
.escalar-dado[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.escalar-k[data-v-be4a4f2d] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.5rem;
}
.operador-punto[data-v-be4a4f2d] {
  font-size: 1.3rem;
  color: #FFFFFF;
}

/* Pregunta resultado */
.pregunta-resultado[data-v-be4a4f2d] {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}

/* Inputs */
.inputs-row[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.input-label[data-v-be4a4f2d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-sep[data-v-be4a4f2d] {
  font-size: 1.2rem;
  color: #FFFFFF;
  margin: 0 0.25rem;
}
.input-group[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
}
.input-comp[data-v-be4a4f2d] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-comp.correcto[data-v-be4a4f2d] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-comp.incorrecto[data-v-be4a4f2d] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.hint-negativo[data-v-be4a4f2d] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}

/* Botón verificar */
.btn-verificar[data-v-be4a4f2d] {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  padding: 0.75rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-be4a4f2d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback error */
.feedback-error[data-v-be4a4f2d] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  text-align: center;
}

/* Contador */
.contador[data-v-be4a4f2d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}

/* Resultado correcto */
.resultado-correcto[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-be4a4f2d] { font-size: 1.25rem;
}
.resultado-texto[data-v-be4a4f2d] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-be4a4f2d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-be4a4f2d] { flex: 1;
}
.nav-btn[data-v-be4a4f2d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-be4a4f2d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-be4a4f2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-be4a4f2d] { font-size: 1.75rem;
}
.completado-texto[data-v-be4a4f2d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-be4a4f2d], .slide-leave-active[data-v-be4a4f2d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-be4a4f2d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-be4a4f2d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.vectores-dados[data-v-be4a4f2d] {
    gap: 0.75rem;
}
.vector-dado[data-v-be4a4f2d] {
    padding: 0.6rem 1rem;
}
.vector-sym[data-v-be4a4f2d] {
    font-size: 1.3rem;
}
.vector-comp[data-v-be4a4f2d] {
    font-size: 1.2rem;
}
.input-comp[data-v-be4a4f2d] {
    width: 70px;
    font-size: 1.3rem;
}
.escalar-k[data-v-be4a4f2d] {
    font-size: 2rem;
}
}

/* Visual resumen */
.resumen-visual[data-v-da9f1cea] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 1.5rem;
}
.operaciones-iconos[data-v-da9f1cea] {
  display: flex;
  gap: 0.75rem;
}
.op-icono[data-v-da9f1cea] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 800;
}
.op-icono.suma[data-v-da9f1cea] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.op-icono.resta[data-v-da9f1cea] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.op-icono.escalar[data-v-da9f1cea] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid #F59E0B;
  color: #FCD34D;
  font-size: 1.2rem;
}

/* Operaciones grid */
.operaciones-grid[data-v-da9f1cea] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.operacion-card[data-v-da9f1cea] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.operacion-card.suma[data-v-da9f1cea] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.operacion-card.resta[data-v-da9f1cea] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.operacion-card.escalar[data-v-da9f1cea] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.card-header[data-v-da9f1cea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.card-icono[data-v-da9f1cea] {
  font-size: 1rem;
}
.card-titulo[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 700;
}
.operacion-card.suma .card-titulo[data-v-da9f1cea] { color: #6EE7B7;
}
.operacion-card.resta .card-titulo[data-v-da9f1cea] { color: #FCA5A5;
}
.operacion-card.escalar .card-titulo[data-v-da9f1cea] { color: #FCD34D;
}
.card-formula[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Reglas section */
.reglas-section[data-v-da9f1cea] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.reglas-titulo[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.reglas-lista[data-v-da9f1cea] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla[data-v-da9f1cea] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.regla-icono[data-v-da9f1cea] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.regla-texto[data-v-da9f1cea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-texto strong[data-v-da9f1cea] {
  color: #FFFFFF;
}

/* Propiedades */
.propiedades-section[data-v-da9f1cea] {
  margin-bottom: 1rem;
}
.propiedades-titulo[data-v-da9f1cea] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.propiedades-grid[data-v-da9f1cea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.propiedad[data-v-da9f1cea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.prop-nombre[data-v-da9f1cea] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.prop-formula[data-v-da9f1cea] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-da9f1cea] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.ejemplo-titulo[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-contenido[data-v-da9f1cea] {
  text-align: center;
}
.ejemplo-problema[data-v-da9f1cea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.vector-sym[data-v-da9f1cea] {
  font-weight: 700;
  color: #8B5CF6;
}
.ejemplo-calculos[data-v-da9f1cea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.calculo[data-v-da9f1cea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.calc-op[data-v-da9f1cea] {
  font-weight: 600;
  color: #C4B5FD;
}
.calc-eq[data-v-da9f1cea] {
  color: #FFFFFF;
}
.calc-res[data-v-da9f1cea] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-da9f1cea] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.errores-titulo[data-v-da9f1cea] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.errores-lista[data-v-da9f1cea] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-da9f1cea] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.error-x[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
}
.error-check[data-v-da9f1cea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.error-texto[data-v-da9f1cea] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-da9f1cea] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-da9f1cea] {
  font-size: 1.25rem;
}
.tip-contenido[data-v-da9f1cea] {
  flex: 1;
}
.tip-titulo[data-v-da9f1cea] {
  display: block;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.tip-texto[data-v-da9f1cea] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.operaciones-iconos[data-v-da9f1cea] {
    gap: 1rem;
}
.op-icono[data-v-da9f1cea] {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
.operaciones-grid[data-v-da9f1cea] {
    flex-direction: row;
    gap: 0.75rem;
}
.operacion-card[data-v-da9f1cea] {
    flex: 1;
    padding: 1rem;
}
.propiedades-grid[data-v-da9f1cea] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-calculos[data-v-da9f1cea] {
    grid-template-columns: repeat(4, 1fr);
}
.errores-lista[data-v-da9f1cea] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.error-item[data-v-da9f1cea] {
    flex: 0 0 auto;
}
}

/* Intro visual */
.intro-visual[data-v-1060690a] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.parabola-visual[data-v-1060690a] {
  width: 100%;
  max-width: 220px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}

/* Texto inline */
strong.positivo[data-v-1060690a] { color: #6EE7B7;
}
strong.negativo[data-v-1060690a] { color: #FCA5A5;
}

/* Definición principal */
.definicion-principal[data-v-1060690a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-1060690a] {
  font-size: 1.5rem;
}
.def-contenido[data-v-1060690a] {
  flex: 1;
}
.def-titulo[data-v-1060690a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.def-items[data-v-1060690a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.def-item[data-v-1060690a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.item-label[data-v-1060690a] {
  font-weight: 700;
  font-size: 0.9rem;
}
.item-label.destacado[data-v-1060690a] { color: #FCD34D;
}
.item-label.positivo[data-v-1060690a] { color: #6EE7B7;
}
.item-label.negativo[data-v-1060690a] { color: #FCA5A5;
}
.item-label.info[data-v-1060690a] { color: #93C5FD;
}
.item-desc[data-v-1060690a] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Propiedad section */
.propiedad-section[data-v-1060690a] {
  margin: 1.5rem 0;
}
.propiedad-titulo[data-v-1060690a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedad-box[data-v-1060690a] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.propiedad-visual[data-v-1060690a] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.mini-parabola[data-v-1060690a] {
  width: 160px;
  height: auto;
}
.propiedad-formula[data-v-1060690a] {
  font-size: 1.2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.5rem;
}
.propiedad-desc[data-v-1060690a] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
}

/* Ejemplos */
.ejemplos-section[data-v-1060690a] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1060690a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1060690a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1060690a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-1060690a] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-1060690a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-1060690a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1060690a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1060690a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1060690a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.parabola-visual[data-v-1060690a] {
    max-width: 260px;
}
.def-item[data-v-1060690a] {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}
.ejemplos-grid[data-v-1060690a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto inline */
strong.positivo[data-v-abd7dab3] { color: #6EE7B7;
}
strong.negativo[data-v-abd7dab3] { color: #FCA5A5;
}

/* Ecuación section */
.ecuacion-section[data-v-abd7dab3] {
  margin: 1.5rem 0;
}
.ecuacion-titulo[data-v-abd7dab3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}

/* Forma ecuación */
.forma-ecuacion[data-v-abd7dab3] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.forma-header[data-v-abd7dab3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.forma-header.vertical[data-v-abd7dab3] {
  color: #93C5FD;
}
.forma-header.horizontal[data-v-abd7dab3] {
  color: #FCD34D;
}
.orientacion-icono[data-v-abd7dab3] {
  font-size: 1.25rem;
}
.orientacion-texto[data-v-abd7dab3] {
  font-size: 0.9rem;
  font-weight: 600;
}
.ecuacion-box[data-v-abd7dab3] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.ecuacion-formula[data-v-abd7dab3] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ecuacion-variantes[data-v-abd7dab3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.variante[data-v-abd7dab3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.var-condicion[data-v-abd7dab3] {
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.var-condicion.positivo[data-v-abd7dab3] { color: #6EE7B7;
}
.var-condicion.negativo[data-v-abd7dab3] { color: #FCA5A5;
}
.var-resultado[data-v-abd7dab3] {
  color: #E9D5FF;
}
.var-resultado strong[data-v-abd7dab3] {
  color: #FFFFFF;
}

/* Orientaciones visual */
.orientaciones-visual[data-v-abd7dab3] {
  margin: 1.5rem 0;
}
.orientacion-titulo[data-v-abd7dab3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orientaciones-grid[data-v-abd7dab3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.orientacion-item[data-v-abd7dab3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.mini-graph[data-v-abd7dab3] {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.ori-label[data-v-abd7dab3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ori-cond[data-v-abd7dab3] {
  font-size: 0.7rem;
  font-family: 'Courier New', monospace;
}
.ori-cond.positivo[data-v-abd7dab3] { color: #6EE7B7;
}
.ori-cond.negativo[data-v-abd7dab3] { color: #FCA5A5;
}

/* Caso especial */
.caso-especial[data-v-abd7dab3] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.caso-titulo[data-v-abd7dab3] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.caso-formulas[data-v-abd7dab3] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.caso-formula-item[data-v-abd7dab3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cf-label[data-v-abd7dab3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.cf-formula[data-v-abd7dab3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Tip */
.tip[data-v-abd7dab3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-abd7dab3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-abd7dab3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-abd7dab3] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-formula[data-v-abd7dab3] {
    font-size: 1.5rem;
}
.orientaciones-grid[data-v-abd7dab3] {
    grid-template-columns: repeat(4, 1fr);
}
.variante[data-v-abd7dab3] {
    flex-direction: row;
}
}

/* Texto inline */
strong.destacado[data-v-7036eb97] { color: #FCD34D;
}
strong.positivo[data-v-7036eb97] { color: #6EE7B7;
}
strong.negativo[data-v-7036eb97] { color: #FCA5A5;
}
strong.info[data-v-7036eb97] { color: #93C5FD;
}

/* Parámetro visual */
.param-visual-section[data-v-7036eb97] {
  margin: 1.5rem 0;
  text-align: center;
}
.param-titulo[data-v-7036eb97] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.param-visual[data-v-7036eb97] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.param-svg[data-v-7036eb97] {
  width: 100%;
  max-width: 220px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.param-formula[data-v-7036eb97] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.pf-label[data-v-7036eb97] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.pf-valor[data-v-7036eb97] {
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Fórmulas section */
.formulas-section[data-v-7036eb97] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-7036eb97] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.formula-grupo[data-v-7036eb97] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.formula-grupo.vertical[data-v-7036eb97] {
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.formula-grupo.horizontal[data-v-7036eb97] {
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.fg-header[data-v-7036eb97] {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.formula-grupo.vertical .fg-header[data-v-7036eb97] {
  color: #93C5FD;
}
.formula-grupo.horizontal .fg-header[data-v-7036eb97] {
  color: #FCD34D;
}
.fg-items[data-v-7036eb97] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.fg-item[data-v-7036eb97] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.fgi-label[data-v-7036eb97] {
  font-size: 0.75rem;
  font-weight: 600;
}
.fgi-label.destacado[data-v-7036eb97] { color: #FCD34D;
}
.fgi-label.positivo[data-v-7036eb97] { color: #6EE7B7;
}
.fgi-label.negativo[data-v-7036eb97] { color: #FCA5A5;
}
.fgi-label.info[data-v-7036eb97] { color: #93C5FD;
}
.fgi-valor[data-v-7036eb97] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}

/* Ejemplo section */
.ejemplo-section[data-v-7036eb97] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-7036eb97] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-7036eb97] {
  text-align: center;
}
.ejemplo-ecuacion[data-v-7036eb97] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
}
.ejemplo-pasos[data-v-7036eb97] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.paso-ejemplo[data-v-7036eb97] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.pe-num[data-v-7036eb97] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.pe-texto[data-v-7036eb97] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.pe-texto strong[data-v-7036eb97] {
  color: #FFFFFF;
}
.pe-texto strong.destacado[data-v-7036eb97] {
  color: #FCD34D;
}
.ejemplo-resultados[data-v-7036eb97] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resultado-item[data-v-7036eb97] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.ri-label[data-v-7036eb97] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ri-valor[data-v-7036eb97] {
  font-size: 0.95rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.ri-valor.destacado[data-v-7036eb97] { color: #FCD34D;
}
.ri-valor.positivo[data-v-7036eb97] { color: #6EE7B7;
}
.ri-valor.negativo[data-v-7036eb97] { color: #FCA5A5;
}
.ri-valor.info[data-v-7036eb97] { color: #93C5FD;
}

/* Tip */
.tip[data-v-7036eb97] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7036eb97] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7036eb97] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7036eb97] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.param-svg[data-v-7036eb97] {
    max-width: 260px;
}
.ejemplo-ecuacion[data-v-7036eb97] {
    font-size: 1.5rem;
}
.fg-items[data-v-7036eb97] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-cba24a2d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-cba24a2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-cba24a2d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-cba24a2d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-cba24a2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-cba24a2d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cba24a2d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cba24a2d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-cba24a2d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-cba24a2d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-cba24a2d], .foco-directriz-container[data-v-cba24a2d] {
  text-align: center;
}
.ecuacion-mostrar[data-v-cba24a2d] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-family: 'Courier New', monospace;
}
.inputs-section[data-v-cba24a2d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-row[data-v-cba24a2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.input-grupo[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.input-grupo label[data-v-cba24a2d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.input-con-signo[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.input-con-signo.small input[data-v-cba24a2d] {
  width: 40px;
}
.btn-signo[data-v-cba24a2d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-cba24a2d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-con-signo input[data-v-cba24a2d] {
  width: 45px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.input-con-signo input.correcto[data-v-cba24a2d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-con-signo input.incorrecto[data-v-cba24a2d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Orientación */
.orientacion-pregunta[data-v-cba24a2d] {
  margin: 1rem 0;
}
.orientacion-pregunta label[data-v-cba24a2d] {
  display: block;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.orientacion-opciones[data-v-cba24a2d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-orientacion[data-v-cba24a2d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.3rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-orientacion.seleccionado[data-v-cba24a2d] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.btn-orientacion.correcto[data-v-cba24a2d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-orientacion.incorrecto[data-v-cba24a2d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.btn-verificar[data-v-cba24a2d] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-cba24a2d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-cba24a2d] {
  text-align: center;
}
.simulador-grafico[data-v-cba24a2d] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.grafico-parabola[data-v-cba24a2d] {
  width: 100%;
  max-width: 260px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.controles-sim[data-v-cba24a2d] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.control-grupo label[data-v-cba24a2d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 20px;
  text-align: right;
}
.control-grupo.tipo[data-v-cba24a2d] {
  gap: 0.4rem;
  flex-wrap: wrap;
}
.slider[data-v-cba24a2d] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-cba24a2d]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-cba24a2d] {
  font-size: 1rem;
  font-weight: 700;
  min-width: 30px;
  text-align: left;
  color: #FFFFFF;
}
.control-valor.positivo[data-v-cba24a2d] { color: #6EE7B7;
}
.control-valor.negativo[data-v-cba24a2d] { color: #FCA5A5;
}
.btn-tipo[data-v-cba24a2d] {
  padding: 0.35rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-tipo.activo[data-v-cba24a2d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.ecuacion-resultado[data-v-cba24a2d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-label[data-v-cba24a2d] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.ecuacion-valor[data-v-cba24a2d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.leyenda-sim[data-v-cba24a2d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.ley-item[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.dot[data-v-cba24a2d] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dot.vertice[data-v-cba24a2d] { background: #FCD34D;
}
.dot.foco[data-v-cba24a2d] { background: #FCA5A5;
}
.line.directriz[data-v-cba24a2d] {
  width: 16px;
  height: 2px;
  background: #93C5FD;
}
.sim-desafio[data-v-cba24a2d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo[data-v-cba24a2d] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo strong[data-v-cba24a2d] {
  color: #FCD34D;
  display: block;
  margin-top: 0.25rem;
  font-size: 0.95rem;
}

/* ===== DESAFÍO 3: Foco y directriz ===== */
.fd-pregunta[data-v-cba24a2d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}
.fd-item[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: center;
}
.fd-item label[data-v-cba24a2d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Feedback ayuda */
.feedback-ayuda[data-v-cba24a2d] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  color: #FCD34D;
  font-size: 0.8rem;
  margin-bottom: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cba24a2d] { font-size: 1.25rem;
}
.resultado-texto[data-v-cba24a2d] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-cba24a2d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-cba24a2d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-cba24a2d] { flex: 1;
}
.nav-btn[data-v-cba24a2d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-cba24a2d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-cba24a2d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cba24a2d] { font-size: 1.75rem;
}
.completado-texto[data-v-cba24a2d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cba24a2d], .slide-leave-active[data-v-cba24a2d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cba24a2d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cba24a2d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.grafico-parabola[data-v-cba24a2d] {
    max-width: 300px;
}
.ecuacion-mostrar[data-v-cba24a2d] {
    font-size: 1.3rem;
}
}

/* Intro */
.resumen-intro[data-v-1078f7ac] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-1078f7ac] {
  font-size: 2rem;
}
.resumen-intro p[data-v-1078f7ac] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-1078f7ac] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-1078f7ac] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-1078f7ac] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-1078f7ac]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-1078f7ac] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-1078f7ac] {
    grid-column: span 1;
}
}
.card-header[data-v-1078f7ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-1078f7ac] {
  font-size: 1.25rem;
}
.card-titulo[data-v-1078f7ac] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-1078f7ac] {
  color: #E9D5FF;
}
.card-desc[data-v-1078f7ac] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
strong.positivo[data-v-1078f7ac] { color: #6EE7B7;
}
strong.negativo[data-v-1078f7ac] { color: #FCA5A5;
}
strong.destacado[data-v-1078f7ac] { color: #FCD34D;
}

/* Mini visual */
.mini-visual[data-v-1078f7ac] {
  display: flex;
  justify-content: center;
}
.mini-svg[data-v-1078f7ac] {
  width: 100px;
  height: auto;
}

/* Elementos lista */
.elementos-lista[data-v-1078f7ac] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.elem[data-v-1078f7ac] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}
.elem-dot[data-v-1078f7ac] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.elem-dot.destacado[data-v-1078f7ac] { background: #FCD34D;
}
.elem-dot.negativo[data-v-1078f7ac] { background: #FCA5A5;
}
.elem-dot.positivo[data-v-1078f7ac] { background: #6EE7B7;
}
.elem-dot.info[data-v-1078f7ac] { background: #93C5FD;
}

/* Ecuaciones grid */
.ecuaciones-grid[data-v-1078f7ac] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.ecuacion-item[data-v-1078f7ac] {
  flex: 1;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.ec-tipo[data-v-1078f7ac] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ec-formula[data-v-1078f7ac] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.ec-nota[data-v-1078f7ac] {
  font-size: 0.7rem;
  color: #93C5FD;
}

/* Fórmulas rápidas */
.formulas-rapidas[data-v-1078f7ac] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.fr-grupo[data-v-1078f7ac] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.fr-titulo[data-v-1078f7ac] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.fr-items[data-v-1078f7ac] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.fr-items strong[data-v-1078f7ac] {
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}

/* Orientaciones */
.orientaciones-resumen[data-v-1078f7ac] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ori-item[data-v-1078f7ac] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.ori-formula[data-v-1078f7ac] {
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.ori-dir[data-v-1078f7ac] {
  font-weight: 600;
  color: #FFFFFF;
}

/* Encontrar p */
.encontrar-p[data-v-1078f7ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ep-paso[data-v-1078f7ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ep-num[data-v-1078f7ac] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.ep-text[data-v-1078f7ac] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ep-ejemplo[data-v-1078f7ac] {
  font-size: 0.9rem;
  color: #C4B5FD;
  text-align: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
}
.ep-ejemplo strong[data-v-1078f7ac] {
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-1078f7ac] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-1078f7ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-1078f7ac] {
  font-size: 1.25rem;
}
.tip-text[data-v-1078f7ac] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-1078f7ac] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-1078f7ac] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-1078f7ac] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-1078f7ac 1s ease-in-out infinite;
}
@keyframes bounce-1078f7ac {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-1078f7ac] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-1078f7ac] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-1f02f2be] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.cuerpo-3d[data-v-1f02f2be] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svg-cuerpo[data-v-1f02f2be] {
  width: 80px;
  height: 80px;
}
.cuerpo-nombre[data-v-1f02f2be] {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.cuerpo-3d.piramide .cuerpo-nombre[data-v-1f02f2be] {
  color: #C4B5FD;
}
.cuerpo-3d.cono .cuerpo-nombre[data-v-1f02f2be] {
  color: #6EE7B7;
}

/* Elementos comunes */
.elementos-section[data-v-1f02f2be] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-1f02f2be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-1f02f2be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-1f02f2be] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.elemento-item.apotema-item[data-v-1f02f2be] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.1);
}
.elemento-icono[data-v-1f02f2be] {
  font-size: 1.25rem;
}
.elemento-info[data-v-1f02f2be] {
  display: flex;
  flex-direction: column;
}
.elemento-nombre[data-v-1f02f2be] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.apotema-item .elemento-nombre[data-v-1f02f2be] {
  color: #FCD34D;
}
.elemento-desc[data-v-1f02f2be] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Diferencia */
.diferencia-section[data-v-1f02f2be] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-1f02f2be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-1f02f2be] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.diferencia-card[data-v-1f02f2be] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.diferencia-card.piramide[data-v-1f02f2be] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.diferencia-card.cono[data-v-1f02f2be] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.dif-header[data-v-1f02f2be] {
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.diferencia-card.piramide .dif-header[data-v-1f02f2be] { color: #C4B5FD;
}
.diferencia-card.cono .dif-header[data-v-1f02f2be] { color: #6EE7B7;
}
.dif-contenido p[data-v-1f02f2be] {
  margin: 0;
  font-size: 0.85rem;
  text-align: center;
  color: #E9D5FF;
}
.dif-ejemplo[data-v-1f02f2be] {
  font-size: 0.75rem !important;
  color: #A78BFA !important;
  margin-top: 0.25rem !important;
}

/* Ejemplos */
.ejemplos-section[data-v-1f02f2be] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1f02f2be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1f02f2be] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1f02f2be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-1f02f2be] {
  font-size: 1.5rem;
}
.ej-texto[data-v-1f02f2be] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-1f02f2be] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1f02f2be] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1f02f2be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1f02f2be] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1f02f2be] {
    gap: 3rem;
}
.svg-cuerpo[data-v-1f02f2be] {
    width: 100px;
    height: 100px;
}
.cuerpo-nombre[data-v-1f02f2be] {
    font-size: 1rem;
}
.diferencia-card[data-v-1f02f2be] {
    padding: 1rem;
}
.ejemplos-grid[data-v-1f02f2be] {
    gap: 0.75rem;
}
.ejemplo[data-v-1f02f2be] {
    padding: 0.75rem;
}
.ej-icono[data-v-1f02f2be] {
    font-size: 1.75rem;
}
.ej-texto[data-v-1f02f2be] {
    font-size: 0.8rem;
}
}

/* Diagrama */
.diagrama-section[data-v-56927aa4] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-piramide[data-v-56927aa4] {
  width: 100%;
  max-width: 260px;
  height: auto;
}

/* Pitágoras */
.pitagoras-section[data-v-56927aa4] {
  margin: 1rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.pitagoras-titulo[data-v-56927aa4] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pitagoras-contenido[data-v-56927aa4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pitagoras-formula[data-v-56927aa4] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pitagoras-nota[data-v-56927aa4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-section[data-v-56927aa4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-56927aa4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.formula-card.volumen[data-v-56927aa4] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-card.area-lateral[data-v-56927aa4] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.formula-card.area-total[data-v-56927aa4] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-header[data-v-56927aa4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-56927aa4] {
  font-size: 1.1rem;
}
.formula-titulo[data-v-56927aa4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.formula-contenido[data-v-56927aa4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-eq[data-v-56927aa4] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.volumen .formula-eq[data-v-56927aa4] { color: #FCD34D;
}
.area-lateral .formula-eq[data-v-56927aa4] { color: #C4B5FD;
}
.area-total .formula-eq[data-v-56927aa4] { color: #6EE7B7;
}
.formula-desc[data-v-56927aa4] {
  font-size: 0.8rem;
  color: #A78BFA;
}

/* Ejemplo */
.ejemplo-section[data-v-56927aa4] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-56927aa4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-56927aa4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.dato[data-v-56927aa4] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-calculos[data-v-56927aa4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo[data-v-56927aa4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.calc-label[data-v-56927aa4] {
  color: #C4B5FD;
  min-width: 90px;
}
.calc-valor[data-v-56927aa4] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.calculo.resultado[data-v-56927aa4] {
  padding-top: 0.25rem;
}
.destacado[data-v-56927aa4] {
  color: #FCD34D;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-56927aa4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-56927aa4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-56927aa4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-56927aa4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-piramide[data-v-56927aa4] {
    max-width: 300px;
}
.formulas-section[data-v-56927aa4] {
    flex-direction: row;
}
.formula-card[data-v-56927aa4] {
    flex: 1;
    padding: 1rem;
}
.ejemplo-section[data-v-56927aa4] {
    padding: 1.25rem;
}
.calc-label[data-v-56927aa4] {
    min-width: 110px;
}
}

/* Diagrama */
.diagrama-section[data-v-62698317] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-cono[data-v-62698317] {
  width: 100%;
  max-width: 240px;
  height: auto;
}

/* Pitágoras */
.pitagoras-section[data-v-62698317] {
  margin: 1rem 0;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.pitagoras-titulo[data-v-62698317] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.pitagoras-contenido[data-v-62698317] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pitagoras-formula[data-v-62698317] {
  font-family: 'Courier New', monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pitagoras-visual[data-v-62698317] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  color: #E9D5FF;
}
.simbolo.g[data-v-62698317] { color: #93C5FD; font-weight: 700;
}
.simbolo.h[data-v-62698317] { color: #FCD34D;
}
.simbolo.r[data-v-62698317] { color: #FCA5A5;
}

/* Fórmulas */
.formulas-section[data-v-62698317] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-62698317] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.formula-card.volumen[data-v-62698317] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-card.area-lateral[data-v-62698317] {
  background: rgba(147, 197, 253, 0.15);
  border-color: rgba(147, 197, 253, 0.4);
}
.formula-card.area-total[data-v-62698317] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-header[data-v-62698317] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-62698317] {
  font-size: 1.1rem;
}
.formula-titulo[data-v-62698317] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.formula-contenido[data-v-62698317] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-eq[data-v-62698317] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.volumen .formula-eq[data-v-62698317] { color: #FCD34D;
}
.area-lateral .formula-eq[data-v-62698317] { color: #93C5FD;
}
.area-total .formula-eq[data-v-62698317] { color: #6EE7B7;
}
.formula-desc[data-v-62698317] {
  font-size: 0.8rem;
  color: #A78BFA;
}

/* Desarrollo */
.desarrollo-section[data-v-62698317] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.desarrollo-titulo[data-v-62698317] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.svg-desarrollo[data-v-62698317] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.desarrollo-nota[data-v-62698317] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0.75rem 0 0;
}

/* Ejemplo */
.ejemplo-section[data-v-62698317] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-62698317] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-62698317] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dato[data-v-62698317] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-nota[data-v-62698317] {
  font-size: 0.8rem;
  color: #93C5FD;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.3rem;
  margin-bottom: 0.75rem;
}
.ejemplo-calculos[data-v-62698317] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.3);
}
.calculo[data-v-62698317] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.calc-label[data-v-62698317] {
  color: #6EE7B7;
  font-weight: 600;
}
.calc-valor[data-v-62698317] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.destacado[data-v-62698317] {
  color: #FCD34D;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-62698317] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-62698317] {
  font-size: 1.25rem;
}
.tip-texto[data-v-62698317] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-62698317] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.svg-cono[data-v-62698317] {
    max-width: 280px;
}
.formulas-section[data-v-62698317] {
    flex-direction: row;
}
.formula-card[data-v-62698317] {
    flex: 1;
    padding: 1rem;
}
.svg-desarrollo[data-v-62698317] {
    max-width: 350px;
}
.ejemplo-section[data-v-62698317] {
    padding: 1.25rem;
}
.calculo[data-v-62698317] {
    flex-direction: row;
    gap: 0.5rem;
}
.calc-label[data-v-62698317] {
    min-width: 110px;
}
}

.explorador[data-v-435c1252] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-435c1252] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-435c1252] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-435c1252] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-435c1252] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-435c1252] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-435c1252] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-435c1252] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-435c1252] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-435c1252] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-435c1252] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-problema[data-v-435c1252] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.problema-pregunta[data-v-435c1252] {
  text-align: center;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-435c1252] {
  display: block;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-hint[data-v-435c1252] {
  font-size: 0.8rem;
  color: #A78BFA;
  font-family: 'Courier New', monospace;
}

/* Input respuesta */
.input-respuesta[data-v-435c1252] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-numero[data-v-435c1252] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero[data-v-435c1252]:focus {
  outline: none;
  border-color: #A78BFA;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.input-numero.correcto[data-v-435c1252] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-435c1252] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-435c1252] {
  color: #C4B5FD;
  font-size: 1rem;
  font-weight: 600;
}
.btn-verificar[data-v-435c1252] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-435c1252]:hover:not(:disabled) {
  background: #059669;
}
.btn-verificar[data-v-435c1252]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-435c1252] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.feedback.error[data-v-435c1252] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-435c1252] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-435c1252] { font-size: 1.25rem;
}
.resultado-texto[data-v-435c1252] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-435c1252] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-435c1252] { flex: 1;
}
.nav-btn[data-v-435c1252] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-435c1252] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-435c1252] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-435c1252] { font-size: 1.75rem;
}
.completado-texto[data-v-435c1252] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-435c1252], .slide-leave-active[data-v-435c1252] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-435c1252] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-435c1252] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.desafio-container[data-v-435c1252] {
    padding: 1.5rem;
}
.svg-problema[data-v-435c1252] {
    max-width: 240px;
}
.input-numero[data-v-435c1252] {
    width: 100px;
    font-size: 1.4rem;
}
}

/* Intro */
.resumen-intro[data-v-a5056dca] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-a5056dca] {
  font-size: 2rem;
}
.resumen-intro p[data-v-a5056dca] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-a5056dca] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-a5056dca] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-a5056dca] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.piramide[data-v-a5056dca] {
  border-color: rgba(139, 92, 246, 0.4);
}
.resumen-card.cono[data-v-a5056dca] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.variables[data-v-a5056dca] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.pitagoras[data-v-a5056dca] {
  border-color: rgba(147, 197, 253, 0.4);
}
.resumen-card.wide[data-v-a5056dca] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-a5056dca] {
    grid-column: span 1;
}
}
.card-header[data-v-a5056dca] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-a5056dca] {
  font-size: 1.25rem;
}
.card-titulo[data-v-a5056dca] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmulas dentro de cards */
.formula-item[data-v-a5056dca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.formula-item[data-v-a5056dca]:last-child {
  border-bottom: none;
}
.formula-label[data-v-a5056dca] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-valor[data-v-a5056dca] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.9rem;
}
.piramide .formula-valor[data-v-a5056dca] { color: #C4B5FD;
}
.cono .formula-valor[data-v-a5056dca] { color: #6EE7B7;
}

/* Variables grid */
.variables-grid[data-v-a5056dca] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.variables-grid[data-v-a5056dca] {
    grid-template-columns: repeat(4, 1fr);
}
}
.variable-item[data-v-a5056dca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.variable-item.apotema[data-v-a5056dca] {
  background: rgba(147, 197, 253, 0.1);
}
.var-simbolo[data-v-a5056dca] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.variable-item.apotema .var-simbolo[data-v-a5056dca] {
  color: #93C5FD;
}
.var-nombre[data-v-a5056dca] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Pitágoras */
.pitagoras-grid[data-v-a5056dca] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.pitagoras-item[data-v-a5056dca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.5rem;
}
.pit-cuerpo[data-v-a5056dca] {
  font-size: 0.8rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.pit-formula[data-v-a5056dca] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pitagoras-nota[data-v-a5056dca] {
  font-size: 0.75rem;
  color: #A78BFA;
  text-align: center;
  margin: 0.5rem 0 0;
}

/* Comparación */
.comparacion-section[data-v-a5056dca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-a5056dca] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-contenido[data-v-a5056dca] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comparacion-item[data-v-a5056dca] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-formula[data-v-a5056dca] {
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comparacion-nota[data-v-a5056dca] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0.75rem 0 0;
}

/* Tips finales */
.tips-finales[data-v-a5056dca] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-a5056dca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-a5056dca] {
  font-size: 1.1rem;
}
.tip-text[data-v-a5056dca] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-a5056dca] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-a5056dca] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-a5056dca] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-a5056dca 1s ease-in-out infinite;
}
@keyframes bounce-a5056dca {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-a5056dca] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-a5056dca] {
  font-size: 0.85rem;
  color: #6EE7B7;
  margin: 0;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-card[data-v-a5056dca] {
    padding: 1rem;
}
.formula-valor[data-v-a5056dca] {
    font-size: 1rem;
}
.tip-text[data-v-a5056dca] {
    font-size: 0.9rem;
}
.comp-formula[data-v-a5056dca] {
    font-size: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-ed7502f4] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.rectas-iconos[data-v-ed7502f4] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
.recta-icono[data-v-ed7502f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.recta-icono svg[data-v-ed7502f4] {
  width: 60px;
  height: 60px;
}
.icono-label[data-v-ed7502f4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Texto inline */
strong[data-v-ed7502f4] {
  color: #FFFFFF;
}

/* Posiciones section */
.posiciones-section[data-v-ed7502f4] {
  margin: 1.5rem 0;
}
.posiciones-titulo[data-v-ed7502f4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.posiciones-grid[data-v-ed7502f4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.posicion-card[data-v-ed7502f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.posicion-card.paralelas[data-v-ed7502f4] {
  border-color: rgba(16, 185, 129, 0.4);
}
.posicion-card.perpendiculares[data-v-ed7502f4] {
  border-color: rgba(147, 197, 253, 0.4);
}
.posicion-card.secantes[data-v-ed7502f4] {
  border-color: rgba(252, 211, 77, 0.4);
}
.posicion-icono[data-v-ed7502f4] {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.posicion-card.paralelas .posicion-icono[data-v-ed7502f4] { color: #6EE7B7;
}
.posicion-card.perpendiculares .posicion-icono[data-v-ed7502f4] { color: #93C5FD;
}
.posicion-card.secantes .posicion-icono[data-v-ed7502f4] { color: #FCD34D;
}
.posicion-nombre[data-v-ed7502f4] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.posicion-desc[data-v-ed7502f4] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Fórmula principal */
.formula-principal[data-v-ed7502f4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-ed7502f4] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-ed7502f4] {
  flex: 1;
}
.formula-titulo[data-v-ed7502f4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-math[data-v-ed7502f4] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.formula-math strong[data-v-ed7502f4] {
  color: #FCD34D;
}

/* Condiciones */
.condiciones-section[data-v-ed7502f4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.condicion[data-v-ed7502f4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
}
.condicion.paralela[data-v-ed7502f4] { border-left: 3px solid #6EE7B7;
}
.condicion.perpendicular[data-v-ed7502f4] { border-left: 3px solid #93C5FD;
}
.condicion.secante[data-v-ed7502f4] { border-left: 3px solid #FCD34D;
}
.cond-simbolo[data-v-ed7502f4] {
  font-size: 1.25rem;
  font-weight: 700;
  width: 28px;
  text-align: center;
}
.condicion.paralela .cond-simbolo[data-v-ed7502f4] { color: #6EE7B7;
}
.condicion.perpendicular .cond-simbolo[data-v-ed7502f4] { color: #93C5FD;
}
.condicion.secante .cond-simbolo[data-v-ed7502f4] { color: #FCD34D;
}
.cond-texto[data-v-ed7502f4] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.cond-texto strong[data-v-ed7502f4] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-ed7502f4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ed7502f4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ed7502f4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ed7502f4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.rectas-iconos[data-v-ed7502f4] {
    gap: 1.5rem;
}
.recta-icono svg[data-v-ed7502f4] {
    width: 80px;
    height: 80px;
}
.icono-label[data-v-ed7502f4] {
    font-size: 0.8rem;
}
.posiciones-grid[data-v-ed7502f4] {
    gap: 0.75rem;
}
.posicion-card[data-v-ed7502f4] {
    padding: 1rem 0.75rem;
}
.posicion-icono[data-v-ed7502f4] {
    font-size: 2rem;
}
.posicion-nombre[data-v-ed7502f4] {
    font-size: 0.85rem;
}
.posicion-desc[data-v-ed7502f4] {
    font-size: 0.75rem;
}
}

/* Visual container */
.visual-container[data-v-4ff2d223] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-paralelas[data-v-4ff2d223] {
  width: 100%;
  max-width: 320px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Texto */
strong[data-v-4ff2d223] {
  color: #FFFFFF;
}
strong.paralela[data-v-4ff2d223] {
  color: #6EE7B7;
}

/* Fórmula principal */
.formula-principal[data-v-4ff2d223] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-4ff2d223] {
  font-size: 2rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-contenido[data-v-4ff2d223] {
  flex: 1;
}
.formula-titulo[data-v-4ff2d223] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.formula-math[data-v-4ff2d223] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.formula-math .highlight[data-v-4ff2d223] {
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-4ff2d223] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-4ff2d223] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido p[data-v-4ff2d223] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ecuaciones-box[data-v-4ff2d223] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  margin: 0.75rem 0;
}
.ecuacion[data-v-4ff2d223] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ecuacion .label[data-v-4ff2d223] {
  color: #C4B5FD;
}
.ecuacion .m[data-v-4ff2d223] {
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.ecuacion .m.neg[data-v-4ff2d223] {
  color: #FCA5A5;
  background: rgba(252, 165, 165, 0.2);
}
.solucion[data-v-4ff2d223] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.sol-paso[data-v-4ff2d223] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sol-arrow[data-v-4ff2d223] {
  color: #8B5CF6;
  font-size: 1.1rem;
}
.sol-resultado[data-v-4ff2d223] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Contra-ejemplo */
.contra-ejemplo[data-v-4ff2d223] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.contra-titulo[data-v-4ff2d223] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.ecuaciones-box.small[data-v-4ff2d223] {
  gap: 1rem;
}
.contra-razon[data-v-4ff2d223] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0.5rem 0 0;
  text-align: center;
}

/* Tip */
.tip[data-v-4ff2d223] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4ff2d223] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4ff2d223] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4ff2d223] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-paralelas[data-v-4ff2d223] {
    max-width: 360px;
}
.formula-math[data-v-4ff2d223] {
    font-size: 1.3rem;
}
.ecuaciones-box[data-v-4ff2d223] {
    gap: 2rem;
}
.ecuacion[data-v-4ff2d223] {
    font-size: 1.2rem;
}
}

/* Visual container */
.visual-container[data-v-8a918d99] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-perpendiculares[data-v-8a918d99] {
  width: 100%;
  max-width: 320px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Texto */
strong[data-v-8a918d99] {
  color: #FFFFFF;
}
strong.perpendicular[data-v-8a918d99] {
  color: #93C5FD;
}
strong.positivo[data-v-8a918d99] {
  color: #6EE7B7;
}
strong.negativo[data-v-8a918d99] {
  color: #FCA5A5;
}

/* Fórmula principal */
.formula-principal[data-v-8a918d99] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(147, 197, 253, 0.15);
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-8a918d99] {
  font-size: 2rem;
  font-weight: 700;
  color: #93C5FD;
}
.formula-contenido[data-v-8a918d99] {
  flex: 1;
}
.formula-titulo[data-v-8a918d99] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.formula-math[data-v-8a918d99] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.formula-math .highlight[data-v-8a918d99] {
  color: #FCD34D;
  background: rgba(252, 211, 77, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Explicación box */
.explicacion-box[data-v-8a918d99] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.exp-titulo[data-v-8a918d99] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.explicacion-box p[data-v-8a918d99] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.ejemplo-reciproco[data-v-8a918d99] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.rec-item[data-v-8a918d99] {
  font-size: 1rem;
  color: #FFFFFF;
}
.rec-arrow[data-v-8a918d99] {
  color: #8B5CF6;
  font-size: 1.1rem;
}
.verificacion[data-v-8a918d99] {
  text-align: center;
  font-size: 0.9rem;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}

/* Ejemplo */
.ejemplo-section[data-v-8a918d99] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-8a918d99] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido p[data-v-8a918d99] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ecuaciones-box[data-v-8a918d99] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  margin: 0.75rem 0;
  flex-wrap: wrap;
}
.ecuacion[data-v-8a918d99] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ecuacion .label[data-v-8a918d99] {
  color: #C4B5FD;
}
.ecuacion .m[data-v-8a918d99] {
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.ecuacion .m.pos[data-v-8a918d99] {
  color: #6EE7B7;
  background: rgba(110, 231, 183, 0.2);
}
.ecuacion .m.neg[data-v-8a918d99] {
  color: #FCA5A5;
  background: rgba(252, 165, 165, 0.2);
}
.solucion[data-v-8a918d99] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(147, 197, 253, 0.15);
  border-radius: 0.5rem;
}
.sol-paso[data-v-8a918d99] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sol-resultado[data-v-8a918d99] {
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Fórmula derivada */
.formula-derivada[data-v-8a918d99] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.fd-icono[data-v-8a918d99] {
  font-size: 1.25rem;
}
.fd-contenido[data-v-8a918d99] {
  flex: 1;
}
.fd-titulo[data-v-8a918d99] {
  font-size: 0.8rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.fd-formula[data-v-8a918d99] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fraccion[data-v-8a918d99] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin-left: 0.1rem;
}
.num[data-v-8a918d99], .den[data-v-8a918d99] {
  font-size: 0.85em;
  padding: 0 0.2rem;
}
.num[data-v-8a918d99] {
  border-bottom: 2px solid #C4B5FD;
}

/* Tip */
.tip[data-v-8a918d99] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8a918d99] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8a918d99] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a918d99] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-perpendiculares[data-v-8a918d99] {
    max-width: 360px;
}
.formula-math[data-v-8a918d99] {
    font-size: 1.3rem;
}
.ecuaciones-box[data-v-8a918d99] {
    gap: 2rem;
}
.ecuacion[data-v-8a918d99] {
    font-size: 1.2rem;
}
.solucion[data-v-8a918d99] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Visual container */
.visual-container[data-v-ef4712db] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.grafico-secantes[data-v-ef4712db] {
  width: 100%;
  max-width: 320px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}

/* Texto */
strong[data-v-ef4712db] {
  color: #FFFFFF;
}
strong.secante[data-v-ef4712db] {
  color: #FCD34D;
}

/* Fórmula principal */
.formula-principal[data-v-ef4712db] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(252, 211, 77, 0.15);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-ef4712db] {
  font-size: 2rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-contenido[data-v-ef4712db] {
  flex: 1;
}
.formula-titulo[data-v-ef4712db] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-math[data-v-ef4712db] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.formula-math .highlight[data-v-ef4712db] {
  color: #6EE7B7;
  background: rgba(110, 231, 183, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

/* Método section */
.metodo-section[data-v-ef4712db] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.metodo-titulo[data-v-ef4712db] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.metodo-pasos[data-v-ef4712db] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.metodo-paso[data-v-ef4712db] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-ef4712db] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-ef4712db] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo */
.ejemplo-section[data-v-ef4712db] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-ef4712db] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido p[data-v-ef4712db] {
  color: #E9D5FF;
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}
.ecuaciones-box[data-v-ef4712db] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  margin: 0.75rem 0;
  flex-wrap: wrap;
}
.ecuacion[data-v-ef4712db] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ecuacion .label[data-v-ef4712db] {
  color: #C4B5FD;
}
.solucion-pasos[data-v-ef4712db] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 1rem 0;
}
.sol-paso[data-v-ef4712db] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sol-paso .num[data-v-ef4712db] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.sol-paso .texto[data-v-ef4712db] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sol-paso .texto strong[data-v-ef4712db] {
  color: #FCD34D;
}
.resultado-final[data-v-ef4712db] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 1rem;
}
.resultado-final .punto[data-v-ef4712db] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Nota */
.nota[data-v-ef4712db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.nota-icono[data-v-ef4712db] {
  font-size: 1.25rem;
}
.nota-texto[data-v-ef4712db] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-ef4712db] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-ef4712db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ef4712db] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ef4712db] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef4712db] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.grafico-secantes[data-v-ef4712db] {
    max-width: 360px;
}
.formula-math[data-v-ef4712db] {
    font-size: 1.3rem;
}
.ecuaciones-box[data-v-ef4712db] {
    gap: 2rem;
}
.ecuacion[data-v-ef4712db] {
    font-size: 1.1rem;
}
}

.explorador[data-v-2eadff89] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2eadff89] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2eadff89] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2eadff89] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-2eadff89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2eadff89] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2eadff89] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2eadff89] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2eadff89] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2eadff89] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar posición ===== */
.identificar-container[data-v-2eadff89] {
  text-align: center;
}
.ecuaciones-mostrar[data-v-2eadff89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-item[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.ec-label[data-v-2eadff89] {
  font-weight: 600;
  color: #C4B5FD;
}
.ec-formula[data-v-2eadff89] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pendientes-hint[data-v-2eadff89] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #FCD34D;
}
.opciones-posicion[data-v-2eadff89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-btn[data-v-2eadff89]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-2eadff89] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-2eadff89] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-2eadff89] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-icono[data-v-2eadff89] {
  font-size: 1.25rem;
  font-weight: 700;
}

/* ===== DESAFÍO 2: Pendiente perpendicular ===== */
.perpendicular-container[data-v-2eadff89] {
  text-align: center;
}
.pregunta-perp p[data-v-2eadff89] {
  color: #E9D5FF;
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.pregunta-perp strong[data-v-2eadff89] {
  color: #93C5FD;
}
.pendiente-dada[data-v-2eadff89] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.75rem 0;
}
.pendiente-dada strong.positivo[data-v-2eadff89] {
  color: #6EE7B7;
}
.pendiente-dada strong.negativo[data-v-2eadff89] {
  color: #FCA5A5;
}
.input-perpendicular[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-perpendicular label[data-v-2eadff89] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-con-signo[data-v-2eadff89] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-2eadff89] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.btn-signo.negativo[data-v-2eadff89] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-con-signo input[data-v-2eadff89] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-con-signo input.correcto[data-v-2eadff89] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-con-signo input.incorrecto[data-v-2eadff89] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-2eadff89] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.ayuda-formula[data-v-2eadff89] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-2eadff89] {
  text-align: center;
}
.simulador-grafico[data-v-2eadff89] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.grafico-sim[data-v-2eadff89] {
  width: 100%;
  max-width: 280px;
  height: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.controles-sim[data-v-2eadff89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.control-grupo[data-v-2eadff89] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.control-grupo label[data-v-2eadff89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 70px;
  text-align: right;
}
.control-fijo[data-v-2eadff89] {
  font-size: 0.75rem;
  color: #8B5CF6;
}
.slider[data-v-2eadff89] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-2eadff89]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-2eadff89] {
  font-size: 1rem;
  font-weight: 700;
  min-width: 35px;
  text-align: left;
  color: #FFFFFF;
}
.control-valor.positivo[data-v-2eadff89] { color: #6EE7B7;
}
.control-valor.negativo[data-v-2eadff89] { color: #FCA5A5;
}
.posicion-actual[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.pos-label[data-v-2eadff89] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.pos-valor[data-v-2eadff89] {
  font-weight: 700;
  font-size: 1rem;
}
.pos-valor.paralela[data-v-2eadff89] { color: #6EE7B7;
}
.pos-valor.perpendicular[data-v-2eadff89] { color: #93C5FD;
}
.pos-valor.secante[data-v-2eadff89] { color: #FCD34D;
}
.sim-desafio[data-v-2eadff89] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo[data-v-2eadff89] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.sim-objetivo strong[data-v-2eadff89] {
  color: #FCD34D;
}
.btn-verificar[data-v-2eadff89] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback-error[data-v-2eadff89] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.resultado-correcto[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2eadff89] { font-size: 1.25rem;
}
.resultado-texto[data-v-2eadff89] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-2eadff89] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-2eadff89] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-2eadff89] { flex: 1;
}
.nav-btn[data-v-2eadff89] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2eadff89] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2eadff89] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2eadff89] { font-size: 1.75rem;
}
.completado-texto[data-v-2eadff89] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2eadff89], .slide-leave-active[data-v-2eadff89] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2eadff89] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2eadff89] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-posicion[data-v-2eadff89] {
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
}
.opcion-btn[data-v-2eadff89] {
    flex: 1;
    max-width: 140px;
}
}

/* Header */
.resumen-header[data-v-03a588b7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-03a588b7] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-03a588b7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla resumen */
.tabla-resumen[data-v-03a588b7] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  margin: 1.5rem 0;
}
.tabla-header[data-v-03a588b7] {
  display: flex;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.85rem;
}
.col-tipo[data-v-03a588b7] {
  flex: 1;
  color: #C4B5FD;
}
.col-condicion[data-v-03a588b7] {
  flex: 1;
  text-align: center;
  color: #C4B5FD;
}
.tabla-row[data-v-03a588b7] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row .col-tipo[data-v-03a588b7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #FFFFFF;
}
.tipo-icono[data-v-03a588b7] {
  font-size: 1.25rem;
  font-weight: 700;
}
.tipo-nombre[data-v-03a588b7] {
  font-size: 0.9rem;
  font-weight: 600;
}
.tabla-row.paralela .tipo-icono[data-v-03a588b7] { color: #6EE7B7;
}
.tabla-row.perpendicular .tipo-icono[data-v-03a588b7] { color: #93C5FD;
}
.tabla-row.secante .tipo-icono[data-v-03a588b7] { color: #FCD34D;
}
.formula[data-v-03a588b7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Fórmula clave */
.formula-clave[data-v-03a588b7] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(147, 197, 253, 0.15);
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.fc-icono[data-v-03a588b7] {
  font-size: 1.5rem;
}
.fc-contenido[data-v-03a588b7] {
  flex: 1;
}
.fc-titulo[data-v-03a588b7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.fc-formula[data-v-03a588b7] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tips PAES */
.tips-section[data-v-03a588b7] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-03a588b7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-03a588b7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-03a588b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.tip-num[data-v-03a588b7] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-03a588b7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-03a588b7] {
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-03a588b7] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.er-titulo[data-v-03a588b7] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.er-contenido[data-v-03a588b7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.er-paso[data-v-03a588b7] {
  font-size: 1rem;
  color: #FFFFFF;
}
.er-forma[data-v-03a588b7] {
  font-weight: 600;
}
.er-flecha[data-v-03a588b7] {
  color: #8B5CF6;
  font-size: 1.1rem;
}
.er-resultado[data-v-03a588b7] {
  margin-top: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.er-resultado strong[data-v-03a588b7] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-03a588b7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mf-icono[data-v-03a588b7] {
  font-size: 1.5rem;
}
.mf-contenido[data-v-03a588b7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.mf-contenido strong[data-v-03a588b7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-03a588b7],
  .tabla-row[data-v-03a588b7] {
    padding: 1rem;
}
.tipo-nombre[data-v-03a588b7] {
    font-size: 1rem;
}
.formula[data-v-03a588b7] {
    font-size: 1.1rem;
}
.tips-lista[data-v-03a588b7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-3eb59bb1] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.cuerpo-3d[data-v-3eb59bb1] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svg-cuerpo[data-v-3eb59bb1] {
  width: 80px;
  height: 80px;
}
.cuerpo-nombre[data-v-3eb59bb1] {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.cuerpo-3d.prisma .cuerpo-nombre[data-v-3eb59bb1] {
  color: #C4B5FD;
}
.cuerpo-3d.cilindro .cuerpo-nombre[data-v-3eb59bb1] {
  color: #6EE7B7;
}

/* Elementos comunes */
.elementos-section[data-v-3eb59bb1] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-3eb59bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-3eb59bb1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.elemento-item[data-v-3eb59bb1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.elemento-icono[data-v-3eb59bb1] {
  font-size: 1.25rem;
}
.elemento-info[data-v-3eb59bb1] {
  display: flex;
  flex-direction: column;
}
.elemento-nombre[data-v-3eb59bb1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.elemento-desc[data-v-3eb59bb1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Diferencia */
.diferencia-section[data-v-3eb59bb1] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-3eb59bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-3eb59bb1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.diferencia-card[data-v-3eb59bb1] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.diferencia-card.prisma[data-v-3eb59bb1] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.diferencia-card.cilindro[data-v-3eb59bb1] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.dif-header[data-v-3eb59bb1] {
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}
.diferencia-card.prisma .dif-header[data-v-3eb59bb1] { color: #C4B5FD;
}
.diferencia-card.cilindro .dif-header[data-v-3eb59bb1] { color: #6EE7B7;
}
.dif-contenido p[data-v-3eb59bb1] {
  margin: 0;
  font-size: 0.85rem;
  text-align: center;
  color: #E9D5FF;
}
.dif-ejemplo[data-v-3eb59bb1] {
  font-size: 0.75rem !important;
  color: #A78BFA !important;
  margin-top: 0.25rem !important;
}

/* Ejemplos */
.ejemplos-section[data-v-3eb59bb1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-3eb59bb1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-3eb59bb1] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-3eb59bb1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-3eb59bb1] {
  font-size: 1.5rem;
}
.ej-texto[data-v-3eb59bb1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-3eb59bb1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3eb59bb1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3eb59bb1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3eb59bb1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3eb59bb1] {
    gap: 3rem;
}
.svg-cuerpo[data-v-3eb59bb1] {
    width: 100px;
    height: 100px;
}
.cuerpo-nombre[data-v-3eb59bb1] {
    font-size: 1rem;
}
.diferencia-card[data-v-3eb59bb1] {
    padding: 1rem;
}
.ejemplos-grid[data-v-3eb59bb1] {
    gap: 0.75rem;
}
.ejemplo[data-v-3eb59bb1] {
    padding: 0.75rem;
}
.ej-icono[data-v-3eb59bb1] {
    font-size: 1.75rem;
}
.ej-texto[data-v-3eb59bb1] {
    font-size: 0.8rem;
}
}

/* Diagrama */
.diagrama-section[data-v-55a87fce] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-prisma[data-v-55a87fce] {
  width: 100%;
  max-width: 250px;
  height: auto;
}

/* Fórmulas */
.formulas-section[data-v-55a87fce] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-55a87fce] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.formula-card.volumen[data-v-55a87fce] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-card.area-lateral[data-v-55a87fce] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.formula-card.area-total[data-v-55a87fce] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-header[data-v-55a87fce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-55a87fce] {
  font-size: 1.1rem;
}
.formula-titulo[data-v-55a87fce] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.formula-contenido[data-v-55a87fce] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-eq[data-v-55a87fce] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.volumen .formula-eq[data-v-55a87fce] { color: #FCD34D;
}
.area-lateral .formula-eq[data-v-55a87fce] { color: #C4B5FD;
}
.area-total .formula-eq[data-v-55a87fce] { color: #6EE7B7;
}
.formula-desc[data-v-55a87fce] {
  font-size: 0.8rem;
  color: #A78BFA;
}

/* Ejemplo */
.ejemplo-section[data-v-55a87fce] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-55a87fce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-55a87fce] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.dato[data-v-55a87fce] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-calculos[data-v-55a87fce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo[data-v-55a87fce] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.calc-label[data-v-55a87fce] {
  color: #C4B5FD;
  min-width: 90px;
}
.calc-valor[data-v-55a87fce] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.calculo.resultado[data-v-55a87fce] {
  padding-top: 0.25rem;
}
.destacado[data-v-55a87fce] {
  color: #FCD34D;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-55a87fce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-55a87fce] {
  font-size: 1.25rem;
}
.tip-texto[data-v-55a87fce] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-55a87fce] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.svg-prisma[data-v-55a87fce] {
    max-width: 300px;
}
.formulas-section[data-v-55a87fce] {
    flex-direction: row;
}
.formula-card[data-v-55a87fce] {
    flex: 1;
    padding: 1rem;
}
.ejemplo-section[data-v-55a87fce] {
    padding: 1.25rem;
}
.calc-label[data-v-55a87fce] {
    min-width: 110px;
}
}

/* Diagrama */
.diagrama-section[data-v-7a7c5393] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-cilindro[data-v-7a7c5393] {
  width: 100%;
  max-width: 220px;
  height: auto;
}

/* Fórmulas */
.formulas-section[data-v-7a7c5393] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-7a7c5393] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.formula-card.volumen[data-v-7a7c5393] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-card.area-lateral[data-v-7a7c5393] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.formula-card.area-total[data-v-7a7c5393] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula-header[data-v-7a7c5393] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-7a7c5393] {
  font-size: 1.1rem;
}
.formula-titulo[data-v-7a7c5393] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.formula-contenido[data-v-7a7c5393] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.formula-eq[data-v-7a7c5393] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.volumen .formula-eq[data-v-7a7c5393] { color: #FCD34D;
}
.area-lateral .formula-eq[data-v-7a7c5393] { color: #C4B5FD;
}
.area-total .formula-eq[data-v-7a7c5393] { color: #6EE7B7;
}
.formula-desc[data-v-7a7c5393] {
  font-size: 0.8rem;
  color: #A78BFA;
}

/* Desarrollo */
.desarrollo-section[data-v-7a7c5393] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.desarrollo-titulo[data-v-7a7c5393] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.svg-desarrollo[data-v-7a7c5393] {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.desarrollo-nota[data-v-7a7c5393] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0.75rem 0 0;
}

/* Ejemplo */
.ejemplo-section[data-v-7a7c5393] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-7a7c5393] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-datos[data-v-7a7c5393] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(16, 185, 129, 0.3);
}
.dato[data-v-7a7c5393] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-calculos[data-v-7a7c5393] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo[data-v-7a7c5393] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.calc-label[data-v-7a7c5393] {
  color: #6EE7B7;
  font-weight: 600;
}
.calc-valor[data-v-7a7c5393] {
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.destacado[data-v-7a7c5393] {
  color: #FCD34D;
  font-size: 0.95rem;
}

/* Tip */
.tip[data-v-7a7c5393] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7a7c5393] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7a7c5393] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7a7c5393] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.svg-cilindro[data-v-7a7c5393] {
    max-width: 260px;
}
.formulas-section[data-v-7a7c5393] {
    flex-direction: row;
}
.formula-card[data-v-7a7c5393] {
    flex: 1;
    padding: 1rem;
}
.svg-desarrollo[data-v-7a7c5393] {
    max-width: 350px;
}
.ejemplo-section[data-v-7a7c5393] {
    padding: 1.25rem;
}
.calculo[data-v-7a7c5393] {
    flex-direction: row;
    gap: 0.5rem;
}
.calc-label[data-v-7a7c5393] {
    min-width: 110px;
}
}

.explorador[data-v-a8c1b55b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a8c1b55b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a8c1b55b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a8c1b55b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a8c1b55b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a8c1b55b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a8c1b55b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a8c1b55b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a8c1b55b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a8c1b55b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-a8c1b55b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-problema[data-v-a8c1b55b] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.problema-pregunta[data-v-a8c1b55b] {
  text-align: center;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-a8c1b55b] {
  display: block;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-hint[data-v-a8c1b55b] {
  font-size: 0.8rem;
  color: #A78BFA;
  font-family: 'Courier New', monospace;
}

/* Input respuesta */
.input-respuesta[data-v-a8c1b55b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-numero[data-v-a8c1b55b] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero[data-v-a8c1b55b]:focus {
  outline: none;
  border-color: #A78BFA;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.input-numero.correcto[data-v-a8c1b55b] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-a8c1b55b] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-a8c1b55b] {
  color: #C4B5FD;
  font-size: 1rem;
  font-weight: 600;
}
.btn-verificar[data-v-a8c1b55b] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-a8c1b55b]:hover:not(:disabled) {
  background: #059669;
}
.btn-verificar[data-v-a8c1b55b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-a8c1b55b] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.feedback.error[data-v-a8c1b55b] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-a8c1b55b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a8c1b55b] { font-size: 1.25rem;
}
.resultado-texto[data-v-a8c1b55b] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-a8c1b55b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a8c1b55b] { flex: 1;
}
.nav-btn[data-v-a8c1b55b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a8c1b55b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a8c1b55b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a8c1b55b] { font-size: 1.75rem;
}
.completado-texto[data-v-a8c1b55b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a8c1b55b], .slide-leave-active[data-v-a8c1b55b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a8c1b55b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a8c1b55b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.desafio-container[data-v-a8c1b55b] {
    padding: 1.5rem;
}
.svg-problema[data-v-a8c1b55b] {
    max-width: 220px;
}
.input-numero[data-v-a8c1b55b] {
    width: 100px;
    font-size: 1.4rem;
}
}

/* Intro */
.resumen-intro[data-v-ed781080] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-ed781080] {
  font-size: 2rem;
}
.resumen-intro p[data-v-ed781080] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-ed781080] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-ed781080] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-ed781080] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.prisma[data-v-ed781080] {
  border-color: rgba(139, 92, 246, 0.4);
}
.resumen-card.cilindro[data-v-ed781080] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.variables[data-v-ed781080] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.unidades[data-v-ed781080] {
  border-color: rgba(147, 197, 253, 0.4);
}
.resumen-card.wide[data-v-ed781080] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-ed781080] {
    grid-column: span 1;
}
}
.card-header[data-v-ed781080] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-ed781080] {
  font-size: 1.25rem;
}
.card-titulo[data-v-ed781080] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmulas dentro de cards */
.formula-item[data-v-ed781080] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.formula-item[data-v-ed781080]:last-child {
  border-bottom: none;
}
.formula-label[data-v-ed781080] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-valor[data-v-ed781080] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.9rem;
}
.prisma .formula-valor[data-v-ed781080] { color: #C4B5FD;
}
.cilindro .formula-valor[data-v-ed781080] { color: #6EE7B7;
}

/* Variables grid */
.variables-grid[data-v-ed781080] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.variables-grid[data-v-ed781080] {
    grid-template-columns: repeat(4, 1fr);
}
}
.variable-item[data-v-ed781080] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.var-simbolo[data-v-ed781080] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.var-nombre[data-v-ed781080] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Unidades */
.unidades-grid[data-v-ed781080] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.unidad-item[data-v-ed781080] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.unidad-item.volumen[data-v-ed781080] {
  background: rgba(245, 158, 11, 0.15);
}
.unidad-item.area[data-v-ed781080] {
  background: rgba(147, 197, 253, 0.15);
}
.unidad-tipo[data-v-ed781080] {
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.volumen .unidad-tipo[data-v-ed781080] { color: #FCD34D;
}
.area .unidad-tipo[data-v-ed781080] { color: #93C5FD;
}
.unidad-ejemplo[data-v-ed781080] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.unidad-nota[data-v-ed781080] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-ed781080] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-ed781080] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-ed781080] {
  font-size: 1.1rem;
}
.tip-text[data-v-ed781080] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-ed781080] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-ed781080] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-ed781080] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-ed781080 1s ease-in-out infinite;
}
@keyframes bounce-ed781080 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-ed781080] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-ed781080] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-card[data-v-ed781080] {
    padding: 1rem;
}
.formula-valor[data-v-ed781080] {
    font-size: 1rem;
}
.tip-text[data-v-ed781080] {
    font-size: 0.9rem;
}
}

/* Intro visual */
.intro-visual[data-v-175191a4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.cuerpo-3d[data-v-175191a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.svg-cuerpo[data-v-175191a4] {
  width: 60px;
  height: 60px;
}
.plus-sign[data-v-175191a4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Tipos de problemas */
.tipos-section[data-v-175191a4] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-175191a4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-175191a4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.tipo-item[data-v-175191a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-175191a4] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.tipo-info[data-v-175191a4] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-175191a4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.tipo-desc[data-v-175191a4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-section[data-v-175191a4] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-175191a4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-175191a4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-mini[data-v-175191a4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.fm-cuerpo[data-v-175191a4] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.fm-formula[data-v-175191a4] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.95rem;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-175191a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-175191a4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-175191a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-175191a4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-175191a4] {
    gap: 1rem;
}
.svg-cuerpo[data-v-175191a4] {
    width: 80px;
    height: 80px;
}
.plus-sign[data-v-175191a4] {
    font-size: 2rem;
}
.tipos-grid[data-v-175191a4] {
    gap: 0.75rem;
}
.tipo-item[data-v-175191a4] {
    padding: 0.75rem;
}
.tipo-nombre[data-v-175191a4] {
    font-size: 0.85rem;
}
.tipo-desc[data-v-175191a4] {
    font-size: 0.75rem;
}
.formulas-grid[data-v-175191a4] {
    flex-direction: row;
}
.formula-mini[data-v-175191a4] {
    flex: 1;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
}

/* Pasos estratégicos */
.pasos-section[data-v-95a3516a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.paso-estrategia[data-v-95a3516a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-numero[data-v-95a3516a] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
  color: white;
}
.paso-contenido[data-v-95a3516a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-titulo[data-v-95a3516a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-desc[data-v-95a3516a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-95a3516a] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-95a3516a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-visual[data-v-95a3516a] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.svg-capsula[data-v-95a3516a] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.ejemplo-pasos[data-v-95a3516a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ep-item[data-v-95a3516a] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ep-num[data-v-95a3516a] {
  color: #A78BFA;
  font-weight: 600;
  min-width: 20px;
}
.ep-item.resultado[data-v-95a3516a] {
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.ep-item.resultado strong[data-v-95a3516a] {
  color: #FCD34D;
}

/* Advertencia */
.advertencia[data-v-95a3516a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.adv-icono[data-v-95a3516a] {
  font-size: 1.25rem;
}
.adv-texto[data-v-95a3516a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-95a3516a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.paso-estrategia[data-v-95a3516a] {
    padding: 1rem;
}
.paso-numero[data-v-95a3516a] {
    width: 36px;
    height: 36px;
    min-width: 36px;
}
.svg-capsula[data-v-95a3516a] {
    max-width: 240px;
}
.ejemplo-section[data-v-95a3516a] {
    padding: 1.25rem;
}
}

/* Operaciones */
.operaciones-section[data-v-434de31d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.operacion[data-v-434de31d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.op-icono[data-v-434de31d] {
  font-size: 1.5rem;
}
.op-info[data-v-434de31d] {
  display: flex;
  flex-direction: column;
}
.op-nombre[data-v-434de31d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.op-desc[data-v-434de31d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplo-section[data-v-434de31d] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  padding: 0.75rem;
  border: 2px solid;
}
.ejemplo-section.suma[data-v-434de31d] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.ejemplo-section.resta[data-v-434de31d] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.ejemplo-header[data-v-434de31d] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.ejemplo-tipo[data-v-434de31d] {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.suma .ejemplo-tipo[data-v-434de31d] { color: #6EE7B7;
}
.resta .ejemplo-tipo[data-v-434de31d] { color: #FCA5A5;
}
.ejemplo-titulo[data-v-434de31d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-visual[data-v-434de31d] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.svg-ejemplo[data-v-434de31d] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.calculo[data-v-434de31d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.calc-linea[data-v-434de31d] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  font-family: 'Courier New', monospace;
}
.calc-desc[data-v-434de31d] {
  color: #C4B5FD;
}
.calc-valor[data-v-434de31d] {
  color: #E9D5FF;
}
.calc-linea.resultado[data-v-434de31d] {
  padding-top: 0.4rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.destacado[data-v-434de31d] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tip */
.tip[data-v-434de31d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-434de31d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-434de31d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-434de31d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.operaciones-section[data-v-434de31d] {
    flex-direction: row;
}
.operacion[data-v-434de31d] {
    flex: 1;
}
.ejemplo-section[data-v-434de31d] {
    padding: 1rem;
}
.ejemplo-header[data-v-434de31d] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.svg-ejemplo[data-v-434de31d] {
    max-width: 240px;
}
}

/* Tipos de optimización */
.tipos-opt[data-v-c90883a5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.tipo-opt[data-v-c90883a5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-opt.maximizar[data-v-c90883a5] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-opt.minimizar[data-v-c90883a5] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.to-icono[data-v-c90883a5] {
  font-size: 1.5rem;
}
.to-info[data-v-c90883a5] {
  display: flex;
  flex-direction: column;
}
.to-titulo[data-v-c90883a5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.to-ejemplo[data-v-c90883a5] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Concepto */
.concepto-section[data-v-c90883a5] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.concepto-titulo[data-v-c90883a5] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.concepto-contenido p[data-v-c90883a5] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-contenido p[data-v-c90883a5]:last-child {
  margin-bottom: 0;
}
.concepto-contenido strong[data-v-c90883a5] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-c90883a5] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-c90883a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-c90883a5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.ejemplo-visual[data-v-c90883a5] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.svg-lata[data-v-c90883a5] {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.ejemplo-solucion[data-v-c90883a5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-titulo[data-v-c90883a5] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.sol-formula[data-v-c90883a5] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.sf-label[data-v-c90883a5] {
  color: #C4B5FD;
}
.sf-valor[data-v-c90883a5] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FCD34D;
}
.sol-nota[data-v-c90883a5] {
  font-size: 0.8rem;
  color: #A78BFA;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Escala */
.escala-section[data-v-c90883a5] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.escala-titulo[data-v-c90883a5] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.escala-contenido p[data-v-c90883a5] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.escala-grid[data-v-c90883a5] {
  display: flex;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.escala-item[data-v-c90883a5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.escala-item.destacado[data-v-c90883a5] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.ei-tipo[data-v-c90883a5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ei-factor[data-v-c90883a5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.escala-item.destacado .ei-factor[data-v-c90883a5] {
  color: #FCD34D;
}
.escala-ejemplo[data-v-c90883a5] {
  font-size: 0.85rem !important;
  margin-top: 0.5rem !important;
}
.escala-ejemplo strong[data-v-c90883a5] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-c90883a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c90883a5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c90883a5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c90883a5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-opt[data-v-c90883a5] {
    flex-direction: row;
}
.tipo-opt[data-v-c90883a5] {
    flex: 1;
}
.svg-lata[data-v-c90883a5] {
    max-width: 240px;
}
.ejemplo-section[data-v-c90883a5] {
    padding: 1.25rem;
}
.escala-grid[data-v-c90883a5] {
    gap: 0.75rem;
}
.escala-item[data-v-c90883a5] {
    padding: 0.75rem;
}
}

.explorador[data-v-c987f431] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c987f431] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c987f431] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c987f431] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c987f431] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c987f431] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c987f431] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c987f431] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c987f431] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c987f431] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema visual */
.problema-visual[data-v-c987f431] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-problema[data-v-c987f431] {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.problema-pregunta[data-v-c987f431] {
  text-align: center;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-c987f431] {
  display: block;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.formula-hint[data-v-c987f431] {
  font-size: 0.8rem;
  color: #A78BFA;
  font-family: 'Courier New', monospace;
}

/* Input respuesta */
.input-respuesta[data-v-c987f431] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.input-numero[data-v-c987f431] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero[data-v-c987f431]:focus {
  outline: none;
  border-color: #A78BFA;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.input-numero.correcto[data-v-c987f431] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-c987f431] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-c987f431] {
  color: #C4B5FD;
  font-size: 1rem;
  font-weight: 600;
}
.btn-verificar[data-v-c987f431] {
  padding: 0.6rem 0.8rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-verificar[data-v-c987f431]:hover:not(:disabled) {
  background: #059669;
}
.btn-verificar[data-v-c987f431]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-c987f431] {
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin: 0.5rem 0;
}
.feedback.error[data-v-c987f431] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-c987f431] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c987f431] { font-size: 1.25rem;
}
.resultado-texto[data-v-c987f431] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-c987f431] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c987f431] { flex: 1;
}
.nav-btn[data-v-c987f431] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c987f431] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c987f431] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c987f431] { font-size: 1.75rem;
}
.completado-texto[data-v-c987f431] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c987f431], .slide-leave-active[data-v-c987f431] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c987f431] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c987f431] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.desafio-container[data-v-c987f431] {
    padding: 1.5rem;
}
.svg-problema[data-v-c987f431] {
    max-width: 220px;
}
.input-numero[data-v-c987f431] {
    width: 100px;
    font-size: 1.4rem;
}
.pregunta-texto[data-v-c987f431] {
    font-size: 1rem;
}
}

/* Resumen header */
.resumen-header[data-v-d131f010] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-d131f010] {
  font-size: 2rem;
}
.resumen-texto[data-v-d131f010] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-section[data-v-d131f010] {
  margin-bottom: 1.5rem;
}
.puntos-titulo[data-v-d131f010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-lista[data-v-d131f010] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-d131f010] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.punto-check[data-v-d131f010] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.punto-texto[data-v-d131f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-texto strong[data-v-d131f010] {
  color: #FCD34D;
}

/* Fórmulas */
.formulas-section[data-v-d131f010] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-d131f010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-d131f010] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-d131f010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-card.escala[data-v-d131f010] {
  grid-column: span 2;
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.3);
}
.fc-nombre[data-v-d131f010] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.fc-formula[data-v-d131f010] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.95rem;
  color: #FCD34D;
}

/* Estrategia */
.estrategia-section[data-v-d131f010] {
  margin-bottom: 1.5rem;
}
.estrategia-titulo[data-v-d131f010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estrategia-pasos[data-v-d131f010] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ep-paso[data-v-d131f010] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.4rem 0.4rem 0;
}
.ep-num[data-v-d131f010] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.ep-texto[data-v-d131f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Errores comunes */
.errores-section[data-v-d131f010] {
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-d131f010] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-d131f010] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-d131f010] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.4rem;
}
.error-icono[data-v-d131f010] {
  font-size: 0.9rem;
  flex-shrink: 0;
}
.error-texto[data-v-d131f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.error-texto strong[data-v-d131f010] {
  color: #FCA5A5;
}

/* Tip final */
.tip-final[data-v-d131f010] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-icono[data-v-d131f010] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.tip-contenido[data-v-d131f010] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo[data-v-d131f010] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-texto[data-v-d131f010] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-d131f010] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-header[data-v-d131f010] {
    padding: 1.25rem;
}
.resumen-icono[data-v-d131f010] {
    font-size: 2.5rem;
}
.resumen-texto[data-v-d131f010] {
    font-size: 1.25rem;
}
.formulas-grid[data-v-d131f010] {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}
.formula-card[data-v-d131f010] {
    padding: 0.75rem;
}
.formula-card.escala[data-v-d131f010] {
    grid-column: span 4;
}
.estrategia-pasos[data-v-d131f010] {
    flex-direction: row;
    flex-wrap: wrap;
}
.ep-paso[data-v-d131f010] {
    flex: 1;
    min-width: 45%;
}
.errores-lista[data-v-d131f010] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-f543021c] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.triangulo-intro[data-v-f543021c] {
  width: 100%;
  max-width: 280px;
}
.svg-triangulo[data-v-f543021c] {
  width: 100%;
  height: auto;
}

/* Partes del triángulo */
.partes-section[data-v-f543021c] {
  margin: 1.5rem 0;
}
.partes-titulo[data-v-f543021c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.partes-grid[data-v-f543021c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parte-item[data-v-f543021c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.parte-color[data-v-f543021c] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
}
.parte-color.hipotenusa[data-v-f543021c] { background: #93C5FD;
}
.parte-color.opuesto[data-v-f543021c] { background: #FCA5A5;
}
.parte-color.adyacente[data-v-f543021c] { background: #6EE7B7;
}
.parte-info[data-v-f543021c] {
  display: flex;
  flex-direction: column;
}
.parte-nombre[data-v-f543021c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.parte-desc[data-v-f543021c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Razones preview */
.razones-preview[data-v-f543021c] {
  margin: 1.5rem 0;
}
.razones-titulo[data-v-f543021c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razones-cards[data-v-f543021c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.razon-card[data-v-f543021c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.razon-card.seno[data-v-f543021c] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.razon-card.coseno[data-v-f543021c] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.razon-card.tangente[data-v-f543021c] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.razon-nombre[data-v-f543021c] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.razon-abrev[data-v-f543021c] {
  font-size: 1rem;
  font-weight: 700;
}
.seno .razon-abrev[data-v-f543021c] { color: #FCA5A5;
}
.coseno .razon-abrev[data-v-f543021c] { color: #6EE7B7;
}
.tangente .razon-abrev[data-v-f543021c] { color: #FCD34D;
}

/* Tip */
.tip[data-v-f543021c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-f543021c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f543021c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f543021c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-intro[data-v-f543021c] {
    max-width: 350px;
}
.parte-item[data-v-f543021c] {
    padding: 0.75rem 1rem;
}
.razones-cards[data-v-f543021c] {
    gap: 0.75rem;
}
.razon-card[data-v-f543021c] {
    padding: 1rem 0.75rem;
}
.razon-nombre[data-v-f543021c] {
    font-size: 0.85rem;
}
.razon-abrev[data-v-f543021c] {
    font-size: 1.2rem;
}
}

/* Fórmula hero */
.formula-hero[data-v-13a6e7e5] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-13a6e7e5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-box.seno[data-v-13a6e7e5] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.5);
}
.formula-nombre[data-v-13a6e7e5] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FCA5A5;
}
.formula-igual[data-v-13a6e7e5] {
  font-size: 1.3rem;
  color: #C4B5FD;
}
.formula-fraccion[data-v-13a6e7e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-13a6e7e5], .denominador[data-v-13a6e7e5] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem;
}
.numerador[data-v-13a6e7e5] {
  color: #FCA5A5;
}
.denominador[data-v-13a6e7e5] {
  color: #93C5FD;
}
.linea[data-v-13a6e7e5] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Triángulo */
.triangulo-section[data-v-13a6e7e5] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.svg-triangulo[data-v-13a6e7e5] {
  width: 100%;
  max-width: 260px;
  height: auto;
}

/* Ejemplo cálculo */
.ejemplo-calculo[data-v-13a6e7e5] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-13a6e7e5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-13a6e7e5] {
  text-align: center;
}
.calculo-paso[data-v-13a6e7e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.2rem;
}
.calculo-formula[data-v-13a6e7e5] {
  color: #E9D5FF;
}
.calculo-fraccion[data-v-13a6e7e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-13a6e7e5], .den[data-v-13a6e7e5] {
  font-weight: 700;
  padding: 0.1rem 0.4rem;
}
.num.opuesto[data-v-13a6e7e5] { color: #FCA5A5;
}
.den.hipotenusa[data-v-13a6e7e5] { color: #93C5FD;
}
.linea-calc[data-v-13a6e7e5] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.calculo-resultado[data-v-13a6e7e5] {
  color: #FFFFFF;
}
.calculo-resultado strong[data-v-13a6e7e5] {
  color: #6EE7B7;
  font-size: 1.3rem;
}
.ejemplo-nota[data-v-13a6e7e5] {
  margin: 0.75rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Nemotécnico */
.nemotecnico[data-v-13a6e7e5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
}
.nemo-icono[data-v-13a6e7e5] {
  font-size: 1.5rem;
}
.nemo-contenido[data-v-13a6e7e5] {
  flex: 1;
}
.nemo-titulo[data-v-13a6e7e5] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.nemo-texto[data-v-13a6e7e5] {
  font-size: 1rem;
  color: #E9D5FF;
}
.seno-color[data-v-13a6e7e5] { color: #FCA5A5;
}
.opuesto-color[data-v-13a6e7e5] { color: #FCA5A5;
}
.hipotenusa-color[data-v-13a6e7e5] { color: #93C5FD;
}
.nemo-abrev[data-v-13a6e7e5] {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.15rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.25rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Valores notables */
.valores-section[data-v-13a6e7e5] {
  margin: 1.5rem 0;
}
.valores-titulo[data-v-13a6e7e5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.valores-tabla[data-v-13a6e7e5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.valor-item[data-v-13a6e7e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.valor-angulo[data-v-13a6e7e5] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.valor-resultado[data-v-13a6e7e5] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-13a6e7e5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-13a6e7e5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-13a6e7e5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-13a6e7e5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-13a6e7e5] {
    padding: 1.25rem 1.5rem;
    gap: 1rem;
}
.formula-nombre[data-v-13a6e7e5] {
    font-size: 1.5rem;
}
.numerador[data-v-13a6e7e5], .denominador[data-v-13a6e7e5] {
    font-size: 1rem;
}
.svg-triangulo[data-v-13a6e7e5] {
    max-width: 320px;
}
.valores-tabla[data-v-13a6e7e5] {
    gap: 0.75rem;
}
.valor-item[data-v-13a6e7e5] {
    padding: 0.75rem 0.5rem;
}
.valor-angulo[data-v-13a6e7e5] {
    font-size: 1rem;
}
.valor-resultado[data-v-13a6e7e5] {
    font-size: 0.85rem;
}
}

/* Formulas container */
.formulas-container[data-v-5f7428b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.formula-box[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.formula-box.coseno[data-v-5f7428b4] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.5);
}
.formula-box.tangente[data-v-5f7428b4] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.5);
}
.formula-header[data-v-5f7428b4] {
  margin-bottom: 0.5rem;
}
.formula-nombre[data-v-5f7428b4] {
  font-size: 1.1rem;
  font-weight: 800;
}
.coseno .formula-nombre[data-v-5f7428b4] { color: #6EE7B7;
}
.tangente .formula-nombre[data-v-5f7428b4] { color: #FCD34D;
}
.formula-body[data-v-5f7428b4] {
  margin-bottom: 0.5rem;
}
.formula-fraccion[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-5f7428b4], .denominador[data-v-5f7428b4] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.1rem 0.25rem;
}
.numerador.adyacente[data-v-5f7428b4], .denominador.adyacente[data-v-5f7428b4] { color: #6EE7B7;
}
.numerador.opuesto[data-v-5f7428b4] { color: #FCA5A5;
}
.denominador.hipotenusa[data-v-5f7428b4] { color: #93C5FD;
}
.linea[data-v-5f7428b4] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.formula-nemo[data-v-5f7428b4] {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.coseno .formula-nemo[data-v-5f7428b4] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tangente .formula-nemo[data-v-5f7428b4] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-5f7428b4] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-5f7428b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ejemplo-grid[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.triangulo-container[data-v-5f7428b4] {
  width: 100%;
  max-width: 200px;
}
.svg-triangulo[data-v-5f7428b4] {
  width: 100%;
  height: auto;
}
.calculos-container[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.calculo-item[data-v-5f7428b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.calculo-item.coseno[data-v-5f7428b4] {
  background: rgba(16, 185, 129, 0.1);
}
.calculo-item.tangente[data-v-5f7428b4] {
  background: rgba(245, 158, 11, 0.1);
}
.calc-label[data-v-5f7428b4] {
  font-weight: 600;
  font-size: 1rem;
}
.calculo-item.coseno .calc-label[data-v-5f7428b4] { color: #6EE7B7;
}
.calculo-item.tangente .calc-label[data-v-5f7428b4] { color: #FCD34D;
}
.calc-frac[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-5f7428b4], .den[data-v-5f7428b4] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.linea-calc[data-v-5f7428b4] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.calc-result[data-v-5f7428b4] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FFFFFF;
}

/* SOH CAH TOA */
.sohcahtoa[data-v-5f7428b4] {
  margin: 1.5rem 0;
}
.sohcahtoa-titulo[data-v-5f7428b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.sohcahtoa-grid[data-v-5f7428b4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sohcahtoa-item[data-v-5f7428b4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.sohcahtoa-item.seno[data-v-5f7428b4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sohcahtoa-item.coseno[data-v-5f7428b4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sohcahtoa-item.tangente[data-v-5f7428b4] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.item-abrev[data-v-5f7428b4] {
  font-weight: 800;
  font-size: 1rem;
  min-width: 40px;
}
.seno .item-abrev[data-v-5f7428b4] { color: #FCA5A5;
}
.coseno .item-abrev[data-v-5f7428b4] { color: #6EE7B7;
}
.tangente .item-abrev[data-v-5f7428b4] { color: #FCD34D;
}
.item-desc[data-v-5f7428b4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-desc strong[data-v-5f7428b4] {
  color: #FFFFFF;
}

/* Valores notables */
.valores-section[data-v-5f7428b4] {
  margin: 1.5rem 0;
}
.valores-titulo[data-v-5f7428b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.valores-doble[data-v-5f7428b4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.valores-grupo[data-v-5f7428b4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.grupo-header[data-v-5f7428b4] {
  padding: 0.4rem;
  text-align: center;
  font-weight: 700;
  font-size: 0.9rem;
}
.grupo-header.coseno-bg[data-v-5f7428b4] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.grupo-header.tangente-bg[data-v-5f7428b4] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.valores-lista[data-v-5f7428b4] {
  padding: 0.4rem;
}
.valor-row[data-v-5f7428b4] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.4rem;
  font-size: 0.75rem;
}
.valor-row span[data-v-5f7428b4]:first-child {
  color: #FCD34D;
  font-weight: 600;
}
.valor-row span[data-v-5f7428b4]:last-child {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5f7428b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5f7428b4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5f7428b4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5f7428b4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-container[data-v-5f7428b4] {
    gap: 1rem;
}
.formula-box[data-v-5f7428b4] {
    padding: 1rem 0.75rem;
}
.formula-nombre[data-v-5f7428b4] {
    font-size: 1.3rem;
}
.numerador[data-v-5f7428b4], .denominador[data-v-5f7428b4] {
    font-size: 0.85rem;
}
.ejemplo-grid[data-v-5f7428b4] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.triangulo-container[data-v-5f7428b4] {
    max-width: 220px;
}
.calculos-container[data-v-5f7428b4] {
    width: auto;
}
.sohcahtoa-grid[data-v-5f7428b4] {
    flex-direction: row;
    gap: 0.75rem;
}
.sohcahtoa-item[data-v-5f7428b4] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.item-abrev[data-v-5f7428b4] {
    font-size: 1.2rem;
}
.valores-doble[data-v-5f7428b4] {
    gap: 1rem;
}
.valor-row[data-v-5f7428b4] {
    font-size: 0.85rem;
}
}

.explorador[data-v-a37022ea] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a37022ea] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a37022ea] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a37022ea] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a37022ea] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a37022ea] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a37022ea] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a37022ea] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a37022ea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a37022ea] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* DESAFÍO 1 */
.identificar-container[data-v-a37022ea] {
  text-align: center;
}
.triangulo-interactivo[data-v-a37022ea] {
  margin: 0 auto 1rem;
  max-width: 220px;
}
.svg-triangulo[data-v-a37022ea] {
  width: 100%;
  height: auto;
}
.pregunta-razon[data-v-a37022ea] {
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-a37022ea] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.opciones-razon[data-v-a37022ea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  max-width: 280px;
  margin: 0 auto;
}
.opcion-btn[data-v-a37022ea] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-a37022ea]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.seleccionada[data-v-a37022ea] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.opcion-btn.correcta[data-v-a37022ea] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-a37022ea] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-container[data-v-a37022ea] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.feedback-container.correcto[data-v-a37022ea] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.contador[data-v-a37022ea] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* DESAFÍO 2 */
.calcular-container[data-v-a37022ea] {
  text-align: center;
}
.triangulo-datos[data-v-a37022ea] {
  margin: 0 auto 1rem;
  max-width: 180px;
}
.svg-triangulo-small[data-v-a37022ea] {
  width: 100%;
  height: auto;
}
.calculo-pregunta[data-v-a37022ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.razon-pedida[data-v-a37022ea] {
  font-size: 1.2rem;
  font-weight: 700;
}
.razon-pedida.seno[data-v-a37022ea] { color: #FCA5A5;
}
.razon-pedida.coseno[data-v-a37022ea] { color: #6EE7B7;
}
.razon-pedida.tangente[data-v-a37022ea] { color: #FCD34D;
}
.input-respuesta[data-v-a37022ea] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.correcto[data-v-a37022ea] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-a37022ea] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-a37022ea] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-a37022ea]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ayuda-formula[data-v-a37022ea] {
  margin-bottom: 0.75rem;
}
.formula-hint[data-v-a37022ea] {
  font-size: 0.8rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
}
.formula-hint.seno[data-v-a37022ea] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.formula-hint.coseno[data-v-a37022ea] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.formula-hint.tangente[data-v-a37022ea] {
  background: rgba(245, 158, 11, 0.1);
  color: #FCD34D;
}

/* DESAFÍO 3 */
.interactivo-container[data-v-a37022ea] {
  text-align: center;
}
.triangulo-dinamico[data-v-a37022ea] {
  margin: 0 auto 1rem;
  max-width: 280px;
}
.svg-grande[data-v-a37022ea] {
  width: 100%;
  height: auto;
}
.slider-container[data-v-a37022ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.slider-label[data-v-a37022ea] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.slider-angulo[data-v-a37022ea] {
  width: 120px;
  height: 8px;
  -webkit-appearance: none;
  background: linear-gradient(to right, #8B5CF6, #FCD34D);
  border-radius: 4px;
  outline: none;
}
.slider-angulo[data-v-a37022ea]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.angulo-valor[data-v-a37022ea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 45px;
}
.valores-dinamicos[data-v-a37022ea] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.valor-dinamico[data-v-a37022ea] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.valor-dinamico.seno[data-v-a37022ea] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.valor-dinamico.coseno[data-v-a37022ea] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.valor-dinamico.tangente[data-v-a37022ea] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.vd-label[data-v-a37022ea] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.vd-valor[data-v-a37022ea] {
  font-size: 0.95rem;
  font-weight: 700;
}
.seno .vd-valor[data-v-a37022ea] { color: #FCA5A5;
}
.coseno .vd-valor[data-v-a37022ea] { color: #6EE7B7;
}
.tangente .vd-valor[data-v-a37022ea] { color: #FCD34D;
}
.pregunta-final p[data-v-a37022ea] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.angulo-target[data-v-a37022ea] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-a37022ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a37022ea] { font-size: 1.25rem;
}
.resultado-texto[data-v-a37022ea] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-a37022ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a37022ea] { flex: 1;
}
.nav-btn[data-v-a37022ea] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a37022ea] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a37022ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a37022ea] { font-size: 1.75rem;
}
.completado-texto[data-v-a37022ea] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a37022ea], .slide-leave-active[data-v-a37022ea] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a37022ea] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a37022ea] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-interactivo[data-v-a37022ea] {
    max-width: 260px;
}
.opciones-razon[data-v-a37022ea] {
    max-width: 320px;
}
.triangulo-dinamico[data-v-a37022ea] {
    max-width: 340px;
}
.slider-angulo[data-v-a37022ea] {
    width: 180px;
}
.valores-dinamicos[data-v-a37022ea] {
    gap: 0.75rem;
}
.vd-label[data-v-a37022ea] {
    font-size: 0.8rem;
}
.vd-valor[data-v-a37022ea] {
    font-size: 1.1rem;
}
}

/* Intro */
.resumen-intro[data-v-461fe4a5] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-461fe4a5] {
  font-size: 2rem;
}
.resumen-intro p[data-v-461fe4a5] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-461fe4a5] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-461fe4a5] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-461fe4a5] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-461fe4a5]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-461fe4a5] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-461fe4a5] {
    grid-column: span 1;
}
}
.card-header[data-v-461fe4a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-461fe4a5] {
  font-size: 1.25rem;
}
.card-titulo[data-v-461fe4a5] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-461fe4a5] {
  color: #E9D5FF;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-461fe4a5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-461fe4a5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.formula-item.seno[data-v-461fe4a5] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.formula-item.coseno[data-v-461fe4a5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-item.tangente[data-v-461fe4a5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.formula-nombre[data-v-461fe4a5] {
  font-weight: 800;
  font-size: 1rem;
  min-width: 45px;
}
.seno .formula-nombre[data-v-461fe4a5] { color: #FCA5A5;
}
.coseno .formula-nombre[data-v-461fe4a5] { color: #6EE7B7;
}
.tangente .formula-nombre[data-v-461fe4a5] { color: #FCD34D;
}
.formula-definicion[data-v-461fe4a5] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.formula-definicion strong[data-v-461fe4a5] {
  color: #FFFFFF;
}

/* Lados lista */
.lados-lista[data-v-461fe4a5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.lado-item[data-v-461fe4a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lado-color[data-v-461fe4a5] {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.lado-color.hipotenusa[data-v-461fe4a5] { background: #93C5FD;
}
.lado-color.opuesto[data-v-461fe4a5] { background: #FCA5A5;
}
.lado-color.adyacente[data-v-461fe4a5] { background: #6EE7B7;
}
.lado-nombre[data-v-461fe4a5] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  min-width: 80px;
}
.lado-desc[data-v-461fe4a5] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tabla valores */
.tabla-valores[data-v-461fe4a5] {
  font-size: 0.8rem;
}
.tabla-header[data-v-461fe4a5] {
  display: grid;
  grid-template-columns: 40px repeat(3, 1fr);
  gap: 0.25rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
  margin-bottom: 0.4rem;
}
.tabla-header span[data-v-461fe4a5] {
  text-align: center;
  font-weight: 700;
  color: #FCD34D;
}
.tabla-row[data-v-461fe4a5] {
  display: grid;
  grid-template-columns: 40px repeat(3, 1fr);
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.tabla-row span[data-v-461fe4a5] {
  text-align: center;
}
.tabla-row span[data-v-461fe4a5]:first-child {
  font-weight: 700;
}
.tabla-row.seno span[data-v-461fe4a5]:first-child { color: #FCA5A5;
}
.tabla-row.coseno span[data-v-461fe4a5]:first-child { color: #6EE7B7;
}
.tabla-row.tangente span[data-v-461fe4a5]:first-child { color: #FCD34D;
}

/* Cuándo usar */
.cuando-usar[data-v-461fe4a5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.usar-item[data-v-461fe4a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.usar-razon[data-v-461fe4a5] {
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  min-width: 70px;
  text-align: center;
}
.usar-razon.seno[data-v-461fe4a5] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.usar-razon.coseno[data-v-461fe4a5] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.usar-razon.tangente[data-v-461fe4a5] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.usar-caso[data-v-461fe4a5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  flex: 1;
}

/* Tips finales */
.tips-finales[data-v-461fe4a5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-461fe4a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-461fe4a5] {
  font-size: 1.25rem;
}
.tip-text[data-v-461fe4a5] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-461fe4a5] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-461fe4a5] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-461fe4a5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-461fe4a5 1s ease-in-out infinite;
}
@keyframes bounce-461fe4a5 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-461fe4a5] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-461fe4a5] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-resumen[data-v-461fe4a5] {
    flex-direction: row;
    justify-content: space-between;
}
.formula-item[data-v-461fe4a5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.formula-nombre[data-v-461fe4a5] {
    font-size: 1.2rem;
    min-width: auto;
    margin-bottom: 0.25rem;
}
.cuando-usar[data-v-461fe4a5] {
    flex-direction: row;
    gap: 1rem;
}
.usar-item[data-v-461fe4a5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.usar-razon[data-v-461fe4a5] {
    width: 100%;
    margin-bottom: 0.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-56e80f3f] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.vector-demo[data-v-56e80f3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.punto-origen[data-v-56e80f3f], .punto-destino[data-v-56e80f3f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1rem;
}
.punto-origen[data-v-56e80f3f] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.punto-destino[data-v-56e80f3f] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.flecha-vector[data-v-56e80f3f] {
  font-size: 2.5rem;
  color: #8B5CF6;
  font-weight: 700;
  position: relative;
}

/* Texto especial */
strong.magnitud[data-v-56e80f3f] { color: #6EE7B7;
}
strong.direccion[data-v-56e80f3f] { color: #93C5FD;
}
strong.sentido[data-v-56e80f3f] { color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-56e80f3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.caracteristica[data-v-56e80f3f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.caract-icono[data-v-56e80f3f] {
  font-size: 1.3rem;
}
.caract-contenido[data-v-56e80f3f] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.caract-titulo[data-v-56e80f3f] {
  font-weight: 700;
  font-size: 0.9rem;
}
.caract-titulo.magnitud[data-v-56e80f3f] { color: #6EE7B7;
}
.caract-titulo.direccion[data-v-56e80f3f] { color: #93C5FD;
}
.caract-titulo.sentido[data-v-56e80f3f] { color: #FCD34D;
}
.caract-desc[data-v-56e80f3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-56e80f3f] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-56e80f3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-56e80f3f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-56e80f3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-56e80f3f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-56e80f3f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-56e80f3f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  text-align: center;
}

/* Notación */
.notacion[data-v-56e80f3f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.notacion-icono[data-v-56e80f3f] {
  font-size: 1.5rem;
}
.notacion-contenido[data-v-56e80f3f] {
  flex: 1;
}
.notacion-titulo[data-v-56e80f3f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.notacion-ejemplos[data-v-56e80f3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.notacion-item[data-v-56e80f3f] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.notacion-sep[data-v-56e80f3f] {
  color: #C4B5FD;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-56e80f3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-56e80f3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-56e80f3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-56e80f3f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vector-demo[data-v-56e80f3f] {
    padding: 1.5rem 3rem;
    gap: 1rem;
}
.punto-origen[data-v-56e80f3f], .punto-destino[data-v-56e80f3f] {
    width: 44px;
    height: 44px;
    font-size: 1.1rem;
}
.flecha-vector[data-v-56e80f3f] {
    font-size: 3rem;
}
.caracteristicas-section[data-v-56e80f3f] {
    flex-direction: row;
    gap: 0.75rem;
}
.caracteristica[data-v-56e80f3f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-contenido[data-v-56e80f3f] {
    align-items: center;
}
.ejemplos-grid[data-v-56e80f3f] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Plano cartesiano */
.plano-container[data-v-4ac924e9] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.plano[data-v-4ac924e9] {
  position: relative;
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.eje-x[data-v-4ac924e9] {
  position: absolute;
  left: 10%;
  right: 5%;
  top: 50%;
  height: 2px;
  background: rgba(255, 255, 255, 0.5);
}
.eje-y[data-v-4ac924e9] {
  position: absolute;
  top: 5%;
  bottom: 10%;
  left: 25%;
  width: 2px;
  background: rgba(255, 255, 255, 0.5);
}
.origen[data-v-4ac924e9] {
  position: absolute;
  left: 22%;
  top: 52%;
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.label-x[data-v-4ac924e9] {
  position: absolute;
  right: 8%;
  top: 52%;
  font-size: 0.75rem;
  color: #6EE7B7;
  font-weight: 700;
}
.label-y[data-v-4ac924e9] {
  position: absolute;
  left: 28%;
  top: 8%;
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 700;
}

/* Vector visual */
.vector-visual[data-v-4ac924e9] {
  position: absolute;
  left: 25%;
  top: 50%;
  transform-origin: left center;
  transform: rotate(-53deg);
  width: 50%;
  display: flex;
  align-items: center;
}
.vector-linea[data-v-4ac924e9] {
  flex: 1;
  height: 3px;
  background: #8B5CF6;
}
.vector-punta[data-v-4ac924e9] {
  color: #8B5CF6;
  font-size: 0.8rem;
  margin-left: -4px;
}
.punto-final[data-v-4ac924e9] {
  position: absolute;
  left: 25%;
  top: 50%;
  transform: translate(120px, -80px);
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
  white-space: nowrap;
}

/* Componentes */
.componente-x[data-v-4ac924e9] {
  position: absolute;
  left: 25%;
  top: 50%;
  width: 37%;
  height: 2px;
  background: #6EE7B7;
  opacity: 0.8;
}
.componente-y[data-v-4ac924e9] {
  position: absolute;
  left: 62%;
  top: 50%;
  width: 2px;
  height: 40%;
  background: #93C5FD;
  opacity: 0.8;
  transform: translateY(-100%);
}
.label-vx[data-v-4ac924e9] {
  position: absolute;
  left: 38%;
  top: 58%;
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
}
.label-vy[data-v-4ac924e9] {
  position: absolute;
  left: 65%;
  top: 30%;
  font-size: 0.65rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Texto componentes */
.comp-x[data-v-4ac924e9] { color: #6EE7B7;
}
.comp-y[data-v-4ac924e9] { color: #93C5FD;
}

/* Formula box */
.formula-box[data-v-4ac924e9] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-4ac924e9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula[data-v-4ac924e9] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.vector-symbol[data-v-4ac924e9] {
  color: #8B5CF6;
}
.formula-ejemplo[data-v-4ac924e9] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Magnitud section */
.magnitud-section[data-v-4ac924e9] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.magnitud-titulo[data-v-4ac924e9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.magnitud-formula[data-v-4ac924e9] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-family: serif;
}
.magnitud-ejemplo[data-v-4ac924e9] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.ejemplo-calculo[data-v-4ac924e9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.ejemplo-calculo strong[data-v-4ac924e9] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Puntos section */
.puntos-section[data-v-4ac924e9] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
}
.puntos-titulo[data-v-4ac924e9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.puntos-contenido[data-v-4ac924e9] {
  text-align: center;
}
.puntos-formula[data-v-4ac924e9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.puntos-resultado[data-v-4ac924e9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-4ac924e9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-4ac924e9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4ac924e9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4ac924e9] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.plano[data-v-4ac924e9] {
    width: 260px;
    height: 260px;
}
.punto-final[data-v-4ac924e9] {
    transform: translate(155px, -105px);
    font-size: 0.8rem;
}
.formula[data-v-4ac924e9] {
    font-size: 1.6rem;
}
}

/* Tipo section */
.tipo-section[data-v-6357a107] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-header[data-v-6357a107] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-header.equipolente[data-v-6357a107] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.tipo-header.opuesto[data-v-6357a107] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.tipo-header.unitario[data-v-6357a107] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tipo-header.nulo[data-v-6357a107] {
  background: rgba(148, 163, 184, 0.2);
  color: #CBD5E1;
}
.tipo-icono[data-v-6357a107] {
  font-size: 1.1rem;
}
.tipo-contenido[data-v-6357a107] {
  padding: 0.75rem;
}
.tipo-desc[data-v-6357a107] {
  margin: 0.75rem 0 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Visual equipolentes */
.equipolentes-visual[data-v-6357a107] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.vector-eq[data-v-6357a107] {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
}
.vector-eq.v1[data-v-6357a107] { padding-left: 0.5rem;
}
.vector-eq.v2[data-v-6357a107] { padding-left: 2rem;
}
.vector-eq.v3[data-v-6357a107] { padding-left: 1rem;
}
.eq-linea[data-v-6357a107] {
  font-size: 2rem;
  color: #8B5CF6;
}

/* Visual opuesto */
.opuesto-visual[data-v-6357a107] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
  align-items: center;
}
.vector-op[data-v-6357a107] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.op-label[data-v-6357a107] {
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 30px;
  text-align: center;
}
.vector-op.original .op-label[data-v-6357a107] { color: #6EE7B7;
}
.vector-op.inverso .op-label[data-v-6357a107] { color: #FCA5A5;
}
.op-flecha[data-v-6357a107] {
  font-size: 2.5rem;
}
.vector-op.original .op-flecha[data-v-6357a107] { color: #6EE7B7;
}
.vector-op.inverso .op-flecha[data-v-6357a107] { color: #FCA5A5;
}

/* Visual unitario */
.unitario-visual[data-v-6357a107] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.vector-unit[data-v-6357a107] {
  display: flex;
  align-items: center;
  width: 60px;
}
.unit-linea[data-v-6357a107] {
  flex: 1;
  height: 3px;
  background: #6EE7B7;
}
.unit-punta[data-v-6357a107] {
  color: #6EE7B7;
  font-size: 0.8rem;
  margin-left: -2px;
}
.unit-medida[data-v-6357a107] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Visual nulo */
.nulo-visual[data-v-6357a107] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(148, 163, 184, 0.1);
  border-radius: 0.5rem;
}
.punto-nulo[data-v-6357a107] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.punto-centro[data-v-6357a107] {
  font-size: 2rem;
  color: #CBD5E1;
}
.nulo-label[data-v-6357a107] {
  font-size: 1rem;
  font-weight: 700;
  color: #CBD5E1;
}

/* Colores de texto */
strong.igual[data-v-6357a107] { color: #8B5CF6;
}
strong.negativo[data-v-6357a107] { color: #FCA5A5;
}
strong.unitario-color[data-v-6357a107] { color: #6EE7B7;
}
strong.nulo-color[data-v-6357a107] { color: #CBD5E1;
}
.vector-sym[data-v-6357a107] {
  color: #8B5CF6;
  font-weight: 700;
}
.vector-sym.negativo[data-v-6357a107] {
  color: #FCA5A5;
}
.formula-inline[data-v-6357a107] {
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}

/* Versores */
.versores-section[data-v-6357a107] {
  margin-top: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.versores-titulo[data-v-6357a107] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.versores-grid[data-v-6357a107] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.versor[data-v-6357a107] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.versor-symbol[data-v-6357a107] {
  font-size: 1.5rem;
  font-weight: 700;
}
.versor-i .versor-symbol[data-v-6357a107] { color: #6EE7B7;
}
.versor-j .versor-symbol[data-v-6357a107] { color: #93C5FD;
}
.versor-valor[data-v-6357a107] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-weight: 600;
}
.versor-desc[data-v-6357a107] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.versores-nota[data-v-6357a107] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.equipolentes-visual[data-v-6357a107] {
    flex-direction: row;
    justify-content: space-around;
}
.vector-eq[data-v-6357a107] {
    padding-left: 0 !important;
}
.opuesto-visual[data-v-6357a107] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.versores-grid[data-v-6357a107] {
    gap: 2rem;
}
.versor[data-v-6357a107] {
    padding: 0.75rem 1.5rem;
}
}

.explorador[data-v-e1b9226b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e1b9226b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e1b9226b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e1b9226b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e1b9226b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e1b9226b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e1b9226b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e1b9226b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e1b9226b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e1b9226b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Colores de componentes */
.comp-x[data-v-e1b9226b] { color: #6EE7B7;
}
.comp-y[data-v-e1b9226b] { color: #93C5FD;
}

/* ===== DESAFÍO 1: Magnitud ===== */
.magnitud-container[data-v-e1b9226b] {
  text-align: center;
}
.mag-vector-display[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mag-vector-symbol[data-v-e1b9226b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.mag-igual[data-v-e1b9226b] {
  font-size: 1.2rem;
  color: #FFFFFF;
}
.mag-componentes[data-v-e1b9226b] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mag-formula[data-v-e1b9226b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mag-input-row[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.mag-label[data-v-e1b9226b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mag-input[data-v-e1b9226b] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.mag-input.correcto[data-v-e1b9226b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.mag-input.incorrecto[data-v-e1b9226b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-e1b9226b] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-e1b9226b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-e1b9226b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Componentes ===== */
.componentes-container[data-v-e1b9226b] {
  text-align: center;
}
.comp-visual[data-v-e1b9226b] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.plano-mini[data-v-e1b9226b] {
  position: relative;
  width: 180px;
  height: 180px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.eje-x-mini[data-v-e1b9226b] {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.eje-y-mini[data-v-e1b9226b] {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
}
.origen-mini[data-v-e1b9226b] {
  position: absolute;
  left: 45%;
  top: 52%;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.vector-dibujado[data-v-e1b9226b] {
  position: absolute;
  height: 3px;
  background: linear-gradient(to right, #8B5CF6, #A78BFA);
}
.vector-dibujado[data-v-e1b9226b]::after {
  content: '▶';
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  color: #A78BFA;
  font-size: 0.6rem;
}
.punto-final-mini[data-v-e1b9226b] {
  position: absolute;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}
.comp-pregunta[data-v-e1b9226b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.hint-negativo[data-v-e1b9226b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.comp-inputs[data-v-e1b9226b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.comp-input-group[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.comp-label[data-v-e1b9226b] {
  font-size: 1rem;
  font-weight: 700;
}
.comp-input[data-v-e1b9226b] {
  width: 55px;
  padding: 0.4rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.comp-input.correcto[data-v-e1b9226b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.comp-input.incorrecto[data-v-e1b9226b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-full[data-v-e1b9226b] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-full[data-v-e1b9226b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Vector entre puntos ===== */
.puntos-container[data-v-e1b9226b] {
  text-align: center;
}
.puntos-dados[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.punto-dado[data-v-e1b9226b] {
  font-size: 1.1rem;
  font-weight: 700;
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
}
.punto-a[data-v-e1b9226b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.punto-b[data-v-e1b9226b] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.punto-flecha[data-v-e1b9226b] {
  font-size: 1.2rem;
  color: #8B5CF6;
}
.coord[data-v-e1b9226b] {
  color: #FFFFFF;
}
.puntos-formula[data-v-e1b9226b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.vector-symbol[data-v-e1b9226b] {
  color: #8B5CF6;
  font-weight: 700;
}
.puntos-pregunta[data-v-e1b9226b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* Contador */
.contador[data-v-e1b9226b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e1b9226b] { font-size: 1.25rem;
}
.resultado-texto[data-v-e1b9226b] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e1b9226b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e1b9226b] { flex: 1;
}
.nav-btn[data-v-e1b9226b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e1b9226b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e1b9226b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e1b9226b] { font-size: 1.75rem;
}
.completado-texto[data-v-e1b9226b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e1b9226b], .slide-leave-active[data-v-e1b9226b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e1b9226b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e1b9226b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.plano-mini[data-v-e1b9226b] {
    width: 220px;
    height: 220px;
}
.puntos-dados[data-v-e1b9226b] {
    gap: 1rem;
}
.punto-dado[data-v-e1b9226b] {
    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
}
}

/* Visual resumen */
.resumen-visual[data-v-193cd6f5] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0 1.5rem;
}
.vector-resumen[data-v-193cd6f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.vector-sym[data-v-193cd6f5] {
  font-size: 1.8rem;
  font-weight: 700;
  color: #8B5CF6;
}
.vector-eq[data-v-193cd6f5] {
  font-size: 1.3rem;
  color: #FFFFFF;
}
.vector-comp[data-v-193cd6f5] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos grid */
.conceptos-grid[data-v-193cd6f5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-193cd6f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.card-icono[data-v-193cd6f5] {
  font-size: 1.3rem;
  margin-bottom: 0.25rem;
}
.card-titulo[data-v-193cd6f5] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.card-titulo.magnitud[data-v-193cd6f5] { color: #6EE7B7;
}
.card-titulo.direccion[data-v-193cd6f5] { color: #93C5FD;
}
.card-titulo.sentido[data-v-193cd6f5] { color: #FCD34D;
}
.card-formula[data-v-193cd6f5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmulas PAES */
.formulas-section[data-v-193cd6f5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.formulas-titulo[data-v-193cd6f5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.formulas-grid[data-v-193cd6f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-193cd6f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-193cd6f5] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.formula-valor[data-v-193cd6f5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tipos resumen */
.tipos-resumen[data-v-193cd6f5] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tipos-titulo[data-v-193cd6f5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.tipos-lista[data-v-193cd6f5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tipo-item[data-v-193cd6f5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tipo-badge[data-v-193cd6f5] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  font-weight: 700;
  min-width: 80px;
  text-align: center;
}
.tipo-badge.equipolente[data-v-193cd6f5] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.tipo-badge.unitario[data-v-193cd6f5] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tipo-badge.nulo[data-v-193cd6f5] {
  background: rgba(148, 163, 184, 0.3);
  color: #CBD5E1;
}
.tipo-desc[data-v-193cd6f5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-193cd6f5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.tip-icono[data-v-193cd6f5] {
  font-size: 1.25rem;
}
.tip-contenido[data-v-193cd6f5] {
  flex: 1;
}
.tip-titulo[data-v-193cd6f5] {
  display: block;
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.tripletas[data-v-193cd6f5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tripleta[data-v-193cd6f5] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Diferencia box */
.diferencia-box[data-v-193cd6f5] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.dif-titulo[data-v-193cd6f5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  text-align: center;
  margin-bottom: 0.5rem;
}
.dif-grid[data-v-193cd6f5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dif-item[data-v-193cd6f5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.dif-tipo[data-v-193cd6f5] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.dif-item.escalar .dif-tipo[data-v-193cd6f5] { color: #FCA5A5;
}
.dif-item.vector .dif-tipo[data-v-193cd6f5] { color: #6EE7B7;
}
.dif-ejemplo[data-v-193cd6f5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.dif-ej-valor[data-v-193cd6f5] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-193cd6f5] {
    gap: 0.75rem;
}
.concepto-card[data-v-193cd6f5] {
    padding: 0.75rem 0.5rem;
}
.card-icono[data-v-193cd6f5] {
    font-size: 1.5rem;
}
.card-titulo[data-v-193cd6f5] {
    font-size: 0.85rem;
}
.formulas-grid[data-v-193cd6f5] {
    grid-template-columns: repeat(4, 1fr);
}
.tipos-lista[data-v-193cd6f5] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tripletas[data-v-193cd6f5] {
    gap: 0.75rem;
}
}

/* Intro visual - ecuación */
.intro-visual[data-v-89177375] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ecuacion-exponencial[data-v-89177375],
.ecuacion-log[data-v-89177375] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.base[data-v-89177375] {
  color: #93C5FD;
}
.exponente[data-v-89177375] {
  color: #FCD34D;
  font-size: 1rem;
}
.igual[data-v-89177375] {
  color: #C4B5FD;
}
.resultado[data-v-89177375] {
  color: #6EE7B7;
}
.flecha-doble[data-v-89177375] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.log-text[data-v-89177375] {
  color: #F9A8D4;
}
.log-base[data-v-89177375] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.log-argumento[data-v-89177375] {
  color: #6EE7B7;
}
.log-resultado[data-v-89177375] {
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-89177375] {
  color: #FCD34D;
}
strong.positivo[data-v-89177375] {
  color: #6EE7B7;
}
strong.negativo[data-v-89177375] {
  color: #FCA5A5;
}

/* Definición */
.definicion[data-v-89177375] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-89177375] {
  font-size: 1.5rem;
}
.def-contenido[data-v-89177375] {
  flex: 1;
}
.def-titulo[data-v-89177375] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-89177375] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-explicacion[data-v-89177375] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.def-explicacion strong[data-v-89177375] {
  color: #93C5FD;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-89177375] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-89177375] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-pregunta[data-v-89177375] {
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula[data-v-89177375] {
  font-family: monospace;
  font-weight: 700;
  color: #F9A8D4;
}
.pasos-explicacion[data-v-89177375] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-89177375] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-89177375] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-89177375] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso.resultado-final[data-v-89177375] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado-final .paso-num[data-v-89177375] {
  background: #10B981;
  color: white;
}
.paso.resultado-final .paso-texto[data-v-89177375] {
  color: #6EE7B7;
}

/* Casos especiales */
.casos-section[data-v-89177375] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-89177375] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-89177375] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 400px) {
.casos-grid[data-v-89177375] {
    grid-template-columns: 1fr;
}
}
.caso[data-v-89177375] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-nombre[data-v-89177375] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.caso-formula[data-v-89177375] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.caso-nota[data-v-89177375] {
  font-size: 0.75rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-89177375] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-89177375] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-89177375] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-89177375] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.ej-log[data-v-89177375] {
  font-family: monospace;
  font-weight: 700;
  color: #F9A8D4;
  font-size: 0.95rem;
}
.ej-igual[data-v-89177375] {
  color: #C4B5FD;
}
.ej-result[data-v-89177375] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.ej-porque[data-v-89177375] {
  color: #93C5FD;
  font-size: 0.8rem;
  margin-left: auto;
}

/* Tip */
.tip[data-v-89177375] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-89177375] {
  font-size: 1.25rem;
}
.tip-texto[data-v-89177375] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-89177375] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-89177375] {
    flex-direction: row;
    gap: 1rem;
}
.ecuacion-exponencial[data-v-89177375],
  .ecuacion-log[data-v-89177375] {
    font-size: 1.75rem;
}
.ejemplos-grid[data-v-89177375] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}

/* Texto destacado */
strong.destacado[data-v-5a320f6f] {
  color: #FCD34D;
}
strong.positivo[data-v-5a320f6f] {
  color: #6EE7B7;
}
strong.negativo[data-v-5a320f6f] {
  color: #FCA5A5;
}

/* Propiedad */
.propiedad[data-v-5a320f6f] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prop-header[data-v-5a320f6f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-numero[data-v-5a320f6f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.prop-nombre[data-v-5a320f6f] {
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.prop-formula[data-v-5a320f6f] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-ejemplo[data-v-5a320f6f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.85rem;
}
.ejemplo-label[data-v-5a320f6f] {
  color: #C4B5FD;
  font-weight: 600;
}
.ejemplo-formula[data-v-5a320f6f] {
  color: #93C5FD;
  font-family: monospace;
}

/* Propiedades especiales */
.propiedades-especiales[data-v-5a320f6f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.especiales-titulo[data-v-5a320f6f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.especiales-grid[data-v-5a320f6f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.especial[data-v-5a320f6f] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.esp-formula[data-v-5a320f6f] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.esp-razon[data-v-5a320f6f] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Resumen visual */
.resumen-visual[data-v-5a320f6f] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-5a320f6f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-5a320f6f] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.resumen-fila[data-v-5a320f6f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.resumen-fila[data-v-5a320f6f]:last-child {
  border-bottom: none;
}
.resumen-fila.header[data-v-5a320f6f] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.col-operacion[data-v-5a320f6f] {
  font-family: monospace;
  color: #F9A8D4;
  font-weight: 600;
}
.col-equivale[data-v-5a320f6f] {
  font-family: monospace;
  color: #E9D5FF;
}
.resumen-fila.header .col-operacion[data-v-5a320f6f],
.resumen-fila.header .col-equivale[data-v-5a320f6f] {
  color: #C4B5FD;
  font-family: inherit;
}

/* Tip */
.tip[data-v-5a320f6f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5a320f6f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5a320f6f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5a320f6f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.prop-formula[data-v-5a320f6f] {
    font-size: 1.25rem;
}
.especiales-grid[data-v-5a320f6f] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-97b65bb3] {
  color: #FCD34D;
}
strong.positivo[data-v-97b65bb3] {
  color: #6EE7B7;
}
strong.negativo[data-v-97b65bb3] {
  color: #FCA5A5;
}

/* Fórmula principal */
.formula-principal[data-v-97b65bb3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.formula-header[data-v-97b65bb3] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.formula-contenido[data-v-97b65bb3] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-expresion[data-v-97b65bb3] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.fraccion[data-v-97b65bb3] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-97b65bb3] {
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 0.25rem;
  color: #6EE7B7;
}
.denominador[data-v-97b65bb3] {
  padding-top: 0.25rem;
  color: #93C5FD;
}
.formula-nota[data-v-97b65bb3] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}
.formula-nota strong[data-v-97b65bb3] {
  color: #93C5FD;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-97b65bb3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-97b65bb3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-97b65bb3] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.pasos-explicacion[data-v-97b65bb3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-97b65bb3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-97b65bb3] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-97b65bb3] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso.formula-paso[data-v-97b65bb3] {
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
}
.paso-formula[data-v-97b65bb3] {
  font-family: monospace;
  font-weight: 700;
  color: #F9A8D4;
  font-size: 1rem;
}
.paso.resultado-final[data-v-97b65bb3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso.resultado-final .paso-num[data-v-97b65bb3] {
  background: #10B981;
  color: white;
}
.paso.resultado-final .paso-texto[data-v-97b65bb3] {
  color: #6EE7B7;
}

/* Casos comunes */
.casos-section[data-v-97b65bb3] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-97b65bb3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-97b65bb3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.caso[data-v-97b65bb3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-de[data-v-97b65bb3] {
  font-family: monospace;
  font-weight: 700;
  color: #F9A8D4;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.caso-a[data-v-97b65bb3] {
  margin: 0.5rem 0;
}
.fraccion-mini[data-v-97b65bb3] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
}
.num[data-v-97b65bb3] {
  border-bottom: 1px solid #C4B5FD;
  padding-bottom: 0.15rem;
  color: #6EE7B7;
}
.den[data-v-97b65bb3] {
  padding-top: 0.15rem;
  color: #93C5FD;
}
.caso-nota[data-v-97b65bb3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Caso especial */
.especiales-section[data-v-97b65bb3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.especiales-titulo[data-v-97b65bb3] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.especial-formula[data-v-97b65bb3] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.especial-explicacion[data-v-97b65bb3] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.ejemplo-inline[data-v-97b65bb3] {
  color: #93C5FD;
  font-weight: 600;
}

/* Tip */
.tip[data-v-97b65bb3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-97b65bb3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-97b65bb3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-97b65bb3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-expresion[data-v-97b65bb3] {
    font-size: 1.5rem;
}
}

/* Texto destacado */
strong.destacado[data-v-3f66db28] {
  color: #FCD34D;
}
strong.positivo[data-v-3f66db28] {
  color: #6EE7B7;
}
strong.negativo[data-v-3f66db28] {
  color: #FCA5A5;
}

/* Tipo de ecuación */
.tipo-ecuacion[data-v-3f66db28] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tipo-header[data-v-3f66db28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.tipo-numero[data-v-3f66db28] {
  padding: 0.2rem 0.5rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tipo-nombre[data-v-3f66db28] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.tipo-estrategia[data-v-3f66db28] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
}
.estrategia-label[data-v-3f66db28] {
  color: #FCD34D;
  font-weight: 600;
}
.estrategia-texto[data-v-3f66db28] {
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-3f66db28] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-ejemplo .ejemplo-titulo[data-v-3f66db28] {
  color: #93C5FD;
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.ejemplo-pasos[data-v-3f66db28] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-mini[data-v-3f66db28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-arrow[data-v-3f66db28] {
  color: #8B5CF6;
  font-weight: 700;
}
.paso-mini.resultado[data-v-3f66db28] {
  color: #6EE7B7;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-3f66db28] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-completo-titulo[data-v-3f66db28] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema[data-v-3f66db28] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-3f66db28] {
  font-family: monospace;
  font-weight: 700;
  color: #F9A8D4;
  font-size: 0.95rem;
}
.solucion-pasos[data-v-3f66db28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-solucion[data-v-3f66db28] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.paso-label[data-v-3f66db28] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.paso-contenido[data-v-3f66db28] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-formula[data-v-3f66db28] {
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-solucion.resultado-final[data-v-3f66db28] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-solucion.resultado-final .paso-label[data-v-3f66db28] {
  color: #6EE7B7;
}
.paso-solucion.resultado-final .paso-contenido[data-v-3f66db28] {
  color: #6EE7B7;
}

/* Advertencia */
.advertencia[data-v-3f66db28] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.adv-icono[data-v-3f66db28] {
  font-size: 1.25rem;
}
.adv-contenido[data-v-3f66db28] {
  flex: 1;
}
.adv-titulo[data-v-3f66db28] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.adv-texto[data-v-3f66db28] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-3f66db28] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3f66db28] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3f66db28] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3f66db28] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.paso-solucion[data-v-3f66db28] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
.paso-label[data-v-3f66db28] {
    min-width: 50px;
}
}

.explorador[data-v-b9f7ea39] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b9f7ea39] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b9f7ea39] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b9f7ea39] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b9f7ea39] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b9f7ea39] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b9f7ea39] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b9f7ea39] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b9f7ea39] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b9f7ea39] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Logaritmos básicos ===== */
.log-basico-container[data-v-b9f7ea39] {
  text-align: center;
}
.log-pregunta[data-v-b9f7ea39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.log-formula[data-v-b9f7ea39] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #F9A8D4;
}
.log-input[data-v-b9f7ea39] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.log-input.correcto[data-v-b9f7ea39] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.log-input.incorrecto[data-v-b9f7ea39] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b9f7ea39] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-b9f7ea39]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.log-ayuda[data-v-b9f7ea39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin: 0.75rem 0;
}
.ayuda-icono[data-v-b9f7ea39] { font-size: 1rem;
}
.ayuda-texto[data-v-b9f7ea39] { color: #E9D5FF; font-size: 0.85rem;
}
.log-feedback[data-v-b9f7ea39] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.log-contador[data-v-b9f7ea39] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Propiedades ===== */
.propiedades-container[data-v-b9f7ea39] {
  text-align: center;
}
.prop-problema[data-v-b9f7ea39] {
  margin-bottom: 1rem;
}
.prop-pregunta[data-v-b9f7ea39] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.prop-expresion[data-v-b9f7ea39] {
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #F9A8D4;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.prop-opciones[data-v-b9f7ea39] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1rem 0;
}
.prop-opcion[data-v-b9f7ea39] {
  padding: 0.75rem;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
}
.prop-opcion[data-v-b9f7ea39]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.prop-opcion.seleccionada[data-v-b9f7ea39] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.prop-opcion.correcta[data-v-b9f7ea39] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.prop-opcion.incorrecta[data-v-b9f7ea39] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.prop-contador[data-v-b9f7ea39] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Ecuaciones ===== */
.ecuacion-container[data-v-b9f7ea39] {
  text-align: center;
}
.ecuacion-problema[data-v-b9f7ea39] {
  margin-bottom: 1rem;
}
.ecuacion-pregunta[data-v-b9f7ea39] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.ecuacion-expresion[data-v-b9f7ea39] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ecuacion-respuesta[data-v-b9f7ea39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.ecuacion-x[data-v-b9f7ea39] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ecuacion-input[data-v-b9f7ea39] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.ecuacion-input.correcto[data-v-b9f7ea39] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.ecuacion-input.incorrecto[data-v-b9f7ea39] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.ecuacion-feedback[data-v-b9f7ea39] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
}
.feedback-pista[data-v-b9f7ea39] {
  color: #FCD34D;
  font-size: 0.85rem;
}
.ecuacion-contador[data-v-b9f7ea39] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b9f7ea39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b9f7ea39] { font-size: 1.25rem;
}
.resultado-texto[data-v-b9f7ea39] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-b9f7ea39] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b9f7ea39] { flex: 1;
}
.nav-btn[data-v-b9f7ea39] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b9f7ea39] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b9f7ea39] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b9f7ea39] { font-size: 1.75rem;
}
.completado-texto[data-v-b9f7ea39] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b9f7ea39], .slide-leave-active[data-v-b9f7ea39] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b9f7ea39] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b9f7ea39] { opacity: 0; transform: translateX(-15px);
}

/* Texto destacado */
strong.positivo[data-v-15369c22] {
  color: #6EE7B7;
}
strong.negativo[data-v-15369c22] {
  color: #FCA5A5;
}

/* Resumen header */
.resumen-header[data-v-15369c22] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-15369c22] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-15369c22] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Secciones */
.seccion[data-v-15369c22] {
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.seccion-titulo[data-v-15369c22] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.formula-destacada[data-v-15369c22] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.fraccion-inline[data-v-15369c22] {
  color: #6EE7B7;
}
.seccion-nota[data-v-15369c22] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
.seccion-nota strong[data-v-15369c22] {
  color: #93C5FD;
}

/* Propiedades lista */
.propiedades-lista[data-v-15369c22] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad-item[data-v-15369c22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.prop-formula[data-v-15369c22] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.prop-nombre[data-v-15369c22] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Casos grid */
.casos-grid[data-v-15369c22] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caso-mini[data-v-15369c22] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.4rem;
  text-align: center;
}
.caso-formula[data-v-15369c22] {
  font-family: monospace;
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Ecuaciones tips */
.ecuaciones-tips[data-v-15369c22] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-ecuacion[data-v-15369c22] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.tip-tipo[data-v-15369c22] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
}
.tip-forma[data-v-15369c22] {
  font-family: monospace;
  color: #F9A8D4;
  font-size: 0.85rem;
}
.tip-estrategia[data-v-15369c22] {
  font-family: monospace;
  color: #6EE7B7;
  font-size: 0.85rem;
  font-weight: 700;
}

/* Advertencia */
.advertencia[data-v-15369c22] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.adv-icono[data-v-15369c22] {
  font-size: 1.1rem;
}
.adv-texto[data-v-15369c22] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-15369c22] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-15369c22] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.tips-titulo[data-v-15369c22] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-15369c22] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-15369c22] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-15369c22] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
}
.tip-text[data-v-15369c22] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.3;
}

/* Mensaje final */
.mensaje-final[data-v-15369c22] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-15369c22] {
  font-size: 1.5rem;
}
.final-texto[data-v-15369c22] {
  color: #FFFFFF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.final-texto strong[data-v-15369c22] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.casos-grid[data-v-15369c22] {
    grid-template-columns: repeat(4, 1fr);
}
.propiedad-item[data-v-15369c22] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.numero-grande[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.num-label[data-v-05e1f012] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.num-valor[data-v-05e1f012] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
  letter-spacing: 0.02em;
}
.num-desc[data-v-05e1f012] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.flecha-central[data-v-05e1f012] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.numero-cientifico[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.sci-valor[data-v-05e1f012] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.sci-label[data-v-05e1f012] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Texto inline */
strong.positivo[data-v-05e1f012] {
  color: #6EE7B7;
}
strong.negativo[data-v-05e1f012] {
  color: #FCA5A5;
}

/* Formato section */
.formato-section[data-v-05e1f012] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formato-titulo[data-v-05e1f012] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formato-formula[data-v-05e1f012] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.coef[data-v-05e1f012] {
  color: #93C5FD;
}
.mult[data-v-05e1f012] {
  color: #E9D5FF;
}
.base[data-v-05e1f012] {
  color: #FCD34D;
}
.formato-reglas[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla[data-v-05e1f012] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-icono[data-v-05e1f012] {
  color: #FCD34D;
}
.regla-texto strong[data-v-05e1f012] {
  color: #FFFFFF;
}

/* Potencias section */
.potencias-section[data-v-05e1f012] {
  margin: 1.5rem 0;
}
.potencias-titulo[data-v-05e1f012] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.potencias-grid[data-v-05e1f012] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.potencia[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.potencia.positiva[data-v-05e1f012] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.potencia.negativa[data-v-05e1f012] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.pot-exp[data-v-05e1f012] {
  font-size: 1.25rem;
  font-weight: 800;
}
.potencia.positiva .pot-exp[data-v-05e1f012] {
  color: #6EE7B7;
}
.potencia.negativa .pot-exp[data-v-05e1f012] {
  color: #FCA5A5;
}
.pot-val[data-v-05e1f012] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: monospace;
}
.pot-nombre[data-v-05e1f012] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos section */
.ejemplos-section[data-v-05e1f012] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-05e1f012] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-05e1f012] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-05e1f012] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-05e1f012] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-05e1f012] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ej-valor[data-v-05e1f012] {
  font-size: 0.85rem;
  font-weight: 700;
}
.ej-valor.positivo[data-v-05e1f012] {
  color: #6EE7B7;
}
.ej-valor.negativo[data-v-05e1f012] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-05e1f012] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-05e1f012] {
  font-size: 1.25rem;
}
.tip-texto[data-v-05e1f012] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-05e1f012] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-05e1f012] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.flecha-central[data-v-05e1f012] {
    transform: rotate(-90deg);
}
.num-valor[data-v-05e1f012] {
    font-size: 1.25rem;
}
.sci-valor[data-v-05e1f012] {
    font-size: 1.75rem;
}
.potencias-grid[data-v-05e1f012] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-05e1f012] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Operación sections */
.operacion-section[data-v-0b22f11c] {
  margin: 1.25rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.operacion-header[data-v-0b22f11c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.op-icono[data-v-0b22f11c] {
  font-size: 1.25rem;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.operacion-header.mult .op-icono[data-v-0b22f11c] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.operacion-header.div .op-icono[data-v-0b22f11c] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.operacion-header.sum .op-icono[data-v-0b22f11c] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.op-titulo[data-v-0b22f11c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.operacion-regla[data-v-0b22f11c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding-left: 2.5rem;
}
.operacion-regla strong[data-v-0b22f11c] {
  color: #FCD34D;
}
.operacion-ejemplo[data-v-0b22f11c] {
  background: rgba(139, 92, 246, 0.1);
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-formula[data-v-0b22f11c] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.coef[data-v-0b22f11c] {
  color: #93C5FD;
  font-weight: 600;
}
.op[data-v-0b22f11c] {
  color: #FCD34D;
  font-weight: 700;
}
.ejemplo-paso[data-v-0b22f11c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ejemplo-resultado[data-v-0b22f11c] {
  font-size: 1.1rem;
  color: #6EE7B7;
}
.ejemplo-resultado strong[data-v-0b22f11c] {
  font-weight: 800;
}

/* Magnitud section */
.magnitud-section[data-v-0b22f11c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.magnitud-titulo[data-v-0b22f11c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.magnitud-desc[data-v-0b22f11c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.magnitud-desc strong[data-v-0b22f11c] {
  color: #FCD34D;
}
.magnitud-grid[data-v-0b22f11c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mag-item[data-v-0b22f11c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mag-num[data-v-0b22f11c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
  min-width: 80px;
  text-align: right;
}
.mag-arrow[data-v-0b22f11c] {
  color: #8B5CF6;
}
.mag-orden[data-v-0b22f11c] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  min-width: 50px;
}
.magnitud-tip[data-v-0b22f11c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}
.magnitud-tip strong[data-v-0b22f11c] {
  color: #FCD34D;
}

/* Ajuste section */
.ajuste-section[data-v-0b22f11c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.ajuste-titulo[data-v-0b22f11c] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ajuste-ejemplo[data-v-0b22f11c] {
  text-align: center;
}
.ej-problema[data-v-0b22f11c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ej-problema.incorrecto[data-v-0b22f11c] {
  color: #FCA5A5;
  font-size: 0.85rem;
}
.ej-solucion[data-v-0b22f11c] {
  font-size: 1.1rem;
  color: #6EE7B7;
  margin-top: 0.5rem;
}

/* Tip */
.tip[data-v-0b22f11c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0b22f11c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0b22f11c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0b22f11c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.magnitud-grid[data-v-0b22f11c] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.mag-item[data-v-0b22f11c] {
    flex: 1;
    max-width: 180px;
}
.ejemplo-formula[data-v-0b22f11c] {
    font-size: 1.1rem;
    gap: 0.75rem;
}
}

.explorador[data-v-b4313335] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b4313335] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b4313335] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b4313335] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b4313335] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b4313335] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b4313335] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b4313335] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b4313335] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b4313335] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Convertir ===== */
.convertir-container[data-v-b4313335] {
  text-align: center;
}
.numero-convertir[data-v-b4313335] {
  margin-bottom: 1.5rem;
}
.conv-label[data-v-b4313335] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.conv-numero[data-v-b4313335] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: monospace;
}
.conv-numero.grande[data-v-b4313335] {
  font-size: 1.5rem;
}
.respuesta-cientifica[data-v-b4313335] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.input-group[data-v-b4313335] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.input-coef[data-v-b4313335] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.mult-sign[data-v-b4313335] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.base-10[data-v-b4313335] {
  font-size: 1.1rem;
  color: #FFFFFF;
  font-weight: 700;
}
.exp-input-wrapper[data-v-b4313335] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-top: -8px;
}
.btn-signo[data-v-b4313335] {
  width: 28px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.4rem;
  color: #6EE7B7;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.btn-signo.negativo[data-v-b4313335] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.btn-signo[data-v-b4313335]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.input-exp[data-v-b4313335] {
  width: 40px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-coef.correcto[data-v-b4313335], .input-exp.correcto[data-v-b4313335] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-coef.incorrecto[data-v-b4313335], .input-exp.incorrecto[data-v-b4313335] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b4313335] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}
.btn-verificar[data-v-b4313335]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-b4313335] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 2: Multiplicación ===== */
.operacion-container[data-v-b4313335] {
  text-align: center;
}
.operacion-problema[data-v-b4313335] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.operando[data-v-b4313335] {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.op-coef[data-v-b4313335] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.op-mult[data-v-b4313335] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.op-base[data-v-b4313335] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 600;
}
.signo-operacion[data-v-b4313335] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.resultado-input[data-v-b4313335] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.igual[data-v-b4313335] {
  font-size: 1.5rem;
  color: #FFFFFF;
  font-weight: 700;
}

/* ===== DESAFÍO 3: Magnitud ===== */
.magnitud-container[data-v-b4313335] {
  text-align: center;
}
.magnitud-pregunta[data-v-b4313335] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.magnitud-numero[data-v-b4313335] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  margin-bottom: 1.5rem;
  font-family: monospace;
}
.magnitud-opciones[data-v-b4313335] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  max-width: 280px;
  margin: 0 auto 1rem;
}
.magnitud-btn[data-v-b4313335] {
  padding: 0.75rem 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.magnitud-btn.seleccionado[data-v-b4313335] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.magnitud-btn.correcto[data-v-b4313335] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.magnitud-btn.incorrecto[data-v-b4313335] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado y contador */
.resultado-correcto[data-v-b4313335] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b4313335] { font-size: 1.25rem;
}
.resultado-texto[data-v-b4313335] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-b4313335] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-b4313335] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b4313335] { flex: 1;
}
.nav-btn[data-v-b4313335] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b4313335] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b4313335] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b4313335] { font-size: 1.75rem;
}
.completado-texto[data-v-b4313335] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b4313335], .slide-leave-active[data-v-b4313335] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b4313335] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b4313335] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.operacion-problema[data-v-b4313335] {
    flex-direction: row;
    gap: 1rem;
}
.magnitud-opciones[data-v-b4313335] {
    grid-template-columns: repeat(4, 1fr);
    max-width: 400px;
}
}

/* Cards */
.resumen-card[data-v-a1816bb5] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.card-header[data-v-a1816bb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-a1816bb5] {
  font-size: 1.25rem;
}
.card-titulo[data-v-a1816bb5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}

/* Fórmula grande */
.formula-grande[data-v-a1816bb5] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.coef[data-v-a1816bb5] {
  color: #93C5FD;
}
.mult[data-v-a1816bb5] {
  color: #E9D5FF;
}
.base[data-v-a1816bb5] {
  color: #FCD34D;
}
.formula-regla[data-v-a1816bb5] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-regla strong[data-v-a1816bb5] {
  color: #FFFFFF;
}

/* Operaciones */
.operaciones-grid[data-v-a1816bb5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.op-item[data-v-a1816bb5] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.op-nombre[data-v-a1816bb5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.op-regla[data-v-a1816bb5] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
strong.positivo[data-v-a1816bb5] {
  color: #6EE7B7;
}
strong.negativo[data-v-a1816bb5] {
  color: #FCA5A5;
}

/* Exponentes */
.exp-grid[data-v-a1816bb5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.exp-item[data-v-a1816bb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.exp-item.positivo[data-v-a1816bb5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.exp-item.cero[data-v-a1816bb5] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.exp-item.negativo[data-v-a1816bb5] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.exp-signo[data-v-a1816bb5] {
  font-size: 1.25rem;
  font-weight: 800;
}
.exp-item.positivo .exp-signo[data-v-a1816bb5] { color: #6EE7B7;
}
.exp-item.cero .exp-signo[data-v-a1816bb5] { color: #C4B5FD;
}
.exp-item.negativo .exp-signo[data-v-a1816bb5] { color: #FCA5A5;
}
.exp-desc[data-v-a1816bb5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.exp-ejemplo[data-v-a1816bb5] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tips PAES */
.tips-paes[data-v-a1816bb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-a1816bb5] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-a1816bb5] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-a1816bb5] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.tip-num[data-v-a1816bb5] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tip-texto[data-v-a1816bb5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-a1816bb5] {
  color: #FFFFFF;
}

/* Errores comunes */
.errores-section[data-v-a1816bb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-a1816bb5] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.error-item[data-v-a1816bb5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(239, 68, 68, 0.2);
}
.error-item[data-v-a1816bb5]:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.error-mal[data-v-a1816bb5] {
  font-size: 0.85rem;
  color: #FCA5A5;
}
.error-bien[data-v-a1816bb5] {
  font-size: 0.85rem;
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-a1816bb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-a1816bb5] {
  font-size: 1.5rem;
}
.final-texto[data-v-a1816bb5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.operaciones-grid[data-v-a1816bb5] {
    grid-template-columns: repeat(2, 1fr);
}
.op-item.full[data-v-a1816bb5] {
    grid-column: span 2;
}
.error-item[data-v-a1816bb5] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
}

/* Problema intro */
.problema-intro[data-v-4cbfd196] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.problema-icono[data-v-4cbfd196] {
  font-size: 2rem;
}
.problema-texto p[data-v-4cbfd196] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
}
.ecuacion[data-v-4cbfd196] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
  font-family: 'Georgia', serif;
}

/* Texto inline */
strong.positivo[data-v-4cbfd196] { color: #6EE7B7;
}
strong.negativo[data-v-4cbfd196] { color: #FCA5A5;
}
strong.imaginario[data-v-4cbfd196] { color: #93C5FD;
}

/* Solución */
.solucion-section[data-v-4cbfd196] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 1rem;
}
.solucion-titulo[data-v-4cbfd196] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.definicion-i[data-v-4cbfd196] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0;
}
.i-simbolo[data-v-4cbfd196] {
  font-size: 4rem;
  font-weight: 800;
  color: #93C5FD;
  font-family: 'Georgia', serif;
  font-style: italic;
}
.i-definicion[data-v-4cbfd196] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.i-formula[data-v-4cbfd196] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem 1rem;
  background: rgba(147, 197, 253, 0.2);
  border-radius: 0.5rem;
}
.i-equivalente[data-v-4cbfd196] {
  font-size: 1rem;
  color: #C4B5FD;
  text-align: center;
}
.nota-matematicos[data-v-4cbfd196] {
  margin: 1rem 0 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  text-align: center;
}

/* Potencias */
.potencias-section[data-v-4cbfd196] {
  margin: 1.5rem 0;
}
.potencias-titulo[data-v-4cbfd196] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.potencias-grid[data-v-4cbfd196] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.potencia-item[data-v-4cbfd196] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.potencia-exp[data-v-4cbfd196] {
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.potencia-igual[data-v-4cbfd196] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.potencia-val[data-v-4cbfd196] {
  font-size: 1.25rem;
  font-weight: 800;
}
.potencia-val.imaginario[data-v-4cbfd196] { color: #93C5FD;
}
.potencia-val.imaginario-neg[data-v-4cbfd196] { color: #93C5FD;
}
.potencia-val.positivo[data-v-4cbfd196] { color: #6EE7B7;
}
.potencia-val.negativo[data-v-4cbfd196] { color: #FCA5A5;
}
.ciclo-visual[data-v-4cbfd196] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  color: #FCD34D;
}
.ciclo-flecha[data-v-4cbfd196] {
  font-size: 1.5rem;
  animation: spin-4cbfd196 3s linear infinite;
}
@keyframes spin-4cbfd196 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.ciclo-texto[data-v-4cbfd196] {
  font-size: 0.9rem;
  font-weight: 600;
}

/* Ejemplo */
.ejemplo-section[data-v-4cbfd196] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-4cbfd196] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-4cbfd196] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-4cbfd196] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-4cbfd196] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-4cbfd196] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-4cbfd196] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-4cbfd196] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4cbfd196] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-4cbfd196] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.problema-intro[data-v-4cbfd196] {
    padding: 1.25rem;
}
.ecuacion[data-v-4cbfd196] {
    font-size: 1.75rem;
}
.i-simbolo[data-v-4cbfd196] {
    font-size: 5rem;
}
.potencias-grid[data-v-4cbfd196] {
    gap: 1rem;
}
.potencia-item[data-v-4cbfd196] {
    padding: 1rem;
}
.potencia-exp[data-v-4cbfd196] {
    font-size: 1.1rem;
}
.potencia-val[data-v-4cbfd196] {
    font-size: 1.5rem;
}
}

/* Definición principal */
.definicion-principal[data-v-695ab6a0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.definicion-titulo[data-v-695ab6a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.formula-grande[data-v-695ab6a0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 2.5rem;
  font-weight: 800;
  margin-bottom: 1rem;
}
.parte[data-v-695ab6a0] {
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
}
.parte-real[data-v-695ab6a0] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.parte-imaginaria[data-v-695ab6a0] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.operador[data-v-695ab6a0] {
  color: #E9D5FF;
}
.i-simbolo[data-v-695ab6a0] {
  color: #93C5FD;
  font-style: italic;
}
.partes-explicacion[data-v-695ab6a0] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.parte-item[data-v-695ab6a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.parte-label[data-v-695ab6a0] {
  font-size: 0.75rem;
  font-weight: 600;
}
.parte-valor[data-v-695ab6a0] {
  font-size: 1.25rem;
  font-weight: 700;
}
.parte-item.real .parte-label[data-v-695ab6a0],
.parte-item.real .parte-valor[data-v-695ab6a0] {
  color: #6EE7B7;
}
.parte-item.imaginaria .parte-label[data-v-695ab6a0],
.parte-item.imaginaria .parte-valor[data-v-695ab6a0] {
  color: #93C5FD;
}

/* Texto inline */
strong.real[data-v-695ab6a0] { color: #6EE7B7;
}
strong.imaginaria[data-v-695ab6a0] { color: #93C5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-695ab6a0] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-695ab6a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-695ab6a0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-card[data-v-695ab6a0] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.ejemplo-numero[data-v-695ab6a0] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplo-partes[data-v-695ab6a0] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.75rem;
}
.ep.real[data-v-695ab6a0] { color: #6EE7B7;
}
.ep.imaginaria[data-v-695ab6a0] { color: #93C5FD;
}

/* Casos especiales */
.casos-section[data-v-695ab6a0] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-695ab6a0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-695ab6a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-695ab6a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.caso-ejemplo[data-v-695ab6a0] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #FCD34D;
  min-width: 40px;
}
.caso-igual[data-v-695ab6a0] {
  color: #C4B5FD;
}
.caso-forma[data-v-695ab6a0] {
  font-weight: 600;
  color: #FFFFFF;
}
.caso-nota[data-v-695ab6a0] {
  flex: 1;
  text-align: right;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Notación */
.notacion-section[data-v-695ab6a0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.notacion-item[data-v-695ab6a0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.notacion-simbolo[data-v-695ab6a0] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Georgia', serif;
  min-width: 55px;
}
.notacion-igual[data-v-695ab6a0] {
  color: #C4B5FD;
}
.notacion-desc[data-v-695ab6a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Ejemplo con notación */
.ejemplo-notacion[data-v-695ab6a0] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.en-titulo[data-v-695ab6a0] {
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.en-items[data-v-695ab6a0] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.en-item[data-v-695ab6a0] {
  color: #FFFFFF;
}
.en-item .real[data-v-695ab6a0] { color: #6EE7B7;
}
.en-item .imaginaria[data-v-695ab6a0] { color: #93C5FD;
}

/* Tip */
.tip[data-v-695ab6a0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-695ab6a0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-695ab6a0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-695ab6a0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-695ab6a0] {
    font-size: 3rem;
}
.ejemplos-grid[data-v-695ab6a0] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-card[data-v-695ab6a0] {
    padding: 1rem;
}
.casos-grid[data-v-695ab6a0] {
    flex-direction: row;
}
.caso-item[data-v-695ab6a0] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.caso-nota[data-v-695ab6a0] {
    text-align: center;
}
.notacion-section[data-v-695ab6a0] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

.explorador[data-v-86081418] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-86081418] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-86081418] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-86081418] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-86081418] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-86081418] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-86081418] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-86081418] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-86081418] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-86081418] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Potencias ===== */
.potencias-container[data-v-86081418] {
  text-align: center;
}
.potencia-pregunta[data-v-86081418] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.potencia-base[data-v-86081418] {
  font-size: 3rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.potencia-exp[data-v-86081418] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: -0.5rem;
}
.potencia-igual[data-v-86081418] {
  font-size: 2rem;
  color: #E9D5FF;
  margin: 0 0.5rem;
  align-self: center;
}
.potencia-interrogacion[data-v-86081418] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #C4B5FD;
  align-self: center;
}
.potencia-hint[data-v-86081418] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.hint-icono[data-v-86081418] {
  font-size: 1rem;
}
.hint-texto strong[data-v-86081418] {
  color: #FCD34D;
}
.potencia-opciones[data-v-86081418] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.potencia-btn[data-v-86081418] {
  padding: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.potencia-btn[data-v-86081418]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.potencia-btn.seleccionado[data-v-86081418] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.potencia-btn.correcto[data-v-86081418] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.potencia-btn.incorrecto[data-v-86081418] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.potencia-contador[data-v-86081418] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Partes ===== */
.partes-container[data-v-86081418] {
  text-align: center;
}
.numero-complejo-grande[data-v-86081418] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.5rem;
}
.partes-inputs[data-v-86081418] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.parte-input-group[data-v-86081418] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.parte-label[data-v-86081418] {
  font-weight: 700;
  font-size: 1.1rem;
  min-width: 70px;
  text-align: right;
}
.parte-label.real[data-v-86081418] { color: #6EE7B7;
}
.parte-label.imag[data-v-86081418] { color: #93C5FD;
}
.input-con-signo[data-v-86081418] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-86081418] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-86081418] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.parte-input[data-v-86081418] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.parte-input.correcto[data-v-86081418] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.parte-input.incorrecto[data-v-86081418] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.partes-contador[data-v-86081418] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Plano complejo ===== */
.plano-container[data-v-86081418] {
  text-align: center;
}
.plano-instruccion[data-v-86081418] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.plano-instruccion strong[data-v-86081418] {
  color: #93C5FD;
  font-size: 1.1rem;
}
.plano-complejo[data-v-86081418] {
  position: relative;
  width: 100%;
  max-width: 280px;
  height: 280px;
  margin: 0 auto 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: crosshair;
}
.eje-x[data-v-86081418] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(16, 185, 129, 0.6);
}
.eje-y[data-v-86081418] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(147, 197, 253, 0.6);
}
.eje-label[data-v-86081418] {
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
}
.eje-label-re[data-v-86081418] {
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #6EE7B7;
}
.eje-label-im[data-v-86081418] {
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  color: #93C5FD;
}
.grid-num[data-v-86081418] {
  position: absolute;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.grid-num-x[data-v-86081418] {
  bottom: 52%;
  transform: translateX(-50%);
}
.grid-num-y[data-v-86081418] {
  left: 52%;
}
.punto-seleccionado[data-v-86081418], .punto-correcto[data-v-86081418] {
  position: absolute;
  transform: translate(-50%, 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.punto-dot[data-v-86081418] {
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border: 3px solid white;
  border-radius: 50%;
}
.punto-seleccionado.correcto .punto-dot[data-v-86081418] {
  background: #10B981;
}
.punto-seleccionado.incorrecto .punto-dot[data-v-86081418] {
  background: #EF4444;
}
.punto-correcto .punto-dot[data-v-86081418] {
  background: #10B981;
  opacity: 0.7;
}
.punto-label[data-v-86081418] {
  font-size: 0.7rem;
  font-weight: 600;
  color: white;
  background: rgba(139, 92, 246, 0.8);
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  white-space: nowrap;
}
.plano-botones[data-v-86081418] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.plano-contador[data-v-86081418] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Botones comunes */
.btn-verificar[data-v-86081418] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}
.btn-reiniciar[data-v-86081418] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-86081418] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-86081418] { font-size: 1.25rem;
}
.resultado-texto[data-v-86081418] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-86081418] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-86081418] { flex: 1;
}
.nav-btn[data-v-86081418] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-86081418] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-86081418] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-86081418] { font-size: 1.75rem;
}
.completado-texto[data-v-86081418] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-86081418], .slide-leave-active[data-v-86081418] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-86081418] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-86081418] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.potencia-base[data-v-86081418] {
    font-size: 4rem;
}
.potencia-exp[data-v-86081418] {
    font-size: 2rem;
}
.numero-complejo-grande[data-v-86081418] {
    font-size: 3rem;
}
.partes-inputs[data-v-86081418] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.plano-complejo[data-v-86081418] {
    max-width: 320px;
    height: 320px;
}
}

/* Intro */
.resumen-intro[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-c2f1980d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-c2f1980d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-c2f1980d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-c2f1980d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-c2f1980d] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-c2f1980d]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-c2f1980d] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-c2f1980d] {
    grid-column: span 1;
}
}
.card-header[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-c2f1980d] {
  font-size: 1.25rem;
}
.card-titulo[data-v-c2f1980d] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-c2f1980d] {
  color: #E9D5FF;
}
.card-nota[data-v-c2f1980d] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Unidad imaginaria */
.formula-destacada[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.i-grande[data-v-c2f1980d] {
  font-size: 3rem;
  font-weight: 800;
  color: #93C5FD;
  font-style: italic;
}
.i-def[data-v-c2f1980d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Forma binómica */
.forma-binomica[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.parte[data-v-c2f1980d] {
  padding: 0.15rem 0.4rem;
  border-radius: 0.3rem;
}
.parte.real[data-v-c2f1980d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.parte.imag[data-v-c2f1980d] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.mas[data-v-c2f1980d] { color: #E9D5FF;
}
.i-letra[data-v-c2f1980d] {
  color: #93C5FD;
  font-style: italic;
}
.partes-mini[data-v-c2f1980d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.8rem;
}
.pm.real[data-v-c2f1980d] { color: #6EE7B7;
}
.pm.imag[data-v-c2f1980d] { color: #93C5FD;
}

/* Ciclo potencias */
.ciclo-potencias[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.ciclo-item[data-v-c2f1980d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ciclo-item .exp[data-v-c2f1980d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ciclo-item .val[data-v-c2f1980d] {
  font-size: 1.1rem;
  font-weight: 700;
}
.ciclo-item .val.imag[data-v-c2f1980d] { color: #93C5FD;
}
.ciclo-item .val.imag-neg[data-v-c2f1980d] { color: #93C5FD;
}
.ciclo-item .val.pos[data-v-c2f1980d] { color: #6EE7B7;
}
.ciclo-item .val.neg[data-v-c2f1980d] { color: #FCA5A5;
}
.ciclo-flecha[data-v-c2f1980d] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Tabla de restos */
.tabla-restos[data-v-c2f1980d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
.resto-row[data-v-c2f1980d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.resto-label[data-v-c2f1980d] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.resto-flecha[data-v-c2f1980d] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.resto-val[data-v-c2f1980d] {
  font-weight: 700;
  font-size: 1rem;
}
.resto-val.imag[data-v-c2f1980d] { color: #93C5FD;
}
.resto-val.imag-neg[data-v-c2f1980d] { color: #93C5FD;
}
.resto-val.pos[data-v-c2f1980d] { color: #6EE7B7;
}
.resto-val.neg[data-v-c2f1980d] { color: #FCA5A5;
}

/* Operaciones */
.operacion-ejemplo[data-v-c2f1980d] {
  text-align: center;
  font-family: 'Georgia', serif;
}
.op-linea[data-v-c2f1980d] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.op-linea.resultado[data-v-c2f1980d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Casos especiales */
.casos-lista[data-v-c2f1980d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.caso[data-v-c2f1980d] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.caso-tipo[data-v-c2f1980d] {
  color: #C4B5FD;
}
.caso-ej[data-v-c2f1980d] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-c2f1980d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-c2f1980d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-c2f1980d] {
  font-size: 1.25rem;
}
.tip-text[data-v-c2f1980d] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-c2f1980d] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-c2f1980d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-c2f1980d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-c2f1980d 1s ease-in-out infinite;
}
@keyframes bounce-c2f1980d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-c2f1980d] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-c2f1980d] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-1bfb45cd] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.numero[data-v-1bfb45cd] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.75rem;
  font-weight: 800;
  border: 2px solid;
}
.numero.pi[data-v-1bfb45cd] {
  background: rgba(236, 72, 153, 0.2);
  border-color: #EC4899;
  color: #F9A8D4;
}
.numero.raiz[data-v-1bfb45cd] {
  background: rgba(245, 158, 11, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}
.numero.e[data-v-1bfb45cd] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}

/* Texto inline positivo/negativo */
strong.positivo[data-v-1bfb45cd] {
  color: #6EE7B7;
}
strong.negativo[data-v-1bfb45cd] {
  color: #FCA5A5;
}

/* Comparación */
.comparacion-section[data-v-1bfb45cd] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-1bfb45cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-1bfb45cd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 400px) {
.comparacion-grid[data-v-1bfb45cd] {
    grid-template-columns: 1fr;
}
}
.comparacion-item[data-v-1bfb45cd] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparacion-item.racional[data-v-1bfb45cd] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.comparacion-item.irracional[data-v-1bfb45cd] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.comp-header[data-v-1bfb45cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-icono[data-v-1bfb45cd] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
}
.racional .comp-icono[data-v-1bfb45cd] {
  background: #10B981;
  color: white;
}
.irracional .comp-icono[data-v-1bfb45cd] {
  background: #EC4899;
  color: white;
}
.comp-tipo[data-v-1bfb45cd] {
  font-weight: 700;
  font-size: 0.9rem;
}
.racional .comp-tipo[data-v-1bfb45cd] { color: #6EE7B7;
}
.irracional .comp-tipo[data-v-1bfb45cd] { color: #F9A8D4;
}
.comp-ejemplos[data-v-1bfb45cd] {
  margin-bottom: 0.5rem;
}
.ejemplo-linea[data-v-1bfb45cd] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.15rem 0;
}
.comp-nota[data-v-1bfb45cd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Decimales visuales */
.decimales-section[data-v-1bfb45cd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.decimales-titulo[data-v-1bfb45cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.decimal-visual[data-v-1bfb45cd] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.decimal-simbolo[data-v-1bfb45cd] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #F9A8D4;
}
.decimal-valor[data-v-1bfb45cd] {
  font-size: 1rem;
  color: #FFFFFF;
}
.decimal-valor .d[data-v-1bfb45cd] {
  display: inline-block;
  animation: fadeDigit-1bfb45cd 0.5s ease-out forwards;
  opacity: 0;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(1) { animation-delay: 0.1s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(2) { animation-delay: 0.15s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(3) { animation-delay: 0.2s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(4) { animation-delay: 0.25s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(5) { animation-delay: 0.3s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(6) { animation-delay: 0.35s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(7) { animation-delay: 0.4s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(8) { animation-delay: 0.45s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(9) { animation-delay: 0.5s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(10) { animation-delay: 0.55s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(11) { animation-delay: 0.6s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(12) { animation-delay: 0.65s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(13) { animation-delay: 0.7s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(14) { animation-delay: 0.75s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(15) { animation-delay: 0.8s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(16) { animation-delay: 0.85s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(17) { animation-delay: 0.9s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(18) { animation-delay: 0.95s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(19) { animation-delay: 1s;
}
.decimal-valor .d[data-v-1bfb45cd]:nth-child(20) { animation-delay: 1.05s;
}
@keyframes fadeDigit-1bfb45cd {
from { opacity: 0; transform: translateY(-5px);
}
to { opacity: 1; transform: translateY(0);
}
}
.decimales-nota[data-v-1bfb45cd] {
  text-align: center;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin: 0;
}

/* Definición */
.definicion[data-v-1bfb45cd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-1bfb45cd] {
  font-size: 1.5rem;
}
.def-contenido[data-v-1bfb45cd] {
  flex: 1;
}
.def-titulo[data-v-1bfb45cd] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-1bfb45cd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.def-explicacion[data-v-1bfb45cd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Ejemplos */
.ejemplos-section[data-v-1bfb45cd] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1bfb45cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1bfb45cd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1bfb45cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-simbolo[data-v-1bfb45cd] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #F9A8D4;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-1bfb45cd] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ej-valor[data-v-1bfb45cd] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tip */
.tip[data-v-1bfb45cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1bfb45cd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1bfb45cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1bfb45cd] {
  color: #6EE7B7;
}

/* Desktop: más espacio */
@media (min-width: 640px) {
.intro-visual[data-v-1bfb45cd] {
    gap: 1.5rem;
}
.numero[data-v-1bfb45cd] {
    font-size: 2.25rem;
    padding: 0.75rem 1.5rem;
}
.ejemplos-grid[data-v-1bfb45cd] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-1bfb45cd] {
    padding: 1rem;
}
.ej-simbolo[data-v-1bfb45cd] {
    font-size: 1.75rem;
}
}

strong.irracional[data-v-0fc10a27] { color: #F9A8D4;
}
strong.racional[data-v-0fc10a27] { color: #6EE7B7;
}
.raices-comparacion[data-v-0fc10a27] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin: 1.5rem 0;
}
@media (max-width: 400px) {
.raices-comparacion[data-v-0fc10a27] { grid-template-columns: 1fr;
}
}
.raices-col[data-v-0fc10a27] { padding: 0.75rem; border-radius: 0.75rem; border: 2px solid;
}
.raices-col.exactas[data-v-0fc10a27] { background: rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.4);
}
.raices-col.no-exactas[data-v-0fc10a27] { background: rgba(236, 72, 153, 0.1); border-color: rgba(236, 72, 153, 0.4);
}
.col-header[data-v-0fc10a27] { display: flex; flex-direction: column; align-items: center; margin-bottom: 0.75rem;
}
.col-icono[data-v-0fc10a27] { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 700; margin-bottom: 0.25rem;
}
.exactas .col-icono[data-v-0fc10a27] { background: #10B981; color: white;
}
.no-exactas .col-icono[data-v-0fc10a27] { background: #EC4899; color: white;
}
.col-titulo[data-v-0fc10a27] { font-weight: 700; font-size: 0.9rem; color: #FFFFFF;
}
.col-subtitulo[data-v-0fc10a27] { font-size: 0.75rem; color: #C4B5FD;
}
.raices-lista[data-v-0fc10a27] { display: flex; flex-direction: column; gap: 0.3rem; margin-bottom: 0.5rem;
}
.raiz-item[data-v-0fc10a27] { font-family: monospace; font-size: 0.85rem; text-align: center; padding: 0.2rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem;
}
.exactas .raiz-item[data-v-0fc10a27] { color: #6EE7B7;
}
.no-exactas .raiz-item[data-v-0fc10a27] { color: #F9A8D4;
}
.col-nota[data-v-0fc10a27] { font-size: 0.75rem; color: #E9D5FF; text-align: center;
}
.cuadrados-section[data-v-0fc10a27] { margin: 1.5rem 0; padding: 1rem; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 0.75rem;
}
.section-titulo[data-v-0fc10a27] { font-weight: 700; color: #FFFFFF; margin-bottom: 0.75rem; font-size: 1rem;
}
.cuadrados-grid[data-v-0fc10a27] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.4rem;
}
.cuadrado-item[data-v-0fc10a27] { display: flex; flex-direction: column; align-items: center; padding: 0.4rem 0.25rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.4rem;
}
.cuadrado-num[data-v-0fc10a27] { font-size: 0.8rem; color: #FCD34D; font-weight: 600;
}
.cuadrado-igual[data-v-0fc10a27] { font-size: 0.7rem; color: #C4B5FD;
}
.cuadrado-resultado[data-v-0fc10a27] { font-size: 0.9rem; font-weight: 700; color: #FFFFFF;
}
.geometria-section[data-v-0fc10a27] { margin: 1.5rem 0; padding: 1rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.75rem;
}
.geometria-contenido[data-v-0fc10a27] { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; justify-content: center;
}
.cuadrado-visual[data-v-0fc10a27] { flex-shrink: 0;
}
.cuadrado-forma[data-v-0fc10a27] { width: 100px; height: 100px; border: 3px solid #8B5CF6; position: relative; background: rgba(139, 92, 246, 0.1);
}
.lado[data-v-0fc10a27] { position: absolute; left: -20px; top: 50%; transform: translateY(-50%); font-weight: 700; color: #C4B5FD;
}
.lado-abajo[data-v-0fc10a27] { position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); font-weight: 700; color: #C4B5FD;
}
.diagonal[data-v-0fc10a27] { position: absolute; width: 141%; height: 3px; background: #EC4899; top: 50%; left: 0; transform-origin: top left; transform: rotate(45deg) translateY(-50%);
}
.diagonal-label[data-v-0fc10a27] { position: absolute; top: 30%; right: 15%; font-weight: 700; color: #F9A8D4; font-size: 1.1rem;
}
.geometria-explicacion[data-v-0fc10a27] { flex: 1; min-width: 200px;
}
.geometria-explicacion p[data-v-0fc10a27] { margin: 0 0 0.5rem; font-size: 0.9rem; color: #E9D5FF;
}
.formula-box[data-v-0fc10a27] { padding: 0.75rem; background: rgba(236, 72, 153, 0.15); border: 1px solid rgba(236, 72, 153, 0.3); border-radius: 0.5rem; font-family: monospace; font-size: 0.9rem; color: #FFFFFF; line-height: 1.6;
}
.identificar-section[data-v-0fc10a27] { margin: 1.5rem 0;
}
.pasos-identificar[data-v-0fc10a27] { display: flex; flex-direction: column; gap: 0.5rem;
}
.paso[data-v-0fc10a27] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; background: rgba(139, 92, 246, 0.1); border-radius: 0.5rem;
}
.paso-num[data-v-0fc10a27] { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #8B5CF6; color: white; border-radius: 50%; font-weight: 700; font-size: 0.9rem; flex-shrink: 0;
}
.paso-texto[data-v-0fc10a27] { font-size: 0.9rem; color: #E9D5FF;
}
.ejemplos-section[data-v-0fc10a27] { margin: 1.5rem 0; display: flex; flex-direction: column; gap: 0.5rem;
}
.ejemplo-fila[data-v-0fc10a27] { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.75rem; background: rgba(0, 0, 0, 0.2); border-radius: 0.5rem; flex-wrap: wrap;
}
.ejemplo-raiz[data-v-0fc10a27] { font-family: monospace; font-weight: 700; font-size: 1rem; color: #FFFFFF; min-width: 50px;
}
.ejemplo-analisis[data-v-0fc10a27] { flex: 1; font-size: 0.8rem; color: #C4B5FD; min-width: 150px;
}
.ejemplo-resultado[data-v-0fc10a27] { padding: 0.2rem 0.5rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600;
}
.ejemplo-resultado.irracional[data-v-0fc10a27] { background: rgba(236, 72, 153, 0.2); color: #F9A8D4;
}
.ejemplo-resultado.racional[data-v-0fc10a27] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.tip[data-v-0fc10a27] { display: flex; align-items: flex-start; gap: 0.5rem; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 0.5rem; padding: 0.75rem;
}
.tip-icono[data-v-0fc10a27] { font-size: 1.25rem;
}
.tip-texto[data-v-0fc10a27] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-texto strong[data-v-0fc10a27] { color: #6EE7B7;
}
@media (min-width: 640px) {
.cuadrado-forma[data-v-0fc10a27] { width: 120px; height: 120px;
}
.cuadrados-grid[data-v-0fc10a27] { gap: 0.5rem;
}
.cuadrado-item[data-v-0fc10a27] { padding: 0.5rem;
}
}

strong.pi[data-v-098d7b0a] { color: #F9A8D4;
}
strong.euler[data-v-098d7b0a] { color: #93C5FD;
}
.constante-card[data-v-098d7b0a] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid;
}
.constante-card.pi-card[data-v-098d7b0a] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.constante-card.e-card[data-v-098d7b0a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.constante-header[data-v-098d7b0a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.constante-simbolo[data-v-098d7b0a] {
  font-size: 3rem;
  font-weight: 800;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.pi-card .constante-simbolo[data-v-098d7b0a] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
  border: 3px solid #EC4899;
}
.e-card .constante-simbolo[data-v-098d7b0a] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 3px solid #3B82F6;
}
.constante-info[data-v-098d7b0a] { display: flex; flex-direction: column;
}
.constante-nombre[data-v-098d7b0a] { font-size: 1.1rem; font-weight: 700; color: #FFFFFF;
}
.constante-valor[data-v-098d7b0a] { font-family: monospace; font-size: 0.85rem; color: #C4B5FD;
}
.constante-definicion[data-v-098d7b0a] { margin-bottom: 1rem;
}
.def-visual[data-v-098d7b0a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.circulo[data-v-098d7b0a] {
  width: 60px;
  height: 60px;
  border: 3px solid #EC4899;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circulo-d[data-v-098d7b0a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: #F9A8D4;
  font-size: 0.8rem;
}
.circulo-linea[data-v-098d7b0a] {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #F9A8D4;
}
.def-formula[data-v-098d7b0a] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.frac[data-v-098d7b0a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.frac .num[data-v-098d7b0a] { border-bottom: 2px solid #C4B5FD; padding-bottom: 2px; font-size: 0.85rem;
}
.frac .den[data-v-098d7b0a] { padding-top: 2px; font-size: 0.85rem;
}
.def-visual.euler[data-v-098d7b0a] { justify-content: center;
}
.euler-formula[data-v-098d7b0a] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.euler-formula sub[data-v-098d7b0a], .euler-formula sup[data-v-098d7b0a] { font-size: 0.7rem;
}
.def-texto[data-v-098d7b0a] { margin: 0; font-size: 0.9rem; color: #E9D5FF; text-align: center;
}
.constante-usos[data-v-098d7b0a] { margin-bottom: 1rem;
}
.usos-titulo[data-v-098d7b0a] { font-weight: 600; font-size: 0.85rem; color: #FFFFFF; margin-bottom: 0.5rem;
}
.usos-lista[data-v-098d7b0a] { display: flex; flex-wrap: wrap; gap: 0.4rem;
}
.uso[data-v-098d7b0a] { padding: 0.25rem 0.5rem; background: rgba(255, 255, 255, 0.1); border-radius: 9999px; font-size: 0.75rem; color: #E9D5FF;
}
.formulas-comunes[data-v-098d7b0a] { display: flex; gap: 1rem; flex-wrap: wrap;
}
.formula-item[data-v-098d7b0a] {
  flex: 1;
  min-width: 120px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-label[data-v-098d7b0a] { display: block; font-size: 0.7rem; color: #C4B5FD; margin-bottom: 0.25rem;
}
.formula-expr[data-v-098d7b0a] { font-size: 1rem; font-weight: 700; font-family: monospace; color: #FFFFFF;
}
.dato-curioso[data-v-098d7b0a] {
  display: flex;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-098d7b0a] { font-size: 1.5rem;
}
.dato-contenido[data-v-098d7b0a] { flex: 1;
}
.dato-titulo[data-v-098d7b0a] { font-weight: 700; color: #C4B5FD; font-size: 0.9rem; margin-bottom: 0.5rem;
}
.dato-texto[data-v-098d7b0a] { margin: 0 0 0.75rem; font-size: 0.9rem; color: #E9D5FF;
}
.euler-identity[data-v-098d7b0a] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.euler-identity sup[data-v-098d7b0a] { font-size: 1rem; color: #F9A8D4;
}
.dato-nota[data-v-098d7b0a] { margin: 0; font-size: 0.8rem; color: #C4B5FD; text-align: center;
}
.tip[data-v-098d7b0a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-098d7b0a] { font-size: 1.25rem;
}
.tip-texto[data-v-098d7b0a] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.4;
}
.tip-texto strong[data-v-098d7b0a] { color: #6EE7B7;
}
@media (min-width: 640px) {
.constante-header[data-v-098d7b0a] { gap: 1.5rem;
}
.constante-simbolo[data-v-098d7b0a] { width: 80px; height: 80px; font-size: 3.5rem;
}
.circulo[data-v-098d7b0a] { width: 70px; height: 70px;
}
.formulas-comunes[data-v-098d7b0a] { gap: 1.5rem;
}
.euler-identity[data-v-098d7b0a] { font-size: 1.75rem;
}
}

.explorador[data-v-1e138078] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1e138078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1e138078] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1e138078] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1e138078] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1e138078] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1e138078] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1e138078] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1e138078] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1e138078] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-1e138078] {
  text-align: center;
}
.numero-a-clasificar[data-v-1e138078] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.numero-grande[data-v-1e138078] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F9A8D4;
}
.numero-valor[data-v-1e138078] {
  font-size: 1rem;
  color: #C4B5FD;
  font-family: monospace;
}
.clasificar-opciones[data-v-1e138078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.clasificar-btn[data-v-1e138078] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  border: 2px solid;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 100px;
}
.clasificar-btn.racional[data-v-1e138078] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.clasificar-btn.irracional[data-v-1e138078] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.clasificar-btn .btn-icono[data-v-1e138078] {
  font-size: 1.5rem;
  font-weight: 700;
}
.clasificar-btn.racional .btn-icono[data-v-1e138078] { color: #6EE7B7;
}
.clasificar-btn.irracional .btn-icono[data-v-1e138078] { color: #F9A8D4;
}
.clasificar-btn .btn-texto[data-v-1e138078] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.clasificar-btn.seleccionado[data-v-1e138078] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.clasificar-btn.correcto[data-v-1e138078] {
  background: #10B981;
  border-color: #047857;
}
.clasificar-btn.incorrecto[data-v-1e138078] {
  background: #EF4444;
  border-color: #B91C1C;
}
.feedback-explicacion[data-v-1e138078] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 2: Recta numérica ===== */
.recta-container[data-v-1e138078] {
  text-align: center;
}
.recta-pregunta[data-v-1e138078] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.pregunta-texto[data-v-1e138078] {
  color: #E9D5FF;
  font-size: 1rem;
}
.pregunta-numero[data-v-1e138078] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #F9A8D4;
}
.recta-valor-aproximado[data-v-1e138078] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.recta-visual[data-v-1e138078] {
  padding: 1rem 0.5rem;
  margin-bottom: 1rem;
}
.recta-linea[data-v-1e138078] {
  position: relative;
  height: 60px;
  background: linear-gradient(to right, #EC4899, #8B5CF6, #3B82F6);
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 1rem;
}
.recta-marcas[data-v-1e138078] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.marca[data-v-1e138078] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.marca[data-v-1e138078]::before {
  content: '';
  width: 2px;
  height: 15px;
  background: #FFFFFF;
  margin-bottom: 5px;
}
.marca-valor[data-v-1e138078] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.zonas-click[data-v-1e138078] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
}
.zona[data-v-1e138078] {
  position: absolute;
  height: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zona[data-v-1e138078]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.zona-rango[data-v-1e138078] {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
}
.zona.seleccionada[data-v-1e138078] {
  background: rgba(139, 92, 246, 0.4);
  border: 2px solid #8B5CF6;
}
.zona.correcta[data-v-1e138078] {
  background: rgba(16, 185, 129, 0.4);
  border: 2px solid #10B981;
}
.zona.incorrecta[data-v-1e138078] {
  background: rgba(239, 68, 68, 0.4);
  border: 2px solid #EF4444;
}
.punto-correcto[data-v-1e138078] {
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.punto-correcto .punto[data-v-1e138078] {
  width: 16px;
  height: 16px;
  background: #F9A8D4;
  border: 3px solid #EC4899;
  border-radius: 50%;
}
.punto-correcto .punto-label[data-v-1e138078] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #F9A8D4;
  margin-top: 2px;
}

/* ===== DESAFÍO 3: Raíces ===== */
.raices-container[data-v-1e138078] {
  text-align: center;
}
.raiz-pregunta[data-v-1e138078] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.raiz-simbolo[data-v-1e138078] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.raiz-pregunta-texto[data-v-1e138078] {
  color: #E9D5FF;
  font-size: 1rem;
}
.raices-opciones[data-v-1e138078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.raiz-btn[data-v-1e138078] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  border: 2px solid;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 100px;
}
.raiz-btn.exacta[data-v-1e138078] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.raiz-btn.no-exacta[data-v-1e138078] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.4);
}
.raiz-btn .btn-icono[data-v-1e138078] {
  font-size: 1.25rem;
  font-weight: 700;
}
.raiz-btn.exacta .btn-icono[data-v-1e138078] { color: #6EE7B7;
}
.raiz-btn.no-exacta .btn-icono[data-v-1e138078] { color: #F9A8D4;
}
.raiz-btn .btn-texto[data-v-1e138078] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.raiz-btn .btn-subtexto[data-v-1e138078] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.raiz-btn.seleccionado[data-v-1e138078] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.raiz-btn.correcto[data-v-1e138078] {
  background: #10B981;
  border-color: #047857;
}
.raiz-btn.incorrecto[data-v-1e138078] {
  background: #EF4444;
  border-color: #B91C1C;
}
.feedback-raiz[data-v-1e138078] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 0.75rem;
}

/* Elementos comunes */
.resultado-correcto[data-v-1e138078] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1e138078] { font-size: 1.25rem;
}
.resultado-texto[data-v-1e138078] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-1e138078] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-1e138078] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1e138078] { flex: 1;
}
.nav-btn[data-v-1e138078] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1e138078] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1e138078] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1e138078] { font-size: 1.75rem;
}
.completado-texto[data-v-1e138078] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1e138078], .slide-leave-active[data-v-1e138078] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1e138078] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1e138078] { opacity: 0; transform: translateX(-15px);
}

.resumen-intro[data-v-6b4d38b2] { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding: 1rem; background: linear-gradient(135deg, rgba(236, 72, 153, 0.1), rgba(139, 92, 246, 0.1)); border-radius: 1rem;
}
.intro-emoji[data-v-6b4d38b2] { font-size: 2rem;
}
.resumen-intro p[data-v-6b4d38b2] { margin: 0; color: #E9D5FF; font-size: 1.1rem;
}
.resumen-cards[data-v-6b4d38b2] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-6b4d38b2] { grid-template-columns: 1fr;
}
}
.resumen-card[data-v-6b4d38b2] { background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(139, 92, 246, 0.3); border-radius: 1rem; padding: 1rem; transition: all 0.2s ease;
}
.resumen-card[data-v-6b4d38b2]:hover { border-color: #8B5CF6; transform: translateY(-2px);
}
.resumen-card.wide[data-v-6b4d38b2] { grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-6b4d38b2] { grid-column: span 1;
}
}
.card-header[data-v-6b4d38b2] { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem;
}
.card-icono[data-v-6b4d38b2] { font-size: 1.25rem;
}
.card-titulo[data-v-6b4d38b2] { font-weight: 700; color: #FFFFFF;
}
.card-contenido[data-v-6b4d38b2] { color: #E9D5FF;
}
.card-nota[data-v-6b4d38b2] { margin: 0.5rem 0 0; font-size: 0.85rem; color: #C4B5FD; font-style: italic;
}
.definicion-visual[data-v-6b4d38b2] { text-align: center; margin-bottom: 0.5rem;
}
.def-simbolo[data-v-6b4d38b2] { font-size: 1.25rem; font-weight: 700; font-family: monospace; color: #F9A8D4;
}
.caracteristicas[data-v-6b4d38b2] { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; margin-top: 0.5rem;
}
.caract[data-v-6b4d38b2] { font-size: 0.8rem; padding: 0.2rem 0.5rem; background: rgba(236, 72, 153, 0.2); border-radius: 9999px; color: #F9A8D4;
}
.identificar-lista[data-v-6b4d38b2] { display: flex; flex-direction: column; gap: 0.4rem;
}
.id-item[data-v-6b4d38b2] { display: flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.5rem; border-radius: 0.4rem; font-size: 0.85rem;
}
.id-item.irracional[data-v-6b4d38b2] { background: rgba(236, 72, 153, 0.1);
}
.id-item.racional[data-v-6b4d38b2] { background: rgba(16, 185, 129, 0.1);
}
.id-icono[data-v-6b4d38b2] { font-weight: 700;
}
.id-item.irracional .id-icono[data-v-6b4d38b2] { color: #F9A8D4;
}
.id-item.racional .id-icono[data-v-6b4d38b2] { color: #6EE7B7;
}
.id-texto[data-v-6b4d38b2] { color: #E9D5FF;
}
.constantes-resumen[data-v-6b4d38b2] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem;
}
@media (max-width: 500px) {
.constantes-resumen[data-v-6b4d38b2] { grid-template-columns: repeat(2, 1fr);
}
}
.constante-mini[data-v-6b4d38b2] { display: flex; flex-direction: column; align-items: center; padding: 0.5rem; border-radius: 0.5rem; text-align: center;
}
.constante-mini.pi[data-v-6b4d38b2] { background: rgba(236, 72, 153, 0.15);
}
.constante-mini.e[data-v-6b4d38b2] { background: rgba(59, 130, 246, 0.15);
}
.constante-mini.phi[data-v-6b4d38b2] { background: rgba(245, 158, 11, 0.15);
}
.constante-mini.raiz[data-v-6b4d38b2] { background: rgba(139, 92, 246, 0.15);
}
.const-simbolo[data-v-6b4d38b2] { font-size: 1.25rem; font-weight: 800; color: #FFFFFF;
}
.const-valor[data-v-6b4d38b2] { font-size: 0.7rem; font-family: monospace; color: #C4B5FD;
}
.const-uso[data-v-6b4d38b2] { font-size: 0.65rem; color: #E9D5FF; margin-top: 0.2rem;
}
.cuadrados-mini[data-v-6b4d38b2] { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center;
}
.cuadrados-mini span[data-v-6b4d38b2] { padding: 0.25rem 0.5rem; background: rgba(245, 158, 11, 0.1); border-radius: 0.3rem; font-size: 0.8rem; color: #E9D5FF;
}
.cuadrados-mini span strong[data-v-6b4d38b2] { color: #FCD34D;
}
.reales-visual[data-v-6b4d38b2] { text-align: center;
}
.reales-box[data-v-6b4d38b2] { padding: 0.75rem; background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.3); border-radius: 0.5rem;
}
.reales-titulo[data-v-6b4d38b2] { display: block; font-size: 1.1rem; font-weight: 700; font-family: monospace; color: #FFFFFF; margin-bottom: 0.5rem;
}
.reales-partes[data-v-6b4d38b2] { display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-wrap: wrap;
}
.parte[data-v-6b4d38b2] { padding: 0.25rem 0.5rem; border-radius: 0.3rem; font-size: 0.8rem;
}
.parte.racional[data-v-6b4d38b2] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.parte.irracional[data-v-6b4d38b2] { background: rgba(236, 72, 153, 0.2); color: #F9A8D4;
}
.parte-union[data-v-6b4d38b2] { color: #C4B5FD; font-weight: 700;
}
.ejemplos-rapidos[data-v-6b4d38b2] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem;
}
.ej-rapido[data-v-6b4d38b2] { padding: 0.35rem 0.5rem; border-radius: 0.4rem; font-family: monospace; font-size: 0.8rem; text-align: center;
}
.ej-rapido.racional[data-v-6b4d38b2] { background: rgba(16, 185, 129, 0.15); color: #6EE7B7;
}
.ej-rapido.irracional[data-v-6b4d38b2] { background: rgba(236, 72, 153, 0.15); color: #F9A8D4;
}
.tips-finales[data-v-6b4d38b2] { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem;
}
.tip-final[data-v-6b4d38b2] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 1rem; background: rgba(245, 158, 11, 0.1); border: 2px solid rgba(245, 158, 11, 0.3); border-radius: 0.75rem;
}
.tip-emoji[data-v-6b4d38b2] { font-size: 1.25rem;
}
.tip-text[data-v-6b4d38b2] { color: #E9D5FF; line-height: 1.4;
}
.tip-text strong[data-v-6b4d38b2] { color: #FCD34D;
}
.celebracion[data-v-6b4d38b2] { text-align: center; padding: 1.5rem; background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(139, 92, 246, 0.2)); border: 2px solid rgba(236, 72, 153, 0.4); border-radius: 1rem;
}
.celebracion-iconos[data-v-6b4d38b2] { display: flex; justify-content: center; gap: 0.5rem; font-size: 1.5rem; margin-bottom: 1rem; animation: bounce-6b4d38b2 1s ease-in-out infinite;
}
@keyframes bounce-6b4d38b2 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-6b4d38b2] { font-size: 1.1rem; color: #FFFFFF; margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-6b4d38b2] { font-size: 0.9rem; color: #C4B5FD; margin: 0;
}

/* Intro */
.intro-box[data-v-f7cb80d2] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-f7cb80d2] {
  font-size: 1.5rem;
}
.intro-box p[data-v-f7cb80d2] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Colores inline */
strong.real[data-v-f7cb80d2] { color: #6EE7B7;
}
strong.imag[data-v-f7cb80d2] { color: #93C5FD;
}

/* Reglas */
.regla-section[data-v-f7cb80d2] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid;
}
.regla-section.suma[data-v-f7cb80d2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.regla-section.resta[data-v-f7cb80d2] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.regla-header[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.regla-icono[data-v-f7cb80d2] {
  font-size: 1.25rem;
}
.regla-titulo[data-v-f7cb80d2] {
  font-weight: 700;
  color: #FFFFFF;
}
.formula-box[data-v-f7cb80d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  font-weight: 600;
  flex-wrap: wrap;
  justify-content: center;
}
.formula .parte[data-v-f7cb80d2] { color: #E9D5FF;
}
.formula .real[data-v-f7cb80d2] { color: #6EE7B7;
}
.formula .imag[data-v-f7cb80d2] { color: #93C5FD;
}
.formula .i[data-v-f7cb80d2] { color: #93C5FD; font-style: italic;
}
.formula .op[data-v-f7cb80d2] { color: #E9D5FF; margin: 0 0.1rem;
}
.formula .op-principal[data-v-f7cb80d2] { 
  color: #6EE7B7; 
  font-size: 1.3rem; 
  margin: 0 0.3rem;
  font-weight: 800;
}
.formula .op-principal.neg[data-v-f7cb80d2] { color: #FCA5A5;
}
.formula-igual[data-v-f7cb80d2] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.formula.resultado[data-v-f7cb80d2] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

/* Ejemplos */
.ejemplo-section[data-v-f7cb80d2] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-f7cb80d2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-operacion[data-v-f7cb80d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.op-linea[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.complejo[data-v-f7cb80d2] {
  color: #FFFFFF;
}
.operador[data-v-f7cb80d2] {
  color: #6EE7B7;
  font-size: 1.5rem;
}
.operador.neg[data-v-f7cb80d2] {
  color: #FCA5A5;
}
.op-paso[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 0;
}
.paso-num[data-v-f7cb80d2] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-f7cb80d2] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.op-resultado[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.resultado-label[data-v-f7cb80d2] {
  color: #6EE7B7;
  font-weight: 600;
}
.resultado-valor[data-v-f7cb80d2] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Simulador */
.simulador[data-v-f7cb80d2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-f7cb80d2] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-f7cb80d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.sim-complejo[data-v-f7cb80d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.sim-label[data-v-f7cb80d2] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.sim-inputs[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.slider[data-v-f7cb80d2] {
  width: 70px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-f7cb80d2]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.sim-valor[data-v-f7cb80d2] {
  font-weight: 700;
  font-size: 1.1rem;
  min-width: 40px;
  text-align: center;
}
.sim-valor.real[data-v-f7cb80d2] { color: #6EE7B7;
}
.sim-valor.imag[data-v-f7cb80d2] { color: #93C5FD;
}
.sim-operacion[data-v-f7cb80d2] {
  display: flex;
  gap: 0.5rem;
}
.sim-op-btn[data-v-f7cb80d2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.sim-op-btn.activo[data-v-f7cb80d2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}
.sim-resultado[data-v-f7cb80d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.sim-eq[data-v-f7cb80d2] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.sim-res[data-v-f7cb80d2] {
  font-size: 1.75rem;
  font-weight: 800;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-f7cb80d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-f7cb80d2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f7cb80d2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-f7cb80d2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-f7cb80d2] {
    font-size: 1.25rem;
}
.sim-controles[data-v-f7cb80d2] {
    flex-direction: row;
    justify-content: center;
}
.sim-complejo[data-v-f7cb80d2] {
    width: auto;
}
.slider[data-v-f7cb80d2] {
    width: 80px;
}
}

/* Intro */
.intro-box[data-v-1bd84768] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 2px solid rgba(147, 197, 253, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-1bd84768] { font-size: 1.5rem;
}
.intro-box p[data-v-1bd84768] { margin: 0; color: #E9D5FF; line-height: 1.5;
}
strong.real[data-v-1bd84768] { color: #6EE7B7;
}
strong.imag[data-v-1bd84768] { color: #93C5FD;
}
strong.negativo[data-v-1bd84768] { color: #FCA5A5;
}

/* Fórmula principal */
.formula-section[data-v-1bd84768] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.formula-titulo[data-v-1bd84768] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.formula-principal[data-v-1bd84768] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula-linea[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  font-weight: 600;
  flex-wrap: wrap;
  justify-content: center;
}
.parte[data-v-1bd84768] { color: #E9D5FF;
}
.real[data-v-1bd84768] { color: #6EE7B7;
}
.imag[data-v-1bd84768] { color: #93C5FD;
}
.i[data-v-1bd84768] { color: #93C5FD; font-style: italic;
}
.op[data-v-1bd84768] { color: #E9D5FF;
}
.multiplicar[data-v-1bd84768] { color: #FCD34D; font-size: 1.25rem; margin: 0 0.25rem;
}
.formula-igual[data-v-1bd84768] { font-size: 1.25rem; color: #C4B5FD;
}
.formula-resultado[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* Desarrollo */
.desarrollo-section[data-v-1bd84768] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.desarrollo-titulo[data-v-1bd84768] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.desarrollo-pasos[data-v-1bd84768] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dev-paso[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.dev-num[data-v-1bd84768] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.dev-contenido[data-v-1bd84768] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.dev-desc[data-v-1bd84768] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.dev-formula[data-v-1bd84768] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Ejemplo */
.ejemplo-section[data-v-1bd84768] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-1bd84768] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
  font-size: 1.05rem;
}
.ej-metodo[data-v-1bd84768] {
  margin-bottom: 1rem;
}
.metodo-titulo[data-v-1bd84768] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.foil-grid[data-v-1bd84768] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.foil-item[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.foil-label[data-v-1bd84768] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 0.3rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.foil-calc[data-v-1bd84768] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.foil-calc strong[data-v-1bd84768] {
  color: #FFFFFF;
}
.ej-suma[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.suma-label[data-v-1bd84768] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.suma-calc[data-v-1bd84768] {
  color: #FFFFFF;
  font-weight: 600;
}
.ej-resultado[data-v-1bd84768] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.res-label[data-v-1bd84768] {
  color: #6EE7B7;
  font-weight: 600;
}
.res-valor[data-v-1bd84768] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Casos especiales */
.casos-section[data-v-1bd84768] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-1bd84768] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.casos-grid[data-v-1bd84768] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.caso-card[data-v-1bd84768] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-header[data-v-1bd84768] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.caso-formula[data-v-1bd84768] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.caso-nota[data-v-1bd84768] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Simulador */
.simulador[data-v-1bd84768] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.sim-titulo[data-v-1bd84768] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.sim-contenido[data-v-1bd84768] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sim-row[data-v-1bd84768] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.sim-complejo[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sim-label[data-v-1bd84768] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.sim-valor[data-v-1bd84768] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.sim-op[data-v-1bd84768] {
  font-size: 1.25rem;
  color: #FCD34D;
  font-weight: 700;
}
.sim-sliders[data-v-1bd84768] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.slider-group[data-v-1bd84768] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slider-label[data-v-1bd84768] {
  color: #C4B5FD;
  font-weight: 600;
  min-width: 15px;
}
.slider[data-v-1bd84768] {
  flex: 1;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-1bd84768]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.slider-val[data-v-1bd84768] {
  font-weight: 700;
  min-width: 25px;
  text-align: center;
}
.slider-val.real[data-v-1bd84768] { color: #6EE7B7;
}
.slider-val.imag[data-v-1bd84768] { color: #93C5FD;
}
.sim-resultado[data-v-1bd84768] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.res-eq[data-v-1bd84768] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.sim-resultado .res-valor[data-v-1bd84768] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.sim-detalle[data-v-1bd84768] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.detalle-real[data-v-1bd84768] { color: #6EE7B7;
}
.detalle-imag[data-v-1bd84768] { color: #93C5FD;
}
.detalle-real strong[data-v-1bd84768], .detalle-imag strong[data-v-1bd84768] { color: #FFFFFF;
}

/* Tip */
.tip[data-v-1bd84768] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-1bd84768] { font-size: 1.25rem;
}
.tip-texto[data-v-1bd84768] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.5;
}
.tip-texto strong[data-v-1bd84768] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-linea[data-v-1bd84768], .formula-resultado[data-v-1bd84768] {
    font-size: 1.25rem;
}
.foil-grid[data-v-1bd84768] {
    grid-template-columns: repeat(4, 1fr);
}
.sim-sliders[data-v-1bd84768] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Secciones principales */
.seccion-principal[data-v-abff2b28] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid;
}
.seccion-principal.conjugado[data-v-abff2b28] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.3);
}
.seccion-principal.division[data-v-abff2b28] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.seccion-header[data-v-abff2b28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.seccion-icono[data-v-abff2b28] { font-size: 1.25rem;
}
.seccion-titulo[data-v-abff2b28] { font-weight: 700; color: #FFFFFF; font-size: 1.1rem;
}

/* Conjugado */
.definicion-box[data-v-abff2b28] {
  text-align: center;
  margin-bottom: 1rem;
}
.definicion-formula[data-v-abff2b28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.z-original[data-v-abff2b28] { color: #93C5FD;
}
.flecha[data-v-abff2b28] { color: #C4B5FD;
}
.z-conjugado[data-v-abff2b28] { color: #6EE7B7;
}
.definicion-texto[data-v-abff2b28] {
  color: #E9D5FF;
  margin: 0;
}
.ejemplos-conjugado[data-v-abff2b28] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.ejemplo-conj[data-v-abff2b28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.9rem;
}
.conj-original[data-v-abff2b28] { color: #93C5FD; font-weight: 600;
}
.conj-flecha[data-v-abff2b28] { color: #C4B5FD;
}
.conj-resultado[data-v-abff2b28] { color: #6EE7B7; font-weight: 600;
}

/* Propiedad mágica */
.propiedad-magica[data-v-abff2b28] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.propiedad-header[data-v-abff2b28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.propiedad-icono[data-v-abff2b28] { font-size: 1.25rem;
}
.propiedad-titulo[data-v-abff2b28] { font-weight: 700; color: #6EE7B7;
}
.propiedad-contenido[data-v-abff2b28] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.propiedad-formula[data-v-abff2b28] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.propiedad-nota[data-v-abff2b28] {
  color: #E9D5FF;
  margin: 0;
  font-size: 0.9rem;
}
strong.real[data-v-abff2b28] { color: #6EE7B7;
}
strong.imag[data-v-abff2b28] { color: #93C5FD;
}
.propiedad-ejemplo[data-v-abff2b28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  flex-wrap: wrap;
}
.pe-z[data-v-abff2b28] { color: #93C5FD;
}
.pe-op[data-v-abff2b28] { color: #C4B5FD;
}
.pe-conj[data-v-abff2b28] { color: #6EE7B7;
}
.pe-eq[data-v-abff2b28] { color: #C4B5FD;
}
.pe-calc[data-v-abff2b28] { color: #E9D5FF;
}
.pe-res[data-v-abff2b28] { color: #FFFFFF; font-weight: 800; font-size: 1.25rem;
}

/* División estrategia */
.division-estrategia[data-v-abff2b28] {
  margin-bottom: 1rem;
}
.division-estrategia p[data-v-abff2b28] {
  color: #E9D5FF;
  margin: 0;
}
.division-formula[data-v-abff2b28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.fraccion[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-abff2b28], .denominador[data-v-abff2b28] {
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  font-weight: 600;
}
.linea-fraccion[data-v-abff2b28] {
  width: 100%;
  height: 2px;
  background: #C4B5FD;
}
.multiplicar[data-v-abff2b28] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.conjugado-frac .numerador[data-v-abff2b28],
.conjugado-frac .denominador[data-v-abff2b28] {
  color: #6EE7B7;
}

/* Ejemplo división */
.ejemplo-division[data-v-abff2b28] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.ejemplo-titulo[data-v-abff2b28] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.05rem;
}
.div-pasos[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.div-paso[data-v-abff2b28] {
  display: flex;
  gap: 0.75rem;
}
.paso-num[data-v-abff2b28] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-abff2b28] {
  flex: 1;
}
.paso-desc[data-v-abff2b28] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.paso-calc[data-v-abff2b28] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.paso-calc strong[data-v-abff2b28] {
  color: #FFFFFF;
}
.fraccion-resultado[data-v-abff2b28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fraccion-inline[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-inline .num[data-v-abff2b28] {
  border-bottom: 2px solid #C4B5FD;
  padding-bottom: 2px;
}
.fraccion-inline .den[data-v-abff2b28] {
  padding-top: 2px;
}
.eq[data-v-abff2b28] { color: #C4B5FD;
}
.res[data-v-abff2b28] { color: #6EE7B7; font-weight: 700;
}
.resultado-final[data-v-abff2b28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.res-label[data-v-abff2b28] { color: #6EE7B7; font-weight: 600;
}
.res-valor[data-v-abff2b28] { font-size: 1.5rem; font-weight: 800; color: #FFFFFF;
}

/* Calculadora */
.calculadora[data-v-abff2b28] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.calc-titulo[data-v-abff2b28] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.calc-inputs[data-v-abff2b28] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.calc-fraccion[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calc-num[data-v-abff2b28], .calc-den[data-v-abff2b28] {
  padding: 0.5rem 1rem;
}
.num-val[data-v-abff2b28], .den-val[data-v-abff2b28] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.calc-linea[data-v-abff2b28] {
  width: 100%;
  height: 3px;
  background: #8B5CF6;
}
.calc-sliders[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.slider-row[data-v-abff2b28] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.slider-label[data-v-abff2b28] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.slider-pair[data-v-abff2b28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.slider[data-v-abff2b28] {
  width: 60px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider[data-v-abff2b28]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.slider-val[data-v-abff2b28] {
  font-weight: 700;
  min-width: 30px;
}
.slider-val.real[data-v-abff2b28] { color: #6EE7B7;
}
.slider-val.imag[data-v-abff2b28] { color: #93C5FD;
}
.slider-plus[data-v-abff2b28] { color: #C4B5FD;
}
.calc-resultado[data-v-abff2b28] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.calc-resultado .eq[data-v-abff2b28] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.calc-resultado .resultado[data-v-abff2b28] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.calc-error[data-v-abff2b28] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-abff2b28] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-abff2b28] { font-size: 1.25rem;
}
.tip-texto[data-v-abff2b28] { color: #E9D5FF; font-size: 0.9rem; line-height: 1.5;
}
.tip-texto strong[data-v-abff2b28] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definicion-formula[data-v-abff2b28] {
    font-size: 1.75rem;
}
.slider-row[data-v-abff2b28] {
    flex-direction: row;
    align-items: center;
}
.slider-label[data-v-abff2b28] {
    min-width: 100px;
}
}

.explorador[data-v-a2ce614d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a2ce614d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a2ce614d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a2ce614d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a2ce614d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a2ce614d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a2ce614d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a2ce614d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a2ce614d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a2ce614d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Operación pregunta */
.operacion-container[data-v-a2ce614d], .conjugado-container[data-v-a2ce614d] {
  text-align: center;
}
.operacion-pregunta[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.op-complejo[data-v-a2ce614d] {
  color: #FFFFFF;
}
.op-simbolo[data-v-a2ce614d] {
  color: #6EE7B7;
  font-size: 1.5rem;
}
.op-simbolo.resta[data-v-a2ce614d] {
  color: #FCA5A5;
}
.op-simbolo.mult[data-v-a2ce614d] {
  color: #FCD34D;
}
.op-igual[data-v-a2ce614d] {
  color: #C4B5FD;
}
.op-interrogacion[data-v-a2ce614d] {
  color: #8B5CF6;
  font-size: 1.5rem;
}

/* Inputs */
.respuesta-inputs[data-v-a2ce614d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.input-grupo[data-v-a2ce614d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.input-label[data-v-a2ce614d] {
  font-size: 0.8rem;
  font-weight: 600;
}
.input-label.real[data-v-a2ce614d] { color: #6EE7B7;
}
.input-label.imag[data-v-a2ce614d] { color: #93C5FD;
}
.input-con-signo[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.btn-signo[data-v-a2ce614d] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-a2ce614d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-signo.small[data-v-a2ce614d] {
  width: 30px;
  height: 30px;
  font-size: 0.9rem;
}
.numero-input[data-v-a2ce614d] {
  width: 50px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.numero-input.small[data-v-a2ce614d] {
  width: 40px;
  padding: 0.4rem;
  font-size: 0.95rem;
}
.numero-input.producto[data-v-a2ce614d] {
  width: 60px;
}
.numero-input.correcto[data-v-a2ce614d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.numero-input.incorrecto[data-v-a2ce614d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Hint */
.hint-box[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.hint-icono[data-v-a2ce614d] { font-size: 1rem;
}
.hint-texto strong[data-v-a2ce614d] { color: #FCD34D;
}

/* Conjugado */
.conj-pregunta[data-v-a2ce614d] {
  margin-bottom: 1rem;
}
.conj-numero[data-v-a2ce614d] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(147, 197, 253, 0.1);
  border-radius: 0.5rem;
  display: inline-block;
}
.conj-tareas[data-v-a2ce614d] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.conj-tarea[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tarea-label[data-v-a2ce614d] {
  font-weight: 600;
  color: #C4B5FD;
  min-width: 100px;
  text-align: right;
}
.tarea-inputs[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tarea-plus[data-v-a2ce614d] {
  color: #C4B5FD;
}
.tarea-i[data-v-a2ce614d] {
  color: #93C5FD;
  font-style: italic;
  font-weight: 600;
}

/* Botones */
.btn-verificar[data-v-a2ce614d] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* Feedback */
.feedback-error[data-v-a2ce614d] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a2ce614d] { font-size: 1.25rem;
}
.resultado-texto[data-v-a2ce614d] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-a2ce614d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-a2ce614d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a2ce614d] { flex: 1;
}
.nav-btn[data-v-a2ce614d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a2ce614d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a2ce614d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a2ce614d] { font-size: 1.75rem;
}
.completado-texto[data-v-a2ce614d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a2ce614d], .slide-leave-active[data-v-a2ce614d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a2ce614d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a2ce614d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.operacion-pregunta[data-v-a2ce614d] {
    font-size: 1.5rem;
}
.respuesta-inputs[data-v-a2ce614d] {
    gap: 2rem;
}
.numero-input[data-v-a2ce614d] {
    width: 60px;
}
}

/* Intro */
.resumen-intro[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-91fc4a95] {
  font-size: 2rem;
}
.resumen-intro p[data-v-91fc4a95] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-91fc4a95] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-91fc4a95] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-91fc4a95] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-91fc4a95]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-91fc4a95] {
  grid-column: span 2;
}
.resumen-card.destacada[data-v-91fc4a95] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-91fc4a95] {
    grid-column: span 1;
}
}
.card-header[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-91fc4a95] {
  font-size: 1.25rem;
}
.card-titulo[data-v-91fc4a95] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-91fc4a95] {
  color: #E9D5FF;
}
.card-nota[data-v-91fc4a95] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Fórmulas mini */
.formula-mini[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.real[data-v-91fc4a95] { color: #6EE7B7;
}
.imag[data-v-91fc4a95] { color: #93C5FD;
}
.op[data-v-91fc4a95] { color: #E9D5FF;
}
.i[data-v-91fc4a95] { color: #93C5FD; font-style: italic;
}

/* Multiplicación */
.mult-formula[data-v-91fc4a95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.mult-linea[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
}
.parte[data-v-91fc4a95] { color: #FFFFFF;
}
.op-mult[data-v-91fc4a95] { color: #FCD34D;
}
.mult-resultado[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
}
.metodo-mini[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.metodo-tag[data-v-91fc4a95] {
  padding: 0.15rem 0.4rem;
  background: #8B5CF6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.metodo-texto[data-v-91fc4a95] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.metodo-texto strong[data-v-91fc4a95] {
  color: #93C5FD;
}

/* Conjugado */
.conj-formula[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 700;
}
.z-original[data-v-91fc4a95] { color: #93C5FD;
}
.flecha[data-v-91fc4a95] { color: #C4B5FD;
}
.z-conj[data-v-91fc4a95] { color: #6EE7B7;
}

/* Propiedad destacada */
.propiedad-formula[data-v-91fc4a95] {
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
  color: #FFFFFF;
}

/* División pasos */
.div-pasos[data-v-91fc4a95] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.div-paso[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-91fc4a95] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-91fc4a95] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-91fc4a95] {
  color: #6EE7B7;
}

/* Tabla de referencia */
.tabla-referencia[data-v-91fc4a95] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
}
.tabla-titulo[data-v-91fc4a95] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tabla-contenido[data-v-91fc4a95] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tabla-row[data-v-91fc4a95] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tabla-op[data-v-91fc4a95] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 60px;
}
.tabla-desc[data-v-91fc4a95] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-91fc4a95] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-91fc4a95] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-91fc4a95] {
  font-size: 1.25rem;
}
.tip-text[data-v-91fc4a95] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-91fc4a95] {
  color: #6EE7B7;
}

/* Celebración */
.celebracion[data-v-91fc4a95] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(147, 197, 253, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-91fc4a95] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-91fc4a95 1s ease-in-out infinite;
}
@keyframes bounce-91fc4a95 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-91fc4a95] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-91fc4a95] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-5769c54f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.numero-complejo[data-v-5769c54f] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  background: rgba(147, 197, 253, 0.2);
  border: 2px solid rgba(147, 197, 253, 0.4);
  color: #93C5FD;
}
.flecha-visual[data-v-5769c54f] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.punto-visual[data-v-5769c54f] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}

/* Texto especial */
strong.especial[data-v-5769c54f] { color: #FCD34D;
}
strong.positivo[data-v-5769c54f] { color: #6EE7B7;
}
strong.negativo[data-v-5769c54f] { color: #FCA5A5;
}

/* Plano section */
.plano-section[data-v-5769c54f] {
  margin: 1.5rem 0;
  position: relative;
}
.plano-label[data-v-5769c54f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.plano-diagram[data-v-5769c54f] {
  position: relative;
  width: 100%;
  max-width: 280px;
  height: 280px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.eje-real[data-v-5769c54f] {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  height: 2px;
  background: linear-gradient(to right, #6EE7B7, #6EE7B7);
}
.eje-imaginario[data-v-5769c54f] {
  position: absolute;
  left: 50%;
  top: 5%;
  bottom: 5%;
  width: 2px;
  background: linear-gradient(to bottom, #93C5FD, #93C5FD);
}
.axis-label[data-v-5769c54f] {
  position: absolute;
  font-size: 0.65rem;
  font-weight: 600;
}
.axis-re[data-v-5769c54f] {
  right: 8%;
  top: 52%;
  color: #6EE7B7;
}
.axis-im[data-v-5769c54f] {
  left: 52%;
  top: 8%;
  color: #93C5FD;
}
.axis-num[data-v-5769c54f] {
  position: absolute;
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Punto ejemplo */
.punto-ejemplo[data-v-5769c54f] {
  position: absolute;
  left: 62.5%;
  bottom: 60%;
}
.linea-horizontal[data-v-5769c54f] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 1px;
  border-bottom: 1px dashed rgba(252, 211, 77, 0.5);
}
.linea-vertical[data-v-5769c54f] {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 28px;
  width: 1px;
  background: rgba(252, 211, 77, 0.5);
}
.punto-dot[data-v-5769c54f] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #8B5CF6;
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(-50%, 50%);
}
.punto-label[data-v-5769c54f] {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  background: rgba(139, 92, 246, 0.8);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.coord-x[data-v-5769c54f] {
  position: absolute;
  left: 62%;
  bottom: 45%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
}
.coord-y[data-v-5769c54f] {
  position: absolute;
  left: 52%;
  bottom: 60%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Correspondencia */
.correspondencia-section[data-v-5769c54f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.correspondencia-titulo[data-v-5769c54f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.correspondencia-grid[data-v-5769c54f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.correspondencia-item[data-v-5769c54f], .correspondencia-ejemplo[data-v-5769c54f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.corr-complejo[data-v-5769c54f], .corr-punto[data-v-5769c54f] {
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  font-weight: 700;
  font-size: 1rem;
}
.corr-complejo[data-v-5769c54f] {
  background: rgba(147, 197, 253, 0.2);
  color: #93C5FD;
}
.corr-punto[data-v-5769c54f] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.corr-flecha[data-v-5769c54f], .ejemplo-flecha[data-v-5769c54f] {
  color: #FCD34D;
  font-size: 1.25rem;
}
.ejemplo-complejo[data-v-5769c54f], .ejemplo-punto[data-v-5769c54f] {
  font-weight: 600;
  font-size: 0.9rem;
}
.ejemplo-complejo[data-v-5769c54f] { color: #93C5FD;
}
.ejemplo-punto[data-v-5769c54f] { color: #C4B5FD;
}

/* Ejes section */
.ejes-section[data-v-5769c54f] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.eje-card[data-v-5769c54f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.eje-real-card[data-v-5769c54f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.eje-imag-card[data-v-5769c54f] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.eje-icono[data-v-5769c54f] {
  font-size: 1.5rem;
}
.eje-real-card .eje-icono[data-v-5769c54f] { color: #6EE7B7;
}
.eje-imag-card .eje-icono[data-v-5769c54f] { color: #93C5FD;
}
.eje-info[data-v-5769c54f] {
  display: flex;
  flex-direction: column;
}
.eje-nombre[data-v-5769c54f] {
  font-weight: 700;
  font-size: 0.9rem;
}
.eje-nombre.real[data-v-5769c54f] { color: #6EE7B7;
}
.eje-nombre.imag[data-v-5769c54f] { color: #93C5FD;
}
.eje-desc[data-v-5769c54f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-5769c54f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5769c54f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5769c54f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5769c54f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-5769c54f] {
    gap: 1.5rem;
}
.numero-complejo[data-v-5769c54f], .punto-visual[data-v-5769c54f] {
    font-size: 1.75rem;
}
.plano-diagram[data-v-5769c54f] {
    max-width: 320px;
    height: 320px;
}
.ejes-section[data-v-5769c54f] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Pregunta intro */
.pregunta-intro[data-v-c222167c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.pregunta-icono[data-v-c222167c] {
  font-size: 2rem;
}
.pregunta-texto p[data-v-c222167c] {
  margin: 0;
  color: #E9D5FF;
}
.pregunta-texto strong[data-v-c222167c] {
  color: #FCD34D;
}

/* Texto especial */
strong.especial[data-v-c222167c] { color: #FCD34D;
}
strong.real[data-v-c222167c] { color: #6EE7B7;
}
strong.imag[data-v-c222167c] { color: #93C5FD;
}

/* Diagrama del módulo */
.modulo-diagram-section[data-v-c222167c] {
  margin: 1.5rem 0;
}
.modulo-label[data-v-c222167c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.modulo-diagram[data-v-c222167c] {
  position: relative;
  width: 100%;
  max-width: 260px;
  height: 220px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.eje-x[data-v-c222167c] {
  position: absolute;
  top: 75%;
  left: 10%;
  width: 80%;
  height: 2px;
  background: rgba(16, 185, 129, 0.5);
}
.eje-y[data-v-c222167c] {
  position: absolute;
  left: 15%;
  top: 10%;
  height: 75%;
  width: 2px;
  background: rgba(147, 197, 253, 0.5);
}

/* Triángulo */
.triangulo[data-v-c222167c] {
  position: absolute;
  left: 15%;
  top: 25%;
  width: 60%;
  height: 50%;
}
.lado-a[data-v-c222167c] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #6EE7B7;
}
.lado-b[data-v-c222167c] {
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #93C5FD;
}
.hipotenusa[data-v-c222167c] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 117%;
  height: 4px;
  background: #8B5CF6;
  transform-origin: bottom left;
  transform: rotate(-39.8deg);
}
.label-a[data-v-c222167c] {
  position: absolute;
  left: 40%;
  top: 78%;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}
.label-b[data-v-c222167c] {
  position: absolute;
  right: 18%;
  top: 45%;
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.label-modulo[data-v-c222167c] {
  position: absolute;
  left: 30%;
  top: 38%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.punto-z[data-v-c222167c] {
  position: absolute;
  right: 22%;
  top: 22%;
}
.punto-dot[data-v-c222167c] {
  width: 12px;
  height: 12px;
  background: #8B5CF6;
  border: 2px solid white;
  border-radius: 50%;
}
.punto-label[data-v-c222167c] {
  position: absolute;
  left: 15px;
  top: -5px;
  font-size: 0.7rem;
  font-weight: 600;
  color: white;
  background: rgba(139, 92, 246, 0.8);
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
  white-space: nowrap;
}
.origen-label[data-v-c222167c] {
  position: absolute;
  left: 10%;
  top: 76%;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmula */
.formula-section[data-v-c222167c] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-c222167c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-c222167c] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-principal[data-v-c222167c] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-family: 'Georgia', serif;
}
.formula-donde[data-v-c222167c] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-c222167c] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-c222167c] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-c222167c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-c222167c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-c222167c] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso.resultado .paso-num[data-v-c222167c] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-c222167c] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.paso.resultado .paso-texto[data-v-c222167c] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-c222167c] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c222167c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-c222167c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-c222167c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-z[data-v-c222167c] {
  font-size: 0.8rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.ej-resultado[data-v-c222167c] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ej-resultado strong[data-v-c222167c] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-c222167c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c222167c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c222167c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c222167c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.modulo-diagram[data-v-c222167c] {
    max-width: 300px;
    height: 250px;
}
.formula-principal[data-v-c222167c] {
    font-size: 1.75rem;
}
.ejemplos-grid[data-v-c222167c] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto especial */
strong.especial[data-v-b508743a] { color: #FCD34D;
}
strong.real[data-v-b508743a] { color: #6EE7B7;
}
strong.imag[data-v-b508743a] { color: #93C5FD;
}

/* Diagrama del argumento */
.argumento-diagram-section[data-v-b508743a] {
  margin: 1.5rem 0;
}
.argumento-label[data-v-b508743a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.argumento-diagram[data-v-b508743a] {
  position: relative;
  width: 100%;
  max-width: 260px;
  height: 220px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.eje-x[data-v-b508743a] {
  position: absolute;
  top: 60%;
  left: 10%;
  width: 80%;
  height: 2px;
  background: rgba(16, 185, 129, 0.6);
}
.eje-y[data-v-b508743a] {
  position: absolute;
  left: 25%;
  top: 10%;
  height: 70%;
  width: 2px;
  background: rgba(147, 197, 253, 0.6);
}
.arco-angulo[data-v-b508743a] {
  position: absolute;
  left: 25%;
  top: 60%;
  width: 40px;
  height: 40px;
  border: 2px solid #FCD34D;
  border-radius: 50%;
  clip-path: polygon(100% 0, 100% 100%, 50% 100%, 50% 50%);
  transform: translate(-50%, -50%) rotate(-50deg);
}
.vector-z[data-v-b508743a] {
  position: absolute;
  left: 25%;
  top: 60%;
  width: 120px;
  height: 3px;
  background: #8B5CF6;
  transform-origin: left center;
  transform: rotate(-50deg);
}
.label-theta[data-v-b508743a] {
  position: absolute;
  left: 32%;
  top: 52%;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.label-re[data-v-b508743a] {
  position: absolute;
  right: 12%;
  top: 55%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6EE7B7;
}
.label-im[data-v-b508743a] {
  position: absolute;
  left: 27%;
  top: 12%;
  font-size: 0.7rem;
  font-weight: 600;
  color: #93C5FD;
}
.punto-z[data-v-b508743a] {
  position: absolute;
  right: 20%;
  top: 20%;
}
.punto-dot[data-v-b508743a] {
  width: 12px;
  height: 12px;
  background: #8B5CF6;
  border: 2px solid white;
  border-radius: 50%;
}
.punto-label[data-v-b508743a] {
  position: absolute;
  left: 15px;
  top: -5px;
  font-size: 0.65rem;
  font-weight: 600;
  color: white;
  background: rgba(139, 92, 246, 0.8);
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
  white-space: nowrap;
}
.origen-label[data-v-b508743a] {
  position: absolute;
  left: 20%;
  top: 62%;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.coord-a[data-v-b508743a] {
  position: absolute;
  left: 50%;
  top: 63%;
  font-size: 0.7rem;
  color: #6EE7B7;
}
.coord-b[data-v-b508743a] {
  position: absolute;
  left: 78%;
  top: 40%;
  font-size: 0.7rem;
  color: #93C5FD;
}

/* Fórmula */
.formula-section[data-v-b508743a] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-b508743a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-b508743a] {
  text-align: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-principal[data-v-b508743a] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-family: 'Georgia', serif;
}
.formula-donde[data-v-b508743a] {
  font-size: 0.9rem;
  color: #C4B5FD;
}

/* Cuadrantes */
.cuadrantes-section[data-v-b508743a] {
  margin: 1.5rem 0;
}
.cuadrantes-titulo[data-v-b508743a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.cuadrantes-grid[data-v-b508743a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.cuadrante[data-v-b508743a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.cuadrante-1[data-v-b508743a] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.cuadrante-2[data-v-b508743a] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.4);
}
.cuadrante-3[data-v-b508743a] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.cuadrante-4[data-v-b508743a] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.cuad-num[data-v-b508743a] {
  font-size: 0.9rem;
  font-weight: 800;
  color: #FFFFFF;
}
.cuad-cond[data-v-b508743a] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin: 0.15rem 0;
}
.cuad-formula[data-v-b508743a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.cuadrantes-nota[data-v-b508743a] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Ejemplo */
.ejemplo-section[data-v-b508743a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-b508743a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ejemplo-pasos[data-v-b508743a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-b508743a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-b508743a] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso.resultado .paso-num[data-v-b508743a] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-b508743a] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso.resultado .paso-texto[data-v-b508743a] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Ángulos especiales */
.angulos-section[data-v-b508743a] {
  margin: 1.5rem 0;
}
.angulos-titulo[data-v-b508743a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.angulos-grid[data-v-b508743a] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.angulo-item[data-v-b508743a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.ang-z[data-v-b508743a] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-bottom: 0.15rem;
}
.ang-val[data-v-b508743a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ang-val strong[data-v-b508743a] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-b508743a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b508743a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b508743a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b508743a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.argumento-diagram[data-v-b508743a] {
    max-width: 300px;
    height: 240px;
}
.formula-principal[data-v-b508743a] {
    font-size: 1.5rem;
}
.angulos-grid[data-v-b508743a] {
    gap: 0.75rem;
}
.angulo-item[data-v-b508743a] {
    padding: 0.75rem;
}
}

.explorador[data-v-87127c02] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-87127c02] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-87127c02] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-87127c02] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-87127c02] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-87127c02] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-87127c02] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-87127c02] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-87127c02] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-87127c02] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ubicar ===== */
.ubicar-container[data-v-87127c02] {
  text-align: center;
}
.ubicar-pregunta[data-v-87127c02] {
  color: #E9D5FF;
  margin-bottom: 1rem;
  font-size: 0.95rem;
}
.ubicar-pregunta strong[data-v-87127c02] {
  color: #93C5FD;
  font-size: 1.1rem;
}
.plano-interactivo[data-v-87127c02] {
  position: relative;
  width: 100%;
  max-width: 280px;
  height: 280px;
  margin: 0 auto 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: crosshair;
}
.eje-x[data-v-87127c02] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(16, 185, 129, 0.6);
}
.eje-y[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(147, 197, 253, 0.6);
}
.eje-label[data-v-87127c02] {
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
}
.eje-label-re[data-v-87127c02] {
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #6EE7B7;
}
.eje-label-im[data-v-87127c02] {
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  color: #93C5FD;
}
.grid-num[data-v-87127c02] {
  position: absolute;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.grid-num-x[data-v-87127c02] {
  bottom: 52%;
  transform: translateX(-50%);
}
.grid-num-y[data-v-87127c02] {
  left: 52%;
}
.punto-seleccionado[data-v-87127c02], .punto-correcto[data-v-87127c02] {
  position: absolute;
  transform: translate(-50%, 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.punto-dot[data-v-87127c02] {
  width: 16px;
  height: 16px;
  background: #8B5CF6;
  border: 3px solid white;
  border-radius: 50%;
}
.punto-seleccionado.correcto .punto-dot[data-v-87127c02] {
  background: #10B981;
}
.punto-seleccionado.incorrecto .punto-dot[data-v-87127c02] {
  background: #EF4444;
}
.punto-correcto .punto-dot[data-v-87127c02] {
  background: #10B981;
  opacity: 0.7;
}
.punto-label[data-v-87127c02] {
  font-size: 0.7rem;
  font-weight: 600;
  color: white;
  background: rgba(139, 92, 246, 0.8);
  padding: 0.15rem 0.3rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  white-space: nowrap;
}
.ubicar-botones[data-v-87127c02] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.ubicar-contador[data-v-87127c02] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Módulo ===== */
.modulo-container[data-v-87127c02] {
  text-align: center;
}
.modulo-numero[data-v-87127c02] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #93C5FD;
  margin-bottom: 1rem;
}
.modulo-visual[data-v-87127c02] {
  margin-bottom: 1rem;
}
.mini-plano[data-v-87127c02] {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mini-eje-x[data-v-87127c02] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(16, 185, 129, 0.5);
}
.mini-eje-y[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(147, 197, 253, 0.5);
}
.mini-vector[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  background: #8B5CF6;
  transform-origin: left center;
}
.mini-punto[data-v-87127c02] {
  position: absolute;
  transform: translate(-50%, 50%);
}
.mini-dot[data-v-87127c02] {
  display: block;
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border: 2px solid white;
  border-radius: 50%;
}
.modulo-formula-hint[data-v-87127c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.hint-icono[data-v-87127c02] {
  font-size: 1rem;
}
.modulo-pregunta[data-v-87127c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.modulo-label[data-v-87127c02] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
}
.modulo-input[data-v-87127c02] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.modulo-input.correcto[data-v-87127c02] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.modulo-input.incorrecto[data-v-87127c02] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.modulo-feedback[data-v-87127c02] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  color: #FCA5A5;
  font-size: 0.8rem;
}
.modulo-contador[data-v-87127c02] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Simulación ===== */
.simulacion-container[data-v-87127c02] {
  text-align: center;
}
.simulacion-info[data-v-87127c02] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.info-numero[data-v-87127c02], .info-modulo[data-v-87127c02], .info-argumento[data-v-87127c02] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.info-numero[data-v-87127c02] {
  background: rgba(147, 197, 253, 0.2);
}
.info-modulo[data-v-87127c02] {
  background: rgba(139, 92, 246, 0.2);
}
.info-argumento[data-v-87127c02] {
  background: rgba(252, 211, 77, 0.2);
}
.info-numero strong[data-v-87127c02] { color: #93C5FD;
}
.info-modulo strong[data-v-87127c02] { color: #C4B5FD;
}
.info-argumento strong[data-v-87127c02] { color: #FCD34D;
}
.plano-simulacion[data-v-87127c02] {
  position: relative;
  width: 100%;
  max-width: 260px;
  height: 260px;
  margin: 0 auto 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sim-eje-x[data-v-87127c02] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(16, 185, 129, 0.5);
}
.sim-eje-y[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(147, 197, 253, 0.5);
}
.sim-num[data-v-87127c02] {
  position: absolute;
  font-size: 0.6rem;
  color: #C4B5FD;
}
.sim-num-x[data-v-87127c02] {
  bottom: 52%;
  transform: translateX(-50%);
}
.sim-num-y[data-v-87127c02] {
  left: 52%;
}
.sim-arco[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.sim-vector[data-v-87127c02] {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 3px;
  background: linear-gradient(to right, rgba(139, 92, 246, 0.3), #8B5CF6);
  transform-origin: left center;
  transition: all 0.15s ease;
}
.sim-punto[data-v-87127c02] {
  position: absolute;
  transform: translate(-50%, 50%);
  cursor: grab;
  z-index: 20;
  touch-action: none;
}
.sim-punto[data-v-87127c02]:active {
  cursor: grabbing;
}
.sim-dot[data-v-87127c02] {
  display: block;
  width: 20px;
  height: 20px;
  background: #8B5CF6;
  border: 3px solid white;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
  transition: transform 0.1s ease;
}
.sim-punto:hover .sim-dot[data-v-87127c02] {
  transform: scale(1.1);
}
.simulacion-controles[data-v-87127c02] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-87127c02] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.control-label[data-v-87127c02] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
  text-align: right;
}
.control-slider[data-v-87127c02] {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  appearance: none;
  background: rgba(139, 92, 246, 0.3);
}
.control-slider[data-v-87127c02]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
}
.slider-re[data-v-87127c02]::-webkit-slider-thumb {
  background: #6EE7B7;
}
.slider-im[data-v-87127c02]::-webkit-slider-thumb {
  background: #93C5FD;
}
.control-valor[data-v-87127c02] {
  min-width: 30px;
  font-weight: 700;
  font-size: 0.9rem;
}
.control-valor.real[data-v-87127c02] { color: #6EE7B7;
}
.control-valor.imag[data-v-87127c02] { color: #93C5FD;
}
.simulacion-desafio[data-v-87127c02] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.desafio-texto[data-v-87127c02] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.desafio-texto strong[data-v-87127c02] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.match-correcto[data-v-87127c02] {
  margin-top: 0.5rem;
  color: #6EE7B7;
  font-weight: 700;
}
.simulacion-contador[data-v-87127c02] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Botones comunes */
.btn-verificar[data-v-87127c02] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
}
.btn-verificar-sm[data-v-87127c02] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-reiniciar[data-v-87127c02] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-87127c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-87127c02] { font-size: 1.25rem;
}
.resultado-texto[data-v-87127c02] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-87127c02] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-87127c02] { flex: 1;
}
.nav-btn[data-v-87127c02] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-87127c02] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-87127c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-87127c02] { font-size: 1.75rem;
}
.completado-texto[data-v-87127c02] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-87127c02], .slide-leave-active[data-v-87127c02] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-87127c02] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-87127c02] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.plano-interactivo[data-v-87127c02] {
    max-width: 320px;
    height: 320px;
}
.plano-simulacion[data-v-87127c02] {
    max-width: 300px;
    height: 300px;
}
.simulacion-controles[data-v-87127c02] {
    flex-direction: row;
    gap: 1.5rem;
    justify-content: center;
}
.control-grupo[data-v-87127c02] {
    flex: 0 1 auto;
}
}

/* Header */
.resumen-header[data-v-a944311b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 1rem;
}
.header-icono[data-v-a944311b] {
  font-size: 2rem;
}
.header-texto[data-v-a944311b] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-a944311b] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-a944311b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.concepto-num[data-v-a944311b] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
}
.concepto-nombre[data-v-a944311b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-contenido[data-v-a944311b] {
  padding-left: 2.75rem;
}
.concepto-formula[data-v-a944311b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-family: 'Georgia', serif;
}
.concepto-desc[data-v-a944311b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-detalle[data-v-a944311b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eje-item[data-v-a944311b] {
  font-size: 0.8rem;
}
.eje-item.real[data-v-a944311b] { color: #6EE7B7;
}
.eje-item.imag[data-v-a944311b] { color: #93C5FD;
}

/* Tríos pitagóricos */
.trios-pitagoricos[data-v-a944311b] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.trio[data-v-a944311b] {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Cuadrantes resumen */
.cuadrantes-resumen[data-v-a944311b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
  margin-top: 0.5rem;
}
.cuad-item[data-v-a944311b] {
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
}
.cuad-item.c1[data-v-a944311b] { background: rgba(16, 185, 129, 0.15); color: #6EE7B7;
}
.cuad-item.c2[data-v-a944311b] { background: rgba(147, 197, 253, 0.15); color: #93C5FD;
}
.cuad-item.c3[data-v-a944311b] { background: rgba(239, 68, 68, 0.15); color: #FCA5A5;
}
.cuad-item.c4[data-v-a944311b] { background: rgba(245, 158, 11, 0.15); color: #FCD34D;
}

/* Diagrama resumen */
.diagrama-resumen[data-v-a944311b] {
  margin: 1.5rem 0;
}
.diagrama-titulo[data-v-a944311b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.diagrama-visual[data-v-a944311b] {
  display: flex;
  justify-content: center;
}
.diagrama-plano[data-v-a944311b] {
  position: relative;
  width: 200px;
  height: 200px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.res-eje-x[data-v-a944311b] {
  position: absolute;
  top: 65%;
  left: 10%;
  right: 10%;
  height: 2px;
  background: rgba(16, 185, 129, 0.5);
}
.res-eje-y[data-v-a944311b] {
  position: absolute;
  left: 25%;
  top: 10%;
  bottom: 10%;
  width: 2px;
  background: rgba(147, 197, 253, 0.5);
}
.res-vector[data-v-a944311b] {
  position: absolute;
  left: 25%;
  top: 65%;
  width: 55%;
  height: 3px;
  background: #8B5CF6;
  transform-origin: left center;
  transform: rotate(-45deg);
}
.res-arco[data-v-a944311b] {
  position: absolute;
  left: 25%;
  top: 65%;
  width: 35px;
  height: 35px;
  border: 2px solid #FCD34D;
  border-radius: 50%;
  clip-path: polygon(100% 50%, 100% 100%, 50% 100%, 50% 50%);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.res-punto[data-v-a944311b] {
  position: absolute;
  right: 22%;
  top: 28%;
}
.res-dot[data-v-a944311b] {
  display: block;
  width: 10px;
  height: 10px;
  background: #8B5CF6;
  border: 2px solid white;
  border-radius: 50%;
}
.res-label-z[data-v-a944311b] {
  position: absolute;
  right: 8%;
  top: 20%;
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
}
.res-label-mod[data-v-a944311b] {
  position: absolute;
  left: 40%;
  top: 42%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #C4B5FD;
}
.res-label-theta[data-v-a944311b] {
  position: absolute;
  left: 35%;
  top: 58%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #FCD34D;
}
.res-label-re[data-v-a944311b] {
  position: absolute;
  right: 12%;
  top: 62%;
  font-size: 0.6rem;
  color: #6EE7B7;
}
.res-label-im[data-v-a944311b] {
  position: absolute;
  left: 27%;
  top: 12%;
  font-size: 0.6rem;
  color: #93C5FD;
}
.res-label-a[data-v-a944311b] {
  position: absolute;
  left: 55%;
  top: 68%;
  font-size: 0.6rem;
  color: #6EE7B7;
}
.res-label-b[data-v-a944311b] {
  position: absolute;
  right: 28%;
  top: 45%;
  font-size: 0.6rem;
  color: #93C5FD;
}

/* Tips PAES */
.tips-paes[data-v-a944311b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-a944311b] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-a944311b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-a944311b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-a944311b] {
  color: #10B981;
  font-weight: 700;
  min-width: 16px;
}
.tip-texto[data-v-a944311b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a944311b] {
  color: #6EE7B7;
}

/* Forma polar preview */
.forma-polar-preview[data-v-a944311b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.polar-titulo[data-v-a944311b] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.polar-formula[data-v-a944311b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Georgia', serif;
  margin-bottom: 0.25rem;
}
.polar-desc[data-v-a944311b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Felicitación */
.felicitacion[data-v-a944311b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.felicitacion-icono[data-v-a944311b] {
  font-size: 2.5rem;
}
.felicitacion-texto[data-v-a944311b] {
  flex: 1;
}
.felicitacion-texto strong[data-v-a944311b] {
  display: block;
  font-size: 1.1rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.felicitacion-texto p[data-v-a944311b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-plano[data-v-a944311b] {
    width: 240px;
    height: 240px;
}
.cuadrantes-resumen[data-v-a944311b] {
    grid-template-columns: repeat(4, 1fr);
}
.tips-lista[data-v-a944311b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-77636e07] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-grande[data-v-77636e07] {
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 20px rgba(139, 92, 246, 0.5);
}

/* Texto inline */
strong.destacado[data-v-77636e07] {
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
strong.coef[data-v-77636e07] {
  color: #6EE7B7;
}

/* Ejemplo section */
.ejemplo-section[data-v-77636e07] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-77636e07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-77636e07] {
  text-align: center;
}
.ejemplo-pregunta[data-v-77636e07] {
  color: #E9D5FF;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.ejemplo-pregunta strong[data-v-77636e07] {
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.opciones-comparar[data-v-77636e07] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.opciones-comparar[data-v-77636e07] {
    grid-template-columns: 1fr;
}
}
.opcion-card[data-v-77636e07] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.opcion-card.mala[data-v-77636e07] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.opcion-card.buena[data-v-77636e07] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.opcion-titulo[data-v-77636e07] {
  font-weight: 700;
  font-size: 0.9rem;
}
.opcion-card.mala .opcion-titulo[data-v-77636e07] {
  color: #FCA5A5;
}
.opcion-card.buena .opcion-titulo[data-v-77636e07] {
  color: #6EE7B7;
}
.opcion-desc[data-v-77636e07] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.opcion-tiempo[data-v-77636e07] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Patrón section */
.patron-section[data-v-77636e07] {
  margin: 1.5rem 0;
}
.patron-titulo[data-v-77636e07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.expansiones[data-v-77636e07] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.expansion[data-v-77636e07] {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  gap: 0.5rem;
  overflow-x: auto;
}
.exp-izq[data-v-77636e07] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 70px;
  font-size: 0.9rem;
}
.exp-igual[data-v-77636e07] {
  color: #8B5CF6;
  font-size: 1rem;
}
.exp-der[data-v-77636e07] {
  color: #FFFFFF;
  font-size: 0.85rem;
  white-space: nowrap;
}

/* Observaciones */
.observaciones-section[data-v-77636e07] {
  margin: 1.5rem 0;
}
.obs-titulo[data-v-77636e07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.obs-grid[data-v-77636e07] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.obs-item[data-v-77636e07] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.obs-icono[data-v-77636e07] {
  font-size: 1.1rem;
}
.obs-texto[data-v-77636e07] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.obs-texto strong[data-v-77636e07] {
  color: #FCD34D;
}

/* Coeficientes preview */
.coeficientes-preview[data-v-77636e07] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.coef-titulo[data-v-77636e07] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  text-align: center;
}
.coef-secuencia[data-v-77636e07] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.coef-row[data-v-77636e07] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.coef-label[data-v-77636e07] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 35px;
}
.coef-nums[data-v-77636e07] {
  display: flex;
  gap: 0.35rem;
}
.num[data-v-77636e07] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.num.highlight[data-v-77636e07] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.coef-nota[data-v-77636e07] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0;
}
.coef-nota strong[data-v-77636e07] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-77636e07] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-77636e07] {
  font-size: 1.25rem;
}
.tip-texto[data-v-77636e07] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-77636e07] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-77636e07] {
    font-size: 4rem;
}
.exp-izq[data-v-77636e07] {
    min-width: 90px;
    font-size: 1rem;
}
.exp-der[data-v-77636e07] {
    font-size: 0.95rem;
}
.num[data-v-77636e07] {
    width: 32px;
    height: 32px;
    font-size: 0.95rem;
}
}

/* Intro */
.intro-text[data-v-a16ca0ca] {
  margin-bottom: 1.5rem;
}
.intro-text p[data-v-a16ca0ca] {
  margin: 0;
  line-height: 1.5;
}
strong.destacado[data-v-a16ca0ca] {
  color: #FCD34D;
}

/* Triángulo section */
.triangulo-section[data-v-a16ca0ca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  overflow-x: auto;
}
.triangulo-titulo[data-v-a16ca0ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.triangulo[data-v-a16ca0ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.fila[data-v-a16ca0ca] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.celda[data-v-a16ca0ca] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 0.3rem;
}
.celda.primera[data-v-a16ca0ca], .celda.ultima[data-v-a16ca0ca] {
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid #8B5CF6;
  color: #C4B5FD;
}
.celda.central[data-v-a16ca0ca] {
  background: rgba(16, 185, 129, 0.3);
  border: 1px solid #10B981;
  color: #6EE7B7;
}

/* Construir section */
.construir-section[data-v-a16ca0ca] {
  margin: 1.5rem 0;
}
.construir-titulo[data-v-a16ca0ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.regla-principal[data-v-a16ca0ca] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.regla-texto[data-v-a16ca0ca] {
  color: #E9D5FF;
  font-size: 0.95rem;
}
.regla-texto strong[data-v-a16ca0ca] {
  color: #FCD34D;
}
.ejemplo-suma[data-v-a16ca0ca] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.suma-visual[data-v-a16ca0ca] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.suma-arriba[data-v-a16ca0ca] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.suma-num[data-v-a16ca0ca] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid #8B5CF6;
  border-radius: 0.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.suma-plus[data-v-a16ca0ca] {
  color: #8B5CF6;
  font-weight: 700;
}
.suma-flecha[data-v-a16ca0ca] {
  color: #8B5CF6;
  font-size: 1.25rem;
  margin: 0.25rem 0;
}
.suma-abajo .suma-resultado[data-v-a16ca0ca] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  border-radius: 0.35rem;
  font-weight: 800;
  font-size: 1.1rem;
  color: #6EE7B7;
}

/* Uso section */
.uso-section[data-v-a16ca0ca] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.uso-titulo[data-v-a16ca0ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.uso-ejemplo[data-v-a16ca0ca] {
  text-align: center;
}
.uso-header[data-v-a16ca0ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.uso-potencia[data-v-a16ca0ca] {
  font-family: 'Courier New', monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.uso-flecha[data-v-a16ca0ca] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.uso-fila[data-v-a16ca0ca] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.uso-fila strong[data-v-a16ca0ca] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.uso-expansion[data-v-a16ca0ca] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.termino[data-v-a16ca0ca] {
  display: flex;
  align-items: baseline;
}
.t-coef[data-v-a16ca0ca] {
  font-weight: 800;
  color: #6EE7B7;
  font-size: 1rem;
}
.t-vars[data-v-a16ca0ca] {
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.t-plus[data-v-a16ca0ca] {
  color: #8B5CF6;
  font-weight: 700;
  margin: 0 0.15rem;
}

/* Exponentes section */
.exponentes-section[data-v-a16ca0ca] {
  margin: 1.5rem 0;
}
.exp-titulo[data-v-a16ca0ca] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.exp-tabla[data-v-a16ca0ca] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.exp-header[data-v-a16ca0ca], .exp-row[data-v-a16ca0ca] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
.exp-header[data-v-a16ca0ca] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.5rem 0;
}
.exp-row[data-v-a16ca0ca] {
  padding: 0.4rem 0;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.exp-col[data-v-a16ca0ca] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.exp-col.exp-a[data-v-a16ca0ca] {
  color: #FCD34D;
  font-weight: 700;
}
.exp-col.exp-b[data-v-a16ca0ca] {
  color: #93C5FD;
  font-weight: 700;
}
.exp-col.exp-suma[data-v-a16ca0ca] {
  color: #6EE7B7;
  font-weight: 700;
}
.exp-nota[data-v-a16ca0ca] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0;
}
.exp-nota strong[data-v-a16ca0ca] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a16ca0ca] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a16ca0ca] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a16ca0ca] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a16ca0ca] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celda[data-v-a16ca0ca] {
    width: 38px;
    height: 38px;
    font-size: 0.95rem;
}
.uso-potencia[data-v-a16ca0ca] {
    font-size: 1.5rem;
}
.t-coef[data-v-a16ca0ca] {
    font-size: 1.1rem;
}
.t-vars[data-v-a16ca0ca] {
    font-size: 1rem;
}
}

/* Fórmula hero */
.formula-hero[data-v-a155c735] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  overflow-x: auto;
}
.formula-principal[data-v-a155c735] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
}
.formula-izq[data-v-a155c735] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-igual[data-v-a155c735] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.formula-der[data-v-a155c735] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.sumatoria[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sum-simbolo[data-v-a155c735] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.termino-general[data-v-a155c735] {
  display: flex;
  align-items: center;
}
.binomial[data-v-a155c735] {
  font-size: 2rem;
  color: #C4B5FD;
  font-weight: 300;
}
.binomial-contenido[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.1rem;
}
.bin-n[data-v-a155c735], .bin-k[data-v-a155c735] {
  font-size: 0.9rem;
  font-weight: 700;
}
.bin-n[data-v-a155c735] {
  color: #FCD34D;
}
.bin-k[data-v-a155c735] {
  color: #93C5FD;
}
.vars[data-v-a155c735] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-left: 0.25rem;
}

/* Coeficiente section */
.coeficiente-section[data-v-a155c735] {
  margin: 1.5rem 0;
}
.coef-titulo[data-v-a155c735] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.coef-formula-box[data-v-a155c735] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.coef-formula[data-v-a155c735] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Courier New', monospace;
  flex-wrap: wrap;
}
.binomial-grande[data-v-a155c735] {
  font-size: 2.5rem;
  color: #C4B5FD;
  font-weight: 300;
}
.binomial-contenido-grande[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bin-n-g[data-v-a155c735], .bin-k-g[data-v-a155c735] {
  font-size: 1.1rem;
  font-weight: 700;
}
.bin-n-g[data-v-a155c735] {
  color: #FCD34D;
}
.bin-k-g[data-v-a155c735] {
  color: #93C5FD;
}
.coef-igual[data-v-a155c735] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.fraccion[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-a155c735] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.linea[data-v-a155c735] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.2rem 0;
}
.denominador[data-v-a155c735] {
  font-size: 0.95rem;
  color: #93C5FD;
}
.coef-nota[data-v-a155c735] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.coef-nota strong[data-v-a155c735] {
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}

/* Término section */
.termino-section[data-v-a155c735] {
  margin: 1.5rem 0;
}
.termino-titulo[data-v-a155c735] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.termino-formula-box[data-v-a155c735] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.termino-formula[data-v-a155c735] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-family: 'Courier New', monospace;
  margin-bottom: 1rem;
}
.t-nombre[data-v-a155c735] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.t-igual[data-v-a155c735] {
  font-size: 1.1rem;
  color: #8B5CF6;
}
.binomial-med[data-v-a155c735] {
  font-size: 2rem;
  color: #C4B5FD;
  font-weight: 300;
}
.binomial-contenido-med[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bin-n-m[data-v-a155c735], .bin-k-m[data-v-a155c735] {
  font-size: 0.9rem;
  font-weight: 700;
}
.bin-n-m[data-v-a155c735] {
  color: #FCD34D;
}
.bin-k-m[data-v-a155c735] {
  color: #93C5FD;
}
.t-vars[data-v-a155c735] {
  font-size: 1rem;
  color: #FFFFFF;
}
.termino-tabla[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tt-item[data-v-a155c735] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.85rem;
}
.tt-label[data-v-a155c735] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #93C5FD;
  min-width: 50px;
}
.tt-flecha[data-v-a155c735] {
  color: #8B5CF6;
}
.tt-valor[data-v-a155c735] {
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-a155c735] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a155c735] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 1rem;
}
.pasos-calculo[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-a155c735] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-a155c735] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.paso-contenido[data-v-a155c735] {
  flex: 1;
}
.paso-titulo[data-v-a155c735] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
  display: block;
  margin-bottom: 0.25rem;
}
.paso-detalle[data-v-a155c735] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-formula[data-v-a155c735] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
.binomial-sm[data-v-a155c735] {
  font-size: 1.5rem;
  color: #C4B5FD;
  font-weight: 300;
}
.binomial-contenido-sm[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bin-n-s[data-v-a155c735], .bin-k-s[data-v-a155c735] {
  font-size: 0.75rem;
  font-weight: 700;
}
.bin-n-s[data-v-a155c735] {
  color: #FCD34D;
}
.bin-k-s[data-v-a155c735] {
  color: #93C5FD;
}
.pf-igual[data-v-a155c735] {
  color: #8B5CF6;
}
.pf-texto[data-v-a155c735] {
  color: #FFFFFF;
}
.fraccion-mini[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-mini .num[data-v-a155c735] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.fraccion-mini .lin[data-v-a155c735] {
  width: 100%;
  height: 1px;
  background: #8B5CF6;
  margin: 0.1rem 0;
}
.fraccion-mini .den[data-v-a155c735] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.resultado[data-v-a155c735] {
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.15rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.resultado-final[data-v-a155c735] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.rf-texto[data-v-a155c735] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.rf-numero[data-v-a155c735] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Especial section */
.especial-section[data-v-a155c735] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.especial-titulo[data-v-a155c735] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.especial-contenido p[data-v-a155c735] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.especial-contenido p strong[data-v-a155c735] {
  color: #FFFFFF;
}
strong.negativo[data-v-a155c735] {
  color: #FCA5A5;
}
strong.positivo[data-v-a155c735] {
  color: #6EE7B7;
}
.especial-ejemplo[data-v-a155c735] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.esp-formula[data-v-a155c735] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.especial-regla[data-v-a155c735] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.regla-texto[data-v-a155c735] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-a155c735] {
  color: #FCD34D;
}
.especial-demo[data-v-a155c735] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.demo-formula[data-v-a155c735] {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-a155c735] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a155c735] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a155c735] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a155c735] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.formula-izq[data-v-a155c735] {
    font-size: 1.75rem;
}
.sum-simbolo[data-v-a155c735] {
    font-size: 1.75rem;
}
.binomial[data-v-a155c735] {
    font-size: 2.5rem;
}
.vars[data-v-a155c735] {
    font-size: 1.25rem;
}
.binomial-grande[data-v-a155c735] {
    font-size: 3rem;
}
.numerador[data-v-a155c735] {
    font-size: 1.25rem;
}
}

.explorador[data-v-e4437af1] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e4437af1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e4437af1] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e4437af1] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e4437af1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e4437af1] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e4437af1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e4437af1] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e4437af1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* ===== DESAFÍO 1: Triángulo de Pascal ===== */
.d1-container[data-v-e4437af1] {
  text-align: center;
}
.d1-instruccion[data-v-e4437af1] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 1rem;
}
.d1-instruccion strong[data-v-e4437af1] {
  color: #FCD34D;
}
.triangulo-interactivo[data-v-e4437af1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 1rem;
}
.filas-completadas[data-v-e4437af1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.fila-mini[data-v-e4437af1] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}
.num-mini[data-v-e4437af1] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.fila-actual[data-v-e4437af1] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 0.5rem;
}
.slot-pascal[data-v-e4437af1] {
  position: relative;
}
.input-pascal[data-v-e4437af1] {
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: white;
  font-family: inherit;
}
.slot-pascal.correcto .input-pascal[data-v-e4437af1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.slot-pascal.incorrecto .input-pascal[data-v-e4437af1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  animation: shake-e4437af1 0.3s ease;
}
@keyframes shake-e4437af1 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-4px);
}
75% { transform: translateX(4px);
}
}
.d1-hint[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.hint-icono[data-v-e4437af1] {
  font-size: 1rem;
}
.d1-contador[data-v-e4437af1] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Coeficientes binomiales ===== */
.d2-container[data-v-e4437af1] {
  text-align: center;
}
.d2-problema[data-v-e4437af1] {
  margin-bottom: 1rem;
}
.problema-icono[data-v-e4437af1] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-e4437af1] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.d2-binomial[data-v-e4437af1] {
  margin: 1rem 0;
}
.binomial-visual[data-v-e4437af1] {
  display: inline-flex;
  align-items: center;
  font-family: 'Courier New', monospace;
}
.bin-par[data-v-e4437af1] {
  font-size: 3rem;
  color: #C4B5FD;
  font-weight: 300;
}
.bin-contenido[data-v-e4437af1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
}
.bin-n[data-v-e4437af1], .bin-k[data-v-e4437af1] {
  font-size: 1.5rem;
  font-weight: 700;
}
.bin-n[data-v-e4437af1] {
  color: #FCD34D;
}
.bin-k[data-v-e4437af1] {
  color: #93C5FD;
}
.d2-ayuda[data-v-e4437af1] {
  margin-bottom: 1rem;
}
.ayuda-texto[data-v-e4437af1] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.d2-input-area[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d2-igual[data-v-e4437af1] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.d2-input[data-v-e4437af1] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d2-input.correcto[data-v-e4437af1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d2-input.incorrecto[data-v-e4437af1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-e4437af1] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-e4437af1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.d2-feedback[data-v-e4437af1] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d2-feedback.correcto[data-v-e4437af1] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d2-contador[data-v-e4437af1] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Términos específicos ===== */
.d3-container[data-v-e4437af1] {
  text-align: center;
}
.d3-badge[data-v-e4437af1] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.d3-problema[data-v-e4437af1] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.d3-binomio[data-v-e4437af1] {
  margin-bottom: 0.75rem;
}
.binomio-expr[data-v-e4437af1] {
  font-family: 'Courier New', monospace;
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.d3-datos[data-v-e4437af1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.dato-item[data-v-e4437af1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.dato-label[data-v-e4437af1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-e4437af1] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.d3-input-area[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d3-pregunta[data-v-e4437af1] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.d3-input[data-v-e4437af1] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d3-input.correcto[data-v-e4437af1] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d3-input.incorrecto[data-v-e4437af1] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.d3-hint[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.hint-texto[data-v-e4437af1] {
  text-align: left;
}
.d3-feedback[data-v-e4437af1] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  line-height: 1.4;
}
.d3-feedback.correcto[data-v-e4437af1] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d3-contador[data-v-e4437af1] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e4437af1] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-e4437af1] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-e4437af1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e4437af1] {
  flex: 1;
}
.nav-btn[data-v-e4437af1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e4437af1] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e4437af1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e4437af1] {
  font-size: 1.75rem;
}
.completado-texto[data-v-e4437af1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e4437af1], .slide-leave-active[data-v-e4437af1] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e4437af1] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-e4437af1] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-07f0defa] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-07f0defa] {
  font-size: 2rem;
}
.resumen-intro p[data-v-07f0defa] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-07f0defa] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-07f0defa] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-07f0defa] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-07f0defa]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-07f0defa] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-07f0defa] {
    grid-column: span 1;
}
}
.card-header[data-v-07f0defa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-07f0defa] {
  font-size: 1.25rem;
}
.card-titulo[data-v-07f0defa] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-07f0defa] {
  color: #E9D5FF;
}
.card-nota[data-v-07f0defa] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Fórmula box */
.formula-box[data-v-07f0defa] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-07f0defa] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-notas[data-v-07f0defa] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.nota-item[data-v-07f0defa] {
  color: #C4B5FD;
}
.nota-item strong[data-v-07f0defa] {
  color: #FCD34D;
}

/* Coeficiente */
.coef-formula[data-v-07f0defa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-family: 'Courier New', monospace;
  flex-wrap: wrap;
}
.coef-visual[data-v-07f0defa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.coef-igual[data-v-07f0defa] {
  color: #8B5CF6;
}
.coef-fraccion[data-v-07f0defa] {
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Pascal mini */
.pascal-mini[data-v-07f0defa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.pascal-row[data-v-07f0defa] {
  display: flex;
  gap: 0.2rem;
}
.pascal-row span[data-v-07f0defa] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.2rem;
  color: #C4B5FD;
}
.pascal-row span.hl[data-v-07f0defa] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Término */
.termino-formula[data-v-07f0defa] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.termino-box[data-v-07f0defa] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.termino-ejemplo[data-v-07f0defa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-titulo[data-v-07f0defa] {
  font-weight: 600;
  color: #FCD34D;
}
.termino-ejemplo strong[data-v-07f0defa] {
  color: #6EE7B7;
}

/* Caso (a-b) */
.caso-desc[data-v-07f0defa] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  text-align: center;
}
.caso-ejemplo[data-v-07f0defa] {
  text-align: center;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-ejemplo .neg[data-v-07f0defa] {
  color: #FCA5A5;
  font-weight: 700;
}
.caso-ejemplo .pos[data-v-07f0defa] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Propiedades */
.props-list[data-v-07f0defa] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.prop[data-v-07f0defa] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}

/* Tips finales */
.tips-finales[data-v-07f0defa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-07f0defa] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-07f0defa] {
  font-size: 1.25rem;
}
.tip-text[data-v-07f0defa] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-07f0defa] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-07f0defa] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-07f0defa] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-07f0defa 1s ease-in-out infinite;
}
@keyframes bounce-07f0defa {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-07f0defa] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-07f0defa] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-07f0defa] {
    font-size: 1.25rem;
}
.pascal-row span[data-v-07f0defa] {
    width: 26px;
    height: 26px;
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-a132d09d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.numero-grande[data-v-a132d09d] {
  font-size: 2.5rem;
}

/* Texto inline */
strong.destacado[data-v-a132d09d] {
  color: #FCD34D;
}
strong.positivo[data-v-a132d09d] {
  color: #6EE7B7;
}

/* Ejemplo section */
.ejemplo-section[data-v-a132d09d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a132d09d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sabores-disponibles[data-v-a132d09d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.sabor[data-v-a132d09d] {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.combinaciones-visual[data-v-a132d09d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.comb-grid[data-v-a132d09d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.comb-grid[data-v-a132d09d] {
    grid-template-columns: repeat(6, 1fr);
}
}
.comb-item[data-v-a132d09d] {
  display: flex;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  justify-content: center;
}
.comb-item span[data-v-a132d09d] {
  font-size: 1.1rem;
}
.resultado-total[data-v-a132d09d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-numero[data-v-a132d09d] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-label[data-v-a132d09d] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Comparación section */
.comparacion-section[data-v-a132d09d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-a132d09d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-a132d09d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.comp-card[data-v-a132d09d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-card.permutacion[data-v-a132d09d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-card.combinacion[data-v-a132d09d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-tipo[data-v-a132d09d] {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.comp-card.permutacion .comp-tipo[data-v-a132d09d] {
  color: #FCA5A5;
}
.comp-card.combinacion .comp-tipo[data-v-a132d09d] {
  color: #6EE7B7;
}
.comp-ejemplo[data-v-a132d09d] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.comp-desc[data-v-a132d09d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.comp-card.permutacion .comp-desc strong[data-v-a132d09d] {
  color: #FCA5A5;
}
.comp-card.combinacion .comp-desc strong[data-v-a132d09d] {
  color: #6EE7B7;
}

/* Notación section */
.notacion-section[data-v-a132d09d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.notacion-titulo[data-v-a132d09d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
}
.notacion-box[data-v-a132d09d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.notacion-item[data-v-a132d09d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.notacion-formula[data-v-a132d09d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.notacion-nombre[data-v-a132d09d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.notacion-significado[data-v-a132d09d] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.notacion-significado strong[data-v-a132d09d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-a132d09d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a132d09d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a132d09d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a132d09d] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual[data-v-a132d09d] {
    gap: 1.5rem;
}
.numero-grande[data-v-a132d09d] {
    font-size: 3rem;
}
.sabor[data-v-a132d09d] {
    width: 55px;
    height: 55px;
    font-size: 1.75rem;
}
.comp-card[data-v-a132d09d] {
    padding: 1rem;
}
.comp-tipo[data-v-a132d09d] {
    font-size: 0.8rem;
}
.comp-ejemplo[data-v-a132d09d] {
    font-size: 1.5rem;
}
}

/* Fórmula hero */
.formula-hero[data-v-360d6b26] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-principal[data-v-360d6b26] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-texto[data-v-360d6b26] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.fraccion[data-v-360d6b26] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-360d6b26], .denominador[data-v-360d6b26] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.numerador[data-v-360d6b26] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.linea[data-v-360d6b26] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.denominador[data-v-360d6b26] {
  font-size: 1.1rem;
  color: #93C5FD;
}

/* Significado */
.significado-section[data-v-360d6b26] {
  margin: 1.5rem 0;
}
.significado-titulo[data-v-360d6b26] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.significado-grid[data-v-360d6b26] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.significado-item[data-v-360d6b26] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sig-variable[data-v-360d6b26] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.sig-desc[data-v-360d6b26] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-360d6b26] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-360d6b26] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplo-contexto[data-v-360d6b26] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  text-align: center;
}
strong.destacado[data-v-360d6b26] {
  color: #FCD34D;
}
.pasos-calculo[data-v-360d6b26] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-360d6b26] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.paso-num[data-v-360d6b26] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.paso-contenido[data-v-360d6b26] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-titulo[data-v-360d6b26] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.paso-detalle[data-v-360d6b26] {
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.paso-formula[data-v-360d6b26] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  flex-wrap: wrap;
}
.pf-texto[data-v-360d6b26] {
  font-size: 0.95rem;
}
.fraccion-mini[data-v-360d6b26] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-mini .num[data-v-360d6b26] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.fraccion-mini .lin[data-v-360d6b26] {
  width: 100%;
  height: 1px;
  background: #8B5CF6;
  margin: 0.1rem 0;
}
.fraccion-mini .den[data-v-360d6b26] {
  font-size: 0.85rem;
  color: #93C5FD;
}
.factoriales-mini[data-v-360d6b26] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resultado[data-v-360d6b26] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.1rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.resultado-final[data-v-360d6b26] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.rf-texto[data-v-360d6b26] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.rf-numero[data-v-360d6b26] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.rf-label[data-v-360d6b26] {
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Truco section */
.truco-section[data-v-360d6b26] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.truco-titulo[data-v-360d6b26] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.truco-contenido[data-v-360d6b26] {
  text-align: center;
}
.truco-formula[data-v-360d6b26] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.truco-explicacion[data-v-360d6b26] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.truco-explicacion strong[data-v-360d6b26] {
  color: #FCD34D;
}

/* Propiedades section */
.propiedades-section[data-v-360d6b26] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-360d6b26] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.propiedades-grid[data-v-360d6b26] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad[data-v-360d6b26] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.prop-formula[data-v-360d6b26] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.prop-exp[data-v-360d6b26] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-360d6b26] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-360d6b26] {
  font-size: 1.25rem;
}
.tip-texto[data-v-360d6b26] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-360d6b26] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-360d6b26] {
    font-size: 1.75rem;
}
.numerador[data-v-360d6b26] {
    font-size: 1.5rem;
}
.denominador[data-v-360d6b26] {
    font-size: 1.25rem;
}
.sig-variable[data-v-360d6b26] {
    font-size: 1.5rem;
}
.sig-desc[data-v-360d6b26] {
    font-size: 0.8rem;
}
}

/* Pregunta clave */
.pregunta-clave[data-v-9b7d183f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-9b7d183f] {
  font-size: 1.5rem;
}
.pregunta-texto[data-v-9b7d183f] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Regla de oro */
.regla-oro[data-v-9b7d183f] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-9b7d183f] {
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.75rem;
}
.regla-contenido[data-v-9b7d183f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.regla-item[data-v-9b7d183f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.regla-item.combinacion[data-v-9b7d183f] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.regla-item.permutacion[data-v-9b7d183f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.regla-pregunta[data-v-9b7d183f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.regla-respuesta[data-v-9b7d183f] {
  font-weight: 700;
  font-size: 0.9rem;
}
.regla-respuesta.no[data-v-9b7d183f] {
  color: #6EE7B7;
}
.regla-respuesta.si[data-v-9b7d183f] {
  color: #FCA5A5;
}

/* Comparación visual */
.comparacion-visual[data-v-9b7d183f] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-9b7d183f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.comp-escenario[data-v-9b7d183f] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.comp-escenario strong[data-v-9b7d183f] {
  color: #FCD34D;
}
.comp-grid[data-v-9b7d183f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 640px) {
.comp-grid[data-v-9b7d183f] {
    flex-direction: row;
}
}
.comp-caso[data-v-9b7d183f] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.comp-caso.permutacion[data-v-9b7d183f] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-caso.combinacion[data-v-9b7d183f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caso-badge[data-v-9b7d183f] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.comp-caso.permutacion .caso-badge[data-v-9b7d183f] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.comp-caso.combinacion .caso-badge[data-v-9b7d183f] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.caso-pregunta[data-v-9b7d183f] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.caso-visual[data-v-9b7d183f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cargo[data-v-9b7d183f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.cargo-label[data-v-9b7d183f] {
  font-size: 0.55rem;
  color: #C4B5FD;
}
.cargo-letra[data-v-9b7d183f] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.cargo-sep[data-v-9b7d183f] {
  font-size: 1rem;
  color: #8B5CF6;
}
.comite[data-v-9b7d183f] {
  display: flex;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.comite-letra[data-v-9b7d183f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.caso-explicacion[data-v-9b7d183f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.5rem;
}
.caso-explicacion strong[data-v-9b7d183f] {
  color: #FCD34D;
}
.caso-formula[data-v-9b7d183f] {
  text-align: center;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caso-formula .resultado[data-v-9b7d183f] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Relación section */
.relacion-section[data-v-9b7d183f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.relacion-titulo[data-v-9b7d183f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.relacion-formula[data-v-9b7d183f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.rf-text[data-v-9b7d183f] {
  font-weight: 600;
}
.fraccion-mini[data-v-9b7d183f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fraccion-mini .num[data-v-9b7d183f] {
  font-size: 0.9rem;
  color: #6EE7B7;
}
.fraccion-mini .lin[data-v-9b7d183f] {
  width: 100%;
  height: 1px;
  background: #8B5CF6;
  margin: 0.1rem 0;
}
.fraccion-mini .den[data-v-9b7d183f] {
  font-size: 0.9rem;
  color: #93C5FD;
}
.relacion-explicacion[data-v-9b7d183f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Palabras section */
.palabras-section[data-v-9b7d183f] {
  margin: 1.5rem 0;
}
.palabras-titulo[data-v-9b7d183f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.palabras-grid[data-v-9b7d183f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.palabras-columna[data-v-9b7d183f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.palabras-columna.permutacion[data-v-9b7d183f] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.palabras-columna.combinacion[data-v-9b7d183f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.col-titulo[data-v-9b7d183f] {
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.palabras-columna.permutacion .col-titulo[data-v-9b7d183f] {
  color: #FCA5A5;
}
.palabras-columna.combinacion .col-titulo[data-v-9b7d183f] {
  color: #6EE7B7;
}
.palabras-lista[data-v-9b7d183f] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.palabras-lista li[data-v-9b7d183f] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.15rem 0;
  padding-left: 0.75rem;
  position: relative;
}
.palabras-lista li[data-v-9b7d183f]::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #8B5CF6;
}

/* Ejemplo resuelto */
.ejemplo-resuelto[data-v-9b7d183f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-9b7d183f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplo-enunciado[data-v-9b7d183f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-style: italic;
}
.ejemplo-analisis[data-v-9b7d183f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.analisis-item[data-v-9b7d183f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.check[data-v-9b7d183f] {
  color: #6EE7B7;
  font-weight: 700;
}
.ejemplo-solucion[data-v-9b7d183f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.resultado-final[data-v-9b7d183f] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-9b7d183f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9b7d183f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9b7d183f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9b7d183f] {
  color: #6EE7B7;
}

.explorador[data-v-feab4682] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-feab4682] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-feab4682] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-feab4682] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-feab4682] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-feab4682] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-feab4682] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-feab4682] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-feab4682] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* ===== DESAFÍO 1: Combinaciones ===== */
.d1-container[data-v-feab4682] {
  text-align: center;
}
.d1-problema[data-v-feab4682] {
  margin-bottom: 1rem;
}
.problema-icono[data-v-feab4682] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-feab4682] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.d1-combinacion[data-v-feab4682] {
  margin: 1rem 0;
}
.comb-expr[data-v-feab4682] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}
.d1-ayuda[data-v-feab4682] {
  margin-bottom: 1rem;
}
.ayuda-texto[data-v-feab4682] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ayuda-texto strong[data-v-feab4682] {
  color: #FCD34D;
}
.d1-input-area[data-v-feab4682] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d1-igual[data-v-feab4682] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.d1-input[data-v-feab4682] {
  width: 100px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d1-input.correcto[data-v-feab4682] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d1-input.incorrecto[data-v-feab4682] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-feab4682] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-feab4682]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.d1-feedback[data-v-feab4682] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d1-feedback.correcto[data-v-feab4682] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d1-contador[data-v-feab4682] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Identificar tipo ===== */
.d2-container[data-v-feab4682] {
  text-align: center;
}
.d2-problema[data-v-feab4682] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.d2-pregunta[data-v-feab4682] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.d2-opciones[data-v-feab4682] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.d2-opcion[data-v-feab4682] {
  flex: 1;
  min-width: 130px;
  max-width: 160px;
  padding: 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-family: inherit;
}
.d2-opcion.combinacion[data-v-feab4682] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.d2-opcion.permutacion[data-v-feab4682] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.d2-opcion.seleccionado[data-v-feab4682] {
  transform: scale(1.02);
}
.d2-opcion.combinacion.seleccionado[data-v-feab4682] {
  border-color: #10B981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.3);
}
.d2-opcion.permutacion.seleccionado[data-v-feab4682] {
  border-color: #EF4444;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.3);
}
.d2-opcion.correcto[data-v-feab4682] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.d2-opcion.incorrecto[data-v-feab4682] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-emoji[data-v-feab4682] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-feab4682] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.opcion-desc[data-v-feab4682] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.d2-feedback[data-v-feab4682] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d2-feedback.correcto[data-v-feab4682] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d2-contador[data-v-feab4682] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Problemas PAES ===== */
.d3-container[data-v-feab4682] {
  text-align: center;
}
.d3-badge[data-v-feab4682] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.d3-problema[data-v-feab4682] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.d3-datos[data-v-feab4682] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.dato-item[data-v-feab4682] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.dato-label[data-v-feab4682] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-feab4682] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.d3-input-area[data-v-feab4682] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d3-pregunta[data-v-feab4682] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.d3-input[data-v-feab4682] {
  width: 120px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d3-input.correcto[data-v-feab4682] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d3-input.incorrecto[data-v-feab4682] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.d3-hint[data-v-feab4682] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.hint-icono[data-v-feab4682] {
  font-size: 1rem;
}
.d3-feedback[data-v-feab4682] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  line-height: 1.4;
}
.d3-feedback.correcto[data-v-feab4682] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d3-contador[data-v-feab4682] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-feab4682] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-feab4682] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-feab4682] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-feab4682] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-feab4682] {
  flex: 1;
}
.nav-btn[data-v-feab4682] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-feab4682] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-feab4682] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-feab4682] {
  font-size: 1.75rem;
}
.completado-texto[data-v-feab4682] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-feab4682], .slide-leave-active[data-v-feab4682] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-feab4682] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-feab4682] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Badge completado */
.completado-badge[data-v-4c8c4bef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.badge-icono[data-v-4c8c4bef] {
  font-size: 1.5rem;
}
.badge-texto[data-v-4c8c4bef] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Concepto clave */
.concepto-clave[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-contenido[data-v-4c8c4bef] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.concepto-contenido strong[data-v-4c8c4bef] {
  color: #FFFFFF;
}
strong.destacado[data-v-4c8c4bef] {
  color: #FCD34D;
}

/* Fórmula resumen */
.formula-resumen[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
}
.formula-box[data-v-4c8c4bef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-4c8c4bef] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.fraccion[data-v-4c8c4bef] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-4c8c4bef] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.lin[data-v-4c8c4bef] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.den[data-v-4c8c4bef] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #93C5FD;
  font-family: 'Courier New', monospace;
}
.formula-rapida[data-v-4c8c4bef] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.rapida-label[data-v-4c8c4bef] {
  font-weight: 600;
  color: #FCD34D;
}

/* Comparación rápida */
.comparacion-rapida[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-tabla[data-v-4c8c4bef] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-fila[data-v-4c8c4bef] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.comp-fila[data-v-4c8c4bef]:last-child {
  border-bottom: none;
}
.comp-fila.header[data-v-4c8c4bef] {
  background: rgba(139, 92, 246, 0.2);
}
.comp-col[data-v-4c8c4bef] {
  padding: 0.5rem 0.4rem;
  font-size: 0.7rem;
  text-align: center;
}
.comp-col.label[data-v-4c8c4bef] {
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
}
.comp-col.permutacion[data-v-4c8c4bef] {
  color: #FCA5A5;
}
.comp-col.combinacion[data-v-4c8c4bef] {
  color: #6EE7B7;
}
.comp-fila.header .comp-col[data-v-4c8c4bef] {
  font-weight: 700;
  font-size: 0.75rem;
}

/* Propiedades resumen */
.propiedades-resumen[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
}
.prop-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.prop-grid[data-v-4c8c4bef] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.prop-item[data-v-4c8c4bef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.prop-formula[data-v-4c8c4bef] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.prop-nombre[data-v-4c8c4bef] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Ejemplos resumen */
.ejemplos-resumen[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
}
.ejemplos-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-lista[data-v-4c8c4bef] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ejemplo-item[data-v-4c8c4bef] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-icono[data-v-4c8c4bef] {
  font-size: 1rem;
}
.ej-texto[data-v-4c8c4bef] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-4c8c4bef] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-4c8c4bef] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-4c8c4bef] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-4c8c4bef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-4c8c4bef] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-4c8c4bef] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-4c8c4bef] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-4c8c4bef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(59, 130, 246, 0.15));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-4c8c4bef] {
  font-size: 1.75rem;
}
.final-texto[data-v-4c8c4bef] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.prop-grid[data-v-4c8c4bef] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-lista[data-v-4c8c4bef] {
    grid-template-columns: repeat(4, 1fr);
}
.comp-col[data-v-4c8c4bef] {
    font-size: 0.8rem;
}
.tip-texto[data-v-4c8c4bef] {
    font-size: 0.9rem;
}
}

/* Repaso visual */
.repaso-visual[data-v-d460e0ce] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.rv-titulo[data-v-d460e0ce] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.rv-barra[data-v-d460e0ce] {
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 0.5rem;
  overflow: visible;
}
.rv-parte[data-v-d460e0ce] {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.rv-parte.p1[data-v-d460e0ce] { background: rgba(96, 165, 250, 0.3); border-radius: 0.5rem 0 0 0.5rem;
}
.rv-parte.p2[data-v-d460e0ce] { background: rgba(16, 185, 129, 0.3);
}
.rv-parte.p3[data-v-d460e0ce] { background: rgba(245, 158, 11, 0.3);
}
.rv-parte.p4[data-v-d460e0ce] { background: rgba(239, 68, 68, 0.3); border-radius: 0 0.5rem 0.5rem 0;
}
.rv-marca[data-v-d460e0ce] {
  background: #8B5CF6;
  color: white;
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
  z-index: 1;
}
.rv-marca.destacado[data-v-d460e0ce] {
  background: #10B981;
}
.rv-labels[data-v-d460e0ce] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Relaciones */
.relaciones-box[data-v-d460e0ce] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.rb-titulo[data-v-d460e0ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.relaciones-grid[data-v-d460e0ce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-d460e0ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.relacion-item.destacado[data-v-d460e0ce] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.rel-cuartil[data-v-d460e0ce] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.rel-igual[data-v-d460e0ce] {
  color: #C4B5FD;
}
.rel-percentil[data-v-d460e0ce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.rel-nota[data-v-d460e0ce] {
  font-size: 0.7rem;
  color: #6EE7B7;
  margin-left: 0.25rem;
}

/* Cálculo */
.calculo-section[data-v-d460e0ce] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.calc-titulo[data-v-d460e0ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.pasos-rapidos[data-v-d460e0ce] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-rapido[data-v-d460e0ce] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pr-num[data-v-d460e0ce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.pr-texto[data-v-d460e0ce] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pr-texto strong[data-v-d460e0ce] {
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-d460e0ce] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.er-titulo[data-v-d460e0ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.er-datos[data-v-d460e0ce] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.er-dato[data-v-d460e0ce] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.er-dato.inf[data-v-d460e0ce] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
  color: #93C5FD;
}
.er-dato.med[data-v-d460e0ce] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.er-dato.sup[data-v-d460e0ce] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.er-resultados[data-v-d460e0ce] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.er-q[data-v-d460e0ce] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.er-q strong[data-v-d460e0ce] {
  color: #FCD34D;
}
.er-q.destacado[data-v-d460e0ce] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.er-q.destacado strong[data-v-d460e0ce] {
  color: #6EE7B7;
}

/* Intro avanzado */
.intro-avanzado[data-v-d460e0ce] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(16, 185, 129, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.ia-icono[data-v-d460e0ce] {
  font-size: 1.5rem;
}
.ia-contenido[data-v-d460e0ce] {
  flex: 1;
}
.ia-titulo[data-v-d460e0ce] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.ia-lista[data-v-d460e0ce] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ia-lista li[data-v-d460e0ce] {
  margin-bottom: 0.25rem;
}
.ia-lista strong[data-v-d460e0ce] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.relaciones-grid[data-v-d460e0ce] {
    flex-direction: row;
    justify-content: space-around;
}
.er-dato[data-v-d460e0ce] {
    width: 38px;
    height: 38px;
    font-size: 0.95rem;
}
.er-resultados[data-v-d460e0ce] {
    gap: 1.5rem;
}
}

/* Definición principal */
.definicion-principal[data-v-8141e9bd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-8141e9bd] {
  font-size: 2rem;
}
.def-contenido[data-v-8141e9bd] {
  flex: 1;
}
.def-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}
.def-texto[data-v-8141e9bd] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-8141e9bd] {
  color: #6EE7B7;
}

/* Fórmula */
.formula-box[data-v-8141e9bd] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-contenido[data-v-8141e9bd] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-8141e9bd] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-descripcion[data-v-8141e9bd] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-descripcion strong[data-v-8141e9bd] {
  color: #E9D5FF;
}

/* Visualización RIC */
.visual-ric[data-v-8141e9bd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.vr-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.vr-barra[data-v-8141e9bd] {
  display: flex;
  align-items: center;
  height: 50px;
  border-radius: 0.5rem;
  overflow: visible;
}
.vr-parte[data-v-8141e9bd] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vr-parte.externa-izq[data-v-8141e9bd],
.vr-parte.externa-der[data-v-8141e9bd] {
  flex: 1;
  background: rgba(139, 92, 246, 0.2);
}
.vr-parte.externa-izq[data-v-8141e9bd] {
  border-radius: 0.5rem 0 0 0.5rem;
}
.vr-parte.externa-der[data-v-8141e9bd] {
  border-radius: 0 0.5rem 0.5rem 0;
}
.vr-parte.central[data-v-8141e9bd] {
  flex: 2;
  background: rgba(16, 185, 129, 0.3);
  border-top: 3px solid #10B981;
  border-bottom: 3px solid #10B981;
}
.vr-pct[data-v-8141e9bd] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.vr-ric-label[data-v-8141e9bd] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #6EE7B7;
}
.vr-marca[data-v-8141e9bd] {
  background: #8B5CF6;
  color: white;
  padding: 0.35rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  z-index: 1;
  flex-shrink: 0;
}
.vr-leyenda[data-v-8141e9bd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}
.ley-item[data-v-8141e9bd] {
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.ley-item.extremos[data-v-8141e9bd] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.ley-item.central[data-v-8141e9bd] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Importancia */
.importancia-section[data-v-8141e9bd] {
  margin: 1.5rem 0;
}
.imp-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.imp-cards[data-v-8141e9bd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.imp-card[data-v-8141e9bd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-8141e9bd] {
  font-size: 1.25rem;
}
.imp-texto[data-v-8141e9bd] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.imp-texto strong[data-v-8141e9bd] {
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-8141e9bd] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ej-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ej-datos[data-v-8141e9bd] {
  margin-bottom: 0.75rem;
}
.ej-label[data-v-8141e9bd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.ej-valores[data-v-8141e9bd] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.dato[data-v-8141e9bd] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.dato.ext[data-v-8141e9bd] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.dato.inf[data-v-8141e9bd] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
  color: #93C5FD;
}
.dato.sup[data-v-8141e9bd] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.ej-calculo[data-v-8141e9bd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calc-paso[data-v-8141e9bd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.calc-paso.destacado[data-v-8141e9bd] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.cp-label[data-v-8141e9bd] {
  font-weight: 700;
  color: #93C5FD;
  min-width: 45px;
}
.calc-paso.destacado .cp-label[data-v-8141e9bd] {
  color: #FCD34D;
}
.cp-operacion[data-v-8141e9bd] {
  font-size: 0.85rem;
  color: #C4B5FD;
  flex: 1;
}
.cp-resultado[data-v-8141e9bd] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Interpretación */
.interpretacion-box[data-v-8141e9bd] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.int-titulo[data-v-8141e9bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.int-contenido[data-v-8141e9bd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.int-item[data-v-8141e9bd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex-wrap: wrap;
}
.int-valor[data-v-8141e9bd] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
}
.int-significa[data-v-8141e9bd] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.int-significa strong[data-v-8141e9bd] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-8141e9bd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8141e9bd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8141e9bd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8141e9bd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.imp-cards[data-v-8141e9bd] {
    flex-direction: row;
}
.imp-card[data-v-8141e9bd] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.dato[data-v-8141e9bd] {
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
}
.int-contenido[data-v-8141e9bd] {
    flex-direction: row;
}
.int-item[data-v-8141e9bd] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Introducción */
.intro-atipicos[data-v-9bc4a5c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.ia-icono[data-v-9bc4a5c3] {
  font-size: 2rem;
}
.ia-contenido[data-v-9bc4a5c3] {
  flex: 1;
}
.ia-titulo[data-v-9bc4a5c3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.35rem;
}
.ia-texto[data-v-9bc4a5c3] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ia-texto strong[data-v-9bc4a5c3] {
  color: #FCA5A5;
}

/* Límites */
.limites-section[data-v-9bc4a5c3] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.lim-titulo[data-v-9bc4a5c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.formulas-grid[data-v-9bc4a5c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-item[data-v-9bc4a5c3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-item.inferior[data-v-9bc4a5c3] {
  border-left: 3px solid #93C5FD;
}
.formula-item.superior[data-v-9bc4a5c3] {
  border-left: 3px solid #FCA5A5;
}
.fi-label[data-v-9bc4a5c3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.fi-formula[data-v-9bc4a5c3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.lim-regla[data-v-9bc4a5c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.regla-icono[data-v-9bc4a5c3] {
  font-size: 1.25rem;
}
.regla-texto[data-v-9bc4a5c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-9bc4a5c3] {
  color: #FCA5A5;
}

/* Visualización */
.visual-atipicos[data-v-9bc4a5c3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.va-titulo[data-v-9bc4a5c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.va-diagrama[data-v-9bc4a5c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.va-atipico[data-v-9bc4a5c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem;
}
.at-punto[data-v-9bc4a5c3] {
  font-size: 1.25rem;
  color: #FCA5A5;
}
.at-label[data-v-9bc4a5c3] {
  font-size: 0.6rem;
  color: #FCA5A5;
}
.va-limite[data-v-9bc4a5c3] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.va-normal[data-v-9bc4a5c3] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.va-caja[data-v-9bc4a5c3] {
  display: flex;
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.35rem;
  padding: 0.35rem 0.5rem;
  gap: 0.5rem;
}
.caja-q[data-v-9bc4a5c3] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.caja-med[data-v-9bc4a5c3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0 0.25rem;
  border-left: 2px solid #10B981;
  border-right: 2px solid #10B981;
}
.normal-label[data-v-9bc4a5c3] {
  font-size: 0.6rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
}

/* Ejemplo */
.ejemplo-section[data-v-9bc4a5c3] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ej-titulo[data-v-9bc4a5c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ej-enunciado[data-v-9bc4a5c3] {
  margin-bottom: 0.75rem;
}
.ej-enunciado p[data-v-9bc4a5c3] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ej-enunciado strong[data-v-9bc4a5c3] {
  color: #FFFFFF;
}
.ej-pasos[data-v-9bc4a5c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ej-paso[data-v-9bc4a5c3] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ej-paso.destacado[data-v-9bc4a5c3] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.ep-num[data-v-9bc4a5c3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.ep-contenido[data-v-9bc4a5c3] {
  flex: 1;
}
.ep-label[data-v-9bc4a5c3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.ep-calculo[data-v-9bc4a5c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.ep-calculo strong[data-v-9bc4a5c3] {
  color: #6EE7B7;
}
.ep-calculo strong.negativo[data-v-9bc4a5c3] {
  color: #93C5FD;
}
.ep-calculo strong.positivo[data-v-9bc4a5c3] {
  color: #FCA5A5;
}
.ep-calculo strong.atipico[data-v-9bc4a5c3] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
}

/* Visual del ejemplo */
.ej-visual[data-v-9bc4a5c3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ev-linea[data-v-9bc4a5c3] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.ev-dato[data-v-9bc4a5c3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 0.35rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.ev-dato.normal[data-v-9bc4a5c3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.ev-dato.atipico[data-v-9bc4a5c3] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.ev-labels[data-v-9bc4a5c3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.ev-label[data-v-9bc4a5c3] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.ev-label.normal[data-v-9bc4a5c3] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.ev-label.atipico[data-v-9bc4a5c3] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}

/* Aplicaciones */
.aplicaciones-section[data-v-9bc4a5c3] {
  margin: 1.5rem 0;
}
.app-titulo[data-v-9bc4a5c3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.app-grid[data-v-9bc4a5c3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-card[data-v-9bc4a5c3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-9bc4a5c3] {
  font-size: 1.25rem;
}
.app-texto[data-v-9bc4a5c3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-9bc4a5c3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9bc4a5c3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9bc4a5c3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9bc4a5c3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-9bc4a5c3] {
    flex-direction: row;
}
.formula-item[data-v-9bc4a5c3] {
    flex: 1;
}
.app-grid[data-v-9bc4a5c3] {
    flex-direction: row;
}
.app-card[data-v-9bc4a5c3] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.ev-dato[data-v-9bc4a5c3] {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
}
}

.explorador[data-v-279c5078] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-279c5078] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-279c5078] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-279c5078] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-279c5078] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-279c5078] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-279c5078] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-279c5078] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-279c5078] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Calcular RIC ===== */
.calculo-ric[data-v-279c5078] {
  text-align: center;
}
.datos-muestra[data-v-279c5078] {
  margin-bottom: 1rem;
}
.dm-label[data-v-279c5078] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.dm-valores[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.dato[data-v-279c5078] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #E9D5FF;
}
.inputs-ric[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.input-grupo[data-v-279c5078] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.input-grupo label[data-v-279c5078] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.input-grupo.destacado label[data-v-279c5078] {
  color: #FCD34D;
}
.input-grupo.limite-inf label[data-v-279c5078] {
  color: #93C5FD;
}
.input-grupo.limite-sup label[data-v-279c5078] {
  color: #FCA5A5;
}
.input-grupo input[data-v-279c5078] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-grupo input[data-v-279c5078]:focus {
  outline: none;
  border-color: #8B5CF6;
}
.input-grupo input.correcto[data-v-279c5078] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-grupo input.incorrecto[data-v-279c5078] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Calcular límites ===== */
.calculo-limites[data-v-279c5078] {
  text-align: center;
}
.datos-dados[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.dd-item[data-v-279c5078] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dd-item.destacado[data-v-279c5078] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.dd-label[data-v-279c5078] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dd-valor[data-v-279c5078] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-ayuda[data-v-279c5078] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.inputs-limites[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

/* ===== DESAFÍO 3: Identificar atípicos ===== */
.identificar-atipicos[data-v-279c5078] {
  text-align: center;
}
.contexto-atipicos[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.ca-info[data-v-279c5078] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.ca-label[data-v-279c5078] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ca-valor[data-v-279c5078] {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.35rem;
}
.ca-valor.inf[data-v-279c5078] {
  background: rgba(96, 165, 250, 0.2);
  color: #93C5FD;
}
.ca-valor.sup[data-v-279c5078] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.instruccion-atipicos[data-v-279c5078] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.instruccion-atipicos strong[data-v-279c5078] {
  color: #FCA5A5;
}
.valores-seleccionables[data-v-279c5078] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.valor-btn[data-v-279c5078] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.valor-btn[data-v-279c5078]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.valor-btn.seleccionado[data-v-279c5078] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.valor-btn.correcto[data-v-279c5078] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.valor-btn.incorrecto[data-v-279c5078] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.valor-btn.no-seleccionado-correcto[data-v-279c5078] {
  background: rgba(245, 158, 11, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}

/* Botones y feedback */
.btn-verificar[data-v-279c5078] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-279c5078]:disabled {
  background: rgba(16, 185, 129, 0.4);
  cursor: not-allowed;
}
.feedback[data-v-279c5078] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.fb-item[data-v-279c5078] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.resultado-correcto[data-v-279c5078] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 0.5rem;
}
.rc-icono[data-v-279c5078] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.rc-texto[data-v-279c5078] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Contador niveles */
.contador-niveles[data-v-279c5078] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-279c5078] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-279c5078] { flex: 1;
}
.nav-btn[data-v-279c5078] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-279c5078] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-279c5078] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-279c5078] { font-size: 1.75rem;
}
.completado-texto[data-v-279c5078] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-279c5078], .slide-leave-active[data-v-279c5078] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-279c5078] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-279c5078] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.dato[data-v-279c5078] {
    width: 38px;
    height: 38px;
    font-size: 0.9rem;
}
.input-grupo input[data-v-279c5078] {
    width: 65px;
}
.valor-btn[data-v-279c5078] {
    width: 54px;
    height: 54px;
    font-size: 1.1rem;
}
.formula-ayuda[data-v-279c5078] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-c9262c20] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 1rem;
}
.rv-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rv-diagrama[data-v-c9262c20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.rv-atipico[data-v-c9262c20] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
}
.at-punto[data-v-c9262c20] {
  font-size: 1.25rem;
  color: #FCA5A5;
}
.at-label[data-v-c9262c20] {
  font-size: 0.6rem;
  color: #FCA5A5;
}
.rv-limite[data-v-c9262c20] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.rv-caja[data-v-c9262c20] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.caja-q[data-v-c9262c20] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #E9D5FF;
}
.caja-ric[data-v-c9262c20] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Fórmulas */
.formulas-section[data-v-c9262c20] {
  margin: 1.5rem 0;
}
.fs-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-c9262c20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-c9262c20] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-card.principal[data-v-c9262c20] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.fc-label[data-v-c9262c20] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.fc-formula[data-v-c9262c20] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-card.principal .fc-formula[data-v-c9262c20] {
  color: #6EE7B7;
}

/* Pasos */
.pasos-section[data-v-c9262c20] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ps-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-c9262c20] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-c9262c20] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-item.destacado[data-v-c9262c20] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-top: 0.25rem;
}
.paso-num[data-v-c9262c20] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-item.destacado .paso-num[data-v-c9262c20] {
  background: #F59E0B;
}
.paso-texto[data-v-c9262c20] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-c9262c20] {
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-c9262c20] {
  margin: 1.5rem 0;
}
.cs-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-c9262c20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-card[data-v-c9262c20] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cc-icono[data-v-c9262c20] {
  font-size: 1.5rem;
}
.cc-contenido[data-v-c9262c20] {
  flex: 1;
}
.cc-titulo[data-v-c9262c20] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.cc-texto[data-v-c9262c20] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Factor 1.5 */
.factor-section[data-v-c9262c20] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.factor-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.factor-contenido p[data-v-c9262c20] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.factor-contenido strong[data-v-c9262c20] {
  color: #FCD34D;
}
.factor-nota[data-v-c9262c20] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.factor-nota strong[data-v-c9262c20] {
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-c9262c20] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tp-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c9262c20] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c9262c20] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-c9262c20] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-c9262c20] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-c9262c20] {
  color: #FFFFFF;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-c9262c20] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.er-titulo[data-v-c9262c20] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.er-grid[data-v-c9262c20] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.er-item[data-v-c9262c20] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.er-item.destacado[data-v-c9262c20] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.er-label[data-v-c9262c20] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.er-resultado[data-v-c9262c20] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.er-calc[data-v-c9262c20] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.er-calc strong.negativo[data-v-c9262c20] {
  color: #93C5FD;
}
.er-calc strong.positivo[data-v-c9262c20] {
  color: #FCA5A5;
}
.er-conclusion[data-v-c9262c20] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.er-conclusion strong[data-v-c9262c20] {
  color: #6EE7B7;
}

/* Celebración */
.celebracion[data-v-c9262c20] {
  text-align: center;
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-c9262c20] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-c9262c20 1s ease-in-out infinite;
}
@keyframes bounce-c9262c20 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-c9262c20] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0;
}
.celebracion-texto strong[data-v-c9262c20] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-c9262c20] {
    flex-direction: row;
}
.formula-card[data-v-c9262c20] {
    flex: 1;
}
.conceptos-grid[data-v-c9262c20] {
    flex-direction: row;
}
.concepto-card[data-v-c9262c20] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.cc-contenido[data-v-c9262c20] {
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-3eee8973] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.datos-no-agrupados[data-v-3eee8973],
.datos-agrupados[data-v-3eee8973] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.datos-no-agrupados .label[data-v-3eee8973],
.datos-agrupados .label[data-v-3eee8973] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.numeros-dispersos[data-v-3eee8973] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: center;
  max-width: 120px;
}
.numeros-dispersos span[data-v-3eee8973] {
  font-size: 0.7rem;
  color: #E9D5FF;
  padding: 0.1rem 0.25rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.flecha-transforma[data-v-3eee8973] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.intervalos-preview[data-v-3eee8973] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.intervalo[data-v-3eee8973] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}

/* Por qué agrupar */
.porque-section[data-v-3eee8973] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-3eee8973] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.porque-grid[data-v-3eee8973] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.porque-item[data-v-3eee8973] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.porque-icono[data-v-3eee8973] {
  font-size: 1.25rem;
}
.porque-texto[data-v-3eee8973] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.porque-texto strong[data-v-3eee8973] {
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-3eee8973] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-3eee8973] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contexto p[data-v-3eee8973] {
  margin: 0 0 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tabla-container[data-v-3eee8973] {
  overflow-x: auto;
}
.tabla-frecuencias[data-v-3eee8973] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.tabla-frecuencias th[data-v-3eee8973],
.tabla-frecuencias td[data-v-3eee8973] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-frecuencias th[data-v-3eee8973] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-frecuencias td[data-v-3eee8973] {
  color: #E9D5FF;
}
.tabla-frecuencias tbody tr[data-v-3eee8973]:hover {
  background: rgba(139, 92, 246, 0.1);
}
.tabla-frecuencias tfoot td[data-v-3eee8973] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Conceptos */
.conceptos-section[data-v-3eee8973] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.concepto-card[data-v-3eee8973] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-3eee8973] {
  font-size: 1.5rem;
}
.concepto-info[data-v-3eee8973] {
  flex: 1;
}
.concepto-nombre[data-v-3eee8973] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.concepto-def[data-v-3eee8973] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-3eee8973] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3eee8973] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3eee8973] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3eee8973] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3eee8973] {
    gap: 1.5rem;
}
.datos-no-agrupados[data-v-3eee8973],
  .datos-agrupados[data-v-3eee8973] {
    padding: 1rem;
}
.numeros-dispersos[data-v-3eee8973] {
    max-width: 150px;
}
.porque-grid[data-v-3eee8973] {
    grid-template-columns: repeat(4, 1fr);
}
.porque-item[data-v-3eee8973] {
    flex-direction: column;
    text-align: center;
}
.conceptos-section[data-v-3eee8973] {
    flex-direction: row;
}
.concepto-card[data-v-3eee8973] {
    flex: 1;
}
}

/* Intervalo visual */
.intervalo-visual[data-v-e19606f7] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.intervalo-titulo[data-v-e19606f7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.intervalo-detalle[data-v-e19606f7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.bracket[data-v-e19606f7] {
  font-size: 2.5rem;
  font-weight: 300;
  color: #8B5CF6;
  line-height: 1;
}
.limite[data-v-e19606f7] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.limite .valor[data-v-e19606f7] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.limite .etiqueta[data-v-e19606f7] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.limite-inf .valor[data-v-e19606f7] {
  color: #6EE7B7;
}
.limite-sup .valor[data-v-e19606f7] {
  color: #FCA5A5;
}
.separador[data-v-e19606f7] {
  font-size: 1.5rem;
  color: #C4B5FD;
  padding: 0 0.25rem;
}
.amplitud-visual[data-v-e19606f7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.amplitud-linea[data-v-e19606f7] {
  width: 60%;
  height: 3px;
  background: linear-gradient(to right, #6EE7B7, #FCA5A5);
  border-radius: 2px;
}
.amplitud-valor[data-v-e19606f7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.amplitud-valor strong[data-v-e19606f7] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Notación */
.notacion-section[data-v-e19606f7] {
  margin: 1.5rem 0;
}
.notacion-titulo[data-v-e19606f7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.notacion-grid[data-v-e19606f7] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.notacion-item[data-v-e19606f7] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.notacion-simbolo[data-v-e19606f7] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.5rem;
}
.notacion-desc[data-v-e19606f7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.notacion-desc strong[data-v-e19606f7] {
  color: #FFFFFF;
}
.incluye[data-v-e19606f7] {
  color: #6EE7B7;
  font-weight: 600;
}
.excluye[data-v-e19606f7] {
  color: #FCA5A5;
  font-weight: 600;
}
.notacion-ejemplo[data-v-e19606f7] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmula */
.formula-section[data-v-e19606f7] {
  margin: 1.5rem 0;
}
.formula-card[data-v-e19606f7] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-e19606f7] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-contenido[data-v-e19606f7] {
  text-align: center;
}
.formula-principal[data-v-e19606f7] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
  margin-bottom: 0.75rem;
}
.formula-desc[data-v-e19606f7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.formula-desc strong[data-v-e19606f7] {
  color: #FCD34D;
}

/* Ejemplo tabla */
.ejemplo-section[data-v-e19606f7] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-e19606f7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-tabla[data-v-e19606f7] {
  overflow-x: auto;
  margin-bottom: 0.75rem;
}
.tabla-intervalos[data-v-e19606f7] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-intervalos th[data-v-e19606f7],
.tabla-intervalos td[data-v-e19606f7] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tabla-intervalos th[data-v-e19606f7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-intervalos td[data-v-e19606f7] {
  color: #E9D5FF;
}
.tabla-intervalos .resultado[data-v-e19606f7] {
  color: #FCD34D;
  font-weight: 700;
}
.ejemplo-conclusion[data-v-e19606f7] {
  text-align: center;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.ejemplo-conclusion strong[data-v-e19606f7] {
  color: #FCD34D;
}

/* Info section */
.info-section[data-v-e19606f7] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.info-titulo[data-v-e19606f7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.info-contenido[data-v-e19606f7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regla-item[data-v-e19606f7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.regla-num[data-v-e19606f7] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.regla-texto[data-v-e19606f7] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.regla-formula[data-v-e19606f7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.regla-label[data-v-e19606f7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.regla-ecuacion[data-v-e19606f7] {
  font-family: 'Courier New', monospace;
  color: #FFFFFF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-e19606f7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-e19606f7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e19606f7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e19606f7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.notacion-grid[data-v-e19606f7] {
    grid-template-columns: repeat(2, 1fr);
}
.info-contenido[data-v-e19606f7] {
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
}

/* MC Visual */
.mc-visual[data-v-e3b3421b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.mc-titulo[data-v-e3b3421b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.mc-intervalo[data-v-e3b3421b] {
  max-width: 300px;
  margin: 0 auto;
}
.mc-linea[data-v-e3b3421b] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}
.mc-extremo[data-v-e3b3421b],
.mc-punto[data-v-e3b3421b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mc-valor[data-v-e3b3421b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #C4B5FD;
}
.mc-marca[data-v-e3b3421b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.mc-label[data-v-e3b3421b] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.mc-barra[data-v-e3b3421b] {
  height: 8px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  position: relative;
}
.mc-barra-fill[data-v-e3b3421b] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, #8B5CF6, #FCD34D, #8B5CF6);
  border-radius: 4px;
}
.mc-barra-marca[data-v-e3b3421b] {
  position: absolute;
  left: 50%;
  top: -4px;
  transform: translateX(-50%);
  width: 4px;
  height: 16px;
  background: #FCD34D;
  border-radius: 2px;
}

/* Fórmula */
.formula-section[data-v-e3b3421b] {
  margin: 1.5rem 0;
}
.formula-card[data-v-e3b3421b] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-titulo[data-v-e3b3421b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-principal[data-v-e3b3421b] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.formula-alternativa[data-v-e3b3421b] {
  font-size: 0.9rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}

/* Ejemplo */
.ejemplo-section[data-v-e3b3421b] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-e3b3421b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-tabla[data-v-e3b3421b] {
  overflow-x: auto;
}
.tabla-mc[data-v-e3b3421b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-mc th[data-v-e3b3421b],
.tabla-mc td[data-v-e3b3421b] {
  padding: 0.5rem 0.35rem;
  text-align: center;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tabla-mc th[data-v-e3b3421b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-mc td[data-v-e3b3421b] {
  color: #E9D5FF;
}
.tabla-mc .resultado[data-v-e3b3421b] {
  color: #E9D5FF;
}
.tabla-mc .resultado strong[data-v-e3b3421b] {
  color: #FCD34D;
}

/* Importancia */
.importancia-section[data-v-e3b3421b] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-e3b3421b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-e3b3421b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-e3b3421b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.importancia-icono[data-v-e3b3421b] {
  font-size: 1.5rem;
}
.importancia-texto[data-v-e3b3421b] {
  display: flex;
  flex-direction: column;
}
.importancia-texto strong[data-v-e3b3421b] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.importancia-texto span[data-v-e3b3421b] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Tabla completa */
.tabla-completa[data-v-e3b3421b] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tabla-titulo[data-v-e3b3421b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-container[data-v-e3b3421b] {
  overflow-x: auto;
}
.tabla-full[data-v-e3b3421b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-full th[data-v-e3b3421b],
.tabla-full td[data-v-e3b3421b] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-full th[data-v-e3b3421b] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-full td[data-v-e3b3421b] {
  color: #E9D5FF;
}
.tabla-full tfoot td[data-v-e3b3421b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.tabla-nota[data-v-e3b3421b] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}
.tabla-nota strong[data-v-e3b3421b] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-e3b3421b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e3b3421b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e3b3421b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e3b3421b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.importancia-grid[data-v-e3b3421b] {
    flex-direction: row;
}
.importancia-item[data-v-e3b3421b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.importancia-texto[data-v-e3b3421b] {
    align-items: center;
}
}

/* Estadística section */
.estadistica-section[data-v-5982f67b] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.estadistica-header[data-v-5982f67b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.estadistica-icono[data-v-5982f67b] {
  font-size: 1.25rem;
}
.estadistica-titulo[data-v-5982f67b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.estadistica-desc[data-v-5982f67b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.estadistica-desc strong[data-v-5982f67b] {
  color: #FCD34D;
}

/* Formula box */
.formula-box[data-v-5982f67b] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.formula[data-v-5982f67b] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.formula-explicacion[data-v-5982f67b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-paso[data-v-5982f67b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-num[data-v-5982f67b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}

/* Ejemplo cálculo */
.ejemplo-calculo[data-v-5982f67b] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-5982f67b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-tabla[data-v-5982f67b] {
  overflow-x: auto;
  margin-bottom: 1rem;
}
.tabla-calculo[data-v-5982f67b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-calculo th[data-v-5982f67b],
.tabla-calculo td[data-v-5982f67b] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tabla-calculo th[data-v-5982f67b] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-calculo td[data-v-5982f67b] {
  color: #E9D5FF;
}
.tabla-calculo tfoot td[data-v-5982f67b] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.calculo-final[data-v-5982f67b] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.calculo-formula[data-v-5982f67b] {
  font-size: 1rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.calculo-resultado[data-v-5982f67b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Modal ejemplo */
.modal-ejemplo[data-v-5982f67b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.modal-intervalo[data-v-5982f67b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}
.modal-intervalo.destacado[data-v-5982f67b] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.25rem;
}
.modal-nombre[data-v-5982f67b] {
  font-weight: 600;
  color: #FFFFFF;
}
.modal-freq[data-v-5982f67b] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.modal-resultado[data-v-5982f67b] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.modal-resultado strong[data-v-5982f67b] {
  color: #6EE7B7;
}

/* Mediana */
.mediana-pasos[data-v-5982f67b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mediana-paso[data-v-5982f67b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso-label[data-v-5982f67b] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.paso-valor[data-v-5982f67b] {
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.freq-acum[data-v-5982f67b] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.freq-acum .destacado[data-v-5982f67b] {
  color: #6EE7B7;
  font-weight: 600;
}
.mediana-resultado[data-v-5982f67b] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.mediana-resultado strong[data-v-5982f67b] {
  color: #6EE7B7;
}

/* Fórmula mediana */
.formula-mediana[data-v-5982f67b] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.formula-titulo[data-v-5982f67b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-contenido[data-v-5982f67b] {
  text-align: center;
}
.formula-principal[data-v-5982f67b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-variables[data-v-5982f67b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
  text-align: left;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.var-item strong[data-v-5982f67b] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-5982f67b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5982f67b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5982f67b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5982f67b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-variables[data-v-5982f67b] {
    grid-template-columns: repeat(2, 1fr);
}
.freq-acum[data-v-5982f67b] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
}

.explorador[data-v-29204720] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-29204720] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-29204720] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-29204720] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-29204720] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-29204720] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-29204720] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-29204720] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-29204720] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-29204720] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Marca de Clase ===== */
.mc-challenge[data-v-29204720] {
  text-align: center;
}
.mc-pregunta[data-v-29204720] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.mc-label[data-v-29204720] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.mc-intervalo[data-v-29204720] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}
.mc-formula-hint[data-v-29204720] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.mc-input-group[data-v-29204720] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.mc-input[data-v-29204720],
.media-input[data-v-29204720] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.mc-input.correcto[data-v-29204720],
.media-input.correcto[data-v-29204720] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.mc-input.incorrecto[data-v-29204720],
.media-input.incorrecto[data-v-29204720] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-29204720] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-29204720]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Media ===== */
.media-challenge[data-v-29204720] {
  text-align: center;
}
.tabla-wrapper[data-v-29204720] {
  overflow-x: auto;
  margin-bottom: 1rem;
}
.tabla-media[data-v-29204720] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-media th[data-v-29204720],
.tabla-media td[data-v-29204720] {
  padding: 0.4rem 0.3rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-media th[data-v-29204720] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  font-weight: 600;
}
.tabla-media td[data-v-29204720] {
  color: #E9D5FF;
}
.tabla-media tfoot td[data-v-29204720] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.media-calculo[data-v-29204720] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.media-formula[data-v-29204720] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}

/* ===== DESAFÍO 3: Clase Modal ===== */
.modal-challenge[data-v-29204720] {
  text-align: center;
}
.modal-instruccion[data-v-29204720] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.modal-instruccion strong[data-v-29204720] {
  color: #FCD34D;
}
.opciones-modal[data-v-29204720] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-29204720] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-29204720]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.seleccionado[data-v-29204720] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-29204720] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecto[data-v-29204720] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-intervalo[data-v-29204720] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opcion-freq[data-v-29204720] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Feedback y resultado */
.feedback[data-v-29204720] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-29204720] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.resultado-correcto[data-v-29204720] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-29204720] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-29204720] {
  color: #6EE7B7;
  font-weight: 600;
}
.contador[data-v-29204720] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-29204720] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-29204720] {
  flex: 1;
}
.nav-btn[data-v-29204720] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-29204720] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-29204720] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-29204720] {
  font-size: 1.75rem;
}
.completado-texto[data-v-29204720] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-29204720],
.slide-leave-active[data-v-29204720] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-29204720] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-29204720] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.mc-intervalo[data-v-29204720] {
    font-size: 2rem;
}
.tabla-media[data-v-29204720] {
    font-size: 0.9rem;
}
.tabla-media th[data-v-29204720],
  .tabla-media td[data-v-29204720] {
    padding: 0.5rem;
}
}

/* Intro */
.resumen-intro[data-v-9852a244] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-9852a244] {
  font-size: 2rem;
}
.resumen-intro p[data-v-9852a244] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-9852a244] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-9852a244] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card.destacada[data-v-9852a244] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.05);
}
.card-header[data-v-9852a244] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-9852a244] {
  font-size: 1.25rem;
}
.card-titulo[data-v-9852a244] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-9852a244] {
  color: #E9D5FF;
}
.card-desc[data-v-9852a244] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
}
.card-desc strong[data-v-9852a244] {
  color: #FCD34D;
}
.card-nota[data-v-9852a244] {
  margin: 0.25rem 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos mini */
.ejemplo-mini[data-v-9852a244] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #8B5CF6;
  padding: 0.35rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  text-align: center;
}
.ejemplo-mc[data-v-9852a244] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}
.ejemplo-mc strong[data-v-9852a244] {
  color: #6EE7B7;
}

/* Componentes lista */
.componentes-lista[data-v-9852a244] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.comp-item[data-v-9852a244] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.comp-nombre[data-v-9852a244] {
  font-weight: 700;
  color: #8B5CF6;
  min-width: 35px;
}
.comp-desc[data-v-9852a244] {
  color: #E9D5FF;
}

/* Fórmula resumen */
.formula-resumen[data-v-9852a244] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.pasos-mini[data-v-9852a244] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Modal ejemplo */
.ejemplo-modal[data-v-9852a244] {
  font-size: 0.8rem;
}
.modal-fila[data-v-9852a244] {
  padding: 0.25rem 0.5rem;
  color: #E9D5FF;
}
.modal-fila.destacado[data-v-9852a244] {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  color: #6EE7B7;
  font-weight: 600;
}
.formula-mini[data-v-9852a244] {
  font-family: 'Courier New', monospace;
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
  margin-top: 0.5rem;
}

/* Tips PAES */
.tips-paes[data-v-9852a244] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-9852a244] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tip-item[data-v-9852a244] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-emoji[data-v-9852a244] {
  font-size: 1rem;
}
.tip-text[data-v-9852a244] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-9852a244] {
  color: #FCD34D;
}

/* Fórmulas box */
.formulas-box[data-v-9852a244] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-9852a244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-9852a244] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.formula-item[data-v-9852a244] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.f-nombre[data-v-9852a244] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.f-formula[data-v-9852a244] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-9852a244] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-9852a244] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-9852a244 1s ease-in-out infinite;
}
@keyframes bounce-9852a244 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-9852a244] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-cards[data-v-9852a244] {
    grid-template-columns: repeat(2, 1fr);
}
.formulas-grid[data-v-9852a244] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-7a1a0335] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.icono[data-v-7a1a0335] {
  font-size: 2.5rem;
}
.resultado[data-v-7a1a0335] {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 1.1rem;
}
.resultado.exito[data-v-7a1a0335] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.resultado.fracaso[data-v-7a1a0335] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.separador[data-v-7a1a0335] {
  color: #C4B5FD;
  font-size: 1rem;
}

/* Texto inline */
strong.positivo[data-v-7a1a0335] {
  color: #6EE7B7;
}
strong.negativo[data-v-7a1a0335] {
  color: #FCA5A5;
}

/* Definición box */
.definicion-box[data-v-7a1a0335] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.definicion-header[data-v-7a1a0335] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.definicion-icono[data-v-7a1a0335] {
  font-size: 1.25rem;
}
.definicion-titulo[data-v-7a1a0335] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-7a1a0335] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-7a1a0335] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caracteristica .check[data-v-7a1a0335] {
  color: #6EE7B7;
  font-weight: 700;
}
.caracteristica .texto[data-v-7a1a0335] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.caracteristica strong[data-v-7a1a0335] {
  color: #FCD34D;
}

/* Ejemplos section */
.ejemplos-section[data-v-7a1a0335] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-7a1a0335] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-7a1a0335] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.ejemplo-card[data-v-7a1a0335] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.ejemplo-icono[data-v-7a1a0335] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.ejemplo-nombre[data-v-7a1a0335] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ejemplo-resultados[data-v-7a1a0335] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.7rem;
  margin-bottom: 0.25rem;
}
.ejemplo-resultados .exito[data-v-7a1a0335] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.ejemplo-resultados .fracaso[data-v-7a1a0335] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.ejemplo-prob[data-v-7a1a0335] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Notación section */
.notacion-section[data-v-7a1a0335] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.notacion-header[data-v-7a1a0335] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.notacion-icono[data-v-7a1a0335] {
  font-size: 1.25rem;
}
.notacion-titulo[data-v-7a1a0335] {
  font-weight: 700;
  color: #FFFFFF;
}
.notacion-grid[data-v-7a1a0335] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.notacion-item[data-v-7a1a0335] {
  flex: 1;
  min-width: 120px;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.notacion-item .simbolo[data-v-7a1a0335] {
  display: block;
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.notacion-item .descripcion[data-v-7a1a0335] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.notacion-ejemplo[data-v-7a1a0335] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.notacion-ejemplo strong[data-v-7a1a0335] {
  color: #FCD34D;
}

/* Concepto clave */
.concepto-clave[data-v-7a1a0335] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-7a1a0335] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-7a1a0335] {
  flex: 1;
}
.clave-titulo[data-v-7a1a0335] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.clave-texto[data-v-7a1a0335] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.clave-texto strong[data-v-7a1a0335] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-7a1a0335] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7a1a0335] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7a1a0335] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7a1a0335] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-7a1a0335] {
    gap: 1.5rem;
}
.icono[data-v-7a1a0335] {
    font-size: 3rem;
}
.resultado[data-v-7a1a0335] {
    font-size: 1.25rem;
    padding: 0.6rem 1.25rem;
}
.ejemplos-grid[data-v-7a1a0335] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-819be5aa] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
}
.binomial-notacion[data-v-819be5aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.binomial-x[data-v-819be5aa] {
  font-family: 'Times New Roman', serif;
  font-size: 2rem;
  font-weight: 700;
  font-style: italic;
  color: #FCD34D;
}
.binomial-sim[data-v-819be5aa] {
  font-size: 1.5rem;
  color: #C4B5FD;
}
.binomial-b[data-v-819be5aa] {
  font-family: 'Times New Roman', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Fórmula box */
.formula-box[data-v-819be5aa] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-header[data-v-819be5aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-819be5aa] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-819be5aa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-principal[data-v-819be5aa] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}

/* Parámetros */
.parametros-section[data-v-819be5aa] {
  margin: 1.5rem 0;
}
.parametros-titulo[data-v-819be5aa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.parametros-grid[data-v-819be5aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.parametro-item[data-v-819be5aa] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.parametro-item.combinatoria[data-v-819be5aa] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.param-simbolo[data-v-819be5aa] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
  text-align: center;
}
.param-desc[data-v-819be5aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.param-ejemplo[data-v-819be5aa], .param-formula[data-v-819be5aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: right;
}

/* Ejemplo section */
.ejemplo-section[data-v-819be5aa] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-819be5aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-icono[data-v-819be5aa] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-819be5aa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-problema[data-v-819be5aa] {
  margin-bottom: 1rem;
}
.ejemplo-problema p[data-v-819be5aa] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
}
.ejemplo-datos[data-v-819be5aa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-solucion[data-v-819be5aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.paso-calculo[data-v-819be5aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-819be5aa] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-819be5aa] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-819be5aa] {
  color: #6EE7B7;
}
.paso-final[data-v-819be5aa] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.paso-formula[data-v-819be5aa] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.paso-formula .resultado[data-v-819be5aa] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.ejemplo-interpretacion[data-v-819be5aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.interp-icono[data-v-819be5aa] {
  font-size: 1.25rem;
}
.interp-texto[data-v-819be5aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.interp-texto strong[data-v-819be5aa] {
  color: #FCD34D;
}

/* Propiedades */
.propiedades-section[data-v-819be5aa] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-819be5aa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.propiedades-grid[data-v-819be5aa] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.propiedad-item[data-v-819be5aa] {
  flex: 1;
  min-width: 140px;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-nombre[data-v-819be5aa] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.prop-formula[data-v-819be5aa] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-819be5aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-819be5aa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-819be5aa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-819be5aa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.binomial-notacion[data-v-819be5aa] {
    padding: 1.25rem 3rem;
}
.binomial-x[data-v-819be5aa], .binomial-b[data-v-819be5aa] {
    font-size: 2.5rem;
}
.formula-principal[data-v-819be5aa] {
    font-size: 1.75rem;
}
.parametros-grid[data-v-819be5aa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.parametro-item.combinatoria[data-v-819be5aa] {
    grid-column: span 2;
}
}

/* Tipos de probabilidades */
.tipos-section[data-v-8f87d0c5] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-8f87d0c5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-8f87d0c5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-8f87d0c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid;
  border-radius: 0.75rem;
  text-align: center;
}
.tipo-card.exacta[data-v-8f87d0c5] {
  border-color: rgba(139, 92, 246, 0.4);
}
.tipo-card.mayor[data-v-8f87d0c5] {
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-card.menor[data-v-8f87d0c5] {
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.al-menos[data-v-8f87d0c5] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-nombre[data-v-8f87d0c5] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-formula[data-v-8f87d0c5] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.tipo-ejemplo[data-v-8f87d0c5] {
  font-size: 0.7rem;
  color: #A78BFA;
  font-style: italic;
}

/* Relaciones box */
.relaciones-box[data-v-8f87d0c5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.relaciones-header[data-v-8f87d0c5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.relaciones-icono[data-v-8f87d0c5] {
  font-size: 1.25rem;
}
.relaciones-titulo[data-v-8f87d0c5] {
  font-weight: 700;
  color: #FCD34D;
}
.relaciones-lista[data-v-8f87d0c5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-item[data-v-8f87d0c5] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.relacion-formula[data-v-8f87d0c5] {
  display: block;
  font-family: 'Times New Roman', serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.relacion-desc[data-v-8f87d0c5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-8f87d0c5] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-header[data-v-8f87d0c5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-icono[data-v-8f87d0c5] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-8f87d0c5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ejemplo-contexto[data-v-8f87d0c5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.ejemplo-contexto strong[data-v-8f87d0c5] {
  color: #FCD34D;
}
.datos-box[data-v-8f87d0c5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.datos-item[data-v-8f87d0c5] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Pregunta box */
.pregunta-box[data-v-8f87d0c5] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.pregunta-header[data-v-8f87d0c5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.pregunta-letra[data-v-8f87d0c5] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 1rem;
}
.pregunta-texto[data-v-8f87d0c5] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.solucion-pasos[data-v-8f87d0c5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 1.25rem;
}
.paso[data-v-8f87d0c5] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.paso.resultado[data-v-8f87d0c5] {
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}
.paso strong[data-v-8f87d0c5] {
  color: #6EE7B7;
}

/* Tabla distribución */
.tabla-section[data-v-8f87d0c5] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-8f87d0c5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.tabla-distribucion[data-v-8f87d0c5] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.5rem;
  font-size: 0.85rem;
}
.tabla-distribucion th[data-v-8f87d0c5],
.tabla-distribucion td[data-v-8f87d0c5] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-distribucion th[data-v-8f87d0c5] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-distribucion td[data-v-8f87d0c5] {
  color: #E9D5FF;
}
.tabla-distribucion td.label-cell[data-v-8f87d0c5] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.8rem;
}
.tabla-distribucion td.highlight[data-v-8f87d0c5] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 700;
}
.tabla-nota[data-v-8f87d0c5] {
  font-size: 0.75rem;
  color: #A78BFA;
  text-align: center;
}

/* Tip */
.tip[data-v-8f87d0c5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8f87d0c5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8f87d0c5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8f87d0c5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-grid[data-v-8f87d0c5] {
    grid-template-columns: repeat(4, 1fr);
}
.tipo-card[data-v-8f87d0c5] {
    padding: 1rem;
}
.tipo-formula[data-v-8f87d0c5] {
    font-size: 1.25rem;
}
}

.explorador[data-v-1d506cb6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-1d506cb6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-1d506cb6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-1d506cb6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-1d506cb6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-1d506cb6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-1d506cb6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-1d506cb6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-1d506cb6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-1d506cb6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-1d506cb6] {
  text-align: center;
}
.problema-texto[data-v-1d506cb6] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.parametros-input[data-v-1d506cb6] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.param-group[data-v-1d506cb6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.param-group label[data-v-1d506cb6] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.param-group input[data-v-1d506cb6] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.param-group input.correcto[data-v-1d506cb6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.param-group input.incorrecto[data-v-1d506cb6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 2: Combinatorios ===== */
.combinatorio-container[data-v-1d506cb6] {
  text-align: center;
}
.formula-recordatorio[data-v-1d506cb6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-1d506cb6] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  color: #FCD34D;
}
.combinatorio-pregunta[data-v-1d506cb6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.combinatorio-formula[data-v-1d506cb6] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.combinatorio-pregunta input[data-v-1d506cb6] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: #FCD34D;
  font-family: inherit;
}
.combinatorio-pregunta input.correcto[data-v-1d506cb6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.combinatorio-pregunta input.incorrecto[data-v-1d506cb6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* ===== DESAFÍO 3: Binomial ===== */
.calculo-container[data-v-1d506cb6] {
  text-align: center;
}
.calculo-problema[data-v-1d506cb6] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.calculo-datos[data-v-1d506cb6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  color: #FCD34D;
}
.calculo-pregunta[data-v-1d506cb6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-label[data-v-1d506cb6] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.calculo-pregunta input[data-v-1d506cb6] {
  width: 100px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-pregunta input.correcto[data-v-1d506cb6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-pregunta input.incorrecto[data-v-1d506cb6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Botones y feedback */
.btn-verificar[data-v-1d506cb6] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.btn-verificar-small[data-v-1d506cb6] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-1d506cb6] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.feedback.correcto[data-v-1d506cb6] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.contador[data-v-1d506cb6] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-1d506cb6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-1d506cb6] { font-size: 1.25rem;
}
.resultado-texto[data-v-1d506cb6] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-1d506cb6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-1d506cb6] { flex: 1;
}
.nav-btn[data-v-1d506cb6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-1d506cb6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-1d506cb6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-1d506cb6] { font-size: 1.75rem;
}
.completado-texto[data-v-1d506cb6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-1d506cb6], .slide-leave-active[data-v-1d506cb6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-1d506cb6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-1d506cb6] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-f1466564] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-f1466564] {
  font-size: 2rem;
}
.resumen-intro p[data-v-f1466564] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-f1466564] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-f1466564] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-f1466564] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-f1466564]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-f1466564] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-f1466564] {
    grid-column: span 1;
}
}
.card-header[data-v-f1466564] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-f1466564] {
  font-size: 1.25rem;
}
.card-titulo[data-v-f1466564] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-f1466564] {
  color: #E9D5FF;
}
.card-nota[data-v-f1466564] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Bernoulli visual */
.bernoulli-visual[data-v-f1466564] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.bernoulli-visual .resultado[data-v-f1466564] {
  padding: 0.35rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.bernoulli-visual .resultado.exito[data-v-f1466564] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.bernoulli-visual .resultado.fracaso[data-v-f1466564] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.bernoulli-visual .o[data-v-f1466564] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Checklist */
.checklist[data-v-f1466564] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
}
.check-item[data-v-f1466564] {
  font-size: 0.8rem;
  color: #6EE7B7;
  padding: 0.25rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
}

/* Fórmula grande */
.formula-grande[data-v-f1466564] {
  font-family: 'Times New Roman', serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.parametros-mini[data-v-f1466564] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Combinatorio */
.combinatorio-formula[data-v-f1466564] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.combinatorio-ejemplos[data-v-f1466564] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Propiedades lista */
.propiedades-lista[data-v-f1466564] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.propiedad[data-v-f1466564] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.prop-nombre[data-v-f1466564] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.prop-valor[data-v-f1466564] {
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Tipos grid */
.tipos-grid[data-v-f1466564] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.tipos-grid[data-v-f1466564] {
    grid-template-columns: repeat(4, 1fr);
}
}
.tipo-item[data-v-f1466564] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-nombre[data-v-f1466564] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-formula[data-v-f1466564] {
  font-family: 'Times New Roman', serif;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-f1466564] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-f1466564] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-f1466564] {
  font-size: 1.25rem;
}
.tip-text[data-v-f1466564] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-f1466564] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-f1466564] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-f1466564] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-f1466564 1s ease-in-out infinite;
}
@keyframes bounce-f1466564 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-f1466564] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-f1466564] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Introducción visual */
.intro-visual[data-v-658bae6e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 1.5rem;
}
.campana-container[data-v-658bae6e] {
  width: 100%;
  max-width: 300px;
}
.campana-svg[data-v-658bae6e] {
  width: 100%;
  height: auto;
}
.campana-label[data-v-658bae6e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.campana-label .emoji[data-v-658bae6e] {
  font-size: 1.25rem;
}
.campana-label .texto[data-v-658bae6e] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Texto inline */
strong.destacado[data-v-658bae6e] {
  color: #FCD34D;
}
strong.positivo[data-v-658bae6e] {
  color: #6EE7B7;
}

/* Características */
.caracteristicas-section[data-v-658bae6e] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-658bae6e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.caracteristicas-grid[data-v-658bae6e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caracteristica[data-v-658bae6e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caracteristica .check[data-v-658bae6e] {
  color: #6EE7B7;
  font-weight: 700;
}
.caracteristica .texto[data-v-658bae6e] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.caracteristica strong[data-v-658bae6e] {
  color: #FCD34D;
}

/* Ejemplos */
.ejemplos-section[data-v-658bae6e] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-658bae6e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-658bae6e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-658bae6e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-icono[data-v-658bae6e] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ejemplo-nombre[data-v-658bae6e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ejemplo-desc[data-v-658bae6e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Notación */
.notacion-box[data-v-658bae6e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.notacion-header[data-v-658bae6e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.notacion-icono[data-v-658bae6e] {
  font-size: 1.25rem;
}
.notacion-titulo[data-v-658bae6e] {
  font-weight: 700;
  color: #FCD34D;
}
.notacion-formula[data-v-658bae6e] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.notacion-formula .formula[data-v-658bae6e] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.notacion-explicacion[data-v-658bae6e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.notacion-explicacion strong[data-v-658bae6e] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-658bae6e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-658bae6e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-658bae6e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-658bae6e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.campana-container[data-v-658bae6e] {
    max-width: 350px;
}
.ejemplos-grid[data-v-658bae6e] {
    grid-template-columns: repeat(4, 1fr);
}
.notacion-formula .formula[data-v-658bae6e] {
    font-size: 1.75rem;
}
}

/* Parámetros visual */
.parametros-visual[data-v-8bcfaa62] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0 1.5rem;
}
.parametro[data-v-8bcfaa62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
}
.parametro .simbolo[data-v-8bcfaa62] {
  font-family: 'Times New Roman', serif;
  font-size: 2rem;
  font-weight: 700;
}
.parametro .nombre[data-v-8bcfaa62] {
  font-size: 0.75rem;
  font-weight: 600;
}
.parametro.mu[data-v-8bcfaa62] {
  background: rgba(252, 211, 77, 0.2);
  border: 2px solid #FCD34D;
}
.parametro.mu .simbolo[data-v-8bcfaa62] {
  color: #FCD34D;
}
.parametro.mu .nombre[data-v-8bcfaa62] {
  color: #FCD34D;
}
.parametro.sigma[data-v-8bcfaa62] {
  background: rgba(147, 197, 253, 0.2);
  border: 2px solid #93C5FD;
}
.parametro.sigma .simbolo[data-v-8bcfaa62] {
  color: #93C5FD;
}
.parametro.sigma .nombre[data-v-8bcfaa62] {
  color: #93C5FD;
}

/* Texto inline */
strong.mu[data-v-8bcfaa62] {
  color: #FCD34D;
}
strong.sigma[data-v-8bcfaa62] {
  color: #93C5FD;
}

/* Concepto box */
.concepto-box[data-v-8bcfaa62] {
  border-radius: 1rem;
  padding: 1rem;
  margin: 1rem 0;
}
.mu-box[data-v-8bcfaa62] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.sigma-box[data-v-8bcfaa62] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.concepto-header[data-v-8bcfaa62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-simbolo[data-v-8bcfaa62] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.2);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.concepto-simbolo.sigma[data-v-8bcfaa62] {
  color: #93C5FD;
}
.concepto-titulo[data-v-8bcfaa62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.concepto-contenido p[data-v-8bcfaa62] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem;
}
.concepto-contenido strong[data-v-8bcfaa62] {
  color: #FFFFFF;
}

/* Visual media */
.visual-media[data-v-8bcfaa62] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
}
.mini-campana[data-v-8bcfaa62] {
  width: 100%;
  max-width: 200px;
  height: auto;
}

/* Efecto box */
.efecto-box[data-v-8bcfaa62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}
.efecto-label[data-v-8bcfaa62] {
  color: #C4B5FD;
  font-size: 0.8rem;
  font-weight: 600;
}
.efecto-desc[data-v-8bcfaa62] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.efecto-desc strong[data-v-8bcfaa62] {
  color: #FCD34D;
}

/* Comparación sigma */
.comparacion-sigma[data-v-8bcfaa62] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0.75rem 0;
}
.sigma-caso[data-v-8bcfaa62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  max-width: 120px;
}
.sigma-visual[data-v-8bcfaa62] {
  width: 100%;
}
.campana-mini[data-v-8bcfaa62] {
  width: 100%;
  height: auto;
}
.sigma-label[data-v-8bcfaa62] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.sigma-label.pequena[data-v-8bcfaa62] {
  color: #6EE7B7;
}
.sigma-label.grande[data-v-8bcfaa62] {
  color: #FCA5A5;
}
.sigma-desc[data-v-8bcfaa62] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-8bcfaa62] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-8bcfaa62] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-contenido[data-v-8bcfaa62] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-caso[data-v-8bcfaa62] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.caso-nombre[data-v-8bcfaa62] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.caso-datos[data-v-8bcfaa62] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.caso-datos strong[data-v-8bcfaa62] {
  color: #FCD34D;
}
.ejemplo-interpretacion[data-v-8bcfaa62] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.interp-icono[data-v-8bcfaa62] {
  font-size: 1rem;
}
.interp-texto[data-v-8bcfaa62] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.interp-texto strong[data-v-8bcfaa62] {
  color: #6EE7B7;
}

/* Resumen parámetros */
.resumen-parametros[data-v-8bcfaa62] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.resumen-item[data-v-8bcfaa62] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.resumen-param[data-v-8bcfaa62] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}
.resumen-param.mu[data-v-8bcfaa62] {
  color: #FCD34D;
}
.resumen-param.sigma[data-v-8bcfaa62] {
  color: #93C5FD;
}
.resumen-flecha[data-v-8bcfaa62] {
  color: #C4B5FD;
}
.resumen-efecto[data-v-8bcfaa62] {
  color: #E9D5FF;
  font-weight: 600;
}

/* Tip */
.tip[data-v-8bcfaa62] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8bcfaa62] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8bcfaa62] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8bcfaa62] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.parametros-visual[data-v-8bcfaa62] {
    gap: 2rem;
}
.parametro .simbolo[data-v-8bcfaa62] {
    font-size: 2.5rem;
}
.comparacion-sigma[data-v-8bcfaa62] {
    gap: 2rem;
}
.resumen-parametros[data-v-8bcfaa62] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

/* Regla intro */
.regla-intro[data-v-1cabbd42] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
}
.regla-numeros[data-v-1cabbd42] {
  font-size: 1.75rem;
  font-weight: 800;
  background: linear-gradient(90deg, #6EE7B7, #93C5FD, #C4B5FD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.regla-subtitulo[data-v-1cabbd42] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Campana SVG */
.campana-regla[data-v-1cabbd42] {
  margin: 1rem 0;
}
.campana-svg[data-v-1cabbd42] {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

/* Reglas grid */
.reglas-grid[data-v-1cabbd42] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.regla-item[data-v-1cabbd42] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.regla-item.sigma1[data-v-1cabbd42] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.regla-item.sigma2[data-v-1cabbd42] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.regla-item.sigma3[data-v-1cabbd42] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.regla-header[data-v-1cabbd42] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.regla-rango[data-v-1cabbd42] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.regla-porcentaje[data-v-1cabbd42] {
  font-size: 1.25rem;
  font-weight: 800;
}
.sigma1 .regla-porcentaje[data-v-1cabbd42] { color: #6EE7B7;
}
.sigma2 .regla-porcentaje[data-v-1cabbd42] { color: #93C5FD;
}
.sigma3 .regla-porcentaje[data-v-1cabbd42] { color: #C4B5FD;
}
.regla-desc[data-v-1cabbd42] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-desc strong[data-v-1cabbd42] {
  color: #FCD34D;
}

/* Ejemplo aplicado */
.ejemplo-aplicado[data-v-1cabbd42] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-1cabbd42] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-datos[data-v-1cabbd42] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ejemplo-datos strong[data-v-1cabbd42] {
  color: #FCD34D;
}
.ejemplo-resultados[data-v-1cabbd42] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resultado-item[data-v-1cabbd42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.resultado-rango[data-v-1cabbd42] {
  font-weight: 700;
  color: #FFFFFF;
  min-width: 80px;
}
.resultado-porcentaje[data-v-1cabbd42] {
  font-weight: 800;
  font-size: 1.1rem;
  min-width: 55px;
}
.resultado-porcentaje.verde[data-v-1cabbd42] { color: #6EE7B7;
}
.resultado-porcentaje.azul[data-v-1cabbd42] { color: #93C5FD;
}
.resultado-porcentaje.violeta[data-v-1cabbd42] { color: #C4B5FD;
}
.resultado-desc[data-v-1cabbd42] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Fórmula box */
.formula-box[data-v-1cabbd42] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-header[data-v-1cabbd42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-1cabbd42] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-1cabbd42] {
  font-weight: 700;
  color: #FCD34D;
}
.formula-contenido[data-v-1cabbd42] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-linea[data-v-1cabbd42] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-label[data-v-1cabbd42] {
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 110px;
}
.formula-calc[data-v-1cabbd42] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.formula-nota[data-v-1cabbd42] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-1cabbd42] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1cabbd42] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1cabbd42] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1cabbd42] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.regla-numeros[data-v-1cabbd42] {
    font-size: 2.25rem;
}
.reglas-grid[data-v-1cabbd42] {
    flex-direction: row;
}
.regla-item[data-v-1cabbd42] {
    flex: 1;
}
.regla-header[data-v-1cabbd42] {
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.regla-desc[data-v-1cabbd42] {
    text-align: center;
}
.ejemplo-resultados[data-v-1cabbd42] {
    flex-direction: row;
    justify-content: space-between;
}
.resultado-item[data-v-1cabbd42] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

.explorador[data-v-4a8fa6a8] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4a8fa6a8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4a8fa6a8] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-4a8fa6a8] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-4a8fa6a8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4a8fa6a8] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4a8fa6a8] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4a8fa6a8] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4a8fa6a8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4a8fa6a8] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-4a8fa6a8] {
  text-align: center;
}
.campana-interactiva[data-v-4a8fa6a8] {
  margin: 1rem 0;
}
.campana-svg[data-v-4a8fa6a8] {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  display: block;
}
.pregunta-box[data-v-4a8fa6a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-4a8fa6a8] {
  font-size: 1.25rem;
}
.pregunta-texto[data-v-4a8fa6a8] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.pregunta-texto[data-v-4a8fa6a8] strong {
  color: #FCD34D;
}
.opciones-grid[data-v-4a8fa6a8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-4a8fa6a8] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-4a8fa6a8] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-4a8fa6a8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-btn.incorrecto[data-v-4a8fa6a8] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calcular-container[data-v-4a8fa6a8] {
  text-align: center;
}
.datos-problema[data-v-4a8fa6a8] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.dato-item[data-v-4a8fa6a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-label[data-v-4a8fa6a8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-4a8fa6a8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.intervalo-inputs[data-v-4a8fa6a8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}
.input-grupo[data-v-4a8fa6a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-4a8fa6a8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  min-width: 110px;
  text-align: right;
}
.input-valor[data-v-4a8fa6a8] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-valor.correcto[data-v-4a8fa6a8] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.btn-verificar[data-v-4a8fa6a8] {
  padding: 0.6rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
  margin-top: 0.5rem;
}
.feedback-incorrecto[data-v-4a8fa6a8] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.5rem;
  color: #FCA5A5;
  font-size: 0.85rem;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Simulación ===== */
.simulacion-container[data-v-4a8fa6a8] {
  text-align: center;
}
.simulacion-pregunta[data-v-4a8fa6a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.simulacion-emoji[data-v-4a8fa6a8] {
  font-size: 1.5rem;
}
.simulacion-texto[data-v-4a8fa6a8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.simulacion-texto[data-v-4a8fa6a8] strong {
  color: #FCD34D;
}
.campana-simulacion[data-v-4a8fa6a8] {
  margin: 0.75rem 0;
}
.campana-sim-svg[data-v-4a8fa6a8] {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  display: block;
}
.simulacion-controles[data-v-4a8fa6a8] {
  margin: 0.75rem 0;
}
.slider-container[data-v-4a8fa6a8] {
  padding: 0 0.5rem;
}
.slider[data-v-4a8fa6a8] {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, #8B5CF6, #10B981);
  border-radius: 4px;
  outline: none;
}
.slider[data-v-4a8fa6a8]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.slider[data-v-4a8fa6a8]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border: 3px solid #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.valor-seleccionado[data-v-4a8fa6a8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
}
.valor-seleccionado strong[data-v-4a8fa6a8] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.simulacion-opciones[data-v-4a8fa6a8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.sim-opcion-btn[data-v-4a8fa6a8] {
  padding: 0.6rem;
  font-size: 0.95rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.sim-opcion-btn.seleccionado[data-v-4a8fa6a8] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.sim-opcion-btn.correcto[data-v-4a8fa6a8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.sim-opcion-btn.incorrecto[data-v-4a8fa6a8] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Resultado correcto */
.resultado-correcto[data-v-4a8fa6a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4a8fa6a8] { font-size: 1.25rem;
}
.resultado-texto[data-v-4a8fa6a8] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-4a8fa6a8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-4a8fa6a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-4a8fa6a8] { flex: 1;
}
.nav-btn[data-v-4a8fa6a8] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4a8fa6a8] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4a8fa6a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4a8fa6a8] { font-size: 1.75rem;
}
.completado-texto[data-v-4a8fa6a8] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4a8fa6a8], .slide-leave-active[data-v-4a8fa6a8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4a8fa6a8] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4a8fa6a8] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.intervalo-inputs[data-v-4a8fa6a8] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.simulacion-opciones[data-v-4a8fa6a8] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro */
.resumen-intro[data-v-fe519ac6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-fe519ac6] {
  font-size: 2rem;
}
.resumen-intro p[data-v-fe519ac6] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-fe519ac6] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-fe519ac6] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-fe519ac6] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-fe519ac6]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-fe519ac6] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-fe519ac6] {
    grid-column: span 1;
}
}
.card-header[data-v-fe519ac6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-fe519ac6] {
  font-size: 1.25rem;
}
.card-titulo[data-v-fe519ac6] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-fe519ac6] {
  color: #E9D5FF;
}
.card-nota[data-v-fe519ac6] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Campana mini */
.campana-mini[data-v-fe519ac6] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.campana-svg-mini[data-v-fe519ac6] {
  width: 100%;
  max-width: 120px;
}
.caracteristicas-mini[data-v-fe519ac6] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Parámetros mini */
.parametros-mini[data-v-fe519ac6] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.param[data-v-fe519ac6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.param.mu[data-v-fe519ac6] {
  background: rgba(252, 211, 77, 0.1);
}
.param.sigma[data-v-fe519ac6] {
  background: rgba(147, 197, 253, 0.1);
}
.param .simbolo[data-v-fe519ac6] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
}
.param.mu .simbolo[data-v-fe519ac6] { color: #FCD34D;
}
.param.sigma .simbolo[data-v-fe519ac6] { color: #93C5FD;
}
.param .desc[data-v-fe519ac6] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.notacion-mini[data-v-fe519ac6] {
  text-align: center;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Regla visual */
.regla-visual[data-v-fe519ac6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-fe519ac6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.regla-item.sigma1[data-v-fe519ac6] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.regla-item.sigma2[data-v-fe519ac6] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.regla-item.sigma3[data-v-fe519ac6] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.regla-item .rango[data-v-fe519ac6] {
  font-family: 'Times New Roman', serif;
  font-weight: 700;
  color: #FFFFFF;
}
.regla-item .porcentaje[data-v-fe519ac6] {
  font-weight: 800;
  font-size: 1.1rem;
}
.sigma1 .porcentaje[data-v-fe519ac6] { color: #6EE7B7;
}
.sigma2 .porcentaje[data-v-fe519ac6] { color: #93C5FD;
}
.sigma3 .porcentaje[data-v-fe519ac6] { color: #C4B5FD;
}

/* Fórmulas mini */
.formulas-mini[data-v-fe519ac6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-fe519ac6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-label[data-v-fe519ac6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 60px;
}
.formula-valor[data-v-fe519ac6] {
  font-family: 'Times New Roman', serif;
  font-weight: 700;
  color: #FCD34D;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Simetría mini */
.simetria-mini[data-v-fe519ac6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sim-item[data-v-fe519ac6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.85rem;
}
.sim-desc[data-v-fe519ac6] {
  color: #C4B5FD;
}
.sim-valor[data-v-fe519ac6] {
  font-weight: 700;
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-fe519ac6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-fe519ac6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-fe519ac6] {
  font-size: 1.25rem;
}
.tip-text[data-v-fe519ac6] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-fe519ac6] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-fe519ac6] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-fe519ac6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-fe519ac6 1s ease-in-out infinite;
}
@keyframes bounce-fe519ac6 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-fe519ac6] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-fe519ac6] {
  font-size: 0.9rem;
  color: #6EE7B7;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.regla-visual[data-v-fe519ac6] {
    flex-direction: row;
    justify-content: space-between;
}
.regla-item[data-v-fe519ac6] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-bae8de15] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-bae8de15] {
  font-size: 2rem;
}
.icono.flecha[data-v-bae8de15] {
  font-size: 1.25rem;
  color: #8B5CF6;
  animation: pulse-bae8de15 1.5s ease-in-out infinite;
}
.icono.formula[data-v-bae8de15] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
@keyframes pulse-bae8de15 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Definición box */
.definicion-box[data-v-bae8de15] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.definicion-header[data-v-bae8de15] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.definicion-icono[data-v-bae8de15] {
  font-size: 1.25rem;
}
.definicion-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.definicion-contenido[data-v-bae8de15] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.75rem 0;
}
.definicion-lectura[data-v-bae8de15] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Interpretación */
.interpretacion-section[data-v-bae8de15] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.interpretacion-header[data-v-bae8de15] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.interp-icono[data-v-bae8de15] {
  font-size: 1.25rem;
}
.interp-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #93C5FD;
}
.interpretacion-contenido p[data-v-bae8de15] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}
.interpretacion-contenido strong[data-v-bae8de15] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-bae8de15] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Dado ejemplo */
.dado-ejemplo[data-v-bae8de15], .monedas-ejemplo[data-v-bae8de15] {
  text-align: center;
}
.dado-pregunta[data-v-bae8de15], .moneda-pregunta[data-v-bae8de15] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
}
.dado-pregunta strong[data-v-bae8de15], .moneda-pregunta strong[data-v-bae8de15] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Tabla */
.tabla-container[data-v-bae8de15] {
  overflow-x: auto;
  margin-bottom: 1rem;
}
.tabla-prob[data-v-bae8de15] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-prob th[data-v-bae8de15],
.tabla-prob td[data-v-bae8de15] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-prob th[data-v-bae8de15] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-prob td[data-v-bae8de15] {
  color: #E9D5FF;
}
.tabla-prob td.label-row[data-v-bae8de15] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
}

/* Cálculo esperanza */
.calculo-esperanza[data-v-bae8de15] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 0.75rem;
}
.calculo-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.calculo-pasos[data-v-bae8de15] {
  text-align: left;
}
.paso[data-v-bae8de15] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.25rem 0;
}
.paso.resultado[data-v-bae8de15] {
  color: #6EE7B7;
  font-weight: 700;
  margin-top: 0.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.paso.resultado strong[data-v-bae8de15] {
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Nota importante */
.nota-importante[data-v-bae8de15] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.nota-icono[data-v-bae8de15] {
  font-size: 1.5rem;
}
.nota-contenido[data-v-bae8de15] {
  flex: 1;
}
.nota-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.nota-texto[data-v-bae8de15] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-bae8de15] {
  color: #FFFFFF;
}

/* Interpretación mini */
.interpretacion-mini[data-v-bae8de15] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.interp-check[data-v-bae8de15] {
  color: #6EE7B7;
  font-weight: 700;
}
.interpretacion-mini strong[data-v-bae8de15] {
  color: #6EE7B7;
}

/* Concepto clave */
.concepto-clave[data-v-bae8de15] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-bae8de15] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-bae8de15] {
  flex: 1;
}
.clave-titulo[data-v-bae8de15] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.clave-texto[data-v-bae8de15] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.clave-texto strong[data-v-bae8de15] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-bae8de15] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bae8de15] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bae8de15] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bae8de15] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-bae8de15] {
    gap: 1.5rem;
}
.icono[data-v-bae8de15] {
    font-size: 2.5rem;
}
.icono.formula[data-v-bae8de15] {
    font-size: 2rem;
}
.definicion-contenido[data-v-bae8de15] {
    font-size: 1.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-f0f3ff3f] {
  margin: 1rem 0 1.5rem;
}
.visual-comparacion[data-v-f0f3ff3f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.distribucion[data-v-f0f3ff3f] {
  text-align: center;
}
.barras[data-v-f0f3ff3f] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  height: 60px;
  margin-bottom: 0.5rem;
}
.barra[data-v-f0f3ff3f] {
  width: 20px;
  height: var(--h);
  border-radius: 3px 3px 0 0;
}
.concentrada .barra[data-v-f0f3ff3f] {
  background: linear-gradient(to top, #10B981, #6EE7B7);
}
.dispersa .barra[data-v-f0f3ff3f] {
  background: linear-gradient(to top, #8B5CF6, #A78BFA);
}
.etiqueta[data-v-f0f3ff3f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs[data-v-f0f3ff3f] {
  font-size: 1rem;
  color: #8B5CF6;
  font-weight: 700;
}

/* Definición box */
.definicion-box[data-v-f0f3ff3f] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.definicion-header[data-v-f0f3ff3f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.definicion-icono[data-v-f0f3ff3f] {
  font-size: 1.25rem;
}
.definicion-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.definicion-contenido[data-v-f0f3ff3f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.75rem 0;
}
.definicion-alternativa[data-v-f0f3ff3f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0.5rem 0;
}
.definicion-alternativa strong[data-v-f0f3ff3f] {
  color: #93C5FD;
}
.definicion-lectura[data-v-f0f3ff3f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Fórmula práctica */
.formula-practica[data-v-f0f3ff3f] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-header[data-v-f0f3ff3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-f0f3ff3f] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #6EE7B7;
}
.formula-main[data-v-f0f3ff3f] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-pasos[data-v-f0f3ff3f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-paso[data-v-f0f3ff3f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-f0f3ff3f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-f0f3ff3f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-f0f3ff3f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.dado-ejemplo[data-v-f0f3ff3f] {
  text-align: center;
}
.dado-pregunta[data-v-f0f3ff3f] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
}
.dado-pregunta strong[data-v-f0f3ff3f] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Tabla */
.tabla-container[data-v-f0f3ff3f] {
  overflow-x: auto;
  margin-bottom: 1rem;
}
.tabla-prob[data-v-f0f3ff3f] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-prob th[data-v-f0f3ff3f],
.tabla-prob td[data-v-f0f3ff3f] {
  padding: 0.4rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-prob th[data-v-f0f3ff3f] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-prob td[data-v-f0f3ff3f] {
  color: #E9D5FF;
}
.tabla-prob td.label-row[data-v-f0f3ff3f] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
}

/* Cálculo varianza */
.calculo-varianza[data-v-f0f3ff3f] {
  text-align: left;
}
.calculo-seccion[data-v-f0f3ff3f] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.calculo-seccion.resultado[data-v-f0f3ff3f] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.calculo-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.calculo-contenido .paso[data-v-f0f3ff3f] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
}
.calculo-contenido .paso strong[data-v-f0f3ff3f] {
  color: #6EE7B7;
}
.calculo-contenido .paso.final[data-v-f0f3ff3f] {
  font-size: 0.95rem;
  color: #6EE7B7;
}
.calculo-contenido .paso.final strong[data-v-f0f3ff3f] {
  color: #FFFFFF;
  font-size: 1.1rem;
}

/* Desviación estándar */
.desviacion-section[data-v-f0f3ff3f] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.desviacion-header[data-v-f0f3ff3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.desv-icono[data-v-f0f3ff3f] {
  font-size: 1.25rem;
}
.desv-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #93C5FD;
}
.desviacion-formula[data-v-f0f3ff3f] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.desviacion-ejemplo[data-v-f0f3ff3f] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.desviacion-ejemplo strong[data-v-f0f3ff3f] {
  color: #6EE7B7;
}
.desviacion-nota[data-v-f0f3ff3f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}
.desviacion-nota strong[data-v-f0f3ff3f] {
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-f0f3ff3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-f0f3ff3f] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-f0f3ff3f] {
  flex: 1;
}
.clave-titulo[data-v-f0f3ff3f] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.clave-texto[data-v-f0f3ff3f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.interpretacion-item[data-v-f0f3ff3f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.interp-valor[data-v-f0f3ff3f] {
  color: #93C5FD;
  font-weight: 600;
  min-width: 120px;
}
.interp-significado[data-v-f0f3ff3f] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-f0f3ff3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f0f3ff3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f0f3ff3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f0f3ff3f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.barras[data-v-f0f3ff3f] {
    height: 80px;
}
.barra[data-v-f0f3ff3f] {
    width: 28px;
}
.definicion-contenido[data-v-f0f3ff3f] {
    font-size: 1.75rem;
}
.interpretacion-item[data-v-f0f3ff3f] {
    flex-wrap: nowrap;
}
}

/* Propiedades section */
.propiedades-section[data-v-23de58f0] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  padding: 1rem;
}
.propiedades-section.esperanza[data-v-23de58f0] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.propiedades-section.varianza[data-v-23de58f0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
}
.prop-header[data-v-23de58f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.prop-icono[data-v-23de58f0] {
  font-size: 1.25rem;
}
.prop-titulo[data-v-23de58f0] {
  font-weight: 700;
  font-size: 1rem;
}
.esperanza .prop-titulo[data-v-23de58f0] {
  color: #93C5FD;
}
.varianza .prop-titulo[data-v-23de58f0] {
  color: #A78BFA;
}
.propiedades-lista[data-v-23de58f0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.propiedad[data-v-23de58f0] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.propiedad.importante[data-v-23de58f0] {
  border: 2px solid rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.1);
}
.prop-num[data-v-23de58f0] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.esperanza .prop-num[data-v-23de58f0] {
  background: #3B82F6;
}
.varianza .prop-num[data-v-23de58f0] {
  background: #8B5CF6;
}
.prop-contenido[data-v-23de58f0] {
  flex: 1;
}
.prop-formula[data-v-23de58f0] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.prop-desc[data-v-23de58f0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.prop-desc strong[data-v-23de58f0] {
  color: #FCA5A5;
}
.prop-ejemplo[data-v-23de58f0] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.ej-label[data-v-23de58f0] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Comparación */
.comparacion-section[data-v-23de58f0] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-23de58f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 1rem;
}
.comp-icono[data-v-23de58f0] {
  font-size: 1.25rem;
}
.comparacion-grid[data-v-23de58f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.comp-item[data-v-23de58f0] {
  flex: 1;
  min-width: 140px;
  text-align: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.comp-item.esperanza-item[data-v-23de58f0] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-item.varianza-item[data-v-23de58f0] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-formula[data-v-23de58f0] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-resultado[data-v-23de58f0] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.comp-nota[data-v-23de58f0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.comp-vs[data-v-23de58f0] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 1rem;
}

/* Ejemplo section */
.ejemplo-section[data-v-23de58f0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-23de58f0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-problema[data-v-23de58f0] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.ejemplo-problema strong[data-v-23de58f0] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-23de58f0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.ejemplo-solucion[data-v-23de58f0] {
    grid-template-columns: 1fr;
}
}
.solucion-item[data-v-23de58f0] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-titulo[data-v-23de58f0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.sol-pasos[data-v-23de58f0] {
  font-family: monospace;
  font-size: 0.8rem;
}
.sol-paso[data-v-23de58f0] {
  color: #E9D5FF;
  padding: 0.15rem 0;
}
.sol-resultado[data-v-23de58f0] {
  color: #6EE7B7;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.sol-resultado strong[data-v-23de58f0] {
  color: #FFFFFF;
  font-size: 1rem;
}

/* Tip */
.tip[data-v-23de58f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-23de58f0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-23de58f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-23de58f0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-23de58f0] {
    flex-wrap: nowrap;
}
.comp-formula[data-v-23de58f0] {
    font-size: 1.1rem;
}
}

.explorador[data-v-fb5098bc] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fb5098bc] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fb5098bc] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fb5098bc] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-fb5098bc] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fb5098bc] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fb5098bc] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fb5098bc] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fb5098bc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fb5098bc] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Calculo container */
.calculo-container[data-v-fb5098bc] {
  text-align: center;
}
.problema-contexto[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.contexto-icono[data-v-fb5098bc] {
  font-size: 1.25rem;
}
.contexto-texto[data-v-fb5098bc] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Tabla mini */
.tabla-mini[data-v-fb5098bc] {
  overflow-x: auto;
  margin-bottom: 1rem;
}
.tabla-mini table[data-v-fb5098bc] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-mini th[data-v-fb5098bc],
.tabla-mini td[data-v-fb5098bc] {
  padding: 0.5rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-mini th[data-v-fb5098bc] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-mini td[data-v-fb5098bc] {
  color: #E9D5FF;
}
.tabla-mini td.label-cell[data-v-fb5098bc] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
}

/* Datos dados */
.datos-dados[data-v-fb5098bc] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.datos-dados.propiedades[data-v-fb5098bc] {
  flex-wrap: wrap;
}
.dato-item[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.dato-label[data-v-fb5098bc] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.dato-valor[data-v-fb5098bc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Transformación */
.transformacion[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.trans-label[data-v-fb5098bc] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.trans-formula[data-v-fb5098bc] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Pregunta */
.pregunta-calculo[data-v-fb5098bc] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-formula[data-v-fb5098bc] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Times New Roman', serif;
}

/* Respuesta */
.respuesta-container[data-v-fb5098bc] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.respuesta-container input[data-v-fb5098bc] {
  width: 120px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-container input.correcto[data-v-fb5098bc] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-container input.incorrecto[data-v-fb5098bc] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-fb5098bc] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Fórmula ayuda */
.formula-ayuda[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.ayuda-icono[data-v-fb5098bc] {
  font-size: 1rem;
}
.ayuda-texto[data-v-fb5098bc] {
  font-family: 'Times New Roman', serif;
}

/* Feedback */
.feedback[data-v-fb5098bc] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.feedback.correcto[data-v-fb5098bc] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Resultado correcto */
.resultado-correcto[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fb5098bc] { font-size: 1.25rem;
}
.resultado-texto[data-v-fb5098bc] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-fb5098bc] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Navegación */
.desafio-nav[data-v-fb5098bc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-fb5098bc] { flex: 1;
}
.nav-btn[data-v-fb5098bc] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fb5098bc] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fb5098bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fb5098bc] { font-size: 1.75rem;
}
.completado-texto[data-v-fb5098bc] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fb5098bc], .slide-leave-active[data-v-fb5098bc] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fb5098bc] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fb5098bc] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-8858d5bd] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-8858d5bd] {
  font-size: 2rem;
}
.resumen-intro p[data-v-8858d5bd] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-8858d5bd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-8858d5bd] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-8858d5bd] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-8858d5bd]:hover {
  transform: translateY(-2px);
}
.resumen-card.esperanza[data-v-8858d5bd] {
  border-color: rgba(59, 130, 246, 0.4);
}
.resumen-card.esperanza[data-v-8858d5bd]:hover {
  border-color: #3B82F6;
}
.resumen-card.varianza[data-v-8858d5bd] {
  border-color: rgba(139, 92, 246, 0.4);
}
.resumen-card.varianza[data-v-8858d5bd]:hover {
  border-color: #8B5CF6;
}
.resumen-card.desviacion[data-v-8858d5bd] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.desviacion[data-v-8858d5bd]:hover {
  border-color: #10B981;
}
.resumen-card.wide[data-v-8858d5bd] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-8858d5bd] {
    grid-column: span 1;
}
}
.card-header[data-v-8858d5bd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-8858d5bd] {
  font-size: 1.25rem;
}
.resumen-card.desviacion .card-icono[data-v-8858d5bd] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.card-titulo[data-v-8858d5bd] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-8858d5bd] {
  color: #E9D5FF;
}
.card-nota[data-v-8858d5bd] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Formula principal */
.formula-principal[data-v-8858d5bd] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}

/* Propiedades grid */
.propiedades-grid[data-v-8858d5bd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media (max-width: 480px) {
.propiedades-grid[data-v-8858d5bd] {
    grid-template-columns: 1fr;
}
}
.prop-item[data-v-8858d5bd] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-item.destacado[data-v-8858d5bd] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.prop-item.alerta[data-v-8858d5bd] {
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.prop-formula[data-v-8858d5bd] {
  font-family: 'Times New Roman', serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Comparación tabla */
.comparacion-tabla[data-v-8858d5bd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-row[data-v-8858d5bd] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
.comp-row.header[data-v-8858d5bd] {
  font-weight: 700;
}
.comp-cell[data-v-8858d5bd] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-row.header .comp-cell[data-v-8858d5bd] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
}
.comp-cell.verde[data-v-8858d5bd] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 600;
}
.comp-cell.amarillo[data-v-8858d5bd] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
  font-weight: 600;
}
.comp-cell.rojo[data-v-8858d5bd] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  font-weight: 600;
}

/* Tips finales */
.tips-finales[data-v-8858d5bd] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-8858d5bd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-8858d5bd] {
  font-size: 1.25rem;
}
.tip-text[data-v-8858d5bd] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-8858d5bd] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-8858d5bd] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-8858d5bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-8858d5bd 1s ease-in-out infinite;
}
@keyframes bounce-8858d5bd {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-8858d5bd] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-8858d5bd] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-05fb34fc] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-05fb34fc] {
  font-size: 2rem;
}
.icono.separador[data-v-05fb34fc] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 700;
}
.icono.resultado[data-v-05fb34fc] {
  animation: pulse-05fb34fc 2s ease-in-out infinite;
}
@keyframes pulse-05fb34fc {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Definición box */
.definicion-box[data-v-05fb34fc] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-header[data-v-05fb34fc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-05fb34fc] {
  font-size: 1.25rem;
}
.def-titulo[data-v-05fb34fc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.def-contenido[data-v-05fb34fc] {
  text-align: center;
}
.def-contenido p[data-v-05fb34fc] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.def-contenido p strong[data-v-05fb34fc] {
  color: #FFFFFF;
}
.def-formula[data-v-05fb34fc] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.5rem 0;
}
.def-interpretacion[data-v-05fb34fc] {
  font-size: 0.85rem;
  margin-top: 0.5rem;
}
.def-interpretacion strong[data-v-05fb34fc] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplo-section[data-v-05fb34fc] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-05fb34fc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-grid[data-v-05fb34fc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-05fb34fc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.ejemplo-item.independiente[data-v-05fb34fc] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo-item.dependiente[data-v-05fb34fc] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ej-icono[data-v-05fb34fc] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.ej-titulo[data-v-05fb34fc] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ej-desc[data-v-05fb34fc] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ej-tag[data-v-05fb34fc] {
  margin-top: 0.25rem;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
}
.ejemplo-item.independiente .ej-tag[data-v-05fb34fc] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ejemplo-item.dependiente .ej-tag[data-v-05fb34fc] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Contraste */
.contraste-section[data-v-05fb34fc] {
  margin: 1.5rem 0;
}
.contraste-titulo[data-v-05fb34fc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.contraste-grid[data-v-05fb34fc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contraste-item[data-v-05fb34fc] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.contraste-item.independiente[data-v-05fb34fc] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.contraste-item.dependiente[data-v-05fb34fc] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.contraste-header[data-v-05fb34fc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.contraste-icono[data-v-05fb34fc] {
  font-size: 1.25rem;
}
.contraste-nombre[data-v-05fb34fc] {
  font-weight: 600;
  font-size: 0.95rem;
}
.contraste-item.independiente .contraste-nombre[data-v-05fb34fc] {
  color: #6EE7B7;
}
.contraste-item.dependiente .contraste-nombre[data-v-05fb34fc] {
  color: #FCA5A5;
}
.contraste-ejemplo[data-v-05fb34fc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.prob-linea[data-v-05fb34fc] {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.2rem 0;
}
.prob-valor[data-v-05fb34fc] {
  font-weight: 600;
  color: #FCD34D;
}
.prob-conclusion[data-v-05fb34fc] {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.prob-conclusion.positivo[data-v-05fb34fc] {
  color: #6EE7B7;
}
.prob-conclusion.negativo[data-v-05fb34fc] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-05fb34fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-05fb34fc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-05fb34fc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-05fb34fc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-05fb34fc] {
    gap: 1rem;
}
.icono[data-v-05fb34fc] {
    font-size: 2.5rem;
}
.ejemplo-grid[data-v-05fb34fc] {
    flex-direction: row;
}
.ejemplo-item[data-v-05fb34fc] {
    flex: 1;
}
.contraste-grid[data-v-05fb34fc] {
    flex-direction: row;
}
.contraste-item[data-v-05fb34fc] {
    flex: 1;
}
}

/* Fórmula hero */
.formula-hero[data-v-b822e614] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.5);
  border-radius: 1rem;
  padding: 1.25rem;
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.formula-label[data-v-b822e614] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-main[data-v-b822e614] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  padding: 0.5rem 0;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-lectura[data-v-b822e614] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-lectura strong[data-v-b822e614] {
  color: #6EE7B7;
}

/* Por qué funciona */
.porque-section[data-v-b822e614] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.porque-titulo[data-v-b822e614] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.porque-contenido[data-v-b822e614] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.porque-paso[data-v-b822e614] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.paso-num[data-v-b822e614] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-b822e614] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-b822e614] {
  color: #FCD34D;
}
.porque-paso.resultado[data-v-b822e614] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.porque-paso.resultado .paso-num[data-v-b822e614] {
  background: #10B981;
  color: white;
}
.porque-paso.resultado .paso-texto strong[data-v-b822e614] {
  color: #6EE7B7;
  font-size: 0.95rem;
}

/* Ejemplo */
.ejemplo-section[data-v-b822e614] {
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-b822e614] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.problema-box[data-v-b822e614] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-b822e614] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.problema-texto strong[data-v-b822e614] {
  color: #93C5FD;
}
.solucion-pasos[data-v-b822e614] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.sol-paso[data-v-b822e614] {
  display: flex;
  flex-direction: column;
  padding: 0.35rem 0;
  border-bottom: 1px dashed rgba(139, 92, 246, 0.2);
}
.sol-paso[data-v-b822e614]:last-child {
  border-bottom: none;
}
.sol-label[data-v-b822e614] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.sol-contenido[data-v-b822e614] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.sol-prob[data-v-b822e614] {
  font-weight: 600;
  color: #FCD34D;
}
.sol-paso.aplicacion[data-v-b822e614], .sol-paso.calculo[data-v-b822e614] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  padding: 0.5rem;
  margin: 0.25rem 0;
}
.sol-paso.resultado[data-v-b822e614] {
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-top: 0.35rem;
}
.resultado-valor[data-v-b822e614] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}

/* Extensión */
.extension-section[data-v-b822e614] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.extension-titulo[data-v-b822e614] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.extension-contenido p[data-v-b822e614] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.extension-contenido p strong[data-v-b822e614] {
  color: #FFFFFF;
}
.extension-formula[data-v-b822e614] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.extension-ejemplo[data-v-b822e614] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.ext-icono[data-v-b822e614] {
  font-size: 1.25rem;
}
.ext-texto[data-v-b822e614] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ext-texto strong[data-v-b822e614] {
  color: #6EE7B7;
}

/* Advertencia */
.advertencia[data-v-b822e614] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.adv-icono[data-v-b822e614] {
  font-size: 1.5rem;
}
.adv-contenido[data-v-b822e614] {
  flex: 1;
}
.adv-titulo[data-v-b822e614] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}
.adv-texto[data-v-b822e614] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.adv-texto strong[data-v-b822e614] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-b822e614] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b822e614] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b822e614] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b822e614] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-main[data-v-b822e614] {
    font-size: 2rem;
}
.sol-paso[data-v-b822e614] {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
.sol-label[data-v-b822e614] {
    min-width: 100px;
    margin-bottom: 0;
}
.sol-contenido[data-v-b822e614] {
    flex: 1;
}
}

.explorador[data-v-5b8cbae0] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5b8cbae0] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5b8cbae0] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5b8cbae0] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5b8cbae0] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5b8cbae0] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5b8cbae0] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5b8cbae0] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5b8cbae0] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5b8cbae0] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-5b8cbae0] {
  text-align: center;
}
.escenario-box[data-v-5b8cbae0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-icono[data-v-5b8cbae0] {
  font-size: 2rem;
}
.escenario-texto[data-v-5b8cbae0] {
  text-align: left;
  color: #E9D5FF;
  font-size: 0.9rem;
  flex: 1;
}
.pregunta-id[data-v-5b8cbae0] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-id[data-v-5b8cbae0] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.opcion-id[data-v-5b8cbae0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  flex: 1;
  max-width: 150px;
}
.opcion-id[data-v-5b8cbae0]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-id.seleccionado[data-v-5b8cbae0] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-id.correcto[data-v-5b8cbae0] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-id.incorrecto[data-v-5b8cbae0] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.opcion-icono[data-v-5b8cbae0] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-5b8cbae0] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Calcular ===== */
.calculo-container[data-v-5b8cbae0] {
  text-align: center;
}
.problema-info[data-v-5b8cbae0] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: left;
}
.prob-icono[data-v-5b8cbae0] {
  font-size: 2rem;
}
.prob-detalle[data-v-5b8cbae0] {
  flex: 1;
}
.prob-situacion[data-v-5b8cbae0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.prob-datos[data-v-5b8cbae0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dato[data-v-5b8cbae0] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dato strong[data-v-5b8cbae0] {
  color: #FCD34D;
}
.prob-tipo[data-v-5b8cbae0] {
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
  font-style: italic;
}
.pregunta-prob[data-v-5b8cbae0] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-ayuda[data-v-5b8cbae0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.respuesta-fraccion[data-v-5b8cbae0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.resp-label[data-v-5b8cbae0] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1rem;
}
.fraccion-input[data-v-5b8cbae0] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input-num[data-v-5b8cbae0] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: white;
  font-family: inherit;
}
.linea-frac[data-v-5b8cbae0] {
  width: 50px;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.input-num.correcto[data-v-5b8cbae0] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-num.incorrecto[data-v-5b8cbae0] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-5b8cbae0] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-5b8cbae0]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-5b8cbae0] {
  text-align: center;
}
.sim-pregunta[data-v-5b8cbae0] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.dados-visual[data-v-5b8cbae0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.dado[data-v-5b8cbae0] {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #FFFFFF, #E5E7EB);
  border-radius: 10px;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
}
.dado.animando[data-v-5b8cbae0] {
  animation: shake-5b8cbae0 0.1s linear infinite;
}
@keyframes shake-5b8cbae0 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-3px) rotate(-5deg);
}
75% { transform: translateX(3px) rotate(5deg);
}
}
.dado-cara[data-v-5b8cbae0] {
  font-size: 2rem;
  color: #1F2937;
  font-weight: 700;
}
.dado-y[data-v-5b8cbae0] {
  font-size: 1.25rem;
  color: #8B5CF6;
  font-weight: 600;
}
.btn-lanzar[data-v-5b8cbae0] {
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: none;
  border-radius: 0.75rem;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 1rem;
  transition: transform 0.2s ease;
}
.btn-lanzar[data-v-5b8cbae0]:hover:not(:disabled) {
  transform: scale(1.05);
}
.btn-lanzar[data-v-5b8cbae0]:disabled {
  opacity: 0.7;
}
.estadisticas[data-v-5b8cbae0] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.stat-item[data-v-5b8cbae0] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.stat-label[data-v-5b8cbae0] {
  color: #C4B5FD;
}
.stat-valor[data-v-5b8cbae0] {
  color: #FFFFFF;
  font-weight: 600;
}
.stat-item.exito .stat-valor[data-v-5b8cbae0] {
  color: #6EE7B7;
}
.prob-teorica[data-v-5b8cbae0] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.pt-label[data-v-5b8cbae0] {
  font-size: 0.8rem;
  color: #FCD34D;
}
.pt-valor[data-v-5b8cbae0] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.mensaje-avance[data-v-5b8cbae0] {
  margin-top: 0.75rem;
}
.btn-siguiente[data-v-5b8cbae0] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback */
.feedback[data-v-5b8cbae0] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-5b8cbae0] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.feedback.incorrecto[data-v-5b8cbae0] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Contador */
.contador[data-v-5b8cbae0] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-5b8cbae0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5b8cbae0] { font-size: 1.25rem;
}
.resultado-texto[data-v-5b8cbae0] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5b8cbae0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5b8cbae0] { flex: 1;
}
.nav-btn[data-v-5b8cbae0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5b8cbae0] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5b8cbae0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5b8cbae0] { font-size: 1.75rem;
}
.completado-texto[data-v-5b8cbae0] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5b8cbae0], .slide-leave-active[data-v-5b8cbae0] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5b8cbae0] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5b8cbae0] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.prob-datos[data-v-5b8cbae0] {
    flex-direction: row;
    gap: 1rem;
}
.dado[data-v-5b8cbae0] {
    width: 70px;
    height: 70px;
}
.dado-cara[data-v-5b8cbae0] {
    font-size: 2.5rem;
}
}

/* Header completado */
.completado-header[data-v-f781f875] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.completado-icono[data-v-f781f875] {
  font-size: 2rem;
}
.completado-texto[data-v-f781f875] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen section */
.resumen-section[data-v-f781f875] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-f781f875] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.concepto-card[data-v-f781f875] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.concepto-card.destacado[data-v-f781f875] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.concepto-header[data-v-f781f875] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-num[data-v-f781f875] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-card.destacado .concepto-num[data-v-f781f875] {
  background: #F59E0B;
}
.concepto-nombre[data-v-f781f875] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-f781f875] {
  padding-left: 2rem;
}
.formula-resumen[data-v-f781f875] {
  background: rgba(139, 92, 246, 0.15);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #FCD34D;
  margin-bottom: 0.35rem;
  text-align: center;
}
.formula-resumen.principal[data-v-f781f875] {
  font-size: 1.25rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.concepto-contenido p[data-v-f781f875] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-contenido p strong[data-v-f781f875] {
  color: #FFFFFF;
}

/* Señales */
.senales-section[data-v-f781f875] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.senales-titulo[data-v-f781f875] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.senales-grid[data-v-f781f875] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.senal[data-v-f781f875] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.senal.independiente[data-v-f781f875] {
  background: rgba(16, 185, 129, 0.15);
}
.senal.dependiente[data-v-f781f875] {
  background: rgba(239, 68, 68, 0.15);
}
.senal-icono[data-v-f781f875] {
  font-weight: 700;
  font-size: 0.9rem;
}
.senal.independiente .senal-icono[data-v-f781f875] {
  color: #6EE7B7;
}
.senal.dependiente .senal-icono[data-v-f781f875] {
  color: #FCA5A5;
}
.senal-texto[data-v-f781f875] {
  color: #E9D5FF;
}

/* Errores */
.errores-section[data-v-f781f875] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-f781f875] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.error-item[data-v-f781f875] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.error-icono[data-v-f781f875] {
  color: #EF4444;
  font-weight: 700;
  font-size: 1rem;
}
.error-contenido[data-v-f781f875] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.error-malo[data-v-f781f875] {
  color: #FCA5A5;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: line-through;
  opacity: 0.8;
}
.error-correccion[data-v-f781f875] {
  color: #6EE7B7;
  font-size: 0.8rem;
  margin-top: 0.15rem;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-f781f875] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-f781f875] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ejemplo-enunciado[data-v-f781f875] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-f781f875] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-f781f875] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-paso[data-v-f781f875] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.35rem;
}
.sol-label[data-v-f781f875] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-valor[data-v-f781f875] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.sol-resultado[data-v-f781f875] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.sol-resultado strong[data-v-f781f875] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tips finales */
.tips-finales[data-v-f781f875] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-f781f875] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icono[data-v-f781f875] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f781f875] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f781f875] {
  color: #6EE7B7;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-f781f875] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.formulas-titulo[data-v-f781f875] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formulas-grid[data-v-f781f875] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-f781f875] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-item.destacada[data-v-f781f875] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.formula-nombre[data-v-f781f875] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-expr[data-v-f781f875] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.formula-item.destacada .formula-expr[data-v-f781f875] {
  font-size: 1rem;
}

/* Continuar */
.continuar-section[data-v-f781f875] {
  text-align: center;
  padding: 0.75rem;
}
.continuar-texto[data-v-f781f875] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.senales-grid[data-v-f781f875] {
    grid-template-columns: repeat(3, 1fr);
}
.sol-paso[data-v-f781f875] {
    flex-direction: row;
    gap: 0.5rem;
}
.sol-label[data-v-f781f875] {
    min-width: 120px;
}
.formulas-grid[data-v-f781f875] {
    flex-direction: row;
}
.formula-item[data-v-f781f875] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Intro visual - comparación de grupos */
.intro-visual[data-v-a3e9d133] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin: 1rem 0 1.5rem;
}
.grupo-datos[data-v-a3e9d133] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
  width: 100%;
  max-width: 200px;
}
.grupo-titulo[data-v-a3e9d133] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.valores-row[data-v-a3e9d133] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.valor[data-v-a3e9d133] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.promedio[data-v-a3e9d133] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.promedio strong[data-v-a3e9d133] {
  color: #FCD34D;
}
.vs[data-v-a3e9d133] {
  font-weight: 700;
  color: #8B5CF6;
  font-size: 1.2rem;
}

/* Visualización de dispersión */
.dispersion-visual[data-v-a3e9d133] {
  margin: 1.5rem 0;
}
.linea-visual[data-v-a3e9d133] {
  margin-bottom: 1rem;
}
.linea-label[data-v-a3e9d133] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.badge[data-v-a3e9d133] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
}
.badge.concentrado[data-v-a3e9d133] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.badge.disperso[data-v-a3e9d133] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.linea-recta[data-v-a3e9d133] {
  position: relative;
  height: 24px;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 4px;
}
.punto-promedio[data-v-a3e9d133] {
  position: absolute;
  top: -20px;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.rango-visual[data-v-a3e9d133] {
  position: absolute;
  top: 4px;
  height: 16px;
  border-radius: 4px;
}
.rango-visual.concentrado[data-v-a3e9d133] {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.4), rgba(16, 185, 129, 0.6), rgba(16, 185, 129, 0.4));
  border: 1px solid rgba(16, 185, 129, 0.6);
}
.rango-visual.disperso[data-v-a3e9d133] {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.3), rgba(245, 158, 11, 0.5), rgba(245, 158, 11, 0.3));
  border: 1px solid rgba(245, 158, 11, 0.5);
}

/* Medidas a aprender */
.medidas-section[data-v-a3e9d133] {
  margin: 1.5rem 0;
}
.medidas-titulo[data-v-a3e9d133] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medidas-grid[data-v-a3e9d133] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medida-card[data-v-a3e9d133] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.medida-icono[data-v-a3e9d133] {
  font-size: 1.25rem;
  min-width: 32px;
  text-align: center;
  color: #8B5CF6;
  font-weight: 700;
}
.medida-nombre[data-v-a3e9d133] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.medida-desc[data-v-a3e9d133] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Tip */
.tip[data-v-a3e9d133] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a3e9d133] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a3e9d133] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a3e9d133] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-a3e9d133] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
.grupo-datos[data-v-a3e9d133] {
    max-width: 180px;
}
.medidas-grid[data-v-a3e9d133] {
    flex-direction: row;
}
.medida-card[data-v-a3e9d133] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
.medida-desc[data-v-a3e9d133] {
    margin-left: 0;
}
}

/* Definición box */
.definicion-box[data-v-68a47ded] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.formula-principal[data-v-68a47ded] {
  font-size: 1.1rem;
}
.formula[data-v-68a47ded] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}

/* Ejemplo section */
.ejemplo-section[data-v-68a47ded] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-68a47ded] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.datos-ejemplo[data-v-68a47ded] {
  margin-bottom: 1rem;
}
.datos-row[data-v-68a47ded] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.dato[data-v-68a47ded] {
  background: rgba(139, 92, 246, 0.2);
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.dato.dato-min[data-v-68a47ded] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.dato.dato-max[data-v-68a47ded] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
  color: #6EE7B7;
}

/* Calculo visual */
.calculo-visual[data-v-68a47ded] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-calculo[data-v-68a47ded] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0;
}
.paso-label[data-v-68a47ded] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.paso-valor[data-v-68a47ded] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.paso-valor.max[data-v-68a47ded] {
  color: #6EE7B7;
}
.paso-valor.min[data-v-68a47ded] {
  color: #FCA5A5;
}
.linea-separadora[data-v-68a47ded] {
  height: 1px;
  background: rgba(139, 92, 246, 0.3);
  margin: 0.5rem 0;
}
.paso-calculo.resultado .paso-valor[data-v-68a47ded] {
  color: #FCD34D;
}
.paso-calculo.resultado .paso-valor strong[data-v-68a47ded] {
  font-size: 1.1rem;
}

/* Recta numérica */
.recta-section[data-v-68a47ded] {
  margin: 1.5rem 0;
}
.recta-titulo[data-v-68a47ded] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.recta-container[data-v-68a47ded] {
  position: relative;
  padding-bottom: 2rem;
}
.recta-numeros[data-v-68a47ded] {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
  margin-bottom: 4px;
}
.n[data-v-68a47ded] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
  min-width: 28px;
}
.n.min[data-v-68a47ded] {
  color: #FCA5A5;
  font-weight: 700;
}
.n.max[data-v-68a47ded] {
  color: #6EE7B7;
  font-weight: 700;
}
.recta-linea[data-v-68a47ded] {
  height: 4px;
  background: linear-gradient(to right, #EF4444 15%, #8B5CF6 50%, #10B981 85%);
  border-radius: 2px;
}
.rango-bracket[data-v-68a47ded] {
  position: relative;
  margin-top: 0.5rem;
  text-align: center;
}
.bracket-line[data-v-68a47ded] {
  height: 2px;
  background: #FCD34D;
  margin: 0 15%;
  position: relative;
}
.bracket-line[data-v-68a47ded]::before,
.bracket-line[data-v-68a47ded]::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 8px;
  background: #FCD34D;
  top: -3px;
}
.bracket-line[data-v-68a47ded]::before {
  left: 0;
}
.bracket-line[data-v-68a47ded]::after {
  right: 0;
}
.bracket-label[data-v-68a47ded] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.5rem;
}

/* Info grid */
.info-grid[data-v-68a47ded] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.info-card[data-v-68a47ded] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.info-card.ventaja[data-v-68a47ded] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.info-card.limitacion[data-v-68a47ded] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.info-icono[data-v-68a47ded] {
  font-size: 1.2rem;
  font-weight: 700;
}
.info-card.ventaja .info-icono[data-v-68a47ded] {
  color: #6EE7B7;
}
.info-card.limitacion .info-icono[data-v-68a47ded] {
  color: #FCD34D;
}
.info-contenido[data-v-68a47ded] {
  display: flex;
  flex-direction: column;
}
.info-titulo[data-v-68a47ded] {
  font-weight: 600;
  font-size: 0.8rem;
}
.info-card.ventaja .info-titulo[data-v-68a47ded] {
  color: #6EE7B7;
}
.info-card.limitacion .info-titulo[data-v-68a47ded] {
  color: #FCD34D;
}
.info-texto[data-v-68a47ded] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Tip */
.tip[data-v-68a47ded] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-68a47ded] {
  font-size: 1.25rem;
}
.tip-texto[data-v-68a47ded] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-68a47ded] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.info-grid[data-v-68a47ded] {
    grid-template-columns: repeat(2, 1fr);
}
.n[data-v-68a47ded] {
    font-size: 0.8rem;
}
}

/* Definición box */
.definicion-box[data-v-7988853c] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.formula-titulo[data-v-7988853c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-7988853c] {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.formula[data-v-7988853c] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-texto[data-v-7988853c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Pasos section */
.pasos-section[data-v-7988853c] {
  margin: 1.5rem 0;
}
.pasos-titulo[data-v-7988853c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}

/* Ejemplo datos */
.ejemplo-datos[data-v-7988853c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.datos-label[data-v-7988853c] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.datos-row[data-v-7988853c] {
  display: flex;
  gap: 0.4rem;
}
.dato[data-v-7988853c] {
  background: rgba(139, 92, 246, 0.3);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Paso card */
.paso-card[data-v-7988853c] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.paso-numero[data-v-7988853c] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.paso-contenido[data-v-7988853c] {
  flex: 1;
}
.paso-titulo[data-v-7988853c] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.paso-calculo[data-v-7988853c] {
  color: #C4B5FD;
  font-size: 0.85rem;
  font-family: monospace;
}
.paso-calculo .resultado[data-v-7988853c] {
  color: #FCD34D;
}
.paso-calculo.final[data-v-7988853c] {
  font-size: 0.95rem;
}
.varianza[data-v-7988853c] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Desviaciones grid */
.desviaciones-grid[data-v-7988853c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.desv-item[data-v-7988853c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.desv-calculo[data-v-7988853c] {
  color: #C4B5FD;
  font-size: 0.8rem;
  font-family: monospace;
}
.desv-resultado[data-v-7988853c] {
  font-weight: 700;
  font-size: 0.9rem;
}
.desv-resultado.positivo[data-v-7988853c] {
  color: #6EE7B7;
}
.desv-resultado.negativo[data-v-7988853c] {
  color: #FCA5A5;
}

/* Cuadrados grid */
.cuadrados-grid[data-v-7988853c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.cuad-item[data-v-7988853c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.cuad-calculo[data-v-7988853c] {
  color: #C4B5FD;
  font-size: 0.8rem;
  font-family: monospace;
}
.cuad-resultado[data-v-7988853c] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
}

/* Nota box */
.nota-box[data-v-7988853c] {
  display: flex;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-7988853c] {
  font-size: 1.25rem;
}
.nota-contenido[data-v-7988853c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nota-titulo[data-v-7988853c] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
}
.nota-texto[data-v-7988853c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.desviaciones-grid[data-v-7988853c],
  .cuadrados-grid[data-v-7988853c] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Definición box */
.definicion-box[data-v-5d950ac8] {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.formula-titulo[data-v-5d950ac8] {
  font-size: 0.85rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-5d950ac8] {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.formula[data-v-5d950ac8] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-texto[data-v-5d950ac8] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-5d950ac8] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-5d950ac8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.resumen-anterior[data-v-5d950ac8] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.resumen-item[data-v-5d950ac8] {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.resumen-item.destacado[data-v-5d950ac8] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.resumen-label[data-v-5d950ac8] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.resumen-valor[data-v-5d950ac8] {
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resumen-valor.varianza[data-v-5d950ac8] {
  color: #8B5CF6;
}
.calculo-desviacion[data-v-5d950ac8] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.calculo-titulo[data-v-5d950ac8] {
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.calculo-formula[data-v-5d950ac8] {
  font-size: 1.1rem;
  font-family: monospace;
  color: #E9D5FF;
}
.calculo-formula .resultado[data-v-5d950ac8] {
  color: #6EE7B7;
  font-size: 1.3rem;
}

/* Interpretación section */
.interpretacion-section[data-v-5d950ac8] {
  margin: 1.5rem 0;
}
.interpretacion-titulo[data-v-5d950ac8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.recta-interpretacion[data-v-5d950ac8] {
  position: relative;
  padding: 2rem 0 1rem;
}
.recta-visual[data-v-5d950ac8] {
  position: relative;
  height: 60px;
}
.zona-central[data-v-5d950ac8] {
  position: absolute;
  left: 20%;
  right: 20%;
  top: 0;
  bottom: 0;
  background: rgba(16, 185, 129, 0.15);
  border: 1px dashed rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zona-label[data-v-5d950ac8] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.marcador[data-v-5d950ac8] {
  position: absolute;
  text-align: center;
}
.marcador.promedio[data-v-5d950ac8] {
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
}
.marcador-linea[data-v-5d950ac8] {
  width: 2px;
  height: 80px;
  background: #FCD34D;
  margin: 0 auto;
}
.marcador-label[data-v-5d950ac8] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.marcador.izq[data-v-5d950ac8] {
  left: 20%;
  transform: translateX(-50%);
  bottom: -5px;
}
.marcador.der[data-v-5d950ac8] {
  right: 20%;
  transform: translateX(50%);
  bottom: -5px;
}
.marcador-valor[data-v-5d950ac8] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}
.marcador-calc[data-v-5d950ac8] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.recta-linea[data-v-5d950ac8] {
  height: 4px;
  background: linear-gradient(to right, #8B5CF6, #10B981 50%, #8B5CF6);
  border-radius: 2px;
}
.interpretacion-texto[data-v-5d950ac8] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.interpretacion-texto strong[data-v-5d950ac8] {
  color: #6EE7B7;
}

/* Comparación section */
.comparacion-section[data-v-5d950ac8] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-5d950ac8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-grid[data-v-5d950ac8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.comp-card[data-v-5d950ac8] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-card.varianza[data-v-5d950ac8] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-card.desviacion[data-v-5d950ac8] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-simbolo[data-v-5d950ac8] {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.comp-card.varianza .comp-simbolo[data-v-5d950ac8] {
  color: #8B5CF6;
}
.comp-card.desviacion .comp-simbolo[data-v-5d950ac8] {
  color: #6EE7B7;
}
.comp-nombre[data-v-5d950ac8] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.comp-unidad[data-v-5d950ac8] {
  font-size: 0.75rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.comp-uso[data-v-5d950ac8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-5d950ac8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5d950ac8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5d950ac8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5d950ac8] {
  color: #6EE7B7;
}

.explorador[data-v-356a917d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-356a917d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-356a917d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-356a917d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-356a917d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-356a917d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-356a917d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-356a917d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-356a917d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-356a917d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Datos display */
.datos-display[data-v-356a917d] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.datos-label[data-v-356a917d] {
  display: block;
  color: #C4B5FD;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.datos-row[data-v-356a917d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.dato[data-v-356a917d] {
  background: rgba(139, 92, 246, 0.3);
  padding: 0.35rem 0.6rem;
  border-radius: 0.3rem;
  font-weight: 600;
  color: #E9D5FF;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.dato.dato-min[data-v-356a917d] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.dato.dato-max[data-v-356a917d] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.promedio-info[data-v-356a917d] {
  display: block;
  margin-top: 0.5rem;
  color: #C4B5FD;
  font-size: 0.85rem;
}
.promedio-info strong[data-v-356a917d] {
  color: #FCD34D;
}

/* Calculo interactivo */
.calculo-interactivo[data-v-356a917d] {
  background: rgba(0, 0, 0, 0.15);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.calculo-row[data-v-356a917d] {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0;
}
.calculo-label[data-v-356a917d] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.calculo-valor[data-v-356a917d] {
  font-weight: 600;
  font-size: 0.95rem;
}
.calculo-valor.max[data-v-356a917d] {
  color: #6EE7B7;
}
.calculo-valor.min[data-v-356a917d] {
  color: #FCA5A5;
}
.calculo-linea[data-v-356a917d] {
  height: 1px;
  background: rgba(139, 92, 246, 0.3);
  margin: 0.5rem 0;
}

/* Input row */
.input-row[data-v-356a917d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.input-row.centered[data-v-356a917d] {
  margin: 1rem 0;
}
.input-label[data-v-356a917d] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1rem;
}
.input-respuesta[data-v-356a917d] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-respuesta.grande[data-v-356a917d] {
  width: 80px;
  font-size: 1.3rem;
}
.input-respuesta.correcto[data-v-356a917d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-respuesta.incorrecto[data-v-356a917d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-356a917d] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-356a917d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Varianza paso a paso */
.varianza-paso[data-v-356a917d] {
  margin-bottom: 0.75rem;
}
.paso-content[data-v-356a917d] {
  background: rgba(0, 0, 0, 0.15);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.paso-titulo[data-v-356a917d] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.desviaciones-calc[data-v-356a917d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.desv-row[data-v-356a917d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  opacity: 0.5;
}
.desv-row.activo[data-v-356a917d] {
  opacity: 1;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.desv-row.completado[data-v-356a917d] {
  opacity: 1;
}
.desv-formula[data-v-356a917d] {
  color: #C4B5FD;
  font-size: 0.85rem;
  font-family: monospace;
}
.desv-resultado[data-v-356a917d] {
  color: #6EE7B7;
  font-weight: 600;
}
.desv-pendiente[data-v-356a917d] {
  color: rgba(255, 255, 255, 0.3);
}
.input-desv[data-v-356a917d] {
  width: 50px;
  padding: 0.3rem;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.3rem;
  color: white;
  font-family: inherit;
}
.input-desv.correcto[data-v-356a917d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-desv.incorrecto[data-v-356a917d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-desv[data-v-356a917d] {
  padding: 0.5rem 1rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.varianza-final[data-v-356a917d] {
  text-align: center;
}
.suma-cuadrados[data-v-356a917d] {
  color: #C4B5FD;
  font-size: 0.85rem;
  font-family: monospace;
  margin-bottom: 1rem;
}

/* Problema box */
.problema-box[data-v-356a917d] {
  background: rgba(139, 92, 246, 0.15);
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.problema-texto[data-v-356a917d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.varianza-dada[data-v-356a917d] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.varianza-dada strong[data-v-356a917d] {
  color: #FFFFFF;
}
.pregunta-box[data-v-356a917d] {
  text-align: center;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-356a917d] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.hint-text[data-v-356a917d] {
  color: #C4B5FD;
  font-size: 0.8rem;
}

/* Feedback */
.feedback[data-v-356a917d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  text-align: center;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  margin-top: 0.5rem;
}
.feedback.correcto[data-v-356a917d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-356a917d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-356a917d] { font-size: 1.25rem;
}
.resultado-texto[data-v-356a917d] { color: #6EE7B7; font-weight: 600;
}

/* Contadores */
.progreso-desv[data-v-356a917d],
.contador[data-v-356a917d] {
  text-align: center;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-356a917d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-356a917d] { flex: 1;
}
.nav-btn[data-v-356a917d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-356a917d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-356a917d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-356a917d] { font-size: 1.75rem;
}
.completado-texto[data-v-356a917d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-356a917d], .slide-leave-active[data-v-356a917d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-356a917d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-356a917d] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-a2a6b375] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-a2a6b375] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-a2a6b375] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen cards */
.resumen-cards[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card[data-v-a2a6b375] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.card-header[data-v-a2a6b375] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-header.rango .card-icono[data-v-a2a6b375] { color: #93C5FD;
}
.card-header.varianza .card-icono[data-v-a2a6b375] { 
  color: #8B5CF6; 
  font-weight: 700;
  font-size: 1.1rem;
}
.card-header.desviacion .card-icono[data-v-a2a6b375] { 
  color: #6EE7B7; 
  font-weight: 700;
  font-size: 1.1rem;
}
.card-titulo[data-v-a2a6b375] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-formula[data-v-a2a6b375] {
  margin-bottom: 0.5rem;
}
.card-formula code[data-v-a2a6b375] {
  display: inline-block;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.card-info[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.info-label[data-v-a2a6b375] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.card-pasos[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.paso-mini[data-v-a2a6b375] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(139, 92, 246, 0.3);
}

/* Relación section */
.relacion-section[data-v-a2a6b375] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.relacion-titulo[data-v-a2a6b375] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.relacion-diagrama[data-v-a2a6b375] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.relacion-item[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.rel-simbolo[data-v-a2a6b375] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.2rem;
}
.rel-simbolo.varianza[data-v-a2a6b375] {
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  color: #C4B5FD;
}
.rel-simbolo.desviacion[data-v-a2a6b375] {
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.rel-nombre[data-v-a2a6b375] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.relacion-flecha[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha-texto[data-v-a2a6b375] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.flecha-linea[data-v-a2a6b375] {
  font-size: 1.2rem;
  color: #FCD34D;
}
.relacion-ejemplo[data-v-a2a6b375] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.relacion-ejemplo strong[data-v-a2a6b375] {
  color: #6EE7B7;
}

/* Tips section */
.tips-section[data-v-a2a6b375] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-a2a6b375] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-grid[data-v-a2a6b375] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.tip-item[data-v-a2a6b375] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.tip-num[data-v-a2a6b375] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-a2a6b375] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-a2a6b375] {
  display: flex;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.mensaje-icono[data-v-a2a6b375] {
  font-size: 1.5rem;
}
.mensaje-contenido[data-v-a2a6b375] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mensaje-titulo[data-v-a2a6b375] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1rem;
}
.mensaje-texto[data-v-a2a6b375] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.tips-grid[data-v-a2a6b375] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-1ce7e09b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.numero-grande[data-v-1ce7e09b] {
  font-size: 2.5rem;
}

/* Texto inline */
strong.destacado[data-v-1ce7e09b] {
  color: #FCD34D;
}
strong.positivo[data-v-1ce7e09b] {
  color: #6EE7B7;
}
strong.azul[data-v-1ce7e09b] {
  color: #93C5FD;
}
strong.amarillo[data-v-1ce7e09b] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-1ce7e09b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-1ce7e09b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.permutaciones-visual[data-v-1ce7e09b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.perm-grid[data-v-1ce7e09b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.perm-grid[data-v-1ce7e09b] {
    grid-template-columns: repeat(6, 1fr);
}
}
.perm-item[data-v-1ce7e09b] {
  display: flex;
  gap: 0.1rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  justify-content: center;
}
.letra[data-v-1ce7e09b] {
  font-weight: 700;
  font-size: 0.9rem;
  width: 1.2rem;
  text-align: center;
}
.letra.a[data-v-1ce7e09b] { color: #6EE7B7;
}
.letra.b[data-v-1ce7e09b] { color: #93C5FD;
}
.letra.c[data-v-1ce7e09b] { color: #FCD34D;
}
.resultado-total[data-v-1ce7e09b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-numero[data-v-1ce7e09b] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-label[data-v-1ce7e09b] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Conteo section */
.conteo-section[data-v-1ce7e09b] {
  margin: 1.5rem 0;
}
.conteo-titulo[data-v-1ce7e09b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conteo-pasos[data-v-1ce7e09b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conteo-paso[data-v-1ce7e09b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-1ce7e09b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.paso-valor[data-v-1ce7e09b] {
  font-size: 1.25rem;
  font-weight: 800;
}
.paso-valor.positivo[data-v-1ce7e09b] { color: #6EE7B7;
}
.paso-valor.azul[data-v-1ce7e09b] { color: #93C5FD;
}
.paso-valor.amarillo[data-v-1ce7e09b] { color: #FCD34D;
}
.paso-desc[data-v-1ce7e09b] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.conteo-operador[data-v-1ce7e09b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.conteo-resultado[data-v-1ce7e09b] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}

/* Fórmula section */
.formula-section[data-v-1ce7e09b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-1ce7e09b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.formula-box[data-v-1ce7e09b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-1ce7e09b] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: 'Courier New', monospace;
}
.formula-nombre[data-v-1ce7e09b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.formula-expansion[data-v-1ce7e09b] {
  text-align: center;
  font-family: 'Courier New', monospace;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.formula-ejemplo[data-v-1ce7e09b] {
  text-align: center;
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1ce7e09b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1ce7e09b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1ce7e09b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1ce7e09b] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual[data-v-1ce7e09b] {
    gap: 1.5rem;
}
.numero-grande[data-v-1ce7e09b] {
    font-size: 3rem;
}
.conteo-pasos[data-v-1ce7e09b] {
    gap: 0.75rem;
}
.conteo-paso[data-v-1ce7e09b] {
    padding: 0.5rem 0.75rem;
}
.paso-num[data-v-1ce7e09b] {
    font-size: 0.75rem;
}
.paso-valor[data-v-1ce7e09b] {
    font-size: 1.5rem;
}
}

/* Definición box */
.definicion-box[data-v-558f4bb8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-simbolo[data-v-558f4bb8] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}
.def-texto[data-v-558f4bb8] {
  color: #E9D5FF;
  line-height: 1.4;
}

/* Fórmula general */
.formula-general[data-v-558f4bb8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-558f4bb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formula-contenido[data-v-558f4bb8] {
  font-family: 'Courier New', monospace;
  font-size: 1.1rem;
  color: #FCD34D;
}

/* Tabla de factoriales */
.tabla-section[data-v-558f4bb8] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-558f4bb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-factoriales[data-v-558f4bb8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.factorial-row[data-v-558f4bb8] {
  display: grid;
  grid-template-columns: 40px 1fr 70px;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  align-items: center;
}
.factorial-row.header[data-v-558f4bb8] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  color: #FFFFFF;
}
.factorial-n[data-v-558f4bb8] {
  font-weight: 700;
  color: #8B5CF6;
  text-align: center;
}
.factorial-calc[data-v-558f4bb8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}
.factorial-result[data-v-558f4bb8] {
  font-weight: 700;
  color: #6EE7B7;
  text-align: right;
}
.factorial-result.especial[data-v-558f4bb8] {
  color: #FCD34D;
}

/* Propiedad section */
.propiedad-section[data-v-558f4bb8] {
  margin: 1.5rem 0;
}
.propiedad-titulo[data-v-558f4bb8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.propiedad-box[data-v-558f4bb8] {
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.propiedad-formula[data-v-558f4bb8] {
  font-family: 'Courier New', monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.propiedad-ejemplo[data-v-558f4bb8] {
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Caso especial */
.caso-especial[data-v-558f4bb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.caso-icono[data-v-558f4bb8] {
  font-size: 1.5rem;
}
.caso-titulo[data-v-558f4bb8] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.caso-texto[data-v-558f4bb8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
strong.destacado[data-v-558f4bb8] {
  color: #FCD34D;
}

/* Crecimiento section */
.crecimiento-section[data-v-558f4bb8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.crecimiento-titulo[data-v-558f4bb8] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.crecimiento-visual[data-v-558f4bb8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.crec-item[data-v-558f4bb8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.crec-n[data-v-558f4bb8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.crec-valor[data-v-558f4bb8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.crec-flecha[data-v-558f4bb8] {
  color: #8B5CF6;
  font-size: 1.25rem;
}
.crecimiento-nota[data-v-558f4bb8] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-558f4bb8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-558f4bb8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-558f4bb8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-558f4bb8] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.factorial-row[data-v-558f4bb8] {
    grid-template-columns: 50px 1fr 90px;
    padding: 0.5rem 0.75rem;
}
.crecimiento-visual[data-v-558f4bb8] {
    gap: 1rem;
}
.crec-item[data-v-558f4bb8] {
    padding: 0.5rem 1rem;
}
.crec-valor[data-v-558f4bb8] {
    font-size: 1rem;
}
}

/* Intro problema */
.intro-problema[data-v-a79951fa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.problema-icono[data-v-a79951fa] {
  font-size: 2rem;
}
.problema-texto[data-v-a79951fa] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
strong.destacado[data-v-a79951fa] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-a79951fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.letras-original[data-v-a79951fa] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.letra[data-v-a79951fa] {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  border-radius: 0.5rem;
  border: 2px solid;
}
.letra.m[data-v-a79951fa] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.letra.a[data-v-a79951fa] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.repeticiones[data-v-a79951fa] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.rep-item[data-v-a79951fa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rep-letra[data-v-a79951fa] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 0.25rem;
}
.rep-letra.m[data-v-a79951fa] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.rep-letra.a[data-v-a79951fa] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.rep-count[data-v-a79951fa] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Explicación */
.explicacion-section[data-v-a79951fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.exp-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.exp-contenido p[data-v-a79951fa] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.exp-visual[data-v-a79951fa] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.exp-texto[data-v-a79951fa] {
  color: #FCD34D;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Fórmula section */
.formula-section[data-v-a79951fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-a79951fa] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-a79951fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula-numerador[data-v-a79951fa] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.formula-linea[data-v-a79951fa] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.formula-denominador[data-v-a79951fa] {
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  font-family: 'Courier New', monospace;
}
.formula-leyenda[data-v-a79951fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Cálculo section */
.calculo-section[data-v-a79951fa] {
  margin: 1.5rem 0;
}
.calculo-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.calculo-pasos[data-v-a79951fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.calculo-fraccion[data-v-a79951fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
.calculo-fraccion .num[data-v-a79951fa] {
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.calculo-fraccion .linea[data-v-a79951fa] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.calculo-fraccion .den[data-v-a79951fa] {
  font-size: 0.9rem;
  color: #93C5FD;
  font-family: 'Courier New', monospace;
}
.calculo-igual[data-v-a79951fa] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.calculo-resultado[data-v-a79951fa] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}

/* Lista section */
.lista-section[data-v-a79951fa] {
  margin: 1.5rem 0;
}
.lista-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.lista-items[data-v-a79951fa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.perm-item[data-v-a79951fa] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-family: 'Courier New', monospace;
  font-weight: 600;
  color: #E9D5FF;
}

/* Ejemplo adicional */
.ejemplo-adicional[data-v-a79951fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ej-titulo[data-v-a79951fa] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.ej-letras[data-v-a79951fa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.ej-calculo[data-v-a79951fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.ej-fraccion[data-v-a79951fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ej-fraccion .num[data-v-a79951fa] {
  font-weight: 700;
  color: #6EE7B7;
}
.ej-fraccion .linea[data-v-a79951fa] {
  width: 100%;
  height: 2px;
  background: #3B82F6;
  margin: 0.15rem 0;
}
.ej-fraccion .den[data-v-a79951fa] {
  font-size: 0.8rem;
  color: #93C5FD;
}
.ej-igual[data-v-a79951fa] {
  font-weight: 700;
  color: #3B82F6;
}
.ej-resultado[data-v-a79951fa] {
  font-weight: 800;
  font-size: 1.25rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-a79951fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a79951fa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a79951fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a79951fa] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.letra[data-v-a79951fa] {
    width: 55px;
    height: 55px;
    font-size: 1.75rem;
}
.calculo-pasos[data-v-a79951fa] {
    gap: 0.75rem;
}
.formula-numerador[data-v-a79951fa] {
    font-size: 1.75rem;
}
.formula-denominador[data-v-a79951fa] {
    font-size: 1.1rem;
}
}

.explorador[data-v-b4470113] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b4470113] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b4470113] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b4470113] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b4470113] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b4470113] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b4470113] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b4470113] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b4470113] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* ===== DESAFÍO 1: Factoriales ===== */
.d1-container[data-v-b4470113] {
  text-align: center;
}
.d1-problema[data-v-b4470113] {
  margin-bottom: 1rem;
}
.problema-icono[data-v-b4470113] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-b4470113] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
}
.d1-factorial[data-v-b4470113] {
  margin: 1rem 0;
}
.factorial-expr[data-v-b4470113] {
  font-size: 3rem;
  font-weight: 800;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}
.d1-input-area[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d1-igual[data-v-b4470113] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.d1-input[data-v-b4470113] {
  width: 100px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d1-input.correcto[data-v-b4470113] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d1-input.incorrecto[data-v-b4470113] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-b4470113] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-b4470113]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.d1-feedback[data-v-b4470113] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d1-feedback.correcto[data-v-b4470113] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d1-contador[data-v-b4470113] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Ordenar elementos ===== */
.d2-container[data-v-b4470113] {
  text-align: center;
}
.d2-problema[data-v-b4470113] {
  margin-bottom: 1rem;
}
.d2-elementos[data-v-b4470113] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.d2-elemento[data-v-b4470113] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  border-radius: 0.5rem;
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.d2-pregunta[data-v-b4470113] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.d2-input-area[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d2-input[data-v-b4470113] {
  width: 100px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d2-input.correcto[data-v-b4470113] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d2-input.incorrecto[data-v-b4470113] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.d2-hint[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.hint-icono[data-v-b4470113] {
  font-size: 1rem;
}
.d2-feedback[data-v-b4470113] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d2-feedback.correcto[data-v-b4470113] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d2-contador[data-v-b4470113] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Con repetición ===== */
.d3-container[data-v-b4470113] {
  text-align: center;
}
.d3-badge[data-v-b4470113] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.d3-problema[data-v-b4470113] {
  margin-bottom: 0.75rem;
}
.d3-palabra[data-v-b4470113] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.d3-letra[data-v-b4470113] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 800;
  border-radius: 0.4rem;
  border: 2px solid;
}
.d3-letra.verde[data-v-b4470113] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.d3-letra.azul[data-v-b4470113] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.d3-letra.amarillo[data-v-b4470113] {
  background: rgba(245, 158, 11, 0.2);
  border-color: #F59E0B;
  color: #FCD34D;
}
.d3-letra.rojo[data-v-b4470113] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.d3-letra.morado[data-v-b4470113] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
  color: #C4B5FD;
}
.d3-letra.default[data-v-b4470113] {
  background: rgba(156, 163, 175, 0.2);
  border-color: #9CA3AF;
  color: #E5E7EB;
}
.d3-info[data-v-b4470113] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.d3-total strong[data-v-b4470113] {
  color: #FCD34D;
}
.d3-repeticiones[data-v-b4470113] {
  display: flex;
  gap: 0.75rem;
}
.d3-rep[data-v-b4470113] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.d3-input-area[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d3-pregunta[data-v-b4470113] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
}
.d3-input[data-v-b4470113] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d3-input.correcto[data-v-b4470113] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d3-input.incorrecto[data-v-b4470113] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.d3-feedback[data-v-b4470113] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  line-height: 1.4;
}
.d3-feedback.correcto[data-v-b4470113] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d3-contador[data-v-b4470113] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b4470113] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-b4470113] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-b4470113] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b4470113] {
  flex: 1;
}
.nav-btn[data-v-b4470113] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b4470113] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b4470113] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b4470113] {
  font-size: 1.75rem;
}
.completado-texto[data-v-b4470113] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b4470113], .slide-leave-active[data-v-b4470113] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b4470113] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-b4470113] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-b23928c8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-b23928c8] {
  font-size: 2rem;
}
.resumen-intro p[data-v-b23928c8] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-b23928c8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-b23928c8] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-b23928c8] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-b23928c8]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-b23928c8] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-b23928c8] {
    grid-column: span 1;
}
}
.card-header[data-v-b23928c8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-b23928c8] {
  font-size: 1.25rem;
}
.card-titulo[data-v-b23928c8] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-b23928c8] {
  color: #E9D5FF;
}
.card-def[data-v-b23928c8] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.card-clave[data-v-b23928c8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.4rem;
}
.clave-emoji[data-v-b23928c8] {
  font-size: 1rem;
}
.clave-texto[data-v-b23928c8] {
  font-size: 0.85rem;
  color: #FCD34D;
}
.card-nota[data-v-b23928c8] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Fórmula resumen */
.formula-resumen[data-v-b23928c8] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.formula-grande[data-v-b23928c8] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}

/* Factoriales grid */
.factoriales-grid[data-v-b23928c8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.fact-item[data-v-b23928c8] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.3rem;
}
.fact-n[data-v-b23928c8] {
  font-weight: 700;
  color: #8B5CF6;
  font-family: 'Courier New', monospace;
}
.fact-v[data-v-b23928c8] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.fact-v.especial[data-v-b23928c8] {
  color: #FCD34D;
}

/* Fórmula fracción */
.formula-fraccion-card[data-v-b23928c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.frac-num[data-v-b23928c8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}
.frac-linea[data-v-b23928c8] {
  width: 80%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.25rem 0;
}
.frac-den[data-v-b23928c8] {
  font-size: 0.9rem;
  color: #93C5FD;
  font-family: 'Courier New', monospace;
}
.ejemplo-rep[data-v-b23928c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ejemplo-calc[data-v-b23928c8] {
  font-family: 'Courier New', monospace;
}
.ejemplo-calc strong[data-v-b23928c8] {
  color: #FCD34D;
}

/* Aplicaciones lista */
.aplicaciones-lista[data-v-b23928c8] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.aplicaciones-lista li[data-v-b23928c8] {
  font-size: 0.85rem;
  padding: 0.25rem 0;
}

/* Casos lista */
.casos-lista[data-v-b23928c8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso-item[data-v-b23928c8] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.caso-titulo[data-v-b23928c8] {
  font-weight: 600;
  font-size: 0.8rem;
  color: #FCD34D;
}
.caso-desc[data-v-b23928c8] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-b23928c8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-b23928c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-b23928c8] {
  font-size: 1.25rem;
}
.tip-text[data-v-b23928c8] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-b23928c8] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-b23928c8] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-b23928c8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-b23928c8 1s ease-in-out infinite;
}
@keyframes bounce-b23928c8 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-b23928c8] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-b23928c8] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-80cc5d2a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.visual-poblacion[data-v-80cc5d2a], .visual-muestra[data-v-80cc5d2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.visual-poblacion .icono[data-v-80cc5d2a] {
  font-size: 2rem;
}
.visual-muestra .icono[data-v-80cc5d2a] {
  font-size: 1.25rem;
}
.visual-poblacion .label[data-v-80cc5d2a] {
  color: #93C5FD;
  font-weight: 600;
  font-size: 0.85rem;
}
.visual-muestra .label[data-v-80cc5d2a] {
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.85rem;
}
.visual-flecha[data-v-80cc5d2a] {
  color: #8B5CF6;
  font-size: 1.5rem;
  font-weight: 700;
}

/* Definiciones */
.definicion[data-v-80cc5d2a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.definicion.poblacion[data-v-80cc5d2a] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.definicion.muestra[data-v-80cc5d2a] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.def-icono[data-v-80cc5d2a] {
  font-size: 1.5rem;
}
.def-contenido[data-v-80cc5d2a] {
  flex: 1;
}
.def-titulo[data-v-80cc5d2a] {
  font-size: 0.95rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.definicion.poblacion .def-titulo[data-v-80cc5d2a] {
  color: #93C5FD;
}
.definicion.muestra .def-titulo[data-v-80cc5d2a] {
  color: #FCD34D;
}
.def-texto[data-v-80cc5d2a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Colores inline */
.poblacion-color[data-v-80cc5d2a] {
  color: #93C5FD;
}
.muestra-color[data-v-80cc5d2a] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-80cc5d2a] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-80cc5d2a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-80cc5d2a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-80cc5d2a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.ejemplo-label[data-v-80cc5d2a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.ejemplo-valor[data-v-80cc5d2a] {
  font-size: 0.9rem;
  font-weight: 600;
}

/* Diagrama */
.diagrama[data-v-80cc5d2a] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.diagrama-poblacion[data-v-80cc5d2a] {
  text-align: center;
}
.diagrama-label[data-v-80cc5d2a] {
  font-size: 0.8rem;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.diagrama-circulo[data-v-80cc5d2a] {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diagrama-circulo.grande[data-v-80cc5d2a] {
  width: 140px;
  height: 140px;
  background: rgba(147, 197, 253, 0.15);
  border: 2px solid rgba(147, 197, 253, 0.4);
}
.diagrama-circulo.pequeno[data-v-80cc5d2a] {
  width: 60px;
  height: 60px;
  background: rgba(252, 211, 77, 0.25);
  border: 2px solid #FCD34D;
}
.diagrama-n[data-v-80cc5d2a] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Por qué usar muestras */
.porque-section[data-v-80cc5d2a] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-80cc5d2a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.porque-grid[data-v-80cc5d2a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.porque-item[data-v-80cc5d2a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.porque-icono[data-v-80cc5d2a] {
  font-size: 1.25rem;
}
.porque-texto[data-v-80cc5d2a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.porque-nota[data-v-80cc5d2a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  text-align: center;
}

/* Tip */
.tip[data-v-80cc5d2a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-80cc5d2a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-80cc5d2a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-80cc5d2a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-80cc5d2a] {
    gap: 2rem;
    padding: 1.5rem;
}
.visual-poblacion .icono[data-v-80cc5d2a] {
    font-size: 2.5rem;
}
.visual-muestra .icono[data-v-80cc5d2a] {
    font-size: 1.5rem;
}
.ejemplo-item[data-v-80cc5d2a] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.diagrama-circulo.grande[data-v-80cc5d2a] {
    width: 180px;
    height: 180px;
}
.diagrama-circulo.pequeno[data-v-80cc5d2a] {
    width: 80px;
    height: 80px;
}
.porque-grid[data-v-80cc5d2a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Comparación visual */
.comparacion[data-v-273d5656] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.comp-item[data-v-273d5656] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.comp-item.parametro[data-v-273d5656] {
  background: rgba(147, 197, 253, 0.1);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.comp-item.estadistico[data-v-273d5656] {
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.comp-header[data-v-273d5656] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-icono[data-v-273d5656] {
  font-size: 1.25rem;
}
.comp-titulo[data-v-273d5656] {
  font-size: 1rem;
  font-weight: 700;
}
.comp-item.parametro .comp-titulo[data-v-273d5656] {
  color: #93C5FD;
}
.comp-item.estadistico .comp-titulo[data-v-273d5656] {
  color: #FCD34D;
}
.comp-descripcion[data-v-273d5656] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.comp-ejemplo[data-v-273d5656] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.comp-simbolos[data-v-273d5656] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.simbolo[data-v-273d5656] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.comp-item.parametro .simbolo[data-v-273d5656] {
  color: #93C5FD;
}
.comp-item.estadistico .simbolo[data-v-273d5656] {
  color: #FCD34D;
}
.comp-nota[data-v-273d5656] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Colores inline */
.parametro-color[data-v-273d5656] {
  color: #93C5FD;
}
.estadistico-color[data-v-273d5656] {
  color: #FCD34D;
}

/* Tabla de símbolos */
.tabla-section[data-v-273d5656] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-273d5656] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla[data-v-273d5656] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-273d5656] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  font-size: 0.8rem;
}
.tabla-row[data-v-273d5656] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-cell[data-v-273d5656] {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  color: #E9D5FF;
}

/* Concepto clave */
.concepto-clave[data-v-273d5656] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-273d5656] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-273d5656] {
  flex: 1;
}
.concepto-titulo[data-v-273d5656] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-273d5656] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Ejemplo práctico */
.ejemplo-practico[data-v-273d5656] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.ejemplo-titulo[data-v-273d5656] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplo-texto[data-v-273d5656] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-273d5656] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-273d5656] {
  font-size: 1.25rem;
}
.tip-texto[data-v-273d5656] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-273d5656] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion[data-v-273d5656] {
    flex-direction: row;
}
.comp-item[data-v-273d5656] {
    flex: 1;
}
.tabla-cell[data-v-273d5656] {
    padding: 0.6rem 0.75rem;
    font-size: 0.85rem;
}
}

/* División principal */
.division-principal[data-v-ee0d3879] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.division-item[data-v-ee0d3879] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.division-item.probabilistico[data-v-ee0d3879] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.division-item.no-probabilistico[data-v-ee0d3879] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.division-header[data-v-ee0d3879] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.division-icono[data-v-ee0d3879] {
  font-size: 1.25rem;
}
.division-titulo[data-v-ee0d3879] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.division-desc[data-v-ee0d3879] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.division-badge[data-v-ee0d3879] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.division-badge.bueno[data-v-ee0d3879] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.division-badge.malo[data-v-ee0d3879] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Texto negativo inline */
strong.negativo[data-v-ee0d3879] {
  color: #FCA5A5;
}

/* Tipos de muestreo */
.tipos-section[data-v-ee0d3879] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-ee0d3879] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tipo-card[data-v-ee0d3879] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.tipo-nombre[data-v-ee0d3879] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}
.tipo-desc[data-v-ee0d3879] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tipo-ejemplo[data-v-ee0d3879] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #A78BFA;
  font-style: italic;
}
.tipo-ejemplo-icon[data-v-ee0d3879] {
  font-size: 0.9rem;
}

/* Representatividad */
.representatividad[data-v-ee0d3879] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.rep-icono[data-v-ee0d3879] {
  font-size: 1.5rem;
}
.rep-contenido[data-v-ee0d3879] {
  flex: 1;
}
.rep-titulo[data-v-ee0d3879] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.rep-texto[data-v-ee0d3879] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Sesgo */
.sesgo-ejemplo[data-v-ee0d3879] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.sesgo-titulo[data-v-ee0d3879] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.sesgo-texto[data-v-ee0d3879] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-ee0d3879] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ee0d3879] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ee0d3879] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ee0d3879] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.division-principal[data-v-ee0d3879] {
    flex-direction: row;
}
.division-item[data-v-ee0d3879] {
    flex: 1;
}
.tipos-section[data-v-ee0d3879] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
.tipos-titulo[data-v-ee0d3879] {
    grid-column: 1 / -1;
}
.tipo-card[data-v-ee0d3879] {
    margin-bottom: 0;
}
}

.explorador[data-v-6b2f43c5] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-6b2f43c5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-6b2f43c5] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-6b2f43c5] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-6b2f43c5] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-6b2f43c5] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-6b2f43c5] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-6b2f43c5] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-6b2f43c5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-6b2f43c5] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Población y Muestra ===== */
.problema-container[data-v-6b2f43c5] {
  text-align: center;
}
.problema-texto[data-v-6b2f43c5] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: left;
}
.opciones-poblacion-muestra[data-v-6b2f43c5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.opcion-grupo[data-v-6b2f43c5] {
  text-align: left;
}
.opcion-label[data-v-6b2f43c5] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.poblacion-color[data-v-6b2f43c5] { color: #93C5FD;
}
.muestra-color[data-v-6b2f43c5] { color: #FCD34D;
}
.opciones-btns[data-v-6b2f43c5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion-btn[data-v-6b2f43c5] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: all 0.15s ease;
}
.opcion-btn.seleccionado[data-v-6b2f43c5] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-btn.correcto[data-v-6b2f43c5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-6b2f43c5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Muestreo ===== */
.muestreo-container[data-v-6b2f43c5] {
  text-align: center;
}
.muestreo-escenario[data-v-6b2f43c5] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: left;
}
.muestreo-pregunta[data-v-6b2f43c5] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.muestreo-opciones[data-v-6b2f43c5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.muestreo-btn[data-v-6b2f43c5] {
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.muestreo-btn.seleccionado[data-v-6b2f43c5] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.muestreo-btn.correcto[data-v-6b2f43c5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.muestreo-btn.incorrecto[data-v-6b2f43c5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Parámetro vs Estadístico ===== */
.parametro-container[data-v-6b2f43c5] {
  text-align: center;
}
.parametro-enunciado[data-v-6b2f43c5] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: left;
}
.parametro-pregunta[data-v-6b2f43c5] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.parametro-opciones[data-v-6b2f43c5] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.parametro-btn[data-v-6b2f43c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  flex: 1;
  max-width: 140px;
}
.parametro-btn.seleccionado[data-v-6b2f43c5] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.parametro-btn.correcto[data-v-6b2f43c5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.parametro-btn.incorrecto[data-v-6b2f43c5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.param-icono[data-v-6b2f43c5] {
  font-size: 1.5rem;
}
.param-texto[data-v-6b2f43c5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.param-desc[data-v-6b2f43c5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Elementos comunes */
.btn-verificar[data-v-6b2f43c5] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.feedback[data-v-6b2f43c5] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-top: 0.75rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-6b2f43c5] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.contador[data-v-6b2f43c5] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-6b2f43c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-6b2f43c5] { font-size: 1.25rem;
}
.resultado-texto[data-v-6b2f43c5] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-6b2f43c5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-6b2f43c5] { flex: 1;
}
.nav-btn[data-v-6b2f43c5] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-6b2f43c5] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-6b2f43c5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-6b2f43c5] { font-size: 1.75rem;
}
.completado-texto[data-v-6b2f43c5] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-6b2f43c5], .slide-leave-active[data-v-6b2f43c5] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-6b2f43c5] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-6b2f43c5] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-poblacion-muestra[data-v-6b2f43c5] {
    flex-direction: row;
}
.opcion-grupo[data-v-6b2f43c5] {
    flex: 1;
}
}

/* Colores inline */
.poblacion-color[data-v-bccdd14b] { color: #93C5FD;
}
.muestra-color[data-v-bccdd14b] { color: #FCD34D;
}
.estadistico-color[data-v-bccdd14b] { color: #FCD34D;
}
.parametro-color[data-v-bccdd14b] { color: #93C5FD;
}

/* Resumen principal */
.resumen-principal[data-v-bccdd14b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.resumen-item[data-v-bccdd14b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  text-align: center;
}
.resumen-icono[data-v-bccdd14b] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-bccdd14b] {
  font-weight: 700;
  font-size: 0.9rem;
}
.resumen-desc[data-v-bccdd14b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.resumen-simbolo[data-v-bccdd14b] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.resumen-flecha[data-v-bccdd14b] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Tabla resumen */
.tabla-resumen[data-v-bccdd14b] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-bccdd14b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-grid[data-v-bccdd14b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-bccdd14b] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  font-size: 0.8rem;
}
.tabla-row[data-v-bccdd14b] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-cell[data-v-bccdd14b] {
  padding: 0.5rem;
  font-size: 0.85rem;
  text-align: center;
  color: #E9D5FF;
}
.tabla-cell.label[data-v-bccdd14b] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
}

/* Muestreo resumen */
.muestreo-resumen[data-v-bccdd14b] {
  margin: 1.5rem 0;
}
.muestreo-titulo[data-v-bccdd14b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.muestreo-grid[data-v-bccdd14b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.muestreo-item[data-v-bccdd14b] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.muestreo-nombre[data-v-bccdd14b] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.8rem;
}
.muestreo-clave[data-v-bccdd14b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-bccdd14b] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tips-titulo[data-v-bccdd14b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-bccdd14b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-bccdd14b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-bccdd14b] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-bccdd14b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-bccdd14b] {
  color: #FFFFFF;
}

/* Fórmula box */
.formula-box[data-v-bccdd14b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.formula-icono[data-v-bccdd14b] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-bccdd14b] {
  flex: 1;
}
.formula-titulo[data-v-bccdd14b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-texto[data-v-bccdd14b] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.formula-nota[data-v-bccdd14b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 400;
}

/* Mensaje final */
.mensaje-final[data-v-bccdd14b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.mensaje-icono[data-v-bccdd14b] {
  font-size: 1.25rem;
}
.mensaje-texto[data-v-bccdd14b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-principal[data-v-bccdd14b] {
    gap: 1rem;
    padding: 1.25rem 1rem;
}
.resumen-icono[data-v-bccdd14b] {
    font-size: 2rem;
}
.resumen-desc[data-v-bccdd14b] {
    font-size: 0.75rem;
}
.tabla-cell[data-v-bccdd14b] {
    padding: 0.6rem 0.75rem;
}
.muestreo-grid[data-v-bccdd14b] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-a4326330] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.numero-grande[data-v-a4326330] {
  font-size: 2.5rem;
}

/* Texto inline */
strong.positivo[data-v-a4326330] {
  color: #6EE7B7;
}
strong.azul[data-v-a4326330] {
  color: #93C5FD;
}

/* Pregunta motivadora */
.pregunta-section[data-v-a4326330] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.pregunta-icono[data-v-a4326330] {
  font-size: 1.5rem;
}
.pregunta-texto[data-v-a4326330] {
  color: #E9D5FF;
  line-height: 1.5;
}

/* Combinaciones visual */
.combinaciones-visual[data-v-a4326330] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.grupo-items[data-v-a4326330] {
  text-align: center;
}
.grupo-label[data-v-a4326330] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.items-row[data-v-a4326330] {
  display: flex;
  gap: 0.25rem;
}
.item[data-v-a4326330] {
  font-size: 1.5rem;
}
.item.camiseta[data-v-a4326330] {
  filter: hue-rotate(90deg);
}
.multiplicador[data-v-a4326330], .igual[data-v-a4326330] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.resultado-visual[data-v-a4326330] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-numero[data-v-a4326330] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.resultado-label[data-v-a4326330] {
  font-size: 0.7rem;
  color: #6EE7B7;
}

/* Principios section */
.principios-section[data-v-a4326330] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-a4326330] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-a4326330] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 640px) {
.principios-grid[data-v-a4326330] {
    grid-template-columns: 1fr 1fr;
}
}
.principio-card[data-v-a4326330] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.principio-card.multiplicativo[data-v-a4326330] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.principio-card.aditivo[data-v-a4326330] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.principio-header[data-v-a4326330] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.principio-icono[data-v-a4326330] {
  font-size: 1.25rem;
}
.principio-nombre[data-v-a4326330] {
  font-weight: 700;
  color: #FFFFFF;
}
.principio-desc[data-v-a4326330] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.principio-formula[data-v-a4326330] {
  font-family: monospace;
  font-weight: 600;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  font-size: 0.9rem;
}
.multiplicativo .principio-formula[data-v-a4326330] {
  color: #6EE7B7;
}
.aditivo .principio-formula[data-v-a4326330] {
  color: #93C5FD;
}

/* Clave section */
.clave-section[data-v-a4326330] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.clave-titulo[data-v-a4326330] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.claves-grid[data-v-a4326330] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 0.75rem;
}
.clave-item[data-v-a4326330] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.clave-palabra[data-v-a4326330] {
  font-weight: 800;
  font-size: 1.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.clave-palabra.positivo[data-v-a4326330] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.clave-palabra.azul[data-v-a4326330] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.clave-texto[data-v-a4326330] {
  color: #E9D5FF;
  font-weight: 600;
}
.clave-ejemplo[data-v-a4326330] {
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-a4326330] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a4326330] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a4326330] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a4326330] {
  color: #6EE7B7;
}

/* Desktop adjustments */
@media (min-width: 640px) {
.intro-visual[data-v-a4326330] {
    gap: 1.5rem;
}
.numero-grande[data-v-a4326330] {
    font-size: 3rem;
}
.item[data-v-a4326330] {
    font-size: 2rem;
}
.combinaciones-visual[data-v-a4326330] {
    gap: 1rem;
}
}

/* Definición box */
.definicion-box[data-v-6b5c275d] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-header[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-6b5c275d] {
  font-size: 1.25rem;
}
.def-titulo[data-v-6b5c275d] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 1.1rem;
}
.def-contenido[data-v-6b5c275d] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.def-formula[data-v-6b5c275d] {
  text-align: center;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}

/* Cuándo usar */
.cuando-usar[data-v-6b5c275d] {
  margin-bottom: 1.5rem;
}
.cuando-titulo[data-v-6b5c275d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.cuando-lista[data-v-6b5c275d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cuando-item[data-v-6b5c275d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.check[data-v-6b5c275d] {
  color: #6EE7B7;
  font-weight: 700;
}
strong.positivo[data-v-6b5c275d] {
  color: #6EE7B7;
}

/* Ejemplos */
.ejemplo-section[data-v-6b5c275d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.ejemplo-section.destacado[data-v-6b5c275d] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.05);
}
.ejemplo-header[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-6b5c275d] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.ejemplo-titulo[data-v-6b5c275d] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-6b5c275d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-visual[data-v-6b5c275d] {
  margin: 0.75rem 0;
}
.ejemplo-explicacion[data-v-6b5c275d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ejemplo-explicacion.importante[data-v-6b5c275d] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.5rem;
  border-radius: 0.4rem;
}

/* PIN visual */
.pin-slots[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.pin-slot[data-v-6b5c275d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
}
.pin-digito[data-v-6b5c275d] {
  font-size: 1.25rem;
  color: #FFFFFF;
}
.pin-opciones[data-v-6b5c275d] {
  font-size: 0.7rem;
  color: #6EE7B7;
  font-weight: 600;
}
.pin-operador[data-v-6b5c275d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.pin-resultado[data-v-6b5c275d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}

/* Patente visual */
.patente-slots[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.slot-grupo[data-v-6b5c275d] {
  text-align: center;
}
.slot-label[data-v-6b5c275d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
  display: block;
}
.slots-row[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.slot[data-v-6b5c275d] {
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.letras .slot[data-v-6b5c275d] {
  color: #93C5FD;
}
.numeros .slot[data-v-6b5c275d] {
  color: #FCA5A5;
}
.op[data-v-6b5c275d] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.grupo-op[data-v-6b5c275d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.patente-calculo[data-v-6b5c275d] {
  text-align: center;
  margin-top: 0.75rem;
  font-family: monospace;
  color: #E9D5FF;
}
.patente-calculo strong[data-v-6b5c275d] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Podio visual */
.podio-visual[data-v-6b5c275d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.podio-item[data-v-6b5c275d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.podio-lugar[data-v-6b5c275d] {
  font-size: 1.5rem;
}
.podio-opciones[data-v-6b5c275d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
}
.podio-label[data-v-6b5c275d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.podio-op[data-v-6b5c275d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.podio-resultado[data-v-6b5c275d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}

/* Tip */
.tip[data-v-6b5c275d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-6b5c275d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6b5c275d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6b5c275d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pin-slots[data-v-6b5c275d], .podio-visual[data-v-6b5c275d] {
    gap: 0.5rem;
}
.pin-slot[data-v-6b5c275d] {
    padding: 0.5rem 0.8rem;
}
.pin-digito[data-v-6b5c275d] {
    font-size: 1.5rem;
}
}

/* Definición box */
.definicion-box[data-v-0b1a3142] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.def-header[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-icono[data-v-0b1a3142] {
  font-size: 1.25rem;
}
.def-titulo[data-v-0b1a3142] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1.1rem;
}
.def-contenido[data-v-0b1a3142] {
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.def-formula[data-v-0b1a3142] {
  text-align: center;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.def-condicion[data-v-0b1a3142] {
  font-size: 0.85rem;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}

/* Texto destacado */
strong.azul[data-v-0b1a3142] {
  color: #93C5FD;
}
strong.positivo[data-v-0b1a3142] {
  color: #6EE7B7;
}

/* Cuándo usar */
.cuando-usar[data-v-0b1a3142] {
  margin-bottom: 1.5rem;
}
.cuando-titulo[data-v-0b1a3142] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.cuando-lista[data-v-0b1a3142] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cuando-item[data-v-0b1a3142] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.check[data-v-0b1a3142] {
  color: #93C5FD;
  font-weight: 700;
}

/* Ejemplos */
.ejemplo-section[data-v-0b1a3142] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.ejemplo-section.combinado[data-v-0b1a3142] {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.05);
}
.ejemplo-header[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-num[data-v-0b1a3142] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.ejemplo-titulo[data-v-0b1a3142] {
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-problema[data-v-0b1a3142] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-visual[data-v-0b1a3142] {
  margin: 0.75rem 0;
}
.ejemplo-explicacion[data-v-0b1a3142] {
  font-size: 0.85rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* Transporte visual */
.transporte-opciones[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.transporte-item[data-v-0b1a3142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.5rem;
}
.transporte-icono[data-v-0b1a3142] {
  font-size: 1.5rem;
}
.transporte-num[data-v-0b1a3142] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #93C5FD;
}
.transporte-label[data-v-0b1a3142] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.transporte-op[data-v-0b1a3142] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0 0.25rem;
}
.transporte-resultado[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.transporte-resultado .op[data-v-0b1a3142] {
  color: #8B5CF6;
  font-weight: 700;
}
.transporte-resultado .calculo[data-v-0b1a3142] {
  color: #E9D5FF;
  font-family: monospace;
}
.transporte-resultado .total[data-v-0b1a3142] {
  color: #93C5FD;
  font-weight: 800;
  font-size: 1.1rem;
}

/* Celular visual */
.ejemplo-visual.celular[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.marca-box[data-v-0b1a3142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.marca-box.samsung[data-v-0b1a3142] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.marca-box.iphone[data-v-0b1a3142] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.marca-label[data-v-0b1a3142] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.marca-num[data-v-0b1a3142] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.o-label[data-v-0b1a3142], .igual-label[data-v-0b1a3142] {
  font-weight: 700;
  font-size: 1.1rem;
  color: #93C5FD;
}
.resultado-box[data-v-0b1a3142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
}
.resultado-num[data-v-0b1a3142] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
}
.resultado-label[data-v-0b1a3142] {
  font-size: 0.65rem;
  color: #93C5FD;
}

/* Comparación */
.comparacion-section[data-v-0b1a3142] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.comp-titulo[data-v-0b1a3142] {
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
}
.comp-grid[data-v-0b1a3142] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.comp-grid[data-v-0b1a3142] {
    grid-template-columns: 1fr;
}
}
.comp-caso[data-v-0b1a3142] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-caso.multi[data-v-0b1a3142] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-caso.adit[data-v-0b1a3142] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.caso-header[data-v-0b1a3142] {
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.multi .caso-header[data-v-0b1a3142] {
  color: #6EE7B7;
}
.adit .caso-header[data-v-0b1a3142] {
  color: #93C5FD;
}
.caso-ejemplo[data-v-0b1a3142] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.4rem;
}
.caso-calculo[data-v-0b1a3142] {
  font-family: monospace;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-nota[data-v-0b1a3142] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Combo visual */
.ejemplo-visual.combo[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.combo-parte[data-v-0b1a3142] {
  text-align: center;
}
.combo-label[data-v-0b1a3142] {
  font-size: 0.7rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.combo-opciones[data-v-0b1a3142] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.combo-opciones .opcion[data-v-0b1a3142] {
  padding: 0.25rem 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.combo-opciones .mas[data-v-0b1a3142] {
  color: #93C5FD;
  font-weight: 700;
}
.combo-opciones .igual[data-v-0b1a3142] {
  color: #8B5CF6;
}
.combo-opciones .subtotal[data-v-0b1a3142] {
  font-weight: 700;
  color: #93C5FD;
  padding: 0.25rem 0.4rem;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 0.25rem;
}
.por[data-v-0b1a3142] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.igual-grande[data-v-0b1a3142] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}
.total-combo[data-v-0b1a3142] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}

/* Tip */
.tip[data-v-0b1a3142] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-0b1a3142] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0b1a3142] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0b1a3142] {
  color: #93C5FD;
}

.explorador[data-v-367c9d9d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-367c9d9d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-367c9d9d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-367c9d9d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-367c9d9d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-367c9d9d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-367c9d9d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-367c9d9d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-367c9d9d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* ===== DESAFÍO 1 ===== */
.d1-container[data-v-367c9d9d] {
  text-align: center;
}
.d1-problema[data-v-367c9d9d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.problema-icono[data-v-367c9d9d] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-367c9d9d] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
}
.d1-pregunta[data-v-367c9d9d] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.d1-opciones[data-v-367c9d9d] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-367c9d9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 110px;
  background: transparent;
  font-family: inherit;
}
.opcion-btn.multiplicativo[data-v-367c9d9d] {
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-btn.aditivo[data-v-367c9d9d] {
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-btn.seleccionado[data-v-367c9d9d] {
  transform: scale(1.05);
}
.opcion-btn.multiplicativo.seleccionado[data-v-367c9d9d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.opcion-btn.aditivo.seleccionado[data-v-367c9d9d] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
}
.opcion-btn.correcto[data-v-367c9d9d] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-btn.incorrecto[data-v-367c9d9d] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}
.opcion-icono[data-v-367c9d9d] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-367c9d9d] {
  font-size: 0.85rem;
  font-weight: 600;
}
.d1-feedback[data-v-367c9d9d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d1-feedback.correcto[data-v-367c9d9d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d1-contador[data-v-367c9d9d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2 ===== */
.d2-container[data-v-367c9d9d] {
  text-align: center;
}
.d2-problema[data-v-367c9d9d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.d2-datos[data-v-367c9d9d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dato-item[data-v-367c9d9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.dato-valor[data-v-367c9d9d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.dato-label[data-v-367c9d9d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.d2-input-area[data-v-367c9d9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d2-pregunta[data-v-367c9d9d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.d2-input[data-v-367c9d9d] {
  width: 90px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.d2-input.correcto[data-v-367c9d9d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.d2-input.incorrecto[data-v-367c9d9d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-367c9d9d] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-367c9d9d]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.d2-hint[data-v-367c9d9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.hint-icono[data-v-367c9d9d] {
  font-size: 1rem;
}
.d2-feedback[data-v-367c9d9d] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.d2-feedback.correcto[data-v-367c9d9d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d2-contador[data-v-367c9d9d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3 ===== */
.d3-container[data-v-367c9d9d] {
  text-align: center;
}
.d3-badge[data-v-367c9d9d] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.d3-problema[data-v-367c9d9d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  text-align: left;
}
.d3-opciones[data-v-367c9d9d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.d3-opcion[data-v-367c9d9d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  font-family: inherit;
  color: #E9D5FF;
}
.d3-opcion[data-v-367c9d9d]:hover:not(:disabled) {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.d3-opcion.seleccionado[data-v-367c9d9d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.d3-opcion.correcto[data-v-367c9d9d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.d3-opcion.incorrecto[data-v-367c9d9d] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.opcion-letra[data-v-367c9d9d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.opcion-valor[data-v-367c9d9d] {
  font-size: 0.9rem;
}
.d3-feedback[data-v-367c9d9d] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
  text-align: left;
  line-height: 1.5;
}
.d3-feedback.correcto[data-v-367c9d9d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.d3-contador[data-v-367c9d9d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-367c9d9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-367c9d9d] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-367c9d9d] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-367c9d9d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-367c9d9d] {
  flex: 1;
}
.nav-btn[data-v-367c9d9d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-367c9d9d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-367c9d9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-367c9d9d] {
  font-size: 1.75rem;
}
.completado-texto[data-v-367c9d9d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-367c9d9d], .slide-leave-active[data-v-367c9d9d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-367c9d9d] {
  opacity: 0;
  transform: translateX(15px);
}
.slide-leave-to[data-v-367c9d9d] {
  opacity: 0;
  transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-caa1f8f3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-caa1f8f3] {
  font-size: 2rem;
}
.resumen-intro p[data-v-caa1f8f3] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-caa1f8f3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-caa1f8f3] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-caa1f8f3] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.resumen-card.multiplicativo[data-v-caa1f8f3] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.aditivo[data-v-caa1f8f3] {
  border-color: rgba(59, 130, 246, 0.4);
}
.resumen-card.clave[data-v-caa1f8f3] {
  border-color: rgba(245, 158, 11, 0.4);
}
.resumen-card.combinado[data-v-caa1f8f3] {
  border-color: rgba(139, 92, 246, 0.5);
  background: rgba(139, 92, 246, 0.1);
}
.resumen-card.wide[data-v-caa1f8f3] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-caa1f8f3] {
    grid-column: span 1;
}
}
.card-header[data-v-caa1f8f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-caa1f8f3] {
  font-size: 1.1rem;
}
.card-titulo[data-v-caa1f8f3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.card-contenido[data-v-caa1f8f3] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Fórmulas */
.formula-box[data-v-caa1f8f3] {
  font-family: monospace;
  font-weight: 600;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.formula-box.azul[data-v-caa1f8f3] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.uso-clave[data-v-caa1f8f3] {
  display: flex;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.uso-label[data-v-caa1f8f3] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.uso-texto[data-v-caa1f8f3] {
  color: #E9D5FF;
}
.ejemplo-mini[data-v-caa1f8f3] {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.ej-label[data-v-caa1f8f3] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
strong.positivo[data-v-caa1f8f3] {
  color: #6EE7B7;
}
strong.azul[data-v-caa1f8f3] {
  color: #93C5FD;
}

/* Palabras clave */
.palabras-grid[data-v-caa1f8f3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.palabras-grid[data-v-caa1f8f3] {
    grid-template-columns: 1fr;
}
}
.palabra-grupo[data-v-caa1f8f3] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.palabra-grupo.multi[data-v-caa1f8f3] {
  background: rgba(16, 185, 129, 0.15);
}
.palabra-grupo.adit[data-v-caa1f8f3] {
  background: rgba(59, 130, 246, 0.15);
}
.palabra-titulo[data-v-caa1f8f3] {
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.multi .palabra-titulo[data-v-caa1f8f3] {
  color: #6EE7B7;
}
.adit .palabra-titulo[data-v-caa1f8f3] {
  color: #93C5FD;
}
.palabras-lista[data-v-caa1f8f3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: center;
}
.palabra[data-v-caa1f8f3] {
  padding: 0.15rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Repetición */
.repeticion-grid[data-v-caa1f8f3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
@media (max-width: 480px) {
.repeticion-grid[data-v-caa1f8f3] {
    grid-template-columns: 1fr;
}
}
.rep-caso[data-v-caa1f8f3] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.rep-titulo[data-v-caa1f8f3] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.rep-desc[data-v-caa1f8f3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.rep-ejemplo[data-v-caa1f8f3] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Pasos combinados */
.pasos-combinado[data-v-caa1f8f3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso-comb[data-v-caa1f8f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-caa1f8f3] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-texto[data-v-caa1f8f3] {
  font-size: 0.85rem;
}
.ejemplo-combinado[data-v-caa1f8f3] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
}
.ej-formula[data-v-caa1f8f3] {
  display: block;
  margin-bottom: 0.25rem;
}
.ej-calculo[data-v-caa1f8f3] {
  color: #6EE7B7;
}

/* Tips finales */
.tips-finales[data-v-caa1f8f3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-caa1f8f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-caa1f8f3] {
  font-size: 1.1rem;
}
.tip-text[data-v-caa1f8f3] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-caa1f8f3] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-caa1f8f3] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-caa1f8f3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-caa1f8f3 1s ease-in-out infinite;
}
@keyframes bounce-caa1f8f3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-caa1f8f3] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.4rem;
}
.celebracion-siguiente[data-v-caa1f8f3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-8a717574] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-8a717574] {
  font-size: 2.5rem;
  animation: bounce-8a717574 2s ease-in-out infinite;
}
.icono.flecha[data-v-8a717574] {
  font-size: 1.5rem;
  color: #8B5CF6;
  animation: pulse-8a717574 1.5s ease-in-out infinite;
}
.icono[data-v-8a717574]:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes bounce-8a717574 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
@keyframes pulse-8a717574 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Notación */
.notacion-box[data-v-8a717574] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.notacion-header[data-v-8a717574] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.notacion-icono[data-v-8a717574] {
  font-size: 1.25rem;
}
.notacion-titulo[data-v-8a717574] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.notacion-formula[data-v-8a717574] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.5rem 0;
}
.notacion-lectura[data-v-8a717574] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.notacion-lectura strong[data-v-8a717574] {
  color: #6EE7B7;
}

/* Ejemplo section */
.ejemplo-section[data-v-8a717574] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-8a717574] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-escenario[data-v-8a717574] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escenario-pregunta[data-v-8a717574] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.pregunta-normal[data-v-8a717574] {
  color: #C4B5FD;
  font-size: 0.85rem;
}
.pregunta-cond[data-v-8a717574] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.pregunta-cond strong[data-v-8a717574] {
  color: #FCD34D;
}
.pregunta-valor[data-v-8a717574] {
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
}
.pregunta-valor.alto[data-v-8a717574] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.escenario-pregunta.condicional[data-v-8a717574] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.vs-divider[data-v-8a717574] {
  text-align: center;
  color: #8B5CF6;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.25rem 0;
}
.ejemplo-insight[data-v-8a717574] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.5rem;
}
.insight-icono[data-v-8a717574] {
  font-size: 1rem;
}
.insight-texto[data-v-8a717574] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.insight-texto strong[data-v-8a717574] {
  color: #FCD34D;
}

/* Cartas */
.cartas-visual[data-v-8a717574] {
  margin-bottom: 0.75rem;
}
.mazo[data-v-8a717574] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.mazo-info[data-v-8a717574] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.carta-ejemplos[data-v-8a717574] {
  display: flex;
  gap: 0.5rem;
}
.carta[data-v-8a717574] {
  font-size: 2rem;
  padding: 0.25rem 0.5rem;
  background: white;
  border-radius: 0.25rem;
}
.carta.roja[data-v-8a717574] {
  color: #EF4444;
}
.carta.negra[data-v-8a717574] {
  color: #1F2937;
}
.comparacion-probs[data-v-8a717574] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prob-item[data-v-8a717574] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.prob-item.condicional[data-v-8a717574] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.prob-label[data-v-8a717574] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.prob-calculo[data-v-8a717574] {
  font-size: 1rem;
  color: #FFFFFF;
}
.prob-calculo strong[data-v-8a717574] {
  color: #FCD34D;
}
.prob-nota[data-v-8a717574] {
  font-size: 0.75rem;
  color: #A78BFA;
  margin-top: 0.25rem;
}
.prob-item.condicional .prob-nota[data-v-8a717574] {
  color: #6EE7B7;
}

/* Concepto clave */
.concepto-clave[data-v-8a717574] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-8a717574] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-8a717574] {
  flex: 1;
}
.clave-titulo[data-v-8a717574] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.clave-texto[data-v-8a717574] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.clave-texto strong[data-v-8a717574] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-8a717574] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8a717574] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8a717574] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a717574] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8a717574] {
    gap: 1.5rem;
}
.icono[data-v-8a717574] {
    font-size: 3rem;
}
.notacion-formula[data-v-8a717574] {
    font-size: 3rem;
}
.comparacion-probs[data-v-8a717574] {
    flex-direction: row;
}
.prob-item[data-v-8a717574] {
    flex: 1;
}
.ejemplo-escenario[data-v-8a717574] {
    flex-direction: row;
    align-items: stretch;
}
.escenario-pregunta[data-v-8a717574] {
    flex: 1;
}
.vs-divider[data-v-8a717574] {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-44ae8bd6] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.formula-header[data-v-44ae8bd6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-44ae8bd6] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-44ae8bd6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-44ae8bd6] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula[data-v-44ae8bd6] {
  color: #FFFFFF;
  font-size: 1.3rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.fraccion[data-v-44ae8bd6] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-44ae8bd6] {
  color: #6EE7B7;
  font-size: 1rem;
  padding-bottom: 0.2rem;
}
.linea[data-v-44ae8bd6] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
}
.denominador[data-v-44ae8bd6] {
  color: #93C5FD;
  font-size: 1rem;
  padding-top: 0.2rem;
}
.formula-explicacion[data-v-44ae8bd6] {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.exp-item[data-v-44ae8bd6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.exp-simbolo[data-v-44ae8bd6] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  min-width: 70px;
  text-align: center;
}
.exp-texto[data-v-44ae8bd6] {
  color: #E9D5FF;
}
.exp-texto strong[data-v-44ae8bd6] {
  color: #FFFFFF;
}

/* Fórmula alternativa */
.formula-alternativa[data-v-44ae8bd6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.alt-titulo[data-v-44ae8bd6] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.alt-formula-box[data-v-44ae8bd6] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.alt-formula-box .formula[data-v-44ae8bd6] {
  font-size: 1.1rem;
}
.alt-nota[data-v-44ae8bd6] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-44ae8bd6] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-44ae8bd6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ejemplo-pregunta[data-v-44ae8bd6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-pregunta strong[data-v-44ae8bd6] {
  color: #FCD34D;
}
.dados-visual[data-v-44ae8bd6] {
  margin-bottom: 0.75rem;
}
.dados-row[data-v-44ae8bd6] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.35rem;
}
.dado[data-v-44ae8bd6] {
  font-size: 1.75rem;
  opacity: 0.3;
  transition: all 0.2s ease;
}
.dado.par[data-v-44ae8bd6] {
  opacity: 0.7;
}
.dado.seis[data-v-44ae8bd6] {
  opacity: 1;
  filter: drop-shadow(0 0 8px rgba(110, 231, 183, 0.6));
}
.dados-leyenda[data-v-44ae8bd6] {
  text-align: center;
}
.leyenda-item[data-v-44ae8bd6] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.leyenda-item.par[data-v-44ae8bd6] {
  color: #6EE7B7;
}

/* Pasos de solución */
.solucion-pasos[data-v-44ae8bd6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-44ae8bd6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-44ae8bd6] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso.resultado[data-v-44ae8bd6] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso.resultado .paso-num[data-v-44ae8bd6] {
  background: #10B981;
}
.paso-contenido[data-v-44ae8bd6] {
  flex: 1;
}
.paso-label[data-v-44ae8bd6] {
  font-size: 0.8rem;
  color: #C4B5FD;
  display: block;
}
.paso-valor[data-v-44ae8bd6] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.paso-valor.resultado strong[data-v-44ae8bd6] {
  color: #6EE7B7;
  font-size: 1.2rem;
}

/* Comparación */
.comparacion-box[data-v-44ae8bd6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.comparacion-titulo[data-v-44ae8bd6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-items[data-v-44ae8bd6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.comp-item[data-v-44ae8bd6] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.destacado[data-v-44ae8bd6] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-label[data-v-44ae8bd6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.comp-valor[data-v-44ae8bd6] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.comp-valor strong[data-v-44ae8bd6] {
  color: #FCD34D;
}
.comp-item.destacado .comp-valor strong[data-v-44ae8bd6] {
  color: #6EE7B7;
}
.comparacion-insight[data-v-44ae8bd6] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
}

/* Tip */
.tip[data-v-44ae8bd6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-44ae8bd6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-44ae8bd6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-44ae8bd6] {
  color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-44ae8bd6] {
    font-size: 1.5rem;
}
.numerador[data-v-44ae8bd6], .denominador[data-v-44ae8bd6] {
    font-size: 1.1rem;
}
.comparacion-items[data-v-44ae8bd6] {
    flex-direction: row;
}
.comp-item[data-v-44ae8bd6] {
    flex: 1;
}
.dado[data-v-44ae8bd6] {
    font-size: 2rem;
}
}

/* Definiciones grid */
.definiciones-grid[data-v-e2eae9d1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion-card[data-v-e2eae9d1] {
  border-radius: 0.75rem;
  padding: 1rem;
  border: 2px solid;
}
.definicion-card.dependiente[data-v-e2eae9d1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.definicion-card.independiente[data-v-e2eae9d1] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.def-header[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-e2eae9d1] {
  font-size: 1.25rem;
}
.def-titulo[data-v-e2eae9d1] {
  font-weight: 700;
  font-size: 1rem;
}
.definicion-card.dependiente .def-titulo[data-v-e2eae9d1] {
  color: #FCA5A5;
}
.definicion-card.independiente .def-titulo[data-v-e2eae9d1] {
  color: #6EE7B7;
}
.def-contenido p[data-v-e2eae9d1] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.def-contenido p strong[data-v-e2eae9d1] {
  color: #FFFFFF;
}
.def-formula[data-v-e2eae9d1] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}

/* Fórmula independencia */
.formula-independencia[data-v-e2eae9d1] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.formula-header[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.formula-icono[data-v-e2eae9d1] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-e2eae9d1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-content[data-v-e2eae9d1] {
  text-align: center;
}
.formula-texto[data-v-e2eae9d1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.formula-box[data-v-e2eae9d1] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.5rem;
}
.formula-nota[data-v-e2eae9d1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-e2eae9d1] {
  margin-bottom: 1.5rem;
}
.ejemplos-titulo[data-v-e2eae9d1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo[data-v-e2eae9d1] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ejemplo.dependiente[data-v-e2eae9d1] {
  border-color: rgba(239, 68, 68, 0.3);
}
.ejemplo.independiente[data-v-e2eae9d1] {
  border-color: rgba(16, 185, 129, 0.3);
}
.ejemplo.calculo[data-v-e2eae9d1] {
  border-color: rgba(245, 158, 11, 0.3);
  background: rgba(245, 158, 11, 0.05);
}
.ejemplo-header[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.ej-tag[data-v-e2eae9d1] {
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
}
.ejemplo.dependiente .ej-tag[data-v-e2eae9d1] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.ejemplo.independiente .ej-tag[data-v-e2eae9d1] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ejemplo.calculo .ej-tag[data-v-e2eae9d1] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.ej-titulo[data-v-e2eae9d1] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-contenido[data-v-e2eae9d1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escenario[data-v-e2eae9d1] {
  display: flex;
  justify-content: center;
}
.cartas-visual[data-v-e2eae9d1], .dados-visual[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.carta[data-v-e2eae9d1] {
  font-size: 1.5rem;
  padding: 0.25rem 0.4rem;
  background: white;
  border-radius: 0.25rem;
  color: #1F2937;
}
.carta.as[data-v-e2eae9d1] {
  color: #EF4444;
}
.carta.flecha[data-v-e2eae9d1] {
  background: transparent;
  color: #8B5CF6;
}
.carta.pregunta[data-v-e2eae9d1] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.dado[data-v-e2eae9d1] {
  font-size: 2rem;
}
.y-symbol[data-v-e2eae9d1] {
  color: #8B5CF6;
  font-weight: 600;
}
.explicacion[data-v-e2eae9d1] {
  background: rgba(139, 92, 246, 0.1);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.explicacion p[data-v-e2eae9d1] {
  margin: 0 0 0.25rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.explicacion p strong[data-v-e2eae9d1] {
  color: #FCD34D;
}
.explicacion p.conclusion[data-v-e2eae9d1] {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
strong.positivo[data-v-e2eae9d1] {
  color: #6EE7B7;
}
strong.negativo[data-v-e2eae9d1] {
  color: #FCA5A5;
}

/* Cálculo pasos */
.calculo-pasos[data-v-e2eae9d1] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.calculo-paso[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  flex-wrap: wrap;
}
.paso-texto[data-v-e2eae9d1] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.paso-texto strong[data-v-e2eae9d1] {
  color: #FCD34D;
}
.paso-nota[data-v-e2eae9d1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}
.calculo-paso.resultado[data-v-e2eae9d1] {
  background: rgba(16, 185, 129, 0.2);
}
.calculo-paso.resultado .paso-texto strong[data-v-e2eae9d1] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Identificar box */
.identificar-box[data-v-e2eae9d1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.identificar-titulo[data-v-e2eae9d1] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.identificar-items[data-v-e2eae9d1] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.item[data-v-e2eae9d1] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.item.independiente[data-v-e2eae9d1] {
  background: rgba(16, 185, 129, 0.15);
}
.item.dependiente[data-v-e2eae9d1] {
  background: rgba(239, 68, 68, 0.15);
}
.item-icono[data-v-e2eae9d1] {
  font-weight: 700;
  font-size: 0.9rem;
}
.item.independiente .item-icono[data-v-e2eae9d1] {
  color: #6EE7B7;
}
.item.dependiente .item-icono[data-v-e2eae9d1] {
  color: #FCA5A5;
}
.item-texto[data-v-e2eae9d1] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-e2eae9d1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e2eae9d1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e2eae9d1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e2eae9d1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-e2eae9d1] {
    flex-direction: row;
}
.definicion-card[data-v-e2eae9d1] {
    flex: 1;
}
.ejemplo-contenido[data-v-e2eae9d1] {
    flex-direction: row;
    align-items: center;
}
.escenario[data-v-e2eae9d1] {
    min-width: 120px;
}
.explicacion[data-v-e2eae9d1] {
    flex: 1;
}
}

.explorador[data-v-c20f927a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-c20f927a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-c20f927a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-c20f927a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-c20f927a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-c20f927a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-c20f927a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-c20f927a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-c20f927a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-c20f927a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Tabla ===== */
.tabla-container[data-v-c20f927a] {
  text-align: center;
}
.contexto-texto[data-v-c20f927a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  text-align: left;
}
.tabla-contingencia[data-v-c20f927a] {
  overflow-x: auto;
  margin-bottom: 0.75rem;
}
.tabla-contingencia table[data-v-c20f927a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-contingencia th[data-v-c20f927a], .tabla-contingencia td[data-v-c20f927a] {
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.tabla-contingencia th[data-v-c20f927a] {
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-weight: 600;
}
.tabla-contingencia td[data-v-c20f927a] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.tabla-contingencia td.total[data-v-c20f927a] {
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  font-weight: 600;
}
.tabla-contingencia tr.fila-total th[data-v-c20f927a] {
  background: rgba(59, 130, 246, 0.15);
}
.tabla-contingencia tr.fila-total td[data-v-c20f927a] {
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
  font-weight: 600;
}
.tabla-contingencia td.total-total[data-v-c20f927a] {
  background: rgba(139, 92, 246, 0.3);
  color: #FCD34D;
  font-weight: 700;
}
.pregunta-prob[data-v-c20f927a] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.respuesta-fraccion[data-v-c20f927a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.resp-label[data-v-c20f927a] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1rem;
}
.fraccion-input[data-v-c20f927a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input-num[data-v-c20f927a] {
  width: 50px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: white;
  font-family: inherit;
}
.linea-frac[data-v-c20f927a] {
  width: 50px;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.input-num.correcto[data-v-c20f927a] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-num.incorrecto[data-v-c20f927a] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-c20f927a] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-c20f927a]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ayuda-hint[data-v-c20f927a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 2: Dependencia ===== */
.dependencia-container[data-v-c20f927a] {
  text-align: center;
}
.escenario-box[data-v-c20f927a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.escenario-icono[data-v-c20f927a] {
  font-size: 2rem;
}
.escenario-texto[data-v-c20f927a] {
  text-align: left;
  color: #E9D5FF;
  font-size: 0.9rem;
  flex: 1;
}
.pregunta-dep[data-v-c20f927a] {
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.opciones-dep[data-v-c20f927a] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.opcion-dep[data-v-c20f927a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  flex: 1;
  max-width: 140px;
}
.opcion-dep[data-v-c20f927a]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-dep.seleccionado[data-v-c20f927a] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-dep.correcto[data-v-c20f927a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-dep.incorrecto[data-v-c20f927a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.opcion-icono[data-v-c20f927a] {
  font-size: 1.5rem;
}
.opcion-texto[data-v-c20f927a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Intersección ===== */
.interseccion-container[data-v-c20f927a] {
  text-align: center;
}
.problema-info[data-v-c20f927a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: left;
}
.prob-icono[data-v-c20f927a] {
  font-size: 2rem;
}
.prob-detalle[data-v-c20f927a] {
  flex: 1;
}
.prob-situacion[data-v-c20f927a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.prob-datos[data-v-c20f927a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.dato[data-v-c20f927a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.dato strong[data-v-c20f927a] {
  color: #FCD34D;
}
.prob-tipo[data-v-c20f927a] {
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
  font-style: italic;
}
.respuesta-decimal[data-v-c20f927a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.input-decimal[data-v-c20f927a] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-decimal.correcto[data-v-c20f927a] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-decimal.incorrecto[data-v-c20f927a] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}

/* Feedback */
.feedback[data-v-c20f927a] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-c20f927a] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.feedback.correcto[data-v-c20f927a] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Contador */
.contador[data-v-c20f927a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-c20f927a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-c20f927a] { font-size: 1.25rem;
}
.resultado-texto[data-v-c20f927a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-c20f927a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-c20f927a] { flex: 1;
}
.nav-btn[data-v-c20f927a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-c20f927a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-c20f927a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-c20f927a] { font-size: 1.75rem;
}
.completado-texto[data-v-c20f927a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-c20f927a], .slide-leave-active[data-v-c20f927a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-c20f927a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-c20f927a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.prob-datos[data-v-c20f927a] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Header completado */
.completado-header[data-v-49fc9197] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.completado-icono[data-v-49fc9197] {
  font-size: 2rem;
}
.completado-texto[data-v-49fc9197] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Resumen section */
.resumen-section[data-v-49fc9197] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-49fc9197] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}
.concepto-card[data-v-49fc9197] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.concepto-header[data-v-49fc9197] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-num[data-v-49fc9197] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-nombre[data-v-49fc9197] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-49fc9197] {
  padding-left: 2rem;
}
.formula-resumen[data-v-49fc9197] {
  background: rgba(139, 92, 246, 0.15);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #FCD34D;
  margin-bottom: 0.35rem;
  text-align: center;
}
.formula-resumen .fraccion[data-v-49fc9197] {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  align-items: center;
}
.formula-resumen .num[data-v-49fc9197] {
  border-bottom: 1px solid #8B5CF6;
  font-size: 0.9rem;
  color: #6EE7B7;
}
.formula-resumen .den[data-v-49fc9197] {
  font-size: 0.9rem;
  color: #93C5FD;
}
.concepto-contenido p[data-v-49fc9197] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-contenido p strong[data-v-49fc9197] {
  color: #FFFFFF;
}

/* Señales */
.senales-section[data-v-49fc9197] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.senales-titulo[data-v-49fc9197] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.senales-grid[data-v-49fc9197] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.senal[data-v-49fc9197] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.senal-palabra[data-v-49fc9197] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}
.senal-indica[data-v-49fc9197] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Errores */
.errores-section[data-v-49fc9197] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.errores-titulo[data-v-49fc9197] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.error-item[data-v-49fc9197] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.error-icono[data-v-49fc9197] {
  color: #EF4444;
  font-weight: 700;
  font-size: 1rem;
}
.error-contenido[data-v-49fc9197] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.error-malo[data-v-49fc9197] {
  color: #FCA5A5;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: line-through;
  opacity: 0.8;
}
.error-correccion[data-v-49fc9197] {
  color: #6EE7B7;
  font-size: 0.8rem;
  margin-top: 0.15rem;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-49fc9197] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-49fc9197] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.ejemplo-enunciado[data-v-49fc9197] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-49fc9197] {
  color: #FCD34D;
}
.ejemplo-solucion[data-v-49fc9197] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.sol-paso[data-v-49fc9197] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.35rem;
}
.sol-label[data-v-49fc9197] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.sol-valor[data-v-49fc9197] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.sol-resultado[data-v-49fc9197] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.sol-resultado strong[data-v-49fc9197] {
  color: #6EE7B7;
  font-size: 1.1rem;
}

/* Tips finales */
.tips-finales[data-v-49fc9197] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-49fc9197] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-icono[data-v-49fc9197] {
  font-size: 1.25rem;
}
.tip-texto[data-v-49fc9197] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-49fc9197] {
  color: #6EE7B7;
}

/* Continuar */
.continuar-section[data-v-49fc9197] {
  text-align: center;
  padding: 0.75rem;
}
.continuar-texto[data-v-49fc9197] {
  color: #C4B5FD;
  font-size: 0.9rem;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.senales-grid[data-v-49fc9197] {
    grid-template-columns: repeat(3, 1fr);
}
.sol-paso[data-v-49fc9197] {
    flex-direction: row;
    gap: 0.5rem;
}
.sol-label[data-v-49fc9197] {
    min-width: 140px;
}
}

/* Intro visual */
.intro-visual[data-v-18e79019] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-18e79019] {
  font-size: 2.5rem;
  animation: bounce-18e79019 2s ease-in-out infinite;
}
.icono.flecha[data-v-18e79019] {
  font-size: 1.5rem;
  color: #8B5CF6;
  animation: pulse-18e79019 1.5s ease-in-out infinite;
}
@keyframes bounce-18e79019 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
@keyframes pulse-18e79019 {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Concepto box */
.concepto-box[data-v-18e79019] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-header[data-v-18e79019] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-18e79019] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-18e79019] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.concepto-contenido[data-v-18e79019] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.concepto-antes[data-v-18e79019], .concepto-despues[data-v-18e79019] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem 0.75rem;
  text-align: center;
  width: 100%;
}
.concepto-contenido .label[data-v-18e79019] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.concepto-contenido .valor[data-v-18e79019] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.concepto-contenido .valor.destacado[data-v-18e79019] {
  color: #6EE7B7;
  font-weight: 600;
}
.concepto-flecha[data-v-18e79019] {
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.25rem 0;
}

/* Ejemplo section */
.ejemplo-section[data-v-18e79019] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-18e79019] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-escenario[data-v-18e79019] {
  margin-bottom: 0.75rem;
}
.escenario-situacion[data-v-18e79019] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.escenario-situacion strong[data-v-18e79019] {
  color: #FCD34D;
}
.pregunta-box[data-v-18e79019] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.5rem;
}
.pregunta-icono[data-v-18e79019] {
  font-size: 1.25rem;
}
.pregunta-texto[data-v-18e79019] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
}
.info-grid[data-v-18e79019] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.info-item[data-v-18e79019] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.info-etiqueta[data-v-18e79019] {
  display: block;
  font-size: 0.65rem;
  color: #A78BFA;
  margin-bottom: 0.15rem;
}
.info-valor[data-v-18e79019] {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.info-detalle[data-v-18e79019] {
  display: block;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}
.ejemplo-insight[data-v-18e79019] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
}
.insight-icono[data-v-18e79019] {
  font-size: 1rem;
}
.insight-texto[data-v-18e79019] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.insight-texto strong[data-v-18e79019] {
  color: #6EE7B7;
}

/* Diferencia box */
.diferencia-box[data-v-18e79019] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-18e79019] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.diferencia-items[data-v-18e79019] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.dif-item[data-v-18e79019] {
  width: 100%;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.dif-item.destacado[data-v-18e79019] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.dif-formula[data-v-18e79019] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.dif-texto[data-v-18e79019] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.dif-texto strong[data-v-18e79019] {
  color: #E9D5FF;
}
.dif-valor[data-v-18e79019] {
  font-size: 0.8rem;
  font-weight: 600;
}
.dif-valor.conocido[data-v-18e79019] {
  color: #93C5FD;
}
.dif-valor.bayes[data-v-18e79019] {
  color: #6EE7B7;
}
.vs-divider[data-v-18e79019] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-18e79019] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-18e79019] {
  font-size: 1.25rem;
}
.tip-texto[data-v-18e79019] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-18e79019] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-18e79019] {
    gap: 1.5rem;
}
.icono[data-v-18e79019] {
    font-size: 3rem;
}
.diferencia-items[data-v-18e79019] {
    flex-direction: row;
    align-items: stretch;
}
.dif-item[data-v-18e79019] {
    flex: 1;
}
.vs-divider[data-v-18e79019] {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}
.info-item[data-v-18e79019] {
    padding: 0.75rem;
}
.info-etiqueta[data-v-18e79019] {
    font-size: 0.7rem;
}
.info-valor[data-v-18e79019] {
    font-size: 1.25rem;
}
.info-detalle[data-v-18e79019] {
    font-size: 0.65rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-eaf13e10] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.formula-header[data-v-eaf13e10] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-eaf13e10] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-eaf13e10] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-box[data-v-eaf13e10] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula[data-v-eaf13e10] {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.fraccion[data-v-eaf13e10] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.numerador[data-v-eaf13e10] {
  color: #6EE7B7;
  font-size: 0.95rem;
  padding-bottom: 0.2rem;
}
.linea[data-v-eaf13e10] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
}
.denominador[data-v-eaf13e10] {
  color: #93C5FD;
  font-size: 0.95rem;
  padding-top: 0.2rem;
}
.formula-explicacion[data-v-eaf13e10] {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.exp-item[data-v-eaf13e10] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.75rem;
}
.exp-simbolo[data-v-eaf13e10] {
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-weight: 600;
  font-size: 0.85rem;
}
.exp-texto[data-v-eaf13e10] {
  color: #C4B5FD;
  text-align: center;
  line-height: 1.2;
}
.exp-texto strong[data-v-eaf13e10] {
  color: #E9D5FF;
  display: block;
}

/* Fórmula extendida */
.formula-extendida[data-v-eaf13e10] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.ext-titulo[data-v-eaf13e10] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.ext-formula-box[data-v-eaf13e10] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
  margin-bottom: 0.4rem;
}
.formula-small[data-v-eaf13e10] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
}
.ext-nota[data-v-eaf13e10] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-eaf13e10] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-eaf13e10] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.datos-box[data-v-eaf13e10] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.datos-titulo[data-v-eaf13e10] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.datos-grid[data-v-eaf13e10] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.dato[data-v-eaf13e10] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.dato-nombre[data-v-eaf13e10] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  min-width: 90px;
}
.dato-valor[data-v-eaf13e10] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-desc[data-v-eaf13e10] {
  font-size: 0.7rem;
  color: #A78BFA;
}
.pregunta-calc[data-v-eaf13e10] {
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.5rem;
  padding: 0.6rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.pregunta-calc strong[data-v-eaf13e10] {
  color: #FCD34D;
}

/* Pasos de solución */
.solucion-pasos[data-v-eaf13e10] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-eaf13e10] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.paso-num[data-v-eaf13e10] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso.resultado-final[data-v-eaf13e10] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso.resultado-final .paso-num[data-v-eaf13e10] {
  background: #10B981;
}
.paso-contenido[data-v-eaf13e10] {
  flex: 1;
}
.paso-label[data-v-eaf13e10] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.25rem;
}
.paso-calculo[data-v-eaf13e10] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.15rem;
}
.paso-resultado[data-v-eaf13e10] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.paso-resultado strong[data-v-eaf13e10] {
  color: #FCD34D;
}
.resultado-grande[data-v-eaf13e10] {
  font-size: 1.1rem;
  color: #FFFFFF;
}
.resultado-grande strong[data-v-eaf13e10] {
  color: #6EE7B7;
  font-size: 1.3rem;
}

/* Insight box */
.insight-box[data-v-eaf13e10] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(245, 158, 11, 0.15));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.insight-header[data-v-eaf13e10] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.insight-icono[data-v-eaf13e10] {
  font-size: 1.5rem;
}
.insight-titulo[data-v-eaf13e10] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
}
.insight-contenido[data-v-eaf13e10] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  text-align: center;
}
.insight-contenido strong[data-v-eaf13e10] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-eaf13e10] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-eaf13e10] {
  font-size: 1.25rem;
}
.tip-texto[data-v-eaf13e10] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-eaf13e10] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-eaf13e10] {
    font-size: 1.4rem;
}
.numerador[data-v-eaf13e10], .denominador[data-v-eaf13e10] {
    font-size: 1.1rem;
}
.datos-grid[data-v-eaf13e10] {
    flex-direction: row;
    justify-content: space-between;
}
.dato[data-v-eaf13e10] {
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
}
.dato-nombre[data-v-eaf13e10] {
    min-width: auto;
}
.formula-explicacion[data-v-eaf13e10] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Aplicación section */
.aplicacion-section[data-v-bbea82fc] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.25rem 0;
}
.aplicacion-header[data-v-bbea82fc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.aplicacion-icono[data-v-bbea82fc] {
  font-size: 1.5rem;
}
.aplicacion-titulo[data-v-bbea82fc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.aplicacion-escenario[data-v-bbea82fc] {
  margin-bottom: 0.75rem;
}
.escenario-texto[data-v-bbea82fc] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.escenario-texto strong[data-v-bbea82fc] {
  color: #FCD34D;
}
.escenario-pregunta[data-v-bbea82fc] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
  display: inline-block;
}

/* Tabla de datos */
.datos-ejemplo[data-v-bbea82fc] {
  overflow-x: auto;
  margin-bottom: 0.75rem;
}
.datos-ejemplo table[data-v-bbea82fc] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.datos-ejemplo th[data-v-bbea82fc], .datos-ejemplo td[data-v-bbea82fc] {
  padding: 0.4rem 0.6rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  text-align: center;
}
.datos-ejemplo th[data-v-bbea82fc] {
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
  font-weight: 600;
}
.datos-ejemplo td[data-v-bbea82fc] {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}
.dato-bajo[data-v-bbea82fc] {
  color: #6EE7B7;
}
.dato-medio[data-v-bbea82fc] {
  color: #FCD34D;
}
.dato-alto[data-v-bbea82fc] {
  color: #FCA5A5;
}

/* Insight mini */
.insight-mini[data-v-bbea82fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.insight-emoji[data-v-bbea82fc] {
  font-size: 1rem;
}
.insight-text[data-v-bbea82fc] {
  color: #E9D5FF;
  line-height: 1.3;
}
.insight-text strong[data-v-bbea82fc] {
  color: #FCD34D;
}

/* Spam visual */
.spam-visual[data-v-bbea82fc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.spam-item[data-v-bbea82fc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.spam-icono[data-v-bbea82fc] {
  font-size: 1.25rem;
}
.spam-dato[data-v-bbea82fc] {
  display: flex;
  flex-direction: column;
}
.spam-valor[data-v-bbea82fc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.spam-desc[data-v-bbea82fc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Genética visual */
.genetica-visual[data-v-bbea82fc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.gen-item[data-v-bbea82fc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.gen-etiqueta[data-v-bbea82fc] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.gen-valor[data-v-bbea82fc] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Patrón box */
.patron-box[data-v-bbea82fc] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.patron-titulo[data-v-bbea82fc] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.patron-pasos[data-v-bbea82fc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.patron-paso[data-v-bbea82fc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.patron-num[data-v-bbea82fc] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.patron-texto[data-v-bbea82fc] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.patron-texto strong[data-v-bbea82fc] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-bbea82fc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bbea82fc] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bbea82fc] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bbea82fc] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.spam-visual[data-v-bbea82fc] {
    flex-direction: row;
}
.spam-item[data-v-bbea82fc] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.genetica-visual[data-v-bbea82fc] {
    flex-direction: row;
    gap: 0.5rem;
}
.gen-item[data-v-bbea82fc] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

.explorador[data-v-d20afa75] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d20afa75] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d20afa75] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d20afa75] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d20afa75] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d20afa75] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d20afa75] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d20afa75] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d20afa75] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d20afa75] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema enunciado */
.problema-enunciado[data-v-d20afa75] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-d20afa75] {
  text-align: center;
}
.pregunta-identifica[data-v-d20afa75] {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.pregunta-identifica strong[data-v-d20afa75] {
  color: #FCD34D;
}
.opciones-grid[data-v-d20afa75] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-d20afa75] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-d20afa75]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.25);
}
.opcion-btn.seleccionado[data-v-d20afa75] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-btn.correcto[data-v-d20afa75] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-d20afa75] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Prob Total ===== */
.prob-total-container[data-v-d20afa75] {
  text-align: center;
}
.datos-tabla[data-v-d20afa75] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.dato-row[data-v-d20afa75] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.dato-nombre[data-v-d20afa75] {
  color: #C4B5FD;
}
.dato-valor[data-v-d20afa75] {
  color: #FCD34D;
  font-weight: 600;
}
.formula-ayuda[data-v-d20afa75] {
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  padding: 0.5rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  font-family: 'Times New Roman', serif;
  overflow-x: auto;
}
.respuesta-input[data-v-d20afa75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.resp-label[data-v-d20afa75] {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.95rem;
}
.input-decimal[data-v-d20afa75] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-decimal.correcto[data-v-d20afa75] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-decimal.incorrecto[data-v-d20afa75] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-d20afa75] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-d20afa75]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Bayes completo ===== */
.bayes-completo-container[data-v-d20afa75] {
  text-align: center;
}
.datos-problema[data-v-d20afa75] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.dato-item[data-v-d20afa75] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.dato-formula[data-v-d20afa75] {
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.dato-igual[data-v-d20afa75] {
  color: #8B5CF6;
}
.dato-num[data-v-d20afa75] {
  color: #FCD34D;
  font-weight: 600;
}
.pregunta-bayes[data-v-d20afa75] {
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.4rem;
  padding: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.pregunta-bayes strong[data-v-d20afa75] {
  color: #FCD34D;
}
.pasos-guiados[data-v-d20afa75] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.paso-guiado[data-v-d20afa75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-label[data-v-d20afa75] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.input-paso[data-v-d20afa75] {
  width: 60px;
  padding: 0.4rem;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.input-paso.correcto[data-v-d20afa75] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-paso.incorrecto[data-v-d20afa75] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-paso[data-v-d20afa75] {
  padding: 0.4rem 0.6rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.4rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-paso.final[data-v-d20afa75] {
  background: #10B981;
}
.btn-paso[data-v-d20afa75]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback */
.feedback[data-v-d20afa75] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.feedback.incorrecto[data-v-d20afa75] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}

/* Contador */
.contador[data-v-d20afa75] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-d20afa75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d20afa75] { font-size: 1.25rem;
}
.resultado-texto[data-v-d20afa75] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-d20afa75] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d20afa75] { flex: 1;
}
.nav-btn[data-v-d20afa75] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d20afa75] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d20afa75] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d20afa75] { font-size: 1.75rem;
}
.completado-texto[data-v-d20afa75] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d20afa75], .slide-leave-active[data-v-d20afa75] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d20afa75] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d20afa75] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-12a701a3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-12a701a3] {
  font-size: 2rem;
}
.resumen-intro p[data-v-12a701a3] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-12a701a3] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-12a701a3] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-12a701a3] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-12a701a3]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-12a701a3] {
  grid-column: span 2;
}
.resumen-card.highlight[data-v-12a701a3] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border-color: rgba(245, 158, 11, 0.4);
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-12a701a3] {
    grid-column: span 1;
}
}
.card-header[data-v-12a701a3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-12a701a3] {
  font-size: 1.25rem;
}
.card-titulo[data-v-12a701a3] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-12a701a3] {
  color: #E9D5FF;
}
.card-nota[data-v-12a701a3] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmula resumen */
.formula-resumen[data-v-12a701a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFFFFF;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.fraccion[data-v-12a701a3] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-12a701a3] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.linea[data-v-12a701a3] {
  width: 100%;
  height: 2px;
  background: #8B5CF6;
  margin: 0.15rem 0;
}
.den[data-v-12a701a3] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.formula-componentes[data-v-12a701a3] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.comp-item[data-v-12a701a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.comp-nombre[data-v-12a701a3] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.comp-desc[data-v-12a701a3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmula mini */
.formula-mini[data-v-12a701a3] {
  font-family: 'Times New Roman', serif;
  font-size: 0.85rem;
  color: #FFFFFF;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}

/* Inversión visual */
.inversion-visual[data-v-12a701a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.inv-conocido[data-v-12a701a3] {
  font-size: 0.85rem;
  color: #93C5FD;
  padding: 0.35rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.35rem;
}
.inv-flecha[data-v-12a701a3] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.inv-bayes[data-v-12a701a3] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
  padding: 0.35rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.35rem;
}

/* Aplicaciones grid */
.aplicaciones-grid[data-v-12a701a3] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
@media (max-width: 640px) {
.aplicaciones-grid[data-v-12a701a3] {
    grid-template-columns: repeat(2, 1fr);
}
}
.app-item[data-v-12a701a3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.app-icono[data-v-12a701a3] {
  font-size: 1.5rem;
}
.app-texto[data-v-12a701a3] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Insight texto */
.insight-texto[data-v-12a701a3] {
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
}
.insight-texto strong[data-v-12a701a3] {
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-12a701a3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-12a701a3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-12a701a3] {
  font-size: 1.25rem;
}
.tip-text[data-v-12a701a3] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-12a701a3] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-12a701a3] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-12a701a3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-12a701a3 1s ease-in-out infinite;
}
@keyframes bounce-12a701a3 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-12a701a3] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-12a701a3] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-3553351d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.icono[data-v-3553351d] {
  font-size: 2rem;
}
.icono.flecha[data-v-3553351d] {
  font-size: 1.25rem;
  color: #8B5CF6;
  animation: pulse-3553351d 1.5s ease-in-out infinite;
}
.icono[data-v-3553351d]:nth-child(3) {
  font-size: 2.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
@keyframes pulse-3553351d {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}

/* Definición box */
.definicion-box[data-v-3553351d] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.definicion-header[data-v-3553351d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.definicion-icono[data-v-3553351d] {
  font-size: 1.25rem;
}
.definicion-titulo[data-v-3553351d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.definicion-contenido[data-v-3553351d] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.5rem 0;
}
.definicion-lectura[data-v-3553351d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-3553351d] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-3553351d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

/* Dado ejemplo */
.dado-ejemplo[data-v-3553351d] {
  text-align: center;
}
.dado-header[data-v-3553351d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
.dado-label[data-v-3553351d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.variable-label[data-v-3553351d] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 600;
}
.dados-grid[data-v-3553351d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (min-width: 640px) {
.dados-grid[data-v-3553351d] {
    grid-template-columns: repeat(6, 1fr);
}
}
.dado-item[data-v-3553351d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.dado-cara[data-v-3553351d] {
  font-size: 1.75rem;
}
.dado-flecha[data-v-3553351d] {
  color: #8B5CF6;
  font-size: 0.9rem;
}
.dado-valor[data-v-3553351d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Monedas ejemplo */
.monedas-ejemplo[data-v-3553351d] {
  text-align: center;
}
.moneda-pregunta[data-v-3553351d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
}
.moneda-pregunta strong[data-v-3553351d] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.monedas-resultados[data-v-3553351d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resultado-moneda[data-v-3553351d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.moneda-secuencia[data-v-3553351d] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  min-width: 100px;
  text-align: right;
}
.resultado-flecha[data-v-3553351d] {
  color: #8B5CF6;
}
.resultado-x[data-v-3553351d] {
  font-weight: 700;
  color: #6EE7B7;
  min-width: 60px;
  text-align: left;
}
.moneda-nota[data-v-3553351d] {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: #A78BFA;
}

/* Concepto clave */
.concepto-clave[data-v-3553351d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.1));
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-3553351d] {
  font-size: 1.5rem;
}
.clave-contenido[data-v-3553351d] {
  flex: 1;
}
.clave-titulo[data-v-3553351d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.clave-texto[data-v-3553351d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.clave-texto strong[data-v-3553351d] {
  color: #FFFFFF;
}

/* Notación section */
.notacion-section[data-v-3553351d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.notacion-header[data-v-3553351d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.notacion-icono[data-v-3553351d] {
  font-size: 1.25rem;
}
.notacion-titulo[data-v-3553351d] {
  font-weight: 700;
  color: #FFFFFF;
}
.notacion-items[data-v-3553351d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.notacion-item[data-v-3553351d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.notacion-simbolo[data-v-3553351d] {
  font-family: 'Times New Roman', serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 80px;
  text-align: center;
}
.notacion-desc[data-v-3553351d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-3553351d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3553351d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3553351d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3553351d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-3553351d] {
    gap: 1.5rem;
}
.icono[data-v-3553351d] {
    font-size: 2.5rem;
}
.icono[data-v-3553351d]:nth-child(3) {
    font-size: 3rem;
}
.definicion-contenido[data-v-3553351d] {
    font-size: 2rem;
}
}

/* Intro */
.intro-tipos[data-v-f9a9771c] {
  margin-bottom: 1.5rem;
}
.intro-tipos p[data-v-f9a9771c] {
  color: #E9D5FF;
  font-size: 1rem;
}

/* Tipos comparación */
.tipos-comparacion[data-v-f9a9771c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
.tipos-comparacion[data-v-f9a9771c] {
    flex-direction: row;
}
}
.tipo-card[data-v-f9a9771c] {
  flex: 1;
  border-radius: 1rem;
  padding: 1rem;
  border: 2px solid;
}
.tipo-card.discreta[data-v-f9a9771c] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.continua[data-v-f9a9771c] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.tipo-header[data-v-f9a9771c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-icono[data-v-f9a9771c] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-f9a9771c] {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.tipo-card.discreta .tipo-nombre[data-v-f9a9771c] {
  color: #93C5FD;
}
.tipo-card.continua .tipo-nombre[data-v-f9a9771c] {
  color: #6EE7B7;
}
.tipo-definicion[data-v-f9a9771c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.tipo-definicion strong[data-v-f9a9771c] {
  color: #FFFFFF;
}

/* Visual de tipos */
.tipo-visual[data-v-f9a9771c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.recta-puntos[data-v-f9a9771c] {
  display: flex;
  justify-content: space-around;
  padding: 0.5rem 0;
}
.punto[data-v-f9a9771c] {
  color: #93C5FD;
  font-size: 1rem;
}
.recta-continua[data-v-f9a9771c] {
  padding: 0.5rem 0;
}
.linea-continua[data-v-f9a9771c] {
  height: 4px;
  background: linear-gradient(to right, #10B981, #6EE7B7);
  border-radius: 2px;
}
.recta-label[data-v-f9a9771c] {
  font-size: 0.75rem;
  color: #A78BFA;
  margin-top: 0.5rem;
}

/* Ejemplos de tipo */
.tipo-ejemplos[data-v-f9a9771c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.ejemplo-tipo[data-v-f9a9771c] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.ej-icono[data-v-f9a9771c] {
  font-size: 1rem;
}
.ej-texto[data-v-f9a9771c] {
  color: #E9D5FF;
}
.tipo-clave[data-v-f9a9771c] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-clave strong[data-v-f9a9771c] {
  color: #FCD34D;
}

/* Regla práctica */
.regla-practica[data-v-f9a9771c] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.regla-header[data-v-f9a9771c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.regla-icono[data-v-f9a9771c] {
  font-size: 1.25rem;
}
.regla-titulo[data-v-f9a9771c] {
  font-weight: 700;
  color: #FCD34D;
}
.regla-contenido[data-v-f9a9771c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-f9a9771c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.regla-item.discreta[data-v-f9a9771c] {
  background: rgba(59, 130, 246, 0.15);
}
.regla-item.continua[data-v-f9a9771c] {
  background: rgba(16, 185, 129, 0.15);
}
.regla-pregunta[data-v-f9a9771c] {
  flex: 1;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.regla-pregunta strong[data-v-f9a9771c] {
  color: #FFFFFF;
}
.regla-flecha[data-v-f9a9771c] {
  color: #8B5CF6;
  font-weight: 700;
}
.regla-respuesta[data-v-f9a9771c] {
  font-weight: 700;
  font-size: 0.85rem;
}
.regla-item.discreta .regla-respuesta[data-v-f9a9771c] {
  color: #93C5FD;
}
.regla-item.continua .regla-respuesta[data-v-f9a9771c] {
  color: #6EE7B7;
}

/* Ejemplos comparativos */
.ejemplos-comparativos[data-v-f9a9771c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-f9a9771c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comp-tabla[data-v-f9a9771c] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.comp-row[data-v-f9a9771c] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.comp-row.header[data-v-f9a9771c] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
}
.comp-row[data-v-f9a9771c]:not(.header) {
  background: rgba(0, 0, 0, 0.15);
}
.comp-situacion[data-v-f9a9771c] {
  color: #C4B5FD;
}
.comp-discreta[data-v-f9a9771c] {
  color: #93C5FD;
}
.comp-continua[data-v-f9a9771c] {
  color: #6EE7B7;
}
.comp-row.header .comp-situacion[data-v-f9a9771c],
.comp-row.header .comp-discreta[data-v-f9a9771c],
.comp-row.header .comp-continua[data-v-f9a9771c] {
  color: #FFFFFF;
}

/* Notación tipos */
.notacion-tipos[data-v-f9a9771c] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.notacion-header[data-v-f9a9771c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.notacion-icono[data-v-f9a9771c] {
  font-size: 1.25rem;
}
.notacion-titulo[data-v-f9a9771c] {
  font-weight: 700;
  color: #FFFFFF;
}
.notacion-grid[data-v-f9a9771c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.notacion-grid[data-v-f9a9771c] {
    flex-direction: row;
}
}
.notacion-item[data-v-f9a9771c] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.notacion-item.discreta[data-v-f9a9771c] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.notacion-item.continua[data-v-f9a9771c] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.notacion-formula[data-v-f9a9771c] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.notacion-desc[data-v-f9a9771c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-f9a9771c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f9a9771c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f9a9771c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f9a9771c] {
  color: #6EE7B7;
}
.tip-texto strong.discreta[data-v-f9a9771c] {
  color: #93C5FD;
}
.tip-texto strong.continua[data-v-f9a9771c] {
  color: #6EE7B7;
}

/* Definición box */
.definicion-box[data-v-53c9362f] {
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.definicion-box.discreta[data-v-53c9362f] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.definicion-header[data-v-53c9362f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.definicion-icono[data-v-53c9362f] {
  font-size: 1.25rem;
}
.definicion-titulo[data-v-53c9362f] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
}
.definicion-formula[data-v-53c9362f] {
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  margin: 0.75rem 0;
}
.definicion-texto[data-v-53c9362f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.definicion-texto strong[data-v-53c9362f] {
  color: #FFFFFF;
}

/* Propiedades */
.propiedades-section[data-v-53c9362f] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.prop-titulo[data-v-53c9362f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.prop-icono[data-v-53c9362f] {
  font-size: 1.25rem;
}
.propiedades-lista[data-v-53c9362f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.propiedad[data-v-53c9362f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.prop-num[data-v-53c9362f] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.prop-contenido[data-v-53c9362f] {
  flex: 1;
}
.prop-formula[data-v-53c9362f] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.prop-desc[data-v-53c9362f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-53c9362f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-titulo[data-v-53c9362f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ejemplo-contexto[data-v-53c9362f] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  color: #E9D5FF;
  text-align: center;
}
.ejemplo-contexto strong[data-v-53c9362f] {
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Tabla */
.tabla-container[data-v-53c9362f] {
  margin: 1rem 0;
}
.tabla-header[data-v-53c9362f] {
  margin-bottom: 0.5rem;
}
.tabla-titulo[data-v-53c9362f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.tabla-scroll[data-v-53c9362f] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-prob[data-v-53c9362f] {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-prob th[data-v-53c9362f],
.tabla-prob td[data-v-53c9362f] {
  padding: 0.5rem 0.35rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-prob th[data-v-53c9362f] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-prob td[data-v-53c9362f] {
  color: #E9D5FF;
}
.tabla-prob td.label-row[data-v-53c9362f] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
}
.tabla-prob td.destacado[data-v-53c9362f] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
  font-weight: 700;
}

/* Gráfico de barras */
.grafico-container[data-v-53c9362f] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.grafico-titulo[data-v-53c9362f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.barras-grafico[data-v-53c9362f] {
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  height: 120px;
  padding: 0 0.25rem;
}
.barra[data-v-53c9362f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100% / 11 - 4px);
  max-width: 30px;
}
.barra[data-v-53c9362f]::before {
  content: '';
  width: 100%;
  height: calc(var(--altura) * 6);
  background: linear-gradient(to top, #8B5CF6, #A78BFA);
  border-radius: 2px 2px 0 0;
  min-height: 8px;
}
.barra.destacada[data-v-53c9362f]::before {
  background: linear-gradient(to top, #10B981, #6EE7B7);
}
.barra-valor[data-v-53c9362f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 2px;
}
.barra-x[data-v-53c9362f] {
  font-size: 0.7rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-top: 4px;
}
.grafico-nota[data-v-53c9362f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #6EE7B7;
}
.nota-icono[data-v-53c9362f] {
  font-size: 1rem;
}

/* Verificación */
.verificacion[data-v-53c9362f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.verif-icono[data-v-53c9362f] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.verif-contenido[data-v-53c9362f] {
  flex: 1;
}
.verif-formula[data-v-53c9362f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.verif-resultado[data-v-53c9362f] {
  font-size: 0.9rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
}
.verif-resultado strong[data-v-53c9362f] {
  color: #FFFFFF;
}

/* Sección de cálculo */
.calculo-section[data-v-53c9362f] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.calculo-titulo[data-v-53c9362f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.calculo-ejemplo[data-v-53c9362f] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.calculo-ejemplo[data-v-53c9362f]:last-child {
  margin-bottom: 0;
}
.calculo-pregunta[data-v-53c9362f] {
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.calculo-proceso[data-v-53c9362f] {
  padding-left: 0.5rem;
}
.proceso-paso[data-v-53c9362f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.proceso-resultado[data-v-53c9362f] {
  font-size: 0.9rem;
  color: #6EE7B7;
  margin-top: 0.25rem;
}
.proceso-resultado strong[data-v-53c9362f] {
  color: #FFFFFF;
}

/* Nota continua */
.nota-continua[data-v-53c9362f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.nota-continua .nota-icono[data-v-53c9362f] {
  font-size: 1.5rem;
}
.nota-contenido[data-v-53c9362f] {
  flex: 1;
}
.nota-titulo[data-v-53c9362f] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.nota-texto[data-v-53c9362f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-53c9362f] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-53c9362f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-53c9362f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-53c9362f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-53c9362f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-lista[data-v-53c9362f] {
    flex-direction: row;
}
.propiedad[data-v-53c9362f] {
    flex: 1;
}
.barras-grafico[data-v-53c9362f] {
    height: 150px;
}
.barra[data-v-53c9362f] {
    max-width: 40px;
}
.barra-valor[data-v-53c9362f] {
    font-size: 0.75rem;
}
.barra-x[data-v-53c9362f] {
    font-size: 0.8rem;
}
}

.explorador[data-v-5a37769a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5a37769a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5a37769a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5a37769a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5a37769a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5a37769a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5a37769a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5a37769a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5a37769a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5a37769a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-5a37769a] {
  text-align: center;
}
.variable-actual[data-v-5a37769a] {
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.variable-icono[data-v-5a37769a] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.variable-texto[data-v-5a37769a] {
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-tipo[data-v-5a37769a] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-tipo[data-v-5a37769a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.75rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid;
  font-family: inherit;
}
.btn-tipo.discreta[data-v-5a37769a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.btn-tipo.continua[data-v-5a37769a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.btn-tipo[data-v-5a37769a]:hover:not(:disabled) {
  transform: scale(1.02);
}
.btn-tipo.seleccionado[data-v-5a37769a] {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.4);
}
.btn-tipo.discreta.seleccionado[data-v-5a37769a] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.3);
}
.btn-tipo.continua.seleccionado[data-v-5a37769a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.btn-tipo.correcto[data-v-5a37769a] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-tipo.incorrecto[data-v-5a37769a] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.btn-icono[data-v-5a37769a] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.btn-texto[data-v-5a37769a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-hint[data-v-5a37769a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.feedback-tipo[data-v-5a37769a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.feedback-tipo.correcto[data-v-5a37769a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.clasificar-contador[data-v-5a37769a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Tabla ===== */
.tabla-container[data-v-5a37769a] {
  text-align: center;
}
.tabla-contexto[data-v-5a37769a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.contexto-icono[data-v-5a37769a] {
  font-size: 1.25rem;
}
.contexto-texto[data-v-5a37769a] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.tabla-interactiva[data-v-5a37769a] {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}
.tabla-interactiva th[data-v-5a37769a],
.tabla-interactiva td[data-v-5a37769a] {
  padding: 0.5rem 0.35rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-interactiva th[data-v-5a37769a] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-weight: 700;
}
.tabla-interactiva td[data-v-5a37769a] {
  color: #E9D5FF;
}
.tabla-interactiva td.label-cell[data-v-5a37769a] {
  background: rgba(139, 92, 246, 0.1);
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.8rem;
}
.tabla-interactiva td.input-cell[data-v-5a37769a] {
  background: rgba(245, 158, 11, 0.1);
  padding: 0.25rem;
}
.tabla-interactiva input[data-v-5a37769a] {
  width: 50px;
  padding: 0.35rem;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.35rem;
  color: #FCD34D;
  font-family: inherit;
}
.tabla-interactiva input.correcto[data-v-5a37769a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.tabla-interactiva input.incorrecto[data-v-5a37769a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.tabla-ayuda[data-v-5a37769a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}
.ayuda-icono[data-v-5a37769a] {
  font-size: 1rem;
}
.btn-verificar[data-v-5a37769a] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.feedback-tabla[data-v-5a37769a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.feedback-tabla.correcto[data-v-5a37769a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* ===== DESAFÍO 3: Cálculos ===== */
.calculo-container[data-v-5a37769a] {
  text-align: center;
}
.calculo-contexto[data-v-5a37769a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.contexto-titulo[data-v-5a37769a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.contexto-problema[data-v-5a37769a] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.tabla-mini table[data-v-5a37769a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.tabla-mini th[data-v-5a37769a],
.tabla-mini td[data-v-5a37769a] {
  padding: 0.4rem;
  text-align: center;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-mini th[data-v-5a37769a] {
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
}
.tabla-mini td[data-v-5a37769a] {
  color: #E9D5FF;
}
.pregunta-calculo[data-v-5a37769a] {
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pregunta-formula[data-v-5a37769a] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.respuesta-calculo[data-v-5a37769a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.respuesta-calculo input[data-v-5a37769a] {
  width: 120px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-calculo input.correcto[data-v-5a37769a] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-calculo input.incorrecto[data-v-5a37769a] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-calculo[data-v-5a37769a] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback-calculo[data-v-5a37769a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.feedback-calculo.correcto[data-v-5a37769a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.calculo-contador[data-v-5a37769a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Resultado correcto */
.resultado-correcto[data-v-5a37769a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5a37769a] { font-size: 1.25rem;
}
.resultado-texto[data-v-5a37769a] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5a37769a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5a37769a] { flex: 1;
}
.nav-btn[data-v-5a37769a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5a37769a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5a37769a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5a37769a] { font-size: 1.75rem;
}
.completado-texto[data-v-5a37769a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5a37769a], .slide-leave-active[data-v-5a37769a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5a37769a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5a37769a] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-3638d773] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3638d773] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3638d773] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-3638d773] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-3638d773] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3638d773] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-3638d773]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-3638d773] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-3638d773] {
    grid-column: span 1;
}
}
.card-header[data-v-3638d773] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-3638d773] {
  font-size: 1.25rem;
}
.card-titulo[data-v-3638d773] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-3638d773] {
  color: #E9D5FF;
}
.card-nota[data-v-3638d773] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Definición */
.definicion-formula[data-v-3638d773] {
  font-family: 'Times New Roman', serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}

/* Tipos resumen */
.tipos-resumen[data-v-3638d773] {
  display: flex;
  gap: 0.5rem;
}
.tipo-item[data-v-3638d773] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-item.discreta[data-v-3638d773] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-item.continua[data-v-3638d773] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-nombre[data-v-3638d773] {
  display: block;
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-item.discreta .tipo-nombre[data-v-3638d773] {
  color: #93C5FD;
}
.tipo-item.continua .tipo-nombre[data-v-3638d773] {
  color: #6EE7B7;
}
.tipo-desc[data-v-3638d773] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Propiedades resumen */
.propiedades-resumen[data-v-3638d773] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.propiedades-resumen[data-v-3638d773] {
    flex-direction: row;
}
}
.propiedad-item[data-v-3638d773] {
  flex: 1;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  text-align: center;
}
.propiedad-formula[data-v-3638d773] {
  display: block;
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.propiedad-desc[data-v-3638d773] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplos resumen */
.ejemplos-resumen[data-v-3638d773] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-row[data-v-3638d773] {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  align-items: center;
  font-size: 0.85rem;
}
@media (max-width: 480px) {
.ejemplo-row[data-v-3638d773] {
    grid-template-columns: 1fr;
    text-align: center;
}
}
.ejemplo-contexto[data-v-3638d773] {
  color: #E9D5FF;
}
.ejemplo-valores[data-v-3638d773] {
  color: #FCD34D;
  font-family: monospace;
}
.ejemplo-tipo[data-v-3638d773] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.ejemplo-tipo.discreta[data-v-3638d773] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.ejemplo-tipo.continua[data-v-3638d773] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Notación resumen */
.notacion-resumen[data-v-3638d773] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.notacion-item[data-v-3638d773] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.notacion-simbolo[data-v-3638d773] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 60px;
  text-align: center;
}
.notacion-desc[data-v-3638d773] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Trucos lista */
.trucos-lista[data-v-3638d773] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.truco-item[data-v-3638d773] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
}
.truco-icono[data-v-3638d773] {
  color: #6EE7B7;
  font-weight: 700;
}
.truco-texto[data-v-3638d773] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tips finales */
.tips-finales[data-v-3638d773] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-3638d773] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-3638d773] {
  font-size: 1.25rem;
}
.tip-text[data-v-3638d773] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-3638d773] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-3638d773] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3638d773] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-3638d773 1s ease-in-out infinite;
}
@keyframes bounce-3638d773 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3638d773] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3638d773] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-c237249b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-nuclear[data-v-c237249b] {
  font-size: 2.5rem;
  animation: pulse-c237249b 2s ease-in-out infinite;
}
.icono-flecha[data-v-c237249b] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.iconos-aplicaciones[data-v-c237249b] {
  display: flex;
  gap: 0.5rem;
}
.icono-app[data-v-c237249b] {
  font-size: 1.75rem;
  animation: fadeIn-c237249b 0.5s ease-out;
}
.icono-app[data-v-c237249b]:nth-child(2) { animation-delay: 0.2s;
}
.icono-app[data-v-c237249b]:nth-child(3) { animation-delay: 0.4s;
}
@keyframes pulse-c237249b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
@keyframes fadeIn-c237249b {
from { opacity: 0; transform: translateY(-10px);
}
to { opacity: 1; transform: translateY(0);
}
}

/* Texto inline */
strong.medicina[data-v-c237249b] { color: #F87171;
}
strong.industria[data-v-c237249b] { color: #60A5FA;
}
strong.agricultura[data-v-c237249b] { color: #6EE7B7;
}
strong.investigacion[data-v-c237249b] { color: #FCD34D;
}
strong.highlight[data-v-c237249b] { color: #FCD34D;
}

/* Principio section */
.principio-section[data-v-c237249b] {
  margin: 1.5rem 0;
}
.principio-titulo[data-v-c237249b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.principio-cards[data-v-c237249b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.principio-card[data-v-c237249b] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.card-icono[data-v-c237249b] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.card-nombre[data-v-c237249b] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.card-desc[data-v-c237249b] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Áreas section */
.areas-section[data-v-c237249b] {
  margin: 1.5rem 0;
}
.areas-titulo[data-v-c237249b] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.areas-lista[data-v-c237249b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.area-item[data-v-c237249b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.area-item.medicina[data-v-c237249b] {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.3);
}
.area-item.industria[data-v-c237249b] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.area-item.energia[data-v-c237249b] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.3);
}
.area-item.agricultura[data-v-c237249b] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.3);
}
.area-icono[data-v-c237249b] {
  font-size: 1.5rem;
}
.area-info[data-v-c237249b] {
  display: flex;
  flex-direction: column;
}
.area-nombre[data-v-c237249b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.area-ejemplos[data-v-c237249b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Dato section */
.dato-section[data-v-c237249b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.dato-icono[data-v-c237249b] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-c237249b] {
  flex: 1;
}
.dato-contenido strong[data-v-c237249b] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.dato-contenido p[data-v-c237249b] {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-c237249b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c237249b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c237249b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c237249b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.principio-cards[data-v-c237249b] {
    gap: 0.75rem;
}
.principio-card[data-v-c237249b] {
    padding: 0.75rem;
}
.card-nombre[data-v-c237249b] {
    font-size: 0.85rem;
}
.card-desc[data-v-c237249b] {
    font-size: 0.75rem;
}
}

/* Header visual */
.header-visual[data-v-7827d60d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.header-icono[data-v-7827d60d] {
  font-size: 2rem;
}
.header-titulo[data-v-7827d60d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #F87171;
}

/* Texto inline */
strong.medicina[data-v-7827d60d] { color: #F87171;
}
strong.gamma[data-v-7827d60d] { color: #A78BFA;
}

/* Áreas de medicina */
.areas-medicina[data-v-7827d60d] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.area-card[data-v-7827d60d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.area-card.diagnostico[data-v-7827d60d] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.area-card.tratamiento[data-v-7827d60d] {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.3);
}
.area-header[data-v-7827d60d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.area-icono[data-v-7827d60d] {
  font-size: 1.25rem;
}
.area-nombre[data-v-7827d60d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.area-descripcion p[data-v-7827d60d] {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tecnicas-lista[data-v-7827d60d] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.tecnica[data-v-7827d60d] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tecnica-nombre[data-v-7827d60d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tecnica-desc[data-v-7827d60d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Radioisótopos section */
.radioisotopos-section[data-v-7827d60d] {
  margin: 1.5rem 0;
}
.radioisotopos-titulo[data-v-7827d60d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.radioisotopos-grid[data-v-7827d60d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.radioisotopo[data-v-7827d60d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ri-formula[data-v-7827d60d] {
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.ri-nombre[data-v-7827d60d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.15rem 0;
}
.ri-uso[data-v-7827d60d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Esterilización section */
.esterilizacion-section[data-v-7827d60d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(167, 139, 250, 0.1);
  border: 1px solid rgba(167, 139, 250, 0.3);
  border-radius: 0.75rem;
}
.esterilizacion-header[data-v-7827d60d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.esterilizacion-icono[data-v-7827d60d] {
  font-size: 1.25rem;
}
.esterilizacion-titulo[data-v-7827d60d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #A78BFA;
}
.esterilizacion-texto[data-v-7827d60d] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip */
.tip[data-v-7827d60d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7827d60d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7827d60d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7827d60d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.areas-medicina[data-v-7827d60d] {
    grid-template-columns: repeat(2, 1fr);
}
.radioisotopos-grid[data-v-7827d60d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header visual */
.header-visual[data-v-2240ee6c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.header-icono[data-v-2240ee6c] {
  font-size: 2rem;
}

/* Texto inline */
strong.industria[data-v-2240ee6c] { color: #60A5FA;
}
strong.energia[data-v-2240ee6c] { color: #FCD34D;
}
strong.agricultura[data-v-2240ee6c] { color: #6EE7B7;
}

/* Sección principal */
.seccion-principal[data-v-2240ee6c] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.energia-section[data-v-2240ee6c] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.3);
}
.industria-section[data-v-2240ee6c] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.agricultura-section[data-v-2240ee6c] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.3);
}
.seccion-header[data-v-2240ee6c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-2240ee6c] {
  font-size: 1.25rem;
}
.seccion-titulo[data-v-2240ee6c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Proceso visual de central nuclear */
.proceso-visual[data-v-2240ee6c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-proceso[data-v-2240ee6c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem;
}
.paso-icono[data-v-2240ee6c] {
  font-size: 1.25rem;
}
.paso-texto[data-v-2240ee6c] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.proceso-flecha[data-v-2240ee6c] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Ventajas y desventajas */
.ventajas-desventajas[data-v-2240ee6c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.vd-columna[data-v-2240ee6c] {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.vd-columna.ventajas[data-v-2240ee6c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.vd-columna.desventajas[data-v-2240ee6c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.vd-header[data-v-2240ee6c] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.ventajas .vd-header[data-v-2240ee6c] { color: #6EE7B7;
}
.desventajas .vd-header[data-v-2240ee6c] { color: #FCA5A5;
}
.vd-columna ul[data-v-2240ee6c] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vd-columna li[data-v-2240ee6c] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  padding-left: 0.75rem;
  position: relative;
}
.vd-columna li[data-v-2240ee6c]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C4B5FD;
}

/* Aplicaciones grid */
.aplicaciones-grid[data-v-2240ee6c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion-card[data-v-2240ee6c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.app-icono[data-v-2240ee6c] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.app-nombre[data-v-2240ee6c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.app-desc[data-v-2240ee6c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Agricultura lista */
.agricultura-lista[data-v-2240ee6c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.agri-item[data-v-2240ee6c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.agri-icono[data-v-2240ee6c] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.agri-info[data-v-2240ee6c] {
  display: flex;
  flex-direction: column;
}
.agri-nombre[data-v-2240ee6c] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.agri-desc[data-v-2240ee6c] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tip */
.tip[data-v-2240ee6c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-2240ee6c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2240ee6c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2240ee6c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ventajas-desventajas[data-v-2240ee6c] {
    grid-template-columns: repeat(2, 1fr);
}
.proceso-visual[data-v-2240ee6c] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.paso-texto[data-v-2240ee6c] {
    font-size: 0.75rem;
}
}

.explorador[data-v-8a6139a6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8a6139a6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8a6139a6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-8a6139a6] {
  border-color: #FCD34D;
  background: #FCD34D;
  color: #1F2937;
  box-shadow: 0 0 12px rgba(252, 211, 77, 0.5);
}
.progreso-item.completado[data-v-8a6139a6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8a6139a6] {
  background: rgba(252, 211, 77, 0.1);
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8a6139a6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8a6139a6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8a6139a6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8a6139a6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-8a6139a6] {
  text-align: center;
}
.aplicacion-pregunta[data-v-8a6139a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.aplicacion-icono[data-v-8a6139a6] {
  font-size: 2rem;
}
.aplicacion-descripcion[data-v-8a6139a6] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.clasificar-opciones[data-v-8a6139a6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-8a6139a6] {
  padding: 0.6rem;
  font-size: 0.8rem;
  font-weight: 600;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  background: rgba(0, 0, 0, 0.2);
}
.opcion-btn.medicina[data-v-8a6139a6] {
  border-color: rgba(248, 113, 113, 0.4);
  color: #F87171;
}
.opcion-btn.industria[data-v-8a6139a6] {
  border-color: rgba(96, 165, 250, 0.4);
  color: #60A5FA;
}
.opcion-btn.energia[data-v-8a6139a6] {
  border-color: rgba(252, 211, 77, 0.4);
  color: #FCD34D;
}
.opcion-btn.agricultura[data-v-8a6139a6] {
  border-color: rgba(110, 231, 183, 0.4);
  color: #6EE7B7;
}
.opcion-btn.seleccionada[data-v-8a6139a6] {
  transform: scale(1.02);
}
.opcion-btn.correcta[data-v-8a6139a6] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
  color: #6EE7B7 !important;
}
.opcion-btn.incorrecta[data-v-8a6139a6] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
  color: #FCA5A5 !important;
}
.feedback-error[data-v-8a6139a6] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-8a6139a6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Central Nuclear ===== */
.central-container[data-v-8a6139a6] {
  text-align: center;
}
.central-visual[data-v-8a6139a6] {
  margin-bottom: 1rem;
}
.central-diagrama[data-v-8a6139a6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.componente[data-v-8a6139a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.2);
  opacity: 0.4;
  transition: all 0.3s ease;
}
.componente.activo[data-v-8a6139a6] {
  opacity: 1;
  border-color: rgba(139, 92, 246, 0.5);
}
.comp-icono[data-v-8a6139a6] {
  font-size: 1.5rem;
}
.comp-icono.girando[data-v-8a6139a6] {
  animation: spin-8a6139a6 1s linear infinite;
}
@keyframes spin-8a6139a6 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.comp-nombre[data-v-8a6139a6] {
  font-size: 0.65rem;
  color: #E9D5FF;
  font-weight: 600;
}
.flecha[data-v-8a6139a6] {
  font-size: 1rem;
  color: rgba(252, 211, 77, 0.3);
  font-weight: 700;
  transition: color 0.3s ease;
}
.flecha.activa[data-v-8a6139a6] {
  color: #FCD34D;
}
.etapa-info[data-v-8a6139a6] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.etapa-info strong[data-v-8a6139a6] {
  color: #FCD34D;
  font-size: 0.9rem;
}
.etapa-info p[data-v-8a6139a6] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.central-controles[data-v-8a6139a6] {
  margin-bottom: 0.75rem;
}
.btn-siguiente-etapa[data-v-8a6139a6],
.btn-reiniciar-central[data-v-8a6139a6] {
  padding: 0.6rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-siguiente-etapa[data-v-8a6139a6] {
  background: #8B5CF6;
  color: white;
}
.btn-reiniciar-central[data-v-8a6139a6] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.central-pregunta[data-v-8a6139a6] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.central-pregunta p[data-v-8a6139a6] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-fuente[data-v-8a6139a6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.opcion-fuente[data-v-8a6139a6] {
  padding: 0.5rem;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.opcion-fuente.seleccionada[data-v-8a6139a6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-fuente.correcta[data-v-8a6139a6] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-fuente.incorrecta[data-v-8a6139a6] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Radioisótopos ===== */
.relacionar-container[data-v-8a6139a6] {
  text-align: center;
}
.radioisotopo-pregunta[data-v-8a6139a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  padding: 1rem;
  background: rgba(252, 211, 77, 0.1);
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.ri-formula[data-v-8a6139a6] {
  font-family: 'Times New Roman', serif;
  font-size: 2rem;
  font-weight: 700;
  color: #FCD34D;
}
.ri-nombre[data-v-8a6139a6] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.relacionar-instruccion[data-v-8a6139a6] {
  color: #C4B5FD;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.aplicaciones-opciones[data-v-8a6139a6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-aplicacion[data-v-8a6139a6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.opcion-icono[data-v-8a6139a6] {
  font-size: 1.25rem;
}
.opcion-texto[data-v-8a6139a6] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.opcion-aplicacion.seleccionada[data-v-8a6139a6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.opcion-aplicacion.correcta[data-v-8a6139a6] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-aplicacion.correcta .opcion-texto[data-v-8a6139a6] {
  color: #6EE7B7;
}
.opcion-aplicacion.incorrecta[data-v-8a6139a6] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-aplicacion.incorrecta .opcion-texto[data-v-8a6139a6] {
  color: #FCA5A5;
}

/* Resultado correcto */
.resultado-correcto[data-v-8a6139a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8a6139a6] { font-size: 1.25rem;
}
.resultado-texto[data-v-8a6139a6] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-8a6139a6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(252, 211, 77, 0.2);
}
.nav-spacer[data-v-8a6139a6] { flex: 1;
}
.nav-btn[data-v-8a6139a6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8a6139a6] {
  background: #FCD34D;
  border-color: #F59E0B;
  color: #1F2937;
}

/* Mensaje completado */
.mensaje-completado[data-v-8a6139a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(252, 211, 77, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8a6139a6] { font-size: 1.75rem;
}
.completado-texto[data-v-8a6139a6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8a6139a6], .slide-leave-active[data-v-8a6139a6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8a6139a6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8a6139a6] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.central-diagrama[data-v-8a6139a6] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.componente[data-v-8a6139a6] {
    padding: 0.6rem;
}
.comp-icono[data-v-8a6139a6] {
    font-size: 2rem;
}
.comp-nombre[data-v-8a6139a6] {
    font-size: 0.75rem;
}
}

/* Header */
.resumen-header[data-v-90c0aa5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-90c0aa5e] {
  font-size: 2rem;
}
.header-titulo[data-v-90c0aa5e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Áreas resumen */
.areas-resumen[data-v-90c0aa5e] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.area-resumen[data-v-90c0aa5e] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.area-resumen.medicina[data-v-90c0aa5e] {
  background: rgba(248, 113, 113, 0.1);
  border-color: rgba(248, 113, 113, 0.3);
}
.area-resumen.energia[data-v-90c0aa5e] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.3);
}
.area-resumen.industria[data-v-90c0aa5e] {
  background: rgba(96, 165, 250, 0.1);
  border-color: rgba(96, 165, 250, 0.3);
}
.area-resumen.agricultura[data-v-90c0aa5e] {
  background: rgba(110, 231, 183, 0.1);
  border-color: rgba(110, 231, 183, 0.3);
}
.area-header[data-v-90c0aa5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.area-icono[data-v-90c0aa5e] {
  font-size: 1.25rem;
}
.area-nombre[data-v-90c0aa5e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.area-puntos[data-v-90c0aa5e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.area-puntos li[data-v-90c0aa5e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
  padding-left: 0.75rem;
  position: relative;
}
.area-puntos li[data-v-90c0aa5e]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C4B5FD;
}
.area-puntos strong[data-v-90c0aa5e] {
  color: #FFFFFF;
}

/* Radioisótopos resumen */
.radioisotopos-resumen[data-v-90c0aa5e] {
  margin-bottom: 1.5rem;
}
.ri-titulo[data-v-90c0aa5e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ri-grid[data-v-90c0aa5e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ri-card[data-v-90c0aa5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ri-formula[data-v-90c0aa5e] {
  font-family: 'Times New Roman', serif;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.ri-uso[data-v-90c0aa5e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* PAES section */
.paes-section[data-v-90c0aa5e] {
  margin-bottom: 1.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.paes-header[data-v-90c0aa5e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paes-icono[data-v-90c0aa5e] {
  font-size: 1.25rem;
}
.paes-titulo[data-v-90c0aa5e] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paes-tips[data-v-90c0aa5e] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-90c0aa5e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-90c0aa5e] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-90c0aa5e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-90c0aa5e] {
  color: #6EE7B7;
}

/* Tabla comparativa */
.tabla-section[data-v-90c0aa5e] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-90c0aa5e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.tabla-comparativa[data-v-90c0aa5e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.tabla-row[data-v-90c0aa5e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.4rem 0.5rem;
}
.tabla-row.header[data-v-90c0aa5e] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
}
.tabla-row[data-v-90c0aa5e]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-ventajas[data-v-90c0aa5e] {
  color: #6EE7B7;
  padding-right: 0.5rem;
}
.col-desventajas[data-v-90c0aa5e] {
  color: #FCA5A5;
  padding-left: 0.5rem;
  border-left: 1px solid rgba(139, 92, 246, 0.2);
}

/* Mensaje final */
.mensaje-final[data-v-90c0aa5e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 211, 77, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-90c0aa5e] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.final-texto[data-v-90c0aa5e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.areas-resumen[data-v-90c0aa5e] {
    grid-template-columns: repeat(2, 1fr);
}
.ri-grid[data-v-90c0aa5e] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-comparativa[data-v-90c0aa5e] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-bf2d3baf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border-radius: 0.75rem;
}
.atomo-config[data-v-bf2d3baf] {
  position: relative;
  width: 120px;
  height: 120px;
}
.nucleo[data-v-bf2d3baf] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 1rem;
  z-index: 3;
}
.orbitas[data-v-bf2d3baf] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.orbita[data-v-bf2d3baf] {
  position: absolute;
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.orbita.n1[data-v-bf2d3baf] { width: 45px; height: 45px; border-color: rgba(20, 184, 166, 0.7);
}
.orbita.n2[data-v-bf2d3baf] { width: 75px; height: 75px;
}
.orbita.n3[data-v-bf2d3baf] { width: 105px; height: 105px;
}
.e[data-v-bf2d3baf] {
  position: absolute;
  font-size: 0.6rem;
  color: #FCD34D;
  font-weight: 600;
}
.orbita.n1 .e[data-v-bf2d3baf] { top: -8px; left: 50%; transform: translateX(-50%);
}
.orbita.n1 .e.e2[data-v-bf2d3baf] { top: auto; bottom: -8px;
}
.orbita.n2 .e[data-v-bf2d3baf] { top: -8px; left: 50%; transform: translateX(-50%);
}
.orbita.n2 .e.e2[data-v-bf2d3baf] { top: auto; bottom: -8px;
}
.orbita.n3 .e[data-v-bf2d3baf] { top: -8px; left: 50%; transform: translateX(-50%);
}
.config-texto[data-v-bf2d3baf] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #5EEAD4;
  font-family: 'Courier New', monospace;
}

/* Importancia */
.importancia-section[data-v-bf2d3baf] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-bf2d3baf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-lista[data-v-bf2d3baf] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-bf2d3baf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-icono[data-v-bf2d3baf] {
  font-size: 1.25rem;
}
.item-texto[data-v-bf2d3baf] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-bf2d3baf] {
  color: #5EEAD4;
}

/* Principios preview */
.principios-preview[data-v-bf2d3baf] {
  margin: 1.5rem 0;
}
.principios-titulo[data-v-bf2d3baf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.principios-grid[data-v-bf2d3baf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.principio-card[data-v-bf2d3baf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.principio-num[data-v-bf2d3baf] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.25rem;
}
.principio-nombre[data-v-bf2d3baf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.principio-desc[data-v-bf2d3baf] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}

/* Ejemplo */
.ejemplo-section[data-v-bf2d3baf] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-bf2d3baf] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-config[data-v-bf2d3baf] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.config-item[data-v-bf2d3baf] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.3rem;
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.config-item.destacado[data-v-bf2d3baf] {
  background: rgba(20, 184, 166, 0.3);
  border: 1px solid #14B8A6;
  color: #5EEAD4;
}
.ejemplo-explicacion[data-v-bf2d3baf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplo-explicacion strong[data-v-bf2d3baf] {
  color: #FFFFFF;
}
.destacado-text[data-v-bf2d3baf] {
  color: #5EEAD4 !important;
}

/* Tip */
.tip[data-v-bf2d3baf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bf2d3baf] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bf2d3baf] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bf2d3baf] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-bf2d3baf] {
    flex-direction: row;
    gap: 2rem;
}
.atomo-config[data-v-bf2d3baf] {
    width: 140px;
    height: 140px;
}
.config-texto[data-v-bf2d3baf] {
    font-size: 1.5rem;
}
.principios-grid[data-v-bf2d3baf] {
    gap: 0.75rem;
}
.principio-card[data-v-bf2d3baf] {
    padding: 0.75rem;
}
.principio-nombre[data-v-bf2d3baf] {
    font-size: 0.95rem;
}
.principio-desc[data-v-bf2d3baf] {
    font-size: 0.75rem;
}
}

/* Definición */
.definicion-box[data-v-2bca6717] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.75rem;
  padding: 0.85rem;
  margin-bottom: 1rem;
}
.def-icono[data-v-2bca6717] {
  font-size: 1.5rem;
}
.def-contenido[data-v-2bca6717] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.def-contenido strong[data-v-2bca6717] {
  color: #5EEAD4;
}

/* Moeller */
.moeller-section[data-v-2bca6717] {
  margin: 1.5rem 0;
  text-align: center;
}
.moeller-titulo[data-v-2bca6717] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.moeller-diagram[data-v-2bca6717] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.moeller-grid[data-v-2bca6717] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}
.moeller-row[data-v-2bca6717] {
  display: flex;
  gap: 0.4rem;
}
.orbital-cell[data-v-2bca6717] {
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Courier New', monospace;
}
.orbital-cell.s[data-v-2bca6717] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.orbital-cell.p[data-v-2bca6717] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.orbital-cell.d[data-v-2bca6717] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.orbital-cell.f[data-v-2bca6717] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.flechas-diagonales[data-v-2bca6717] {
  width: 50px;
  margin-left: -10px;
}
.flechas-svg[data-v-2bca6717] {
  width: 100%;
  height: auto;
}
.moeller-caption[data-v-2bca6717] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Orden de llenado */
.orden-section[data-v-2bca6717] {
  margin: 1.5rem 0;
}
.orden-titulo[data-v-2bca6717] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-secuencia[data-v-2bca6717] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.orbital-tag[data-v-2bca6717] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: 'Courier New', monospace;
}
.orbital-tag.s[data-v-2bca6717] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.orbital-tag.p[data-v-2bca6717] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.orbital-tag.d[data-v-2bca6717] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.flecha[data-v-2bca6717] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.puntos[data-v-2bca6717] {
  color: #C4B5FD;
  font-weight: 600;
}

/* Capacidad */
.capacidad-section[data-v-2bca6717] {
  margin: 1.5rem 0;
}
.capacidad-titulo[data-v-2bca6717] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.capacidad-grid[data-v-2bca6717] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.capacidad-item[data-v-2bca6717] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.capacidad-item.s[data-v-2bca6717] { background: rgba(59, 130, 246, 0.15); border: 1px solid rgba(59, 130, 246, 0.3);
}
.capacidad-item.p[data-v-2bca6717] { background: rgba(16, 185, 129, 0.15); border: 1px solid rgba(16, 185, 129, 0.3);
}
.capacidad-item.d[data-v-2bca6717] { background: rgba(245, 158, 11, 0.15); border: 1px solid rgba(245, 158, 11, 0.3);
}
.capacidad-item.f[data-v-2bca6717] { background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3);
}
.sub-nombre[data-v-2bca6717] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.capacidad-item.s .sub-nombre[data-v-2bca6717] { color: #93C5FD;
}
.capacidad-item.p .sub-nombre[data-v-2bca6717] { color: #6EE7B7;
}
.capacidad-item.d .sub-nombre[data-v-2bca6717] { color: #FCD34D;
}
.capacidad-item.f .sub-nombre[data-v-2bca6717] { color: #FCA5A5;
}
.sub-cajas[data-v-2bca6717] {
  font-size: 0.7rem;
  color: #E9D5FF;
  letter-spacing: 1px;
}
.sub-max[data-v-2bca6717] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.2rem;
}
.capacidad-formula[data-v-2bca6717] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}
.capacidad-formula strong[data-v-2bca6717] {
  color: #E9D5FF;
}

/* Ejemplo Aufbau */
.ejemplo-aufbau[data-v-2bca6717] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-2bca6717] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-pasos[data-v-2bca6717] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso-item[data-v-2bca6717] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-item.destacado[data-v-2bca6717] {
  background: rgba(20, 184, 166, 0.2);
  border: 1px solid #14B8A6;
}
.paso-orbital[data-v-2bca6717] {
  font-family: 'Courier New', monospace;
  font-weight: 600;
  font-size: 0.9rem;
}
.paso-orbital.s[data-v-2bca6717] { color: #93C5FD;
}
.paso-orbital.p[data-v-2bca6717] { color: #6EE7B7;
}
.paso-cuenta[data-v-2bca6717] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}
.paso-item.destacado .paso-cuenta[data-v-2bca6717] {
  color: #5EEAD4;
}
.ejemplo-resultado[data-v-2bca6717] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  font-family: 'Courier New', monospace;
}
.ejemplo-resultado strong[data-v-2bca6717] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-2bca6717] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2bca6717] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2bca6717] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2bca6717] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.capacidad-grid[data-v-2bca6717] {
    grid-template-columns: repeat(4, 1fr);
}
.moeller-diagram[data-v-2bca6717] {
    gap: 1rem;
}
.orbital-cell[data-v-2bca6717] {
    font-size: 0.85rem;
    padding: 0.3rem 0.5rem;
}
}

/* Principio section */
.principio-section[data-v-b56ec983] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.principio-section.pauli[data-v-b56ec983] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.principio-section.hund[data-v-b56ec983] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.principio-header[data-v-b56ec983] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.principio-icono[data-v-b56ec983] {
  font-size: 1.75rem;
}
.principio-nombre[data-v-b56ec983] {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.25rem 0;
}
.pauli .principio-nombre[data-v-b56ec983] { color: #FCD34D;
}
.hund .principio-nombre[data-v-b56ec983] { color: #C4B5FD;
}
.principio-def[data-v-b56ec983] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.principio-def strong[data-v-b56ec983] {
  color: #FFFFFF;
}

/* Pauli visual */
.pauli-visual[data-v-b56ec983] {
  margin: 1rem 0;
}
.orbital-box-demo[data-v-b56ec983] {
  text-align: center;
  margin-bottom: 1rem;
}
.orbital-titulo[data-v-b56ec983] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.orbital-grande[data-v-b56ec983] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #FCD34D;
  border-radius: 0.4rem;
  gap: 2px;
}
.electron-up[data-v-b56ec983] {
  color: #6EE7B7;
  font-size: 1.25rem;
  font-weight: 700;
}
.electron-down[data-v-b56ec983] {
  color: #FCA5A5;
  font-size: 1.25rem;
  font-weight: 700;
}
.orbital-explicacion[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.orbital-explicacion .correcto[data-v-b56ec983] {
  color: #6EE7B7;
  font-weight: 600;
}
.orbital-explicacion .detalle[data-v-b56ec983] {
  color: #E9D5FF;
}
.orbital-explicacion .detalle strong[data-v-b56ec983] {
  color: #FCD34D;
}

/* Ejemplos Pauli */
.pauli-ejemplos[data-v-b56ec983] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.ejemplo-pauli[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo-caja[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.3rem;
  gap: 2px;
}
.ejemplo-pauli.correcto .ejemplo-caja[data-v-b56ec983] {
  border-color: #10B981;
}
.ejemplo-pauli.incorrecto .ejemplo-caja[data-v-b56ec983] {
  border-color: #EF4444;
}
.e-up[data-v-b56ec983] { color: #6EE7B7; font-size: 1rem; font-weight: 700;
}
.e-down[data-v-b56ec983] { color: #FCA5A5; font-size: 1rem; font-weight: 700;
}
.ejemplo-label[data-v-b56ec983] {
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.4rem;
}
.ejemplo-pauli.correcto .ejemplo-label[data-v-b56ec983] { color: #6EE7B7;
}
.ejemplo-pauli.incorrecto .ejemplo-label[data-v-b56ec983] { color: #FCA5A5;
}
.ejemplo-razon[data-v-b56ec983] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Pauli consecuencia */
.pauli-consecuencia[data-v-b56ec983] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pauli-consecuencia .destacado[data-v-b56ec983] {
  color: #FCD34D;
  font-weight: 700;
}

/* Hund visual */
.hund-visual[data-v-b56ec983] {
  margin: 1rem 0;
}
.hund-analogia[data-v-b56ec983] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.analogia-icono[data-v-b56ec983] {
  font-size: 1.5rem;
}
.analogia-texto[data-v-b56ec983] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.analogia-texto strong[data-v-b56ec983] {
  color: #C4B5FD;
}

/* Hund demo */
.hund-demo[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.subnivel-demo[data-v-b56ec983] {
  text-align: center;
}
.subnivel-titulo[data-v-b56ec983] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.orbitales-row[data-v-b56ec983] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.orbital-hund[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 0.3rem;
}
.orbital-hund.vacio[data-v-b56ec983] {
  border-style: dashed;
  border-color: rgba(139, 92, 246, 0.4);
}
.orbital-hund.lleno[data-v-b56ec983] {
  border-color: rgba(139, 92, 246, 0.6);
}
.e-hund[data-v-b56ec983] {
  color: #6EE7B7;
  font-size: 1rem;
  font-weight: 700;
}
.e-hund.down[data-v-b56ec983] {
  color: #FCA5A5;
}
.demo-label[data-v-b56ec983] {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.demo-label.correcto[data-v-b56ec983] { color: #6EE7B7;
}
.demo-label.incorrecto[data-v-b56ec983] { color: #FCA5A5;
}
.subnivel-demo.incorrecto .orbital-hund[data-v-b56ec983] {
  border-color: rgba(239, 68, 68, 0.5);
}

/* Ejemplo completo */
.ejemplo-completo[data-v-b56ec983] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-b56ec983] {
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.config-visual[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.nivel-visual[data-v-b56ec983] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nivel-visual.destacado[data-v-b56ec983] {
  background: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.4);
}
.nivel-label[data-v-b56ec983] {
  font-size: 0.9rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
  min-width: 30px;
}
.orbitales-nivel[data-v-b56ec983] {
  display: flex;
  gap: 0.3rem;
}
.orbital-mini[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 32px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(20, 184, 166, 0.5);
  border-radius: 0.2rem;
  gap: 1px;
}
.orbital-mini.lleno[data-v-b56ec983] {
  border-color: #14B8A6;
}
.e-mini[data-v-b56ec983] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
  line-height: 1;
}
.e-mini.down[data-v-b56ec983] {
  color: #FCA5A5;
}
.ejemplo-nota[data-v-b56ec983] {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.ejemplo-nota strong[data-v-b56ec983] {
  color: #5EEAD4;
}

/* Resumen */
.resumen-box[data-v-b56ec983] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.resumen-titulo[data-v-b56ec983] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.resumen-items[data-v-b56ec983] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.resumen-item[data-v-b56ec983] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.item-nombre[data-v-b56ec983] {
  font-weight: 700;
  color: #C4B5FD;
  min-width: 50px;
}
.item-regla[data-v-b56ec983] {
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-b56ec983] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b56ec983] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b56ec983] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b56ec983] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.hund-demo[data-v-b56ec983] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.config-visual[data-v-b56ec983] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.nivel-visual[data-v-b56ec983] {
    flex-direction: column;
    gap: 0.4rem;
}
}

/* Formato */
.formato-section[data-v-9b701fe1] {
  margin: 1.5rem 0;
}
.formato-titulo[data-v-9b701fe1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formato-visual[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.notacion-grande[data-v-9b701fe1] {
  font-family: 'Courier New', monospace;
  font-size: 2.5rem;
  font-weight: 700;
}
.parte.nivel[data-v-9b701fe1] { color: #93C5FD;
}
.parte.subnivel[data-v-9b701fe1] { color: #6EE7B7;
}
.parte.exponente[data-v-9b701fe1] { color: #FCD34D; font-size: 1.5rem; vertical-align: super;
}
.formato-leyenda[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.leyenda-item[data-v-9b701fe1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.leyenda-color[data-v-9b701fe1] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.leyenda-color.nivel[data-v-9b701fe1] { background: #93C5FD;
}
.leyenda-color.subnivel[data-v-9b701fe1] { background: #6EE7B7;
}
.leyenda-color.exponente[data-v-9b701fe1] { background: #FCD34D;
}
.leyenda-texto[data-v-9b701fe1] {
  color: #E9D5FF;
}
.leyenda-texto strong[data-v-9b701fe1] {
  color: #FFFFFF;
}

/* Máximos */
.maximos-section[data-v-9b701fe1] {
  margin: 1.5rem 0;
}
.maximos-titulo[data-v-9b701fe1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.maximos-tabla[data-v-9b701fe1] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.max-item[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
}
.max-item.s-tipo[data-v-9b701fe1] { background: rgba(59, 130, 246, 0.2);
}
.max-item.p-tipo[data-v-9b701fe1] { background: rgba(16, 185, 129, 0.2);
}
.max-item.d-tipo[data-v-9b701fe1] { background: rgba(245, 158, 11, 0.2);
}
.max-item.f-tipo[data-v-9b701fe1] { background: rgba(239, 68, 68, 0.2);
}
.max-sub[data-v-9b701fe1] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.max-item.s-tipo .max-sub[data-v-9b701fe1] { color: #93C5FD;
}
.max-item.p-tipo .max-sub[data-v-9b701fe1] { color: #6EE7B7;
}
.max-item.d-tipo .max-sub[data-v-9b701fe1] { color: #FCD34D;
}
.max-item.f-tipo .max-sub[data-v-9b701fe1] { color: #FCA5A5;
}
.max-valor[data-v-9b701fe1] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplos-section[data-v-9b701fe1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-9b701fe1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-card[data-v-9b701fe1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.ejemplo-card.destacado[data-v-9b701fe1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ejemplo-elemento[data-v-9b701fe1] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.simbolo[data-v-9b701fe1] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
}
.z[data-v-9b701fe1] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-config[data-v-9b701fe1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.orbital[data-v-9b701fe1] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  font-weight: 600;
}
.orbital.s-tipo[data-v-9b701fe1] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.orbital.p-tipo[data-v-9b701fe1] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.orbital.d-tipo[data-v-9b701fe1] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.ejemplo-suma[data-v-9b701fe1] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.ejemplo-nota[data-v-9b701fe1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.3rem;
}
.ejemplo-nota strong[data-v-9b701fe1] {
  color: #FCD34D;
}

/* Abreviada */
.abreviada-section[data-v-9b701fe1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.abreviada-titulo[data-v-9b701fe1] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.abreviada-intro[data-v-9b701fe1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.abreviada-intro strong[data-v-9b701fe1] {
  color: #FFFFFF;
}
.abreviada-ejemplos[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.abrev-ejemplo[data-v-9b701fe1] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.abrev-elemento[data-v-9b701fe1] {
  display: block;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.3rem;
}
.abrev-comparar[data-v-9b701fe1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
}
.abrev-larga[data-v-9b701fe1] {
  color: #C4B5FD;
}
.abrev-flecha[data-v-9b701fe1] {
  color: #8B5CF6;
}
.abrev-corta[data-v-9b701fe1] {
  color: #6EE7B7;
  font-weight: 600;
}
.gases-nobles[data-v-9b701fe1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.gases-titulo[data-v-9b701fe1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  width: 100%;
}
.gas[data-v-9b701fe1] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
}

/* Excepciones */
.excepciones-section[data-v-9b701fe1] {
  margin: 1.5rem 0;
}
.excepciones-titulo[data-v-9b701fe1] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.excepciones-intro[data-v-9b701fe1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.excepciones-grid[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.excepcion-item[data-v-9b701fe1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.excepcion-elem[data-v-9b701fe1] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.excepcion-esp[data-v-9b701fe1] {
  font-size: 0.75rem;
  color: #FCA5A5;
  text-decoration: line-through;
  font-family: 'Courier New', monospace;
}
.excepcion-real[data-v-9b701fe1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.excepcion-real strong[data-v-9b701fe1] {
  color: #6EE7B7;
}
.excepcion-razon[data-v-9b701fe1] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-style: italic;
}

/* Tip */
.tip[data-v-9b701fe1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9b701fe1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9b701fe1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9b701fe1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formato-visual[data-v-9b701fe1] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.excepciones-grid[data-v-9b701fe1] {
    flex-direction: row;
}
.excepcion-item[data-v-9b701fe1] {
    flex: 1;
}
}

.explorador[data-v-2482387b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2482387b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2482387b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2482387b] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-2482387b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2482387b] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2482387b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2482387b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2482387b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2482387b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Orden de llenado ===== */
.orden-container[data-v-2482387b] {
  text-align: center;
}
.orden-pregunta[data-v-2482387b] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.orbital-pregunta[data-v-2482387b] {
  font-weight: 700;
  color: #5EEAD4;
  font-size: 1.2rem;
  font-family: 'Courier New', monospace;
  padding: 0.2rem 0.5rem;
  background: rgba(20, 184, 166, 0.2);
  border-radius: 0.3rem;
}
.opciones-orden[data-v-2482387b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-2482387b] {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Courier New', monospace;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-btn[data-v-2482387b]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.opcion-btn.seleccionada[data-v-2482387b] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.opcion-btn.correcta[data-v-2482387b] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-2482387b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-error[data-v-2482387b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.feedback-error strong[data-v-2482387b] {
  color: #FCD34D;
}
.contador[data-v-2482387b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Diagrama de cajas ===== */
.cajas-container[data-v-2482387b] {
  text-align: center;
}
.cajas-elemento[data-v-2482387b] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.cajas-elemento strong[data-v-2482387b] {
  color: #5EEAD4;
  font-size: 1.3rem;
}
.cajas-instruccion[data-v-2482387b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}
.niveles-cajas[data-v-2482387b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.nivel-fila[data-v-2482387b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.nivel-nombre[data-v-2482387b] {
  min-width: 30px;
  font-size: 0.85rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
}
.orbitales-fila[data-v-2482387b] {
  display: flex;
  gap: 0.3rem;
}
.caja-orbital[data-v-2482387b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.3rem;
  cursor: pointer;
  gap: 2px;
  transition: all 0.2s ease;
}
.caja-orbital.activo[data-v-2482387b] {
  border-color: #14B8A6;
}
.caja-orbital.lleno[data-v-2482387b] {
  background: rgba(20, 184, 166, 0.15);
  border-color: #14B8A6;
}
.e-up[data-v-2482387b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  line-height: 1;
}
.e-down[data-v-2482387b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  line-height: 1;
}
.cajas-contador[data-v-2482387b] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.cajas-contador strong[data-v-2482387b] {
  color: #FFFFFF;
  font-size: 1.1rem;
}
.cajas-contador strong.correcto[data-v-2482387b] {
  color: #6EE7B7;
}
.cajas-botones[data-v-2482387b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-reiniciar[data-v-2482387b], .btn-verificar[data-v-2482387b] {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-reiniciar[data-v-2482387b] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.btn-verificar[data-v-2482387b] {
  background: #10B981;
  color: white;
}

/* ===== DESAFÍO 3: Escribir configuración ===== */
.escribir-container[data-v-2482387b] {
  text-align: center;
}
.escribir-elemento[data-v-2482387b] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.escribir-elemento strong[data-v-2482387b] {
  color: #5EEAD4;
  font-size: 1.3rem;
}
.escribir-ayuda[data-v-2482387b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
}
.ayuda-titulo[data-v-2482387b] {
  color: #FCD34D;
}
.ayuda-texto[data-v-2482387b] {
  color: #E9D5FF;
}
.escribir-input-container[data-v-2482387b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.config-input[data-v-2482387b] {
  flex: 1;
  max-width: 250px;
  padding: 0.6rem;
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  text-align: center;
}
.config-input[data-v-2482387b]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.config-input.correcto[data-v-2482387b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.config-input.incorrecto[data-v-2482387b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-escribir[data-v-2482387b] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-escribir[data-v-2482387b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.teclado-superindices[data-v-2482387b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.tecla-sup[data-v-2482387b] {
  width: 32px;
  height: 32px;
  font-size: 0.9rem;
  background: rgba(20, 184, 166, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.3rem;
  color: #5EEAD4;
  cursor: pointer;
  font-family: inherit;
}
.tecla-sup[data-v-2482387b]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Resultado correcto */
.resultado-correcto[data-v-2482387b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2482387b] { font-size: 1.25rem;
}
.resultado-texto[data-v-2482387b] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-2482387b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-2482387b] { flex: 1;
}
.nav-btn[data-v-2482387b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2482387b] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2482387b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2482387b] { font-size: 1.75rem;
}
.completado-texto[data-v-2482387b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2482387b], .slide-leave-active[data-v-2482387b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2482387b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2482387b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-orden[data-v-2482387b] {
    grid-template-columns: repeat(4, 1fr);
}
.config-input[data-v-2482387b] {
    max-width: 300px;
}
}

/* Header */
.resumen-header[data-v-4c7a04b1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-4c7a04b1] {
  font-size: 2rem;
}
.resumen-titulo[data-v-4c7a04b1] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Principios */
.principios-resumen[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.principio-card[data-v-4c7a04b1] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.principio-card.aufbau[data-v-4c7a04b1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.principio-card.pauli[data-v-4c7a04b1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.principio-card.hund[data-v-4c7a04b1] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.card-header[data-v-4c7a04b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.card-num[data-v-4c7a04b1] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.aufbau .card-num[data-v-4c7a04b1] { background: #3B82F6;
}
.pauli .card-num[data-v-4c7a04b1] { background: #F59E0B;
}
.hund .card-num[data-v-4c7a04b1] { background: #8B5CF6;
}
.card-nombre[data-v-4c7a04b1] {
  font-size: 1rem;
  font-weight: 700;
}
.aufbau .card-nombre[data-v-4c7a04b1] { color: #93C5FD;
}
.pauli .card-nombre[data-v-4c7a04b1] { color: #FCD34D;
}
.hund .card-nombre[data-v-4c7a04b1] { color: #C4B5FD;
}
.card-desc[data-v-4c7a04b1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.card-desc strong[data-v-4c7a04b1] {
  color: #FFFFFF;
}
.card-orden[data-v-4c7a04b1] {
  font-size: 0.75rem;
  font-family: 'Courier New', monospace;
  color: #93C5FD;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.card-orden strong[data-v-4c7a04b1] {
  color: #FCD34D;
}
.card-visual[data-v-4c7a04b1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mini-orbital[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 36px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.25rem;
  gap: 2px;
}
.mini-orbitales[data-v-4c7a04b1] {
  display: flex;
  gap: 0.25rem;
}
.mini-orbital.small[data-v-4c7a04b1] {
  width: 24px;
  height: 30px;
}
.e-up[data-v-4c7a04b1] { color: #6EE7B7; font-size: 0.8rem; font-weight: 700;
}
.e-down[data-v-4c7a04b1] { color: #FCA5A5; font-size: 0.8rem; font-weight: 700;
}
.visual-text[data-v-4c7a04b1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Capacidades */
.capacidades-box[data-v-4c7a04b1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.capacidades-titulo[data-v-4c7a04b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.capacidades-grid[data-v-4c7a04b1] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.cap-item[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.cap-item.s[data-v-4c7a04b1] { background: rgba(59, 130, 246, 0.2);
}
.cap-item.p[data-v-4c7a04b1] { background: rgba(16, 185, 129, 0.2);
}
.cap-item.d[data-v-4c7a04b1] { background: rgba(245, 158, 11, 0.2);
}
.cap-item.f[data-v-4c7a04b1] { background: rgba(239, 68, 68, 0.2);
}
.cap-sub[data-v-4c7a04b1] {
  font-size: 0.9rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
}
.cap-item.s .cap-sub[data-v-4c7a04b1] { color: #93C5FD;
}
.cap-item.p .cap-sub[data-v-4c7a04b1] { color: #6EE7B7;
}
.cap-item.d .cap-sub[data-v-4c7a04b1] { color: #FCD34D;
}
.cap-item.f .cap-sub[data-v-4c7a04b1] { color: #FCA5A5;
}
.cap-val[data-v-4c7a04b1] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Abreviada */
.abreviada-box[data-v-4c7a04b1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.abreviada-titulo[data-v-4c7a04b1] {
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.4rem;
  font-size: 0.9rem;
}
.abreviada-desc[data-v-4c7a04b1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.abreviada-ejemplo[data-v-4c7a04b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  margin-bottom: 0.5rem;
}
.ejemplo-elem[data-v-4c7a04b1] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplo-config[data-v-4c7a04b1] {
  font-family: 'Courier New', monospace;
  color: #6EE7B7;
  font-weight: 600;
}
.gases-row[data-v-4c7a04b1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.gas-item[data-v-4c7a04b1] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.2rem;
  font-size: 0.7rem;
  font-family: 'Courier New', monospace;
  color: #C4B5FD;
}

/* Excepciones */
.excepciones-box[data-v-4c7a04b1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.excepciones-titulo[data-v-4c7a04b1] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.excepciones-lista[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.excepcion[data-v-4c7a04b1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.excep-elem[data-v-4c7a04b1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  min-width: 80px;
}
.excep-config[data-v-4c7a04b1] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.excep-nota[data-v-4c7a04b1] {
  font-size: 0.7rem;
  color: #FCD34D;
  padding: 0.15rem 0.3rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.2rem;
}

/* Tips PAES */
.tips-paes[data-v-4c7a04b1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-4c7a04b1] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tips-lista[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-4c7a04b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-4c7a04b1] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-text[data-v-4c7a04b1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplo final */
.ejemplo-final[data-v-4c7a04b1] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-4c7a04b1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplo-pasos[data-v-4c7a04b1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-4c7a04b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-4c7a04b1] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #5EEAD4;
}
.paso-texto[data-v-4c7a04b1] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-texto strong[data-v-4c7a04b1] {
  color: #6EE7B7;
  font-family: 'Courier New', monospace;
}

/* Mensaje final */
.mensaje-final[data-v-4c7a04b1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(20, 184, 166, 0.15));
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-4c7a04b1] {
  font-size: 1.75rem;
}
.final-texto[data-v-4c7a04b1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.principios-resumen[data-v-4c7a04b1] {
    flex-direction: row;
}
.principio-card[data-v-4c7a04b1] {
    flex: 1;
}
.excepciones-lista[data-v-4c7a04b1] {
    flex-direction: row;
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-0b38c464] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border-radius: 0.75rem;
}
.ion-comparacion[data-v-0b38c464] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.atomo-visual[data-v-0b38c464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.atomo-circulo[data-v-0b38c464] {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.3rem;
}
.atomo-circulo.neutro[data-v-0b38c464] {
  background: rgba(139, 92, 246, 0.2);
  border: 3px solid #8B5CF6;
  color: #C4B5FD;
}
.atomo-circulo.cation[data-v-0b38c464] {
  background: rgba(16, 185, 129, 0.2);
  border: 3px solid #10B981;
  color: #6EE7B7;
}
.atomo-simbolo[data-v-0b38c464] {
  color: #FFFFFF;
}
.atomo-carga[data-v-0b38c464] {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
}
.neutro .atomo-carga[data-v-0b38c464] {
  background: #8B5CF6;
  color: white;
}
.cation .atomo-carga[data-v-0b38c464] {
  background: #10B981;
  color: white;
}
.atomo-label[data-v-0b38c464] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.flecha-transformacion[data-v-0b38c464] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Tipos de iones */
.tipos-section[data-v-0b38c464] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-0b38c464] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-0b38c464] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.tipo-card[data-v-0b38c464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  text-align: center;
}
.tipo-card.cation[data-v-0b38c464] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.tipo-card.anion[data-v-0b38c464] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.tipo-icono[data-v-0b38c464] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-0b38c464] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-0b38c464] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-resultado[data-v-0b38c464] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.tipo-resultado strong.pos[data-v-0b38c464] {
  color: #6EE7B7;
}
.tipo-resultado strong.neg[data-v-0b38c464] {
  color: #FCA5A5;
}

/* Razón */
.razon-section[data-v-0b38c464] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.razon-titulo[data-v-0b38c464] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.razon-contenido p[data-v-0b38c464] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.razon-contenido strong[data-v-0b38c464] {
  color: #5EEAD4;
}
.regla-octeto[data-v-0b38c464] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.octeto-label[data-v-0b38c464] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.octeto-valor[data-v-0b38c464] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  color: #5EEAD4;
  font-size: 0.95rem;
}

/* Ejemplos */
.ejemplos-section[data-v-0b38c464] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-0b38c464] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-0b38c464] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ejemplo-item[data-v-0b38c464] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-simbolo[data-v-0b38c464] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.95rem;
  min-width: 40px;
}
.ejemplo-simbolo.cation[data-v-0b38c464] {
  color: #6EE7B7;
}
.ejemplo-simbolo.anion[data-v-0b38c464] {
  color: #FCA5A5;
}
.ejemplo-text[data-v-0b38c464] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-0b38c464] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0b38c464] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0b38c464] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0b38c464] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ion-comparacion[data-v-0b38c464] {
    gap: 2rem;
}
.atomo-circulo[data-v-0b38c464] {
    width: 75px;
    height: 75px;
    font-size: 1.5rem;
}
.flecha-transformacion[data-v-0b38c464] {
    font-size: 2rem;
}
}

/* Intro visual */
.intro-visual[data-v-6a5fede2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
}
.cation-visual[data-v-6a5fede2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.cation-simbolo[data-v-6a5fede2] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.cation-desc[data-v-6a5fede2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
strong.pos[data-v-6a5fede2] {
  color: #6EE7B7;
}

/* Regla section */
.regla-section[data-v-6a5fede2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-6a5fede2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.regla-contenido p[data-v-6a5fede2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.regla-contenido strong[data-v-6a5fede2] {
  color: #FFFFFF;
}
.regla-orden[data-v-6a5fede2] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.orden-text[data-v-6a5fede2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.orden-text strong[data-v-6a5fede2] {
  color: #5EEAD4;
}
.regla-excepcion[data-v-6a5fede2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.excepcion-icono[data-v-6a5fede2] {
  font-size: 1rem;
}
.excepcion-text[data-v-6a5fede2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.excepcion-text strong[data-v-6a5fede2] {
  color: #FCA5A5;
}

/* Ejemplos */
.ejemplo-section[data-v-6a5fede2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-section.especial[data-v-6a5fede2] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.ejemplo-titulo[data-v-6a5fede2] {
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-section.especial .ejemplo-titulo[data-v-6a5fede2] {
  color: #C4B5FD;
}
.config-comparacion[data-v-6a5fede2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.config-item[data-v-6a5fede2] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.config-label[data-v-6a5fede2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.config-valor[data-v-6a5fede2] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  word-break: break-word;
}
.config-valor .destacado[data-v-6a5fede2] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.config-flecha[data-v-6a5fede2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.flecha-texto[data-v-6a5fede2] {
  font-size: 0.7rem;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
}
.flecha-simbolo[data-v-6a5fede2] {
  font-size: 1.25rem;
  color: #5EEAD4;
}
.config-nota[data-v-6a5fede2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.config-nota.advertencia[data-v-6a5fede2] {
  background: rgba(239, 68, 68, 0.1);
}
.nota-icono[data-v-6a5fede2] {
  font-size: 1rem;
}
.nota-text[data-v-6a5fede2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-text strong[data-v-6a5fede2] {
  color: #6EE7B7;
}
.config-nota.advertencia .nota-text strong[data-v-6a5fede2] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-6a5fede2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6a5fede2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6a5fede2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6a5fede2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.config-comparacion[data-v-6a5fede2] {
    flex-direction: row;
    align-items: center;
}
.config-item[data-v-6a5fede2] {
    flex: 1;
}
.config-flecha[data-v-6a5fede2] {
    flex-direction: column;
    padding: 0 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-67a355c2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.75rem;
}
.anion-visual[data-v-67a355c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.anion-simbolo[data-v-67a355c2] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #FCA5A5;
}
.anion-desc[data-v-67a355c2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
strong.neg[data-v-67a355c2] {
  color: #FCA5A5;
}

/* Regla section */
.regla-section[data-v-67a355c2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-67a355c2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.regla-contenido p[data-v-67a355c2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.regla-contenido strong[data-v-67a355c2] {
  color: #FFFFFF;
}
.regla-orden[data-v-67a355c2] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.orden-text[data-v-67a355c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.orden-text strong[data-v-67a355c2] {
  color: #5EEAD4;
}

/* Ejemplos */
.ejemplo-section[data-v-67a355c2] {
  margin: 1.25rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-67a355c2] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.config-comparacion[data-v-67a355c2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.config-item[data-v-67a355c2] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.config-label[data-v-67a355c2] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.config-valor[data-v-67a355c2] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
  word-break: break-word;
}
.config-valor .destacado[data-v-67a355c2] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.config-valor .completado[data-v-67a355c2] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.config-flecha[data-v-67a355c2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.flecha-texto[data-v-67a355c2] {
  font-size: 0.7rem;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
}
.flecha-simbolo[data-v-67a355c2] {
  font-size: 1.25rem;
  color: #FCA5A5;
}
.config-nota[data-v-67a355c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.4rem;
}
.nota-icono[data-v-67a355c2] {
  font-size: 1rem;
}
.nota-text[data-v-67a355c2] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-text strong[data-v-67a355c2] {
  color: #6EE7B7;
}

/* Resumen tabla */
.resumen-section[data-v-67a355c2] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-67a355c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.resumen-tabla[data-v-67a355c2] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-67a355c2] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}
.tabla-fila.header[data-v-67a355c2] {
  background: rgba(139, 92, 246, 0.3);
}
.tabla-fila[data-v-67a355c2]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
}
.tabla-fila[data-v-67a355c2]:not(.header):nth-child(odd) {
  background: rgba(0, 0, 0, 0.3);
}
.tabla-cell[data-v-67a355c2] {
  padding: 0.5rem 0.25rem;
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tabla-fila.header .tabla-cell[data-v-67a355c2] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.tabla-cell.carga[data-v-67a355c2] {
  font-weight: 700;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-67a355c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-67a355c2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-67a355c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-67a355c2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.config-comparacion[data-v-67a355c2] {
    flex-direction: row;
    align-items: center;
}
.config-item[data-v-67a355c2] {
    flex: 1;
}
.config-flecha[data-v-67a355c2] {
    flex-direction: column;
    padding: 0 0.5rem;
}
}

.explorador[data-v-2371d70b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-2371d70b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-2371d70b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-2371d70b] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-2371d70b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-2371d70b] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-2371d70b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-2371d70b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-2371d70b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-2371d70b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-container[data-v-2371d70b] {
  text-align: center;
}
.ion-pregunta[data-v-2371d70b] {
  margin-bottom: 0.75rem;
}
.ion-simbolo[data-v-2371d70b] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #5EEAD4;
  font-family: 'Courier New', monospace;
}
.ion-info[data-v-2371d70b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.info-label[data-v-2371d70b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.opciones-tipo[data-v-2371d70b] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-2371d70b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-tipo.cation[data-v-2371d70b] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.opcion-tipo.anion[data-v-2371d70b] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.opcion-tipo.seleccionada[data-v-2371d70b] {
  transform: scale(1.05);
}
.opcion-tipo.cation.seleccionada[data-v-2371d70b] {
  border-color: #10B981;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4);
}
.opcion-tipo.anion.seleccionada[data-v-2371d70b] {
  border-color: #EF4444;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4);
}
.opcion-tipo.correcta[data-v-2371d70b] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.opcion-tipo.incorrecta[data-v-2371d70b] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.tipo-icono[data-v-2371d70b] {
  font-size: 1.5rem;
}
.tipo-nombre[data-v-2371d70b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* ===== DESAFÍO 2: Calcular electrones ===== */
.calcular-container[data-v-2371d70b] {
  text-align: center;
}
.calcular-pregunta[data-v-2371d70b] {
  margin-bottom: 1rem;
}
.elemento-info[data-v-2371d70b] {
  display: block;
  font-size: 1.1rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.ion-info-grande[data-v-2371d70b] {
  font-size: 1.2rem;
  color: #C4B5FD;
}
.ion-info-grande strong[data-v-2371d70b] {
  color: #5EEAD4;
  font-size: 1.4rem;
}
.calcular-input-section[data-v-2371d70b] {
  margin-bottom: 0.75rem;
}
.input-label[data-v-2371d70b] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.input-row[data-v-2371d70b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.electrones-input[data-v-2371d70b] {
  width: 80px;
  padding: 0.6rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-family: inherit;
}
.electrones-input.correcto[data-v-2371d70b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.electrones-input.incorrecto[data-v-2371d70b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.calcular-ayuda[data-v-2371d70b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ayuda-icono[data-v-2371d70b] {
  font-size: 1rem;
}
.ayuda-texto[data-v-2371d70b] {
  font-size: 0.8rem;
  color: #FCD34D;
}

/* ===== DESAFÍO 3: Configuración ===== */
.config-container[data-v-2371d70b] {
  text-align: center;
}
.config-pregunta[data-v-2371d70b] {
  margin-bottom: 0.75rem;
}
.elemento-nombre[data-v-2371d70b] {
  font-size: 1.1rem;
  color: #E9D5FF;
}
.ion-formar[data-v-2371d70b] {
  font-size: 1.1rem;
  color: #C4B5FD;
}
.ion-formar strong[data-v-2371d70b] {
  color: #5EEAD4;
}
.config-neutro[data-v-2371d70b] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.config-neutro-label[data-v-2371d70b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.config-neutro-valor[data-v-2371d70b] {
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.config-input-section[data-v-2371d70b] {
  margin-bottom: 0.75rem;
}
.config-input[data-v-2371d70b] {
  flex: 1;
  max-width: 220px;
  padding: 0.6rem;
  font-size: 1rem;
  font-family: 'Courier New', monospace;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #FFFFFF;
  text-align: center;
}
.config-input[data-v-2371d70b]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.config-input.correcto[data-v-2371d70b] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.config-input.incorrecto[data-v-2371d70b] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.teclado-superindices[data-v-2371d70b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.75rem;
}
.tecla-sup[data-v-2371d70b] {
  width: 32px;
  height: 32px;
  font-size: 0.9rem;
  background: rgba(20, 184, 166, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.3rem;
  color: #5EEAD4;
  cursor: pointer;
  font-family: inherit;
}
.tecla-sup[data-v-2371d70b]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Shared styles */
.btn-verificar[data-v-2371d70b] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-2371d70b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-error[data-v-2371d70b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-2371d70b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-2371d70b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-2371d70b] { font-size: 1.25rem;
}
.resultado-texto[data-v-2371d70b] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-2371d70b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-2371d70b] { flex: 1;
}
.nav-btn[data-v-2371d70b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-2371d70b] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-2371d70b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-2371d70b] { font-size: 1.75rem;
}
.completado-texto[data-v-2371d70b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-2371d70b], .slide-leave-active[data-v-2371d70b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-2371d70b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-2371d70b] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-247e0d0b] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-247e0d0b] {
  font-size: 2rem;
}
.resumen-intro p[data-v-247e0d0b] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}
.resumen-intro strong[data-v-247e0d0b] {
  color: #5EEAD4;
}

/* Cards grid */
.resumen-cards[data-v-247e0d0b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-247e0d0b] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-247e0d0b] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-247e0d0b]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-247e0d0b] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-247e0d0b] {
    grid-column: span 1;
}
}
.resumen-card.cation[data-v-247e0d0b] {
  border-color: rgba(16, 185, 129, 0.4);
}
.resumen-card.anion[data-v-247e0d0b] {
  border-color: rgba(239, 68, 68, 0.4);
}
.resumen-card.reglas[data-v-247e0d0b] {
  border-color: rgba(245, 158, 11, 0.4);
}
.card-header[data-v-247e0d0b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-247e0d0b] {
  font-size: 1.1rem;
}
.card-titulo[data-v-247e0d0b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-247e0d0b] {
  color: #E9D5FF;
}
.card-definicion[data-v-247e0d0b] {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.card-definicion strong[data-v-247e0d0b] {
  color: #5EEAD4;
}
.card-ejemplos[data-v-247e0d0b] {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.4rem;
}
.card-ejemplos .ejemplo[data-v-247e0d0b] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.3rem;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  font-weight: 600;
}
.cation .card-ejemplos .ejemplo[data-v-247e0d0b] {
  color: #6EE7B7;
}
.anion .card-ejemplos .ejemplo[data-v-247e0d0b] {
  color: #FCA5A5;
}
.card-nota[data-v-247e0d0b] {
  margin: 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.card-nota strong[data-v-247e0d0b] {
  color: #E9D5FF;
}

/* Reglas */
.regla-item[data-v-247e0d0b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.regla-item[data-v-247e0d0b]:last-child {
  margin-bottom: 0;
}
.regla-num[data-v-247e0d0b] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FCD34D;
  color: #1F2937;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.regla-text[data-v-247e0d0b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.regla-text strong[data-v-247e0d0b] {
  color: #FCD34D;
}

/* Ejemplo visual */
.ejemplo-comparacion[data-v-247e0d0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ejemplo-item[data-v-247e0d0b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  width: 100%;
}
.ejemplo-label[data-v-247e0d0b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.ejemplo-config[data-v-247e0d0b] {
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
  word-break: break-word;
  text-align: center;
}
.ejemplo-config .destacado[data-v-247e0d0b] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
}
.ejemplo-flecha[data-v-247e0d0b] {
  font-size: 0.75rem;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 9999px;
}

/* Isoelectrónicos */
.card-desc[data-v-247e0d0b] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0 0 0.5rem 0;
}
.iso-ejemplos[data-v-247e0d0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.iso-item[data-v-247e0d0b] {
  padding: 0.3rem 0.5rem;
  background: rgba(20, 184, 166, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.3rem;
  font-family: 'Courier New', monospace;
  font-weight: 600;
  color: #5EEAD4;
  font-size: 0.85rem;
}
.iso-igual[data-v-247e0d0b] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.card-nota-small[data-v-247e0d0b] {
  margin: 0.4rem 0 0;
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}

/* Cálculo */
.formula-box[data-v-247e0d0b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 0.4rem;
}
.formula-box[data-v-247e0d0b]:last-child {
  margin-bottom: 0;
}
.formula-box.cation[data-v-247e0d0b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.formula-box.anion[data-v-247e0d0b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.formula-label[data-v-247e0d0b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-calc[data-v-247e0d0b] {
  font-family: 'Courier New', monospace;
  font-weight: 700;
  font-size: 0.85rem;
}
.formula-box.cation .formula-calc[data-v-247e0d0b] {
  color: #6EE7B7;
}
.formula-box.anion .formula-calc[data-v-247e0d0b] {
  color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-247e0d0b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-247e0d0b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-247e0d0b] {
  font-size: 1rem;
}
.tip-text[data-v-247e0d0b] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-247e0d0b] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-247e0d0b] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-247e0d0b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-247e0d0b 1s ease-in-out infinite;
}
@keyframes bounce-247e0d0b {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-247e0d0b] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-texto strong[data-v-247e0d0b] {
  color: #5EEAD4;
}
.celebracion-siguiente[data-v-247e0d0b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual - molécula HF */
.intro-visual[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.molecula-visual[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.atomo[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  justify-content: center;
  position: relative;
}
.atomo-f[data-v-1ab97eb2] {
  background: linear-gradient(135deg, #10B981, #059669);
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.5);
}
.atomo-h[data-v-1ab97eb2] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  width: 35px;
  height: 35px;
}
.simbolo[data-v-1ab97eb2] {
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.atomo-h .simbolo[data-v-1ab97eb2] {
  font-size: 1rem;
}
.carga[data-v-1ab97eb2] {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
}
.atomo-f .carga[data-v-1ab97eb2] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.atomo-h .carga[data-v-1ab97eb2] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.enlace[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.e-compartido[data-v-1ab97eb2] {
  font-size: 0.9rem;
}
.flecha[data-v-1ab97eb2] {
  font-size: 1rem;
  color: #10B981;
  font-weight: 700;
}
.intro-label[data-v-1ab97eb2] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Analogía tira y afloja */
.analogia-section[data-v-1ab97eb2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-1ab97eb2] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tira-afloja[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.persona[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.persona-icono[data-v-1ab97eb2] {
  font-size: 1.5rem;
}
.persona-label[data-v-1ab97eb2] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.cuerda[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.electron[data-v-1ab97eb2] {
  color: #93C5FD;
  font-size: 0.9rem;
}
.flecha-cuerda[data-v-1ab97eb2] {
  color: #10B981;
  font-weight: 700;
}
.analogia-texto[data-v-1ab97eb2] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  text-align: center;
}

/* Concepto clave */
.concepto-clave[data-v-1ab97eb2] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-1ab97eb2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-grid[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-icono[data-v-1ab97eb2] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-1ab97eb2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-1ab97eb2] {
  color: #93C5FD;
}

/* Diferencia section */
.diferencia-section[data-v-1ab97eb2] {
  margin: 1.5rem 0;
}
.diferencia-titulo[data-v-1ab97eb2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.diferencia-item[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.diferencia-item.actual[data-v-1ab97eb2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.diferencia-nombre[data-v-1ab97eb2] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.diferencia-item.actual .diferencia-nombre[data-v-1ab97eb2] {
  color: #6EE7B7;
}
.diferencia-desc[data-v-1ab97eb2] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.diferencia-desc strong[data-v-1ab97eb2] {
  color: #93C5FD;
}

/* Representación */
.representacion[data-v-1ab97eb2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.rep-titulo[data-v-1ab97eb2] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.rep-contenido[data-v-1ab97eb2] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rep-simbolo[data-v-1ab97eb2] {
  font-size: 2.5rem;
  font-weight: 700;
  font-style: italic;
  color: #93C5FD;
}
.rep-info[data-v-1ab97eb2] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.rep-nombre[data-v-1ab97eb2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.rep-ejemplo[data-v-1ab97eb2] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: monospace;
}

/* Tip */
.tip[data-v-1ab97eb2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1ab97eb2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1ab97eb2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1ab97eb2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.atomo[data-v-1ab97eb2] {
    width: 60px;
    height: 60px;
}
.atomo-h[data-v-1ab97eb2] {
    width: 45px;
    height: 45px;
}
.simbolo[data-v-1ab97eb2] {
    font-size: 1.5rem;
}
.atomo-h .simbolo[data-v-1ab97eb2] {
    font-size: 1.25rem;
}
.concepto-grid[data-v-1ab97eb2] {
    flex-direction: row;
}
.concepto-item[data-v-1ab97eb2] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.diferencia-grid[data-v-1ab97eb2] {
    flex-direction: row;
}
.diferencia-item[data-v-1ab97eb2] {
    flex: 1;
}
}

/* Intro Pauling */
.pauling-intro[data-v-35889ab4] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pauling-info[data-v-35889ab4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.pauling-icono[data-v-35889ab4] {
  font-size: 2rem;
}
.pauling-texto[data-v-35889ab4] {
  display: flex;
  flex-direction: column;
}
.pauling-nombre[data-v-35889ab4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.pauling-desc[data-v-35889ab4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pauling-cita[data-v-35889ab4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
  font-style: italic;
}

/* Escala visual */
.escala-section[data-v-35889ab4] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-35889ab4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.escala-barra[data-v-35889ab4] {
  position: relative;
  padding: 0 0.5rem;
}
.escala-gradiente[data-v-35889ab4] {
  height: 20px;
  background: linear-gradient(to right, #EF4444, #F59E0B, #10B981);
  border-radius: 10px;
  margin-bottom: 0.5rem;
}
.escala-marcas[data-v-35889ab4] {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 0 0.25rem;
}
.marca[data-v-35889ab4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.marca-valor[data-v-35889ab4] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.marca-elem[data-v-35889ab4] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 700;
}
.escala-labels[data-v-35889ab4] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.label-bajo[data-v-35889ab4] {
  color: #FCA5A5;
}
.label-alto[data-v-35889ab4] {
  color: #6EE7B7;
}

/* Elementos clave */
.elementos-clave[data-v-35889ab4] {
  margin: 1.5rem 0;
}
.elementos-titulo[data-v-35889ab4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.elementos-grid[data-v-35889ab4] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.elem-card[data-v-35889ab4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.elem-card.alto[data-v-35889ab4] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.elem-card.medio[data-v-35889ab4] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.elem-card.neutro[data-v-35889ab4] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.elem-card.bajo[data-v-35889ab4] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.elem-simbolo[data-v-35889ab4] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.elem-valor[data-v-35889ab4] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.elem-label[data-v-35889ab4] {
  font-size: 0.55rem;
  color: #C4B5FD;
  text-align: center;
}

/* Extremos */
.extremos-section[data-v-35889ab4] {
  margin: 1.5rem 0;
}
.extremos-titulo[data-v-35889ab4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.extremos-grid[data-v-35889ab4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.extremo-card[data-v-35889ab4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.extremo-card.maximo[data-v-35889ab4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.extremo-card.minimo[data-v-35889ab4] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.extremo-emoji[data-v-35889ab4] {
  font-size: 1.5rem;
}
.extremo-elem[data-v-35889ab4] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.extremo-valor[data-v-35889ab4] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
  font-family: monospace;
}
.extremo-desc[data-v-35889ab4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Info box */
.info-box[data-v-35889ab4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.info-icono[data-v-35889ab4] {
  font-size: 1.25rem;
}
.info-contenido[data-v-35889ab4] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.info-titulo[data-v-35889ab4] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.info-texto[data-v-35889ab4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.info-texto strong[data-v-35889ab4] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-35889ab4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-35889ab4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-35889ab4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-35889ab4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.elementos-grid[data-v-35889ab4] {
    grid-template-columns: repeat(8, 1fr);
}
.extremos-grid[data-v-35889ab4] {
    flex-direction: row;
}
.extremo-card[data-v-35889ab4] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.extremo-desc[data-v-35889ab4] {
    margin-left: 0;
    margin-top: 0.25rem;
}
}

/* Visual de tendencias */
.tendencias-visual[data-v-bdde9020] {
  margin: 1rem 0 1.5rem;
  display: flex;
  justify-content: center;
}
.tabla-mini[data-v-bdde9020] {
  position: relative;
  width: 100%;
  max-width: 280px;
}
.flecha-horizontal[data-v-bdde9020] {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.flecha-texto[data-v-bdde9020] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.flecha-vertical[data-v-bdde9020] {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.flecha-texto-vertical[data-v-bdde9020] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.tabla-grid[data-v-bdde9020] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
  padding: 1.5rem 0.5rem 0.5rem 1.5rem;
}
.celda[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.celda.bajo[data-v-bdde9020] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.celda.medio[data-v-bdde9020] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.celda.alto[data-v-bdde9020] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.celda-pos[data-v-bdde9020] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.celda-valor[data-v-bdde9020] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.esquina[data-v-bdde9020] {
  position: absolute;
  top: 0.5rem;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: linear-gradient(135deg, #10B981, #059669);
  border-radius: 0.4rem;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}
.f-label[data-v-bdde9020] {
  font-size: 1rem;
  font-weight: 800;
  color: white;
}
.f-valor[data-v-bdde9020] {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.9);
}

/* Regla principal */
.regla-principal[data-v-bdde9020] {
  margin: 1.5rem 0;
}
.regla-titulo[data-v-bdde9020] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-bdde9020] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.regla-item.horizontal[data-v-bdde9020] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.regla-item.vertical[data-v-bdde9020] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.regla-header[data-v-bdde9020] {
  margin-bottom: 0.5rem;
}
.regla-direccion[data-v-bdde9020] {
  font-weight: 700;
  font-size: 0.9rem;
}
.horizontal .regla-direccion[data-v-bdde9020] {
  color: #FCD34D;
}
.vertical .regla-direccion[data-v-bdde9020] {
  color: #93C5FD;
}
.regla-efecto[data-v-bdde9020] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.regla-icono[data-v-bdde9020] {
  font-size: 1rem;
}
.regla-texto[data-v-bdde9020] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-bdde9020] {
  color: #6EE7B7;
}
.regla-razon[data-v-bdde9020] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-left: 1.5rem;
}

/* Por qué section */
.porque-section[data-v-bdde9020] {
  margin: 1.5rem 0;
}
.porque-titulo[data-v-bdde9020] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-card[data-v-bdde9020] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-num[data-v-bdde9020] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.factor-contenido[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.factor-nombre[data-v-bdde9020] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.factor-desc[data-v-bdde9020] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Ejemplos */
.ejemplo-section[data-v-bdde9020] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-bdde9020] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-elementos[data-v-bdde9020] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.elem-ejemplo[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  border: 2px solid;
}
.elem-ejemplo.bajo[data-v-bdde9020] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.elem-ejemplo.medio[data-v-bdde9020] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.elem-ejemplo.alto[data-v-bdde9020] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.elem-ejemplo.muy-alto[data-v-bdde9020] {
  background: rgba(16, 185, 129, 0.25);
  border-color: #10B981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}
.elem-sim[data-v-bdde9020] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
}
.elem-chi[data-v-bdde9020] {
  font-size: 0.65rem;
  color: #93C5FD;
  font-family: monospace;
}
.flecha-ejemplo[data-v-bdde9020] {
  font-size: 1rem;
  color: #6EE7B7;
  font-weight: 700;
}

/* Ejemplo vertical */
.ejemplo-vertical[data-v-bdde9020] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.elem-ejemplo-v[data-v-bdde9020] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem 1rem;
  border-radius: 0.4rem;
  border: 2px solid;
  min-width: 150px;
}
.elem-ejemplo-v.bajo[data-v-bdde9020] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.elem-ejemplo-v.medio[data-v-bdde9020] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.elem-ejemplo-v.alto[data-v-bdde9020] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.elem-ejemplo-v.muy-alto[data-v-bdde9020] {
  background: rgba(16, 185, 129, 0.25);
  border-color: #10B981;
}
.elem-periodo[data-v-bdde9020] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-left: auto;
}
.flecha-ejemplo-v[data-v-bdde9020] {
  font-size: 1rem;
  color: #FCA5A5;
  font-weight: 700;
}
.ejemplo-nota[data-v-bdde9020] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-bdde9020] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-bdde9020] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bdde9020] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bdde9020] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-mini[data-v-bdde9020] {
    max-width: 350px;
}
.reglas-grid[data-v-bdde9020] {
    flex-direction: row;
}
.regla-item[data-v-bdde9020] {
    flex: 1;
}
.factores-grid[data-v-bdde9020] {
    flex-direction: row;
}
.factor-card[data-v-bdde9020] {
    flex: 1;
}
.ejemplo-elementos[data-v-bdde9020] {
    justify-content: center;
    gap: 0.5rem;
}
.elem-ejemplo[data-v-bdde9020] {
    padding: 0.5rem 0.75rem;
}
.elem-sim[data-v-bdde9020] {
    font-size: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-a6e9477f] {
  margin: 1rem 0 1.5rem;
}
.tipos-enlaces[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-enlace[data-v-a6e9477f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-enlace.ionico[data-v-a6e9477f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-enlace.polar[data-v-a6e9477f] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.tipo-enlace.apolar[data-v-a6e9477f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.enlace-visual[data-v-a6e9477f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.elem[data-v-a6e9477f] {
  font-weight: 700;
  font-size: 1rem;
}
.elem.neg[data-v-a6e9477f] { color: #FCA5A5;
}
.elem.pos[data-v-a6e9477f] { color: #6EE7B7;
}
.elem.parcial-neg[data-v-a6e9477f] { color: #FCD34D;
}
.elem.parcial-pos[data-v-a6e9477f] { color: #93C5FD;
}
.elem.neutro[data-v-a6e9477f] { color: #E9D5FF;
}
.transferencia[data-v-a6e9477f], .compartido[data-v-a6e9477f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-label[data-v-a6e9477f] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Fórmula */
.formula-section[data-v-a6e9477f] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-a6e9477f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.formula-box[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.formula[data-v-a6e9477f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-desc[data-v-a6e9477f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Clasificación */
.clasificacion-section[data-v-a6e9477f] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-a6e9477f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clasificacion-grid[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.clasif-item[data-v-a6e9477f] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.clasif-item.apolar[data-v-a6e9477f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: #10B981;
}
.clasif-item.polar[data-v-a6e9477f] {
  background: rgba(245, 158, 11, 0.1);
  border-color: #F59E0B;
}
.clasif-item.ionico[data-v-a6e9477f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: #EF4444;
}
.clasif-header[data-v-a6e9477f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.clasif-rango[data-v-a6e9477f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.clasif-nombre[data-v-a6e9477f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.clasif-desc[data-v-a6e9477f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.clasif-desc strong[data-v-a6e9477f] {
  color: #93C5FD;
}
.clasif-ejemplo[data-v-a6e9477f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Escala delta */
.escala-delta[data-v-a6e9477f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escala-barra[data-v-a6e9477f] {
  position: relative;
  padding: 0 0.5rem;
}
.escala-gradiente[data-v-a6e9477f] {
  height: 16px;
  background: linear-gradient(to right, #10B981 0%, #10B981 30%, #F59E0B 30%, #F59E0B 70%, #EF4444 70%, #EF4444 100%);
  border-radius: 8px;
}
.escala-divisiones[data-v-a6e9477f] {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 0.25rem;
}
.division[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.div-valor[data-v-a6e9477f] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.div-marca[data-v-a6e9477f] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.escala-zonas[data-v-a6e9477f] {
  display: flex;
  justify-content: space-around;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.zona.apolar[data-v-a6e9477f] { color: #6EE7B7;
}
.zona.polar[data-v-a6e9477f] { color: #FCD34D;
}
.zona.ionico[data-v-a6e9477f] { color: #FCA5A5;
}

/* Ejemplo de cálculo */
.ejemplo-calculo[data-v-a6e9477f] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-a6e9477f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-pasos[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-a6e9477f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.paso-num[data-v-a6e9477f] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.paso.resultado .paso-num[data-v-a6e9477f] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-a6e9477f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-a6e9477f] {
  color: #6EE7B7;
}

/* Cargas parciales */
.cargas-section[data-v-a6e9477f] {
  margin: 1.5rem 0;
}
.cargas-titulo[data-v-a6e9477f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cargas-contenido[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.molecula-hcl[data-v-a6e9477f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 1.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.atomo-h[data-v-a6e9477f], .atomo-cl[data-v-a6e9477f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.atomo-sim[data-v-a6e9477f] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.carga-parcial[data-v-a6e9477f] {
  font-size: 0.85rem;
  font-weight: 700;
}
.carga-parcial.positiva[data-v-a6e9477f] { color: #93C5FD;
}
.carga-parcial.negativa[data-v-a6e9477f] { color: #FCA5A5;
}
.enlace-linea[data-v-a6e9477f] {
  font-size: 1.5rem;
  color: #C4B5FD;
  margin: 0 0.5rem;
}
.cargas-explicacion p[data-v-a6e9477f] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  text-align: center;
  line-height: 1.4;
}
.cargas-explicacion strong[data-v-a6e9477f] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-a6e9477f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a6e9477f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a6e9477f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a6e9477f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-enlaces[data-v-a6e9477f] {
    flex-direction: row;
}
.tipo-enlace[data-v-a6e9477f] {
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
}
.clasificacion-grid[data-v-a6e9477f] {
    flex-direction: row;
}
.clasif-item[data-v-a6e9477f] {
    flex: 1;
}
.cargas-contenido[data-v-a6e9477f] {
    flex-direction: row;
    gap: 1.5rem;
}
.cargas-explicacion p[data-v-a6e9477f] {
    text-align: left;
}
}

.explorador[data-v-828d42bd] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-828d42bd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-828d42bd] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-828d42bd] {
  border-color: #10B981;
  background: #10B981;
  color: white;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
}
.progreso-item.completado[data-v-828d42bd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-828d42bd] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-828d42bd] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-828d42bd] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-828d42bd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-828d42bd] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Comparar ===== */
.comparar-container[data-v-828d42bd] {
  text-align: center;
}
.comparar-pregunta[data-v-828d42bd] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.comparar-pregunta strong[data-v-828d42bd] {
  color: #6EE7B7;
}
.elementos-comparar[data-v-828d42bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-btn[data-v-828d42bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 90px;
}
.elemento-btn[data-v-828d42bd]:hover:not(:disabled) {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.elemento-btn.seleccionado[data-v-828d42bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.elemento-btn.correcto[data-v-828d42bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.4);
}
.elemento-btn.incorrecto[data-v-828d42bd] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.elem-simbolo[data-v-828d42bd] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
}
.elem-nombre[data-v-828d42bd] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.elem-ubicacion[data-v-828d42bd] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  font-family: monospace;
}
.vs-label[data-v-828d42bd] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}
.tip-recordatorio[data-v-828d42bd] {
  font-size: 0.8rem;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 2: Clasificar enlace ===== */
.clasificar-container[data-v-828d42bd] {
  text-align: center;
}
.clasificar-pregunta[data-v-828d42bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.molecula-mostrar[data-v-828d42bd] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
}
.delta-mostrar[data-v-828d42bd] {
  font-size: 1rem;
  color: #6EE7B7;
  font-family: monospace;
  font-weight: 600;
}
.clasificar-info[data-v-828d42bd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.info-item[data-v-828d42bd] {
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.info-label[data-v-828d42bd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.opciones-enlace[data-v-828d42bd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-enlace[data-v-828d42bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-enlace[data-v-828d42bd]:hover:not(:disabled) {
  border-color: rgba(16, 185, 129, 0.6);
}
.opcion-enlace.seleccionada[data-v-828d42bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.opcion-enlace.correcta[data-v-828d42bd] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.opcion-enlace.incorrecta[data-v-828d42bd] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-nombre[data-v-828d42bd] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.opcion-rango[data-v-828d42bd] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* ===== DESAFÍO 3: Ordenar ===== */
.ordenar-container[data-v-828d42bd] {
  text-align: center;
}
.ordenar-pregunta[data-v-828d42bd] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ordenar-pregunta strong[data-v-828d42bd] {
  color: #6EE7B7;
}
.elementos-disponibles[data-v-828d42bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.elem-ordenar[data-v-828d42bd] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.elem-ordenar.seleccionado[data-v-828d42bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.4);
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
}
.slots-ordenar[data-v-828d42bd] {
  margin-bottom: 1rem;
}
.slots-label[data-v-828d42bd] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.slots-row[data-v-828d42bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(to right, rgba(239, 68, 68, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.5rem;
}
.slot-chi[data-v-828d42bd] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-chi.ocupado[data-v-828d42bd] {
  border-style: solid;
  color: #6EE7B7;
}
.slot-chi.seleccionable[data-v-828d42bd] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
  animation: pulse-828d42bd 1s infinite;
}
@keyframes pulse-828d42bd {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.botones-accion[data-v-828d42bd] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-828d42bd] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-reiniciar[data-v-828d42bd] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback-error[data-v-828d42bd] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-828d42bd] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-828d42bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-828d42bd] { font-size: 1.25rem;
}
.resultado-texto[data-v-828d42bd] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-828d42bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(16, 185, 129, 0.2);
}
.nav-spacer[data-v-828d42bd] { flex: 1;
}
.nav-btn[data-v-828d42bd] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-828d42bd] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-828d42bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-828d42bd] { font-size: 1.75rem;
}
.completado-texto[data-v-828d42bd] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-828d42bd], .slide-leave-active[data-v-828d42bd] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-828d42bd] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-828d42bd] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.elementos-comparar[data-v-828d42bd] {
    gap: 1.5rem;
}
.elemento-btn[data-v-828d42bd] {
    min-width: 120px;
    padding: 1rem 1.5rem;
}
.elem-simbolo[data-v-828d42bd] {
    font-size: 2rem;
}
.opciones-enlace[data-v-828d42bd] {
    flex-direction: row;
    justify-content: center;
}
.opcion-enlace[data-v-828d42bd] {
    flex: 1;
    max-width: 180px;
    flex-direction: column;
    text-align: center;
}
.elementos-disponibles[data-v-828d42bd] {
    gap: 1rem;
}
.elem-ordenar[data-v-828d42bd],
  .slot-chi[data-v-828d42bd] {
    width: 60px;
    height: 60px;
    font-size: 1.4rem;
}
}

/* Header de resumen */
.resumen-header[data-v-39980990] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-39980990] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-39980990] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-resumen[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.concepto-box[data-v-39980990] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.concepto-label[data-v-39980990] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 9999px;
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.concepto-def[data-v-39980990] {
  color: #E9D5FF;
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.4;
}
.concepto-def strong[data-v-39980990] {
  color: #6EE7B7;
}

/* Puntos clave */
.puntos-clave[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.puntos-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-grid[data-v-39980990] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.punto-item[data-v-39980990] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.punto-num[data-v-39980990] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.punto-contenido[data-v-39980990] {
  display: flex;
  flex-direction: column;
}
.punto-titulo[data-v-39980990] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.punto-desc[data-v-39980990] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.punto-desc strong[data-v-39980990] {
  color: #6EE7B7;
}

/* Fórmula resumen */
.formula-resumen[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.formula-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.formula-box[data-v-39980990] {
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.formula[data-v-39980990] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}

/* Clasificación resumen */
.clasificacion-resumen[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.clasificacion-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-clasificacion[data-v-39980990] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  overflow-x: auto;
}
.fila[data-v-39980990] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.fila-header[data-v-39980990] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.fila-apolar[data-v-39980990] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.fila-polar[data-v-39980990] {
  background: rgba(245, 158, 11, 0.15);
  color: #FCD34D;
}
.fila-ionico[data-v-39980990] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}
.col-delta[data-v-39980990] {
  font-family: monospace;
  font-weight: 600;
}
.col-tipo[data-v-39980990] {
  font-weight: 600;
}
.col-ejemplo[data-v-39980990] {
  font-family: monospace;
}

/* Orden resumen */
.orden-resumen[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.orden-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-secuencia[data-v-39980990] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.orden-item[data-v-39980990] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  border: 2px solid;
}
.orden-item.bajo[data-v-39980990] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}
.orden-item.medio[data-v-39980990] {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.4);
}
.orden-item.alto[data-v-39980990] {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}
.orden-item.muy-alto[data-v-39980990] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
}
.orden-grupo[data-v-39980990] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.orden-chi[data-v-39980990] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-family: monospace;
}
.orden-flecha[data-v-39980990] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-weight: 700;
}

/* Aplicación resumen */
.aplicacion-resumen[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.aplicacion-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicacion-contenido[data-v-39980990] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-ejemplo[data-v-39980990] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
}
.ejemplo-molecula[data-v-39980990] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.ejemplo-explicacion[data-v-39980990] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplo-explicacion strong[data-v-39980990] {
  color: #FCD34D;
}
.carga-neg[data-v-39980990] {
  color: #FCA5A5;
  font-weight: 700;
}
.carga-pos[data-v-39980990] {
  color: #93C5FD;
  font-weight: 700;
}

/* Tips PAES */
.tips-paes[data-v-39980990] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-39980990] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-39980990] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-39980990] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-39980990] {
  color: #10B981;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-39980990] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-39980990] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-39980990] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-39980990] {
  font-size: 2rem;
}
.final-texto[data-v-39980990] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.final-texto strong[data-v-39980990] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.puntos-grid[data-v-39980990] {
    grid-template-columns: repeat(2, 1fr);
}
.aplicacion-ejemplo[data-v-39980990] {
    flex-direction: row;
    text-align: left;
    gap: 1rem;
}
.ejemplo-molecula[data-v-39980990] {
    font-size: 2rem;
}
}

/* Intro visual - enlace de coordinación */
.intro-visual[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.enlace-visual[data-v-c2283f9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.donante[data-v-c2283f9d], .aceptor[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.donante[data-v-c2283f9d] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.aceptor[data-v-c2283f9d] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.simbolo[data-v-c2283f9d] {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: monospace;
}
.donante .simbolo[data-v-c2283f9d] {
  color: #6EE7B7;
}
.aceptor .simbolo[data-v-c2283f9d] {
  color: #93C5FD;
}
.label[data-v-c2283f9d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.flecha-donacion[data-v-c2283f9d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem;
}
.electrones[data-v-c2283f9d] {
  font-size: 1.25rem;
  color: #FCD34D;
  font-weight: 700;
}
.flecha[data-v-c2283f9d] {
  font-size: 1.5rem;
  color: #FCD34D;
  animation: pulse-flecha-c2283f9d 1.5s infinite;
}
@keyframes pulse-flecha-c2283f9d {
0%, 100% { opacity: 1; transform: translateX(0);
}
50% { opacity: 0.7; transform: translateX(3px);
}
}
.resultado-enlace[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.complejo[data-v-c2283f9d] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #E9D5FF;
  font-family: monospace;
}
.nombre[data-v-c2283f9d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-c2283f9d] {
  color: #6EE7B7;
}
strong.negativo[data-v-c2283f9d] {
  color: #FCA5A5;
}

/* Comparación */
.comparacion-section[data-v-c2283f9d] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-c2283f9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.comp-item.covalente[data-v-c2283f9d] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-item.coordinacion[data-v-c2283f9d] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-tipo[data-v-c2283f9d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-visual[data-v-c2283f9d] {
  font-size: 1rem;
  font-family: monospace;
  color: #FCD34D;
}
.comp-descripcion[data-v-c2283f9d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Conceptos */
.conceptos-section[data-v-c2283f9d] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-c2283f9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.concepto[data-v-c2283f9d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-c2283f9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-c2283f9d] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-c2283f9d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-descripcion[data-v-c2283f9d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Ejemplo ion amonio */
.ejemplo-section[data-v-c2283f9d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-c2283f9d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.reaccion-visual[data-v-c2283f9d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.reactivo[data-v-c2283f9d], .producto[data-v-c2283f9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula[data-v-c2283f9d] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.producto .formula[data-v-c2283f9d] {
  color: #6EE7B7;
}
.detalle[data-v-c2283f9d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.signo[data-v-c2283f9d] {
  font-size: 1.25rem;
  color: #E9D5FF;
  font-weight: 700;
}
.ejemplo-nota[data-v-c2283f9d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}

/* Tip */
.tip[data-v-c2283f9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c2283f9d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c2283f9d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c2283f9d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.enlace-visual[data-v-c2283f9d] {
    gap: 1rem;
}
.donante[data-v-c2283f9d], .aceptor[data-v-c2283f9d] {
    padding: 0.75rem 1rem;
}
.simbolo[data-v-c2283f9d] {
    font-size: 1.5rem;
}
.comparacion-grid[data-v-c2283f9d] {
    flex-direction: row;
}
.comp-item[data-v-c2283f9d] {
    flex: 1;
}
.conceptos-grid[data-v-c2283f9d] {
    flex-direction: row;
}
.concepto[data-v-c2283f9d] {
    flex: 1;
}
}

/* Intro ligando */
.intro-ligando[data-v-78906085] {
  margin-bottom: 1.5rem;
}
.ligando-concepto[data-v-78906085] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ligando-icono[data-v-78906085] {
  font-size: 1.5rem;
}
.ligando-texto[data-v-78906085] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.ligando-texto strong[data-v-78906085] {
  color: #6EE7B7;
}

/* Texto inline */
strong.positivo[data-v-78906085] {
  color: #6EE7B7;
}
strong.negativo[data-v-78906085] {
  color: #FCA5A5;
}

/* Denticidad */
.denticidad-section[data-v-78906085] {
  margin: 1.5rem 0;
}
.denticidad-titulo[data-v-78906085] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.denticidad-grid[data-v-78906085] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.denticidad-item[data-v-78906085] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.denticidad-item.mono[data-v-78906085] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.denticidad-item.bi[data-v-78906085] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.denticidad-item.poli[data-v-78906085] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.denticidad-nombre[data-v-78906085] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.denticidad-desc[data-v-78906085] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.denticidad-ejemplos[data-v-78906085] {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
}
.ejemplo-ligando[data-v-78906085] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-family: monospace;
  color: #FCD34D;
}

/* Tabla de ligandos comunes */
.ligandos-comunes[data-v-78906085] {
  margin: 1.5rem 0;
}
.ligandos-titulo[data-v-78906085] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-ligandos[data-v-78906085] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ligando-row[data-v-78906085] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.6fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ligando-row.header[data-v-78906085] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.ligando-row[data-v-78906085]:last-child {
  border-bottom: none;
}
.col-formula[data-v-78906085] {
  font-family: monospace;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.col-nombre[data-v-78906085] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.col-carga[data-v-78906085] {
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
}
.col-carga.neutro[data-v-78906085] {
  color: #C4B5FD;
}
.col-carga.negativo[data-v-78906085] {
  color: #FCA5A5;
}

/* Número de coordinación */
.coordinacion-section[data-v-78906085] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.coordinacion-titulo[data-v-78906085] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.coordinacion-def[data-v-78906085] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.coordinacion-def strong[data-v-78906085] {
  color: #93C5FD;
}
.coordinacion-ejemplos[data-v-78906085] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.coord-ejemplo[data-v-78906085] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.coord-complejo[data-v-78906085] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.coord-numero[data-v-78906085] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.coord-geo[data-v-78906085] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Estructura de complejo */
.estructura-section[data-v-78906085] {
  margin: 1.5rem 0;
}
.estructura-titulo[data-v-78906085] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estructura-visual[data-v-78906085] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.complejo-partes[data-v-78906085] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.parte[data-v-78906085] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.corchete-izq[data-v-78906085], .corchete-der[data-v-78906085] {
  font-size: 2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.parte-valor[data-v-78906085] {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: monospace;
}
.metal .parte-valor[data-v-78906085] {
  color: #93C5FD;
}
.ligandos .parte-valor[data-v-78906085] {
  color: #6EE7B7;
}
.carga .parte-valor[data-v-78906085] {
  color: #FCA5A5;
  font-size: 1rem;
}
.parte-nombre[data-v-78906085] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-78906085] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-78906085] {
  font-size: 1.25rem;
}
.tip-texto[data-v-78906085] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-78906085] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.denticidad-grid[data-v-78906085] {
    flex-direction: row;
}
.denticidad-item[data-v-78906085] {
    flex: 1;
}
.coordinacion-ejemplos[data-v-78906085] {
    flex-direction: row;
}
.coord-ejemplo[data-v-78906085] {
    flex: 1;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
}

/* Texto inline */
strong.positivo[data-v-1364f5fa] {
  color: #6EE7B7;
}
strong.negativo[data-v-1364f5fa] {
  color: #FCA5A5;
}

/* Aplicaciones */
.aplicaciones-section[data-v-1364f5fa] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-1364f5fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-1364f5fa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.aplicacion[data-v-1364f5fa] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.aplicacion-header[data-v-1364f5fa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.aplicacion-icono[data-v-1364f5fa] {
  font-size: 1.25rem;
}
.aplicacion-nombre[data-v-1364f5fa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.aplicacion-contenido[data-v-1364f5fa] {
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-app[data-v-1364f5fa] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.app-nombre[data-v-1364f5fa] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.app-formula[data-v-1364f5fa] {
  font-family: monospace;
  color: #FCD34D;
  font-size: 0.8rem;
}
.app-uso[data-v-1364f5fa] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Hemoglobina destacada */
.destacado-section[data-v-1364f5fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.destacado-titulo[data-v-1364f5fa] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.destacado-contenido[data-v-1364f5fa] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.hemoglobina-visual[data-v-1364f5fa] {
  position: relative;
  width: 120px;
  height: 120px;
}
.hemo-centro[data-v-1364f5fa] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #EF4444, #B91C1C);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.5);
}
.hemo-metal[data-v-1364f5fa] {
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
}
.hemo-ligandos[data-v-1364f5fa] {
  position: absolute;
  inset: 0;
}
.hemo-ligando[data-v-1364f5fa] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}
.hemo-ligando.top[data-v-1364f5fa] {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.hemo-ligando.right[data-v-1364f5fa] {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.hemo-ligando.bottom[data-v-1364f5fa] {
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.hemo-ligando.left[data-v-1364f5fa] {
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.hemo-o2[data-v-1364f5fa] {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 0.2rem 0.4rem;
  background: rgba(16, 185, 129, 0.3);
  border: 2px solid rgba(16, 185, 129, 0.6);
  border-radius: 0.25rem;
}
.o2-label[data-v-1364f5fa] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #6EE7B7;
}
.hemoglobina-info[data-v-1364f5fa] {
  text-align: center;
}
.hemoglobina-info p[data-v-1364f5fa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.hemoglobina-info strong[data-v-1364f5fa] {
  color: #FCA5A5;
}
.hemo-dato[data-v-1364f5fa] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem !important;
}
.hemo-dato strong[data-v-1364f5fa] {
  color: #FCD34D;
}

/* Efecto quelato */
.quelato-section[data-v-1364f5fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.quelato-titulo[data-v-1364f5fa] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.quelato-def[data-v-1364f5fa] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.quelato-ejemplo[data-v-1364f5fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.quelato-comparacion[data-v-1364f5fa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.quelato-item[data-v-1364f5fa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.quelato-formula[data-v-1364f5fa] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.quelato-label[data-v-1364f5fa] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.quelato-item.mas-estable[data-v-1364f5fa] {
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.vs[data-v-1364f5fa] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.quelato-razon[data-v-1364f5fa] {
  font-size: 0.8rem;
  color: #6EE7B7;
  margin: 0;
  font-weight: 600;
}

/* Tip */
.tip[data-v-1364f5fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1364f5fa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1364f5fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1364f5fa] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.aplicaciones-grid[data-v-1364f5fa] {
    flex-direction: row;
}
.aplicacion[data-v-1364f5fa] {
    flex: 1;
}
.destacado-contenido[data-v-1364f5fa] {
    flex-direction: row;
    gap: 1.5rem;
}
.hemoglobina-info[data-v-1364f5fa] {
    text-align: left;
    flex: 1;
}
}

.explorador[data-v-5e852afa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5e852afa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5e852afa] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5e852afa] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5e852afa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5e852afa] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5e852afa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5e852afa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5e852afa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5e852afa] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: NC ===== */
.nc-container[data-v-5e852afa] {
  text-align: center;
}
.nc-complejo[data-v-5e852afa] {
  margin-bottom: 1rem;
}
.nc-formula[data-v-5e852afa] {
  font-size: 2rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.nc-pregunta[data-v-5e852afa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  color: #E9D5FF;
  font-size: 0.95rem;
}
.nc-input[data-v-5e852afa] {
  width: 55px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.nc-input.correcto[data-v-5e852afa] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.nc-input.incorrecto[data-v-5e852afa] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-5e852afa] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.nc-feedback[data-v-5e852afa] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.nc-feedback.correcto[data-v-5e852afa] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.nc-contador[data-v-5e852afa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Denticidad ===== */
.denticidad-container[data-v-5e852afa] {
  text-align: center;
}
.denticidad-ligando[data-v-5e852afa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.denticidad-formula[data-v-5e852afa] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  color: #FCD34D;
}
.denticidad-nombre[data-v-5e852afa] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.denticidad-opciones[data-v-5e852afa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.denticidad-btn[data-v-5e852afa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.denticidad-btn[data-v-5e852afa]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.denticidad-btn.seleccionado[data-v-5e852afa] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.denticidad-btn.correcto[data-v-5e852afa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.denticidad-btn.incorrecto[data-v-5e852afa] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.btn-tipo[data-v-5e852afa] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-desc[data-v-5e852afa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.denticidad-contador[data-v-5e852afa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Armar Complejo ===== */
.armar-container[data-v-5e852afa] {
  text-align: center;
}
.armar-objetivo[data-v-5e852afa] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.objetivo-label[data-v-5e852afa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.objetivo-complejo[data-v-5e852afa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.objetivo-pista[data-v-5e852afa] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.armar-selectores[data-v-5e852afa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.selector-grupo[data-v-5e852afa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.selector-grupo label[data-v-5e852afa] {
  width: 60px;
  text-align: right;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.selector-grupo select[data-v-5e852afa] {
  flex: 1;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #FFFFFF;
  font-family: inherit;
  font-size: 0.9rem;
}
.armar-resultado[data-v-5e852afa] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.resultado-formula[data-v-5e852afa] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
}
.btn-verificar-complejo[data-v-5e852afa] {
  padding: 0.75rem 1.5rem;
  background: #8B5CF6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-complejo[data-v-5e852afa]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.complejo-feedback[data-v-5e852afa] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.complejo-feedback.correcto[data-v-5e852afa] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}

/* Resultado correcto */
.resultado-correcto[data-v-5e852afa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5e852afa] { font-size: 1.25rem;
}
.resultado-texto[data-v-5e852afa] { color: #6EE7B7; font-weight: 600;
}

/* Navegación */
.desafio-nav[data-v-5e852afa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5e852afa] { flex: 1;
}
.nav-btn[data-v-5e852afa] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5e852afa] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5e852afa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5e852afa] { font-size: 1.75rem;
}
.completado-texto[data-v-5e852afa] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5e852afa], .slide-leave-active[data-v-5e852afa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5e852afa] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5e852afa] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.denticidad-opciones[data-v-5e852afa] {
    flex-direction: row;
}
.denticidad-btn[data-v-5e852afa] {
    flex: 1;
}
.armar-selectores[data-v-5e852afa] {
    flex-direction: row;
    justify-content: center;
}
.selector-grupo[data-v-5e852afa] {
    flex: none;
}
.selector-grupo label[data-v-5e852afa] {
    width: auto;
}
}

/* Texto inline */
strong.positivo[data-v-19b5c295] {
  color: #6EE7B7;
}
strong.negativo[data-v-19b5c295] {
  color: #FCA5A5;
}

/* Header de resumen */
.resumen-header[data-v-19b5c295] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-19b5c295] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-19b5c295] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos principales */
.puntos-principales[data-v-19b5c295] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-19b5c295] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #8B5CF6;
  border-radius: 0 0.5rem 0.5rem 0;
}
.punto-numero[data-v-19b5c295] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.punto-contenido[data-v-19b5c295] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-titulo[data-v-19b5c295] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.punto-descripcion[data-v-19b5c295] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.punto-descripcion strong[data-v-19b5c295] {
  color: #C4B5FD;
}

/* Complejos importantes */
.complejos-importantes[data-v-19b5c295] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.complejos-titulo[data-v-19b5c295] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.complejos-grid[data-v-19b5c295] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.complejo-item[data-v-19b5c295] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.complejo-nombre[data-v-19b5c295] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.complejo-metal[data-v-19b5c295] {
  font-family: monospace;
  color: #FCD34D;
  font-size: 0.8rem;
}
.complejo-funcion[data-v-19b5c295] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Fórmulas */
.formulas-section[data-v-19b5c295] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-19b5c295] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-19b5c295] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-19b5c295] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-expresion[data-v-19b5c295] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Tips PAES */
.tips-paes[data-v-19b5c295] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-19b5c295] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-19b5c295] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-19b5c295] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-19b5c295] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 20px;
}
.tip-texto[data-v-19b5c295] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-19b5c295] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-19b5c295] {
  font-size: 1.5rem;
}
.final-texto[data-v-19b5c295] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.complejos-grid[data-v-19b5c295] {
    grid-template-columns: repeat(4, 1fr);
}
.formulas-grid[data-v-19b5c295] {
    flex-direction: row;
}
.formula-item[data-v-19b5c295] {
    flex: 1;
}
}

/* Intro visual - compartición de electrones */
.intro-visual[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
}
.compartir-visual[data-v-987cd5ce] {
  display: flex;
  align-items: center;
  gap: 0;
}
.atomo[data-v-987cd5ce] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
}
.atomo-h[data-v-987cd5ce] {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
}
.simbolo[data-v-987cd5ce] {
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.electron[data-v-987cd5ce] {
  position: absolute;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.electron-left[data-v-987cd5ce] {
  right: -8px;
}
.electron-right[data-v-987cd5ce] {
  left: -8px;
}
.zona-enlace[data-v-987cd5ce] {
  width: 40px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.5rem;
  border: 2px dashed rgba(252, 211, 77, 0.5);
}
.electrones-compartidos[data-v-987cd5ce] {
  font-size: 1.25rem;
  color: #FCD34D;
  font-weight: 700;
  animation: pulse-share-987cd5ce 1.5s infinite;
}
@keyframes pulse-share-987cd5ce {
0%, 100% { opacity: 1;
}
50% { opacity: 0.6;
}
}
.resultado-covalente[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.molecula[data-v-987cd5ce] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.nombre[data-v-987cd5ce] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Texto inline */
strong.positivo[data-v-987cd5ce] {
  color: #6EE7B7;
}
strong.negativo[data-v-987cd5ce] {
  color: #FCA5A5;
}

/* Comparación iónico vs covalente */
.comparacion-section[data-v-987cd5ce] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-987cd5ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.comp-item.ionico[data-v-987cd5ce] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-item.covalente[data-v-987cd5ce] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.comp-tipo[data-v-987cd5ce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-accion[data-v-987cd5ce] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-ejemplo[data-v-987cd5ce] {
  font-size: 0.9rem;
  font-family: monospace;
  color: #FCD34D;
}
.comp-delta[data-v-987cd5ce] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Cuándo se forma */
.cuando-section[data-v-987cd5ce] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.cuando-titulo[data-v-987cd5ce] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.cuando-contenido[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion-principal[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.condicion-formula[data-v-987cd5ce] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: monospace;
}
.condicion-texto[data-v-987cd5ce] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.cuando-detalle[data-v-987cd5ce] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}
.cuando-detalle strong[data-v-987cd5ce] {
  color: #93C5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-987cd5ce] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-987cd5ce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-987cd5ce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-987cd5ce] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-987cd5ce] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-formula[data-v-987cd5ce] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.ej-nombre[data-v-987cd5ce] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-987cd5ce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-987cd5ce] {
  font-size: 1.25rem;
}
.tip-texto[data-v-987cd5ce] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-987cd5ce] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.atomo[data-v-987cd5ce] {
    width: 60px;
    height: 60px;
}
.simbolo[data-v-987cd5ce] {
    font-size: 1.5rem;
}
.zona-enlace[data-v-987cd5ce] {
    width: 50px;
}
.comparacion-grid[data-v-987cd5ce] {
    flex-direction: row;
}
.comp-item[data-v-987cd5ce] {
    flex: 1;
}
.ejemplos-grid[data-v-987cd5ce] {
    grid-template-columns: repeat(4, 1fr);
}
}

strong.positivo[data-v-87778d4a] {
  color: #6EE7B7;
}

/* Tipos section */
.tipos-section[data-v-87778d4a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo-enlace[data-v-87778d4a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-header[data-v-87778d4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
}
.tipo-header.simple[data-v-87778d4a] {
  background: rgba(59, 130, 246, 0.3);
}
.tipo-header.doble[data-v-87778d4a] {
  background: rgba(245, 158, 11, 0.3);
}
.tipo-header.triple[data-v-87778d4a] {
  background: rgba(239, 68, 68, 0.3);
}
.tipo-nombre[data-v-87778d4a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tipo-pares[data-v-87778d4a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.tipo-contenido[data-v-87778d4a] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.representacion[data-v-87778d4a] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: center;
}
.lewis-rep[data-v-87778d4a] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #C4B5FD;
  padding: 0.3rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.linea-rep[data-v-87778d4a] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ejemplos[data-v-87778d4a] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.ej-mol[data-v-87778d4a] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #6EE7B7;
  padding: 0.2rem 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.25rem;
}
.tipo-nota[data-v-87778d4a] {
  text-align: center;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-nota strong[data-v-87778d4a] {
  color: #FCD34D;
}

/* Propiedades tabla */
.propiedades-section[data-v-87778d4a] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-87778d4a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-tabla[data-v-87778d4a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.prop-row[data-v-87778d4a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
}
.prop-row.header[data-v-87778d4a] {
  background: rgba(139, 92, 246, 0.2);
}
.prop-row[data-v-87778d4a]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.prop-cell[data-v-87778d4a] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-row.header .prop-cell[data-v-87778d4a] {
  font-weight: 700;
  color: #FFFFFF;
}
.enlace-simple[data-v-87778d4a] {
  color: #93C5FD;
}
.enlace-doble[data-v-87778d4a] {
  color: #FCD34D;
}
.enlace-triple[data-v-87778d4a] {
  color: #FCA5A5;
}

/* Longitud visual */
.longitud-visual[data-v-87778d4a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.longitud-titulo[data-v-87778d4a] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.longitudes[data-v-87778d4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.longitud-item[data-v-87778d4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.l-tipo[data-v-87778d4a] {
  width: 40px;
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.l-barra[data-v-87778d4a] {
  flex: 1;
  height: 8px;
  border-radius: 4px;
}
.l-barra.simple[data-v-87778d4a] {
  background: linear-gradient(to right, #3B82F6, transparent);
  max-width: 100%;
}
.l-barra.doble[data-v-87778d4a] {
  background: linear-gradient(to right, #F59E0B, transparent);
  max-width: 87%;
}
.l-barra.triple[data-v-87778d4a] {
  background: linear-gradient(to right, #EF4444, transparent);
  max-width: 78%;
}
.l-valor[data-v-87778d4a] {
  width: 55px;
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: right;
}

/* Tip */
.tip[data-v-87778d4a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-87778d4a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-87778d4a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-87778d4a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-section[data-v-87778d4a] {
    flex-direction: row;
}
.tipo-enlace[data-v-87778d4a] {
    flex: 1;
}
.tipo-header[data-v-87778d4a] {
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
.longitudes[data-v-87778d4a] {
    flex-direction: row;
    gap: 1rem;
}
.longitud-item[data-v-87778d4a] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.l-tipo[data-v-87778d4a] {
    width: auto;
}
.l-barra[data-v-87778d4a] {
    width: 100%;
    max-width: 100% !important;
}
.l-barra.doble[data-v-87778d4a] {
    opacity: 0.87;
}
.l-barra.triple[data-v-87778d4a] {
    opacity: 0.78;
}
.l-valor[data-v-87778d4a] {
    width: auto;
    text-align: center;
}
}

strong.polar[data-v-9c27ee31] {
  color: #F59E0B;
}
strong.apolar[data-v-9c27ee31] {
  color: #6EE7B7;
}
strong.positivo[data-v-9c27ee31] {
  color: #6EE7B7;
}
strong.negativo[data-v-9c27ee31] {
  color: #FCA5A5;
}

/* Distribución section */
.distribucion-section[data-v-9c27ee31] {
  margin: 1.5rem 0;
}
.dist-titulo[data-v-9c27ee31] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dist-tipo[data-v-9c27ee31] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.dist-header[data-v-9c27ee31] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
}
.dist-header.apolar[data-v-9c27ee31] {
  background: rgba(16, 185, 129, 0.3);
}
.dist-header.polar[data-v-9c27ee31] {
  background: rgba(245, 158, 11, 0.3);
}
.dist-nombre[data-v-9c27ee31] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.dist-condicion[data-v-9c27ee31] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: monospace;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dist-visual[data-v-9c27ee31] {
  padding: 0.75rem;
  text-align: center;
}
.molecula-visual[data-v-9c27ee31] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 0.5rem;
}
.atomo-pol[data-v-9c27ee31] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  position: relative;
}
.positivo-parcial[data-v-9c27ee31] {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
}
.negativo-parcial[data-v-9c27ee31] {
  background: linear-gradient(135deg, #10B981, #059669);
}
.carga-parcial[data-v-9c27ee31] {
  position: absolute;
  top: -10px;
  font-size: 0.7rem;
  font-weight: 700;
}
.positivo-parcial .carga-parcial[data-v-9c27ee31] {
  color: #93C5FD;
  right: -5px;
}
.negativo-parcial .carga-parcial[data-v-9c27ee31] {
  color: #6EE7B7;
  left: -5px;
}
.nube-electronica[data-v-9c27ee31] {
  width: 35px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.nube-electronica.apolar[data-v-9c27ee31] {
  background: rgba(252, 211, 77, 0.2);
}
.nube-electronica.polar[data-v-9c27ee31] {
  background: linear-gradient(to right, rgba(252, 211, 77, 0.1), rgba(252, 211, 77, 0.4));
}
.dots[data-v-9c27ee31] {
  color: #FCD34D;
  font-weight: 700;
}
.dots.desplazados[data-v-9c27ee31] {
  margin-left: 8px;
}
.dist-explicacion[data-v-9c27ee31] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
}
.dist-explicacion strong[data-v-9c27ee31] {
  color: #FFFFFF;
}
.dist-ejemplos[data-v-9c27ee31] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.dist-ejemplos .ej[data-v-9c27ee31] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}

/* Momento dipolar */
.dipolo-section[data-v-9c27ee31] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.dipolo-titulo[data-v-9c27ee31] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.dipolo-contenido[data-v-9c27ee31] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.dipolo-visual[data-v-9c27ee31] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dipolo-positivo[data-v-9c27ee31] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.dipolo-flecha[data-v-9c27ee31] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.dipolo-negativo[data-v-9c27ee31] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.dipolo-texto[data-v-9c27ee31] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}

/* Ejemplo agua */
.ejemplo-agua[data-v-9c27ee31] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.agua-titulo[data-v-9c27ee31] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.agua-contenido[data-v-9c27ee31] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.agua-visual[data-v-9c27ee31] {
  position: relative;
  width: 120px;
  height: 80px;
}
.h-atom[data-v-9c27ee31], .o-atom[data-v-9c27ee31] {
  position: absolute;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.o-atom[data-v-9c27ee31] {
  background: linear-gradient(135deg, #EF4444, #B91C1C);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.h-atom[data-v-9c27ee31] {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
  width: 26px;
  height: 26px;
  font-size: 0.75rem;
}
.h-atom.h1[data-v-9c27ee31] {
  top: 5px;
  left: 10px;
}
.h-atom.h2[data-v-9c27ee31] {
  top: 5px;
  right: 10px;
}
.carga-mini[data-v-9c27ee31] {
  position: absolute;
  font-size: 0.6rem;
  top: -8px;
  right: -4px;
  color: #93C5FD;
}
.carga-mini.neg[data-v-9c27ee31] {
  color: #FCA5A5;
  top: -10px;
}
.angulo-label[data-v-9c27ee31] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #C4B5FD;
}
.agua-info[data-v-9c27ee31] {
  text-align: center;
}
.agua-info p[data-v-9c27ee31] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.agua-info strong[data-v-9c27ee31] {
  color: #6EE7B7;
}
.consecuencia[data-v-9c27ee31] {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
  margin-top: 0.5rem !important;
}

/* Resumen */
.resumen-polaridad[data-v-9c27ee31] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.resumen-titulo[data-v-9c27ee31] {
  font-weight: 700;
  color: #C4B5FD;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.resumen-contenido[data-v-9c27ee31] {
  padding: 0.5rem;
}
.resumen-row[data-v-9c27ee31] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  text-align: center;
  font-size: 0.8rem;
}
.resumen-row[data-v-9c27ee31]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.r-delta[data-v-9c27ee31] {
  color: #E9D5FF;
  font-family: monospace;
}
.r-tipo[data-v-9c27ee31] {
  font-weight: 600;
}
.r-tipo.apolar[data-v-9c27ee31] {
  color: #6EE7B7;
}
.r-tipo.polar[data-v-9c27ee31] {
  color: #FCD34D;
}
.r-tipo.ionico[data-v-9c27ee31] {
  color: #C4B5FD;
}
.r-ej[data-v-9c27ee31] {
  color: #C4B5FD;
  font-family: monospace;
}

/* Tip */
.tip[data-v-9c27ee31] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9c27ee31] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9c27ee31] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9c27ee31] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.agua-contenido[data-v-9c27ee31] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.agua-info[data-v-9c27ee31] {
    text-align: left;
}
}

/* Reglas section */
.reglas-section[data-v-b0b6233b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-b0b6233b] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-b0b6233b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-b0b6233b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-num[data-v-b0b6233b] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
}
.regla-texto[data-v-b0b6233b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos Lewis */
.ejemplos-lewis[data-v-b0b6233b] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-b0b6233b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lewis-ejemplo[data-v-b0b6233b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.lewis-header[data-v-b0b6233b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.lewis-formula[data-v-b0b6233b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.lewis-e-total[data-v-b0b6233b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.lewis-diagram[data-v-b0b6233b] {
  padding: 1rem;
  display: flex;
  justify-content: center;
}
.lewis-visual[data-v-b0b6233b] {
  display: flex;
  align-items: center;
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  gap: 0;
}

/* H2O visual */
.lewis-h[data-v-b0b6233b] {
  color: #93C5FD;
}
.lewis-enlace[data-v-b0b6233b] {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.lewis-central[data-v-b0b6233b] {
  position: relative;
  color: #FCA5A5;
}
.pares-solitarios[data-v-b0b6233b] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  color: #FCD34D;
  letter-spacing: 0.4rem;
}

/* CO2 visual */
.lewis-terminal[data-v-b0b6233b] {
  position: relative;
  color: #FCA5A5;
}
.pares-lat[data-v-b0b6233b] {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: #FCD34D;
  letter-spacing: 0.3rem;
}
.lewis-doble[data-v-b0b6233b] {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.lewis-central-c[data-v-b0b6233b] {
  color: #C4B5FD;
}

/* N2 visual */
.lewis-n-izq[data-v-b0b6233b], .lewis-n-der[data-v-b0b6233b] {
  position: relative;
  color: #93C5FD;
}
.par-sol-izq[data-v-b0b6233b] {
  position: absolute;
  left: -12px;
  color: #FCD34D;
}
.par-sol-der[data-v-b0b6233b] {
  position: absolute;
  right: -12px;
  color: #FCD34D;
}
.lewis-triple[data-v-b0b6233b] {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.lewis-detalle[data-v-b0b6233b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.2);
}
.detalle-item[data-v-b0b6233b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Carga formal */
.carga-formal-section[data-v-b0b6233b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.cf-titulo[data-v-b0b6233b] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.cf-contenido[data-v-b0b6233b] {
  text-align: center;
}
.cf-formula[data-v-b0b6233b] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.cf-texto[data-v-b0b6233b] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cf-nota[data-v-b0b6233b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
}
.cf-nota strong[data-v-b0b6233b] {
  color: #6EE7B7;
}

/* Excepciones */
.excepciones-section[data-v-b0b6233b] {
  margin: 1.5rem 0;
}
.exc-titulo[data-v-b0b6233b] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.exc-grid[data-v-b0b6233b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.exc-item[data-v-b0b6233b] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 0.5rem;
}
.exc-tipo[data-v-b0b6233b] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.exc-ejemplos[data-v-b0b6233b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.exc-caso[data-v-b0b6233b] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-b0b6233b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b0b6233b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b0b6233b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b0b6233b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.lewis-detalle[data-v-b0b6233b] {
    gap: 2rem;
}
.exc-grid[data-v-b0b6233b] {
    flex-direction: row;
}
.exc-item[data-v-b0b6233b] {
    flex: 1;
}
}

.explorador[data-v-cc1fcd11] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-cc1fcd11] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-cc1fcd11] {
  border-color: #10B981;
  background: #10B981;
  color: white;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
}
.progreso-item.completado[data-v-cc1fcd11] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-cc1fcd11] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cc1fcd11] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cc1fcd11] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-cc1fcd11] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-cc1fcd11] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-cc1fcd11] {
  text-align: center;
}
.molecula-mostrar[data-v-cc1fcd11] {
  margin-bottom: 1rem;
}
.molecula-formula[data-v-cc1fcd11] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
  display: block;
  font-family: monospace;
}
.molecula-visual[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.atomo-viz[data-v-cc1fcd11] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
}
.clasificar-pregunta[data-v-cc1fcd11] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.clasificar-opciones[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-btn[data-v-cc1fcd11] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 70px;
}
.tipo-btn[data-v-cc1fcd11]:hover:not(:disabled) {
  border-color: rgba(16, 185, 129, 0.6);
}
.tipo-btn.seleccionado[data-v-cc1fcd11] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.tipo-btn.correcto[data-v-cc1fcd11] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.tipo-btn.incorrecto[data-v-cc1fcd11] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.tipo-simbolo[data-v-cc1fcd11] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.tipo-nombre[data-v-cc1fcd11] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* ===== DESAFÍO 2: Polaridad ===== */
.polaridad-container[data-v-cc1fcd11] {
  text-align: center;
}
.polaridad-molecula[data-v-cc1fcd11] {
  margin-bottom: 0.75rem;
}
.pol-formula[data-v-cc1fcd11] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  display: block;
  font-family: monospace;
}
.pol-electroneg[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.25rem;
}
.pol-chi[data-v-cc1fcd11] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.delta-calculator[data-v-cc1fcd11] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.delta-label[data-v-cc1fcd11] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.delta-result[data-v-cc1fcd11] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.polaridad-pregunta[data-v-cc1fcd11] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.polaridad-opciones[data-v-cc1fcd11] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pol-btn[data-v-cc1fcd11] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.pol-btn[data-v-cc1fcd11]:hover:not(:disabled) {
  border-color: rgba(16, 185, 129, 0.6);
}
.pol-btn.seleccionado[data-v-cc1fcd11] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.pol-btn.correcto[data-v-cc1fcd11] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.pol-btn.incorrecto[data-v-cc1fcd11] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.pol-icono[data-v-cc1fcd11] {
  font-size: 1.5rem;
  width: 35px;
  text-align: center;
}
.pol-icono.apolar[data-v-cc1fcd11] { color: #6EE7B7;
}
.pol-icono.polar[data-v-cc1fcd11] { color: #FCD34D;
}
.pol-icono.ionico[data-v-cc1fcd11] { color: #FCA5A5;
}
.pol-info[data-v-cc1fcd11] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.pol-nombre[data-v-cc1fcd11] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.pol-cond[data-v-cc1fcd11] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* ===== DESAFÍO 3: Valencia ===== */
.valencia-container[data-v-cc1fcd11] {
  text-align: center;
}
.valencia-molecula[data-v-cc1fcd11] {
  margin-bottom: 1rem;
}
.val-formula[data-v-cc1fcd11] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
  display: block;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.val-atomos[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.val-atomo[data-v-cc1fcd11] {
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
}
.valencia-pregunta[data-v-cc1fcd11] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.valencia-input-area[data-v-cc1fcd11] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.valencia-input[data-v-cc1fcd11] {
  width: 70px;
  padding: 0.6rem;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.valencia-input.correcto[data-v-cc1fcd11] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.valencia-input.incorrecto[data-v-cc1fcd11] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-cc1fcd11] {
  padding: 0.6rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-cc1fcd11]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-cc1fcd11] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-cc1fcd11] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-cc1fcd11] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cc1fcd11] { font-size: 1.25rem;
}
.resultado-texto[data-v-cc1fcd11] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-cc1fcd11] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(16, 185, 129, 0.2);
}
.nav-spacer[data-v-cc1fcd11] { flex: 1;
}
.nav-btn[data-v-cc1fcd11] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-cc1fcd11] {
  background: #10B981;
  border-color: #059669;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-cc1fcd11] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cc1fcd11] { font-size: 1.75rem;
}
.completado-texto[data-v-cc1fcd11] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cc1fcd11], .slide-leave-active[data-v-cc1fcd11] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cc1fcd11] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cc1fcd11] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.clasificar-opciones[data-v-cc1fcd11] {
    gap: 1rem;
}
.tipo-btn[data-v-cc1fcd11] {
    min-width: 90px;
    padding: 1rem 1.25rem;
}
.polaridad-opciones[data-v-cc1fcd11] {
    flex-direction: row;
    justify-content: center;
}
.pol-btn[data-v-cc1fcd11] {
    flex: 1;
    max-width: 150px;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.pol-info[data-v-cc1fcd11] {
    align-items: center;
}
}

strong.positivo[data-v-08b942fb] {
  color: #6EE7B7;
}

/* Concepto central */
.concepto-central[data-v-08b942fb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-08b942fb] {
  font-size: 2rem;
}
.concepto-texto[data-v-08b942fb] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-texto strong[data-v-08b942fb] {
  color: #FFFFFF;
}

/* Tipos resumen */
.resumen-section[data-v-08b942fb] {
  margin-bottom: 1.5rem;
}
.resumen-titulo[data-v-08b942fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-resumen[data-v-08b942fb] {
  display: flex;
  gap: 0.5rem;
}
.tipo-card[data-v-08b942fb] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.simple[data-v-08b942fb] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.doble[data-v-08b942fb] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.triple[data-v-08b942fb] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-card .tipo-simbolo[data-v-08b942fb] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.tipo-card .tipo-nombre[data-v-08b942fb] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-card .tipo-electrones[data-v-08b942fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tipo-card .tipo-ejemplo[data-v-08b942fb] {
  font-size: 0.75rem;
  color: #6EE7B7;
  font-family: monospace;
}

/* Polaridad resumen */
.polaridad-resumen[data-v-08b942fb] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.polaridad-titulo[data-v-08b942fb] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.escala-visual[data-v-08b942fb] {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.escala-barra[data-v-08b942fb] {
  height: 12px;
  background: linear-gradient(to right, #6EE7B7, #FCD34D 25%, #FCD34D 85%, #FCA5A5);
  border-radius: 6px;
}
.escala-marcas[data-v-08b942fb] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
}
.marca[data-v-08b942fb] {
  position: absolute;
  font-size: 0.7rem;
  color: #C4B5FD;
  transform: translateX(-50%);
}
.escala-zonas[data-v-08b942fb] {
  display: flex;
  margin-top: 0.5rem;
}
.zona[data-v-08b942fb] {
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
}
.zona.apolar[data-v-08b942fb] {
  width: 20%;
  color: #6EE7B7;
}
.zona.polar[data-v-08b942fb] {
  width: 65%;
  color: #FCD34D;
}
.zona.ionico[data-v-08b942fb] {
  width: 15%;
  color: #FCA5A5;
}

/* Propiedades resumen */
.propiedades-resumen[data-v-08b942fb] {
  margin-bottom: 1.5rem;
}
.prop-titulo[data-v-08b942fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.prop-lista[data-v-08b942fb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.prop-item[data-v-08b942fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-check[data-v-08b942fb] {
  color: #6EE7B7;
  font-weight: 700;
  min-width: 18px;
}
.prop-texto[data-v-08b942fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-texto strong[data-v-08b942fb] {
  color: #FCD34D;
}

/* Fórmulas PAES */
.formulas-paes[data-v-08b942fb] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-08b942fb] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-grid[data-v-08b942fb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-08b942fb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.f-nombre[data-v-08b942fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.f-formula[data-v-08b942fb] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
}
.formula-nota[data-v-08b942fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
}

/* Ejemplos PAES */
.ejemplos-paes[data-v-08b942fb] {
  margin-bottom: 1.5rem;
}
.ej-titulo[data-v-08b942fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ej-grid[data-v-08b942fb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ej-item[data-v-08b942fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.5rem;
}
.ej-item .ej-formula[data-v-08b942fb] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.ej-item .ej-info[data-v-08b942fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-nota[data-v-08b942fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Tip final */
.tip-final[data-v-08b942fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-final .tip-icono[data-v-08b942fb] {
  font-size: 1.5rem;
}
.tip-final .tip-contenido[data-v-08b942fb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-final strong[data-v-08b942fb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grid[data-v-08b942fb] {
    flex-direction: row;
}
.formula-item[data-v-08b942fb] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.ej-grid[data-v-08b942fb] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual - transferencia de electrones */
.intro-visual[data-v-3ff98a4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.transferencia-visual[data-v-3ff98a4f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.atomo[data-v-3ff98a4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  position: relative;
}
.atomo-na[data-v-3ff98a4f] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
}
.atomo-cl[data-v-3ff98a4f] {
  background: linear-gradient(135deg, #10B981, #059669);
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.5);
}
.simbolo[data-v-3ff98a4f] {
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.electron-out[data-v-3ff98a4f] {
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 0.7rem;
  color: #FCA5A5;
  animation: electron-move-3ff98a4f 1.5s infinite;
}
.electron-in[data-v-3ff98a4f] {
  position: absolute;
  top: -5px;
  left: -10px;
  font-size: 0.7rem;
  color: #6EE7B7;
  animation: electron-arrive-3ff98a4f 1.5s infinite;
}
@keyframes electron-move-3ff98a4f {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(15px); opacity: 0.5;
}
}
@keyframes electron-arrive-3ff98a4f {
0%, 100% { transform: translateX(0); opacity: 1;
}
50% { transform: translateX(-15px); opacity: 0.5;
}
}
.flecha-transferencia[data-v-3ff98a4f] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.resultado-ionico[data-v-3ff98a4f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ion[data-v-3ff98a4f] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.ion-positivo[data-v-3ff98a4f] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
}
.ion-negativo[data-v-3ff98a4f] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.atraccion[data-v-3ff98a4f] {
  font-size: 1rem;
  animation: pulse-atraccion-3ff98a4f 1s infinite;
}
@keyframes pulse-atraccion-3ff98a4f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}

/* Texto inline */
strong.positivo[data-v-3ff98a4f] {
  color: #6EE7B7;
}
strong.negativo[data-v-3ff98a4f] {
  color: #FCA5A5;
}

/* Requisitos */
.requisitos-section[data-v-3ff98a4f] {
  margin: 1.5rem 0;
}
.requisitos-titulo[data-v-3ff98a4f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-grid[data-v-3ff98a4f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.requisito[data-v-3ff98a4f] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.requisito-header[data-v-3ff98a4f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.req-icono[data-v-3ff98a4f] {
  font-size: 1.25rem;
}
.req-nombre[data-v-3ff98a4f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.req-desc[data-v-3ff98a4f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.req-accion[data-v-3ff98a4f] {
  font-size: 0.85rem;
  font-weight: 600;
}
.req-accion.positivo[data-v-3ff98a4f] {
  color: #6EE7B7;
}
.req-accion.negativo[data-v-3ff98a4f] {
  color: #FCA5A5;
}

/* Regla delta */
.regla-delta[data-v-3ff98a4f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-3ff98a4f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regla-contenido[data-v-3ff98a4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula-delta[data-v-3ff98a4f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.delta-simbolo[data-v-3ff98a4f] {
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  color: #93C5FD;
}
.delta-comparador[data-v-3ff98a4f] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.delta-valor[data-v-3ff98a4f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.regla-explicacion[data-v-3ff98a4f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}
.regla-explicacion strong[data-v-3ff98a4f] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-3ff98a4f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-3ff98a4f] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-calculo[data-v-3ff98a4f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.calculo-row[data-v-3ff98a4f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: monospace;
}
.calculo-elem[data-v-3ff98a4f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.calculo-op[data-v-3ff98a4f] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}
.calculo-result[data-v-3ff98a4f] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.calculo-conclusion[data-v-3ff98a4f] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* Tip */
.tip[data-v-3ff98a4f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3ff98a4f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3ff98a4f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3ff98a4f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.atomo[data-v-3ff98a4f] {
    width: 65px;
    height: 65px;
}
.simbolo[data-v-3ff98a4f] {
    font-size: 1.5rem;
}
.requisitos-grid[data-v-3ff98a4f] {
    flex-direction: row;
}
.requisito[data-v-3ff98a4f] {
    flex: 1;
}
}

/* Proceso section */
.proceso-section[data-v-533a8487] {
  margin: 1rem 0 1.5rem;
}
.proceso-titulo[data-v-533a8487] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.proceso-paso[data-v-533a8487] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.proceso-paso.destacado[data-v-533a8487] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.paso-numero[data-v-533a8487] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 50%;
}
.paso-contenido[data-v-533a8487] {
  flex: 1;
}
.paso-titulo[data-v-533a8487] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

/* Átomos neutros */
.atomos-neutros[data-v-533a8487] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.atomo-detalle[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.atomo-circulo[data-v-533a8487] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.atomo-circulo.na[data-v-533a8487] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
}
.atomo-circulo.cl[data-v-533a8487] {
  background: linear-gradient(135deg, #10B981, #059669);
}
.config-e[data-v-533a8487] {
  font-size: 0.7rem;
  color: #C4B5FD;
  display: flex;
  gap: 0.25rem;
}
.config-e .valor[data-v-533a8487] {
  color: #FCD34D;
  font-weight: 600;
}

/* Transferencia */
.transferencia-detalle[data-v-533a8487] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.trans-from[data-v-533a8487], .trans-to[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.trans-elem[data-v-533a8487] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.trans-accion[data-v-533a8487] {
  font-size: 0.75rem;
  font-weight: 600;
}
.trans-accion.positivo[data-v-533a8487] {
  color: #6EE7B7;
}
.trans-accion.negativo[data-v-533a8487] {
  color: #FCA5A5;
}
.trans-arrow[data-v-533a8487] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #FCD34D;
  font-size: 1rem;
  font-weight: 700;
}
.electron-animado[data-v-533a8487] {
  font-size: 0.8rem;
  color: #93C5FD;
  animation: bounce-electron-533a8487 1s infinite;
}
@keyframes bounce-electron-533a8487 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}

/* Iones formados */
.iones-formados[data-v-533a8487] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.ion-detalle[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.ion-circulo[data-v-533a8487] {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.ion-circulo.cation[data-v-533a8487] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.ion-circulo.anion[data-v-533a8487] {
  background: linear-gradient(135deg, #10B981, #059669);
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}
.ion-info[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.65rem;
}
.ion-tipo[data-v-533a8487] {
  color: #E9D5FF;
  font-weight: 600;
}
.ion-config[data-v-533a8487] {
  color: #C4B5FD;
}

/* Atracción */
.atraccion-visual[data-v-533a8487] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ion-mini[data-v-533a8487] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.9rem;
}
.ion-mini.cation[data-v-533a8487] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.ion-mini.anion[data-v-533a8487] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.lineas-atraccion[data-v-533a8487] {
  font-size: 1.25rem;
  animation: pulse-attract-533a8487 1s infinite;
}
@keyframes pulse-attract-533a8487 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.7;
}
}
.atraccion-texto[data-v-533a8487] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}
.atraccion-texto strong[data-v-533a8487] {
  color: #6EE7B7;
}

/* Octeto section */
.octeto-section[data-v-533a8487] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.octeto-titulo[data-v-533a8487] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.octeto-contenido p[data-v-533a8487] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.octeto-contenido p strong[data-v-533a8487] {
  color: #93C5FD;
}
.octeto-ejemplos[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.octeto-ej[data-v-533a8487] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.ej-formula[data-v-533a8487] {
  font-family: monospace;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-explain[data-v-533a8487] {
  color: #6EE7B7;
  font-size: 0.8rem;
}

/* Ejemplos section */
.ejemplos-section[data-v-533a8487] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-533a8487] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-533a8487] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-533a8487] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ej-compuesto[data-v-533a8487] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-proceso[data-v-533a8487] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.ej-nota[data-v-533a8487] {
  font-size: 0.75rem;
  color: #93C5FD;
  width: 100%;
}

/* Tip */
.tip[data-v-533a8487] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-533a8487] {
  font-size: 1.25rem;
}
.tip-texto[data-v-533a8487] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-533a8487] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.atomos-neutros[data-v-533a8487] {
    gap: 2.5rem;
}
.atomo-circulo[data-v-533a8487] {
    width: 50px;
    height: 50px;
    font-size: 1rem;
}
.iones-formados[data-v-533a8487] {
    gap: 2rem;
}
.octeto-ejemplos[data-v-533a8487] {
    flex-direction: row;
}
.octeto-ej[data-v-533a8487] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.ejemplos-grid[data-v-533a8487] {
    flex-direction: row;
    flex-wrap: wrap;
}
.ejemplo-item[data-v-533a8487] {
    flex: 1;
    min-width: 140px;
    flex-direction: column;
    text-align: center;
}
.ej-nota[data-v-533a8487] {
    text-align: center;
}
}

/* Grid de propiedades */
.propiedades-grid[data-v-5b1966f7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.propiedad-card[data-v-5b1966f7] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.propiedad-card.destacada[data-v-5b1966f7] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.prop-header[data-v-5b1966f7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-icono[data-v-5b1966f7] {
  font-size: 1.25rem;
}
.prop-titulo[data-v-5b1966f7] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.prop-contenido[data-v-5b1966f7] {
  padding-left: 0.25rem;
}
.prop-descripcion[data-v-5b1966f7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}
.prop-descripcion strong[data-v-5b1966f7] {
  color: #93C5FD;
}
.prop-ejemplo[data-v-5b1966f7] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.8rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ejemplo-nombre[data-v-5b1966f7] {
  color: #C4B5FD;
}
.ejemplo-valor[data-v-5b1966f7] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Fragilidad visual */
.fragilidad-visual[data-v-5b1966f7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.cristal-antes[data-v-5b1966f7] {
  font-size: 1.5rem;
}
.golpe[data-v-5b1966f7] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.cristal-despues[data-v-5b1966f7] {
  font-size: 1.25rem;
}

/* Conductividad tabla */
.conductividad-tabla[data-v-5b1966f7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.cond-row[data-v-5b1966f7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.cond-estado[data-v-5b1966f7] {
  min-width: 60px;
  color: #E9D5FF;
  font-weight: 600;
}
.cond-resultado[data-v-5b1966f7] {
  min-width: 85px;
  font-weight: 600;
}
.cond-resultado.si[data-v-5b1966f7] {
  color: #6EE7B7;
}
.cond-resultado.no[data-v-5b1966f7] {
  color: #FCA5A5;
}
.cond-razon[data-v-5b1966f7] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Solubilidad visual */
.solubilidad-visual[data-v-5b1966f7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.4rem;
}
.ion-sol[data-v-5b1966f7] {
  padding: 0.25rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.ion-sol.cation[data-v-5b1966f7] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.ion-sol.anion[data-v-5b1966f7] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.agua[data-v-5b1966f7] {
  font-size: 1.25rem;
  animation: water-move-5b1966f7 2s infinite;
}
@keyframes water-move-5b1966f7 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-3px);
}
}

/* Resumen section */
.resumen-section[data-v-5b1966f7] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-5b1966f7] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-5b1966f7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.resumen-row[data-v-5b1966f7] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.resumen-row.header[data-v-5b1966f7] {
  background: rgba(139, 92, 246, 0.2);
}
.resumen-row.header .res-prop[data-v-5b1966f7],
.resumen-row.header .res-val[data-v-5b1966f7] {
  font-weight: 700;
  color: #FFFFFF;
}
.res-prop[data-v-5b1966f7] {
  color: #E9D5FF;
}
.res-val[data-v-5b1966f7] {
  color: #E9D5FF;
  font-weight: 600;
}
.res-val.alto[data-v-5b1966f7] {
  color: #FCD34D;
}
.res-val.si[data-v-5b1966f7] {
  color: #6EE7B7;
}
.res-val.no[data-v-5b1966f7] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-5b1966f7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5b1966f7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5b1966f7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5b1966f7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-grid[data-v-5b1966f7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.propiedad-card.destacada[data-v-5b1966f7] {
    grid-column: span 2;
}
.cond-row[data-v-5b1966f7] {
    gap: 1rem;
}
.cond-estado[data-v-5b1966f7] {
    min-width: 80px;
}
}

/* Red cristalina section */
.red-section[data-v-3a026580] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.red-titulo[data-v-3a026580] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.red-cristalina[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.red-grid[data-v-3a026580] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ion-red[data-v-3a026580] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.6rem;
  font-weight: 700;
}
.ion-red.na[data-v-3a026580] {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  color: white;
}
.ion-red.cl[data-v-3a026580] {
  background: linear-gradient(135deg, #10B981, #059669);
  color: white;
}
.red-label[data-v-3a026580] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Coordinación section */
.coordinacion-section[data-v-3a026580] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.coord-titulo[data-v-3a026580] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.coord-def[data-v-3a026580] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.coord-def strong[data-v-3a026580] {
  color: #FCD34D;
}
.coord-visual[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ion-central[data-v-3a026580] {
  z-index: 2;
}
.ion-coord[data-v-3a026580] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8rem;
}
.na-central[data-v-3a026580] {
  background: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
  border: 2px solid #8B5CF6;
}
.iones-rodeando[data-v-3a026580] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.cl-rodea[data-v-3a026580] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
}
.coord-resultado[data-v-3a026580] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.coord-resultado strong[data-v-3a026580] {
  color: #6EE7B7;
}

/* Fragilidad section */
.fragilidad-section[data-v-3a026580] {
  margin: 1.5rem 0;
}
.frag-titulo[data-v-3a026580] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.frag-contenido[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.frag-paso[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
}
.frag-label[data-v-3a026580] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.frag-grid[data-v-3a026580] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.f-ion[data-v-3a026580] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.f-ion.pos[data-v-3a026580] {
  background: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.f-ion.neg[data-v-3a026580] {
  background: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.frag-grid.desplazado .f-ion.pos[data-v-3a026580] {
  transform: translateX(5px);
}
.frag-desc[data-v-3a026580] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.frag-desc.negativo[data-v-3a026580] {
  color: #FCA5A5;
}
.frag-flecha[data-v-3a026580] {
  font-size: 1.25rem;
  color: #FCD34D;
}

/* Energía section */
.energia-section[data-v-3a026580] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.energia-titulo[data-v-3a026580] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.energia-def[data-v-3a026580] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.energia-def strong[data-v-3a026580] {
  color: #93C5FD;
}
.energia-factores[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.factor[data-v-3a026580] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.factor-icono[data-v-3a026580] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.factor:last-child .factor-icono[data-v-3a026580] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.factor-texto[data-v-3a026580] {
  color: #E9D5FF;
}
.factor-texto strong[data-v-3a026580] {
  color: #FCD34D;
}
.energia-ejemplo[data-v-3a026580] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.ej-label[data-v-3a026580] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.ej-valor[data-v-3a026580] {
  font-family: monospace;
  color: #6EE7B7;
  font-weight: 600;
}
.ej-razon[data-v-3a026580] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Tip */
.tip[data-v-3a026580] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3a026580] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3a026580] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3a026580] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.red-grid[data-v-3a026580] {
    gap: 0.5rem;
}
.ion-red[data-v-3a026580] {
    width: 45px;
    height: 45px;
    font-size: 0.75rem;
}
.frag-contenido[data-v-3a026580] {
    flex-direction: row;
    justify-content: center;
}
.frag-paso[data-v-3a026580] {
    width: auto;
    min-width: 160px;
}
.energia-factores[data-v-3a026580] {
    flex-direction: row;
}
.factor[data-v-3a026580] {
    flex: 1;
}
}

.explorador[data-v-a1daabba] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a1daabba] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a1daabba] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a1daabba] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-a1daabba] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a1daabba] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a1daabba] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a1daabba] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a1daabba] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a1daabba] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-a1daabba] {
  text-align: center;
}
.compuesto-mostrar[data-v-a1daabba] {
  margin-bottom: 0.75rem;
}
.compuesto-formula[data-v-a1daabba] {
  font-size: 2rem;
  font-weight: 800;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.electronegatividades[data-v-a1daabba] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.electro-item[data-v-a1daabba] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.delta-calculo[data-v-a1daabba] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.delta-label[data-v-a1daabba] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.delta-valor[data-v-a1daabba] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-identificar[data-v-a1daabba] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-identificar strong[data-v-a1daabba] {
  color: #93C5FD;
}
.opciones-ionico[data-v-a1daabba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-a1daabba] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-a1daabba]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.opcion-btn.seleccionada[data-v-a1daabba] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.opcion-btn.correcta[data-v-a1daabba] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-btn.incorrecta[data-v-a1daabba] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-icono[data-v-a1daabba] {
  font-size: 1.25rem;
  font-weight: 700;
}
.opcion-btn:first-child .opcion-icono[data-v-a1daabba] {
  color: #6EE7B7;
}
.opcion-btn:last-child .opcion-icono[data-v-a1daabba] {
  color: #FCA5A5;
}
.opcion-texto[data-v-a1daabba] {
  flex: 1;
  text-align: left;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.opcion-condicion[data-v-a1daabba] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* ===== DESAFÍO 2: Formar ===== */
.formar-container[data-v-a1daabba] {
  text-align: center;
}
.formar-pregunta[data-v-a1daabba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.formar-elem[data-v-a1daabba] {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.35rem 0.6rem;
  border-radius: 0.4rem;
}
.formar-elem.cation[data-v-a1daabba] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.formar-elem.anion[data-v-a1daabba] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.mas-signo[data-v-a1daabba] {
  font-size: 1.25rem;
  color: #E9D5FF;
}
.formar-flecha[data-v-a1daabba] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.formar-resultado[data-v-a1daabba] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.25rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.4rem;
  border: 2px dashed rgba(59, 130, 246, 0.4);
}
.formar-info[data-v-a1daabba] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.info-ion[data-v-a1daabba] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ion-nombre[data-v-a1daabba] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ion-carga[data-v-a1daabba] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.formar-opciones[data-v-a1daabba] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.formula-btn[data-v-a1daabba] {
  padding: 0.75rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s ease;
}
.formula-btn[data-v-a1daabba]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.formula-btn.seleccionada[data-v-a1daabba] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.formula-btn.correcta[data-v-a1daabba] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.formula-btn.incorrecta[data-v-a1daabba] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-a1daabba] {
  text-align: center;
}
.prop-pregunta[data-v-a1daabba] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.prop-opciones[data-v-a1daabba] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.prop-btn[data-v-a1daabba] {
  padding: 0.75rem;
  text-align: left;
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.prop-btn[data-v-a1daabba]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.prop-btn.seleccionada[data-v-a1daabba] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.prop-btn.correcta[data-v-a1daabba] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.prop-btn.incorrecta[data-v-a1daabba] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}

/* Feedback y resultados */
.feedback-error[data-v-a1daabba] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-a1daabba] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-a1daabba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a1daabba] { font-size: 1.25rem;
}
.resultado-texto[data-v-a1daabba] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-a1daabba] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-a1daabba] { flex: 1;
}
.nav-btn[data-v-a1daabba] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a1daabba] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a1daabba] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a1daabba] { font-size: 1.75rem;
}
.completado-texto[data-v-a1daabba] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a1daabba], .slide-leave-active[data-v-a1daabba] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a1daabba] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a1daabba] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-ionico[data-v-a1daabba] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-a1daabba] {
    flex: 1;
    max-width: 200px;
    flex-direction: column;
    text-align: center;
}
.opcion-texto[data-v-a1daabba] {
    text-align: center;
}
.formar-opciones[data-v-a1daabba] {
    gap: 1rem;
}
.formula-btn[data-v-a1daabba] {
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
}
}

/* Header resumen */
.resumen-header[data-v-8956f010] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-8956f010] {
  font-size: 1.25rem;
}
.resumen-label[data-v-8956f010] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Definición central */
.definicion-central[data-v-8956f010] {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-titulo[data-v-8956f010] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.def-texto[data-v-8956f010] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.5;
}
.def-texto strong[data-v-8956f010] {
  color: #FFFFFF;
}
.def-texto .destacado[data-v-8956f010] {
  color: #FCD34D;
}

/* Puntos clave */
.puntos-clave[data-v-8956f010] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-8956f010] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.punto-numero[data-v-8956f010] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 50%;
}
.punto-contenido[data-v-8956f010] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.punto-titulo[data-v-8956f010] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.punto-detalle[data-v-8956f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.punto-detalle .formula[data-v-8956f010] {
  color: #FCD34D;
  font-family: monospace;
}
.punto-detalle .positivo[data-v-8956f010] {
  color: #6EE7B7;
}
.punto-detalle .negativo[data-v-8956f010] {
  color: #FCA5A5;
}

/* Propiedades resumen */
.propiedades-resumen[data-v-8956f010] {
  margin-bottom: 1.5rem;
}
.prop-titulo[data-v-8956f010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prop-grid[data-v-8956f010] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.prop-item[data-v-8956f010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.prop-item.destacada[data-v-8956f010] {
  grid-column: span 2;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.prop-icono[data-v-8956f010] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-8956f010] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.prop-valor[data-v-8956f010] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.prop-valor.alto[data-v-8956f010] {
  color: #FCD34D;
}
.prop-valor.si[data-v-8956f010] {
  color: #6EE7B7;
}
.prop-valor.no[data-v-8956f010] {
  color: #FCA5A5;
}
.prop-valor.doble[data-v-8956f010] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.sub-val[data-v-8956f010] {
  font-size: 0.75rem;
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.sub-val.no[data-v-8956f010] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.sub-val.si[data-v-8956f010] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Ejemplos típicos */
.ejemplos-tipicos[data-v-8956f010] {
  margin-bottom: 1.5rem;
}
.ej-titulo[data-v-8956f010] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ej-grid[data-v-8956f010] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ej-item[data-v-8956f010] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ej-formula[data-v-8956f010] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-8956f010] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Fórmulas section */
.formulas-section[data-v-8956f010] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.form-titulo[data-v-8956f010] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.form-contenido[data-v-8956f010] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.form-regla[data-v-8956f010] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.form-num[data-v-8956f010] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 50%;
}
.form-texto[data-v-8956f010] {
  color: #E9D5FF;
}
.form-ejemplo[data-v-8956f010] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.form-ej-label[data-v-8956f010] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.form-ej-proceso[data-v-8956f010] {
  font-size: 0.9rem;
  font-family: monospace;
  color: #FCD34D;
  font-weight: 600;
}

/* PAES tip */
.paes-tip[data-v-8956f010] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.paes-titulo[data-v-8956f010] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.paes-pregunta[data-v-8956f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  margin: 0 0 0.5rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paes-respuesta[data-v-8956f010] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.paes-respuesta strong[data-v-8956f010] {
  color: #6EE7B7;
}

/* Siguiente tema */
.siguiente-tema[data-v-8956f010] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.sig-icono[data-v-8956f010] {
  font-size: 1.25rem;
}
.sig-texto[data-v-8956f010] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.sig-texto strong[data-v-8956f010] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.prop-grid[data-v-8956f010] {
    grid-template-columns: repeat(3, 1fr);
}
.prop-item.destacada[data-v-8956f010] {
    grid-column: span 3;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.ej-grid[data-v-8956f010] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-73be76da] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-nucleo[data-v-73be76da],
.icono-energia[data-v-73be76da] {
  font-size: 2.5rem;
  animation: pulse-73be76da 2s ease-in-out infinite;
}
.icono-flecha[data-v-73be76da] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.icono-energia[data-v-73be76da] {
  animation-delay: 0.5s;
}
@keyframes pulse-73be76da {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}

/* Texto inline */
strong.energia[data-v-73be76da] {
  color: #FCD34D;
}
strong.baja[data-v-73be76da] {
  color: #93C5FD;
}
strong.alta[data-v-73be76da] {
  color: #FCD34D;
}

/* Comparación section */
.comparacion-section[data-v-73be76da] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-73be76da] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-grid[data-v-73be76da] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
.comparacion-card[data-v-73be76da] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.comparacion-card.quimica[data-v-73be76da] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.3);
}
.comparacion-card.nuclear[data-v-73be76da] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.3);
}
.card-header[data-v-73be76da] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-73be76da] {
  font-size: 1.75rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.card-lista[data-v-73be76da] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.card-lista li[data-v-73be76da] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.card-lista li[data-v-73be76da]::before {
  content: "•";
  color: #C4B5FD;
}

/* Einstein section */
.einstein-section[data-v-73be76da] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  text-align: center;
}
.einstein-formula[data-v-73be76da] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.3rem;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.formula-e[data-v-73be76da] {
  color: #FCD34D;
  font-style: italic;
}
.formula-igual[data-v-73be76da] {
  color: #C4B5FD;
}
.formula-m[data-v-73be76da] {
  color: #6EE7B7;
  font-style: italic;
}
.formula-c[data-v-73be76da] {
  color: #93C5FD;
  font-style: italic;
}
.einstein-explicacion p[data-v-73be76da] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.einstein-explicacion p[data-v-73be76da]:last-child {
  margin: 0;
}
.einstein-detalle[data-v-73be76da] {
  font-size: 0.8rem !important;
  color: #C4B5FD !important;
}

/* Tipos section */
.tipos-section[data-v-73be76da] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-73be76da] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tipos-grid[data-v-73be76da] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-card[data-v-73be76da] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
  border: 2px solid;
}
.tipo-card.fision[data-v-73be76da] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.fusion[data-v-73be76da] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.4);
}
.tipo-icono[data-v-73be76da] {
  font-size: 2rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-73be76da] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-card.fision .tipo-nombre[data-v-73be76da] {
  color: #FCA5A5;
}
.tipo-card.fusion .tipo-nombre[data-v-73be76da] {
  color: #FCD34D;
}
.tipo-desc[data-v-73be76da] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-73be76da] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-73be76da] {
  font-size: 1.25rem;
}
.tip-texto[data-v-73be76da] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-73be76da] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-grid[data-v-73be76da] {
    grid-template-columns: repeat(2, 1fr);
}
.einstein-formula[data-v-73be76da] {
    font-size: 2.5rem;
}
}

/* Título visual */
.titulo-visual[data-v-c663f938] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.titulo-icono[data-v-c663f938] {
  font-size: 2rem;
}
.titulo-texto[data-v-c663f938] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Texto inline */
strong.fision[data-v-c663f938] {
  color: #FCA5A5;
}
strong.energia[data-v-c663f938] {
  color: #FCD34D;
}
strong.cadena[data-v-c663f938] {
  color: #F59E0B;
}

/* Proceso visual */
.proceso-visual[data-v-c663f938] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.proceso-etapas[data-v-c663f938] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.etapa[data-v-c663f938] {
  text-align: center;
}
.nucleo-grande[data-v-c663f938] {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto 0.25rem;
  animation: shake-c663f938 0.5s ease-in-out infinite;
}
@keyframes shake-c663f938 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-2px);
}
75% { transform: translateX(2px);
}
}
.proton[data-v-c663f938],
.neutron[data-v-c663f938] {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.proton[data-v-c663f938] {
  background: #EF4444;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}
.neutron[data-v-c663f938] {
  background: #60A5FA;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}

/* Posiciones núcleo grande */
.nucleo-grande .proton[data-v-c663f938]:nth-child(1) { top: 10px; left: 15px;
}
.nucleo-grande .proton[data-v-c663f938]:nth-child(2) { top: 10px; left: 32px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(3) { top: 22px; left: 5px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(4) { top: 22px; left: 24px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(5) { top: 22px; left: 42px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(6) { top: 34px; left: 10px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(7) { top: 34px; left: 28px;
}
.nucleo-grande .neutron[data-v-c663f938]:nth-child(8) { top: 44px; left: 24px;
}
.etapa-label[data-v-c663f938] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.etapa-flecha[data-v-c663f938] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.25rem;
  color: #FCD34D;
}
.neutron-entrante[data-v-c663f938] {
  font-size: 0.8rem;
  padding: 0.2rem 0.4rem;
  background: #60A5FA;
  border-radius: 50%;
  color: white;
  font-weight: 700;
}
.etapa.productos[data-v-c663f938] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.productos-container[data-v-c663f938] {
  display: flex;
  gap: 0.75rem;
}
.nucleo-producto[data-v-c663f938] {
  width: 30px;
  height: 30px;
  position: relative;
}
.nucleo-producto .proton[data-v-c663f938]:nth-child(1) { top: 5px; left: 9px;
}
.nucleo-producto .neutron[data-v-c663f938]:nth-child(2) { top: 15px; left: 3px;
}
.nucleo-producto .neutron[data-v-c663f938]:nth-child(3) { top: 15px; left: 15px;
}
.neutrones-libres[data-v-c663f938] {
  display: flex;
  gap: 0.3rem;
}
.n-libre[data-v-c663f938] {
  font-size: 0.6rem;
  padding: 0.15rem 0.3rem;
  background: #60A5FA;
  border-radius: 50%;
  color: white;
  animation: flyOut-c663f938 1.5s ease-out infinite;
}
.n-libre[data-v-c663f938]:nth-child(2) { animation-delay: 0.3s;
}
.n-libre[data-v-c663f938]:nth-child(3) { animation-delay: 0.6s;
}
@keyframes flyOut-c663f938 {
0% { transform: scale(1); opacity: 1;
}
100% { transform: scale(1.3); opacity: 0.3;
}
}
.energia-liberada[data-v-c663f938] {
  font-size: 1.25rem;
  animation: pulse-c663f938 1s ease-in-out infinite;
}
@keyframes pulse-c663f938 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.8;
}
}
.proceso-leyenda[data-v-c663f938] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Reacción en cadena */
.cadena-section[data-v-c663f938] {
  margin: 1.5rem 0;
}
.cadena-titulo[data-v-c663f938] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.cadena-explicacion[data-v-c663f938] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.cadena-explicacion p[data-v-c663f938] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.cadena-visual[data-v-c663f938] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cadena-nivel[data-v-c663f938] {
  display: flex;
  gap: 0.5rem;
}
.fision-punto[data-v-c663f938] {
  font-size: 1rem;
}

/* Aplicaciones */
.aplicaciones-section[data-v-c663f938] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-c663f938] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.aplicaciones-grid[data-v-c663f938] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion-card[data-v-c663f938] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.aplicacion-card.peligro[data-v-c663f938] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.aplicacion-icono[data-v-c663f938] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.aplicacion-nombre[data-v-c663f938] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.aplicacion-desc[data-v-c663f938] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ecuación */
.ecuacion-section[data-v-c663f938] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-c663f938] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ecuacion-display[data-v-c663f938] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.ecuacion-flecha[data-v-c663f938] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tip */
.tip[data-v-c663f938] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c663f938] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c663f938] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c663f938] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-etapas[data-v-c663f938] {
    flex-wrap: nowrap;
    gap: 1rem;
}
.ecuacion-display[data-v-c663f938] {
    font-size: 1.1rem;
}
}

/* Título visual */
.titulo-visual[data-v-ec5bb9f8] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.titulo-icono[data-v-ec5bb9f8] {
  font-size: 2rem;
}
.titulo-texto[data-v-ec5bb9f8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Texto inline */
strong.fusion[data-v-ec5bb9f8] {
  color: #FCD34D;
}
strong.energia[data-v-ec5bb9f8] {
  color: #FCD34D;
}
strong.positivo[data-v-ec5bb9f8] {
  color: #FCA5A5;
}

/* Proceso visual */
.proceso-visual[data-v-ec5bb9f8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.proceso-etapas[data-v-ec5bb9f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.etapa[data-v-ec5bb9f8] {
  text-align: center;
}
.nucleo-pequeno[data-v-ec5bb9f8] {
  width: 35px;
  height: 35px;
  position: relative;
  margin: 0 auto 0.25rem;
}
.nucleo-pequeno.deuterio[data-v-ec5bb9f8] {
  animation: approach-ec5bb9f8 2s ease-in-out infinite;
}
.nucleo-pequeno.tritio[data-v-ec5bb9f8] {
  animation: approach-ec5bb9f8 2s ease-in-out infinite reverse;
}
@keyframes approach-ec5bb9f8 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(3px);
}
}
.proton[data-v-ec5bb9f8],
.neutron[data-v-ec5bb9f8] {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.proton[data-v-ec5bb9f8] {
  background: #EF4444;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}
.neutron[data-v-ec5bb9f8] {
  background: #60A5FA;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}

/* Posiciones deuterio */
.deuterio .proton[data-v-ec5bb9f8] { top: 8px; left: 5px;
}
.deuterio .neutron[data-v-ec5bb9f8] { top: 8px; left: 18px;
}

/* Posiciones tritio */
.tritio .proton[data-v-ec5bb9f8] { top: 5px; left: 12px;
}
.tritio .neutron[data-v-ec5bb9f8] { top: 17px; left: 5px;
}
.tritio .neutron.n2[data-v-ec5bb9f8] { top: 17px; left: 18px;
}

/* Núcleo resultado */
.nucleo-resultado[data-v-ec5bb9f8] {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto 0.25rem;
  animation: glow-ec5bb9f8 1.5s ease-in-out infinite;
}
@keyframes glow-ec5bb9f8 {
0%, 100% { filter: drop-shadow(0 0 3px #FCD34D);
}
50% { filter: drop-shadow(0 0 8px #FCD34D);
}
}
.nucleo-resultado .proton[data-v-ec5bb9f8] { top: 8px; left: 8px;
}
.nucleo-resultado .proton.p2[data-v-ec5bb9f8] { top: 8px; left: 20px;
}
.nucleo-resultado .neutron[data-v-ec5bb9f8] { top: 20px; left: 8px;
}
.nucleo-resultado .neutron.n2[data-v-ec5bb9f8] { top: 20px; left: 20px;
}
.etapa-label[data-v-ec5bb9f8] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.etapa-plus[data-v-ec5bb9f8] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.etapa-flecha[data-v-ec5bb9f8] {
  font-size: 1.25rem;
  color: #FCD34D;
  font-weight: 700;
}
.etapa.productos[data-v-ec5bb9f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.productos-extra[data-v-ec5bb9f8] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.25rem;
}
.n-libre[data-v-ec5bb9f8] {
  font-size: 0.6rem;
  padding: 0.15rem 0.3rem;
  background: #60A5FA;
  border-radius: 50%;
  color: white;
}
.energia-visual[data-v-ec5bb9f8] {
  font-size: 1.25rem;
  animation: pulse-ec5bb9f8 1s ease-in-out infinite;
}
@keyframes pulse-ec5bb9f8 {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.8;
}
}
.proceso-leyenda[data-v-ec5bb9f8] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Dificultad section */
.dificultad-section[data-v-ec5bb9f8] {
  margin: 1.5rem 0;
}
.dificultad-titulo[data-v-ec5bb9f8] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.dificultad-card[data-v-ec5bb9f8] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.dificultad-card p[data-v-ec5bb9f8] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.requisitos[data-v-ec5bb9f8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.requisito[data-v-ec5bb9f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.req-icono[data-v-ec5bb9f8] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.req-texto[data-v-ec5bb9f8] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.req-texto strong[data-v-ec5bb9f8] {
  color: #FCA5A5;
}

/* Sol section */
.sol-section[data-v-ec5bb9f8] {
  margin: 1.5rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(252, 211, 77, 0.1);
  border: 1px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.sol-visual[data-v-ec5bb9f8] {
  flex-shrink: 0;
}
.sol-icono[data-v-ec5bb9f8] {
  font-size: 2.5rem;
  animation: glow-ec5bb9f8 2s ease-in-out infinite;
}
.sol-info[data-v-ec5bb9f8] {
  flex: 1;
}
.sol-titulo[data-v-ec5bb9f8] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.sol-info p[data-v-ec5bb9f8] {
  margin: 0 0 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.sol-detalle[data-v-ec5bb9f8] {
  color: #C4B5FD !important;
  font-size: 0.75rem !important;
}

/* Comparación tabla */
.comparacion-section[data-v-ec5bb9f8] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-ec5bb9f8] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.comparacion-tabla[data-v-ec5bb9f8] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  font-size: 0.7rem;
}
.tabla-header[data-v-ec5bb9f8] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
  font-weight: 700;
}
.tabla-header span[data-v-ec5bb9f8]:first-child {
  color: transparent;
}
.header-fision[data-v-ec5bb9f8] {
  color: #FCA5A5;
  text-align: center;
}
.header-fusion[data-v-ec5bb9f8] {
  color: #FCD34D;
  text-align: center;
}
.tabla-fila[data-v-ec5bb9f8] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.fila-label[data-v-ec5bb9f8] {
  color: #C4B5FD;
  font-weight: 600;
}
.fision-val[data-v-ec5bb9f8],
.fusion-val[data-v-ec5bb9f8] {
  color: #E9D5FF;
  text-align: center;
}

/* Ecuación */
.ecuacion-section[data-v-ec5bb9f8] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-ec5bb9f8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ecuacion-display[data-v-ec5bb9f8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.ecuacion-flecha[data-v-ec5bb9f8] {
  color: #FCD34D;
  font-weight: 700;
}
.ecuacion-nota[data-v-ec5bb9f8] {
  margin: 0.5rem 0 0;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ecuacion-nota em[data-v-ec5bb9f8] {
  font-style: italic;
}

/* Tip */
.tip[data-v-ec5bb9f8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ec5bb9f8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ec5bb9f8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ec5bb9f8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-etapas[data-v-ec5bb9f8] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
.comparacion-tabla[data-v-ec5bb9f8] {
    font-size: 0.8rem;
}
.ecuacion-display[data-v-ec5bb9f8] {
    font-size: 1.1rem;
}
}

.explorador[data-v-cebade3b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-cebade3b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-cebade3b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-cebade3b] {
  border-color: #FCD34D;
  background: #FCD34D;
  color: #1F2937;
  box-shadow: 0 0 12px rgba(252, 211, 77, 0.5);
}
.progreso-item.completado[data-v-cebade3b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-cebade3b] {
  background: rgba(252, 211, 77, 0.1);
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-cebade3b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-cebade3b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-cebade3b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-cebade3b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-cebade3b] {
  text-align: center;
}
.proceso-pregunta[data-v-cebade3b] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.proceso-descripcion[data-v-cebade3b] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.5;
}
.clasificar-opciones[data-v-cebade3b] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.opcion-btn[data-v-cebade3b] {
  flex: 1;
  max-width: 140px;
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 600;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn.fision[data-v-cebade3b] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-btn.fusion[data-v-cebade3b] {
  background: rgba(252, 211, 77, 0.1);
  border-color: rgba(252, 211, 77, 0.4);
  color: #FCD34D;
}
.opcion-btn.seleccionada.fision[data-v-cebade3b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.opcion-btn.seleccionada.fusion[data-v-cebade3b] {
  background: rgba(252, 211, 77, 0.3);
  border-color: #FCD34D;
}
.opcion-btn.correcta[data-v-cebade3b] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
  color: #6EE7B7 !important;
}
.opcion-btn.incorrecta[data-v-cebade3b] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
  color: #FCA5A5 !important;
}
.feedback-error[data-v-cebade3b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-cebade3b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-cebade3b] {
  text-align: center;
}
.simulador-tipo[data-v-cebade3b] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.tipo-btn[data-v-cebade3b] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #C4B5FD;
  cursor: pointer;
  font-family: inherit;
}
.tipo-btn.activo[data-v-cebade3b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.simulacion-area[data-v-cebade3b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem;
}
.simulacion-visual[data-v-cebade3b] {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

/* Fisión animación */
.fision-animacion[data-v-cebade3b] {
  position: relative;
  width: 150px;
  height: 80px;
}
.nucleo-u235[data-v-cebade3b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.nucleo-label[data-v-cebade3b] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.particulas[data-v-cebade3b] {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.p[data-v-cebade3b], .n[data-v-cebade3b] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.p[data-v-cebade3b] {
  background: #EF4444;
}
.n[data-v-cebade3b] {
  background: #60A5FA;
}
.nucleo-u235 .particulas .p[data-v-cebade3b]:nth-child(1) { top: 15px; left: 10px;
}
.nucleo-u235 .particulas .p[data-v-cebade3b]:nth-child(2) { top: 15px; left: 30px;
}
.nucleo-u235 .particulas .n[data-v-cebade3b]:nth-child(3) { top: 5px; left: 20px;
}
.nucleo-u235 .particulas .n[data-v-cebade3b]:nth-child(4) { top: 25px; left: 5px;
}
.nucleo-u235 .particulas .n[data-v-cebade3b]:nth-child(5) { top: 25px; left: 35px;
}
.nucleo-u235 .particulas .n[data-v-cebade3b]:nth-child(6) { top: 35px; left: 20px;
}
.fision-animacion.activa .nucleo-u235[data-v-cebade3b] {
  display: none;
}
.explosion[data-v-cebade3b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 80px;
}
.fragmento[data-v-cebade3b] {
  position: absolute;
  width: 30px;
  height: 30px;
}
.fragmento .p[data-v-cebade3b] { top: 5px; left: 5px;
}
.fragmento .n[data-v-cebade3b] { top: 5px; left: 15px;
}
.fragmento.f1[data-v-cebade3b] {
  top: 10px;
  left: 10px;
  animation: flyLeft-cebade3b 0.5s ease-out forwards;
}
.fragmento.f2[data-v-cebade3b] {
  top: 10px;
  right: 10px;
  animation: flyRight-cebade3b 0.5s ease-out forwards;
}
@keyframes flyLeft-cebade3b {
to { transform: translateX(-20px);
}
}
@keyframes flyRight-cebade3b {
to { transform: translateX(20px);
}
}
.neutron-libre[data-v-cebade3b] {
  position: absolute;
  font-size: 0.6rem;
  padding: 0.15rem 0.3rem;
  background: #60A5FA;
  border-radius: 50%;
  color: white;
  animation: scatter-cebade3b 0.8s ease-out forwards;
}
.neutron-libre.n1[data-v-cebade3b] { top: 0; left: 50%;
}
.neutron-libre.n2[data-v-cebade3b] { bottom: 0; left: 30%;
}
.neutron-libre.n3[data-v-cebade3b] { bottom: 0; right: 30%;
}
@keyframes scatter-cebade3b {
to { transform: translateY(var(--y, -20px)) translateX(var(--x, 0)); opacity: 0.5;
}
}
.neutron-libre.n1[data-v-cebade3b] { --y: -30px;
}
.neutron-libre.n2[data-v-cebade3b] { --y: 20px; --x: -15px;
}
.neutron-libre.n3[data-v-cebade3b] { --y: 20px; --x: 15px;
}
.energia-burst[data-v-cebade3b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  animation: burst-cebade3b 0.5s ease-out forwards;
}
@keyframes burst-cebade3b {
0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0;
}
50% { transform: translate(-50%, -50%) scale(1.5); opacity: 1;
}
100% { transform: translate(-50%, -50%) scale(1); opacity: 1;
}
}

/* Fusión animación */
.fusion-animacion[data-v-cebade3b] {
  position: relative;
  width: 150px;
  height: 80px;
}
.nucleos-separados[data-v-cebade3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 10px;
}
.nucleo-h[data-v-cebade3b] {
  text-align: center;
}
.nucleo-h .particulas[data-v-cebade3b] {
  width: 30px;
  height: 30px;
}
.deuterio .particulas .p[data-v-cebade3b] { top: 5px; left: 3px;
}
.deuterio .particulas .n[data-v-cebade3b] { top: 5px; left: 15px;
}
.tritio .particulas .p[data-v-cebade3b] { top: 0; left: 10px;
}
.tritio .particulas .n[data-v-cebade3b]:nth-child(2) { top: 12px; left: 3px;
}
.tritio .particulas .n[data-v-cebade3b]:nth-child(3) { top: 12px; left: 17px;
}
.fusion-animacion.activa .nucleos-separados[data-v-cebade3b] {
  display: none;
}
.fusion-resultado[data-v-cebade3b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.nucleo-he .particulas[data-v-cebade3b] {
  width: 40px;
  height: 40px;
}
.nucleo-he .particulas .p[data-v-cebade3b]:nth-child(1) { top: 8px; left: 8px;
}
.nucleo-he .particulas .p[data-v-cebade3b]:nth-child(2) { top: 8px; left: 22px;
}
.nucleo-he .particulas .n[data-v-cebade3b]:nth-child(3) { top: 22px; left: 8px;
}
.nucleo-he .particulas .n[data-v-cebade3b]:nth-child(4) { top: 22px; left: 22px;
}
.fusion-resultado .neutron-libre[data-v-cebade3b] {
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  animation: none;
}
.fusion-resultado .energia-burst[data-v-cebade3b] {
  position: relative;
  display: inline-block;
  transform: none;
  animation: glow-cebade3b 1s ease-in-out infinite;
}
@keyframes glow-cebade3b {
0%, 100% { filter: drop-shadow(0 0 3px #FCD34D);
}
50% { filter: drop-shadow(0 0 10px #FCD34D);
}
}
.btn-disparar[data-v-cebade3b],
.btn-fusionar[data-v-cebade3b],
.btn-reiniciar[data-v-cebade3b] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
}
.btn-disparar[data-v-cebade3b] {
  background: #EF4444;
  color: white;
}
.btn-fusionar[data-v-cebade3b] {
  background: #F59E0B;
  color: white;
}
.btn-reiniciar[data-v-cebade3b] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}
.simulacion-info[data-v-cebade3b] {
  margin-top: 0.75rem;
  text-align: left;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.simulacion-info p[data-v-cebade3b] {
  margin: 0 0 0.25rem;
}
.simulacion-info strong[data-v-cebade3b] {
  color: #FCD34D;
}
.simulador-pregunta[data-v-cebade3b] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.simulador-pregunta p[data-v-cebade3b] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.opciones-energia[data-v-cebade3b] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.opcion-energia[data-v-cebade3b] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.opcion-energia.seleccionada[data-v-cebade3b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.opcion-energia.correcta[data-v-cebade3b] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-energia.incorrecta[data-v-cebade3b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Ecuaciones ===== */
.ecuacion-container[data-v-cebade3b] {
  text-align: center;
}
.ecuacion-tipo[data-v-cebade3b] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.ecuacion-visual[data-v-cebade3b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.1rem;
  color: #FFFFFF;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.ecuacion-flecha[data-v-cebade3b] {
  color: #FCD34D;
  font-weight: 700;
}
.incognita[data-v-cebade3b] {
  display: inline-flex;
  align-items: baseline;
  background: rgba(245, 158, 11, 0.2);
  border: 2px dashed #FCD34D;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
}
.input-container[data-v-cebade3b] {
  display: inline-block;
}
.numero-input[data-v-cebade3b] {
  width: 28px;
  height: 24px;
  padding: 0.15rem;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.25rem;
  color: white;
  font-family: inherit;
}
.numero-input[data-v-cebade3b]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.ecuacion-ayuda[data-v-cebade3b] {
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.ecuacion-ayuda p[data-v-cebade3b] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ecuacion-ayuda strong[data-v-cebade3b] {
  color: #FCD34D;
}
.btn-verificar[data-v-cebade3b] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-cebade3b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Resultado correcto */
.resultado-correcto[data-v-cebade3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cebade3b] { font-size: 1.25rem;
}
.resultado-texto[data-v-cebade3b] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-cebade3b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(252, 211, 77, 0.2);
}
.nav-spacer[data-v-cebade3b] { flex: 1;
}
.nav-btn[data-v-cebade3b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(252, 211, 77, 0.2);
  border: 2px solid rgba(252, 211, 77, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-cebade3b] {
  background: #FCD34D;
  border-color: #F59E0B;
  color: #1F2937;
}

/* Mensaje completado */
.mensaje-completado[data-v-cebade3b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(252, 211, 77, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-cebade3b] { font-size: 1.75rem;
}
.completado-texto[data-v-cebade3b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-cebade3b], .slide-leave-active[data-v-cebade3b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-cebade3b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-cebade3b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-visual[data-v-cebade3b] {
    font-size: 1.3rem;
}
.numero-input[data-v-cebade3b] {
    width: 32px;
    height: 28px;
    font-size: 0.9rem;
}
}

/* Header */
.resumen-header[data-v-fa797b90] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-fa797b90] {
  font-size: 2rem;
}
.header-titulo[data-v-fa797b90] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Texto inline */
strong.fision[data-v-fa797b90] {
  color: #FCA5A5;
}
strong.fusion[data-v-fa797b90] {
  color: #FCD34D;
}
strong.energia[data-v-fa797b90] {
  color: #FCD34D;
}

/* Conceptos section */
.conceptos-section[data-v-fa797b90] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-fa797b90] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.concepto-card[data-v-fa797b90]:first-child {
  border-color: rgba(239, 68, 68, 0.4);
}
.concepto-card[data-v-fa797b90]:last-child {
  border-color: rgba(252, 211, 77, 0.4);
}
.concepto-header[data-v-fa797b90] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-fa797b90] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-fa797b90] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-lista[data-v-fa797b90] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.concepto-lista li[data-v-fa797b90] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.3rem;
  padding-left: 1rem;
  position: relative;
}
.concepto-lista li[data-v-fa797b90]::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #C4B5FD;
}

/* Fórmula card */
.formula-card[data-v-fa797b90] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.formula-header[data-v-fa797b90] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-display[data-v-fa797b90] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.f-e[data-v-fa797b90] { color: #FCD34D; font-style: italic;
}
.f-igual[data-v-fa797b90] { color: #C4B5FD;
}
.f-m[data-v-fa797b90] { color: #6EE7B7; font-style: italic;
}
.f-c[data-v-fa797b90] { color: #93C5FD; font-style: italic;
}
.formula-explicacion[data-v-fa797b90] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ecuaciones section */
.ecuaciones-section[data-v-fa797b90] {
  margin-bottom: 1.5rem;
}
.ecuaciones-titulo[data-v-fa797b90] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ecuaciones-grid[data-v-fa797b90] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.ecuacion-card[data-v-fa797b90] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ecuacion-label[data-v-fa797b90] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.ecuacion-formula[data-v-fa797b90] {
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* PAES section */
.paes-section[data-v-fa797b90] {
  margin-bottom: 1.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.paes-header[data-v-fa797b90] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paes-icono[data-v-fa797b90] {
  font-size: 1.25rem;
}
.paes-titulo[data-v-fa797b90] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.paes-tips[data-v-fa797b90] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-fa797b90] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-fa797b90] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-fa797b90] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-fa797b90] {
  color: #6EE7B7;
}

/* Tabla comparativa */
.tabla-section[data-v-fa797b90] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-fa797b90] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.tabla-comparativa[data-v-fa797b90] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.tabla-row[data-v-fa797b90] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
}
.tabla-row.header[data-v-fa797b90] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
}
.tabla-row[data-v-fa797b90]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-criterio[data-v-fa797b90] {
  color: #C4B5FD;
  font-weight: 600;
}
.col-fision[data-v-fa797b90] {
  color: #FCA5A5;
  text-align: center;
}
.col-fusion[data-v-fa797b90] {
  color: #FCD34D;
  text-align: center;
}
.tabla-row.header .col-fision[data-v-fa797b90],
.tabla-row.header .col-fusion[data-v-fa797b90] {
  font-size: 0.8rem;
}

/* Mensaje final */
.mensaje-final[data-v-fa797b90] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(252, 211, 77, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(252, 211, 77, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-fa797b90] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.final-texto[data-v-fa797b90] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-fa797b90] {
    grid-template-columns: repeat(2, 1fr);
}
.ecuaciones-grid[data-v-fa797b90] {
    grid-template-columns: repeat(2, 1fr);
}
.tabla-comparativa[data-v-fa797b90] {
    font-size: 0.8rem;
}
}

/* Colores destacados */
strong.destacado[data-v-7524f36d] {
  color: #FCD34D;
}
strong.libre[data-v-7524f36d] {
  color: #FCA5A5;
}
strong.enlazante[data-v-7524f36d] {
  color: #6EE7B7;
}

/* Intro visual - molécula 3D simplificada */
.intro-visual[data-v-7524f36d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));
  border-radius: 0.75rem;
}
.molecula-3d[data-v-7524f36d] {
  position: relative;
  width: 120px;
  height: 100px;
}
.atomo-central[data-v-7524f36d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #6366F1, #4F46E5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 1rem;
  z-index: 2;
  box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
}
.atomo-enlazado[data-v-7524f36d] {
  position: absolute;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
  z-index: 1;
}
.atomo-enlazado.pos-1[data-v-7524f36d] { top: 5px; left: 50%; transform: translateX(-50%);
}
.atomo-enlazado.pos-2[data-v-7524f36d] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.atomo-enlazado.pos-3[data-v-7524f36d] { top: 50%; left: 5px; transform: translateY(-50%);
}
.atomo-enlazado.pos-4[data-v-7524f36d] { top: 50%; right: 5px; transform: translateY(-50%);
}
.linea-enlace[data-v-7524f36d] {
  position: absolute;
  background: rgba(99, 102, 241, 0.4);
  z-index: 0;
}
.linea-enlace.l1[data-v-7524f36d] { width: 2px; height: 25px; top: 30px; left: 50%; transform: translateX(-50%);
}
.linea-enlace.l2[data-v-7524f36d] { width: 2px; height: 25px; bottom: 30px; left: 50%; transform: translateX(-50%);
}
.linea-enlace.l3[data-v-7524f36d] { width: 25px; height: 2px; left: 30px; top: 50%; transform: translateY(-50%);
}
.linea-enlace.l4[data-v-7524f36d] { width: 25px; height: 2px; right: 30px; top: 50%; transform: translateY(-50%);
}
.intro-nombre[data-v-7524f36d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.formula[data-v-7524f36d] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: monospace;
}
.geometria[data-v-7524f36d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* RPECV Section */
.rpecv-section[data-v-7524f36d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.rpecv-titulo[data-v-7524f36d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.rpecv-nombre[data-v-7524f36d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.rpecv-nombre .letra[data-v-7524f36d] {
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}
.rpecv-contenido[data-v-7524f36d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.rpecv-principio[data-v-7524f36d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rpecv-principio .icono[data-v-7524f36d] {
  font-size: 1.25rem;
}
.rpecv-principio .texto[data-v-7524f36d] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.rpecv-principio strong[data-v-7524f36d] {
  color: #FCA5A5;
}

/* Tipos de pares */
.pares-section[data-v-7524f36d] {
  margin: 1.5rem 0;
}
.pares-titulo[data-v-7524f36d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pares-grid[data-v-7524f36d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.par-tipo[data-v-7524f36d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.par-tipo.enlazante[data-v-7524f36d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.par-tipo.libre[data-v-7524f36d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.par-visual[data-v-7524f36d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 70px;
  justify-content: center;
}
.atomo-mini[data-v-7524f36d] {
  width: 24px;
  height: 24px;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  color: white;
}
.atomo-mini.central[data-v-7524f36d] {
  width: 28px;
  height: 28px;
  font-size: 0.85rem;
}
.enlace-dots[data-v-7524f36d] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1rem;
}
.par-libre-dots[data-v-7524f36d] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 1.5rem;
  margin-left: 0.25rem;
}
.par-info[data-v-7524f36d] {
  display: flex;
  flex-direction: column;
}
.par-nombre[data-v-7524f36d] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.par-desc[data-v-7524f36d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Importante box */
.importante-box[data-v-7524f36d] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.importante-titulo[data-v-7524f36d] {
  padding: 0.6rem 0.75rem;
  background: rgba(239, 68, 68, 0.2);
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.importante-contenido[data-v-7524f36d] {
  padding: 0.75rem;
}
.importante-contenido p[data-v-7524f36d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.repulsion-orden[data-v-7524f36d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.r-item[data-v-7524f36d] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.r-item.libre[data-v-7524f36d] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.r-item.mixto[data-v-7524f36d] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.r-item.enlazante[data-v-7524f36d] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.r-mayor[data-v-7524f36d] {
  color: #C4B5FD;
  font-weight: 700;
}

/* Notación */
.notacion-section[data-v-7524f36d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.notacion-titulo[data-v-7524f36d] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.notacion-contenido[data-v-7524f36d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.notacion-ejemplo[data-v-7524f36d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.n-simbolo[data-v-7524f36d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-weight: 800;
  color: #FCD34D;
  font-size: 1rem;
}
.n-desc[data-v-7524f36d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.notacion-ejemplos[data-v-7524f36d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ej-item[data-v-7524f36d] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-7524f36d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7524f36d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7524f36d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7524f36d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.pares-grid[data-v-7524f36d] {
    flex-direction: row;
}
.par-tipo[data-v-7524f36d] {
    flex: 1;
}
.notacion-contenido[data-v-7524f36d] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Secciones */
.geometrias-section[data-v-4390f4d0] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-4390f4d0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Cards de geometría */
.geometria-card[data-v-4390f4d0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
}
.geometria-card.con-pl[data-v-4390f4d0] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}

/* Visuales de geometría */
.geo-visual[data-v-4390f4d0] {
  position: relative;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.atomo-c[data-v-4390f4d0] {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #6366F1, #4F46E5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 0.85rem;
  z-index: 2;
  position: relative;
}
.atomo-e[data-v-4390f4d0] {
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #10B981, #059669);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.75rem;
  z-index: 1;
}
.par-libre[data-v-4390f4d0] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCA5A5;
  z-index: 1;
}
.enlace-line[data-v-4390f4d0] {
  width: 20px;
  height: 3px;
  background: rgba(99, 102, 241, 0.5);
}

/* Lineal */
.geo-visual.lineal[data-v-4390f4d0] {
  gap: 0;
}

/* Trigonal plana */
.geo-visual.trigonal[data-v-4390f4d0] {
  position: relative;
}
.tp-c[data-v-4390f4d0] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.tp-1[data-v-4390f4d0] { position: absolute; top: 5px; left: 50%; transform: translateX(-50%);
}
.tp-2[data-v-4390f4d0] { position: absolute; bottom: 5px; left: 15px;
}
.tp-3[data-v-4390f4d0] { position: absolute; bottom: 5px; right: 15px;
}

/* Tetraédrica */
.geo-visual.tetraedrica[data-v-4390f4d0] {
  position: relative;
}
.te-c[data-v-4390f4d0] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.te-1[data-v-4390f4d0] { position: absolute; top: 3px; left: 50%; transform: translateX(-50%);
}
.te-2[data-v-4390f4d0] { position: absolute; bottom: 10px; left: 10px;
}
.te-3[data-v-4390f4d0] { position: absolute; bottom: 10px; right: 10px;
}
.te-4[data-v-4390f4d0] { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); opacity: 0.7;
}

/* Angular */
.geo-visual.angular[data-v-4390f4d0] {
  position: relative;
}
.ang-c[data-v-4390f4d0] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.ang-1[data-v-4390f4d0] { position: absolute; bottom: 8px; left: 20px;
}
.ang-2[data-v-4390f4d0] { position: absolute; bottom: 8px; right: 20px;
}
.pl-1[data-v-4390f4d0] { position: absolute; top: 5px; left: 35%;
}
.pl-2[data-v-4390f4d0] { position: absolute; top: 5px; right: 35%;
}

/* Piramidal */
.geo-visual.piramidal[data-v-4390f4d0] {
  position: relative;
}
.pir-c[data-v-4390f4d0] { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%);
}
.pir-pl[data-v-4390f4d0] { position: absolute; top: 0px; left: 50%; transform: translateX(-50%);
}
.pir-1[data-v-4390f4d0] { position: absolute; bottom: 5px; left: 10px;
}
.pir-2[data-v-4390f4d0] { position: absolute; bottom: 5px; right: 10px;
}
.pir-3[data-v-4390f4d0] { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
}

/* Info de geometría */
.geo-info[data-v-4390f4d0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.geo-header[data-v-4390f4d0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.geo-nombre[data-v-4390f4d0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.geo-notacion[data-v-4390f4d0] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.geo-detalles[data-v-4390f4d0] {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
}
.angulo[data-v-4390f4d0] {
  color: #6EE7B7;
  font-weight: 600;
}
.ejemplo[data-v-4390f4d0] {
  color: #C4B5FD;
  font-family: monospace;
}
.geo-nota[data-v-4390f4d0] {
  font-size: 0.75rem;
  color: #FCA5A5;
  font-style: italic;
}

/* Tabla resumen */
.tabla-section[data-v-4390f4d0] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-4390f4d0] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-4390f4d0] {
  padding: 0.5rem;
}
.tabla-header[data-v-4390f4d0] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.th[data-v-4390f4d0] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}
.tabla-row[data-v-4390f4d0] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  text-align: center;
}
.tabla-row[data-v-4390f4d0]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row.con-pl[data-v-4390f4d0] {
  background: rgba(245, 158, 11, 0.1);
}
.td[data-v-4390f4d0] {
  font-size: 0.8rem;
}
.td.notacion[data-v-4390f4d0] {
  color: #FCD34D;
  font-family: monospace;
  font-weight: 600;
}
.td.geo[data-v-4390f4d0] {
  color: #E9D5FF;
}
.td.ang[data-v-4390f4d0] {
  color: #6EE7B7;
  font-family: monospace;
}

/* Tip */
.tip[data-v-4390f4d0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4390f4d0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4390f4d0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4390f4d0] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.geometria-card[data-v-4390f4d0] {
    flex-direction: row;
    align-items: center;
}
.geo-visual[data-v-4390f4d0] {
    min-width: 120px;
}
.geo-info[data-v-4390f4d0] {
    flex: 1;
}
}

strong.polar[data-v-2241c674] {
  color: #FCD34D;
}
strong.apolar[data-v-2241c674] {
  color: #6EE7B7;
}
strong.geometria[data-v-2241c674] {
  color: #93C5FD;
}

/* Concepto section */
.concepto-section[data-v-2241c674] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-titulo[data-v-2241c674] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-contenido[data-v-2241c674] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto-item[data-v-2241c674] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.concepto-item .icono[data-v-2241c674] {
  font-size: 1.25rem;
}
.concepto-texto[data-v-2241c674] {
  font-size: 0.95rem;
  color: #E9D5FF;
}
.concepto-texto strong[data-v-2241c674] {
  color: #FCD34D;
}
.concepto-explicacion[data-v-2241c674] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
  text-align: center;
}

/* Dipolo section */
.dipolo-section[data-v-2241c674] {
  margin: 1.5rem 0;
}
.dipolo-titulo[data-v-2241c674] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.dipolo-ejemplo[data-v-2241c674] {
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.dipolo-ejemplo.polar[data-v-2241c674] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.dipolo-ejemplo.apolar[data-v-2241c674] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.dipolo-header[data-v-2241c674] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
}
.dipolo-ejemplo.polar .dipolo-header[data-v-2241c674] {
  background: rgba(245, 158, 11, 0.2);
}
.dipolo-ejemplo.apolar .dipolo-header[data-v-2241c674] {
  background: rgba(16, 185, 129, 0.2);
}
.dipolo-tipo[data-v-2241c674] {
  font-weight: 700;
  font-size: 0.85rem;
}
.dipolo-tipo.polar[data-v-2241c674] { color: #FCD34D;
}
.dipolo-tipo.apolar[data-v-2241c674] { color: #6EE7B7;
}
.dipolo-condicion[data-v-2241c674] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dipolo-visual[data-v-2241c674] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}

/* Molécula de agua */
.molecula-agua[data-v-2241c674] {
  position: relative;
  width: 100px;
  height: 70px;
}
.h-atom[data-v-2241c674], .o-atom[data-v-2241c674], .c-atom[data-v-2241c674] {
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
}
.o-atom[data-v-2241c674] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FCA5A5;
}
.h-atom[data-v-2241c674] {
  color: #93C5FD;
}
.h-atom.h1[data-v-2241c674] {
  top: 5px;
  left: 15px;
}
.h-atom.h2[data-v-2241c674] {
  top: 5px;
  right: 15px;
}
.vector-neto[data-v-2241c674] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.angulo-label[data-v-2241c674] {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Molécula de CO2 */
.molecula-co2[data-v-2241c674] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.molecula-co2 .o-atom[data-v-2241c674] {
  position: relative;
  transform: none;
  top: auto;
  left: auto;
}
.c-atom[data-v-2241c674] {
  color: #FCD34D;
}
.flecha[data-v-2241c674] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.dipolo-info[data-v-2241c674] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.dipolo-info .formula[data-v-2241c674] {
  font-size: 1.1rem;
  font-weight: 800;
  font-family: monospace;
}
.dipolo-ejemplo.polar .formula[data-v-2241c674] { color: #FCD34D;
}
.dipolo-ejemplo.apolar .formula[data-v-2241c674] { color: #6EE7B7;
}
.geo-tipo[data-v-2241c674] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.resultado[data-v-2241c674] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Reglas section */
.reglas-section[data-v-2241c674] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-2241c674] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.regla-card[data-v-2241c674] {
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.regla-card.apolar[data-v-2241c674] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.regla-card.polar[data-v-2241c674] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.regla-header[data-v-2241c674] {
  padding: 0.5rem 0.75rem;
}
.regla-card.apolar .regla-header[data-v-2241c674] {
  background: rgba(16, 185, 129, 0.2);
}
.regla-card.polar .regla-header[data-v-2241c674] {
  background: rgba(245, 158, 11, 0.2);
}
.regla-tipo[data-v-2241c674] {
  font-weight: 700;
  font-size: 0.9rem;
}
.regla-card.apolar .regla-tipo[data-v-2241c674] { color: #6EE7B7;
}
.regla-card.polar .regla-tipo[data-v-2241c674] { color: #FCD34D;
}
.regla-contenido[data-v-2241c674] {
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-2241c674] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-item .check[data-v-2241c674] {
  color: #6EE7B7;
  font-weight: 700;
}
.regla-item strong[data-v-2241c674] {
  color: #FFFFFF;
}
.regla-ejemplos[data-v-2241c674] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
  flex-wrap: wrap;
}
.regla-ejemplos .ej[data-v-2241c674] {
  font-family: monospace;
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #C4B5FD;
}

/* Comparación section */
.comparacion-section[data-v-2241c674] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-2241c674] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.comparacion-grid[data-v-2241c674] {
  display: flex;
  gap: 0.75rem;
}
.comp-item[data-v-2241c674] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-formula[data-v-2241c674] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-geo[data-v-2241c674], .comp-sim[data-v-2241c674] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.comp-polar[data-v-2241c674] {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.comp-polar.apolar[data-v-2241c674] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.comp-polar.polar[data-v-2241c674] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.comp-nota[data-v-2241c674] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0 0;
}

/* Tip */
.tip[data-v-2241c674] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2241c674] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2241c674] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2241c674] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.dipolo-visual[data-v-2241c674] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
}

.explorador[data-v-f4a98793] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f4a98793] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f4a98793] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(99, 102, 241, 0.2);
  border: 2px solid rgba(99, 102, 241, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f4a98793] {
  border-color: #6366F1;
  background: #6366F1;
  color: white;
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.5);
}
.progreso-item.completado[data-v-f4a98793] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f4a98793] {
  background: rgba(99, 102, 241, 0.1);
  border: 2px solid rgba(99, 102, 241, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f4a98793] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f4a98793] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f4a98793] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f4a98793] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Geometría ===== */
.geometria-container[data-v-f4a98793] {
  text-align: center;
}
.molecula-mostrar[data-v-f4a98793] {
  margin-bottom: 1rem;
}
.molecula-formula[data-v-f4a98793] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
  display: block;
  font-family: monospace;
}
.molecula-visual[data-v-f4a98793] {
  position: relative;
  height: 80px;
  margin: 0.75rem auto;
  width: 120px;
}
.atomo-central-viz[data-v-f4a98793] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #6366F1, #4F46E5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 0.85rem;
  z-index: 2;
}
.atomo-enlazado-viz[data-v-f4a98793] {
  position: absolute;
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #10B981, #059669);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.7rem;
  z-index: 1;
}
.par-libre-viz[data-v-f4a98793] {
  position: absolute;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Geometría lineal */
.molecula-visual.lineal .pos-1[data-v-f4a98793] { left: 5px; top: 50%; transform: translateY(-50%);
}
.molecula-visual.lineal .pos-2[data-v-f4a98793] { right: 5px; top: 50%; transform: translateY(-50%);
}

/* Geometría trigonal */
.molecula-visual.trigonal .pos-1[data-v-f4a98793] { top: 5px; left: 50%; transform: translateX(-50%);
}
.molecula-visual.trigonal .pos-2[data-v-f4a98793] { bottom: 5px; left: 10px;
}
.molecula-visual.trigonal .pos-3[data-v-f4a98793] { bottom: 5px; right: 10px;
}

/* Geometría tetraédrica */
.molecula-visual.tetraedrica .pos-1[data-v-f4a98793] { top: 5px; left: 50%; transform: translateX(-50%);
}
.molecula-visual.tetraedrica .pos-2[data-v-f4a98793] { bottom: 8px; left: 5px;
}
.molecula-visual.tetraedrica .pos-3[data-v-f4a98793] { bottom: 8px; right: 5px;
}
.molecula-visual.tetraedrica .pos-4[data-v-f4a98793] { top: 50%; right: 0; transform: translateY(-50%); opacity: 0.7;
}

/* Geometría angular */
.molecula-visual.angular .pos-1[data-v-f4a98793] { bottom: 8px; left: 15px;
}
.molecula-visual.angular .pos-2[data-v-f4a98793] { bottom: 8px; right: 15px;
}
.molecula-visual.angular .pl-1[data-v-f4a98793] { top: 5px; left: 35%;
}
.molecula-visual.angular .pl-2[data-v-f4a98793] { top: 5px; right: 35%;
}

/* Geometría piramidal */
.molecula-visual.piramidal .pos-1[data-v-f4a98793] { bottom: 3px; left: 10px;
}
.molecula-visual.piramidal .pos-2[data-v-f4a98793] { bottom: 3px; right: 10px;
}
.molecula-visual.piramidal .pos-3[data-v-f4a98793] { bottom: 16px; left: 50%; transform: translateX(-50%);
}
.molecula-visual.piramidal .pl-1[data-v-f4a98793] { top: 3px; left: 50%; transform: translateX(-50%);
}
.notacion-info[data-v-f4a98793] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.notacion-label[data-v-f4a98793] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.notacion-valor[data-v-f4a98793] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.geo-pregunta[data-v-f4a98793] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.geo-opciones[data-v-f4a98793] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.geo-btn[data-v-f4a98793] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(99, 102, 241, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.geo-btn[data-v-f4a98793]:hover:not(:disabled) {
  border-color: rgba(99, 102, 241, 0.6);
}
.geo-btn.seleccionado[data-v-f4a98793] {
  border-color: #6366F1;
  background: rgba(99, 102, 241, 0.2);
}
.geo-btn.correcto[data-v-f4a98793] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.geo-btn.incorrecto[data-v-f4a98793] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.geo-btn[data-v-f4a98793]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Polaridad ===== */
.polaridad-container[data-v-f4a98793] {
  text-align: center;
}
.polaridad-molecula[data-v-f4a98793] {
  margin-bottom: 1rem;
}
.pol-formula[data-v-f4a98793] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.pol-datos[data-v-f4a98793] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.pol-geo[data-v-f4a98793], .pol-enlaces[data-v-f4a98793] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pol-geo strong[data-v-f4a98793], .pol-enlaces strong[data-v-f4a98793] {
  color: #E9D5FF;
}
.pol-visual[data-v-f4a98793] {
  height: 70px;
  margin: 0.75rem auto;
  width: 120px;
  position: relative;
}
.visual-contenido[data-v-f4a98793] {
  width: 100%;
  height: 100%;
  position: relative;
}
.central-pol[data-v-f4a98793] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #6366F1, #4F46E5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 0.8rem;
  z-index: 2;
}
.enlazado-pol[data-v-f4a98793] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #10B981, #059669);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.65rem;
  z-index: 1;
}

/* Posiciones para diferentes geometrías */
.pol-visual.lineal .e-1[data-v-f4a98793] { left: 5px; top: 50%; transform: translateY(-50%);
}
.pol-visual.lineal .e-2[data-v-f4a98793] { right: 5px; top: 50%; transform: translateY(-50%);
}
.pol-visual.piramidal .e-1[data-v-f4a98793] { bottom: 5px; left: 10px;
}
.pol-visual.piramidal .e-2[data-v-f4a98793] { bottom: 5px; right: 10px;
}
.pol-visual.piramidal .e-3[data-v-f4a98793] { bottom: 18px; left: 50%; transform: translateX(-50%);
}
.pol-visual.tetraedrica .e-1[data-v-f4a98793] { top: 5px; left: 50%; transform: translateX(-50%);
}
.pol-visual.tetraedrica .e-2[data-v-f4a98793] { bottom: 8px; left: 5px;
}
.pol-visual.tetraedrica .e-3[data-v-f4a98793] { bottom: 8px; right: 5px;
}
.pol-visual.tetraedrica .e-4[data-v-f4a98793] { top: 50%; right: 0; transform: translateY(-50%); opacity: 0.7;
}
.vector-neto-viz[data-v-f4a98793] {
  position: absolute;
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.vector-neto-viz.arriba[data-v-f4a98793] {
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
}
.pol-pregunta[data-v-f4a98793] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pol-opciones[data-v-f4a98793] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.pol-btn[data-v-f4a98793] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(99, 102, 241, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 90px;
}
.pol-btn[data-v-f4a98793]:hover:not(:disabled) {
  border-color: rgba(99, 102, 241, 0.6);
}
.pol-btn.seleccionado[data-v-f4a98793] {
  border-color: #6366F1;
  background: rgba(99, 102, 241, 0.2);
}
.pol-btn.correcto[data-v-f4a98793] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.pol-btn.incorrecto[data-v-f4a98793] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.pol-btn[data-v-f4a98793]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.pol-icono[data-v-f4a98793] {
  font-size: 1.5rem;
}
.pol-btn.apolar .pol-icono[data-v-f4a98793] { color: #6EE7B7;
}
.pol-btn.polar .pol-icono[data-v-f4a98793] { color: #FCD34D;
}
.pol-nombre[data-v-f4a98793] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.pol-cond[data-v-f4a98793] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* ===== DESAFÍO 3: Ángulo ===== */
.angulo-container[data-v-f4a98793] {
  text-align: center;
}
.angulo-molecula[data-v-f4a98793] {
  margin-bottom: 1rem;
}
.ang-formula[data-v-f4a98793] {
  font-size: 2rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: monospace;
}
.ang-info[data-v-f4a98793] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.ang-geo[data-v-f4a98793] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ang-pl[data-v-f4a98793] {
  font-size: 0.8rem;
  color: #FCA5A5;
  padding: 0.2rem 0.5rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.25rem;
}
.ang-pregunta[data-v-f4a98793] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ang-opciones[data-v-f4a98793] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ang-btn[data-v-f4a98793] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(99, 102, 241, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 70px;
}
.ang-btn[data-v-f4a98793]:hover:not(:disabled) {
  border-color: rgba(99, 102, 241, 0.6);
}
.ang-btn.seleccionado[data-v-f4a98793] {
  border-color: #6366F1;
  background: rgba(99, 102, 241, 0.2);
}
.ang-btn.correcto[data-v-f4a98793] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.ang-btn.incorrecto[data-v-f4a98793] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ang-btn[data-v-f4a98793]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-f4a98793] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  line-height: 1.4;
}
.contador[data-v-f4a98793] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-f4a98793] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f4a98793] { font-size: 1.25rem;
}
.resultado-texto[data-v-f4a98793] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-f4a98793] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(99, 102, 241, 0.2);
}
.nav-spacer[data-v-f4a98793] { flex: 1;
}
.nav-btn[data-v-f4a98793] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(99, 102, 241, 0.2);
  border: 2px solid rgba(99, 102, 241, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f4a98793] {
  background: #6366F1;
  border-color: #4F46E5;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f4a98793] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(99, 102, 241, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f4a98793] { font-size: 1.75rem;
}
.completado-texto[data-v-f4a98793] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f4a98793], .slide-leave-active[data-v-f4a98793] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f4a98793] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f4a98793] { opacity: 0; transform: translateX(-15px);
}

strong.polar[data-v-e722f184] {
  color: #FCD34D;
}
strong.apolar[data-v-e722f184] {
  color: #6EE7B7;
}

/* Resumen RPECV */
.resumen-section[data-v-e722f184] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-e722f184] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-principio[data-v-e722f184] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
  text-align: center;
}
.resumen-principio strong[data-v-e722f184] {
  color: #FCA5A5;
}
.repulsion-recordar[data-v-e722f184] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.r-item[data-v-e722f184] {
  padding: 0.35rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.r-item.libre[data-v-e722f184] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.r-item.mixto[data-v-e722f184] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.r-item.enlazante[data-v-e722f184] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.r-mayor[data-v-e722f184] {
  color: #C4B5FD;
  font-weight: 700;
}

/* Tabla de geometrías */
.tabla-section[data-v-e722f184] {
  margin-bottom: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-titulo[data-v-e722f184] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-e722f184] {
  padding: 0.5rem;
  overflow-x: auto;
}
.tabla-header[data-v-e722f184] {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 0.8fr 0.8fr;
  gap: 0.4rem;
  padding: 0.4rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.th[data-v-e722f184] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}
.tabla-row[data-v-e722f184] {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 0.8fr 0.8fr;
  gap: 0.4rem;
  padding: 0.35rem;
  text-align: center;
}
.tabla-row[data-v-e722f184]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row.con-pl[data-v-e722f184] {
  background: rgba(245, 158, 11, 0.1);
}
.td[data-v-e722f184] {
  font-size: 0.75rem;
}
.td.notacion[data-v-e722f184] {
  color: #FCD34D;
  font-family: monospace;
  font-weight: 600;
}
.td.geo[data-v-e722f184] {
  color: #E9D5FF;
}
.td.ang[data-v-e722f184] {
  color: #6EE7B7;
  font-family: monospace;
}
.td.ej[data-v-e722f184] {
  color: #C4B5FD;
  font-family: monospace;
}

/* Polaridad section */
.polaridad-section[data-v-e722f184] {
  margin-bottom: 1.5rem;
}
.polaridad-titulo[data-v-e722f184] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polaridad-grid[data-v-e722f184] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.pol-card[data-v-e722f184] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.pol-card.apolar[data-v-e722f184] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.pol-card.polar[data-v-e722f184] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.pol-tipo[data-v-e722f184] {
  font-weight: 700;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.5rem;
}
.pol-card.apolar .pol-tipo[data-v-e722f184] { color: #6EE7B7;
}
.pol-card.polar .pol-tipo[data-v-e722f184] { color: #FCD34D;
}
.pol-condiciones[data-v-e722f184] {
  margin: 0 0 0.5rem 1rem;
  padding: 0;
  list-style-type: disc;
}
.pol-condiciones li[data-v-e722f184] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}
.pol-ejemplos[data-v-e722f184] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}

/* Tips section */
.tips-section[data-v-e722f184] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-e722f184] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-e722f184] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-e722f184] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.tip-numero[data-v-e722f184] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
}
.tip-texto[data-v-e722f184] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-e722f184] {
  color: #FFFFFF;
}

/* Moléculas frecuentes */
.moleculas-section[data-v-e722f184] {
  margin-bottom: 1.5rem;
}
.moleculas-titulo[data-v-e722f184] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.moleculas-grid[data-v-e722f184] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.mol-card[data-v-e722f184] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.mol-formula[data-v-e722f184] {
  font-size: 1rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
}
.mol-geo[data-v-e722f184] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mol-polar[data-v-e722f184] {
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.mol-polar.polar[data-v-e722f184] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.mol-polar.apolar[data-v-e722f184] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-e722f184] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(99, 102, 241, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-e722f184] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-e722f184] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.polaridad-grid[data-v-e722f184] {
    flex-direction: row;
}
.pol-card[data-v-e722f184] {
    flex: 1;
}
.moleculas-grid[data-v-e722f184] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-cb68de38] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.modelo-icono[data-v-cb68de38] {
  font-size: 2rem;
  animation: float-cb68de38 3s ease-in-out infinite;
}
.modelo-icono[data-v-cb68de38]:nth-child(2) {
  animation-delay: 0.5s;
}
.modelo-icono[data-v-cb68de38]:nth-child(3) {
  animation-delay: 1s;
}
@keyframes float-cb68de38 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Timeline */
.timeline-section[data-v-cb68de38] {
  margin: 1.5rem 0;
}
.timeline-titulo[data-v-cb68de38] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.timeline[data-v-cb68de38] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.modelo-card[data-v-cb68de38] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
}
.modelo-header[data-v-cb68de38] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.modelo-ano[data-v-cb68de38] {
  font-size: 0.7rem;
  color: #5EEAD4;
  font-weight: 600;
}
.modelo-nombre[data-v-cb68de38] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.modelo-visual[data-v-cb68de38] {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0;
}

/* Dalton */
.esfera-solida[data-v-cb68de38] {
  width: 35px;
  height: 35px;
  background: linear-gradient(135deg, #14B8A6, #0D9488);
  border-radius: 50%;
  box-shadow: inset -5px -5px 10px rgba(0,0,0,0.3);
}

/* Thomson */
.pudin[data-v-cb68de38] {
  width: 40px;
  height: 40px;
  background: rgba(20, 184, 166, 0.3);
  border-radius: 50%;
  position: relative;
  border: 2px solid #14B8A6;
}
.pudin .electron[data-v-cb68de38] {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
}
.pudin .electron[data-v-cb68de38]:nth-child(1) { top: 8px; left: 12px;
}
.pudin .electron[data-v-cb68de38]:nth-child(2) { top: 22px; left: 6px;
}
.pudin .electron[data-v-cb68de38]:nth-child(3) { top: 18px; right: 6px;
}

/* Rutherford */
.rutherford[data-v-cb68de38] {
  position: relative;
}
.nucleo-r[data-v-cb68de38] {
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 50%;
  position: absolute;
}
.orbita-r[data-v-cb68de38] {
  width: 40px;
  height: 40px;
  border: 2px dashed rgba(20, 184, 166, 0.5);
  border-radius: 50%;
  position: relative;
  animation: spin-cb68de38 4s linear infinite;
}
.electron-r[data-v-cb68de38] {
  width: 8px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes spin-cb68de38 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}

/* Bohr */
.bohr[data-v-cb68de38] {
  position: relative;
}
.nucleo-b[data-v-cb68de38] {
  width: 10px;
  height: 10px;
  background: #EF4444;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
}
.orbita-b[data-v-cb68de38] {
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  position: absolute;
}
.orbita-b.n1[data-v-cb68de38] {
  width: 24px;
  height: 24px;
}
.orbita-b.n2[data-v-cb68de38] {
  width: 40px;
  height: 40px;
}
.electron-b[data-v-cb68de38] {
  width: 8px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
  position: absolute;
  top: -16px;
  animation: orbit-bohr-cb68de38 2s linear infinite;
}
@keyframes orbit-bohr-cb68de38 {
from { transform: rotate(0deg) translateX(12px) rotate(0deg);
}
to { transform: rotate(360deg) translateX(12px) rotate(-360deg);
}
}
.modelo-desc[data-v-cb68de38] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.modelo-limitacion[data-v-cb68de38] {
  font-size: 0.65rem;
  color: #FCA5A5;
}

/* Modelo actual */
.modelo-actual[data-v-cb68de38] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.actual-header[data-v-cb68de38] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.actual-icono[data-v-cb68de38] {
  font-size: 2rem;
}
.actual-titulo[data-v-cb68de38] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #5EEAD4;
}
.actual-ano[data-v-cb68de38] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.actual-visual[data-v-cb68de38] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.nube-electronica[data-v-cb68de38] {
  position: relative;
  width: 100px;
  height: 100px;
}
.nucleo-mc[data-v-cb68de38] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.nube[data-v-cb68de38] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(94, 234, 212, 0.4) 0%, rgba(94, 234, 212, 0.1) 40%, transparent 70%);
  border-radius: 50%;
  animation: pulse-nube-cb68de38 2s ease-in-out infinite;
}
@keyframes pulse-nube-cb68de38 {
0%, 100% { transform: scale(1); opacity: 0.8;
}
50% { transform: scale(1.1); opacity: 0.5;
}
}
.actual-desc[data-v-cb68de38] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
.actual-desc strong[data-v-cb68de38] {
  color: #5EEAD4;
}

/* Tip */
.tip[data-v-cb68de38] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cb68de38] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cb68de38] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cb68de38] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.timeline[data-v-cb68de38] {
    grid-template-columns: repeat(4, 1fr);
}
.modelo-card[data-v-cb68de38] {
    padding: 1rem;
}
.modelo-visual[data-v-cb68de38] {
    height: 60px;
}
.modelo-desc[data-v-cb68de38] {
    font-size: 0.75rem;
}
}

/* Intro dualidad */
.intro-dualidad[data-v-52175429] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.dual-item[data-v-52175429] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.dual-icono[data-v-52175429] {
  font-size: 2rem;
}
.dual-label[data-v-52175429] {
  font-size: 0.8rem;
  font-weight: 600;
}
.dual-item.particula .dual-label[data-v-52175429] {
  color: #FCD34D;
}
.dual-item.onda .dual-label[data-v-52175429] {
  color: #5EEAD4;
}
.dual-simbolo[data-v-52175429] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Ecuación */
.ecuacion-box[data-v-52175429] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.ecuacion-titulo[data-v-52175429] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.75rem;
}
.ecuacion[data-v-52175429] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.5rem;
  font-weight: 700;
}
.lambda[data-v-52175429] {
  color: #FCD34D;
  font-style: italic;
  font-size: 2rem;
}
.igual[data-v-52175429] {
  color: #FFFFFF;
}
.fraccion[data-v-52175429] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-52175429] {
  color: #93C5FD;
}
.linea[data-v-52175429] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
}
.denominador[data-v-52175429] {
  color: #E9D5FF;
  font-size: 1.2rem;
}
.ecuacion-leyenda[data-v-52175429] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.var strong[data-v-52175429] {
  color: #FFFFFF;
}

/* Explicación */
.explicacion-section[data-v-52175429] {
  margin: 1.5rem 0;
}
.explicacion-titulo[data-v-52175429] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion[data-v-52175429] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-item[data-v-52175429] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.comp-icono[data-v-52175429] {
  font-size: 1.75rem;
  min-width: 40px;
  text-align: center;
}
.comp-texto[data-v-52175429] {
  flex: 1;
}
.comp-texto strong[data-v-52175429] {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.comp-detalle[data-v-52175429] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.comp-resultado[data-v-52175429] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
}
.comp-resultado.positivo[data-v-52175429] {
  color: #6EE7B7;
}
.comp-resultado.negativo[data-v-52175429] {
  color: #FCA5A5;
}
.comp-conclusion[data-v-52175429] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Visual dualidad */
.visual-dualidad[data-v-52175429] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.visual-titulo[data-v-52175429] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.electron-onda[data-v-52175429] {
  padding: 0.5rem;
}
.onda-svg[data-v-52175429] {
  width: 100%;
  max-width: 250px;
  height: 60px;
}
.onda-path[data-v-52175429] {
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  animation: draw-wave-52175429 2s ease forwards infinite;
}
@keyframes draw-wave-52175429 {
to { stroke-dashoffset: 0;
}
}
.electron-punto[data-v-52175429] {
  animation: move-electron-52175429 2s ease-in-out infinite;
}
@keyframes move-electron-52175429 {
0% { cx: 0;
}
100% { cx: 200;
}
}
.visual-desc[data-v-52175429] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.5rem 0 0;
  line-height: 1.4;
}
.visual-desc strong[data-v-52175429] {
  color: #5EEAD4;
}

/* Tip */
.tip[data-v-52175429] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-52175429] {
  font-size: 1.25rem;
}
.tip-texto[data-v-52175429] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-52175429] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion[data-v-52175429] {
    flex-direction: row;
}
.comp-item[data-v-52175429] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.comp-icono[data-v-52175429] {
    font-size: 2.5rem;
}
}

/* Intro Heisenberg */
.intro-heisenberg[data-v-37d2eb23] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.interrogacion[data-v-37d2eb23] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  animation: blink-37d2eb23 1.5s ease-in-out infinite;
}
.interrogacion[data-v-37d2eb23]:nth-child(3) {
  animation-delay: 0.75s;
}
@keyframes blink-37d2eb23 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.3;
}
}
.electron-blur[data-v-37d2eb23] {
  width: 50px;
  height: 50px;
  background: radial-gradient(circle, rgba(94, 234, 212, 0.6) 0%, rgba(94, 234, 212, 0.2) 50%, transparent 70%);
  border-radius: 50%;
  animation: pulse-blur-37d2eb23 2s ease-in-out infinite;
}
@keyframes pulse-blur-37d2eb23 {
0%, 100% { transform: scale(1); filter: blur(2px);
}
50% { transform: scale(1.2); filter: blur(8px);
}
}

/* Ecuación */
.ecuacion-box[data-v-37d2eb23] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.ecuacion-titulo[data-v-37d2eb23] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.ecuacion[data-v-37d2eb23] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.delta[data-v-37d2eb23] {
  color: #93C5FD;
  font-style: italic;
}
.multiplicar[data-v-37d2eb23], .mayor[data-v-37d2eb23] {
  color: #FFFFFF;
}
.fraccion[data-v-37d2eb23] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-37d2eb23] {
  color: #5EEAD4;
}
.linea[data-v-37d2eb23] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 2px 0;
}
.denominador[data-v-37d2eb23] {
  color: #E9D5FF;
  font-size: 1.1rem;
}
.ecuacion-leyenda[data-v-37d2eb23] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.var strong[data-v-37d2eb23] {
  color: #FFFFFF;
}

/* Explicación */
.explicacion-section[data-v-37d2eb23] {
  margin: 1.5rem 0;
}
.explicacion-titulo[data-v-37d2eb23] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.analogia-grid[data-v-37d2eb23] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.analogia-item[data-v-37d2eb23] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.analogia-item.conocer-posicion[data-v-37d2eb23] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.analogia-item.conocer-velocidad[data-v-37d2eb23] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analogia-header[data-v-37d2eb23] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.analogia-icono[data-v-37d2eb23] {
  font-size: 1.25rem;
}
.analogia-titulo[data-v-37d2eb23] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.analogia-visual[data-v-37d2eb23] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  min-height: 40px;
}
.punto-fijo[data-v-37d2eb23] {
  width: 20px;
  height: 20px;
  background: #6EE7B7;
  border-radius: 50%;
  box-shadow: 0 0 10px #6EE7B7;
}
.flecha-difusa[data-v-37d2eb23] {
  display: flex;
  gap: 0.25rem;
  color: #FCA5A5;
  font-size: 1.25rem;
  opacity: 0.6;
}
.puntos-difusos[data-v-37d2eb23] {
  display: flex;
  gap: 0.5rem;
  color: #C4B5FD;
  font-size: 1.5rem;
  opacity: 0.5;
}
.flecha-clara[data-v-37d2eb23] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.analogia-resultado[data-v-37d2eb23] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Consecuencia */
.consecuencia-box[data-v-37d2eb23] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(20, 184, 166, 0.15);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.consecuencia-icono[data-v-37d2eb23] {
  font-size: 2rem;
}
.consecuencia-titulo[data-v-37d2eb23] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.5rem;
}
.consecuencia-texto[data-v-37d2eb23] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin: 0;
}
.consecuencia-texto strong[data-v-37d2eb23] {
  color: #5EEAD4;
}

/* Comparación */
.comparacion-section[data-v-37d2eb23] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-37d2eb23] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comp-grid[data-v-37d2eb23] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-card[data-v-37d2eb23] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.comp-card.clasico[data-v-37d2eb23] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-card.cuantico[data-v-37d2eb23] {
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
}
.comp-header[data-v-37d2eb23] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.comp-icono[data-v-37d2eb23] {
  font-size: 1.25rem;
}
.comp-nombre[data-v-37d2eb23] {
  font-weight: 700;
  font-size: 0.9rem;
}
.comp-card.clasico .comp-nombre[data-v-37d2eb23] {
  color: #FCA5A5;
}
.comp-card.cuantico .comp-nombre[data-v-37d2eb23] {
  color: #5EEAD4;
}
.comp-lista[data-v-37d2eb23] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.comp-lista li[data-v-37d2eb23] {
  margin-bottom: 0.25rem;
}

/* Tip */
.tip[data-v-37d2eb23] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-37d2eb23] {
  font-size: 1.25rem;
}
.tip-texto[data-v-37d2eb23] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-37d2eb23] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.analogia-grid[data-v-37d2eb23] {
    flex-direction: row;
}
.analogia-item[data-v-37d2eb23] {
    flex: 1;
}
.comp-grid[data-v-37d2eb23] {
    flex-direction: row;
}
.comp-card[data-v-37d2eb23] {
    flex: 1;
}
.ecuacion-leyenda[data-v-37d2eb23] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

.explorador[data-v-6426f7a2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-6426f7a2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-6426f7a2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-6426f7a2] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-6426f7a2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-6426f7a2] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-6426f7a2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-6426f7a2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-6426f7a2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-6426f7a2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ordenar modelos ===== */
.ordenar-container[data-v-6426f7a2] {
  text-align: center;
}
.modelos-disponibles[data-v-6426f7a2] {
  margin-bottom: 1rem;
}
.modelos-label[data-v-6426f7a2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.modelos-pool[data-v-6426f7a2] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.modelo-btn[data-v-6426f7a2] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 2px solid rgba(20, 184, 166, 0.4);
  background: rgba(20, 184, 166, 0.2);
  color: #5EEAD4;
  font-family: inherit;
}
.modelo-btn.seleccionado[data-v-6426f7a2] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.6);
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
}
.timeline-ordenar[data-v-6426f7a2] {
  margin: 1rem 0;
}
.timeline-labels[data-v-6426f7a2] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.slots-timeline[data-v-6426f7a2] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.slot-modelo[data-v-6426f7a2] {
  width: 60px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(20, 184, 166, 0.5);
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.75rem;
}
.slot-modelo.seleccionable[data-v-6426f7a2] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.3);
  animation: pulse-6426f7a2 1s infinite;
}
@keyframes pulse-6426f7a2 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-modelo.ocupado[data-v-6426f7a2] {
  border-style: solid;
  border-color: rgba(20, 184, 166, 0.6);
}
.slot-placeholder[data-v-6426f7a2] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}
.slot-contenido[data-v-6426f7a2] {
  font-weight: 600;
  color: #5EEAD4;
}

/* Botones de acción */
.botones-accion[data-v-6426f7a2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}
.btn-verificar[data-v-6426f7a2], .btn-reiniciar[data-v-6426f7a2], .btn-completar[data-v-6426f7a2] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-6426f7a2], .btn-completar[data-v-6426f7a2] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-6426f7a2] {
  background: rgba(20, 184, 166, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 2: Características ===== */
.caracteristicas-container[data-v-6426f7a2] {
  text-align: center;
}
.caracteristica-pregunta[data-v-6426f7a2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-6426f7a2] {
  font-size: 2rem;
}
.pregunta-texto[data-v-6426f7a2] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-caracteristicas[data-v-6426f7a2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-6426f7a2] {
  padding: 0.75rem;
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-6426f7a2]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.opcion-btn.seleccionada[data-v-6426f7a2] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.opcion-btn.correcta[data-v-6426f7a2] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-6426f7a2] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-error[data-v-6426f7a2] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-6426f7a2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 3: Orbital ===== */
.orbital-container[data-v-6426f7a2] {
  text-align: center;
}
.orbital-instruccion[data-v-6426f7a2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.orbital-instruccion strong[data-v-6426f7a2] {
  color: #5EEAD4;
}
.orbital-visual[data-v-6426f7a2] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.atomo-simulacion[data-v-6426f7a2] {
  position: relative;
  width: 150px;
  height: 150px;
}
.nucleo-sim[data-v-6426f7a2] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.nube-probabilidad[data-v-6426f7a2] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(94, 234, 212, 0.5) 0%, rgba(94, 234, 212, 0.2) 40%, transparent 70%);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.punto-electron[data-v-6426f7a2] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #FCD34D;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease;
  z-index: 2;
}
.control-probabilidad[data-v-6426f7a2] {
  margin: 1rem 0;
}
.prob-label[data-v-6426f7a2] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.prob-label strong[data-v-6426f7a2] {
  color: #5EEAD4;
}
.prob-slider[data-v-6426f7a2] {
  width: 100%;
  max-width: 200px;
  height: 8px;
  -webkit-appearance: none;
  background: linear-gradient(to right, #14B8A6, #5EEAD4);
  border-radius: 4px;
  outline: none;
}
.prob-slider[data-v-6426f7a2]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.orbital-explicacion[data-v-6426f7a2] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.orbital-explicacion strong[data-v-6426f7a2] {
  color: #5EEAD4;
}

/* Resultado correcto */
.resultado-correcto[data-v-6426f7a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-6426f7a2] { font-size: 1.25rem;
}
.resultado-texto[data-v-6426f7a2] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-6426f7a2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-6426f7a2] { flex: 1;
}
.nav-btn[data-v-6426f7a2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-6426f7a2] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-6426f7a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-6426f7a2] { font-size: 1.75rem;
}
.completado-texto[data-v-6426f7a2] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-6426f7a2], .slide-leave-active[data-v-6426f7a2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-6426f7a2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-6426f7a2] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-caracteristicas[data-v-6426f7a2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.slot-modelo[data-v-6426f7a2] {
    width: 70px;
}
}

/* Header */
.resumen-header[data-v-b28ea381] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(20, 184, 166, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-b28ea381] {
  font-size: 1.5rem;
}
.header-texto[data-v-b28ea381] {
  font-size: 1rem;
  font-weight: 700;
  color: #5EEAD4;
}

/* Conceptos clave */
.conceptos-clave[data-v-b28ea381] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto[data-v-b28ea381] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.concepto.destacado[data-v-b28ea381] {
  background: rgba(20, 184, 166, 0.15);
  border: 2px solid rgba(20, 184, 166, 0.5);
}
.concepto-icono[data-v-b28ea381] {
  font-size: 1.5rem;
  min-width: 35px;
  text-align: center;
}
.concepto-contenido[data-v-b28ea381] {
  flex: 1;
}
.concepto-titulo[data-v-b28ea381] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-b28ea381] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-b28ea381] {
  color: #FFFFFF;
}

/* Comparación final */
.comparacion-final[data-v-b28ea381] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.comp-titulo[data-v-b28ea381] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
  margin-bottom: 1rem;
}
.comp-visual[data-v-b28ea381] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.comp-item[data-v-b28ea381] {
  text-align: center;
}
.comp-nombre[data-v-b28ea381] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.comp-diagrama[data-v-b28ea381] {
  width: 70px;
  height: 70px;
  position: relative;
  margin: 0 auto;
}
.comp-diagrama .nucleo[data-v-b28ea381] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

/* Bohr */
.comp-diagrama.bohr .orbita-linea[data-v-b28ea381] {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 2px solid rgba(20, 184, 166, 0.6);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.comp-diagrama.bohr .electron-punto[data-v-b28ea381] {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  animation: orbit-simple-b28ea381 2s linear infinite;
}
@keyframes orbit-simple-b28ea381 {
from { transform: translateX(-50%) rotate(0deg) translateY(-25px);
}
to { transform: translateX(-50%) rotate(360deg) translateY(-25px);
}
}

/* Mecano-cuántico */
.comp-diagrama.mc .nube[data-v-b28ea381] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(94, 234, 212, 0.4) 0%, rgba(94, 234, 212, 0.1) 50%, transparent 70%);
  border-radius: 50%;
  animation: pulse-nube-b28ea381 2s ease-in-out infinite;
}
@keyframes pulse-nube-b28ea381 {
0%, 100% { transform: scale(1); opacity: 0.8;
}
50% { transform: scale(1.1); opacity: 0.5;
}
}
.comp-descripcion[data-v-b28ea381] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.comp-flecha[data-v-b28ea381] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Tips PAES */
.tips-paes[data-v-b28ea381] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-b28ea381] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-b28ea381] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tips-lista li[data-v-b28ea381] {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.tips-lista strong[data-v-b28ea381] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-b28ea381] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-b28ea381] {
  font-size: 1.75rem;
}
.final-texto[data-v-b28ea381] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-clave[data-v-b28ea381] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.concepto.destacado[data-v-b28ea381] {
    grid-column: span 2;
}
.comp-diagrama[data-v-b28ea381] {
    width: 80px;
    height: 80px;
}
}

/* Intro visual */
.intro-visual[data-v-64c5e645] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.simbolo[data-v-64c5e645] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.5);
  color: #5EEAD4;
}
.simbolo sub[data-v-64c5e645] {
  font-size: 0.8rem;
}

/* Analogía */
.analogia-section[data-v-64c5e645] {
  margin: 1.5rem 0;
}
.analogia-titulo[data-v-64c5e645] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-grid[data-v-64c5e645] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.analogia-item[data-v-64c5e645] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
}
.item-simbolo[data-v-64c5e645] {
  font-size: 1.3rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  color: #5EEAD4;
  margin-bottom: 0.25rem;
}
.item-analogia[data-v-64c5e645] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Átomo visual */
.atomo-visual[data-v-64c5e645] {
  margin: 1.5rem 0;
  text-align: center;
}
.atomo-titulo[data-v-64c5e645] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.atomo-container[data-v-64c5e645] {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.nucleo[data-v-64c5e645] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  z-index: 3;
}
.nivel[data-v-64c5e645] {
  position: absolute;
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nivel.n1[data-v-64c5e645] {
  width: 50px;
  height: 50px;
  border-color: rgba(20, 184, 166, 0.8);
}
.nivel.n2[data-v-64c5e645] {
  width: 90px;
  height: 90px;
}
.nivel.n3[data-v-64c5e645] {
  width: 130px;
  height: 130px;
}
.electron[data-v-64c5e645] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #FCD34D;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 8px rgba(252, 211, 77, 0.6);
}
.niveles-labels[data-v-64c5e645] {
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.label-n[data-v-64c5e645] {
  position: absolute;
  font-size: 0.7rem;
  color: #5EEAD4;
  font-weight: 600;
  right: 0;
}
.atomo-caption[data-v-64c5e645] {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.atomo-caption strong[data-v-64c5e645] {
  color: #5EEAD4;
}

/* Principio */
.principio[data-v-64c5e645] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.principio-icono[data-v-64c5e645] {
  font-size: 1.5rem;
}
.principio-contenido[data-v-64c5e645] {
  flex: 1;
}
.principio-titulo[data-v-64c5e645] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.principio-texto[data-v-64c5e645] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.principio-texto strong[data-v-64c5e645] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-64c5e645] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-64c5e645] {
  font-size: 1.25rem;
}
.tip-texto[data-v-64c5e645] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-64c5e645] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-64c5e645] {
    gap: 1.5rem;
}
.simbolo[data-v-64c5e645] {
    font-size: 2rem;
    padding: 0.75rem 1rem;
}
.analogia-grid[data-v-64c5e645] {
    grid-template-columns: repeat(4, 1fr);
}
.atomo-container[data-v-64c5e645] {
    width: 180px;
    height: 180px;
}
}

/* Header visual */
.header-visual[data-v-d71460f6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 1rem;
}
.simbolo-grande[data-v-d71460f6] {
  font-size: 3rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  color: #5EEAD4;
}
.header-info[data-v-d71460f6] {
  display: flex;
  flex-direction: column;
}
.header-nombre[data-v-d71460f6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.header-desc[data-v-d71460f6] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Valores permitidos */
.valores-section[data-v-d71460f6] {
  margin: 1.5rem 0;
  text-align: center;
}
.valores-titulo[data-v-d71460f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.valores-formula[data-v-d71460f6] {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: monospace;
  color: #5EEAD4;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
}
.valores-nota[data-v-d71460f6] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Niveles visual */
.niveles-visual[data-v-d71460f6] {
  margin: 1.5rem 0;
}
.niveles-titulo[data-v-d71460f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.niveles-container[data-v-d71460f6] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
  height: 120px;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.nivel-barra[data-v-d71460f6] {
  width: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(to top, rgba(20, 184, 166, 0.3), rgba(20, 184, 166, 0.6));
  border: 1px solid rgba(20, 184, 166, 0.5);
  border-radius: 0.3rem 0.3rem 0 0;
  padding: 0.3rem;
  transition: all 0.3s ease;
}
.nivel-valor[data-v-d71460f6] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nivel-nombre[data-v-d71460f6] {
  font-size: 0.6rem;
  color: #FCD34D;
  font-weight: 600;
}
.nivel-energia[data-v-d71460f6] {
  display: flex;
  gap: 2px;
  margin-top: 0.25rem;
}
.energia-dot[data-v-d71460f6] {
  width: 6px;
  height: 6px;
  background: #FCD34D;
  border-radius: 50%;
}
.niveles-flecha[data-v-d71460f6] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.flecha[data-v-d71460f6] {
  font-size: 1rem;
  color: #5EEAD4;
}

/* Tabla */
.tabla-section[data-v-d71460f6] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-d71460f6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla[data-v-d71460f6] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-d71460f6] {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  padding: 0.5rem;
  background: rgba(20, 184, 166, 0.3);
  font-weight: 700;
  font-size: 0.8rem;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-d71460f6] {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(20, 184, 166, 0.2);
  font-size: 0.85rem;
  text-align: center;
}
.tabla-row[data-v-d71460f6]:last-child {
  border-bottom: none;
}
.n-valor[data-v-d71460f6] {
  font-weight: 700;
  color: #5EEAD4;
}
.subniveles[data-v-d71460f6] {
  color: #E9D5FF;
  font-family: monospace;
}
.max-e[data-v-d71460f6] {
  font-weight: 700;
  color: #FCD34D;
}
.tabla-formula[data-v-d71460f6] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.tabla-formula strong[data-v-d71460f6] {
  color: #5EEAD4;
  font-size: 1.1rem;
}

/* Tip */
.tip[data-v-d71460f6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d71460f6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d71460f6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d71460f6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.simbolo-grande[data-v-d71460f6] {
    font-size: 4rem;
}
.nivel-barra[data-v-d71460f6] {
    width: 80px;
}
.nivel-valor[data-v-d71460f6] {
    font-size: 0.85rem;
}
}

/* Header visual */
.header-visual[data-v-194413a5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(168, 85, 247, 0.1);
  border: 2px solid rgba(168, 85, 247, 0.4);
  border-radius: 1rem;
}
.simbolo-grande[data-v-194413a5] {
  font-size: 3rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  color: #C4B5FD;
}
.header-info[data-v-194413a5] {
  display: flex;
  flex-direction: column;
}
.header-nombre[data-v-194413a5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.header-desc[data-v-194413a5] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Valores permitidos */
.valores-section[data-v-194413a5] {
  margin: 1.5rem 0;
  text-align: center;
}
.valores-titulo[data-v-194413a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.valores-formula[data-v-194413a5] {
  font-size: 1.3rem;
  font-weight: 700;
  font-family: monospace;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  display: inline-block;
}
.valores-nota[data-v-194413a5] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.valores-nota strong[data-v-194413a5] {
  color: #5EEAD4;
}

/* Subniveles */
.subniveles-section[data-v-194413a5] {
  margin: 1.5rem 0;
}
.subniveles-titulo[data-v-194413a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.subniveles-grid[data-v-194413a5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.subnivel-card[data-v-194413a5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(168, 85, 247, 0.3);
  border-radius: 0.5rem;
}
.subnivel-header[data-v-194413a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.l-valor[data-v-194413a5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}
.subnivel-letra[data-v-194413a5] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(168, 85, 247, 0.4);
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
}

/* Formas de orbitales */
.orbital-forma[data-v-194413a5] {
  width: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Orbital s - esfera */
.orbital-s .esfera[data-v-194413a5] {
  width: 35px;
  height: 35px;
  background: radial-gradient(circle, rgba(94, 234, 212, 0.6) 0%, rgba(94, 234, 212, 0.2) 70%, transparent 100%);
  border-radius: 50%;
  border: 2px solid rgba(94, 234, 212, 0.5);
}

/* Orbital p - bilobular */
.orbital-p[data-v-194413a5] {
  flex-direction: column;
}
.orbital-p .lobulo[data-v-194413a5] {
  width: 20px;
  height: 18px;
  background: rgba(252, 211, 77, 0.5);
  border: 2px solid rgba(252, 211, 77, 0.6);
}
.orbital-p .lobulo[data-v-194413a5]:first-child {
  border-radius: 50% 50% 0 0;
  border-bottom: none;
}
.orbital-p .lobulo[data-v-194413a5]:last-child {
  border-radius: 0 0 50% 50%;
  border-top: none;
}

/* Orbital d - cuatro lóbulos */
.orbital-d .lobulo-d[data-v-194413a5] {
  position: absolute;
  width: 18px;
  height: 18px;
  background: rgba(251, 146, 60, 0.5);
  border: 2px solid rgba(251, 146, 60, 0.6);
  border-radius: 50%;
}
.orbital-d .l1[data-v-194413a5] { top: 2px; left: 50%; transform: translateX(-50%);
}
.orbital-d .l2[data-v-194413a5] { bottom: 2px; left: 50%; transform: translateX(-50%);
}
.orbital-d .l3[data-v-194413a5] { left: 2px; top: 50%; transform: translateY(-50%);
}
.orbital-d .l4[data-v-194413a5] { right: 2px; top: 50%; transform: translateY(-50%);
}

/* Orbital f - complejo */
.orbital-f .complejo[data-v-194413a5] {
  width: 40px;
  height: 40px;
  background: 
    radial-gradient(circle at 30% 30%, rgba(239, 68, 68, 0.4) 10%, transparent 30%),
    radial-gradient(circle at 70% 30%, rgba(239, 68, 68, 0.4) 10%, transparent 30%),
    radial-gradient(circle at 30% 70%, rgba(239, 68, 68, 0.4) 10%, transparent 30%),
    radial-gradient(circle at 70% 70%, rgba(239, 68, 68, 0.4) 10%, transparent 30%),
    radial-gradient(circle at 50% 50%, rgba(239, 68, 68, 0.3) 20%, transparent 40%);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 30%;
}
.forma-nombre[data-v-194413a5] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}
.orbitales-num[data-v-194413a5] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Ejemplo */
.ejemplo-section[data-v-194413a5] {
  margin: 1.5rem 0;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-194413a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplo-contenido[data-v-194413a5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-calculo[data-v-194413a5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.ejemplo-calculo strong[data-v-194413a5] {
  color: #C4B5FD;
  font-size: 1.1rem;
}
.ejemplo-resultado[data-v-194413a5] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.resultado-item[data-v-194413a5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.resultado-item strong[data-v-194413a5] {
  color: #5EEAD4;
}

/* Regla */
.regla[data-v-194413a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.regla-icono[data-v-194413a5] {
  font-size: 1.25rem;
}
.regla-texto[data-v-194413a5] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.regla-texto strong[data-v-194413a5] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-194413a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-194413a5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-194413a5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-194413a5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.simbolo-grande[data-v-194413a5] {
    font-size: 4rem;
}
.subniveles-grid[data-v-194413a5] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-resultado[data-v-194413a5] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
}

/* Headers container */
.headers-container[data-v-01a074aa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
.header-visual[data-v-01a074aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.header-visual.ml[data-v-01a074aa] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.header-visual.ms[data-v-01a074aa] {
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.4);
}
.simbolo-grande[data-v-01a074aa] {
  font-size: 1.8rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.ml .simbolo-grande[data-v-01a074aa] { color: #93C5FD;
}
.ms .simbolo-grande[data-v-01a074aa] { color: #F9A8D4;
}
.simbolo-grande sub[data-v-01a074aa] {
  font-size: 0.6em;
}
.header-info[data-v-01a074aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-nombre[data-v-01a074aa] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.header-desc[data-v-01a074aa] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Secciones */
.seccion-numero[data-v-01a074aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.75rem;
}
.seccion-numero.spin[data-v-01a074aa] {
  background: rgba(236, 72, 153, 0.05);
  border-color: rgba(236, 72, 153, 0.2);
}
.seccion-titulo[data-v-01a074aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.seccion-numero p[data-v-01a074aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.seccion-numero p strong[data-v-01a074aa] {
  color: #93C5FD;
}
.seccion-numero.spin p strong[data-v-01a074aa] {
  color: #F9A8D4;
}

/* Valores box */
.valores-box[data-v-01a074aa] {
  text-align: center;
  margin-bottom: 1rem;
}
.valores-formula[data-v-01a074aa] {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: monospace;
  color: #93C5FD;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  display: inline-block;
}
.valores-formula sub[data-v-01a074aa] {
  font-size: 0.7em;
}
.valores-total[data-v-01a074aa] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Orientaciones grid */
.orientaciones-grid[data-v-01a074aa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.orientacion-ejemplo[data-v-01a074aa] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}
.ej-titulo[data-v-01a074aa] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.ej-valores[data-v-01a074aa] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.ej-valores sub[data-v-01a074aa] {
  font-size: 0.7em;
}
.orbitales-visual[data-v-01a074aa] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.25rem;
}
.orbital-orient[data-v-01a074aa] {
  width: 28px;
  height: 28px;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.eje[data-v-01a074aa] {
  position: absolute;
  background: #93C5FD;
}
.eje-x[data-v-01a074aa] {
  width: 18px;
  height: 2px;
}
.eje-y[data-v-01a074aa] {
  width: 2px;
  height: 18px;
}
.eje-z[data-v-01a074aa] {
  width: 14px;
  height: 14px;
  background: none;
  border: 2px solid #93C5FD;
  border-radius: 50%;
  position: relative;
}
.eje-z[data-v-01a074aa]::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: #93C5FD;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.orbital-orient span[data-v-01a074aa] {
  font-size: 0.5rem;
  color: #93C5FD;
  position: absolute;
  bottom: 1px;
}
.orbital-orient span sub[data-v-01a074aa] {
  font-size: 0.8em;
}
.orbitales-visual.d .orbital-d-mini[data-v-01a074aa] {
  width: 18px;
  height: 18px;
  background: rgba(251, 146, 60, 0.3);
  border: 1px solid rgba(251, 146, 60, 0.5);
  border-radius: 0.2rem;
}
.ej-nota[data-v-01a074aa] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Spin visual */
.spin-visual[data-v-01a074aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0;
}
.spin-opcion[data-v-01a074aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.spin-flecha[data-v-01a074aa] {
  font-size: 1.8rem;
  font-weight: 700;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.spin-flecha.up[data-v-01a074aa] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.spin-flecha.down[data-v-01a074aa] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.spin-info[data-v-01a074aa] {
  display: flex;
  flex-direction: column;
}
.spin-valor[data-v-01a074aa] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.spin-valor sub[data-v-01a074aa] {
  font-size: 0.7em;
}
.spin-nombre[data-v-01a074aa] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.spin-separador[data-v-01a074aa] {
  color: #C4B5FD;
  font-size: 0.9rem;
}

/* Pauli box */
.pauli-box[data-v-01a074aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.pauli-icono[data-v-01a074aa] {
  font-size: 1.25rem;
}
.pauli-contenido[data-v-01a074aa] {
  flex: 1;
}
.pauli-titulo[data-v-01a074aa] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.pauli-texto[data-v-01a074aa] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.pauli-texto strong[data-v-01a074aa] {
  color: #FFFFFF;
}

/* Resumen box */
.resumen-box[data-v-01a074aa] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-01a074aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.resumen-tabla[data-v-01a074aa] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.resumen-header[data-v-01a074aa] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0.5rem;
  background: rgba(20, 184, 166, 0.3);
  font-weight: 700;
  font-size: 0.7rem;
  color: #FFFFFF;
  text-align: center;
}
.resumen-row[data-v-01a074aa] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0.4rem;
  border-bottom: 1px solid rgba(20, 184, 166, 0.2);
  font-size: 0.8rem;
  text-align: center;
  color: #E9D5FF;
}
.resumen-row[data-v-01a074aa]:last-child {
  border-bottom: none;
}
.sub-letra[data-v-01a074aa] {
  font-weight: 700;
  color: #5EEAD4;
}
.max-e[data-v-01a074aa] {
  font-weight: 700;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-01a074aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-01a074aa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-01a074aa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-01a074aa] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.headers-container[data-v-01a074aa] {
    gap: 1rem;
}
.simbolo-grande[data-v-01a074aa] {
    font-size: 2.5rem;
}
.header-visual[data-v-01a074aa] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.header-info[data-v-01a074aa] {
    align-items: flex-start;
}
}

.explorador[data-v-fc20f45b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-fc20f45b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-fc20f45b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-fc20f45b] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-fc20f45b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-fc20f45b] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-fc20f45b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-fc20f45b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-fc20f45b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-fc20f45b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Valores de ℓ ===== */
.valores-l-container[data-v-fc20f45b] {
  text-align: center;
}
.pregunta-n[data-v-fc20f45b] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.n-value[data-v-fc20f45b] {
  font-weight: 700;
  color: #5EEAD4;
  font-size: 1.2rem;
}
.l-symbol[data-v-fc20f45b] {
  font-weight: 700;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.opciones-l[data-v-fc20f45b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-fc20f45b] {
  padding: 0.75rem;
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-fc20f45b]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.opcion-btn.seleccionada[data-v-fc20f45b] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.opcion-btn.correcta[data-v-fc20f45b] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-fc20f45b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-error[data-v-fc20f45b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-fc20f45b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Electrones por subnivel ===== */
.config-container[data-v-fc20f45b] {
  text-align: center;
}
.config-pregunta[data-v-fc20f45b] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.config-pregunta strong[data-v-fc20f45b] {
  color: #5EEAD4;
  font-size: 1.2rem;
}
.orbital-boxes[data-v-fc20f45b] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.orbital-box[data-v-fc20f45b] {
  width: 40px;
  height: 45px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.5);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.orbital-box.llena[data-v-fc20f45b] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.1);
}
.electron[data-v-fc20f45b] {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
}
.electron.up[data-v-fc20f45b] { color: #6EE7B7;
}
.electron.down[data-v-fc20f45b] { color: #FCA5A5;
}
.config-opciones[data-v-fc20f45b] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.config-btn[data-v-fc20f45b] {
  padding: 0.6rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.config-btn[data-v-fc20f45b]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.config-btn.seleccionada[data-v-fc20f45b] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.config-btn.correcta[data-v-fc20f45b] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.config-btn.incorrecta[data-v-fc20f45b] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-fc20f45b] {
  text-align: center;
}
.simulador-instruccion[data-v-fc20f45b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.simulador-instruccion strong[data-v-fc20f45b] {
  color: #5EEAD4;
}
.controles-cuanticos[data-v-fc20f45b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-fc20f45b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.control-grupo label[data-v-fc20f45b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.control-grupo label sub[data-v-fc20f45b] {
  font-size: 0.65em;
}
.control-valor[data-v-fc20f45b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.control-valor button[data-v-fc20f45b] {
  width: 30px;
  height: 30px;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(20, 184, 166, 0.3);
  border: 1px solid rgba(20, 184, 166, 0.5);
  border-radius: 0.3rem;
  color: #5EEAD4;
  cursor: pointer;
  font-family: inherit;
}
.control-valor button[data-v-fc20f45b]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.control-valor .valor[data-v-fc20f45b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 35px;
}
.control-valor.spin[data-v-fc20f45b] {
  flex-direction: column;
  gap: 0.25rem;
}
.control-valor.spin button[data-v-fc20f45b] {
  width: 60px;
  height: 28px;
  font-size: 0.8rem;
}
.control-valor.spin button.activo[data-v-fc20f45b] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}
.subnivel-letra[data-v-fc20f45b] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
  margin-top: 0.25rem;
  display: block;
}

/* Visualización átomo */
.visualizacion-atomo[data-v-fc20f45b] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.atomo-sim[data-v-fc20f45b] {
  position: relative;
  width: 140px;
  height: 140px;
}
.nucleo-sim[data-v-fc20f45b] {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.nivel-sim[data-v-fc20f45b] {
  position: absolute;
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nivel-sim.activo[data-v-fc20f45b] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.1);
}
.electron-sim[data-v-fc20f45b] {
  position: absolute;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  transition: all 0.3s ease;
}
.electron-sim.up[data-v-fc20f45b] {
  background: rgba(16, 185, 129, 0.4);
  border: 2px solid #10B981;
  color: #6EE7B7;
}
.electron-sim.down[data-v-fc20f45b] {
  background: rgba(239, 68, 68, 0.4);
  border: 2px solid #EF4444;
  color: #FCA5A5;
}
.notacion-resultante[data-v-fc20f45b] {
  margin-bottom: 0.75rem;
}
.notacion[data-v-fc20f45b] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #5EEAD4;
}
.descripcion[data-v-fc20f45b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.validacion[data-v-fc20f45b] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  margin-bottom: 0.75rem;
}
.validacion.valida[data-v-fc20f45b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.btn-completar[data-v-fc20f45b] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

/* Resultado correcto */
.resultado-correcto[data-v-fc20f45b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-fc20f45b] { font-size: 1.25rem;
}
.resultado-texto[data-v-fc20f45b] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-fc20f45b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-fc20f45b] { flex: 1;
}
.nav-btn[data-v-fc20f45b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-fc20f45b] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-fc20f45b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-fc20f45b] { font-size: 1.75rem;
}
.completado-texto[data-v-fc20f45b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-fc20f45b], .slide-leave-active[data-v-fc20f45b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-fc20f45b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-fc20f45b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-l[data-v-fc20f45b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.controles-cuanticos[data-v-fc20f45b] {
    grid-template-columns: repeat(4, 1fr);
}
.atomo-sim[data-v-fc20f45b] {
    width: 160px;
    height: 160px;
}
}

/* Header resumen */
.header-resumen[data-v-e64527cd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(168, 85, 247, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-e64527cd] {
  font-size: 1.75rem;
}
.resumen-titulo[data-v-e64527cd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tabla resumen */
.tabla-resumen[data-v-e64527cd] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-e64527cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-contenido[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.numero-row[data-v-e64527cd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.numero-simbolo[data-v-e64527cd] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  border-radius: 0.4rem;
}
.numero-simbolo sub[data-v-e64527cd] {
  font-size: 0.6em;
}
.numero-simbolo.n[data-v-e64527cd] {
  background: rgba(20, 184, 166, 0.3);
  color: #5EEAD4;
}
.numero-simbolo.l[data-v-e64527cd] {
  background: rgba(168, 85, 247, 0.3);
  color: #C4B5FD;
}
.numero-simbolo.ml[data-v-e64527cd] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.numero-simbolo.ms[data-v-e64527cd] {
  background: rgba(236, 72, 153, 0.3);
  color: #F9A8D4;
}
.numero-info[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.numero-nombre[data-v-e64527cd] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.numero-valores[data-v-e64527cd] {
  font-size: 0.75rem;
  font-family: monospace;
  color: #5EEAD4;
}
.numero-valores sub[data-v-e64527cd] {
  font-size: 0.8em;
}
.numero-indica[data-v-e64527cd] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Subniveles resumen */
.subniveles-resumen[data-v-e64527cd] {
  margin-bottom: 1.5rem;
}
.subniveles-titulo[data-v-e64527cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.subniveles-grid[data-v-e64527cd] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.subnivel-item[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.sub-letra[data-v-e64527cd] {
  font-size: 1.5rem;
  font-weight: 800;
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 0.25rem;
}
.sub-letra.s[data-v-e64527cd] { background: rgba(94, 234, 212, 0.3); color: #5EEAD4;
}
.sub-letra.p[data-v-e64527cd] { background: rgba(252, 211, 77, 0.3); color: #FCD34D;
}
.sub-letra.d[data-v-e64527cd] { background: rgba(251, 146, 60, 0.3); color: #FB923C;
}
.sub-letra.f[data-v-e64527cd] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.sub-info[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
}
.sub-l[data-v-e64527cd] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-family: monospace;
}
.sub-orb[data-v-e64527cd] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.sub-e[data-v-e64527cd] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formulas[data-v-e64527cd] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}
.formula[data-v-e64527cd] {
  font-size: 0.75rem;
  color: #5EEAD4;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

/* Reglas */
.reglas-section[data-v-e64527cd] {
  margin-bottom: 1.5rem;
}
.reglas-titulo[data-v-e64527cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.reglas-grid[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-e64527cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.regla-nombre[data-v-e64527cd] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.8rem;
  min-width: 100px;
}
.regla-desc[data-v-e64527cd] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-e64527cd] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-e64527cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tips-lista[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-e64527cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-check[data-v-e64527cd] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-item strong[data-v-e64527cd] {
  color: #6EE7B7;
}
.tip-item sub[data-v-e64527cd] {
  font-size: 0.7em;
}

/* Ejemplo PAES */
.ejemplo-paes[data-v-e64527cd] {
  margin-bottom: 1.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-e64527cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.ejemplo-icono[data-v-e64527cd] {
  font-size: 1rem;
}
.ejemplo-titulo[data-v-e64527cd] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.ejemplo-contenido[data-v-e64527cd] {
  padding: 0.75rem;
}
.ejemplo-pregunta[data-v-e64527cd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ejemplo-pregunta strong[data-v-e64527cd] {
  color: #FFFFFF;
}
.ejemplo-opciones[data-v-e64527cd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.opcion[data-v-e64527cd] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.opcion.incorrecta[data-v-e64527cd] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.opcion.correcta[data-v-e64527cd] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.opcion-valores[data-v-e64527cd] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #FFFFFF;
}
.opcion-valores sub[data-v-e64527cd] {
  font-size: 0.75em;
}
.opcion-razon[data-v-e64527cd] {
  font-size: 0.7rem;
}
.opcion.incorrecta .opcion-razon[data-v-e64527cd] {
  color: #FCA5A5;
}
.opcion.correcta .opcion-razon[data-v-e64527cd] {
  color: #6EE7B7;
}

/* Final */
.final-box[data-v-e64527cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-e64527cd] {
  font-size: 1.5rem;
}
.final-texto[data-v-e64527cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
}
.final-texto strong[data-v-e64527cd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-grid[data-v-e64527cd] {
    flex-direction: row;
    flex-wrap: wrap;
}
.regla-item[data-v-e64527cd] {
    flex: 1;
    min-width: 200px;
    flex-direction: column;
    align-items: flex-start;
}
.regla-nombre[data-v-e64527cd] {
    min-width: auto;
}
.subniveles-grid[data-v-e64527cd] {
    gap: 0.75rem;
}
.subnivel-item[data-v-e64527cd] {
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-8ce16021] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.orbital-preview[data-v-8ce16021] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.s-preview[data-v-8ce16021] {
  background: radial-gradient(circle, rgba(20, 184, 166, 0.8) 0%, rgba(20, 184, 166, 0.1) 70%, transparent 100%);
  border: 2px solid rgba(20, 184, 166, 0.5);
}
.p-preview[data-v-8ce16021] {
  background: linear-gradient(to right, 
    rgba(139, 92, 246, 0.7) 0%, 
    transparent 45%, 
    transparent 55%, 
    rgba(139, 92, 246, 0.7) 100%);
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.d-preview[data-v-8ce16021] {
  background: conic-gradient(
    from 0deg,
    rgba(245, 158, 11, 0.6) 0deg,
    transparent 45deg,
    rgba(245, 158, 11, 0.6) 90deg,
    transparent 135deg,
    rgba(245, 158, 11, 0.6) 180deg,
    transparent 225deg,
    rgba(245, 158, 11, 0.6) 270deg,
    transparent 315deg,
    rgba(245, 158, 11, 0.6) 360deg
  );
  border: 2px solid rgba(245, 158, 11, 0.5);
}

/* Comparación */
.comparacion-section[data-v-8ce16021] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-8ce16021] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-8ce16021] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comparacion-item[data-v-8ce16021] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.comparacion-item.antiguo[data-v-8ce16021] {
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comparacion-item.moderno[data-v-8ce16021] {
  border: 1px solid rgba(20, 184, 166, 0.3);
}
.item-icono[data-v-8ce16021] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.item-titulo[data-v-8ce16021] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.item-desc[data-v-8ce16021] {
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Nube visual */
.nube-visual[data-v-8ce16021] {
  margin: 1.5rem 0;
  text-align: center;
}
.nube-titulo[data-v-8ce16021] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nube-container[data-v-8ce16021] {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.15) 0%, transparent 70%);
  border-radius: 50%;
}
.nucleo-central[data-v-8ce16021] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.8rem;
  z-index: 3;
}
.nube-puntos[data-v-8ce16021] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.punto[data-v-8ce16021] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #5EEAD4;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulso-8ce16021 2s ease-in-out infinite;
}
@keyframes pulso-8ce16021 {
0%, 100% { opacity: var(--op, 0.5);
}
50% { opacity: calc(var(--op, 0.5) * 0.6);
}
}
.nube-caption[data-v-8ce16021] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.nube-caption strong[data-v-8ce16021] {
  color: #5EEAD4;
}

/* Relación cuántica */
.relacion-cuantica[data-v-8ce16021] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.relacion-icono[data-v-8ce16021] {
  font-size: 1.5rem;
}
.relacion-contenido[data-v-8ce16021] {
  flex: 1;
}
.relacion-titulo[data-v-8ce16021] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.relacion-numeros[data-v-8ce16021] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.num-cuantico[data-v-8ce16021] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.num-cuantico strong[data-v-8ce16021] {
  color: #5EEAD4;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}

/* Tipos de orbitales */
.tipos-section[data-v-8ce16021] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-8ce16021] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-8ce16021] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.4rem;
}
.tipo-item[data-v-8ce16021] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
}
.tipo-letra[data-v-8ce16021] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #5EEAD4;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.tipo-forma[data-v-8ce16021] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-8ce16021] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8ce16021] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8ce16021] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8ce16021] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-8ce16021] {
    gap: 2rem;
}
.orbital-preview[data-v-8ce16021] {
    width: 70px;
    height: 70px;
}
.comparacion-item[data-v-8ce16021] {
    padding: 1rem;
}
.item-titulo[data-v-8ce16021] {
    font-size: 0.9rem;
}
.item-desc[data-v-8ce16021] {
    font-size: 0.75rem;
}
.nube-container[data-v-8ce16021] {
    width: 180px;
    height: 180px;
}
.tipos-grid[data-v-8ce16021] {
    gap: 0.75rem;
}
.tipo-item[data-v-8ce16021] {
    padding: 0.75rem;
}
.tipo-letra[data-v-8ce16021] {
    font-size: 1.5rem;
}
.tipo-forma[data-v-8ce16021] {
    font-size: 0.75rem;
}
}

/* Visual principal */
.orbital-s-visual[data-v-2917dadd] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.orbital-3d-container[data-v-2917dadd] {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.orbital-s-esfera[data-v-2917dadd] {
  position: relative;
  width: 100%;
  height: 100%;
}
.nucleo-s[data-v-2917dadd] {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.7rem;
  z-index: 4;
}
.capa-s[data-v-2917dadd] {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.capa-s.capa-1[data-v-2917dadd] {
  width: 40px;
  height: 40px;
  background: rgba(20, 184, 166, 0.6);
  box-shadow: inset -5px -5px 15px rgba(0, 0, 0, 0.3),
              inset 5px 5px 15px rgba(255, 255, 255, 0.1);
}
.capa-s.capa-2[data-v-2917dadd] {
  width: 80px;
  height: 80px;
  background: rgba(20, 184, 166, 0.3);
}
.capa-s.capa-3[data-v-2917dadd] {
  width: 120px;
  height: 120px;
  background: rgba(20, 184, 166, 0.1);
  border: 1px dashed rgba(20, 184, 166, 0.4);
}
.ejes[data-v-2917dadd] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.eje-x[data-v-2917dadd], .eje-y[data-v-2917dadd], .eje-z[data-v-2917dadd] {
  position: absolute;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
}
.eje-x[data-v-2917dadd] { right: -5px; top: 50%; transform: translateY(-50%);
}
.eje-y[data-v-2917dadd] { left: 50%; bottom: -12px; transform: translateX(-50%);
}
.eje-z[data-v-2917dadd] { left: 50%; top: -12px; transform: translateX(-50%);
}
.orbital-label[data-v-2917dadd] {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.orbital-label strong[data-v-2917dadd] {
  color: #5EEAD4;
  font-size: 1.1rem;
}

/* Características */
.caracteristicas-section[data-v-2917dadd] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-2917dadd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-2917dadd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-2917dadd] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.4rem;
}
.carac-icono[data-v-2917dadd] {
  font-size: 1rem;
}
.carac-texto[data-v-2917dadd] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.carac-texto strong[data-v-2917dadd] {
  color: #5EEAD4;
}

/* Comparación de niveles */
.niveles-section[data-v-2917dadd] {
  margin: 1.5rem 0;
}
.niveles-titulo[data-v-2917dadd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.niveles-comparacion[data-v-2917dadd] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1rem;
}
.nivel-orb[data-v-2917dadd] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.orb-visual[data-v-2917dadd] {
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.7) 0%, rgba(20, 184, 166, 0.2) 70%, transparent 100%);
  border: 2px solid rgba(20, 184, 166, 0.5);
  margin-bottom: 0.5rem;
}
.orb-1s[data-v-2917dadd] { width: 35px; height: 35px;
}
.orb-2s[data-v-2917dadd] { width: 55px; height: 55px;
}
.orb-3s[data-v-2917dadd] { width: 80px; height: 80px;
}
.orb-nombre[data-v-2917dadd] {
  font-size: 1rem;
  font-weight: 700;
  color: #5EEAD4;
}
.orb-tamano[data-v-2917dadd] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.niveles-nota[data-v-2917dadd] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.niveles-nota strong[data-v-2917dadd] {
  color: #FCD34D;
}

/* Nodos */
.nodos-section[data-v-2917dadd] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.nodos-titulo[data-v-2917dadd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.nodos-visual[data-v-2917dadd] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 0.75rem;
}
.nodo-orb[data-v-2917dadd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.orb-1s-nodo[data-v-2917dadd] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.7) 0%, rgba(20, 184, 166, 0.2) 70%, transparent 100%);
}
.orb-2s-nodo[data-v-2917dadd] {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.7) 0%, transparent 30%, rgba(20, 184, 166, 0.4) 50%, rgba(20, 184, 166, 0.1) 100%);
}
.nodo-ring[data-v-2917dadd] {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px dashed rgba(239, 68, 68, 0.6);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nodo-orb span[data-v-2917dadd] {
  font-size: 0.8rem;
  color: #5EEAD4;
  font-weight: 600;
}
.nodo-count[data-v-2917dadd] {
  font-size: 0.7rem !important;
  color: #C4B5FD !important;
}
.nodos-explicacion[data-v-2917dadd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  text-align: center;
}
.nodos-explicacion strong[data-v-2917dadd] {
  color: #C4B5FD;
}

/* Fórmula */
.formula-box[data-v-2917dadd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-2917dadd] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-2917dadd] {
  flex: 1;
}
.formula-titulo[data-v-2917dadd] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.4rem;
}
.formula-ejemplos[data-v-2917dadd] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.formula-ejemplos span[data-v-2917dadd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.formula-ejemplos strong[data-v-2917dadd] {
  color: #5EEAD4;
}

/* Tip */
.tip[data-v-2917dadd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2917dadd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2917dadd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2917dadd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.orbital-3d-container[data-v-2917dadd] {
    width: 180px;
    height: 180px;
}
.capa-s.capa-1[data-v-2917dadd] { width: 55px; height: 55px;
}
.capa-s.capa-2[data-v-2917dadd] { width: 100px; height: 100px;
}
.capa-s.capa-3[data-v-2917dadd] { width: 160px; height: 160px;
}
.caracteristicas-lista[data-v-2917dadd] {
    grid-template-columns: repeat(4, 1fr);
}
.niveles-comparacion[data-v-2917dadd] {
    gap: 2rem;
}
.orb-1s[data-v-2917dadd] { width: 45px; height: 45px;
}
.orb-2s[data-v-2917dadd] { width: 70px; height: 70px;
}
.orb-3s[data-v-2917dadd] { width: 100px; height: 100px;
}
}

/* Visual principal */
.orbital-p-visual[data-v-3c24201e] {
  text-align: center;
  margin: 1rem 0 1.5rem;
}
.orbital-3d-container[data-v-3c24201e] {
  width: 100px;
  height: 130px;
  margin: 0 auto;
  position: relative;
}
.orbital-p[data-v-3c24201e] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lobulo[data-v-3c24201e] {
  width: 50px;
  height: 50px;
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}
.lobulo-pos[data-v-3c24201e] {
  background: radial-gradient(ellipse at center bottom, rgba(139, 92, 246, 0.8) 0%, rgba(139, 92, 246, 0.3) 60%, transparent 100%);
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-bottom: none;
  transform: translateY(5px);
}
.lobulo-neg[data-v-3c24201e] {
  background: radial-gradient(ellipse at center top, rgba(139, 92, 246, 0.8) 0%, rgba(139, 92, 246, 0.3) 60%, transparent 100%);
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-top: none;
  border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%;
  transform: translateY(-5px);
}
.nucleo-p[data-v-3c24201e] {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.7rem;
  z-index: 4;
}
.orbital-label[data-v-3c24201e] {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.orbital-label strong[data-v-3c24201e] {
  color: #C4B5FD;
  font-size: 1.1rem;
}

/* Características */
.caracteristicas-section[data-v-3c24201e] {
  margin: 1.5rem 0;
}
.caracteristicas-titulo[data-v-3c24201e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-lista[data-v-3c24201e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-3c24201e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.carac-icono[data-v-3c24201e] {
  font-size: 1rem;
}
.carac-texto[data-v-3c24201e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.carac-texto strong[data-v-3c24201e] {
  color: #C4B5FD;
}

/* Orientaciones */
.orientaciones-section[data-v-3c24201e] {
  margin: 1.5rem 0;
}
.orientaciones-titulo[data-v-3c24201e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orientaciones-grid[data-v-3c24201e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.orientacion-item[data-v-3c24201e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.orb-orient[data-v-3c24201e] {
  position: relative;
  width: 55px;
  height: 55px;
  margin-bottom: 0.25rem;
}
.lob[data-v-3c24201e] {
  position: absolute;
  width: 20px;
  height: 24px;
  background: rgba(139, 92, 246, 0.6);
  border: 1px solid rgba(139, 92, 246, 0.8);
}

/* px - horizontal */
.px .lob-1[data-v-3c24201e] {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50% 0 0 50%;
}
.px .lob-2[data-v-3c24201e] {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 50% 50% 0;
}
.eje-line[data-v-3c24201e] {
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
}
.eje-x-line[data-v-3c24201e] {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
}

/* py - vertical pero hacia nosotros */
.py .lob-1[data-v-3c24201e] {
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
  width: 24px;
  height: 20px;
}
.py .lob-2[data-v-3c24201e] {
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 50% 50%;
  width: 24px;
  height: 20px;
}
.eje-y-line[data-v-3c24201e] {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
}

/* pz - vertical hacia arriba */
.pz .lob-1[data-v-3c24201e] {
  top: 5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 50% 50% 0 0;
  width: 22px;
  height: 18px;
}
.pz .lob-2[data-v-3c24201e] {
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 0 0 50% 50%;
  width: 22px;
  height: 18px;
}
.eje-z-line[data-v-3c24201e] {
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: rotate(45deg);
}
.orient-nombre[data-v-3c24201e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
}
.orient-eje[data-v-3c24201e] {
  font-size: 0.65rem;
  color: #A78BFA;
}
.orientaciones-nota[data-v-3c24201e] {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.orientaciones-nota strong[data-v-3c24201e] {
  color: #C4B5FD;
}

/* Niveles */
.niveles-section[data-v-3c24201e] {
  margin: 1.5rem 0;
}
.niveles-titulo[data-v-3c24201e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.niveles-tabla[data-v-3c24201e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.nivel-row[data-v-3c24201e] {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  align-items: center;
}
.nivel-header[data-v-3c24201e] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.nivel-si[data-v-3c24201e] {
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nivel-n[data-v-3c24201e] {
  color: #FFFFFF;
  font-weight: 600;
}
.nivel-no[data-v-3c24201e] {
  color: #FCA5A5;
}
.nivel-yes[data-v-3c24201e] {
  color: #6EE7B7;
}
.nivel-razon[data-v-3c24201e] {
  color: #E9D5FF;
  font-size: 0.7rem;
}

/* Nodo */
.nodo-section[data-v-3c24201e] {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.nodo-visual[data-v-3c24201e] {
  flex-shrink: 0;
}
.nodo-orb[data-v-3c24201e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.nodo-lob[data-v-3c24201e] {
  width: 30px;
  height: 30px;
  background: rgba(139, 92, 246, 0.5);
  border: 1px solid rgba(139, 92, 246, 0.7);
}
.nodo-lob-1[data-v-3c24201e] {
  border-radius: 50% 50% 0 0;
}
.nodo-lob-2[data-v-3c24201e] {
  border-radius: 0 0 50% 50%;
}
.nodo-plano[data-v-3c24201e] {
  width: 40px;
  height: 3px;
  background: #EF4444;
  border-radius: 2px;
}
.nodo-explicacion[data-v-3c24201e] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.nodo-icono[data-v-3c24201e] {
  font-size: 1.25rem;
}
.nodo-explicacion p[data-v-3c24201e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.nodo-explicacion strong[data-v-3c24201e] {
  color: #FCA5A5;
}

/* Fórmula */
.formula-box[data-v-3c24201e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-3c24201e] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-3c24201e] {
  flex: 1;
}
.formula-titulo[data-v-3c24201e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.4rem;
}
.formula-ejemplos[data-v-3c24201e] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.formula-ejemplos span[data-v-3c24201e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-ejemplos .no-existe[data-v-3c24201e] {
  color: #FCA5A5;
  opacity: 0.7;
}
.formula-ejemplos strong[data-v-3c24201e] {
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-3c24201e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3c24201e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3c24201e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3c24201e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.orbital-3d-container[data-v-3c24201e] {
    width: 120px;
    height: 150px;
}
.lobulo[data-v-3c24201e] {
    width: 60px;
    height: 60px;
}
.caracteristicas-lista[data-v-3c24201e] {
    grid-template-columns: repeat(4, 1fr);
}
.orientaciones-grid[data-v-3c24201e] {
    gap: 1rem;
}
.orb-orient[data-v-3c24201e] {
    width: 70px;
    height: 70px;
}
.lob[data-v-3c24201e] {
    width: 26px;
    height: 30px;
}
.nivel-row[data-v-3c24201e] {
    font-size: 0.85rem;
}
.nivel-razon[data-v-3c24201e] {
    font-size: 0.8rem;
}
}

/* Visual de orbitales */
.orbitales-visual[data-v-f028dd9d] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 1rem 0 1.5rem;
}
.orbital-d-container[data-v-f028dd9d],
.orbital-f-container[data-v-f028dd9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.orbital-d[data-v-f028dd9d],
.orbital-f[data-v-f028dd9d] {
  position: relative;
  width: 70px;
  height: 70px;
}

/* Orbital d - 4 lóbulos en cruz */
.lob-d[data-v-f028dd9d] {
  position: absolute;
  width: 22px;
  height: 22px;
  background: rgba(245, 158, 11, 0.6);
  border: 1px solid rgba(245, 158, 11, 0.8);
  border-radius: 50%;
}
.lob-d-1[data-v-f028dd9d] { top: 5px; left: 50%; transform: translateX(-50%);
}
.lob-d-2[data-v-f028dd9d] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.lob-d-3[data-v-f028dd9d] { left: 5px; top: 50%; transform: translateY(-50%);
}
.lob-d-4[data-v-f028dd9d] { right: 5px; top: 50%; transform: translateY(-50%);
}
.nucleo-d[data-v-f028dd9d],
.nucleo-f[data-v-f028dd9d] {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  color: white;
  font-weight: 700;
  z-index: 5;
}

/* Orbital f - formas más complejas */
.lob-f[data-v-f028dd9d] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: rgba(236, 72, 153, 0.5);
  border: 1px solid rgba(236, 72, 153, 0.7);
  border-radius: 50%;
}
.lob-f-1[data-v-f028dd9d] { top: 0; left: 50%; transform: translateX(-50%);
}
.lob-f-2[data-v-f028dd9d] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.lob-f-3[data-v-f028dd9d] { left: 0; top: 50%; transform: translateY(-50%);
}
.lob-f-4[data-v-f028dd9d] { right: 0; top: 50%; transform: translateY(-50%);
}
.lob-f-5[data-v-f028dd9d] { top: 10px; left: 10px;
}
.lob-f-6[data-v-f028dd9d] { bottom: 10px; right: 10px;
}
.orbital-name[data-v-f028dd9d] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.orbital-name strong[data-v-f028dd9d] {
  font-size: 1rem;
}
.orbital-d-container .orbital-name strong[data-v-f028dd9d] {
  color: #FCD34D;
}
.orbital-f-container .orbital-name strong[data-v-f028dd9d] {
  color: #F472B6;
}

/* Secciones de orbitales */
.orbital-section[data-v-f028dd9d] {
  margin: 1.25rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.orbital-d-section[data-v-f028dd9d] {
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.orbital-f-section[data-v-f028dd9d] {
  border: 1px solid rgba(236, 72, 153, 0.3);
}
.section-header[data-v-f028dd9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.section-letra[data-v-f028dd9d] {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border: 2px solid rgba(245, 158, 11, 0.6);
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.section-letra.f-letra[data-v-f028dd9d] {
  background: rgba(236, 72, 153, 0.3);
  border-color: rgba(236, 72, 153, 0.6);
  color: #F472B6;
}
.section-titulo[data-v-f028dd9d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Características grid */
.caracteristicas-grid[data-v-f028dd9d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.carac-item[data-v-f028dd9d] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.3rem;
}
.carac-label[data-v-f028dd9d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.carac-valor[data-v-f028dd9d] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.carac-valor.destacado[data-v-f028dd9d] {
  color: #FFFFFF;
  font-size: 0.9rem;
}

/* Aparición */
.aparicion-box[data-v-f028dd9d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.aparicion-box.f-aparicion[data-v-f028dd9d] {
  background: rgba(236, 72, 153, 0.1);
}
.aparicion-icono[data-v-f028dd9d] {
  font-size: 1rem;
}
.aparicion-texto[data-v-f028dd9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.aparicion-texto strong[data-v-f028dd9d] {
  color: #FCD34D;
}
.f-aparicion .aparicion-texto strong[data-v-f028dd9d] {
  color: #F472B6;
}

/* Orientaciones d */
.orientaciones-d[data-v-f028dd9d] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.orient-label[data-v-f028dd9d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.orient-list[data-v-f028dd9d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.orient-list span[data-v-f028dd9d] {
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #FCD34D;
}

/* Nota f */
.nota-f[data-v-f028dd9d] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.nota-icono[data-v-f028dd9d] {
  font-size: 0.9rem;
}
.nota-texto[data-v-f028dd9d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.nota-texto strong[data-v-f028dd9d] {
  color: #F472B6;
}

/* Tabla resumen */
.resumen-section[data-v-f028dd9d] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-f028dd9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-f028dd9d] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.75rem;
}
.tabla-header[data-v-f028dd9d] {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1.1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  font-weight: 700;
  color: #C4B5FD;
  text-align: center;
}
.tabla-row[data-v-f028dd9d] {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1.1fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  color: #E9D5FF;
  align-items: center;
}
.orb-letra[data-v-f028dd9d] {
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  font-size: 0.9rem;
}
.row-s .orb-letra[data-v-f028dd9d] { color: #5EEAD4;
}
.row-p .orb-letra[data-v-f028dd9d] { color: #C4B5FD;
}
.row-d .orb-letra[data-v-f028dd9d] { color: #FCD34D;
}
.row-f .orb-letra[data-v-f028dd9d] { color: #F472B6;
}
.e-max[data-v-f028dd9d] {
  font-weight: 700;
  color: #FFFFFF;
}

/* Fórmula */
.formula-box[data-v-f028dd9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.formula-icono[data-v-f028dd9d] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-f028dd9d] {
  flex: 1;
}
.formula-titulo[data-v-f028dd9d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.5rem;
}
.formulas-list[data-v-f028dd9d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-f028dd9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.formula-nombre[data-v-f028dd9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.formula-valor[data-v-f028dd9d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #5EEAD4;
  font-family: monospace;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
}

/* Tip */
.tip[data-v-f028dd9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f028dd9d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f028dd9d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f028dd9d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.orbitales-visual[data-v-f028dd9d] {
    gap: 3rem;
}
.orbital-d[data-v-f028dd9d],
  .orbital-f[data-v-f028dd9d] {
    width: 90px;
    height: 90px;
}
.lob-d[data-v-f028dd9d] {
    width: 28px;
    height: 28px;
}
.lob-f[data-v-f028dd9d] {
    width: 20px;
    height: 20px;
}
.caracteristicas-grid[data-v-f028dd9d] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-header[data-v-f028dd9d],
  .tabla-row[data-v-f028dd9d] {
    font-size: 0.85rem;
}
}

.explorador[data-v-b7d0d254] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b7d0d254] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b7d0d254] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b7d0d254] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-b7d0d254] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b7d0d254] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b7d0d254] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b7d0d254] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b7d0d254] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b7d0d254] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Formas ===== */
.formas-container[data-v-b7d0d254] {
  text-align: center;
}
.forma-pregunta[data-v-b7d0d254] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.forma-visual[data-v-b7d0d254] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.orbital-display[data-v-b7d0d254] {
  position: relative;
  width: 100px;
  height: 100px;
}

/* Orbital s visual */
.orb-s-visual[data-v-b7d0d254] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.esfera-s[data-v-b7d0d254] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.8) 0%, rgba(20, 184, 166, 0.2) 70%, transparent 100%);
  border: 2px solid rgba(20, 184, 166, 0.6);
}

/* Orbital p visual */
.orb-p-visual[data-v-b7d0d254] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.lob-p[data-v-b7d0d254] {
  width: 35px;
  height: 35px;
  background: rgba(139, 92, 246, 0.6);
  border: 2px solid rgba(139, 92, 246, 0.8);
}
.lob-p-1[data-v-b7d0d254] { border-radius: 50% 50% 0 0;
}
.lob-p-2[data-v-b7d0d254] { border-radius: 0 0 50% 50%;
}

/* Orbital d visual */
.orb-d-visual[data-v-b7d0d254] {
  position: relative;
  width: 100%;
  height: 100%;
}
.lob-d-v[data-v-b7d0d254] {
  position: absolute;
  width: 28px;
  height: 28px;
  background: rgba(245, 158, 11, 0.6);
  border: 1px solid rgba(245, 158, 11, 0.8);
  border-radius: 50%;
}
.lob-d-v-1[data-v-b7d0d254] { top: 10px; left: 50%; transform: translateX(-50%);
}
.lob-d-v-2[data-v-b7d0d254] { bottom: 10px; left: 50%; transform: translateX(-50%);
}
.lob-d-v-3[data-v-b7d0d254] { left: 10px; top: 50%; transform: translateY(-50%);
}
.lob-d-v-4[data-v-b7d0d254] { right: 10px; top: 50%; transform: translateY(-50%);
}

/* Orbital f visual */
.orb-f-visual[data-v-b7d0d254] {
  position: relative;
  width: 100%;
  height: 100%;
}
.lob-f-v[data-v-b7d0d254] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(236, 72, 153, 0.5);
  border: 1px solid rgba(236, 72, 153, 0.7);
  border-radius: 50%;
}
.lob-f-1[data-v-b7d0d254] { top: 5px; left: 50%; transform: translateX(-50%);
}
.lob-f-2[data-v-b7d0d254] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.lob-f-3[data-v-b7d0d254] { left: 5px; top: 50%; transform: translateY(-50%);
}
.lob-f-4[data-v-b7d0d254] { right: 5px; top: 50%; transform: translateY(-50%);
}
.lob-f-5[data-v-b7d0d254] { top: 20px; left: 20px;
}
.lob-f-6[data-v-b7d0d254] { bottom: 20px; right: 20px;
}
.nucleo-visual[data-v-b7d0d254] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: white;
  font-weight: 700;
  z-index: 5;
}
.opciones-forma[data-v-b7d0d254] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.opcion-btn[data-v-b7d0d254] {
  padding: 0.75rem;
  font-size: 1.2rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
}
.opcion-btn.s[data-v-b7d0d254] { border-color: rgba(20, 184, 166, 0.4); color: #5EEAD4;
}
.opcion-btn.p[data-v-b7d0d254] { border-color: rgba(139, 92, 246, 0.4); color: #C4B5FD;
}
.opcion-btn.d[data-v-b7d0d254] { border-color: rgba(245, 158, 11, 0.4); color: #FCD34D;
}
.opcion-btn.f[data-v-b7d0d254] { border-color: rgba(236, 72, 153, 0.4); color: #F472B6;
}
.opcion-btn.seleccionada[data-v-b7d0d254] {
  transform: scale(1.05);
}
.opcion-btn.correcta[data-v-b7d0d254] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-b7d0d254] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-error[data-v-b7d0d254] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-b7d0d254] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Electrones ===== */
.electrones-container[data-v-b7d0d254] {
  text-align: center;
}
.electrones-pregunta[data-v-b7d0d254] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.subnivel-highlight[data-v-b7d0d254] {
  font-weight: 800;
  color: #5EEAD4;
  font-size: 1.1rem;
}
.electrones-visual[data-v-b7d0d254] {
  margin-bottom: 1rem;
}
.cajas-orbitales[data-v-b7d0d254] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.caja-orbital[data-v-b7d0d254] {
  width: 36px;
  height: 42px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.5);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.caja-orbital.llena[data-v-b7d0d254] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.1);
}
.e-up[data-v-b7d0d254], .e-down[data-v-b7d0d254] {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
}
.e-up[data-v-b7d0d254] { color: #6EE7B7;
}
.e-down[data-v-b7d0d254] { color: #FCA5A5;
}
.cajas-label[data-v-b7d0d254] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.electrones-opciones[data-v-b7d0d254] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.electron-btn[data-v-b7d0d254] {
  padding: 0.6rem;
  font-size: 0.9rem;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.electron-btn[data-v-b7d0d254]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.electron-btn.seleccionada[data-v-b7d0d254] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.electron-btn.correcta[data-v-b7d0d254] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.electron-btn.incorrecta[data-v-b7d0d254] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-b7d0d254] {
  text-align: center;
}
.sim-instruccion[data-v-b7d0d254] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.sim-controles[data-v-b7d0d254] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-grupo[data-v-b7d0d254] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.control-grupo label[data-v-b7d0d254] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.control-btns[data-v-b7d0d254] {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
}
.control-btns button[data-v-b7d0d254] {
  width: 34px;
  height: 34px;
  font-size: 0.9rem;
  font-weight: 700;
  background: rgba(20, 184, 166, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.3rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.control-btns button.activo[data-v-b7d0d254] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}
.control-btns button.disabled[data-v-b7d0d254] {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Visual del simulador */
.sim-visual[data-v-b7d0d254] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.sim-orbital[data-v-b7d0d254] {
  position: relative;
  width: 120px;
  height: 120px;
}
.sim-s[data-v-b7d0d254] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sim-esfera[data-v-b7d0d254] {
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.8) 0%, rgba(20, 184, 166, 0.2) 70%, transparent 100%);
  border: 2px solid rgba(20, 184, 166, 0.6);
  transition: all 0.3s ease;
}
.sim-p[data-v-b7d0d254] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.sim-lob[data-v-b7d0d254] {
  background: rgba(139, 92, 246, 0.6);
  border: 2px solid rgba(139, 92, 246, 0.8);
  transition: all 0.3s ease;
}
.sim-lob-1[data-v-b7d0d254] { border-radius: 50% 50% 0 0;
}
.sim-lob-2[data-v-b7d0d254] { border-radius: 0 0 50% 50%;
}
.sim-d[data-v-b7d0d254] {
  position: relative;
  width: 100%;
  height: 100%;
}
.sim-lob-d[data-v-b7d0d254] {
  position: absolute;
  background: rgba(245, 158, 11, 0.6);
  border: 1px solid rgba(245, 158, 11, 0.8);
  border-radius: 50%;
  transition: all 0.3s ease;
}
.sim-lob-d-1[data-v-b7d0d254] { top: 15%; left: 50%; transform: translateX(-50%);
}
.sim-lob-d-2[data-v-b7d0d254] { bottom: 15%; left: 50%; transform: translateX(-50%);
}
.sim-lob-d-3[data-v-b7d0d254] { left: 15%; top: 50%; transform: translateY(-50%);
}
.sim-lob-d-4[data-v-b7d0d254] { right: 15%; top: 50%; transform: translateY(-50%);
}
.sim-f[data-v-b7d0d254] {
  position: relative;
  width: 100%;
  height: 100%;
}
.sim-lob-f[data-v-b7d0d254] {
  position: absolute;
  width: 22px;
  height: 22px;
  background: rgba(236, 72, 153, 0.5);
  border: 1px solid rgba(236, 72, 153, 0.7);
  border-radius: 50%;
}
.sim-lob-f-1[data-v-b7d0d254] { top: 5%; left: 50%; transform: translateX(-50%);
}
.sim-lob-f-2[data-v-b7d0d254] { bottom: 5%; left: 50%; transform: translateX(-50%);
}
.sim-lob-f-3[data-v-b7d0d254] { left: 5%; top: 50%; transform: translateY(-50%);
}
.sim-lob-f-4[data-v-b7d0d254] { right: 5%; top: 50%; transform: translateY(-50%);
}
.sim-lob-f-5[data-v-b7d0d254] { top: 22%; left: 22%;
}
.sim-lob-f-6[data-v-b7d0d254] { bottom: 22%; right: 22%;
}
.sim-nucleo[data-v-b7d0d254] {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: white;
  font-weight: 700;
  z-index: 5;
}

/* Info del orbital */
.sim-info[data-v-b7d0d254] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.info-row[data-v-b7d0d254] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-label[data-v-b7d0d254] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.info-valor[data-v-b7d0d254] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.info-valor.notacion[data-v-b7d0d254] {
  font-size: 1rem;
  color: #5EEAD4;
}
.info-valor.destacado[data-v-b7d0d254] {
  color: #FFFFFF;
  font-size: 1rem;
}

/* Objetivos */
.sim-objetivos[data-v-b7d0d254] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.objetivo-titulo[data-v-b7d0d254] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.objetivos-lista[data-v-b7d0d254] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.objetivo-item[data-v-b7d0d254] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.objetivo-item.completado[data-v-b7d0d254] {
  color: #6EE7B7;
}
.obj-check[data-v-b7d0d254] {
  font-size: 0.85rem;
}
.btn-completar[data-v-b7d0d254] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.9rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.5rem;
}

/* Resultado correcto */
.resultado-correcto[data-v-b7d0d254] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b7d0d254] { font-size: 1.25rem;
}
.resultado-texto[data-v-b7d0d254] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-b7d0d254] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-b7d0d254] { flex: 1;
}
.nav-btn[data-v-b7d0d254] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b7d0d254] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b7d0d254] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b7d0d254] { font-size: 1.75rem;
}
.completado-texto[data-v-b7d0d254] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b7d0d254], .slide-leave-active[data-v-b7d0d254] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b7d0d254] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b7d0d254] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.orbital-display[data-v-b7d0d254] {
    width: 130px;
    height: 130px;
}
.esfera-s[data-v-b7d0d254] {
    width: 90px;
    height: 90px;
}
.lob-p[data-v-b7d0d254] {
    width: 45px;
    height: 45px;
}
.sim-orbital[data-v-b7d0d254] {
    width: 150px;
    height: 150px;
}
.sim-info[data-v-b7d0d254] {
    grid-template-columns: repeat(4, 1fr);
}
.objetivos-lista[data-v-b7d0d254] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header */
.resumen-header[data-v-a8b88cbf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 0.75rem;
}
.header-icono[data-v-a8b88cbf] {
  font-size: 1.5rem;
}
.header-titulo[data-v-a8b88cbf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto clave */
.concepto-clave[data-v-a8b88cbf] {
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}
.concepto-titulo[data-v-a8b88cbf] {
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.concepto-texto[data-v-a8b88cbf] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.5;
}
.concepto-texto strong[data-v-a8b88cbf] {
  color: #FFFFFF;
}

/* Cards de orbitales */
.orbitales-resumen[data-v-a8b88cbf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.orbital-card[data-v-a8b88cbf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.s-card[data-v-a8b88cbf] { border: 1px solid rgba(20, 184, 166, 0.4);
}
.p-card[data-v-a8b88cbf] { border: 1px solid rgba(139, 92, 246, 0.4);
}
.d-card[data-v-a8b88cbf] { border: 1px solid rgba(245, 158, 11, 0.4);
}
.f-card[data-v-a8b88cbf] { border: 1px solid rgba(236, 72, 153, 0.4);
}
.card-visual[data-v-a8b88cbf] {
  flex-shrink: 0;
}
.mini-orb[data-v-a8b88cbf] {
  width: 35px;
  height: 35px;
  position: relative;
}
.mini-s[data-v-a8b88cbf] {
  border-radius: 50%;
  background: radial-gradient(circle, rgba(20, 184, 166, 0.7) 0%, rgba(20, 184, 166, 0.2) 70%, transparent 100%);
}
.mini-p[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.mini-lob-p[data-v-a8b88cbf] {
  width: 14px;
  height: 14px;
  background: rgba(139, 92, 246, 0.6);
  border-radius: 50%;
}
.mini-d[data-v-a8b88cbf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  padding: 4px;
}
.mini-lob-d[data-v-a8b88cbf] {
  width: 12px;
  height: 12px;
  background: rgba(245, 158, 11, 0.6);
  border-radius: 50%;
}
.mini-f[data-v-a8b88cbf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  padding: 3px;
}
.mini-lob-f[data-v-a8b88cbf] {
  width: 10px;
  height: 10px;
  background: rgba(236, 72, 153, 0.5);
  border-radius: 50%;
}
.card-info[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.card-letra[data-v-a8b88cbf] {
  font-size: 1.1rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
}
.s-card .card-letra[data-v-a8b88cbf] { color: #5EEAD4;
}
.p-card .card-letra[data-v-a8b88cbf] { color: #C4B5FD;
}
.d-card .card-letra[data-v-a8b88cbf] { color: #FCD34D;
}
.f-card .card-letra[data-v-a8b88cbf] { color: #F472B6;
}
.card-forma[data-v-a8b88cbf] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.card-datos[data-v-a8b88cbf] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-section[data-v-a8b88cbf] {
  margin-bottom: 1.25rem;
}
.formulas-titulo[data-v-a8b88cbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-a8b88cbf] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.formula-item[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-a8b88cbf] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.formula-valor[data-v-a8b88cbf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Aparición */
.aparicion-section[data-v-a8b88cbf] {
  margin-bottom: 1.25rem;
}
.aparicion-titulo[data-v-a8b88cbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.aparicion-tabla[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.aparicion-row[data-v-a8b88cbf] {
  display: grid;
  grid-template-columns: 40px 60px 1fr;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  align-items: center;
}
.orb-letra[data-v-a8b88cbf] {
  font-size: 1rem;
  font-weight: 800;
  font-family: 'Times New Roman', serif;
  font-style: italic;
  text-align: center;
}
.s-letra[data-v-a8b88cbf] { color: #5EEAD4;
}
.p-letra[data-v-a8b88cbf] { color: #C4B5FD;
}
.d-letra[data-v-a8b88cbf] { color: #FCD34D;
}
.f-letra[data-v-a8b88cbf] { color: #F472B6;
}
.desde[data-v-a8b88cbf] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ejemplos[data-v-a8b88cbf] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tips PAES */
.paes-tips[data-v-a8b88cbf] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}
.tips-titulo[data-v-a8b88cbf] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-a8b88cbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-check[data-v-a8b88cbf] {
  color: #6EE7B7;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-item strong[data-v-a8b88cbf] {
  color: #FFFFFF;
}

/* Relación con otros temas */
.relacion-section[data-v-a8b88cbf] {
  margin-bottom: 1.25rem;
}
.relacion-titulo[data-v-a8b88cbf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.relacion-items[data-v-a8b88cbf] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.relacion-item[data-v-a8b88cbf] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.rel-flecha[data-v-a8b88cbf] {
  font-size: 1rem;
  color: #C4B5FD;
}
.rel-tema[data-v-a8b88cbf] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  flex-shrink: 0;
}
.rel-desc[data-v-a8b88cbf] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Recordatorio final */
.recordatorio-final[data-v-a8b88cbf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.recordatorio-icono[data-v-a8b88cbf] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.recordatorio-contenido[data-v-a8b88cbf] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.recordatorio-contenido strong[data-v-a8b88cbf] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.orbitales-resumen[data-v-a8b88cbf] {
    grid-template-columns: repeat(4, 1fr);
}
.orbital-card[data-v-a8b88cbf] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.card-info[data-v-a8b88cbf] {
    align-items: center;
}
.aparicion-row[data-v-a8b88cbf] {
    grid-template-columns: 50px 80px 1fr;
}
.relacion-items[data-v-a8b88cbf] {
    flex-direction: row;
}
.relacion-item[data-v-a8b88cbf] {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
}

/* Intro visual */
.intro-visual[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.tabla-mini[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.tabla-row[data-v-3f2db705] {
  display: flex;
  gap: 3px;
  justify-content: center;
}
.elem[data-v-3f2db705] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 3px;
}
.elem-s[data-v-3f2db705] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
  border: 1px solid rgba(239, 68, 68, 0.5);
}
.elem-p[data-v-3f2db705] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
  border: 1px solid rgba(59, 130, 246, 0.5);
}

/* He es bloque s pero se ubica en grupo 18 */
.elem-he[data-v-3f2db705] {
  border-style: dashed;
}
.elem-space[data-v-3f2db705] {
  width: calc(28px * 10 + 3px * 9);
}
.elem-space-mid[data-v-3f2db705] {
  width: calc(28px * 4 + 3px * 3);
}
.intro-label[data-v-3f2db705] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Utilidad */
.utilidad-section[data-v-3f2db705] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-3f2db705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-lista[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utilidad-item[data-v-3f2db705] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-icono[data-v-3f2db705] {
  font-size: 1.25rem;
}
.item-texto[data-v-3f2db705] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-3f2db705] {
  color: #93C5FD;
}

/* Organización preview */
.organizacion-preview[data-v-3f2db705] {
  margin: 1.5rem 0;
}
.organizacion-titulo[data-v-3f2db705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.organizacion-grid[data-v-3f2db705] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.org-card[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.org-icono[data-v-3f2db705] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.org-nombre[data-v-3f2db705] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.org-desc[data-v-3f2db705] {
  font-size: 0.65rem;
  color: #E9D5FF;
  margin-top: 0.15rem;
}

/* Conexión */
.conexion-section[data-v-3f2db705] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-3f2db705] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.conexion-texto[data-v-3f2db705] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.conexion-ejemplo[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-elem[data-v-3f2db705] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.elem-simbolo[data-v-3f2db705] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.5);
  border-radius: 0.3rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}
.elem-config[data-v-3f2db705] {
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.elem-config strong[data-v-3f2db705] {
  color: #FCD34D;
}
.ejemplo-resultado[data-v-3f2db705] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.res-item[data-v-3f2db705] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(16, 185, 129, 0.5);
}
.res-item strong[data-v-3f2db705] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-3f2db705] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3f2db705] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3f2db705] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3f2db705] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.elem[data-v-3f2db705] {
    width: 32px;
    height: 32px;
    font-size: 0.8rem;
}
.elem-space[data-v-3f2db705] {
    width: calc(32px * 10 + 3px * 9);
}
.elem-space-mid[data-v-3f2db705] {
    width: calc(32px * 4 + 3px * 3);
}
.organizacion-grid[data-v-3f2db705] {
    gap: 0.75rem;
}
.org-card[data-v-3f2db705] {
    padding: 0.75rem;
}
.org-nombre[data-v-3f2db705] {
    font-size: 0.95rem;
}
.org-desc[data-v-3f2db705] {
    font-size: 0.75rem;
}
.conexion-ejemplo[data-v-3f2db705] {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
}
.ejemplo-resultado[data-v-3f2db705] {
    flex: 1;
}
}

/* Secciones */
.seccion-periodos[data-v-7a25ff7a], .seccion-grupos[data-v-7a25ff7a] {
  margin: 1.5rem 0;
}
.seccion-header[data-v-7a25ff7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-icono[data-v-7a25ff7a] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.seccion-titulo[data-v-7a25ff7a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}

/* Periodos visual */
.periodos-visual[data-v-7a25ff7a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.tabla-periodos[data-v-7a25ff7a] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: max-content;
}
.periodo-fila[data-v-7a25ff7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.periodo-num[data-v-7a25ff7a] {
  width: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}
.periodo-celdas[data-v-7a25ff7a] {
  display: flex;
  gap: 2px;
}
.celda-periodo[data-v-7a25ff7a] {
  width: 12px;
  height: 12px;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 2px;
}
.celda-periodo.destacada[data-v-7a25ff7a] {
  background: rgba(245, 158, 11, 0.5);
  border: 1px solid rgba(245, 158, 11, 0.8);
}

/* Grupos visual */
.grupos-visual[data-v-7a25ff7a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.tabla-grupos[data-v-7a25ff7a] {
  min-width: max-content;
}
.grupos-header[data-v-7a25ff7a] {
  display: flex;
  gap: 2px;
  margin-bottom: 3px;
}
.grupo-num[data-v-7a25ff7a] {
  width: 14px;
  font-size: 0.55rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}
.grupo-num.destacado[data-v-7a25ff7a] {
  color: #FCD34D;
  font-weight: 700;
}
.grupo-fila[data-v-7a25ff7a] {
  display: flex;
  gap: 2px;
  margin-bottom: 2px;
}
.celda-grupo[data-v-7a25ff7a] {
  width: 14px;
  height: 12px;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 2px;
}
.celda-grupo.vacia[data-v-7a25ff7a] {
  background: transparent;
}
.celda-grupo.grupo1[data-v-7a25ff7a] {
  background: rgba(239, 68, 68, 0.5);
  border: 1px solid rgba(239, 68, 68, 0.7);
}
.celda-grupo.grupo17[data-v-7a25ff7a] {
  background: rgba(16, 185, 129, 0.5);
  border: 1px solid rgba(16, 185, 129, 0.7);
}

/* Info boxes */
.info-box[data-v-7a25ff7a] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.info-titulo[data-v-7a25ff7a] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.info-lista[data-v-7a25ff7a] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.info-lista li[data-v-7a25ff7a] {
  margin-bottom: 0.25rem;
}
.info-lista strong[data-v-7a25ff7a] {
  color: #FFFFFF;
}
.info-ejemplo[data-v-7a25ff7a] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
  font-size: 0.8rem;
}
.ejemplo-label[data-v-7a25ff7a] {
  color: #FCD34D;
  font-weight: 600;
}
.ejemplo-texto[data-v-7a25ff7a] {
  color: #E9D5FF;
}
.ejemplo-texto strong[data-v-7a25ff7a] {
  color: #FFFFFF;
}
.destacado[data-v-7a25ff7a] {
  color: #FCD34D !important;
}

/* Grupos especiales */
.grupos-especiales[data-v-7a25ff7a] {
  margin: 1.5rem 0;
}
.especiales-titulo[data-v-7a25ff7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.especiales-grid[data-v-7a25ff7a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.especial-card[data-v-7a25ff7a] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid;
}
.especial-card[data-v-7a25ff7a]:nth-child(1) { border-color: #EF4444;
}
.especial-card[data-v-7a25ff7a]:nth-child(2) { border-color: #F59E0B;
}
.especial-card[data-v-7a25ff7a]:nth-child(3) { border-color: #10B981;
}
.especial-card[data-v-7a25ff7a]:nth-child(4) { border-color: #6366F1;
}
.especial-grupo[data-v-7a25ff7a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.especial-nombre[data-v-7a25ff7a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.especial-ejem[data-v-7a25ff7a] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-family: 'Courier New', monospace;
}
.especial-valencia[data-v-7a25ff7a] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-top: 0.25rem;
}

/* Regla box */
.regla-box[data-v-7a25ff7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.regla-icono[data-v-7a25ff7a] {
  font-size: 1.25rem;
}
.regla-contenido[data-v-7a25ff7a] {
  flex: 1;
}
.regla-titulo[data-v-7a25ff7a] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-7a25ff7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.regla-texto strong[data-v-7a25ff7a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.celda-periodo[data-v-7a25ff7a] {
    width: 14px;
    height: 14px;
}
.celda-grupo[data-v-7a25ff7a] {
    width: 16px;
    height: 14px;
}
.grupo-num[data-v-7a25ff7a] {
    width: 16px;
    font-size: 0.6rem;
}
.especiales-grid[data-v-7a25ff7a] {
    grid-template-columns: repeat(4, 1fr);
}
.especial-card[data-v-7a25ff7a] {
    padding: 0.75rem;
}
}

/* Visualización de bloques */
.bloques-visual[data-v-548d5c9e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.tabla-bloques[data-v-548d5c9e] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: max-content;
}
.fila-grupos[data-v-548d5c9e], .fila-tabla[data-v-548d5c9e] {
  display: flex;
  align-items: center;
  gap: 3px;
}
.celda-vacia[data-v-548d5c9e], .periodo-label[data-v-548d5c9e] {
  width: 24px;
  min-width: 24px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  text-align: center;
}
.grupo-label[data-v-548d5c9e] {
  font-size: 0.6rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  padding: 2px;
}
.espacio-d[data-v-548d5c9e], .espacio-p[data-v-548d5c9e] {
  flex: 1;
  min-width: 20px;
}
.bloque[data-v-548d5c9e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 3px;
  font-size: 0.6rem;
  font-weight: 600;
  color: white;
  min-height: 24px;
}
.bloque.doble[data-v-548d5c9e] { min-width: 40px;
}
.bloque.hexa[data-v-548d5c9e] { min-width: 60px;
}
.bloque.deca[data-v-548d5c9e] { min-width: 80px;
}
.bloque.catorce[data-v-548d5c9e] { min-width: 90px;
}
.bloque-s[data-v-548d5c9e] { background: rgba(239, 68, 68, 0.6);
}
.bloque-p[data-v-548d5c9e] { background: rgba(59, 130, 246, 0.6);
}
.bloque-d[data-v-548d5c9e] { background: rgba(245, 158, 11, 0.6);
}
.bloque-f[data-v-548d5c9e] { background: rgba(16, 185, 129, 0.6);
}

/* Helio: bloque s pero ubicado en grupo 18 por propiedades */
.he-excepcion[data-v-548d5c9e] {
  border: 2px dashed rgba(59, 130, 246, 0.8);
  font-style: italic;
}

/* Leyenda */
.bloques-leyenda[data-v-548d5c9e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.leyenda-item[data-v-548d5c9e] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.leyenda-color[data-v-548d5c9e] {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}
.leyenda-texto[data-v-548d5c9e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.leyenda-nota[data-v-548d5c9e] {
  width: 100%;
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
  text-align: center;
  margin-top: 0.5rem;
}

/* Detalles de bloques */
.bloques-detalles[data-v-548d5c9e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.bloque-detalle[data-v-548d5c9e] {
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.detalle-header[data-v-548d5c9e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}
.bloque-s-bg[data-v-548d5c9e] { background: rgba(239, 68, 68, 0.4);
}
.bloque-p-bg[data-v-548d5c9e] { background: rgba(59, 130, 246, 0.4);
}
.bloque-d-bg[data-v-548d5c9e] { background: rgba(245, 158, 11, 0.4);
}
.bloque-f-bg[data-v-548d5c9e] { background: rgba(16, 185, 129, 0.4);
}
.detalle-letra[data-v-548d5c9e] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
}
.detalle-titulo[data-v-548d5c9e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: white;
}
.detalle-body[data-v-548d5c9e] {
  padding: 0.5rem;
}
.detalle-info[data-v-548d5c9e] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  margin-bottom: 0.25rem;
}
.info-label[data-v-548d5c9e] {
  color: #C4B5FD;
}
.info-valor[data-v-548d5c9e] {
  color: #FFFFFF;
  font-weight: 500;
  text-align: right;
}

/* Regla de identificación */
.regla-identificacion[data-v-548d5c9e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-548d5c9e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
.regla-texto[data-v-548d5c9e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.regla-texto strong[data-v-548d5c9e] {
  color: #C4B5FD;
}
.regla-ejemplos[data-v-548d5c9e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-bloque[data-v-548d5c9e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.config[data-v-548d5c9e] {
  font-family: 'Courier New', monospace;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.flecha[data-v-548d5c9e] {
  color: #C4B5FD;
  font-size: 0.7rem;
}
.resultado[data-v-548d5c9e] {
  font-size: 0.7rem;
  font-weight: 600;
}
.bloque-s-text[data-v-548d5c9e] { color: #FCA5A5;
}
.bloque-p-text[data-v-548d5c9e] { color: #93C5FD;
}
.bloque-d-text[data-v-548d5c9e] { color: #FCD34D;
}
.bloque-f-text[data-v-548d5c9e] { color: #6EE7B7;
}

/* Tip */
.tip[data-v-548d5c9e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-548d5c9e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-548d5c9e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-548d5c9e] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.bloque[data-v-548d5c9e] {
    font-size: 0.7rem;
    padding: 6px 8px;
}
.bloques-detalles[data-v-548d5c9e] {
    grid-template-columns: repeat(4, 1fr);
}
.regla-ejemplos[data-v-548d5c9e] {
    grid-template-columns: repeat(4, 1fr);
}
}

.explorador[data-v-74869bea] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-74869bea] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-74869bea] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-74869bea] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-74869bea] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-74869bea] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-74869bea] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-74869bea] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-74869bea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-74869bea] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Ubicación ===== */
.ubicacion-container[data-v-74869bea] {
  text-align: center;
}
.ubicacion-pregunta[data-v-74869bea] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.ubicacion-pregunta strong[data-v-74869bea] {
  color: #93C5FD;
  font-size: 1.2rem;
}
.ubicacion-config[data-v-74869bea] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.config-label[data-v-74869bea] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.config-valor[data-v-74869bea] {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FCD34D;
}
.ubicacion-inputs[data-v-74869bea] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.input-grupo[data-v-74869bea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.input-grupo label[data-v-74869bea] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.input-grupo select[data-v-74869bea] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: white;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-74869bea] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 2: Bloques ===== */
.bloques-container[data-v-74869bea] {
  text-align: center;
}
.bloques-pregunta[data-v-74869bea] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.bloques-pregunta strong[data-v-74869bea] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.mini-tabla[data-v-74869bea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 1rem;
}
.mini-fila[data-v-74869bea] {
  display: flex;
  gap: 4px;
}
.mini-fila.completa[data-v-74869bea] {
  width: 100%;
  max-width: 280px;
}
.mini-espacio[data-v-74869bea] {
  width: 100px;
}
.mini-celda[data-v-74869bea] {
  flex: 1;
  min-width: 60px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mini-celda[data-v-74869bea]:hover {
  transform: scale(1.05);
}
.mini-fila-f[data-v-74869bea] {
  width: 80%;
  max-width: 200px;
}
.mini-fila-f .mini-celda[data-v-74869bea] {
  width: 100%;
}
.bloque-label[data-v-74869bea] {
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
}
.bloque-s[data-v-74869bea] { background: rgba(239, 68, 68, 0.6); border: 2px solid rgba(239, 68, 68, 0.8);
}
.bloque-p[data-v-74869bea] { background: rgba(59, 130, 246, 0.6); border: 2px solid rgba(59, 130, 246, 0.8);
}
.bloque-d[data-v-74869bea] { background: rgba(245, 158, 11, 0.6); border: 2px solid rgba(245, 158, 11, 0.8);
}
.bloque-f[data-v-74869bea] { background: rgba(16, 185, 129, 0.6); border: 2px solid rgba(16, 185, 129, 0.8);
}
.bloques-info[data-v-74869bea] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.info-item[data-v-74869bea] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.info-color[data-v-74869bea] {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}

/* ===== DESAFÍO 3: Familias ===== */
.grupos-container[data-v-74869bea] {
  text-align: center;
}
.grupos-pregunta[data-v-74869bea] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.grupos-pregunta strong[data-v-74869bea] {
  color: #FCD34D;
}
.grupos-opciones[data-v-74869bea] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.familia-btn[data-v-74869bea] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.familia-btn[data-v-74869bea]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.familia-btn.seleccionada[data-v-74869bea] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.familia-btn.correcta[data-v-74869bea] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.familia-btn.incorrecta[data-v-74869bea] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.familia-nombre[data-v-74869bea] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.familia-grupo[data-v-74869bea] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Feedback y resultados */
.feedback-error[data-v-74869bea] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-74869bea] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-74869bea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-74869bea] { font-size: 1.25rem;
}
.resultado-texto[data-v-74869bea] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-74869bea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-74869bea] { flex: 1;
}
.nav-btn[data-v-74869bea] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-74869bea] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-74869bea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-74869bea] { font-size: 1.75rem;
}
.completado-texto[data-v-74869bea] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-74869bea], .slide-leave-active[data-v-74869bea] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-74869bea] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-74869bea] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ubicacion-inputs[data-v-74869bea] {
    gap: 1rem;
}
.input-grupo select[data-v-74869bea] {
    width: 80px;
}
.mini-celda[data-v-74869bea] {
    min-width: 80px;
    height: 60px;
}
.bloque-label[data-v-74869bea] {
    font-size: 1.5rem;
}
}

/* Resumen intro */
.resumen-intro[data-v-5c21038a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-5c21038a] {
  font-size: 2rem;
}
.resumen-texto[data-v-5c21038a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.resumen-texto strong[data-v-5c21038a] {
  color: #93C5FD;
}

/* Conceptos clave */
.conceptos-clave[data-v-5c21038a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-5c21038a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.concepto-header[data-v-5c21038a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.concepto-icono[data-v-5c21038a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.concepto-titulo[data-v-5c21038a] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-body[data-v-5c21038a] {
  padding: 0.75rem;
}
.concepto-body p[data-v-5c21038a] {
  margin: 0 0 0.25rem 0;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.concepto-detalle[data-v-5c21038a] {
  color: #E9D5FF !important;
  font-size: 0.8rem !important;
}
.concepto-detalle strong[data-v-5c21038a] {
  color: #93C5FD;
}
.concepto-ejemplo[data-v-5c21038a] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #FCD34D;
  font-family: 'Courier New', monospace;
}
.concepto-bloques[data-v-5c21038a] {
  display: flex;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.mini-bloque[data-v-5c21038a] {
  width: 28px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.mini-bloque.s[data-v-5c21038a] { background: rgba(239, 68, 68, 0.6);
}
.mini-bloque.p[data-v-5c21038a] { background: rgba(59, 130, 246, 0.6);
}
.mini-bloque.d[data-v-5c21038a] { background: rgba(245, 158, 11, 0.6);
}
.mini-bloque.f[data-v-5c21038a] { background: rgba(16, 185, 129, 0.6);
}

/* Familias resumen */
.familias-resumen[data-v-5c21038a] {
  margin-bottom: 1.5rem;
}
.familias-titulo[data-v-5c21038a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.familias-tabla[data-v-5c21038a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.familia-row[data-v-5c21038a] {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
}
.familia-row.header[data-v-5c21038a] {
  background: rgba(59, 130, 246, 0.2);
  font-weight: 600;
  color: #93C5FD;
}
.familia-row[data-v-5c21038a]:not(.header) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.familia-row[data-v-5c21038a]:last-child {
  border-bottom: none;
}
.familia-col[data-v-5c21038a] {
  color: #E9D5FF;
}
.familia-col.nombre[data-v-5c21038a] {
  color: #FFFFFF;
  font-weight: 500;
}

/* Tips PAES */
.tips-paes[data-v-5c21038a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-5c21038a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-5c21038a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-5c21038a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.tip-num[data-v-5c21038a] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-5c21038a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-5c21038a] {
  color: #FFFFFF;
}

/* Fórmula box */
.formula-box[data-v-5c21038a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-5c21038a] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-contenido[data-v-5c21038a] {
  text-align: center;
}
.formula-item[data-v-5c21038a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.formula-config[data-v-5c21038a] {
  font-family: 'Courier New', monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #E9D5FF;
}
.formula-resultado[data-v-5c21038a] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.formula-resultado strong[data-v-5c21038a] {
  color: #FCD34D;
}
.formula-explicacion[data-v-5c21038a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}

/* Siguiente paso */
.siguiente-paso[data-v-5c21038a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.siguiente-icono[data-v-5c21038a] {
  font-size: 1.5rem;
}
.siguiente-texto[data-v-5c21038a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.siguiente-texto strong[data-v-5c21038a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-clave[data-v-5c21038a] {
    flex-direction: row;
}
.concepto-card[data-v-5c21038a] {
    flex: 1;
}
.formula-item[data-v-5c21038a] {
    flex-direction: row;
    justify-content: center;
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.propiedad-cards[data-v-83dc4306] {
  display: flex;
  gap: 0.5rem;
}
.prop-card[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.prop-icono[data-v-83dc4306] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-83dc4306] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}
.intro-label[data-v-83dc4306] {
  font-size: 0.85rem;
  color: #93C5FD;
  font-weight: 600;
}

/* Importancia */
.importancia-section[data-v-83dc4306] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-83dc4306] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-lista[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-83dc4306] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.item-icono[data-v-83dc4306] {
  font-size: 1.25rem;
}
.item-texto[data-v-83dc4306] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.item-texto strong[data-v-83dc4306] {
  color: #93C5FD;
}

/* Propiedades preview */
.propiedades-preview[data-v-83dc4306] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-83dc4306] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-83dc4306] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.propiedad-item[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.propiedad-simbolo[data-v-83dc4306] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  font-style: italic;
  margin-bottom: 0.25rem;
}
.propiedad-nombre[data-v-83dc4306] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.propiedad-desc[data-v-83dc4306] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Conexión */
.conexion-section[data-v-83dc4306] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.conexion-titulo[data-v-83dc4306] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.conexion-texto[data-v-83dc4306] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.factores-grid[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-card[data-v-83dc4306] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-num[data-v-83dc4306] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.factor-nombre[data-v-83dc4306] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.factor-desc[data-v-83dc4306] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-left: auto;
}

/* Tendencias preview */
.tendencias-preview[data-v-83dc4306] {
  margin: 1.5rem 0;
}
.tendencias-titulo[data-v-83dc4306] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tendencias-visual[data-v-83dc4306] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tendencia-horizontal[data-v-83dc4306],
.tendencia-vertical[data-v-83dc4306] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.4rem;
}
.tendencia-horizontal[data-v-83dc4306] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tendencia-vertical[data-v-83dc4306] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tendencia-label[data-v-83dc4306] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  min-width: 100px;
}
.tendencia-vertical .tendencia-label[data-v-83dc4306] {
  color: #93C5FD;
}
.tendencia-info[data-v-83dc4306] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-83dc4306] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-83dc4306] {
  font-size: 1.25rem;
}
.tip-texto[data-v-83dc4306] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-83dc4306] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.propiedad-cards[data-v-83dc4306] {
    gap: 1rem;
}
.prop-card[data-v-83dc4306] {
    padding: 0.75rem 1rem;
}
.prop-icono[data-v-83dc4306] {
    font-size: 1.75rem;
}
.propiedades-grid[data-v-83dc4306] {
    grid-template-columns: repeat(4, 1fr);
}
.factores-grid[data-v-83dc4306] {
    flex-direction: row;
}
.factor-card[data-v-83dc4306] {
    flex: 1;
}
.factor-desc[data-v-83dc4306] {
    margin-left: 0;
    display: block;
    margin-top: 0.25rem;
}
.factor-card[data-v-83dc4306] {
    flex-direction: column;
    text-align: center;
}
}

/* Definición visual */
.definicion-visual[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.atomo-visual[data-v-7fca47ef] {
  position: relative;
  width: 120px;
  height: 120px;
}
.nucleo[data-v-7fca47ef] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: #EF4444;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 1rem;
  z-index: 2;
}
.electron-orbit[data-v-7fca47ef] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px dashed rgba(59, 130, 246, 0.4);
  border-radius: 50%;
}
.orbit-1[data-v-7fca47ef] {
  width: 50px;
  height: 50px;
}
.orbit-2[data-v-7fca47ef] {
  width: 100px;
  height: 100px;
}
.electron[data-v-7fca47ef] {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #3B82F6;
  border-radius: 50%;
}
.orbit-1 .electron[data-v-7fca47ef] {
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.orbit-2 .electron[data-v-7fca47ef]:nth-child(1) {
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
}
.orbit-2 .electron[data-v-7fca47ef]:nth-child(2) {
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
}
.radio-line[data-v-7fca47ef] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 2px;
  background: #FCD34D;
  transform-origin: left center;
  transform: rotate(-45deg);
}
.radio-label[data-v-7fca47ef] {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 1rem;
  font-weight: 700;
  font-style: italic;
  color: #FCD34D;
}
.definicion-texto[data-v-7fca47ef] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.definicion-texto strong[data-v-7fca47ef] {
  color: #93C5FD;
}

/* Factores */
.factores-section[data-v-7fca47ef] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-7fca47ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-lista[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor-item[data-v-7fca47ef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.factor-icono[data-v-7fca47ef] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}
.factor-icono.aumenta[data-v-7fca47ef] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.factor-icono.pantalla[data-v-7fca47ef] {
  background: rgba(139, 92, 246, 0.3);
  font-size: 1.1rem;
}
.factor-contenido[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.factor-nombre[data-v-7fca47ef] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.factor-efecto[data-v-7fca47ef] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.factor-efecto.positivo strong[data-v-7fca47ef] {
  color: #6EE7B7;
}
.factor-efecto.negativo strong[data-v-7fca47ef] {
  color: #FCA5A5;
}

/* Tendencias */
.tendencias-section[data-v-7fca47ef] {
  margin: 1.5rem 0;
}
.tendencias-titulo[data-v-7fca47ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-tendencia[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tendencia-periodo[data-v-7fca47ef],
.tendencia-grupo[data-v-7fca47ef] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.periodo-header[data-v-7fca47ef],
.grupo-header[data-v-7fca47ef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.periodo-label[data-v-7fca47ef],
.grupo-label[data-v-7fca47ef] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
}
.periodo-arrow[data-v-7fca47ef] {
  font-size: 1rem;
  color: #FCD34D;
}
.periodo-elementos[data-v-7fca47ef],
.grupo-elementos[data-v-7fca47ef] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.grupo-elementos[data-v-7fca47ef] {
  flex-direction: column;
  gap: 0.4rem;
}
.elemento[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.4rem;
}
.elemento.grande[data-v-7fca47ef] { padding: 0.6rem 0.8rem;
}
.elemento.medio[data-v-7fca47ef] { padding: 0.4rem 0.5rem;
}
.elemento.pequeno[data-v-7fca47ef] { padding: 0.25rem 0.35rem;
}
.elemento.grande-g[data-v-7fca47ef] { padding: 0.5rem 1.2rem;
}
.elemento.medio-g[data-v-7fca47ef] { padding: 0.4rem 0.8rem;
}
.elemento.pequeno-g[data-v-7fca47ef] { padding: 0.3rem 0.5rem;
}
.elem-simbolo[data-v-7fca47ef] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}
.elem-radio[data-v-7fca47ef] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.periodo-conclusion[data-v-7fca47ef],
.grupo-conclusion[data-v-7fca47ef] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
strong.positivo[data-v-7fca47ef] {
  color: #6EE7B7;
}
strong.negativo[data-v-7fca47ef] {
  color: #FCA5A5;
}

/* Regla visual */
.regla-visual[data-v-7fca47ef] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.regla-titulo[data-v-7fca47ef] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.regla-grid[data-v-7fca47ef] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 1fr auto 1fr;
  gap: 0.5rem;
  align-items: center;
}
.regla-box[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.regla-box.esquina-sup[data-v-7fca47ef] {
  grid-column: 3;
  grid-row: 1;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.regla-box.esquina-inf[data-v-7fca47ef] {
  grid-column: 1;
  grid-row: 3;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.regla-texto[data-v-7fca47ef] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.regla-ejemplo[data-v-7fca47ef] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.regla-flecha[data-v-7fca47ef] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}
.regla-flecha.horizontal[data-v-7fca47ef] {
  grid-column: 2;
  grid-row: 1;
}
.regla-flecha.vertical[data-v-7fca47ef] {
  grid-column: 1;
  grid-row: 2;
  transform: rotate(90deg);
}

/* Radio iónico */
.radio-ionico[data-v-7fca47ef] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ionico-titulo[data-v-7fca47ef] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ionico-comparacion[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ion-caso[data-v-7fca47ef] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ion-tipo[data-v-7fca47ef] {
  font-size: 0.8rem;
  font-weight: 600;
}
.ion-tipo.cationes[data-v-7fca47ef] {
  color: #FCA5A5;
}
.ion-tipo.aniones[data-v-7fca47ef] {
  color: #6EE7B7;
}
.ion-efecto[data-v-7fca47ef] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ion-ejemplo[data-v-7fca47ef] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: 'Courier New', monospace;
}

/* Tip */
.tip[data-v-7fca47ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-7fca47ef] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7fca47ef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7fca47ef] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definicion-visual[data-v-7fca47ef] {
    flex-direction: row;
    gap: 2rem;
}
.atomo-visual[data-v-7fca47ef] {
    width: 140px;
    height: 140px;
}
.orbit-2[data-v-7fca47ef] {
    width: 120px;
    height: 120px;
}
.tabla-tendencia[data-v-7fca47ef] {
    flex-direction: row;
}
.tendencia-periodo[data-v-7fca47ef],
  .tendencia-grupo[data-v-7fca47ef] {
    flex: 1;
}
.ionico-comparacion[data-v-7fca47ef] {
    flex-direction: row;
}
.ion-caso[data-v-7fca47ef] {
    flex: 1;
}
}

/* Definición visual */
.definicion-visual[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ionizacion-proceso[data-v-87311f35] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.atomo-antes[data-v-87311f35],
.atomo-despues[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
}
.atomo-despues[data-v-87311f35] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
}
.atomo-simbolo[data-v-87311f35] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #93C5FD;
}
.atomo-despues .atomo-simbolo[data-v-87311f35] {
  color: #FCA5A5;
}
.atomo-estado[data-v-87311f35] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.proceso-flecha[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.energia-entrada[data-v-87311f35] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  padding: 0.15rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.flecha[data-v-87311f35] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.electron-saliente[data-v-87311f35] {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
}
.electron-simbolo[data-v-87311f35] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #6EE7B7;
}
.definicion-texto[data-v-87311f35] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.definicion-texto strong[data-v-87311f35] {
  color: #FCD34D;
}

/* Tipos de EI */
.tipos-section[data-v-87311f35] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-87311f35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-lista[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-item[data-v-87311f35] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-87311f35] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
  min-width: 80px;
}
.tipo-proceso[data-v-87311f35] {
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-desc[data-v-87311f35] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-item.importante[data-v-87311f35] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-info[data-v-87311f35] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Relación con radio */
.relacion-section[data-v-87311f35] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-87311f35] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.relacion-texto[data-v-87311f35] {
  color: #E9D5FF;
  font-size: 0.85rem;
  margin: 0 0 0.75rem 0;
}
.relacion-visual[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-caso[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-condicion[data-v-87311f35] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caso-razon[data-v-87311f35] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.caso-resultado[data-v-87311f35] {
  font-size: 0.8rem;
}
.caso-resultado.positivo[data-v-87311f35] {
  color: #6EE7B7;
}
.caso-resultado.negativo[data-v-87311f35] {
  color: #FCA5A5;
}

/* Tendencias */
.tendencias-section[data-v-87311f35] {
  margin: 1.5rem 0;
}
.tendencias-titulo[data-v-87311f35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-tendencia[data-v-87311f35] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tendencia-periodo[data-v-87311f35],
.tendencia-grupo[data-v-87311f35] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.periodo-header[data-v-87311f35],
.grupo-header[data-v-87311f35] {
  margin-bottom: 0.5rem;
}
.periodo-label[data-v-87311f35],
.grupo-label[data-v-87311f35] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}
.periodo-visual[data-v-87311f35],
.grupo-visual[data-v-87311f35] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.barra-ei[data-v-87311f35] {
  flex: 1;
  height: 20px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
}
.barra-fill[data-v-87311f35] {
  height: 100%;
  background: linear-gradient(to right, rgba(16, 185, 129, 0.5), #10B981);
  width: 100%;
}
.barra-ei.vertical[data-v-87311f35] {
  width: 20px;
  height: 50px;
  flex: none;
}
.barra-fill-down[data-v-87311f35] {
  width: 100%;
  background: linear-gradient(to bottom, #EF4444, rgba(239, 68, 68, 0.3));
  height: 100%;
}
.barra-label[data-v-87311f35] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
strong.positivo[data-v-87311f35] {
  color: #6EE7B7;
}
strong.negativo[data-v-87311f35] {
  color: #FCA5A5;
}
.periodo-explicacion[data-v-87311f35],
.grupo-explicacion[data-v-87311f35] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Comparación visual */
.comparacion-visual[data-v-87311f35] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-87311f35] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-grid[data-v-87311f35] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.25rem;
}
.comp-header[data-v-87311f35] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.comp-label[data-v-87311f35] {
  font-size: 0.75rem;
  color: #FFFFFF;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.comp-valor[data-v-87311f35] {
  font-size: 0.7rem;
  text-align: center;
  padding: 0.3rem;
  border-radius: 0.25rem;
}
.comp-valor.positivo[data-v-87311f35] {
  background: rgba(16, 185, 129, 0.15);
  color: #6EE7B7;
}
.comp-valor.negativo[data-v-87311f35] {
  background: rgba(239, 68, 68, 0.15);
  color: #FCA5A5;
}

/* Casos especiales */
.casos-especiales[data-v-87311f35] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-87311f35] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-lista[data-v-87311f35] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.caso-item[data-v-87311f35] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.caso-elem[data-v-87311f35] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}
.caso-valor[data-v-87311f35] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.caso-razon[data-v-87311f35] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}
.casos-nota[data-v-87311f35] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}

/* Tip */
.tip[data-v-87311f35] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-87311f35] {
  font-size: 1.25rem;
}
.tip-texto[data-v-87311f35] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-87311f35] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ionizacion-proceso[data-v-87311f35] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
.relacion-visual[data-v-87311f35] {
    flex-direction: row;
}
.relacion-caso[data-v-87311f35] {
    flex: 1;
}
.tabla-tendencia[data-v-87311f35] {
    flex-direction: row;
}
.tendencia-periodo[data-v-87311f35],
  .tendencia-grupo[data-v-87311f35] {
    flex: 1;
}
}

/* Intro */
.intro-section[data-v-f1efc74d] {
  margin-bottom: 1.5rem;
}
.intro-section p[data-v-f1efc74d] {
  margin: 0;
  font-size: 0.95rem;
  color: #E9D5FF;
}

/* Secciones de propiedad */
.propiedad-section[data-v-f1efc74d] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.propiedad-section.electroafinidad[data-v-f1efc74d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.propiedad-section.electronegatividad[data-v-f1efc74d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.propiedad-header[data-v-f1efc74d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.propiedad-icono[data-v-f1efc74d] {
  font-size: 1.5rem;
}
.propiedad-nombre[data-v-f1efc74d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Definición visual EA */
.definicion-visual[data-v-f1efc74d] {
  margin-bottom: 0.75rem;
}
.proceso-ea[data-v-f1efc74d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.atomo[data-v-f1efc74d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.4rem;
}
.atomo.anion[data-v-f1efc74d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}
.atomo-simbolo[data-v-f1efc74d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}
.atomo.anion .atomo-simbolo[data-v-f1efc74d] {
  color: #6EE7B7;
}
.atomo-estado[data-v-f1efc74d] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.proceso-mas[data-v-f1efc74d] {
  display: flex;
  align-items: center;
}
.electron[data-v-f1efc74d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCA5A5;
  padding: 0.2rem 0.4rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.25rem;
}
.flecha[data-v-f1efc74d] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.energia-liberada[data-v-f1efc74d] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}
.energia-label[data-v-f1efc74d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.definicion-texto[data-v-f1efc74d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
}
.definicion-texto strong[data-v-f1efc74d] {
  color: #6EE7B7;
}
.electronegatividad .definicion-texto strong[data-v-f1efc74d] {
  color: #C4B5FD;
}

/* Tendencias */
.tendencias-ea[data-v-f1efc74d],
.tendencias-en[data-v-f1efc74d] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tendencia-item[data-v-f1efc74d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.tendencia-direccion[data-v-f1efc74d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tendencia-efecto[data-v-f1efc74d] {
  font-size: 0.85rem;
  font-weight: 600;
}
.tendencia-efecto.positivo[data-v-f1efc74d] {
  color: #6EE7B7;
}
.tendencia-efecto.negativo[data-v-f1efc74d] {
  color: #FCA5A5;
}

/* Nota EA */
.ea-nota[data-v-f1efc74d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.nota-icono[data-v-f1efc74d] {
  font-size: 1rem;
}
.nota-texto[data-v-f1efc74d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-texto strong[data-v-f1efc74d] {
  color: #FCD34D;
}

/* Enlace visual (electronegatividad) */
.enlace-visual[data-v-f1efc74d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.atomo-enlace[data-v-f1efc74d] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.1rem;
  font-weight: 700;
}
.atomo-a[data-v-f1efc74d] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.atomo-b[data-v-f1efc74d] {
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  color: #C4B5FD;
}
.enlace-linea[data-v-f1efc74d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
}
.electrones-enlace[data-v-f1efc74d] {
  display: flex;
  gap: 0.15rem;
}
.e-enlace[data-v-f1efc74d] {
  font-size: 1rem;
  color: #FCD34D;
}
.flecha-atraccion[data-v-f1efc74d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Escala Pauling */
.escala-pauling[data-v-f1efc74d] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.escala-titulo[data-v-f1efc74d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-align: center;
}
.escala-valores[data-v-f1efc74d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.valor-item[data-v-f1efc74d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
}
.valor-item.menor[data-v-f1efc74d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.valor-item.mayor[data-v-f1efc74d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.valor-elem[data-v-f1efc74d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.valor-num[data-v-f1efc74d] {
  font-size: 1.1rem;
  font-weight: 700;
}
.valor-item.menor .valor-num[data-v-f1efc74d] {
  color: #FCA5A5;
}
.valor-item.mayor .valor-num[data-v-f1efc74d] {
  color: #6EE7B7;
}
.valor-desc[data-v-f1efc74d] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.escala-flecha[data-v-f1efc74d] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Comparación */
.comparacion-section[data-v-f1efc74d] {
  margin-bottom: 1.5rem;
}
.comparacion-titulo[data-v-f1efc74d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-f1efc74d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-f1efc74d] {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
}
.comp-row.header[data-v-f1efc74d] {
  background: rgba(59, 130, 246, 0.2);
}
.comp-row[data-v-f1efc74d]:not(.header) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.comp-col[data-v-f1efc74d] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.comp-row.header .comp-col[data-v-f1efc74d] {
  font-weight: 600;
  color: #93C5FD;
}
.comp-col.label[data-v-f1efc74d] {
  color: #C4B5FD;
  font-weight: 500;
}
.comp-col.highlight[data-v-f1efc74d] {
  color: #6EE7B7;
}

/* Resumen tendencias */
.resumen-tendencias[data-v-f1efc74d] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-f1efc74d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tendencias-tabla[data-v-f1efc74d] {
  text-align: center;
}
.tend-visual[data-v-f1efc74d] {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
.tend-header[data-v-f1efc74d] {
  display: grid;
  grid-template-columns: 60px 50px 50px;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.tend-header span[data-v-f1efc74d]:first-child {
  text-align: left;
}
.tend-props[data-v-f1efc74d] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.tend-row[data-v-f1efc74d] {
  display: grid;
  grid-template-columns: 60px 50px 50px;
  gap: 0.25rem;
  padding: 0.2rem 0;
}
.tend-nombre[data-v-f1efc74d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}
.tend-valor[data-v-f1efc74d] {
  font-size: 0.9rem;
  font-weight: 700;
}
.tend-valor.positivo[data-v-f1efc74d] {
  color: #6EE7B7;
}
.tend-valor.negativo[data-v-f1efc74d] {
  color: #FCA5A5;
}
.resumen-nota[data-v-f1efc74d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
}
.resumen-nota strong[data-v-f1efc74d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-f1efc74d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f1efc74d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f1efc74d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f1efc74d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-ea[data-v-f1efc74d] {
    flex-wrap: nowrap;
    gap: 0.75rem;
}
.escala-valores[data-v-f1efc74d] {
    gap: 1rem;
}
.valor-item[data-v-f1efc74d] {
    padding: 0.5rem 1rem;
}
.comp-row[data-v-f1efc74d] {
    padding: 0.5rem 0.75rem;
}
.comp-col[data-v-f1efc74d] {
    font-size: 0.8rem;
}
}

.explorador[data-v-e50543e5] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e50543e5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e50543e5] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-e50543e5] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-e50543e5] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e50543e5] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e50543e5] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e50543e5] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e50543e5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e50543e5] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Comparar Radio ===== */
.comparar-container[data-v-e50543e5] {
  text-align: center;
}
.comparar-pregunta[data-v-e50543e5] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.comparar-pregunta strong[data-v-e50543e5] {
  color: #93C5FD;
}
.elementos-comparar[data-v-e50543e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.elemento-btn[data-v-e50543e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  min-width: 90px;
}
.elemento-btn[data-v-e50543e5]:hover:not(:disabled) {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.elemento-btn.seleccionado[data-v-e50543e5] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.3);
}
.elemento-btn.correcto[data-v-e50543e5] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.elemento-btn.incorrecto[data-v-e50543e5] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.elem-simbolo[data-v-e50543e5] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #93C5FD;
}
.elem-nombre[data-v-e50543e5] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.elem-ubicacion[data-v-e50543e5] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.vs-label[data-v-e50543e5] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}
.tip-recordatorio[data-v-e50543e5] {
  font-size: 0.8rem;
  color: #FCD34D;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 2: Ordenar por EI ===== */
.ordenar-container[data-v-e50543e5] {
  text-align: center;
}
.ordenar-pregunta[data-v-e50543e5] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ordenar-pregunta strong[data-v-e50543e5] {
  color: #6EE7B7;
}
.elementos-disponibles[data-v-e50543e5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.elem-ordenar[data-v-e50543e5] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.elem-ordenar.seleccionado[data-v-e50543e5] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.4);
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.slots-ordenar[data-v-e50543e5] {
  margin-bottom: 1rem;
}
.slots-label[data-v-e50543e5] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.slots-row[data-v-e50543e5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(to right, rgba(239, 68, 68, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.5rem;
}
.slot-ei[data-v-e50543e5] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-ei.ocupado[data-v-e50543e5] {
  border-style: solid;
  color: #93C5FD;
}
.slot-ei.seleccionable[data-v-e50543e5] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
  animation: pulse-e50543e5 1s infinite;
}
@keyframes pulse-e50543e5 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.botones-accion[data-v-e50543e5] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-e50543e5] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-reiniciar[data-v-e50543e5] {
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 3: Identificar Propiedad ===== */
.identificar-container[data-v-e50543e5] {
  text-align: center;
}
.identificar-pregunta[data-v-e50543e5] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.opciones-propiedad[data-v-e50543e5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-e50543e5] {
  padding: 0.75rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-e50543e5]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.opcion-btn.seleccionada[data-v-e50543e5] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.opcion-btn.correcta[data-v-e50543e5] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-e50543e5] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Feedback y resultados */
.feedback-error[data-v-e50543e5] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-e50543e5] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-e50543e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e50543e5] { font-size: 1.25rem;
}
.resultado-texto[data-v-e50543e5] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-e50543e5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-e50543e5] { flex: 1;
}
.nav-btn[data-v-e50543e5] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e50543e5] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e50543e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e50543e5] { font-size: 1.75rem;
}
.completado-texto[data-v-e50543e5] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e50543e5], .slide-leave-active[data-v-e50543e5] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e50543e5] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e50543e5] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.elementos-comparar[data-v-e50543e5] {
    gap: 1.5rem;
}
.elemento-btn[data-v-e50543e5] {
    min-width: 120px;
    padding: 1rem 1.5rem;
}
.elem-simbolo[data-v-e50543e5] {
    font-size: 2rem;
}
.elementos-disponibles[data-v-e50543e5] {
    gap: 1rem;
}
.elem-ordenar[data-v-e50543e5],
  .slot-ei[data-v-e50543e5] {
    width: 60px;
    height: 60px;
    font-size: 1.4rem;
}
.opciones-propiedad[data-v-e50543e5] {
    flex-direction: row;
    justify-content: center;
}
.opcion-btn[data-v-e50543e5] {
    flex: 1;
    max-width: 200px;
}
}

/* Resumen intro */
.resumen-intro[data-v-77d91a7a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-77d91a7a] {
  font-size: 2rem;
}
.resumen-texto[data-v-77d91a7a] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.resumen-texto strong[data-v-77d91a7a] {
  color: #93C5FD;
}

/* Tendencias resumen */
.tendencias-resumen[data-v-77d91a7a] {
  margin-bottom: 1.5rem;
}
.tendencias-titulo[data-v-77d91a7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tendencias-tabla[data-v-77d91a7a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-77d91a7a] {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.5rem;
}
.header-col[data-v-77d91a7a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
  text-align: center;
}
.tabla-row[data-v-77d91a7a] {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tabla-row[data-v-77d91a7a]:last-child {
  border-bottom: none;
}
.row-propiedad[data-v-77d91a7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prop-simbolo[data-v-77d91a7a] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  font-style: italic;
  color: #C4B5FD;
}
.prop-nombre[data-v-77d91a7a] {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.row-valor[data-v-77d91a7a] {
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
}
.row-valor.positivo[data-v-77d91a7a] {
  color: #6EE7B7;
}
.row-valor.negativo[data-v-77d91a7a] {
  color: #FCA5A5;
}
.tendencias-nota[data-v-77d91a7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0 0;
  text-align: center;
}
.tendencias-nota strong[data-v-77d91a7a] {
  color: #FCD34D;
}

/* Conceptos clave */
.conceptos-clave[data-v-77d91a7a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-77d91a7a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.concepto-header[data-v-77d91a7a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-icono[data-v-77d91a7a] {
  font-size: 1.1rem;
}
.concepto-titulo[data-v-77d91a7a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-body[data-v-77d91a7a] {
  padding: 0.75rem;
}
.concepto-body p[data-v-77d91a7a] {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-ejemplo[data-v-77d91a7a] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  line-height: 1.4;
}

/* Radio iónico */
.ionico-resumen[data-v-77d91a7a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ionico-titulo[data-v-77d91a7a] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ionico-grid[data-v-77d91a7a] {
  display: flex;
  gap: 0.5rem;
}
.ionico-caso[data-v-77d91a7a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.ion-tipo[data-v-77d91a7a] {
  font-size: 0.8rem;
  font-weight: 600;
}
.ion-tipo.cationes[data-v-77d91a7a] {
  color: #FCA5A5;
}
.ion-tipo.aniones[data-v-77d91a7a] {
  color: #6EE7B7;
}
.ion-efecto[data-v-77d91a7a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ion-efecto strong[data-v-77d91a7a] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-77d91a7a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-77d91a7a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-77d91a7a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip-item[data-v-77d91a7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.tip-num[data-v-77d91a7a] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-77d91a7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-77d91a7a] {
  color: #FFFFFF;
}

/* Fórmula visual */
.formula-visual[data-v-77d91a7a] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-77d91a7a] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.formula-diagrama[data-v-77d91a7a] {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto;
  gap: 0.5rem;
  padding: 0.5rem;
}
.diagrama-esquina[data-v-77d91a7a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.diagrama-esquina.sup-der[data-v-77d91a7a] {
  grid-column: 3;
  grid-row: 1;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.diagrama-esquina.inf-izq[data-v-77d91a7a] {
  grid-column: 1;
  grid-row: 3;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.esquina-props[data-v-77d91a7a] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.diagrama-flecha[data-v-77d91a7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #8B5CF6;
}
.diagrama-flecha.horizontal[data-v-77d91a7a] {
  grid-column: 2;
  grid-row: 1;
}
.diagrama-flecha.vertical[data-v-77d91a7a] {
  grid-column: 1;
  grid-row: 2;
}

/* Celebración */
.celebracion[data-v-77d91a7a] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-77d91a7a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-77d91a7a 1s ease-in-out infinite;
}
@keyframes bounce-77d91a7a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-77d91a7a] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-77d91a7a] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-clave[data-v-77d91a7a] {
    flex-direction: row;
}
.concepto-card[data-v-77d91a7a] {
    flex: 1;
}
.tabla-header[data-v-77d91a7a],
  .tabla-row[data-v-77d91a7a] {
    grid-template-columns: 2fr 1fr 1fr;
}
.prop-nombre[data-v-77d91a7a] {
    font-size: 0.85rem;
}
.row-valor[data-v-77d91a7a] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-8d50ac7f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.icono-radiacion[data-v-8d50ac7f],
.icono-atomo[data-v-8d50ac7f],
.icono-energia[data-v-8d50ac7f] {
  font-size: 2rem;
  animation: float-8d50ac7f 3s ease-in-out infinite;
}
.icono-atomo[data-v-8d50ac7f] {
  animation-delay: 0.5s;
}
.icono-energia[data-v-8d50ac7f] {
  animation-delay: 1s;
}
@keyframes float-8d50ac7f {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}

/* Concepto visual */
.concepto-visual[data-v-8d50ac7f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
.nucleo-inestable[data-v-8d50ac7f],
.nucleo-estable[data-v-8d50ac7f] {
  text-align: center;
}
.nucleo-representacion[data-v-8d50ac7f] {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto 0.5rem;
  animation: shake-8d50ac7f 0.5s ease-in-out infinite;
}
.nucleo-representacion.estable[data-v-8d50ac7f] {
  animation: none;
}
@keyframes shake-8d50ac7f {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-2px);
}
75% { transform: translateX(2px);
}
}
.proton[data-v-8d50ac7f],
.neutron[data-v-8d50ac7f] {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.proton[data-v-8d50ac7f] {
  background: #EF4444;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}
.neutron[data-v-8d50ac7f] {
  background: #60A5FA;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.3);
}

/* Posiciones núcleo inestable */
.nucleo-inestable .proton[data-v-8d50ac7f]:nth-child(1) { top: 20px; left: 15px;
}
.nucleo-inestable .proton[data-v-8d50ac7f]:nth-child(2) { top: 20px; left: 32px;
}
.nucleo-inestable .neutron[data-v-8d50ac7f]:nth-child(3) { top: 5px; left: 24px;
}
.nucleo-inestable .neutron[data-v-8d50ac7f]:nth-child(4) { top: 35px; left: 10px;
}
.nucleo-inestable .neutron[data-v-8d50ac7f]:nth-child(5) { top: 35px; left: 36px;
}
.nucleo-inestable .neutron[data-v-8d50ac7f]:nth-child(6) { top: 45px; left: 24px;
}

/* Posiciones núcleo estable */
.nucleo-estable .proton[data-v-8d50ac7f]:nth-child(1) { top: 18px; left: 18px;
}
.nucleo-estable .proton[data-v-8d50ac7f]:nth-child(2) { top: 18px; left: 35px;
}
.nucleo-estable .neutron[data-v-8d50ac7f]:nth-child(3) { top: 32px; left: 18px;
}
.nucleo-estable .neutron[data-v-8d50ac7f]:nth-child(4) { top: 32px; left: 35px;
}
.nucleo-label[data-v-8d50ac7f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  line-height: 1.3;
}
.flecha-transformacion[data-v-8d50ac7f] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: 700;
}
.emision[data-v-8d50ac7f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.particula-emitida[data-v-8d50ac7f] {
  width: 10px;
  height: 10px;
  background: #FCD34D;
  border-radius: 50%;
  animation: pulse-emision-8d50ac7f 1s ease-in-out infinite;
}
@keyframes pulse-emision-8d50ac7f {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.5); opacity: 0.5;
}
}
.emision-label[data-v-8d50ac7f] {
  font-size: 0.7rem;
  color: #FCD34D;
}

/* Sección por qué */
.seccion-porque[data-v-8d50ac7f] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-8d50ac7f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.explicacion-card[data-v-8d50ac7f] {
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
}
.explicacion-card p[data-v-8d50ac7f] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.lista-factores[data-v-8d50ac7f] {
  list-style: none;
  padding: 0;
  margin: 0 0 0.75rem;
}
.lista-factores li[data-v-8d50ac7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.factor-icono[data-v-8d50ac7f] {
  font-size: 1.1rem;
  min-width: 24px;
}
.conclusion[data-v-8d50ac7f] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin: 0 !important;
}
.conclusion strong[data-v-8d50ac7f] {
  color: #5EEAD4;
}

/* Historia */
.historia-card[data-v-8d50ac7f] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.historia-header[data-v-8d50ac7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.historia-icono[data-v-8d50ac7f] {
  font-size: 1.25rem;
}
.historia-titulo[data-v-8d50ac7f] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.historia-texto[data-v-8d50ac7f] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.historia-texto strong[data-v-8d50ac7f] {
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-8d50ac7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8d50ac7f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8d50ac7f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8d50ac7f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-visual[data-v-8d50ac7f] {
    flex-wrap: nowrap;
    gap: 1.5rem;
}
.nucleo-representacion[data-v-8d50ac7f] {
    width: 70px;
    height: 70px;
}
}

/* Grid de tipos */
.tipos-grid[data-v-a5c5a13f] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-a5c5a13f] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
  border-radius: 1rem;
  padding: 1rem;
  overflow: hidden;
}
.tipo-card.alfa[data-v-a5c5a13f] {
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.beta[data-v-a5c5a13f] {
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-card.gamma[data-v-a5c5a13f] {
  border-color: rgba(167, 139, 250, 0.4);
}
.tipo-header[data-v-a5c5a13f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.tipo-simbolo[data-v-a5c5a13f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 50%;
}
.alfa .tipo-simbolo[data-v-a5c5a13f] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.beta .tipo-simbolo[data-v-a5c5a13f] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.gamma .tipo-simbolo[data-v-a5c5a13f] {
  background: rgba(167, 139, 250, 0.3);
  color: #C4B5FD;
}
.tipo-nombre[data-v-a5c5a13f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Visuales */
.tipo-visual[data-v-a5c5a13f] {
  display: flex;
  justify-content: center;
  margin: 0.75rem 0;
  min-height: 50px;
}
.particula-alfa[data-v-a5c5a13f] {
  width: 40px;
  height: 40px;
  position: relative;
}
.subparticula[data-v-a5c5a13f] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
}
.subparticula.p[data-v-a5c5a13f] {
  background: #EF4444;
}
.subparticula.n[data-v-a5c5a13f] {
  background: #60A5FA;
}
.subparticula[data-v-a5c5a13f]:nth-child(1) { top: 0; left: 8px;
}
.subparticula[data-v-a5c5a13f]:nth-child(2) { top: 0; left: 22px;
}
.subparticula[data-v-a5c5a13f]:nth-child(3) { top: 14px; left: 0;
}
.subparticula[data-v-a5c5a13f]:nth-child(4) { top: 14px; left: 26px;
}
.particula-beta[data-v-a5c5a13f] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  animation: pulse-beta-a5c5a13f 1.5s ease-in-out infinite;
}
@keyframes pulse-beta-a5c5a13f {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.electron-simbolo[data-v-a5c5a13f] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
}
.onda-gamma[data-v-a5c5a13f] {
  width: 80px;
  height: 40px;
}
.onda-svg[data-v-a5c5a13f] {
  width: 100%;
  height: 100%;
  animation: wave-move-a5c5a13f 1s linear infinite;
}
@keyframes wave-move-a5c5a13f {
0% { transform: translateX(0);
}
100% { transform: translateX(-10px);
}
}

/* Info */
.tipo-info[data-v-a5c5a13f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.info-item[data-v-a5c5a13f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.info-label[data-v-a5c5a13f] {
  color: #C4B5FD;
}
.info-valor[data-v-a5c5a13f] {
  color: #E9D5FF;
}
.info-valor.positivo[data-v-a5c5a13f] {
  color: #6EE7B7;
}
.info-valor.negativo[data-v-a5c5a13f] {
  color: #FCA5A5;
}
.info-valor.neutro[data-v-a5c5a13f] {
  color: #C4B5FD;
}
.info-valor.baja[data-v-a5c5a13f] {
  color: #6EE7B7;
}
.info-valor.media[data-v-a5c5a13f] {
  color: #FCD34D;
}
.info-valor.alta[data-v-a5c5a13f] {
  color: #FCA5A5;
}

/* Ecuación */
.ecuacion-ejemplo[data-v-a5c5a13f] {
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  font-family: 'Times New Roman', serif;
  font-size: 0.9rem;
  color: #FFFFFF;
}

/* Penetración visual */
.penetracion-visual[data-v-a5c5a13f] {
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.penetracion-titulo[data-v-a5c5a13f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #5EEAD4;
  text-align: center;
  margin-bottom: 1rem;
}
.materiales-row[data-v-a5c5a13f] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 0.5rem;
}
.material[data-v-a5c5a13f] {
  text-align: center;
}
.material-icono[data-v-a5c5a13f] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.material-nombre[data-v-a5c5a13f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flechas-penetracion[data-v-a5c5a13f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.alfa-flecha[data-v-a5c5a13f],
.beta-flecha[data-v-a5c5a13f],
.gamma-flecha[data-v-a5c5a13f] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.flecha-label[data-v-a5c5a13f] {
  width: 24px;
  font-weight: 700;
  font-size: 0.9rem;
}
.alfa-flecha .flecha-label[data-v-a5c5a13f] { color: #FCA5A5;
}
.beta-flecha .flecha-label[data-v-a5c5a13f] { color: #93C5FD;
}
.gamma-flecha .flecha-label[data-v-a5c5a13f] { color: #C4B5FD;
}
.flecha-linea[data-v-a5c5a13f] {
  height: 4px;
  flex: 1;
  border-radius: 2px;
}
.alfa-flecha .flecha-linea[data-v-a5c5a13f] { background: #EF4444; max-width: 25%;
}
.beta-flecha .flecha-linea[data-v-a5c5a13f] { background: #3B82F6; max-width: 33%;
}
.gamma-flecha .flecha-linea[data-v-a5c5a13f] { background: #8B5CF6; max-width: 100%;
}
.detenido[data-v-a5c5a13f] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-a5c5a13f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a5c5a13f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a5c5a13f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a5c5a13f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 768px) {
.tipos-grid[data-v-a5c5a13f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
}

/* Vida media visual */
.vida-media-visual[data-v-5b9638a7] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
  overflow-x: auto;
}
.vm-titulo[data-v-5b9638a7] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #5EEAD4;
  text-align: center;
  margin-bottom: 1rem;
}
.vm-timeline[data-v-5b9638a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: max-content;
}
.vm-etapa[data-v-5b9638a7] {
  text-align: center;
}
.vm-tiempo[data-v-5b9638a7] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.vm-muestra[data-v-5b9638a7] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  width: 44px;
  margin: 0 auto 0.5rem;
}
.atomo[data-v-5b9638a7] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.atomo.activo[data-v-5b9638a7] {
  background: #FCD34D;
  box-shadow: 0 0 4px rgba(252, 211, 77, 0.5);
}
.atomo.inactivo[data-v-5b9638a7] {
  background: rgba(255, 255, 255, 0.2);
}
.vm-cantidad[data-v-5b9638a7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.vm-flecha[data-v-5b9638a7] {
  color: #5EEAD4;
  font-size: 1.25rem;
}

/* Fórmula */
.formula-section[data-v-5b9638a7] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-5b9638a7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.formula-box[data-v-5b9638a7] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-5b9638a7] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: 'Times New Roman', serif;
  margin-bottom: 0.25rem;
}
.formula-alt[data-v-5b9638a7] {
  font-size: 1rem;
  color: #C4B5FD;
  font-family: 'Times New Roman', serif;
}
.formula-leyenda[data-v-5b9638a7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.leyenda-item[data-v-5b9638a7] {
  display: flex;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.leyenda-simbolo[data-v-5b9638a7] {
  font-weight: 700;
  color: #E9D5FF;
  font-family: 'Times New Roman', serif;
}
.leyenda-desc[data-v-5b9638a7] {
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-card[data-v-5b9638a7] {
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-5b9638a7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.75rem;
}
.ejemplo-problema[data-v-5b9638a7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(20, 184, 166, 0.2);
}
.ejemplo-problema strong[data-v-5b9638a7] {
  color: #FFFFFF;
}
.ejemplo-solucion[data-v-5b9638a7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-5b9638a7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-5b9638a7] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #5EEAD4;
  flex-shrink: 0;
}
.paso-texto[data-v-5b9638a7] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-5b9638a7] {
  color: #5EEAD4;
}
.paso.resultado[data-v-5b9638a7] {
  background: rgba(16, 185, 129, 0.2);
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.paso.resultado .paso-num[data-v-5b9638a7] {
  background: #10B981;
  color: white;
}
.paso.resultado .paso-texto strong[data-v-5b9638a7] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Tabla */
.tabla-section[data-v-5b9638a7] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-5b9638a7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-container[data-v-5b9638a7] {
  overflow-x: auto;
}
.tabla-vm[data-v-5b9638a7] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-vm th[data-v-5b9638a7],
.tabla-vm td[data-v-5b9638a7] {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-vm th[data-v-5b9638a7] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
  font-weight: 600;
}
.tabla-vm td[data-v-5b9638a7] {
  color: #E9D5FF;
}
.tabla-vm td[data-v-5b9638a7]:first-child {
  font-family: 'Times New Roman', serif;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-5b9638a7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5b9638a7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5b9638a7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5b9638a7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vm-timeline[data-v-5b9638a7] {
    gap: 1rem;
}
.vm-muestra[data-v-5b9638a7] {
    width: 52px;
}
.atomo[data-v-5b9638a7] {
    width: 12px;
    height: 12px;
}
.formula-leyenda[data-v-5b9638a7] {
    grid-template-columns: repeat(3, 1fr);
}
}

.explorador[data-v-359885d2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-359885d2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-359885d2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-359885d2] {
  border-color: #14B8A6;
  background: #14B8A6;
  color: white;
  box-shadow: 0 0 12px rgba(20, 184, 166, 0.5);
}
.progreso-item.completado[data-v-359885d2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-359885d2] {
  background: rgba(20, 184, 166, 0.1);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-359885d2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-359885d2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-359885d2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-359885d2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar radiación ===== */
.identificar-container[data-v-359885d2] {
  text-align: center;
}
.radiacion-pregunta[data-v-359885d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-359885d2] {
  font-size: 2rem;
}
.pregunta-texto[data-v-359885d2] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-radiacion[data-v-359885d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.opcion-btn[data-v-359885d2] {
  padding: 0.75rem;
  font-size: 0.9rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-btn[data-v-359885d2]:hover:not(:disabled) {
  border-color: #14B8A6;
}
.opcion-btn.seleccionada[data-v-359885d2] {
  border-color: #14B8A6;
  background: rgba(20, 184, 166, 0.2);
}
.opcion-btn.correcta[data-v-359885d2] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecta[data-v-359885d2] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}
.feedback-error[data-v-359885d2] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-359885d2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* ===== DESAFÍO 2: Simulador ===== */
.simulador-container[data-v-359885d2] {
  text-align: center;
}
.simulador-info[data-v-359885d2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.info-item[data-v-359885d2] {
  font-size: 0.8rem;
}
.info-label[data-v-359885d2] {
  color: #C4B5FD;
}
.info-valor[data-v-359885d2] {
  color: #5EEAD4;
  font-weight: 600;
}
.simulador-visual[data-v-359885d2] {
  margin: 1rem 0;
}
.barra-cantidad[data-v-359885d2] {
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.barra-llena[data-v-359885d2] {
  height: 100%;
  background: linear-gradient(90deg, #FCD34D, #F59E0B);
  transition: width 0.3s ease;
  border-radius: 12px;
}
.cantidad-display[data-v-359885d2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  align-items: baseline;
}
.cantidad-numero[data-v-359885d2] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.cantidad-porcentaje[data-v-359885d2] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.tiempo-control[data-v-359885d2] {
  margin: 1rem 0;
}
.tiempo-label[data-v-359885d2] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tiempo-label strong[data-v-359885d2] {
  color: #5EEAD4;
}
.tiempo-slider[data-v-359885d2] {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  background: linear-gradient(to right, #14B8A6, #5EEAD4);
  border-radius: 4px;
  outline: none;
}
.tiempo-slider[data-v-359885d2]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.tiempo-marcas[data-v-359885d2] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.simulador-pregunta[data-v-359885d2] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.simulador-pregunta p[data-v-359885d2] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.simulador-pregunta strong[data-v-359885d2] {
  color: #C4B5FD;
}
.respuesta-row[data-v-359885d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.respuesta-input[data-v-359885d2] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-359885d2] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-359885d2] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.unidad[data-v-359885d2] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.btn-verificar[data-v-359885d2] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-359885d2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-hint[data-v-359885d2] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #FCD34D;
}

/* ===== DESAFÍO 3: Ecuaciones nucleares ===== */
.ecuaciones-container[data-v-359885d2] {
  text-align: center;
}
.ecuacion-pregunta[data-v-359885d2] {
  margin-bottom: 1rem;
}
.ecuacion-tipo[data-v-359885d2] {
  font-size: 0.8rem;
  color: #5EEAD4;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.ecuacion-display[data-v-359885d2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family: 'Times New Roman', serif;
  font-size: 1.2rem;
  color: #FFFFFF;
}
.ecuacion-flecha[data-v-359885d2],
.ecuacion-mas[data-v-359885d2] {
  color: #5EEAD4;
}
.ecuacion-incognita[data-v-359885d2] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border: 2px dashed #FCD34D;
  border-radius: 0.25rem;
  color: #FCD34D;
}
.ecuacion-inputs[data-v-359885d2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.input-group[data-v-359885d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-group label[data-v-359885d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.numero-input[data-v-359885d2] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.btn-verificar-ecuacion[data-v-359885d2] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-ecuacion[data-v-359885d2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Resultado correcto */
.resultado-correcto[data-v-359885d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-359885d2] { font-size: 1.25rem;
}
.resultado-texto[data-v-359885d2] { color: #6EE7B7; font-weight: 600; font-size: 0.85rem;
}

/* Navegación */
.desafio-nav[data-v-359885d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(20, 184, 166, 0.2);
}
.nav-spacer[data-v-359885d2] { flex: 1;
}
.nav-btn[data-v-359885d2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, 0.2);
  border: 2px solid rgba(20, 184, 166, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-359885d2] {
  background: #14B8A6;
  border-color: #0D9488;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-359885d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-359885d2] { font-size: 1.75rem;
}
.completado-texto[data-v-359885d2] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-359885d2], .slide-leave-active[data-v-359885d2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-359885d2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-359885d2] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-radiacion[data-v-359885d2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.ecuacion-inputs[data-v-359885d2] {
    flex-direction: row;
    justify-content: center;
}
}

/* Header */
.resumen-header[data-v-7fa3b451] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(20, 184, 166, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.header-icono[data-v-7fa3b451] {
  font-size: 1.5rem;
}
.header-texto[data-v-7fa3b451] {
  font-size: 1rem;
  font-weight: 700;
  color: #5EEAD4;
}

/* Conceptos clave */
.conceptos-clave[data-v-7fa3b451] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto[data-v-7fa3b451] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(20, 184, 166, 0.3);
  border-radius: 0.75rem;
}
.concepto.destacado[data-v-7fa3b451] {
  background: rgba(20, 184, 166, 0.15);
  border: 2px solid rgba(20, 184, 166, 0.5);
}
.concepto-icono[data-v-7fa3b451] {
  font-size: 1.5rem;
  min-width: 35px;
  text-align: center;
}
.concepto-contenido[data-v-7fa3b451] {
  flex: 1;
}
.concepto-titulo[data-v-7fa3b451] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #5EEAD4;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-7fa3b451] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-7fa3b451] {
  color: #FFFFFF;
}

/* Tipos de radiación en resumen */
.tipo-row[data-v-7fa3b451] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-simbolo[data-v-7fa3b451] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.tipo-simbolo.alfa[data-v-7fa3b451] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.tipo-simbolo.beta[data-v-7fa3b451] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.tipo-simbolo.gamma[data-v-7fa3b451] {
  background: rgba(167, 139, 250, 0.3);
  color: #C4B5FD;
}

/* Tabla comparativa */
.tabla-comparativa[data-v-7fa3b451] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-7fa3b451] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tabla-scroll[data-v-7fa3b451] {
  overflow-x: auto;
}
.tabla[data-v-7fa3b451] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla th[data-v-7fa3b451],
.tabla td[data-v-7fa3b451] {
  padding: 0.5rem;
  text-align: center;
  border-bottom: 1px solid rgba(20, 184, 166, 0.2);
}
.tabla th[data-v-7fa3b451] {
  background: rgba(20, 184, 166, 0.2);
  color: #5EEAD4;
  font-weight: 600;
}
.tabla th[data-v-7fa3b451]:first-child {
  text-align: left;
}
.tabla td[data-v-7fa3b451]:first-child {
  text-align: left;
  color: #C4B5FD;
}
.tabla td[data-v-7fa3b451] {
  color: #E9D5FF;
}
.col-alfa[data-v-7fa3b451] { color: #FCA5A5 !important;
}
.col-beta[data-v-7fa3b451] { color: #93C5FD !important;
}
.col-gamma[data-v-7fa3b451] { color: #C4B5FD !important;
}
.positivo[data-v-7fa3b451] { color: #6EE7B7 !important;
}
.negativo[data-v-7fa3b451] { color: #FCA5A5 !important;
}

/* Tips PAES */
.tips-paes[data-v-7fa3b451] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-7fa3b451] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-7fa3b451] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tips-lista li[data-v-7fa3b451] {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.tips-lista strong[data-v-7fa3b451] {
  color: #6EE7B7;
}

/* Fórmulas */
.formulas-section[data-v-7fa3b451] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-7fa3b451] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formulas-grid[data-v-7fa3b451] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.formula-card[data-v-7fa3b451] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.formula-nombre[data-v-7fa3b451] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-7fa3b451] {
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Times New Roman', serif;
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-7fa3b451] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(20, 184, 166, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-7fa3b451] {
  font-size: 1.75rem;
}
.final-texto[data-v-7fa3b451] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-clave[data-v-7fa3b451] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.concepto.destacado[data-v-7fa3b451] {
    grid-column: span 2;
}
}

/* Intro visual */
.intro-visual[data-v-bcf8e9b5] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0 2rem;
  flex-wrap: wrap;
}
.grupo-funcional[data-v-bcf8e9b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
}
.grupo-funcional.acido[data-v-bcf8e9b5] {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.grupo-funcional.ester[data-v-bcf8e9b5] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.grupo-nombre[data-v-bcf8e9b5] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.grupo-formula[data-v-bcf8e9b5] {
  font-size: 1.4rem;
  font-weight: 800;
  font-family: monospace;
}
.acido .grupo-formula[data-v-bcf8e9b5] {
  color: #FCA5A5;
}
.ester .grupo-formula[data-v-bcf8e9b5] {
  color: #6EE7B7;
}

/* Texto destacado */
strong.destacado[data-v-bcf8e9b5] {
  color: #FCD34D;
}

/* Secciones */
.carboxilo-section[data-v-bcf8e9b5],
.ester-section[data-v-bcf8e9b5] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.carboxilo-section[data-v-bcf8e9b5] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ester-section[data-v-bcf8e9b5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.section-titulo[data-v-bcf8e9b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Estructura visual del grupo carboxilo */
.estructura-visual[data-v-bcf8e9b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.molecula-carboxilo[data-v-bcf8e9b5],
.molecula-ester[data-v-bcf8e9b5] {
  display: flex;
  align-items: center;
  position: relative;
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: 3rem;
}
.atomo[data-v-bcf8e9b5] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.atomo.r[data-v-bcf8e9b5], .atomo.r2[data-v-bcf8e9b5] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
}
.atomo.c[data-v-bcf8e9b5] {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}
.atomo.o.carbonilo[data-v-bcf8e9b5] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.atomo.o.hidroxilo[data-v-bcf8e9b5],
.atomo.o.ester-o[data-v-bcf8e9b5] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
}
.atomo.h[data-v-bcf8e9b5] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
}
.enlace[data-v-bcf8e9b5], .enlace-doble[data-v-bcf8e9b5] {
  color: #8B5CF6;
  margin: 0 0.1rem;
}
.rama-oh[data-v-bcf8e9b5],
.rama-or[data-v-bcf8e9b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
.enlace-vertical[data-v-bcf8e9b5] {
  color: #8B5CF6;
  font-size: 1rem;
  line-height: 0.8;
}
.estructura-explicacion[data-v-bcf8e9b5] {
  display: flex;
  gap: 1rem;
}
.exp-item[data-v-bcf8e9b5] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.exp-color[data-v-bcf8e9b5] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.exp-color.carbonilo[data-v-bcf8e9b5] {
  background: #FCA5A5;
}
.exp-color.hidroxilo[data-v-bcf8e9b5] {
  background: #FCD34D;
}

/* Características */
.caracteristicas-grid[data-v-bcf8e9b5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-bcf8e9b5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-bcf8e9b5] {
  font-size: 1.1rem;
}
.caract-info[data-v-bcf8e9b5] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-bcf8e9b5] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-bcf8e9b5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-bcf8e9b5] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-bcf8e9b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-bcf8e9b5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-bcf8e9b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.acido-ej[data-v-bcf8e9b5] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ejemplo.ester-ej[data-v-bcf8e9b5] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ej-formula[data-v-bcf8e9b5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-bcf8e9b5] {
  font-size: 0.8rem;
  font-weight: 600;
}
.acido-ej .ej-nombre[data-v-bcf8e9b5] {
  color: #FCA5A5;
}
.ester-ej .ej-nombre[data-v-bcf8e9b5] {
  color: #6EE7B7;
}
.ej-uso[data-v-bcf8e9b5] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-bcf8e9b5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-bcf8e9b5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bcf8e9b5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bcf8e9b5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-bcf8e9b5] {
    gap: 2rem;
}
.grupo-funcional[data-v-bcf8e9b5] {
    padding: 1.25rem 2rem;
}
.grupo-formula[data-v-bcf8e9b5] {
    font-size: 1.6rem;
}
.caracteristicas-grid[data-v-bcf8e9b5] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-bcf8e9b5] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-bcf8e9b5] {
    align-items: center;
}
.ejemplos-grid[data-v-bcf8e9b5] {
    grid-template-columns: repeat(4, 1fr);
}
.molecula-carboxilo[data-v-bcf8e9b5],
  .molecula-ester[data-v-bcf8e9b5] {
    font-size: 1.5rem;
}
}

/* Secciones */
.nomenclatura-section[data-v-291230d7] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.nomenclatura-section.acidos[data-v-291230d7] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.nomenclatura-section.esteres[data-v-291230d7] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.section-titulo[data-v-291230d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Reglas */
.reglas-box[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.regla[data-v-291230d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.regla-num[data-v-291230d7] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.regla-texto[data-v-291230d7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.regla-texto strong.acido-color[data-v-291230d7] {
  color: #FCA5A5;
}
.regla-texto strong.alcohol-color[data-v-291230d7] {
  color: #6EE7B7;
}

/* Ejemplos de nomenclatura */
.ejemplos-nomenclatura[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-nom[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.formula-visual[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.formula[data-v-291230d7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.estructura[data-v-291230d7] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: monospace;
}
.parte-acido-f[data-v-291230d7] {
  color: #FCA5A5;
}
.parte-alcohol-f[data-v-291230d7] {
  color: #6EE7B7;
}
.nombre-derivacion[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.prefijo[data-v-291230d7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nombre-final[data-v-291230d7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.acidos .nombre-final[data-v-291230d7] {
  color: #FCA5A5;
}
.esteres .nombre-final[data-v-291230d7] {
  color: #6EE7B7;
}
.nombre-comun[data-v-291230d7] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-style: italic;
}

/* Éster formula explicada */
.ester-formula-explicada[data-v-291230d7] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.ester-partes[data-v-291230d7] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.parte-acido[data-v-291230d7] {
  color: #FCA5A5;
}
.separador[data-v-291230d7] {
  color: #8B5CF6;
}
.parte-alcohol[data-v-291230d7] {
  color: #6EE7B7;
}
.ester-nombres[data-v-291230d7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
}
.nombre-acido[data-v-291230d7] {
  color: #FCA5A5;
}
.nombre-alcohol[data-v-291230d7] {
  color: #6EE7B7;
}

/* Derivación éster */
.derivacion-ester[data-v-291230d7] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.75rem;
}
.der-acido[data-v-291230d7] {
  color: #FCA5A5;
}
.der-alcohol[data-v-291230d7] {
  color: #6EE7B7;
}

/* Prefijos */
.prefijos-section[data-v-291230d7] {
  margin: 1.5rem 0;
}
.prefijos-titulo[data-v-291230d7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.prefijos-tabla[data-v-291230d7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.prefijo-item[data-v-291230d7] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
}
.prefijo-n[data-v-291230d7] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.prefijo-nombre[data-v-291230d7] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-291230d7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-291230d7] {
  font-size: 1.25rem;
}
.tip-texto[data-v-291230d7] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-291230d7] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.prefijos-tabla[data-v-291230d7] {
    grid-template-columns: repeat(6, 1fr);
}
.ejemplos-nomenclatura[data-v-291230d7] {
    flex-direction: row;
    flex-wrap: wrap;
}
.ejemplo-nom[data-v-291230d7] {
    flex: 1;
    min-width: 150px;
}
.ester-nombres[data-v-291230d7] {
    gap: 2rem;
}
}

/* Colores temáticos */
strong.esterificacion[data-v-497df774] {
  color: #6EE7B7;
}
strong.saponificacion[data-v-497df774] {
  color: #93C5FD;
}

/* Secciones */
.reaccion-section[data-v-497df774] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.reaccion-section.esterificacion-sec[data-v-497df774] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.reaccion-section.saponificacion-sec[data-v-497df774] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.section-titulo[data-v-497df774] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 1rem;
}
.section-subtitulo[data-v-497df774] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 1rem;
}

/* Ecuación visual */
.ecuacion-visual[data-v-497df774] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.reactivo[data-v-497df774], .producto[data-v-497df774] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
}
.formula-react[data-v-497df774] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  font-family: monospace;
}
.formula-prod[data-v-497df774] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.producto.agua .formula-prod[data-v-497df774] {
  color: #93C5FD;
}
.nombre-react[data-v-497df774], .nombre-prod[data-v-497df774] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.simbolo[data-v-497df774] {
  color: #8B5CF6;
  font-size: 1rem;
  font-weight: 700;
}
.flecha-eq[data-v-497df774], .flecha-simple[data-v-497df774] {
  color: #FCD34D;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Características de reacción */
.caracteristicas-reaccion[data-v-497df774] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.caract-item[data-v-497df774] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.caract-icono[data-v-497df774] {
  font-size: 1rem;
}
.caract-texto strong[data-v-497df774] {
  color: #FCD34D;
}

/* Ejemplo de reacción */
.ejemplo-reaccion[data-v-497df774] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-497df774] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.ecuacion-ejemplo[data-v-497df774] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.35rem;
}
.ecuacion-ejemplo .r1[data-v-497df774] { color: #FCA5A5;
}
.ecuacion-ejemplo .r2[data-v-497df774] { color: #FCD34D;
}
.ecuacion-ejemplo .p1[data-v-497df774] { color: #6EE7B7;
}
.ecuacion-ejemplo .p2[data-v-497df774] { color: #93C5FD;
}
.flecha-cat[data-v-497df774] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.25rem;
  color: #FCD34D;
  font-size: 1rem;
}
.catalizador[data-v-497df774] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.nombres-ejemplo[data-v-497df774] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.nombres-ejemplo .n1[data-v-497df774] { color: #FCA5A5;
}
.nombres-ejemplo .n2[data-v-497df774] { color: #FCD34D;
}
.nombres-ejemplo .n3[data-v-497df774] { color: #6EE7B7;
}
.nombres-ejemplo .n4[data-v-497df774] { color: #93C5FD;
}

/* Jabones */
.jabones-visual[data-v-497df774] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.jabon-tipo[data-v-497df774] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.jabon-base[data-v-497df774] {
  color: #FCD34D;
  font-weight: 600;
  font-family: monospace;
}
.jabon-resultado[data-v-497df774] {
  color: #E9D5FF;
}
.jabon-resultado strong[data-v-497df774] {
  color: #93C5FD;
}

/* Comparación */
.comparacion-section[data-v-497df774] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-497df774] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comparacion-tabla[data-v-497df774] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-497df774] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
}
.th[data-v-497df774] {
  padding: 0.5rem 0.35rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.th.ester-h[data-v-497df774] {
  color: #6EE7B7;
}
.th.sapon-h[data-v-497df774] {
  color: #93C5FD;
}
.tabla-row[data-v-497df774] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.td[data-v-497df774] {
  padding: 0.4rem 0.35rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.td.label[data-v-497df774] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
  padding-left: 0.5rem;
}

/* Tip */
.tip[data-v-497df774] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-497df774] {
  font-size: 1.25rem;
}
.tip-texto[data-v-497df774] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-497df774] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.caracteristicas-reaccion[data-v-497df774] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}
.ecuacion-visual[data-v-497df774] {
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.jabones-visual[data-v-497df774] {
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
}
}

.explorador[data-v-49322308] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-49322308] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-49322308] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-49322308] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-49322308] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-49322308] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-49322308] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-49322308] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-49322308] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-49322308] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar grupo ===== */
.identificar-container[data-v-49322308] {
  text-align: center;
}
.estructura-mostrada[data-v-49322308] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-49322308] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: block;
}
.id-pregunta[data-v-49322308] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.id-pregunta strong.acido[data-v-49322308] {
  color: #FCA5A5;
}
.id-pregunta strong.ester[data-v-49322308] {
  color: #6EE7B7;
}
.opciones-grupo[data-v-49322308] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-grupo[data-v-49322308] {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  border: 2px solid;
}
.opcion-grupo.acido-btn[data-v-49322308] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-grupo.ester-btn[data-v-49322308] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-grupo[data-v-49322308]:hover:not(:disabled) {
  transform: scale(1.02);
}
.opcion-grupo.seleccionada[data-v-49322308] {
  transform: scale(1.02);
}
.opcion-grupo.correcta[data-v-49322308] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-grupo.incorrecta[data-v-49322308] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-49322308] {
  text-align: center;
}
.nom-pregunta[data-v-49322308] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-49322308] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-49322308] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-49322308]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-49322308] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-49322308] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-49322308] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Reacciones ===== */
.reacciones-container[data-v-49322308] {
  text-align: center;
}
.reaccion-mostrada[data-v-49322308] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.reaccion-ecuacion[data-v-49322308] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.reaccion-ecuacion[data-v-49322308] .flecha {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.reaccion-ecuacion[data-v-49322308] .producto {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 0.25rem;
}
.reac-pregunta[data-v-49322308] {
  margin: 1rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-reaccion[data-v-49322308] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-reaccion[data-v-49322308] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-reaccion[data-v-49322308]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-reaccion.seleccionada[data-v-49322308] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-reaccion.correcta[data-v-49322308] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-reaccion.incorrecta[data-v-49322308] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-49322308] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-49322308] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-49322308] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-49322308] { font-size: 1.25rem;
}
.resultado-texto[data-v-49322308] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-49322308] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-49322308] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-49322308] { flex: 1;
}
.nav-btn[data-v-49322308] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-49322308] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-49322308] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-49322308] { font-size: 1.75rem;
}
.completado-texto[data-v-49322308] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-49322308], .slide-leave-active[data-v-49322308] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-49322308] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-49322308] { opacity: 0; transform: translateX(-15px);
}

/* Header del resumen */
.resumen-header[data-v-24fc530d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-24fc530d] {
  font-size: 1.5rem;
}
.resumen-texto[data-v-24fc530d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Conceptos */
.conceptos-section[data-v-24fc530d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-card[data-v-24fc530d] {
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.concepto-card.acido-card[data-v-24fc530d] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-card.ester-card[data-v-24fc530d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-titulo[data-v-24fc530d] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.concepto-items[data-v-24fc530d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.item[data-v-24fc530d] {
  display: flex;
  flex-direction: column;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.item-label[data-v-24fc530d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-weight: 600;
}
.item-value[data-v-24fc530d] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Reacciones resumen */
.reacciones-resumen[data-v-24fc530d] {
  margin-bottom: 1.5rem;
}
.reacciones-titulo[data-v-24fc530d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.reaccion-card[data-v-24fc530d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.reaccion-nombre[data-v-24fc530d] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
}
.reaccion-nombre.esterificacion[data-v-24fc530d] {
  color: #6EE7B7;
}
.reaccion-nombre.saponificacion[data-v-24fc530d] {
  color: #93C5FD;
}
.reaccion-ecuacion[data-v-24fc530d] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.35rem;
}
.reaccion-ecuacion .flecha[data-v-24fc530d] {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.reaccion-detalles[data-v-24fc530d] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.detalle[data-v-24fc530d] {
  color: #C4B5FD;
}

/* Nomenclatura rápida */
.nomenclatura-rapida[data-v-24fc530d] {
  margin-bottom: 1.5rem;
}
.nom-titulo[data-v-24fc530d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.nom-grid[data-v-24fc530d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.nom-item[data-v-24fc530d] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.nom-formula[data-v-24fc530d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.nom-nombre[data-v-24fc530d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-24fc530d] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-24fc530d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-24fc530d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-24fc530d] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-24fc530d] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-24fc530d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.35;
}
.tip-texto strong[data-v-24fc530d] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-24fc530d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-24fc530d] {
  font-size: 1.75rem;
}
.final-texto[data-v-24fc530d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-24fc530d] {
    flex-direction: row;
}
.concepto-card[data-v-24fc530d] {
    flex: 1;
}
.reaccion-card[data-v-24fc530d] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.reaccion-nombre[data-v-24fc530d] {
    min-width: 120px;
    margin-bottom: 0;
}
.reaccion-ecuacion[data-v-24fc530d] {
    flex: 1;
    margin-bottom: 0;
}
.nom-grid[data-v-24fc530d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual - Fórmula general */
.intro-visual[data-v-bf60f634] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.formula-general[data-v-bf60f634] {
  padding: 1rem 2rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-general .formula[data-v-bf60f634] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}

/* Texto destacado */
strong.destacado[data-v-bf60f634] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-bf60f634] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.caracteristicas-titulo[data-v-bf60f634] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-bf60f634] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-bf60f634] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-bf60f634] {
  font-size: 1.25rem;
}
.caract-info[data-v-bf60f634] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-bf60f634] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-bf60f634] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tabla de alcanos */
.alcanos-section[data-v-bf60f634] {
  margin: 1.5rem 0;
}
.alcanos-titulo[data-v-bf60f634] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.alcanos-tabla[data-v-bf60f634] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.alcano-header[data-v-bf60f634] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.alcano-row[data-v-bf60f634] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
}
.alcano-row[data-v-bf60f634]:last-child {
  border-bottom: none;
}
.nombre[data-v-bf60f634] {
  color: #FFFFFF;
  font-weight: 600;
}
.formula-mol[data-v-bf60f634] {
  color: #6EE7B7;
  font-family: monospace;
}
.carbonos[data-v-bf60f634] {
  color: #FCD34D;
  text-align: center;
}

/* Ejemplo: Propano */
.ejemplo-section[data-v-bf60f634] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-bf60f634] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.propano-visual[data-v-bf60f634] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.propano-molecule[data-v-bf60f634] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.grupo-c[data-v-bf60f634] {
  position: relative;
  width: 60px;
  height: 70px;
}
.grupo-c .c-atom[data-v-bf60f634] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  z-index: 2;
}
.grupo-c .h-atom[data-v-bf60f634] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.6rem;
  color: #064E3B;
}
.grupo-izq .h-top[data-v-bf60f634] { top: 0; left: 50%; transform: translateX(-50%);
}
.grupo-izq .h-left[data-v-bf60f634] { left: 0; top: 50%; transform: translateY(-50%);
}
.grupo-izq .h-bot[data-v-bf60f634] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.grupo-centro .h-top[data-v-bf60f634] { top: 0; left: 50%; transform: translateX(-50%);
}
.grupo-centro .h-bot[data-v-bf60f634] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.grupo-der .h-top[data-v-bf60f634] { top: 0; left: 50%; transform: translateX(-50%);
}
.grupo-der .h-right[data-v-bf60f634] { right: 0; top: 50%; transform: translateY(-50%);
}
.grupo-der .h-bot[data-v-bf60f634] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.enlace-cc[data-v-bf60f634] {
  width: 12px;
  height: 4px;
  background: #C4B5FD;
  border-radius: 2px;
}
.formula-condensada[data-v-bf60f634] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}

/* Importancia */
.importancia-section[data-v-bf60f634] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-bf60f634] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-bf60f634] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-bf60f634] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-bf60f634] {
  font-size: 1.25rem;
}
.imp-texto[data-v-bf60f634] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-bf60f634] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-bf60f634] {
  font-size: 1.25rem;
}
.tip-texto[data-v-bf60f634] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-bf60f634] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-general .formula[data-v-bf60f634] {
    font-size: 2.5rem;
}
.caracteristicas-grid[data-v-bf60f634] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-bf60f634] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-bf60f634] {
    align-items: center;
}
.importancia-grid[data-v-bf60f634] {
    flex-direction: row;
}
.importancia-item[data-v-bf60f634] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.grupo-c[data-v-bf60f634] {
    width: 70px;
    height: 80px;
}
.grupo-c .c-atom[data-v-bf60f634] {
    width: 32px;
    height: 32px;
}
.grupo-c .h-atom[data-v-bf60f634] {
    width: 24px;
    height: 24px;
    font-size: 0.7rem;
}
}

/* Texto destacado */
strong.destacado[data-v-5b3b6a33] {
  color: #FCD34D;
}

/* Prefijos */
.prefijos-section[data-v-5b3b6a33] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.prefijos-titulo[data-v-5b3b6a33] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prefijos-grid[data-v-5b3b6a33] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.4rem;
}
.prefijo-item[data-v-5b3b6a33] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prefijo-item .num[data-v-5b3b6a33] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-weight: 600;
}
.prefijo-item .pref[data-v-5b3b6a33] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.sufijo-nota[data-v-5b3b6a33] {
  margin-top: 0.75rem;
  text-align: center;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.sufijo-destacado[data-v-5b3b6a33] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.1rem;
}

/* Reglas */
.reglas-section[data-v-5b3b6a33] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-5b3b6a33] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-5b3b6a33] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla[data-v-5b3b6a33] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.regla-num[data-v-5b3b6a33] {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.regla-contenido[data-v-5b3b6a33] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-contenido strong[data-v-5b3b6a33] {
  color: #FFFFFF;
}

/* Ejemplo */
.ejemplo-section[data-v-5b3b6a33] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-5b3b6a33] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.molecula-ejemplo[data-v-5b3b6a33] {
  margin-bottom: 1rem;
}
.estructura-visual[data-v-5b3b6a33] {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cadena[data-v-5b3b6a33] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.carbon[data-v-5b3b6a33] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-num[data-v-5b3b6a33] {
  font-size: 0.6rem;
  color: #93C5FD;
  font-weight: 600;
}
.c-sym[data-v-5b3b6a33] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.enlace[data-v-5b3b6a33] {
  color: #C4B5FD;
  font-size: 1.2rem;
}
.ramificacion[data-v-5b3b6a33] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.rama-linea[data-v-5b3b6a33] {
  color: #C4B5FD;
  font-size: 0.8rem;
  line-height: 0.8;
}
.rama-grupo[data-v-5b3b6a33] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.pasos-nombre[data-v-5b3b6a33] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 2rem;
}
.paso-nombre[data-v-5b3b6a33] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-n[data-v-5b3b6a33] {
  width: 20px;
  height: 20px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  flex-shrink: 0;
}
.paso-t[data-v-5b3b6a33] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-t strong[data-v-5b3b6a33] {
  color: #6EE7B7;
}
.resultado-nombre[data-v-5b3b6a33] {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  text-align: center;
}
.nombre-final[data-v-5b3b6a33] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Sustituyentes */
.sustituyentes-section[data-v-5b3b6a33] {
  margin: 1.5rem 0;
}
.sustituyentes-titulo[data-v-5b3b6a33] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sustituyentes-grid[data-v-5b3b6a33] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.sustituyente[data-v-5b3b6a33] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.sust-formula[data-v-5b3b6a33] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.sust-nombre[data-v-5b3b6a33] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-5b3b6a33] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-5b3b6a33] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5b3b6a33] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5b3b6a33] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.prefijos-grid[data-v-5b3b6a33] {
    grid-template-columns: repeat(10, 1fr);
}
.prefijo-item .pref[data-v-5b3b6a33] {
    font-size: 0.9rem;
}
}

/* Texto destacado */
strong.destacado[data-v-b7b51552] {
  color: #FCD34D;
}

/* Propiedades físicas */
.propiedades-section[data-v-b7b51552] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedad-item[data-v-b7b51552] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.prop-header[data-v-b7b51552] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.prop-icono[data-v-b7b51552] {
  font-size: 1.1rem;
}
.prop-nombre[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.prop-contenido[data-v-b7b51552] {
  padding-left: 1.6rem;
}
.prop-contenido p[data-v-b7b51552] {
  margin: 0 0 0.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-nota[data-v-b7b51552] {
  font-size: 0.8rem !important;
  color: #93C5FD !important;
  font-style: italic;
}

/* Tendencia */
.tendencia[data-v-b7b51552] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.tend-bajo[data-v-b7b51552] {
  padding: 0.25rem 0.5rem;
  background: rgba(147, 197, 253, 0.2);
  border-radius: 0.25rem;
  color: #93C5FD;
}
.tend-medio[data-v-b7b51552] {
  padding: 0.25rem 0.5rem;
  background: rgba(252, 211, 77, 0.2);
  border-radius: 0.25rem;
  color: #FCD34D;
}
.tend-alto[data-v-b7b51552] {
  padding: 0.25rem 0.5rem;
  background: rgba(252, 165, 165, 0.2);
  border-radius: 0.25rem;
  color: #FCA5A5;
}
.tend-flecha[data-v-b7b51552] {
  color: #C4B5FD;
}

/* Solubilidad */
.solub-grid[data-v-b7b51552] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.5rem 0;
}
.solub-item[data-v-b7b51552] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.solub-item.negativo[data-v-b7b51552] {
  background: rgba(252, 165, 165, 0.1);
  color: #FCA5A5;
}
.solub-item.positivo[data-v-b7b51552] {
  background: rgba(110, 231, 183, 0.1);
  color: #6EE7B7;
}

/* Reacciones */
.reacciones-section[data-v-b7b51552] {
  margin: 1.5rem 0;
}
.reacciones-titulo[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reaccion[data-v-b7b51552] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.reac-header[data-v-b7b51552] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.reac-tipo[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.reac-badge[data-v-b7b51552] {
  padding: 0.15rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 600;
  color: #6EE7B7;
}
.reac-badge.sust[data-v-b7b51552] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.reac-ecuacion[data-v-b7b51552] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
  font-size: 0.9rem;
}
.reactivo[data-v-b7b51552] {
  color: #93C5FD;
}
.flecha-reac[data-v-b7b51552] {
  color: #C4B5FD;
  font-weight: 700;
}
.producto[data-v-b7b51552] {
  color: #6EE7B7;
}
.reac-condicion[data-v-b7b51552] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.reac-ejemplo[data-v-b7b51552] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-reac[data-v-b7b51552] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Tabla estados */
.tabla-section[data-v-b7b51552] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-estados[data-v-b7b51552] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.estado[data-v-b7b51552] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  text-align: center;
}
.estado.gas[data-v-b7b51552] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.estado.liquido[data-v-b7b51552] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.estado.solido[data-v-b7b51552] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.estado-icono[data-v-b7b51552] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.estado-nombre[data-v-b7b51552] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.estado-rango[data-v-b7b51552] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.estado-ejemplo[data-v-b7b51552] {
  font-size: 0.7rem;
  color: #A5B4FC;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-b7b51552] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b7b51552] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b7b51552] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b7b51552] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tendencia[data-v-b7b51552] {
    flex-wrap: nowrap;
}
.solub-grid[data-v-b7b51552] {
    flex-direction: row;
}
.solub-item[data-v-b7b51552] {
    flex: 1;
    justify-content: center;
}
}

.explorador[data-v-088e7128] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-088e7128] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-088e7128] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-088e7128] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-088e7128] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-088e7128] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-088e7128] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-088e7128] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-088e7128] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-088e7128] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Fórmula ===== */
.formula-container[data-v-088e7128] {
  text-align: center;
}
.formula-info[data-v-088e7128] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-088e7128] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.formula-general[data-v-088e7128] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-formula[data-v-088e7128] {
  margin: 1rem 0;
}
.pregunta-formula p[data-v-088e7128] {
  margin: 0.25rem 0;
  color: #E9D5FF;
}
.alcano-nombre[data-v-088e7128] {
  color: #6EE7B7;
  font-size: 1.1rem;
}
.pista-carbonos strong[data-v-088e7128] {
  color: #FCD34D;
}
.respuesta-formula[data-v-088e7128] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
}
.input-group[data-v-088e7128] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-label[data-v-088e7128] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-h[data-v-088e7128] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-h.correcto[data-v-088e7128] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-h.incorrecto[data-v-088e7128] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-088e7128] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-088e7128] {
  text-align: center;
}
.estructura-mostrada[data-v-088e7128] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-088e7128] {
  font-size: 0.85rem;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.estructura-visual[data-v-088e7128] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  word-break: break-all;
}
.nom-pregunta[data-v-088e7128] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-088e7128] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-088e7128] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-088e7128]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-088e7128] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-088e7128] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-088e7128] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-088e7128] {
  text-align: center;
}
.comparacion-visual[data-v-088e7128] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.compuesto[data-v-088e7128] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  min-width: 90px;
}
.comp-a[data-v-088e7128] {
  background: rgba(147, 197, 253, 0.15);
  border: 1px solid rgba(147, 197, 253, 0.3);
}
.comp-b[data-v-088e7128] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.comp-formula[data-v-088e7128] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-nombre[data-v-088e7128] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.vs-text[data-v-088e7128] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
}
.prop-pregunta[data-v-088e7128] {
  margin: 1rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-prop[data-v-088e7128] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-prop[data-v-088e7128] {
  padding: 0.75rem 1.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-prop[data-v-088e7128]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-prop.seleccionada[data-v-088e7128] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-prop.correcta[data-v-088e7128] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-prop.incorrecta[data-v-088e7128] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-088e7128] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-088e7128] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-088e7128] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-088e7128] { font-size: 1.25rem;
}
.resultado-texto[data-v-088e7128] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-088e7128] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-088e7128] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-088e7128] { flex: 1;
}
.nav-btn[data-v-088e7128] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-088e7128] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-088e7128] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-088e7128] { font-size: 1.75rem;
}
.completado-texto[data-v-088e7128] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-088e7128], .slide-leave-active[data-v-088e7128] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-088e7128] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-088e7128] { opacity: 0; transform: translateX(-15px);
}

/* Header del resumen */
.resumen-header[data-v-605d1faf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-605d1faf] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-605d1faf] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.puntos-clave[data-v-605d1faf] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1.5rem;
}
.punto[data-v-605d1faf] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-605d1faf] {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.punto-contenido[data-v-605d1faf] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.punto-titulo[data-v-605d1faf] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.punto-detalle[data-v-605d1faf] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.punto-detalle strong[data-v-605d1faf] {
  color: #FCD34D;
}

/* Prefijos resumen */
.prefijos-resumen[data-v-605d1faf] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.prefijos-titulo[data-v-605d1faf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.prefijos-lista[data-v-605d1faf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.pref-item[data-v-605d1faf] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.pref-item strong[data-v-605d1faf] {
  color: #6EE7B7;
  margin-right: 0.15rem;
}

/* Propiedades resumen */
.propiedades-resumen[data-v-605d1faf] {
  margin: 1.5rem 0;
}
.prop-titulo[data-v-605d1faf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.prop-grid[data-v-605d1faf] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.prop-item[data-v-605d1faf] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-icono[data-v-605d1faf] {
  font-size: 1rem;
}
.prop-texto[data-v-605d1faf] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Reacciones resumen */
.reacciones-resumen[data-v-605d1faf] {
  margin: 1.5rem 0;
}
.reac-titulo[data-v-605d1faf] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.reac-box[data-v-605d1faf] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.reac-box.combustion[data-v-605d1faf] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.reac-box.halogenacion[data-v-605d1faf] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.reac-nombre[data-v-605d1faf] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.reac-formula[data-v-605d1faf] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}
.reac-nota[data-v-605d1faf] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
  margin-top: 0.25rem;
}

/* Tips PAES */
.tips-paes[data-v-605d1faf] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-605d1faf] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-605d1faf] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-605d1faf] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-605d1faf] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-605d1faf] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Mensaje final */
.mensaje-final[data-v-605d1faf] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.5);
  border-radius: 0.75rem;
}
.final-icono[data-v-605d1faf] {
  font-size: 2rem;
}
.final-contenido[data-v-605d1faf] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.final-titulo[data-v-605d1faf] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.final-texto[data-v-605d1faf] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.prop-grid[data-v-605d1faf] {
    grid-template-columns: repeat(4, 1fr);
}
.prop-item[data-v-605d1faf] {
    flex-direction: column;
    text-align: center;
    padding: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-1c0c671b] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1.5rem 0 2rem;
}
.grupo-funcional[data-v-1c0c671b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}
.grupo-funcional.alcohol[data-v-1c0c671b] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.grupo-funcional.eter[data-v-1c0c671b] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.grupo-nombre[data-v-1c0c671b] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.grupo-formula[data-v-1c0c671b] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: monospace;
}
.alcohol .grupo-formula[data-v-1c0c671b] {
  color: #6EE7B7;
}
.eter .grupo-formula[data-v-1c0c671b] {
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-1c0c671b] {
  color: #FCD34D;
}

/* Comparación con agua */
.comparacion-section[data-v-1c0c671b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-1c0c671b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-1c0c671b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.comparacion-item[data-v-1c0c671b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.comp-icono[data-v-1c0c671b] {
  font-size: 1.25rem;
}
.comp-formula[data-v-1c0c671b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-nombre[data-v-1c0c671b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha[data-v-1c0c671b] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Secciones de Alcoholes y Éteres */
.alcoholes-section[data-v-1c0c671b],
.eteres-section[data-v-1c0c671b] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.alcoholes-section[data-v-1c0c671b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.eteres-section[data-v-1c0c671b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.section-titulo[data-v-1c0c671b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Características */
.caracteristicas-grid[data-v-1c0c671b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.caracteristica[data-v-1c0c671b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-1c0c671b] {
  font-size: 1.1rem;
}
.caract-info[data-v-1c0c671b] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-1c0c671b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-1c0c671b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Clasificación de alcoholes */
.clasificacion[data-v-1c0c671b] {
  margin-top: 1rem;
}
.clasificacion-titulo[data-v-1c0c671b] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tipos-alcohol[data-v-1c0c671b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-alcohol[data-v-1c0c671b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-visual[data-v-1c0c671b] {
  margin-bottom: 0.25rem;
}
.carbono-central[data-v-1c0c671b] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.carbono-central.primario[data-v-1c0c671b] {
  background: #3B82F6;
}
.carbono-central.secundario[data-v-1c0c671b] {
  background: #8B5CF6;
}
.carbono-central.terciario[data-v-1c0c671b] {
  background: #EC4899;
}
.tipo-label[data-v-1c0c671b] {
  font-size: 0.8rem;
}
.tipo-nombre[data-v-1c0c671b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tipo-desc[data-v-1c0c671b] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplos */
.ejemplos-section[data-v-1c0c671b] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1c0c671b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-1c0c671b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-1c0c671b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.alcohol-ej[data-v-1c0c671b] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo.eter-ej[data-v-1c0c671b] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ej-formula[data-v-1c0c671b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-1c0c671b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}
.eter-ej .ej-nombre[data-v-1c0c671b] {
  color: #FCD34D;
}
.ej-uso[data-v-1c0c671b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-1c0c671b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-1c0c671b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1c0c671b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1c0c671b] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-1c0c671b] {
    gap: 2rem;
}
.grupo-funcional[data-v-1c0c671b] {
    padding: 1.25rem 2rem;
}
.grupo-formula[data-v-1c0c671b] {
    font-size: 1.75rem;
}
.caracteristicas-grid[data-v-1c0c671b] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-1c0c671b] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-1c0c671b] {
    align-items: center;
}
.ejemplos-grid[data-v-1c0c671b] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Colores específicos */
strong.alcohol-color[data-v-3b6c2c7d] {
  color: #6EE7B7;
}
strong.eter-color[data-v-3b6c2c7d] {
  color: #FCD34D;
}
strong.destacado[data-v-3b6c2c7d] {
  color: #FCD34D;
}

/* Secciones de nomenclatura */
.nomenclatura-section[data-v-3b6c2c7d] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.nomenclatura-section.alcoholes[data-v-3b6c2c7d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nomenclatura-section.eteres[data-v-3b6c2c7d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nom-titulo[data-v-3b6c2c7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Reglas */
.reglas-lista[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.regla[data-v-3b6c2c7d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-num[data-v-3b6c2c7d] {
  width: 22px;
  height: 22px;
  background: #10B981;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.regla-contenido[data-v-3b6c2c7d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.regla-contenido strong[data-v-3b6c2c7d] {
  color: #FFFFFF;
}

/* Sistemas de nomenclatura éteres */
.sistemas-nom[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.sistema[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.sistema-nombre[data-v-3b6c2c7d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sistema-desc[data-v-3b6c2c7d] {
  font-size: 0.75rem;
  color: #FCD34D;
}

/* Ejemplos de nomenclatura */
.ejemplos-nomenclatura[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-nom[data-v-3b6c2c7d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.estructura-visual[data-v-3b6c2c7d] {
  flex-shrink: 0;
}
.estructura[data-v-3b6c2c7d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.nombre-proceso[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.proceso-paso[data-v-3b6c2c7d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.nombre-final[data-v-3b6c2c7d] {
  font-size: 0.95rem;
  font-weight: 700;
}
.nombre-final.alcohol-nombre[data-v-3b6c2c7d] {
  color: #6EE7B7;
}
.nombre-final.eter-nombre[data-v-3b6c2c7d] {
  color: #FCD34D;
}
.nombre-comun[data-v-3b6c2c7d] {
  font-size: 0.65rem;
  color: #93C5FD;
}

/* Prefijos alcoxi */
.prefijos-section[data-v-3b6c2c7d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prefijos-titulo[data-v-3b6c2c7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prefijos-grid[data-v-3b6c2c7d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.prefijo-item[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prefijo-grupo[data-v-3b6c2c7d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.prefijo-nombre[data-v-3b6c2c7d] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Polialcoholes */
.poli-section[data-v-3b6c2c7d] {
  margin: 1.5rem 0;
}
.poli-titulo[data-v-3b6c2c7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.poli-grid[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.poli-item[data-v-3b6c2c7d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.poli-formula[data-v-3b6c2c7d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.poli-nombre[data-v-3b6c2c7d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
}
.poli-comun[data-v-3b6c2c7d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-3b6c2c7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3b6c2c7d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3b6c2c7d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3b6c2c7d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.sistemas-nom[data-v-3b6c2c7d] {
    flex-direction: row;
}
.sistema[data-v-3b6c2c7d] {
    flex: 1;
}
.poli-grid[data-v-3b6c2c7d] {
    flex-direction: row;
}
.poli-item[data-v-3b6c2c7d] {
    flex: 1;
}
}

/* Colores */
strong.destacado[data-v-b388d5e4] {
  color: #FCD34D;
}
.alcohol-color[data-v-b388d5e4] {
  color: #6EE7B7;
}
.eter-color[data-v-b388d5e4] {
  color: #FCD34D;
}

/* Puentes de hidrógeno */
.puentes-section[data-v-b388d5e4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.puentes-titulo[data-v-b388d5e4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puentes-comparacion[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.puente-item[data-v-b388d5e4] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.puente-item.alcohol-puente[data-v-b388d5e4] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.puente-item.eter-puente[data-v-b388d5e4] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.puente-visual[data-v-b388d5e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.puente-linea[data-v-b388d5e4] {
  color: #93C5FD;
}
.mol-r[data-v-b388d5e4] {
  color: #C4B5FD;
}
.sin-puente[data-v-b388d5e4] {
  color: #FCA5A5;
  font-size: 0.8rem;
}
.puente-tipo[data-v-b388d5e4] {
  font-size: 0.85rem;
  font-weight: 600;
}
.puente-explicacion[data-v-b388d5e4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Puntos de ebullición */
.pe-section[data-v-b388d5e4] {
  margin: 1.5rem 0;
}
.pe-titulo[data-v-b388d5e4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pe-orden[data-v-b388d5e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.pe-item[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.pe-item.alto[data-v-b388d5e4] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.pe-item.medio[data-v-b388d5e4] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.pe-item.bajo[data-v-b388d5e4] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.pe-rango[data-v-b388d5e4] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.pe-compuesto[data-v-b388d5e4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.pe-razon[data-v-b388d5e4] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.flecha-pe[data-v-b388d5e4] {
  color: #8B5CF6;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Tabla PE */
.tabla-pe[data-v-b388d5e4] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.tabla-header[data-v-b388d5e4] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.tabla-row[data-v-b388d5e4] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr;
  padding: 0.4rem 0.5rem;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-b388d5e4]:last-child {
  border-bottom: none;
}
.tabla-row.alcohol-row[data-v-b388d5e4] { background: rgba(16, 185, 129, 0.1);
}
.tabla-row.eter-row[data-v-b388d5e4] { background: rgba(245, 158, 11, 0.1);
}
.tabla-row.alcano-row[data-v-b388d5e4] { background: rgba(59, 130, 246, 0.1);
}
.comp-nombre[data-v-b388d5e4] {
  color: #FFFFFF;
  font-weight: 600;
}
.comp-formula[data-v-b388d5e4] {
  color: #C4B5FD;
  font-family: monospace;
}
.comp-pe[data-v-b388d5e4] {
  color: #FCD34D;
  text-align: center;
  font-weight: 600;
}
.tabla-nota[data-v-b388d5e4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0;
}

/* Solubilidad */
.solubilidad-section[data-v-b388d5e4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.sol-titulo[data-v-b388d5e4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sol-grid[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sol-item[data-v-b388d5e4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.sol-icono[data-v-b388d5e4] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.sol-item.soluble .sol-icono[data-v-b388d5e4] {
  background: #10B981;
  color: white;
}
.sol-item.parcial .sol-icono[data-v-b388d5e4] {
  background: #F59E0B;
  color: white;
}
.sol-item.insoluble .sol-icono[data-v-b388d5e4] {
  background: #EF4444;
  color: white;
}
.sol-info[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
}
.sol-compuesto[data-v-b388d5e4] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sol-detalle[data-v-b388d5e4] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.sol-razon[data-v-b388d5e4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.sol-regla[data-v-b388d5e4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.75rem 0 0;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}

/* Reactividad */
.reactividad-section[data-v-b388d5e4] {
  margin: 1.5rem 0;
}
.react-titulo[data-v-b388d5e4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.react-grid[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.react-item[data-v-b388d5e4] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.react-tipo[data-v-b388d5e4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.25rem;
}
.react-reacciones[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.reaccion[data-v-b388d5e4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Oxidación */
.oxidacion-section[data-v-b388d5e4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.oxi-titulo[data-v-b388d5e4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.oxi-grid[data-v-b388d5e4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.oxi-item[data-v-b388d5e4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.oxi-tipo[data-v-b388d5e4] {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.oxi-tipo.primario[data-v-b388d5e4] { background: #3B82F6; color: white;
}
.oxi-tipo.secundario[data-v-b388d5e4] { background: #8B5CF6; color: white;
}
.oxi-tipo.terciario[data-v-b388d5e4] { background: #EC4899; color: white;
}
.oxi-flecha[data-v-b388d5e4] {
  color: #FCD34D;
  font-weight: 700;
}
.oxi-producto[data-v-b388d5e4] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.oxi-producto.no-reacciona[data-v-b388d5e4] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-b388d5e4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b388d5e4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b388d5e4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b388d5e4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.puentes-comparacion[data-v-b388d5e4] {
    flex-direction: row;
}
.puente-item[data-v-b388d5e4] {
    flex: 1;
}
.react-grid[data-v-b388d5e4] {
    flex-direction: row;
}
.react-item[data-v-b388d5e4] {
    flex: 1;
}
}

.explorador[data-v-f18d27e3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f18d27e3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f18d27e3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-f18d27e3] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f18d27e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f18d27e3] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f18d27e3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f18d27e3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f18d27e3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f18d27e3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar grupo ===== */
.identificar-container[data-v-f18d27e3] {
  text-align: center;
}
.estructura-mostrada[data-v-f18d27e3] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-f18d27e3] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: block;
}
.estructura-visual[data-v-f18d27e3] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
  font-family: monospace;
  display: block;
  margin-top: 0.25rem;
}
.id-pregunta[data-v-f18d27e3] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.id-pregunta strong[data-v-f18d27e3] {
  color: #FCD34D;
}
.opciones-grupo[data-v-f18d27e3] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-grupo[data-v-f18d27e3] {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  border: 2px solid;
}
.opcion-grupo.alcohol-btn[data-v-f18d27e3] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-grupo.eter-btn[data-v-f18d27e3] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-grupo[data-v-f18d27e3]:hover:not(:disabled) {
  transform: scale(1.02);
}
.opcion-grupo.seleccionada[data-v-f18d27e3] {
  transform: scale(1.02);
}
.opcion-grupo.correcta[data-v-f18d27e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-grupo.incorrecta[data-v-f18d27e3] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-f18d27e3] {
  text-align: center;
}
.nom-pregunta[data-v-f18d27e3] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-f18d27e3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-f18d27e3] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-f18d27e3]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-f18d27e3] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-f18d27e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-f18d27e3] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-f18d27e3] {
  text-align: center;
}
.comparacion-visual[data-v-f18d27e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.compuesto[data-v-f18d27e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  min-width: 90px;
}
.comp-a[data-v-f18d27e3] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-b[data-v-f18d27e3] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-formula[data-v-f18d27e3] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-nombre[data-v-f18d27e3] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs-text[data-v-f18d27e3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
}
.prop-pregunta[data-v-f18d27e3] {
  margin: 1rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-prop[data-v-f18d27e3] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-prop[data-v-f18d27e3] {
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-prop[data-v-f18d27e3]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-prop.seleccionada[data-v-f18d27e3] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-prop.correcta[data-v-f18d27e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-prop.incorrecta[data-v-f18d27e3] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-f18d27e3] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-f18d27e3] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-f18d27e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f18d27e3] { font-size: 1.25rem;
}
.resultado-texto[data-v-f18d27e3] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-f18d27e3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-f18d27e3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f18d27e3] { flex: 1;
}
.nav-btn[data-v-f18d27e3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f18d27e3] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f18d27e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f18d27e3] { font-size: 1.75rem;
}
.completado-texto[data-v-f18d27e3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f18d27e3], .slide-leave-active[data-v-f18d27e3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f18d27e3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f18d27e3] { opacity: 0; transform: translateX(-15px);
}

/* Resumen header */
.resumen-header[data-v-2555363a] {
  margin-bottom: 1.5rem;
}
.resumen-visual[data-v-2555363a] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.grupo-resumen[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}
.grupo-resumen.alcohol[data-v-2555363a] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.grupo-resumen.eter[data-v-2555363a] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.grupo-formula[data-v-2555363a] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: monospace;
}
.alcohol .grupo-formula[data-v-2555363a] {
  color: #6EE7B7;
}
.eter .grupo-formula[data-v-2555363a] {
  color: #FCD34D;
}
.grupo-nombre[data-v-2555363a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
}

/* Tabla comparativa */
.comparativa-section[data-v-2555363a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparativa-titulo[data-v-2555363a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparativa-tabla[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tabla-header-row[data-v-2555363a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.header-empty[data-v-2555363a] {
  color: transparent;
}
.header-alcohol[data-v-2555363a] {
  color: #6EE7B7;
  text-align: center;
}
.header-eter[data-v-2555363a] {
  color: #FCD34D;
  text-align: center;
}
.tabla-row[data-v-2555363a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  font-size: 0.75rem;
}
.row-label[data-v-2555363a] {
  color: #C4B5FD;
  font-weight: 600;
}
.row-alcohol[data-v-2555363a] {
  color: #6EE7B7;
  text-align: center;
}
.row-eter[data-v-2555363a] {
  color: #FCD34D;
  text-align: center;
}

/* Nomenclatura rápida */
.nomenclatura-section[data-v-2555363a] {
  margin: 1.5rem 0;
}
.nom-titulo[data-v-2555363a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.nom-grid[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.nom-item[data-v-2555363a] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.nom-item.alcohol-item[data-v-2555363a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nom-item.eter-item[data-v-2555363a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nom-tipo[data-v-2555363a] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.5rem;
}
.nom-ejemplos[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ejemplo-nom[data-v-2555363a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.ej-estructura[data-v-2555363a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-2555363a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Oxidación */
.oxidacion-section[data-v-2555363a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.oxi-titulo[data-v-2555363a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.oxi-grid[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.oxi-item[data-v-2555363a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.oxi-tipo[data-v-2555363a] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}
.oxi-tipo.primario[data-v-2555363a] { background: #3B82F6;
}
.oxi-tipo.secundario[data-v-2555363a] { background: #8B5CF6;
}
.oxi-tipo.terciario[data-v-2555363a] { background: #EC4899;
}
.oxi-ruta[data-v-2555363a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.oxi-paso[data-v-2555363a] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.oxi-paso.no-ox[data-v-2555363a] {
  color: #FCA5A5;
}
.oxi-flecha[data-v-2555363a] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tips PAES */
.tips-section[data-v-2555363a] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-2555363a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-2555363a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-2555363a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-num[data-v-2555363a] {
  width: 24px;
  height: 24px;
  background: #F59E0B;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-2555363a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-2555363a] {
  color: #FCD34D;
}

/* Aplicaciones */
.aplicaciones-section[data-v-2555363a] {
  margin: 1.5rem 0;
}
.aplic-titulo[data-v-2555363a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplic-grid[data-v-2555363a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplic-item[data-v-2555363a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.aplic-icono[data-v-2555363a] {
  font-size: 1.25rem;
}
.aplic-info[data-v-2555363a] {
  display: flex;
  flex-direction: column;
}
.aplic-nombre[data-v-2555363a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.aplic-uso[data-v-2555363a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Mensaje final */
.mensaje-final[data-v-2555363a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.mensaje-icono[data-v-2555363a] {
  font-size: 2rem;
}
.mensaje-contenido[data-v-2555363a] {
  display: flex;
  flex-direction: column;
}
.mensaje-titulo[data-v-2555363a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mensaje-texto[data-v-2555363a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-2555363a] {
    gap: 2rem;
}
.grupo-resumen[data-v-2555363a] {
    padding: 1.25rem 2rem;
}
.grupo-formula[data-v-2555363a] {
    font-size: 1.75rem;
}
.nom-grid[data-v-2555363a] {
    flex-direction: row;
}
.nom-item[data-v-2555363a] {
    flex: 1;
}
.aplic-grid[data-v-2555363a] {
    grid-template-columns: repeat(4, 1fr);
}
.aplic-item[data-v-2555363a] {
    flex-direction: column;
    text-align: center;
}
.aplic-info[data-v-2555363a] {
    align-items: center;
}
}

/* Intro visual - Grupo Carbonilo */
.intro-visual[data-v-7ed993c1] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.grupo-carbonilo[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 2rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(239, 68, 68, 0.2));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 1rem;
}
.grupo-nombre[data-v-7ed993c1] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.carbonilo-visual[data-v-7ed993c1] {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 800;
}
.c-atom[data-v-7ed993c1] {
  color: #3B82F6;
}
.doble-enlace[data-v-7ed993c1] {
  color: #C4B5FD;
  margin: 0 0.1rem;
}
.o-atom[data-v-7ed993c1] {
  color: #EF4444;
}

/* Texto destacado */
strong.destacado[data-v-7ed993c1] {
  color: #FCD34D;
}

/* Diferencia aldehído vs cetona */
.diferencia-section[data-v-7ed993c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diferencia-titulo[data-v-7ed993c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-7ed993c1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.compuesto-tipo[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.75rem;
  text-align: center;
}
.compuesto-tipo.aldehido[data-v-7ed993c1] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.compuesto-tipo.cetona[data-v-7ed993c1] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-7ed993c1] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-7ed993c1] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.tipo-formula[data-v-7ed993c1] {
  font-family: monospace;
  font-size: 0.9rem;
  line-height: 1.2;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.r-group[data-v-7ed993c1] {
  color: #93C5FD;
}
.c-carbonilo[data-v-7ed993c1] {
  color: #3B82F6;
  font-weight: 700;
}
.o-carbonilo[data-v-7ed993c1] {
  color: #EF4444;
  font-weight: 700;
}
.h-terminal[data-v-7ed993c1] {
  color: #6EE7B7;
}
.tipo-desc[data-v-7ed993c1] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-desc strong[data-v-7ed993c1] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-7ed993c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.caracteristicas-titulo[data-v-7ed993c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-7ed993c1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-7ed993c1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-7ed993c1] {
  font-size: 1.1rem;
}
.caract-info[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-7ed993c1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-7ed993c1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Polaridad */
.polaridad-section[data-v-7ed993c1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.polaridad-titulo[data-v-7ed993c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.polaridad-visual[data-v-7ed993c1] {
  text-align: center;
}
.dipolo-container[data-v-7ed993c1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.atomo[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.atomo.carbono[data-v-7ed993c1] {
  background: rgba(59, 130, 246, 0.3);
}
.atomo.oxigeno[data-v-7ed993c1] {
  background: rgba(239, 68, 68, 0.3);
}
.atomo .simbolo[data-v-7ed993c1] {
  font-size: 1.5rem;
  font-weight: 700;
}
.atomo.carbono .simbolo[data-v-7ed993c1] {
  color: #3B82F6;
}
.atomo.oxigeno .simbolo[data-v-7ed993c1] {
  color: #EF4444;
}
.atomo .carga[data-v-7ed993c1] {
  font-size: 0.8rem;
  font-weight: 600;
}
.atomo.carbono .carga[data-v-7ed993c1] {
  color: #93C5FD;
}
.atomo.oxigeno .carga[data-v-7ed993c1] {
  color: #FCA5A5;
}
.enlace-doble[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.enlace-doble .linea[data-v-7ed993c1] {
  width: 20px;
  height: 3px;
  background: #C4B5FD;
  border-radius: 2px;
}
.polaridad-explicacion[data-v-7ed993c1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.polaridad-explicacion strong[data-v-7ed993c1] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplos-section[data-v-7ed993c1] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-7ed993c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-7ed993c1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.aldehido-ej[data-v-7ed993c1] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo.cetona-ej[data-v-7ed993c1] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ej-formula[data-v-7ed993c1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-7ed993c1] {
  font-size: 0.8rem;
  font-weight: 600;
}
.aldehido-ej .ej-nombre[data-v-7ed993c1] {
  color: #6EE7B7;
}
.cetona-ej .ej-nombre[data-v-7ed993c1] {
  color: #FCD34D;
}
.ej-comun[data-v-7ed993c1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Importancia */
.importancia-section[data-v-7ed993c1] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-7ed993c1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-grid[data-v-7ed993c1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.importancia-item[data-v-7ed993c1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.imp-icono[data-v-7ed993c1] {
  font-size: 1.25rem;
}
.imp-texto[data-v-7ed993c1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-7ed993c1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-7ed993c1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-7ed993c1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-7ed993c1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.carbonilo-visual[data-v-7ed993c1] {
    font-size: 2.5rem;
}
.caracteristicas-grid[data-v-7ed993c1] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-7ed993c1] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-7ed993c1] {
    align-items: center;
}
.ejemplos-grid[data-v-7ed993c1] {
    grid-template-columns: repeat(4, 1fr);
}
.importancia-grid[data-v-7ed993c1] {
    flex-direction: row;
}
.importancia-item[data-v-7ed993c1] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
}

/* Regla visual */
.regla-section[data-v-b5ea08fb] {
  margin: 1.5rem 0;
}
.regla-visual[data-v-b5ea08fb] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.sufijo[data-v-b5ea08fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}
.aldehido-sufijo[data-v-b5ea08fb] {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.cetona-sufijo[data-v-b5ea08fb] {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.sufijo-tipo[data-v-b5ea08fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.sufijo-terminacion[data-v-b5ea08fb] {
  font-size: 2rem;
  font-weight: 800;
}
.aldehido-sufijo .sufijo-terminacion[data-v-b5ea08fb] {
  color: #6EE7B7;
}
.cetona-sufijo .sufijo-terminacion[data-v-b5ea08fb] {
  color: #FCD34D;
}

/* Colores de texto */
.aldehido-color[data-v-b5ea08fb] {
  color: #6EE7B7;
}
.cetona-color[data-v-b5ea08fb] {
  color: #FCD34D;
}

/* Nomenclatura sections */
.nomenclatura-aldehidos[data-v-b5ea08fb],
.nomenclatura-cetonas[data-v-b5ea08fb] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.nomenclatura-aldehidos[data-v-b5ea08fb] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.nomenclatura-cetonas[data-v-b5ea08fb] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.nom-titulo[data-v-b5ea08fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Pasos de nomenclatura */
.pasos-nomenclatura[data-v-b5ea08fb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.paso-nom[data-v-b5ea08fb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-b5ea08fb] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-texto[data-v-b5ea08fb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-b5ea08fb] {
  color: #FFFFFF;
}

/* Ejemplos de nomenclatura */
.ejemplos-nom[data-v-b5ea08fb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ejemplo-nom[data-v-b5ea08fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-nom[data-v-b5ea08fb] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.estructura-nom[data-v-b5ea08fb] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.carbono[data-v-b5ea08fb] {
  color: #93C5FD;
}
.carbono.c1[data-v-b5ea08fb] {
  color: #6EE7B7;
  font-weight: 700;
}
.carbono.c-cetona[data-v-b5ea08fb] {
  color: #FCD34D;
  font-weight: 700;
}
.nombre-nom[data-v-b5ea08fb] {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.prefijo[data-v-b5ea08fb] {
  color: #FFFFFF;
}
.sufijo-al[data-v-b5ea08fb] {
  color: #6EE7B7;
}
.sufijo-ona[data-v-b5ea08fb] {
  color: #FCD34D;
}
.carbonos-nom[data-v-b5ea08fb] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Prefijos tabla */
.prefijos-section[data-v-b5ea08fb] {
  margin: 1.5rem 0;
}
.prefijos-titulo[data-v-b5ea08fb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prefijos-tabla[data-v-b5ea08fb] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.prefijo-row[data-v-b5ea08fb] {
  display: grid;
  grid-template-columns: 0.6fr 0.8fr 1fr 1fr;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
}
.prefijo-row[data-v-b5ea08fb]:last-child {
  border-bottom: none;
}
.prefijo-row.header[data-v-b5ea08fb] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  color: #E9D5FF;
  font-size: 0.75rem;
}
.num[data-v-b5ea08fb] {
  color: #FCD34D;
  font-weight: 600;
}
.pref[data-v-b5ea08fb] {
  color: #FFFFFF;
  font-weight: 600;
}
.ald[data-v-b5ea08fb] {
  color: #6EE7B7;
}
.cet[data-v-b5ea08fb] {
  color: #FCD34D;
}

/* Nota */
.nota-section[data-v-b5ea08fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.nota-icono[data-v-b5ea08fb] {
  font-size: 1.1rem;
}
.nota-texto[data-v-b5ea08fb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.nota-texto strong[data-v-b5ea08fb] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-b5ea08fb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b5ea08fb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b5ea08fb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b5ea08fb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.sufijo-terminacion[data-v-b5ea08fb] {
    font-size: 2.5rem;
}
.ejemplos-nom[data-v-b5ea08fb] {
    gap: 0.75rem;
}
.ejemplo-nom[data-v-b5ea08fb] {
    padding: 0.75rem 0.5rem;
}
.formula-nom[data-v-b5ea08fb] {
    font-size: 0.85rem;
}
.estructura-nom[data-v-b5ea08fb] {
    font-size: 0.75rem;
}
.nombre-nom[data-v-b5ea08fb] {
    font-size: 0.95rem;
}
}

/* Mobile: Stack ejemplos verticalmente */
@media (max-width: 480px) {
.ejemplos-nom[data-v-b5ea08fb] {
    grid-template-columns: 1fr;
}
.ejemplo-nom[data-v-b5ea08fb] {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 0.5rem 0.75rem;
}
.formula-nom[data-v-b5ea08fb] {
    flex: 1;
}
.nombre-nom[data-v-b5ea08fb] {
    flex: 1;
    text-align: right;
}
.estructura-nom[data-v-b5ea08fb],
  .carbonos-nom[data-v-b5ea08fb] {
    display: none;
}
}

/* Centro reactivo */
.centro-section[data-v-27201efb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.centro-titulo[data-v-27201efb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.centro-visual[data-v-27201efb] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.carbonilo-reactivo[data-v-27201efb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.atomo[data-v-27201efb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.c-reactivo[data-v-27201efb] {
  background: rgba(59, 130, 246, 0.3);
}
.o-reactivo[data-v-27201efb] {
  background: rgba(239, 68, 68, 0.3);
}
.atomo .simbolo[data-v-27201efb] {
  font-size: 1.75rem;
  font-weight: 700;
}
.c-reactivo .simbolo[data-v-27201efb] {
  color: #3B82F6;
}
.o-reactivo .simbolo[data-v-27201efb] {
  color: #EF4444;
}
.atomo .carga[data-v-27201efb] {
  font-size: 0.9rem;
  font-weight: 600;
}
.c-reactivo .carga[data-v-27201efb] {
  color: #93C5FD;
}
.o-reactivo .carga[data-v-27201efb] {
  color: #FCA5A5;
}
.tipo-sitio[data-v-27201efb] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.enlace-central[data-v-27201efb] {
  font-size: 2rem;
  font-weight: 700;
  color: #C4B5FD;
}
.centro-explicacion[data-v-27201efb] {
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
  margin: 0;
  line-height: 1.4;
}
.centro-explicacion strong[data-v-27201efb] {
  color: #FFFFFF;
}

/* Comparación de reactividad */
.comparacion-section[data-v-27201efb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-27201efb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-visual[data-v-27201efb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.comp-item[data-v-27201efb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.comp-icono[data-v-27201efb] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-27201efb] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.reactividad-barra[data-v-27201efb] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  margin-bottom: 0.25rem;
}
.reactividad-barra.alta[data-v-27201efb] {
  background: linear-gradient(90deg, #10B981, #6EE7B7);
}
.reactividad-barra.media[data-v-27201efb] {
  background: linear-gradient(90deg, #F59E0B, #FCD34D);
  width: 60%;
}
.comp-nivel[data-v-27201efb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.aldehido-item .comp-nivel[data-v-27201efb] {
  color: #6EE7B7;
}
.cetona-item .comp-nivel[data-v-27201efb] {
  color: #FCD34D;
}
.razon-box[data-v-27201efb] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.razon-titulo[data-v-27201efb] {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.razones-lista[data-v-27201efb] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.razones-lista li[data-v-27201efb] {
  margin-bottom: 0.25rem;
}
.razones-lista strong[data-v-27201efb] {
  color: #FCD34D;
}

/* Reacciones */
.reacciones-section[data-v-27201efb] {
  margin: 1.5rem 0;
}
.reacciones-titulo[data-v-27201efb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reaccion-card[data-v-27201efb] {
  margin-bottom: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.reaccion-header[data-v-27201efb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.reaccion-num[data-v-27201efb] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.reaccion-nombre[data-v-27201efb] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.reaccion-contenido[data-v-27201efb] {
  padding: 0.75rem;
}
.mecanismo-visual[data-v-27201efb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.nucleo[data-v-27201efb] {
  color: #6EE7B7;
  font-weight: 700;
}
.flecha[data-v-27201efb] {
  color: #8B5CF6;
}
.carbonilo[data-v-27201efb] {
  color: #FCD34D;
}
.producto[data-v-27201efb] {
  color: #93C5FD;
}
.reaccion-desc[data-v-27201efb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.reaccion-desc strong[data-v-27201efb] {
  color: #FCD34D;
}

/* Reducción visual */
.reduccion-visual[data-v-27201efb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.reduccion-item[data-v-27201efb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.tipo-comp[data-v-27201efb] {
  color: #FFFFFF;
  font-weight: 600;
  min-width: 60px;
}
.flecha-reduccion[data-v-27201efb] {
  color: #C4B5FD;
}
.producto-reduccion[data-v-27201efb] {
  font-weight: 600;
}
.alcohol-1[data-v-27201efb] {
  color: #6EE7B7;
}
.alcohol-2[data-v-27201efb] {
  color: #FCD34D;
}

/* Oxidación visual */
.oxidacion-visual[data-v-27201efb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.oxidacion-item[data-v-27201efb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.aldehido-ox[data-v-27201efb] {
  background: rgba(16, 185, 129, 0.1);
}
.cetona-ox[data-v-27201efb] {
  background: rgba(239, 68, 68, 0.1);
}
.flecha-ox[data-v-27201efb] {
  color: #C4B5FD;
}
.producto-ox[data-v-27201efb] {
  flex: 1;
  color: #E9D5FF;
}
.check[data-v-27201efb] {
  color: #6EE7B7;
  font-size: 1rem;
}
.cross[data-v-27201efb] {
  color: #EF4444;
  font-size: 1rem;
}

/* Pruebas */
.pruebas-section[data-v-27201efb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.pruebas-titulo[data-v-27201efb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pruebas-grid[data-v-27201efb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.prueba[data-v-27201efb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.prueba-nombre[data-v-27201efb] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.prueba-reactivo[data-v-27201efb] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.prueba-resultado[data-v-27201efb] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.pruebas-nota[data-v-27201efb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  text-align: center;
}
.pruebas-nota strong[data-v-27201efb] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-27201efb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-27201efb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-27201efb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-27201efb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.atomo .simbolo[data-v-27201efb] {
    font-size: 2rem;
}
.reduccion-item[data-v-27201efb],
  .oxidacion-item[data-v-27201efb] {
    font-size: 0.85rem;
}
.tipo-comp[data-v-27201efb] {
    min-width: 80px;
}
}

.explorador[data-v-929f852d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-929f852d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-929f852d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-929f852d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-929f852d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-929f852d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-929f852d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-929f852d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-929f852d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-929f852d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-929f852d] {
  text-align: center;
}
.estructura-mostrada[data-v-929f852d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-929f852d] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.estructura-visual[data-v-929f852d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.id-pregunta[data-v-929f852d] {
  margin: 1rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-tipo[data-v-929f852d] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-929f852d] {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  border: 2px solid;
}
.aldehido-btn[data-v-929f852d] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.cetona-btn[data-v-929f852d] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.opcion-tipo[data-v-929f852d]:hover:not(:disabled) {
  transform: scale(1.02);
}
.opcion-tipo.seleccionada[data-v-929f852d] {
  transform: scale(1.02);
}
.opcion-tipo.correcta[data-v-929f852d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-tipo.incorrecta[data-v-929f852d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-929f852d] {
  text-align: center;
}
.nom-pregunta[data-v-929f852d] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-929f852d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-929f852d] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-929f852d]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-929f852d] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-929f852d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-929f852d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Reactividad ===== */
.reactividad-container[data-v-929f852d] {
  text-align: center;
}
.pregunta-reactividad[data-v-929f852d] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.pregunta-icono[data-v-929f852d] {
  font-size: 2rem;
  display: block;
  margin-bottom: 0.5rem;
}
.pregunta-texto[data-v-929f852d] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin: 0;
  font-weight: 600;
}
.opciones-reac[data-v-929f852d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-reac[data-v-929f852d] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-reac[data-v-929f852d]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-reac.seleccionada[data-v-929f852d] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-reac.correcta[data-v-929f852d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-reac.incorrecta[data-v-929f852d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-929f852d] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-929f852d] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-929f852d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-929f852d] { font-size: 1.25rem;
}
.resultado-texto[data-v-929f852d] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-929f852d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-929f852d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-929f852d] { flex: 1;
}
.nav-btn[data-v-929f852d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-929f852d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-929f852d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-929f852d] { font-size: 1.75rem;
}
.completado-texto[data-v-929f852d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-929f852d], .slide-leave-active[data-v-929f852d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-929f852d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-929f852d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-reac[data-v-929f852d] {
    flex-direction: row;
    justify-content: center;
}
.opcion-reac[data-v-929f852d] {
    flex: 1;
    max-width: 200px;
}
}

/* Header de resumen */
.resumen-header[data-v-72230cfc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-72230cfc] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-72230cfc] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-72230cfc] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-header[data-v-72230cfc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.concepto-num[data-v-72230cfc] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.concepto-titulo[data-v-72230cfc] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.concepto-contenido[data-v-72230cfc] {
  padding: 0.75rem;
}

/* Carbonilo resumen */
.carbonilo-resumen[data-v-72230cfc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.c-res[data-v-72230cfc] { color: #3B82F6;
}
.enlace-res[data-v-72230cfc] { color: #C4B5FD;
}
.o-res[data-v-72230cfc] { color: #EF4444;
}
.puntos-clave[data-v-72230cfc] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.puntos-clave li[data-v-72230cfc] {
  margin-bottom: 0.25rem;
}
.puntos-clave strong[data-v-72230cfc] {
  color: #FCD34D;
}

/* Comparación resumen */
.comparacion-resumen[data-v-72230cfc] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.comp-col[data-v-72230cfc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.aldehido-col[data-v-72230cfc] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.cetona-col[data-v-72230cfc] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.comp-emoji[data-v-72230cfc] { font-size: 1.25rem;
}
.comp-tipo[data-v-72230cfc] { font-size: 0.85rem; font-weight: 700; color: #FFFFFF;
}
.comp-formula[data-v-72230cfc] { font-size: 0.8rem; font-family: monospace; color: #C4B5FD;
}
.comp-pos[data-v-72230cfc] { font-size: 0.7rem; color: #E9D5FF; text-align: center;
}
.comp-pos strong[data-v-72230cfc] { color: #FCD34D;
}
.comp-sufijo[data-v-72230cfc] { font-size: 1.1rem; font-weight: 800; margin-top: 0.25rem;
}
.sufijo-al[data-v-72230cfc] { color: #6EE7B7;
}
.sufijo-ona[data-v-72230cfc] { color: #FCD34D;
}
.comp-vs[data-v-72230cfc] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Reglas nomenclatura */
.reglas-nom[data-v-72230cfc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-72230cfc] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.6rem;
  border-radius: 0.5rem;
}
.aldehido-regla[data-v-72230cfc] {
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #6EE7B7;
}
.cetona-regla[data-v-72230cfc] {
  background: rgba(245, 158, 11, 0.1);
  border-left: 3px solid #FCD34D;
}
.regla-tipo[data-v-72230cfc] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.regla-desc[data-v-72230cfc] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.regla-ejemplo[data-v-72230cfc] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #E9D5FF;
  margin-top: 0.2rem;
}

/* Reactividad puntos */
.reactividad-puntos[data-v-72230cfc] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.react-punto[data-v-72230cfc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.react-check[data-v-72230cfc] {
  color: #6EE7B7;
  font-size: 0.9rem;
}
.react-texto[data-v-72230cfc] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.react-texto strong[data-v-72230cfc] {
  color: #FCD34D;
}

/* Tabla de compuestos */
.tabla-section[data-v-72230cfc] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-72230cfc] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-compuestos[data-v-72230cfc] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-72230cfc] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 0.5fr;
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.75rem;
  align-items: center;
}
.comp-row[data-v-72230cfc]:last-child {
  border-bottom: none;
}
.comp-row.header-row[data-v-72230cfc] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  color: #E9D5FF;
}
.formula[data-v-72230cfc] {
  font-family: monospace;
  color: #FFFFFF;
}
.iupac[data-v-72230cfc] {
  color: #93C5FD;
}
.comun[data-v-72230cfc] {
  color: #C4B5FD;
}
.tipo-tag[data-v-72230cfc] {
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
  font-size: 0.65rem;
  font-weight: 600;
  text-align: center;
}
.tipo-tag.ald[data-v-72230cfc] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.tipo-tag.cet[data-v-72230cfc] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}

/* Tips finales */
.tips-finales[data-v-72230cfc] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-final-header[data-v-72230cfc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tip-final-icono[data-v-72230cfc] {
  font-size: 1.25rem;
}
.tip-final-titulo[data-v-72230cfc] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tips-lista[data-v-72230cfc] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-72230cfc] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-72230cfc] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-text[data-v-72230cfc] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-72230cfc] {
  color: #FFFFFF;
}
.aldehido-color[data-v-72230cfc] {
  color: #6EE7B7;
}
.cetona-color[data-v-72230cfc] {
  color: #FCD34D;
}

/* Cierre */
.cierre[data-v-72230cfc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.cierre-icono[data-v-72230cfc] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-72230cfc] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-resumen[data-v-72230cfc] {
    gap: 1rem;
}
.comp-col[data-v-72230cfc] {
    padding: 0.75rem;
    min-width: 130px;
}
.comp-row[data-v-72230cfc] {
    font-size: 0.85rem;
    padding: 0.6rem 0.75rem;
}
.reglas-nom[data-v-72230cfc] {
    flex-direction: row;
    gap: 0.75rem;
}
.regla-item[data-v-72230cfc] {
    flex: 1;
}
}

/* Colores temáticos */
strong.alqueno-color[data-v-ce964529] {
  color: #34D399;
}
strong.alquino-color[data-v-ce964529] {
  color: #F472B6;
}
strong.destacado[data-v-ce964529] {
  color: #FCD34D;
}

/* Intro visual - Fórmulas generales */
.intro-visual[data-v-ce964529] {
  display: flex;
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}
.formula-box[data-v-ce964529] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 0.75rem;
}
.alqueno-box[data-v-ce964529] {
  background: rgba(52, 211, 153, 0.15);
  border: 2px solid rgba(52, 211, 153, 0.4);
}
.alquino-box[data-v-ce964529] {
  background: rgba(244, 114, 182, 0.15);
  border: 2px solid rgba(244, 114, 182, 0.4);
}
.formula-tipo[data-v-ce964529] {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}
.alqueno-box .formula-tipo[data-v-ce964529] { color: #34D399;
}
.alquino-box .formula-tipo[data-v-ce964529] { color: #F472B6;
}
.formula-box .formula[data-v-ce964529] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  font-family: 'Times New Roman', serif;
}
.enlace-tipo[data-v-ce964529] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Comparación de enlaces */
.comparacion-section[data-v-ce964529] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-ce964529] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-ce964529] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.enlace-card[data-v-ce964529] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid transparent;
}
.enlace-card.destacado-alqueno[data-v-ce964529] {
  border-color: rgba(52, 211, 153, 0.4);
  background: rgba(52, 211, 153, 0.1);
}
.enlace-card.destacado-alquino[data-v-ce964529] {
  border-color: rgba(244, 114, 182, 0.4);
  background: rgba(244, 114, 182, 0.1);
}
.enlace-visual[data-v-ce964529] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  margin-bottom: 0.4rem;
}
.enlace-visual .c-atom[data-v-ce964529] {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  color: white;
}
.bond[data-v-ce964529] {
  font-weight: 700;
  font-size: 1rem;
}
.bond.single[data-v-ce964529] { color: #C4B5FD;
}
.bond.double[data-v-ce964529] { color: #34D399; font-size: 1.1rem;
}
.bond.triple[data-v-ce964529] { color: #F472B6; font-size: 1.1rem;
}
.enlace-nombre[data-v-ce964529] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.enlace-hibrid[data-v-ce964529] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 600;
}
.enlace-class[data-v-ce964529] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Propiedades */
.propiedades-section[data-v-ce964529] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-ce964529] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.props-grid[data-v-ce964529] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.prop-item[data-v-ce964529] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.prop-icono[data-v-ce964529] {
  font-size: 1.25rem;
}
.prop-info[data-v-ce964529] {
  display: flex;
  flex-direction: column;
}
.prop-nombre[data-v-ce964529] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.prop-detalle[data-v-ce964529] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tabla doble */
.tabla-section[data-v-ce964529] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-ce964529] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-doble[data-v-ce964529] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.tabla-col[data-v-ce964529] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header[data-v-ce964529] {
  padding: 0.5rem;
  font-weight: 700;
  font-size: 0.85rem;
  text-align: center;
}
.alqueno-header[data-v-ce964529] {
  background: rgba(52, 211, 153, 0.3);
  color: #34D399;
}
.alquino-header[data-v-ce964529] {
  background: rgba(244, 114, 182, 0.3);
  color: #F472B6;
}
.tabla-row[data-v-ce964529] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-ce964529]:last-child {
  border-bottom: none;
}
.tabla-row .nombre[data-v-ce964529] {
  font-size: 0.8rem;
  color: #FFFFFF;
}
.tabla-row .formula-mol[data-v-ce964529] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-family: monospace;
}

/* Ejemplo: Eteno */
.ejemplo-section[data-v-ce964529] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-ce964529] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.molecula-visual[data-v-ce964529] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.eteno-molecule[data-v-ce964529] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.grupo-ch2[data-v-ce964529] {
  position: relative;
  width: 50px;
  height: 60px;
}
.grupo-ch2 .c-atom[data-v-ce964529] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  z-index: 2;
}
.grupo-ch2 .h-atom[data-v-ce964529] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.6rem;
  color: #064E3B;
}
.grupo-ch2 .h-top[data-v-ce964529] { top: 0; left: 50%; transform: translateX(-50%);
}
.grupo-ch2 .h-bot[data-v-ce964529] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.doble-enlace[data-v-ce964529] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 4px;
}
.enlace-sigma[data-v-ce964529], .enlace-pi[data-v-ce964529] {
  width: 16px;
  height: 3px;
  border-radius: 2px;
}
.enlace-sigma[data-v-ce964529] {
  background: #C4B5FD;
}
.enlace-pi[data-v-ce964529] {
  background: #34D399;
}
.formula-condensada[data-v-ce964529] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.enlace-legend[data-v-ce964529] {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
}
.legend-sigma[data-v-ce964529] { color: #C4B5FD;
}
.legend-pi[data-v-ce964529] { color: #34D399;
}

/* Tip */
.tip[data-v-ce964529] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-ce964529] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ce964529] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ce964529] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box .formula[data-v-ce964529] {
    font-size: 2rem;
}
.props-grid[data-v-ce964529] {
    grid-template-columns: repeat(4, 1fr);
}
.prop-item[data-v-ce964529] {
    flex-direction: column;
    text-align: center;
}
.prop-info[data-v-ce964529] {
    align-items: center;
}
.grupo-ch2[data-v-ce964529] {
    width: 60px;
    height: 70px;
}
.grupo-ch2 .c-atom[data-v-ce964529] {
    width: 32px;
    height: 32px;
}
.grupo-ch2 .h-atom[data-v-ce964529] {
    width: 24px;
    height: 24px;
    font-size: 0.7rem;
}
}

/* Texto destacado */
strong.destacado[data-v-c8e9f865] {
  color: #FCD34D;
}
strong.cis[data-v-c8e9f865] {
  color: #34D399;
}
strong.trans[data-v-c8e9f865] {
  color: #F472B6;
}

/* Sufijos */
.sufijos-section[data-v-c8e9f865] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.sufijos-titulo[data-v-c8e9f865] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.sufijos-grid[data-v-c8e9f865] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.sufijo-item[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
}
.sufijo-item.alcano[data-v-c8e9f865] {
  background: rgba(148, 163, 184, 0.2);
}
.sufijo-item.alqueno[data-v-c8e9f865] {
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.sufijo-item.alquino[data-v-c8e9f865] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.sufijo-nombre[data-v-c8e9f865] {
  font-size: 1.1rem;
  font-weight: 800;
  color: #FCD34D;
}
.sufijo-tipo[data-v-c8e9f865] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.sufijo-enlace[data-v-c8e9f865] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Reglas */
.reglas-section[data-v-c8e9f865] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-c8e9f865] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla[data-v-c8e9f865] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.regla-num[data-v-c8e9f865] {
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.regla-contenido[data-v-c8e9f865] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-contenido strong[data-v-c8e9f865] {
  color: #FFFFFF;
}

/* Ejemplos */
.ejemplo-section[data-v-c8e9f865] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.alqueno-ejemplo[data-v-c8e9f865] {
  background: rgba(52, 211, 153, 0.1);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.alquino-ejemplo[data-v-c8e9f865] {
  background: rgba(244, 114, 182, 0.1);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.ejemplo-titulo[data-v-c8e9f865] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.molecula-ejemplo[data-v-c8e9f865] {
  margin-bottom: 1rem;
}
.estructura-visual[data-v-c8e9f865] {
  display: flex;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow-x: auto;
}
.cadena[data-v-c8e9f865] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.carbon[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-num[data-v-c8e9f865] {
  font-size: 0.55rem;
  color: #93C5FD;
  font-weight: 600;
}
.c-sym[data-v-c8e9f865] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.enlace[data-v-c8e9f865] {
  color: #C4B5FD;
  font-size: 1rem;
  font-weight: 700;
}
.enlace.doble[data-v-c8e9f865] {
  color: #34D399;
  font-size: 1.2rem;
}
.enlace.triple[data-v-c8e9f865] {
  color: #F472B6;
  font-size: 1.2rem;
}
.pasos-nombre[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-nombre[data-v-c8e9f865] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-n[data-v-c8e9f865] {
  width: 20px;
  height: 20px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  flex-shrink: 0;
}
.paso-t[data-v-c8e9f865] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-t strong[data-v-c8e9f865] {
  color: #6EE7B7;
}
.resultado-nombre[data-v-c8e9f865] {
  margin-top: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.alqueno-resultado[data-v-c8e9f865] {
  background: rgba(52, 211, 153, 0.2);
  border: 2px solid #34D399;
}
.alquino-resultado[data-v-c8e9f865] {
  background: rgba(244, 114, 182, 0.2);
  border: 2px solid #F472B6;
}
.nombre-final[data-v-c8e9f865] {
  font-size: 1.2rem;
  font-weight: 800;
}
.alqueno-resultado .nombre-final[data-v-c8e9f865] {
  color: #34D399;
}
.alquino-resultado .nombre-final[data-v-c8e9f865] {
  color: #F472B6;
}

/* Isomería */
.isomeria-section[data-v-c8e9f865] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.isomeria-titulo[data-v-c8e9f865] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.isomeria-intro[data-v-c8e9f865] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.isomeros-grid[data-v-c8e9f865] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.isomero[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.cis-isomero[data-v-c8e9f865] {
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.trans-isomero[data-v-c8e9f865] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.isomero-visual-struct[data-v-c8e9f865] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.struct-row[data-v-c8e9f865] {
  display: flex;
  justify-content: space-between;
  width: 80px;
}
.struct-row.mid[data-v-c8e9f865] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.struct-row .grupo-izq[data-v-c8e9f865],
.struct-row .grupo-der[data-v-c8e9f865] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: monospace;
  width: 28px;
  text-align: center;
}
.struct-row .c-atom[data-v-c8e9f865] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
}
.struct-row .doble-enlace[data-v-c8e9f865] {
  font-size: 1rem;
  font-weight: 700;
  color: #34D399;
}
.isomero-nombre[data-v-c8e9f865] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.cis-isomero .isomero-nombre[data-v-c8e9f865] { color: #34D399;
}
.trans-isomero .isomero-nombre[data-v-c8e9f865] { color: #F472B6;
}
.isomero-desc[data-v-c8e9f865] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-c8e9f865] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-c8e9f865] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c8e9f865] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c8e9f865] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.sufijo-nombre[data-v-c8e9f865] {
    font-size: 1.3rem;
}
.c-sym[data-v-c8e9f865] {
    font-size: 1rem;
}
.nombre-final[data-v-c8e9f865] {
    font-size: 1.4rem;
}
}

/* Texto destacado */
strong.destacado[data-v-dad867df] {
  color: #FCD34D;
}
strong.h-color[data-v-dad867df] {
  color: #6EE7B7;
}
strong.x-color[data-v-dad867df] {
  color: #F472B6;
}
strong.decolora[data-v-dad867df] {
  color: #6EE7B7;
}

/* Reactividad */
.reactividad-section[data-v-dad867df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.reactividad-titulo[data-v-dad867df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reactividad-escala[data-v-dad867df] {
  display: flex;
  gap: 0.5rem;
}
.escala-item[data-v-dad867df] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.escala-item.bajo[data-v-dad867df] {
  background: rgba(148, 163, 184, 0.2);
}
.escala-item.medio[data-v-dad867df] {
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.escala-item.alto[data-v-dad867df] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.escala-tipo[data-v-dad867df] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.escala-nivel[data-v-dad867df] {
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0.15rem 0;
}
.bajo .escala-nivel[data-v-dad867df] { color: #94A3B8;
}
.medio .escala-nivel[data-v-dad867df] { color: #34D399;
}
.alto .escala-nivel[data-v-dad867df] { color: #F472B6;
}
.escala-razon[data-v-dad867df] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Adición */
.adicion-section[data-v-dad867df] {
  margin: 1.5rem 0;
}
.adicion-titulo[data-v-dad867df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.adicion-intro[data-v-dad867df] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.tipos-adicion[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tipo-adicion[data-v-dad867df] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-header[data-v-dad867df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.tipo-icono[data-v-dad867df] {
  font-size: 1rem;
}
.tipo-nombre[data-v-dad867df] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-ecuacion[data-v-dad867df] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.4rem 0;
  font-family: monospace;
  font-size: 0.9rem;
}
.reactivo[data-v-dad867df] {
  color: #93C5FD;
}
.flecha[data-v-dad867df] {
  color: #C4B5FD;
}
.producto[data-v-dad867df] {
  color: #6EE7B7;
}
.tipo-detalle[data-v-dad867df] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Markovnikov */
.markovnikov-section[data-v-dad867df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.markovnikov-titulo[data-v-dad867df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.markovnikov-intro[data-v-dad867df] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.markovnikov-ejemplo[data-v-dad867df] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-visual[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: monospace;
}
.mol-antes[data-v-dad867df], .mol-despues[data-v-dad867df] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  font-size: 1rem;
  color: #FFFFFF;
}
.doble[data-v-dad867df] {
  color: #34D399;
  font-size: 1.2rem;
}
.adicion-info[data-v-dad867df] {
  font-size: 0.85rem;
  color: #F472B6;
  font-weight: 600;
}
.con-br[data-v-dad867df] {
  color: #F472B6;
}
.con-h[data-v-dad867df] {
  color: #6EE7B7;
}
.markovnikov-resumen[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.8rem;
}
.h-destino[data-v-dad867df] {
  color: #6EE7B7;
}
.x-destino[data-v-dad867df] {
  color: #F472B6;
}

/* Ejemplo */
.ejemplo-section[data-v-dad867df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-dad867df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-ecuacion[data-v-dad867df] {
  text-align: center;
}
.ecuacion-visual[data-v-dad867df] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.compuesto[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compuesto .formula[data-v-dad867df] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.compuesto .nombre[data-v-dad867df] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.compuesto.producto-final .formula[data-v-dad867df] {
  color: #6EE7B7;
}
.mas[data-v-dad867df] {
  font-size: 1.2rem;
  color: #C4B5FD;
}
.flecha-reac[data-v-dad867df] {
  font-size: 1.2rem;
  color: #FCD34D;
}
.condiciones[data-v-dad867df] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Prueba bromo */
.prueba-section[data-v-dad867df] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.prueba-titulo[data-v-dad867df] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prueba-contenido[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.prueba-item[data-v-dad867df] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.prueba-visual[data-v-dad867df] {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.br-color[data-v-dad867df] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FB923C;
  font-family: monospace;
}
.estado[data-v-dad867df] {
  font-size: 0.65rem;
  color: #FB923C;
}
.prueba-resultado[data-v-dad867df] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prueba-nota[data-v-dad867df] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Tip */
.tip[data-v-dad867df] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-dad867df] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dad867df] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dad867df] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-adicion[data-v-dad867df] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.prueba-contenido[data-v-dad867df] {
    flex-direction: row;
}
.prueba-item[data-v-dad867df] {
    flex: 1;
}
.ecuacion-visual[data-v-dad867df] {
    flex-wrap: nowrap;
}
}

.explorador[data-v-5cff9302] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-5cff9302] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-5cff9302] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-5cff9302] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-5cff9302] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-5cff9302] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-5cff9302] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-5cff9302] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-5cff9302] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-5cff9302] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Fórmula ===== */
.formula-container[data-v-5cff9302] {
  text-align: center;
}
.formula-info[data-v-5cff9302] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.formula-ref[data-v-5cff9302] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.alqueno-ref[data-v-5cff9302] {
  background: rgba(52, 211, 153, 0.15);
  border: 1px solid rgba(52, 211, 153, 0.3);
}
.alquino-ref[data-v-5cff9302] {
  background: rgba(244, 114, 182, 0.15);
  border: 1px solid rgba(244, 114, 182, 0.3);
}
.ref-tipo[data-v-5cff9302] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ref-formula[data-v-5cff9302] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-formula[data-v-5cff9302] {
  margin: 1rem 0;
}
.pregunta-formula p[data-v-5cff9302] {
  margin: 0.25rem 0;
  color: #E9D5FF;
}
.pregunta-formula strong.alqueno[data-v-5cff9302] {
  color: #34D399;
  font-size: 1.1rem;
}
.pregunta-formula strong.alquino[data-v-5cff9302] {
  color: #F472B6;
  font-size: 1.1rem;
}
.pista-carbonos strong[data-v-5cff9302] {
  color: #FCD34D;
}
.tipo-badge[data-v-5cff9302] {
  font-size: 0.75rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
}
.tipo-badge.alqueno[data-v-5cff9302] {
  background: rgba(52, 211, 153, 0.2);
  color: #34D399;
}
.tipo-badge.alquino[data-v-5cff9302] {
  background: rgba(244, 114, 182, 0.2);
  color: #F472B6;
}
.respuesta-formula[data-v-5cff9302] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
}
.input-group[data-v-5cff9302] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-label[data-v-5cff9302] {
  font-size: 1rem;
  color: #E9D5FF;
  font-weight: 600;
}
.input-h[data-v-5cff9302] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-h.correcto[data-v-5cff9302] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-h.incorrecto[data-v-5cff9302] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-5cff9302] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-5cff9302] {
  text-align: center;
}
.estructura-mostrada[data-v-5cff9302] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-visual[data-v-5cff9302] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nom-pregunta[data-v-5cff9302] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-5cff9302] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-5cff9302] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-5cff9302]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-5cff9302] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-5cff9302] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-5cff9302] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Reactividad ===== */
.reactividad-container[data-v-5cff9302] {
  text-align: center;
}
.reaccion-visual[data-v-5cff9302] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.reactivos[data-v-5cff9302] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.reactivo[data-v-5cff9302] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.mas[data-v-5cff9302] {
  color: #C4B5FD;
  font-size: 1rem;
}
.flecha-reac[data-v-5cff9302] {
  color: #FCD34D;
  font-size: 1.25rem;
}
.producto-pregunta[data-v-5cff9302] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.reac-pregunta[data-v-5cff9302] {
  margin: 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.opciones-reac[data-v-5cff9302] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-reac[data-v-5cff9302] {
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-reac[data-v-5cff9302]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-reac.seleccionada[data-v-5cff9302] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-reac.correcta[data-v-5cff9302] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-reac.incorrecta[data-v-5cff9302] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-5cff9302] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-5cff9302] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-5cff9302] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-5cff9302] { font-size: 1.25rem;
}
.resultado-texto[data-v-5cff9302] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-5cff9302] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-5cff9302] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-5cff9302] { flex: 1;
}
.nav-btn[data-v-5cff9302] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-5cff9302] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-5cff9302] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-5cff9302] { font-size: 1.75rem;
}
.completado-texto[data-v-5cff9302] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-5cff9302], .slide-leave-active[data-v-5cff9302] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-5cff9302] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-5cff9302] { opacity: 0; transform: translateX(-15px);
}

/* Hero section */
.resumen-hero[data-v-54c83b49] {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.15), rgba(244, 114, 182, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
}
.hero-titulo[data-v-54c83b49] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.hero-items[data-v-54c83b49] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.hero-item[data-v-54c83b49] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.hero-icon[data-v-54c83b49] {
  font-size: 1.5rem;
}
.hero-text[data-v-54c83b49] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tabla comparación */
.comparacion-final[data-v-54c83b49] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-54c83b49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparacion[data-v-54c83b49] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-header-row[data-v-54c83b49], .tabla-body-row[data-v-54c83b49] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  padding: 0.5rem 0.5rem;
  font-size: 0.7rem;
}
.tabla-header-row[data-v-54c83b49] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
}
.tabla-body-row[data-v-54c83b49] {
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-body-row[data-v-54c83b49]:last-child {
  border-bottom: none;
}
.col-prop[data-v-54c83b49] {
  color: #E9D5FF;
  font-weight: 600;
}
.col-alcano[data-v-54c83b49] {
  color: #94A3B8;
  text-align: center;
}
.col-alqueno[data-v-54c83b49] {
  color: #34D399;
  text-align: center;
}
.col-alquino[data-v-54c83b49] {
  color: #F472B6;
  text-align: center;
}

/* Reglas clave */
.reglas-clave[data-v-54c83b49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-54c83b49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-54c83b49] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla-item[data-v-54c83b49] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.regla-num[data-v-54c83b49] {
  width: 22px;
  height: 22px;
  background: #3B82F6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.regla-text[data-v-54c83b49] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-text strong[data-v-54c83b49] {
  color: #FCD34D;
}

/* Reacciones */
.reacciones-section[data-v-54c83b49] {
  margin: 1.5rem 0;
}
.reacciones-titulo[data-v-54c83b49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reacciones-grid[data-v-54c83b49] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.reaccion-card[data-v-54c83b49] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reac-reactivo[data-v-54c83b49] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.reac-nombre[data-v-54c83b49] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin: 0.15rem 0;
}
.reac-producto[data-v-54c83b49] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
}

/* Markovnikov */
.markov-section[data-v-54c83b49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 0.75rem;
}
.markov-titulo[data-v-54c83b49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.markov-contenido[data-v-54c83b49] {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.markov-formula[data-v-54c83b49] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.markov-h[data-v-54c83b49] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.markov-x[data-v-54c83b49] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F472B6;
}
.markov-flecha[data-v-54c83b49] {
  color: #C4B5FD;
}
.markov-text[data-v-54c83b49] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-54c83b49] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-54c83b49] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-54c83b49] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-54c83b49] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-54c83b49] {
  color: #10B981;
  font-weight: 700;
  font-size: 1rem;
}
.tip-text[data-v-54c83b49] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-text strong[data-v-54c83b49] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-54c83b49] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.final-icono[data-v-54c83b49] {
  font-size: 2rem;
}
.final-texto[data-v-54c83b49] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.final-texto strong[data-v-54c83b49] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.hero-items[data-v-54c83b49] {
    gap: 3rem;
}
.tabla-header-row[data-v-54c83b49], .tabla-body-row[data-v-54c83b49] {
    font-size: 0.8rem;
    padding: 0.6rem 0.75rem;
}
.reacciones-grid[data-v-54c83b49] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-f55bc944] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0 2rem;
  flex-wrap: wrap;
}
.grupo-funcional[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.25rem;
  border-radius: 1rem;
}
.grupo-funcional.amina[data-v-f55bc944] {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.grupo-funcional.amida[data-v-f55bc944] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(236, 72, 153, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.grupo-nombre[data-v-f55bc944] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.grupo-formula[data-v-f55bc944] {
  font-size: 1.4rem;
  font-weight: 800;
  font-family: monospace;
}
.amina .grupo-formula[data-v-f55bc944] {
  color: #93C5FD;
}
.amida .grupo-formula[data-v-f55bc944] {
  color: #C4B5FD;
}

/* Texto destacado */
strong.destacado[data-v-f55bc944] {
  color: #FCD34D;
}
strong.amina-txt[data-v-f55bc944] {
  color: #93C5FD;
}
strong.amida-txt[data-v-f55bc944] {
  color: #C4B5FD;
}

/* Secciones */
.aminas-section[data-v-f55bc944],
.amidas-section[data-v-f55bc944] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.aminas-section[data-v-f55bc944] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.amidas-section[data-v-f55bc944] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.section-titulo[data-v-f55bc944] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tipos de aminas */
.tipos-aminas[data-v-f55bc944] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-amina[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.tipo-estructura[data-v-f55bc944] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.75rem;
  margin-bottom: 0.35rem;
}
.n-central[data-v-f55bc944] {
  color: #93C5FD;
  font-weight: 700;
  font-size: 1rem;
}
.enlace-h[data-v-f55bc944] {
  color: #FFFFFF;
}
.enlace-r[data-v-f55bc944] {
  color: #6EE7B7;
}
.tipo-nombre[data-v-f55bc944] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.tipo-formula[data-v-f55bc944] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-family: monospace;
}

/* Estructura visual de amida */
.estructura-visual[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.molecula-amida[data-v-f55bc944] {
  display: flex;
  align-items: center;
  position: relative;
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  padding-bottom: 3rem;
}
.atomo[data-v-f55bc944] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
.atomo.r[data-v-f55bc944] {
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
}
.atomo.c[data-v-f55bc944] {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}
.atomo.o.carbonilo[data-v-f55bc944] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.2);
}
.atomo.n.amida-n[data-v-f55bc944] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
}
.h-group[data-v-f55bc944] {
  color: #FFFFFF;
  font-size: 1rem;
}
.enlace[data-v-f55bc944], .enlace-doble[data-v-f55bc944] {
  color: #8B5CF6;
  margin: 0 0.1rem;
}
.rama-n[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}
.enlace-vertical[data-v-f55bc944] {
  color: #8B5CF6;
  font-size: 1rem;
  line-height: 0.8;
}
.estructura-explicacion[data-v-f55bc944] {
  display: flex;
  gap: 1rem;
}
.exp-item[data-v-f55bc944] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.exp-color[data-v-f55bc944] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.exp-color.carbonilo[data-v-f55bc944] {
  background: #FCA5A5;
}
.exp-color.amino[data-v-f55bc944] {
  background: #93C5FD;
}

/* Características */
.caracteristicas-grid[data-v-f55bc944] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-f55bc944] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-f55bc944] {
  font-size: 1.1rem;
}
.caract-info[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-f55bc944] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-f55bc944] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-f55bc944] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-f55bc944] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-f55bc944] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-f55bc944] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.amina-ej[data-v-f55bc944] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ejemplo.amida-ej[data-v-f55bc944] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.ej-formula[data-v-f55bc944] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ej-nombre[data-v-f55bc944] {
  font-size: 0.8rem;
  font-weight: 600;
}
.amina-ej .ej-nombre[data-v-f55bc944] {
  color: #93C5FD;
}
.amida-ej .ej-nombre[data-v-f55bc944] {
  color: #C4B5FD;
}
.ej-uso[data-v-f55bc944] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-f55bc944] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-f55bc944] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f55bc944] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f55bc944] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.intro-visual[data-v-f55bc944] {
    gap: 2rem;
}
.grupo-funcional[data-v-f55bc944] {
    padding: 1.25rem 2rem;
}
.grupo-formula[data-v-f55bc944] {
    font-size: 1.6rem;
}
.caracteristicas-grid[data-v-f55bc944] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-f55bc944] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-f55bc944] {
    align-items: center;
}
.ejemplos-grid[data-v-f55bc944] {
    grid-template-columns: repeat(4, 1fr);
}
.molecula-amida[data-v-f55bc944] {
    font-size: 1.5rem;
}
.tipos-aminas[data-v-f55bc944] {
    gap: 0.75rem;
}
.tipo-amina[data-v-f55bc944] {
    padding: 0.75rem;
}
.tipo-estructura[data-v-f55bc944] {
    font-size: 0.85rem;
}
.tipo-nombre[data-v-f55bc944] {
    font-size: 0.75rem;
}
}

/* Colores temáticos */
strong.amina-txt[data-v-2d63f504] {
  color: #93C5FD;
}
strong.amida-txt[data-v-2d63f504] {
  color: #C4B5FD;
}
strong.sufijo[data-v-2d63f504] {
  color: #6EE7B7;
}
strong.prefijo[data-v-2d63f504] {
  color: #FCD34D;
}

/* Secciones */
.nom-section[data-v-2d63f504] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.nom-section.aminas-nom[data-v-2d63f504] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.nom-section.amidas-nom[data-v-2d63f504] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.section-titulo[data-v-2d63f504] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Reglas */
.reglas-box[data-v-2d63f504] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.regla[data-v-2d63f504] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.regla-num[data-v-2d63f504] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.regla-texto[data-v-2d63f504] {
  color: #E9D5FF;
}

/* Ejemplos nomenclatura */
.ejemplos-nom[data-v-2d63f504] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ejemplo-nom[data-v-2d63f504] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.6rem;
  text-align: center;
}
.formula-box[data-v-2d63f504] {
  padding: 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.4rem;
}
.formula-box.amida-box[data-v-2d63f504] {
  background: rgba(139, 92, 246, 0.2);
}
.formula[data-v-2d63f504] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.nombre-proceso[data-v-2d63f504] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.paso-nom[data-v-2d63f504] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.nombre-final[data-v-2d63f504] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  line-height: 1.2;
}

/* Nombres comunes */
.nombre-comun-box[data-v-2d63f504] {
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.nombre-comun-box.amida-comun[data-v-2d63f504] {
  background: rgba(139, 92, 246, 0.15);
}
.comun-titulo[data-v-2d63f504] {
  font-weight: 600;
  color: #FFFFFF;
  margin-right: 0.25rem;
}
.comun-texto[data-v-2d63f504] {
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-2d63f504] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-2d63f504] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.comparacion-tabla[data-v-2d63f504] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-2d63f504] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-2d63f504]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-2d63f504] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.header .td[data-v-2d63f504] {
  font-weight: 700;
  color: #FFFFFF;
}
.td[data-v-2d63f504] {
  padding: 0.5rem 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.td.amina-td[data-v-2d63f504] {
  color: #93C5FD;
  font-weight: 600;
}
.td.amida-td[data-v-2d63f504] {
  color: #C4B5FD;
  font-weight: 600;
}

/* Tip */
.tip[data-v-2d63f504] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-2d63f504] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2d63f504] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2d63f504] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-box[data-v-2d63f504] {
    flex-direction: row;
    gap: 1rem;
}
.regla[data-v-2d63f504] {
    flex: 1;
}
.ejemplos-nom[data-v-2d63f504] {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}
.formula[data-v-2d63f504] {
    font-size: 0.9rem;
}
.nombre-final[data-v-2d63f504] {
    font-size: 0.85rem;
}
}

/* Colores temáticos */
strong.destacado[data-v-192c05a1] {
  color: #FCD34D;
}
strong.basico[data-v-192c05a1] {
  color: #93C5FD;
}
strong.neutro[data-v-192c05a1] {
  color: #C4B5FD;
}

/* Secciones */
.prop-section[data-v-192c05a1] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
}
.prop-section.aminas-prop[data-v-192c05a1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.prop-section.amidas-prop[data-v-192c05a1] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.prop-section.fisicas-prop[data-v-192c05a1] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.section-titulo[data-v-192c05a1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Basicidad visual */
.basicidad-visual[data-v-192c05a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.molecula-basica[data-v-192c05a1],
.molecula-protonada[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.n-atomo[data-v-192c05a1] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.35rem;
}
.n-atomo.protonado[data-v-192c05a1] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.par-libre[data-v-192c05a1] {
  color: #FCD34D;
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: -0.25rem;
}
.explicacion-par[data-v-192c05a1],
.explicacion-prot[data-v-192c05a1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.flecha-reaccion[data-v-192c05a1] {
  font-size: 1.1rem;
  color: #FCD34D;
  font-weight: 600;
}
.explicacion-basica[data-v-192c05a1] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* Orden de basicidad */
.orden-basicidad[data-v-192c05a1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.orden-titulo[data-v-192c05a1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.orden-items[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.orden-item[data-v-192c05a1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.9rem;
}
.tipo-bas[data-v-192c05a1] {
  background: rgba(59, 130, 246, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  color: #93C5FD;
  font-weight: 600;
  font-family: monospace;
}
.mayor[data-v-192c05a1] {
  color: #FCD34D;
  font-weight: 700;
}
.orden-nota[data-v-192c05a1] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Factores */
.factores-grid[data-v-192c05a1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor[data-v-192c05a1] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.factor-icono[data-v-192c05a1] {
  font-size: 1rem;
}
.factor-info[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
}
.factor-nombre[data-v-192c05a1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.factor-efecto[data-v-192c05a1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Resonancia */
.resonancia-visual[data-v-192c05a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.forma-res[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.estructura-res[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
}
.c-res[data-v-192c05a1] {
  color: #FFFFFF;
}
.o-res[data-v-192c05a1] {
  color: #FCA5A5;
}
.o-res.neg[data-v-192c05a1] {
  color: #FCA5A5;
}
.n-res[data-v-192c05a1] {
  color: #93C5FD;
}
.n-res.pos[data-v-192c05a1] {
  color: #6EE7B7;
}
.par-n[data-v-192c05a1] {
  color: #FCD34D;
  margin-left: 0.1rem;
}
.doble[data-v-192c05a1] {
  color: #8B5CF6;
}
.simple[data-v-192c05a1] {
  color: #8B5CF6;
}
.flecha-res[data-v-192c05a1] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.forma-label[data-v-192c05a1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.explicacion-neutra[data-v-192c05a1] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* Comparación basicidad */
.comparacion-basicidad[data-v-192c05a1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-item[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.amina-comp[data-v-192c05a1] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.comp-item.amida-comp[data-v-192c05a1] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.comp-nombre[data-v-192c05a1] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-pkb[data-v-192c05a1] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}
.comp-nivel[data-v-192c05a1] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.comp-nivel.basico[data-v-192c05a1] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.comp-nivel.neutro[data-v-192c05a1] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}

/* Propiedades tabla */
.propiedades-tabla[data-v-192c05a1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.prop-row[data-v-192c05a1] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(16, 185, 129, 0.2);
}
.prop-row[data-v-192c05a1]:last-child {
  border-bottom: none;
}
.prop-row.header[data-v-192c05a1] {
  background: rgba(16, 185, 129, 0.2);
}
.prop-row.header .prop-td[data-v-192c05a1] {
  font-weight: 700;
  color: #FFFFFF;
}
.prop-td[data-v-192c05a1] {
  padding: 0.45rem 0.35rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.prop-td.label[data-v-192c05a1] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
  padding-left: 0.5rem;
}
.prop-td.amina-h[data-v-192c05a1] {
  color: #93C5FD;
}
.prop-td.amida-h[data-v-192c05a1] {
  color: #C4B5FD;
}
.prop-td.destacado[data-v-192c05a1] {
  color: #FCD34D;
  font-weight: 600;
}

/* Aplicaciones */
.aplicaciones-section[data-v-192c05a1] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-192c05a1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-192c05a1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-192c05a1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.aplicacion.amina-app[data-v-192c05a1] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.aplicacion.amida-app[data-v-192c05a1] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.app-icono[data-v-192c05a1] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.app-nombre[data-v-192c05a1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.app-ejemplo[data-v-192c05a1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-192c05a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1rem;
}
.tip-icono[data-v-192c05a1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-192c05a1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-192c05a1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.basicidad-visual[data-v-192c05a1] {
    gap: 1.5rem;
    flex-wrap: nowrap;
}
.comparacion-basicidad[data-v-192c05a1] {
    gap: 1rem;
}
.aplicaciones-grid[data-v-192c05a1] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicacion[data-v-192c05a1] {
    padding: 0.75rem;
}
.factores-grid[data-v-192c05a1] {
    gap: 0.75rem;
}
}

.explorador[data-v-40678d3a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-40678d3a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-40678d3a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-40678d3a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-40678d3a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-40678d3a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-40678d3a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-40678d3a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-40678d3a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-40678d3a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-40678d3a] {
  text-align: center;
}
.estructura-mostrada[data-v-40678d3a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-40678d3a] {
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: block;
}
.id-pregunta[data-v-40678d3a] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.id-pregunta strong.amina[data-v-40678d3a] {
  color: #93C5FD;
}
.id-pregunta strong.amida[data-v-40678d3a] {
  color: #C4B5FD;
}
.opciones-tipo[data-v-40678d3a] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-40678d3a] {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  border: 2px solid;
}
.opcion-tipo.amina-btn[data-v-40678d3a] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-tipo.amida-btn[data-v-40678d3a] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.opcion-tipo[data-v-40678d3a]:hover:not(:disabled) {
  transform: scale(1.02);
}
.opcion-tipo.seleccionada[data-v-40678d3a] {
  transform: scale(1.02);
}
.opcion-tipo.correcta[data-v-40678d3a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-tipo.incorrecta[data-v-40678d3a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Nomenclatura ===== */
.nomenclatura-container[data-v-40678d3a] {
  text-align: center;
}
.nom-pregunta[data-v-40678d3a] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-nombre[data-v-40678d3a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-40678d3a] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-40678d3a]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-40678d3a] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-40678d3a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-40678d3a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-40678d3a] {
  text-align: center;
}
.pregunta-prop[data-v-40678d3a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.pregunta-texto[data-v-40678d3a] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.pregunta-texto[data-v-40678d3a] strong {
  color: #FCD34D;
}
.opciones-prop[data-v-40678d3a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-prop[data-v-40678d3a] {
  padding: 0.75rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-prop[data-v-40678d3a]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-prop.seleccionada[data-v-40678d3a] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-prop.correcta[data-v-40678d3a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-prop.incorrecta[data-v-40678d3a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-40678d3a] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-40678d3a] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-40678d3a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-40678d3a] { font-size: 1.25rem;
}
.resultado-texto[data-v-40678d3a] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-40678d3a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-40678d3a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-40678d3a] { flex: 1;
}
.nav-btn[data-v-40678d3a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-40678d3a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-40678d3a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-40678d3a] { font-size: 1.75rem;
}
.completado-texto[data-v-40678d3a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-40678d3a], .slide-leave-active[data-v-40678d3a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-40678d3a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-40678d3a] { opacity: 0; transform: translateX(-15px);
}

/* Header */
.resumen-header[data-v-57bf9e7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-57bf9e7a] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-57bf9e7a] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Comparación principal */
.comparacion-principal[data-v-57bf9e7a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.comp-card[data-v-57bf9e7a] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.comp-card.amina-card[data-v-57bf9e7a] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.comp-card.amida-card[data-v-57bf9e7a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.card-header[data-v-57bf9e7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
}
.amina-card .card-header[data-v-57bf9e7a] {
  background: rgba(59, 130, 246, 0.2);
}
.amida-card .card-header[data-v-57bf9e7a] {
  background: rgba(139, 92, 246, 0.2);
}
.card-emoji[data-v-57bf9e7a] {
  font-size: 1rem;
}
.card-nombre[data-v-57bf9e7a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.card-body[data-v-57bf9e7a] {
  padding: 0.5rem;
}
.dato[data-v-57bf9e7a] {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0;
  border-bottom: 1px solid rgba(139, 92, 246, 0.15);
}
.dato[data-v-57bf9e7a]:last-child {
  border-bottom: none;
}
.dato-label[data-v-57bf9e7a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dato-valor[data-v-57bf9e7a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.dato-valor.negativo[data-v-57bf9e7a] {
  color: #FCA5A5;
}
.dato-valor.positivo[data-v-57bf9e7a] {
  color: #6EE7B7;
}
.dato-valor.basico[data-v-57bf9e7a] {
  color: #93C5FD;
}
.dato-valor.neutro[data-v-57bf9e7a] {
  color: #C4B5FD;
}
.dato-valor.sufijo[data-v-57bf9e7a] {
  color: #FCD34D;
}

/* Claves PAES */
.claves-section[data-v-57bf9e7a] {
  margin-bottom: 1.5rem;
}
.claves-titulo[data-v-57bf9e7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.clave-item[data-v-57bf9e7a] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin-bottom: 0.4rem;
}
.clave-num[data-v-57bf9e7a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.clave-contenido[data-v-57bf9e7a] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.clave-titulo[data-v-57bf9e7a] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.clave-texto[data-v-57bf9e7a] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.clave-texto strong[data-v-57bf9e7a] {
  color: #FCD34D;
}

/* Tabla resumen */
.tabla-resumen[data-v-57bf9e7a] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-57bf9e7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.tabla-grid[data-v-57bf9e7a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-57bf9e7a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-57bf9e7a]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-57bf9e7a] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.header .t-cell[data-v-57bf9e7a] {
  font-weight: 700;
}
.t-cell[data-v-57bf9e7a] {
  padding: 0.4rem 0.3rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}
.t-cell.label[data-v-57bf9e7a] {
  font-weight: 600;
  color: #C4B5FD;
  text-align: left;
  padding-left: 0.5rem;
}
.t-cell.amina-h[data-v-57bf9e7a] {
  color: #93C5FD;
}
.t-cell.amida-h[data-v-57bf9e7a] {
  color: #C4B5FD;
}
.t-cell.destacado[data-v-57bf9e7a] {
  color: #FCD34D;
  font-weight: 600;
}

/* Ejemplos biológicos */
.ejemplos-importantes[data-v-57bf9e7a] {
  margin-bottom: 1.5rem;
}
.ejemplos-titulo[data-v-57bf9e7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplos-lista[data-v-57bf9e7a] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.ejemplo-bio[data-v-57bf9e7a] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.ejemplo-bio.amina-bio[data-v-57bf9e7a] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ejemplo-bio.amida-bio[data-v-57bf9e7a] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.bio-nombre[data-v-57bf9e7a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.bio-tipo[data-v-57bf9e7a] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Tip final */
.tip-final[data-v-57bf9e7a] {
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(245, 158, 11, 0.1));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tip-icono[data-v-57bf9e7a] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-57bf9e7a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo[data-v-57bf9e7a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-57bf9e7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-57bf9e7a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-principal[data-v-57bf9e7a] {
    gap: 1rem;
}
.card-body[data-v-57bf9e7a] {
    padding: 0.75rem;
}
.dato[data-v-57bf9e7a] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.dato-label[data-v-57bf9e7a] {
    font-size: 0.7rem;
}
.dato-valor[data-v-57bf9e7a] {
    font-size: 0.8rem;
}
.clave-item[data-v-57bf9e7a] {
    padding: 0.75rem;
}
.ejemplos-lista[data-v-57bf9e7a] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual - Benceno */
.intro-visual[data-v-ce8d3a54] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.benceno-container[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.benceno-svg[data-v-ce8d3a54] {
  width: 100px;
  height: 100px;
}
.benceno-formula[data-v-ce8d3a54] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}

/* Texto destacado */
strong.destacado[data-v-ce8d3a54] {
  color: #FCD34D;
}

/* Estructura del benceno */
.estructura-section[data-v-ce8d3a54] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.estructura-titulo[data-v-ce8d3a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.estructura-contenido[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.estructura-visual[data-v-ce8d3a54] {
  position: relative;
  width: 140px;
  height: 140px;
}
.hexagono-detallado[data-v-ce8d3a54] {
  position: relative;
  width: 100%;
  height: 100%;
}
.hexagono-detallado[data-v-ce8d3a54]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 70px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  border: 2px solid #8B5CF6;
  box-sizing: border-box;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(139, 92, 246, 0.05));
}
.hexagono-detallado[data-v-ce8d3a54]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 2px solid #FCD34D;
  border-radius: 50%;
}
.carbono[data-v-ce8d3a54] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.c1[data-v-ce8d3a54] { top: 5px; left: 50%; transform: translateX(-50%);
}
.c2[data-v-ce8d3a54] { top: 28px; right: 12px;
}
.c3[data-v-ce8d3a54] { bottom: 28px; right: 12px;
}
.c4[data-v-ce8d3a54] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.c5[data-v-ce8d3a54] { bottom: 28px; left: 12px;
}
.c6[data-v-ce8d3a54] { top: 28px; left: 12px;
}
.hidrogeno[data-v-ce8d3a54] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  color: #064E3B;
}
.h1[data-v-ce8d3a54] { top: -8px; left: 50%; transform: translateX(-50%);
}
.h2[data-v-ce8d3a54] { top: 20px; right: -5px;
}
.h3[data-v-ce8d3a54] { bottom: 20px; right: -5px;
}
.h4[data-v-ce8d3a54] { bottom: -8px; left: 50%; transform: translateX(-50%);
}
.h5[data-v-ce8d3a54] { bottom: 20px; left: -5px;
}
.h6[data-v-ce8d3a54] { top: 20px; left: -5px;
}
.estructura-datos[data-v-ce8d3a54] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.dato[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dato-label[data-v-ce8d3a54] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-ce8d3a54] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Aromaticidad */
.aromaticidad-section[data-v-ce8d3a54] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.aromaticidad-titulo[data-v-ce8d3a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aromaticidad-intro[data-v-ce8d3a54] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
}
.regla-huckel[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid #FCD34D;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.regla-formula[data-v-ce8d3a54] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.regla-ejemplo[data-v-ce8d3a54] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ejemplos-electrons[data-v-ce8d3a54] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
}
.electron-ejemplo[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.n-valor[data-v-ce8d3a54] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.e-resultado[data-v-ce8d3a54] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.e-compuesto[data-v-ce8d3a54] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Requisitos */
.requisitos-section[data-v-ce8d3a54] {
  margin: 1.5rem 0;
}
.requisitos-titulo[data-v-ce8d3a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-lista[data-v-ce8d3a54] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.requisito[data-v-ce8d3a54] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.req-icono[data-v-ce8d3a54] {
  font-size: 1.25rem;
}
.req-info[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
}
.req-nombre[data-v-ce8d3a54] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.req-detalle[data-v-ce8d3a54] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Estabilidad */
.estabilidad-section[data-v-ce8d3a54] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.estabilidad-titulo[data-v-ce8d3a54] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.estabilidad-section p[data-v-ce8d3a54] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.resonancia-visual[data-v-ce8d3a54] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.estructura-resonante[data-v-ce8d3a54] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.resonante-svg[data-v-ce8d3a54] {
  width: 50px;
  height: 50px;
}
.flecha-resonancia[data-v-ce8d3a54],
.igual-resonancia[data-v-ce8d3a54] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.estructura-resonante.hibrido[data-v-ce8d3a54] {
  position: relative;
}
.hibrido-label[data-v-ce8d3a54] {
  font-size: 0.65rem;
  color: #6EE7B7;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-ce8d3a54] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-ce8d3a54] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ce8d3a54] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ce8d3a54] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.benceno-svg[data-v-ce8d3a54] {
    width: 120px;
    height: 120px;
}
.estructura-contenido[data-v-ce8d3a54] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.requisitos-lista[data-v-ce8d3a54] {
    grid-template-columns: repeat(4, 1fr);
}
.requisito[data-v-ce8d3a54] {
    flex-direction: column;
    text-align: center;
}
.req-info[data-v-ce8d3a54] {
    align-items: center;
}
.resonante-svg[data-v-ce8d3a54] {
    width: 60px;
    height: 60px;
}
}

/* Texto destacado */
strong.destacado[data-v-a73f09ef] {
  color: #FCD34D;
}

/* Derivados monosustituidos */
.derivados-section[data-v-a73f09ef] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.derivados-titulo[data-v-a73f09ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.derivados-intro[data-v-a73f09ef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.derivados-grid[data-v-a73f09ef] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.derivado[data-v-a73f09ef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.derivado-visual[data-v-a73f09ef] {
  margin-bottom: 0.25rem;
}
.derivado-svg[data-v-a73f09ef] {
  width: 50px;
  height: 60px;
}
.derivado-nombre[data-v-a73f09ef] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.derivado-sistematico[data-v-a73f09ef] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Posiciones orto, meta, para */
.posiciones-section[data-v-a73f09ef] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.posiciones-titulo[data-v-a73f09ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.posiciones-intro[data-v-a73f09ef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.posiciones-grid[data-v-a73f09ef] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.posicion[data-v-a73f09ef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.posicion-visual[data-v-a73f09ef] {
  margin-bottom: 0.25rem;
}
.posicion-svg[data-v-a73f09ef] {
  width: 55px;
  height: 55px;
}
.posicion-nombre[data-v-a73f09ef] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.posicion-numeros[data-v-a73f09ef] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.posicion-desc[data-v-a73f09ef] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-a73f09ef] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a73f09ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-a73f09ef] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-a73f09ef] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-estructura[data-v-a73f09ef] {
  flex-shrink: 0;
}
.ejemplo-svg[data-v-a73f09ef] {
  width: 55px;
  height: 65px;
}
.ejemplo-nombres[data-v-a73f09ef] {
  display: flex;
  flex-direction: column;
}
.ejemplo-comun[data-v-a73f09ef] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-iupac[data-v-a73f09ef] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Prioridad */
.prioridad-section[data-v-a73f09ef] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.prioridad-titulo[data-v-a73f09ef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.prioridad-intro[data-v-a73f09ef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.prioridad-lista[data-v-a73f09ef] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.prioridad-item[data-v-a73f09ef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prioridad-num[data-v-a73f09ef] {
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.prioridad-grupo[data-v-a73f09ef] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.prioridad-nombre[data-v-a73f09ef] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-a73f09ef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-a73f09ef] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a73f09ef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a73f09ef] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.derivados-grid[data-v-a73f09ef] {
    grid-template-columns: repeat(4, 1fr);
}
.derivado-svg[data-v-a73f09ef] {
    width: 60px;
    height: 70px;
}
.posicion-svg[data-v-a73f09ef] {
    width: 65px;
    height: 65px;
}
.ejemplos-lista[data-v-a73f09ef] {
    flex-direction: row;
    flex-wrap: wrap;
}
.ejemplo-item[data-v-a73f09ef] {
    flex: 1;
    min-width: 180px;
    flex-direction: column;
    text-align: center;
}
.ejemplo-nombres[data-v-a73f09ef] {
    align-items: center;
}
.prioridad-lista[data-v-a73f09ef] {
    justify-content: center;
}
}

.explorador[data-v-ebc9ae65] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-ebc9ae65] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-ebc9ae65] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-ebc9ae65] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-ebc9ae65] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-ebc9ae65] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-ebc9ae65] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-ebc9ae65] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-ebc9ae65] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-ebc9ae65] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Hückel ===== */
.huckel-container[data-v-ebc9ae65] {
  text-align: center;
}
.huckel-formula[data-v-ebc9ae65] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.formula-texto[data-v-ebc9ae65] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-expresion[data-v-ebc9ae65] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-huckel[data-v-ebc9ae65] {
  margin: 1rem 0;
}
.pregunta-huckel p[data-v-ebc9ae65] {
  margin: 0.25rem 0;
  color: #E9D5FF;
}
.e-num[data-v-ebc9ae65] {
  color: #6EE7B7;
  font-size: 1.3rem;
}
.pregunta-es[data-v-ebc9ae65] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.5rem;
}
.opciones-huckel[data-v-ebc9ae65] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.opcion-huckel[data-v-ebc9ae65] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-huckel[data-v-ebc9ae65]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-huckel.seleccionada[data-v-ebc9ae65] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-huckel.correcta[data-v-ebc9ae65] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-huckel.incorrecta[data-v-ebc9ae65] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Posiciones ===== */
.posicion-container[data-v-ebc9ae65] {
  text-align: center;
}
.posicion-visual[data-v-ebc9ae65] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.benceno-interactivo[data-v-ebc9ae65] {
  width: 140px;
  height: 140px;
}
.posicion-pregunta[data-v-ebc9ae65] {
  color: #E9D5FF;
  margin: 0 0 1rem 0;
}
.posicion-tipo[data-v-ebc9ae65] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.opciones-posicion[data-v-ebc9ae65] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-pos[data-v-ebc9ae65] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-pos[data-v-ebc9ae65]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-pos.seleccionada[data-v-ebc9ae65] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-pos.correcta[data-v-ebc9ae65] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-pos.incorrecta[data-v-ebc9ae65] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Nomenclatura ===== */
.nombre-container[data-v-ebc9ae65] {
  text-align: center;
}
.estructura-mostrada[data-v-ebc9ae65] {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.estructura-svg[data-v-ebc9ae65] {
  width: 100px;
  height: 100px;
}
.nombre-pregunta[data-v-ebc9ae65] {
  color: #E9D5FF;
  margin: 0 0 1rem 0;
}
.opciones-nombre[data-v-ebc9ae65] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-nombre[data-v-ebc9ae65] {
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-nombre[data-v-ebc9ae65]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-nombre.seleccionada[data-v-ebc9ae65] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-nombre.correcta[data-v-ebc9ae65] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-nombre.incorrecta[data-v-ebc9ae65] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-ebc9ae65] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-ebc9ae65] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-ebc9ae65] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-ebc9ae65] { font-size: 1.25rem;
}
.resultado-texto[data-v-ebc9ae65] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-ebc9ae65] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-ebc9ae65] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-ebc9ae65] { flex: 1;
}
.nav-btn[data-v-ebc9ae65] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-ebc9ae65] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-ebc9ae65] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-ebc9ae65] { font-size: 1.75rem;
}
.completado-texto[data-v-ebc9ae65] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-ebc9ae65], .slide-leave-active[data-v-ebc9ae65] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-ebc9ae65] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-ebc9ae65] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.benceno-interactivo[data-v-ebc9ae65] {
    width: 160px;
    height: 160px;
}
.opciones-huckel[data-v-ebc9ae65] {
    flex-direction: row;
    justify-content: center;
}
.opcion-huckel[data-v-ebc9ae65] {
    min-width: 180px;
}
.estructura-svg[data-v-ebc9ae65] {
    width: 120px;
    height: 120px;
}
}

/* Resumen hero */
.resumen-hero[data-v-569f964b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.benceno-resumen[data-v-569f964b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.benceno-mini[data-v-569f964b] {
  width: 60px;
  height: 60px;
}
.benceno-nombre[data-v-569f964b] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  font-family: monospace;
}
.conceptos-clave[data-v-569f964b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.concepto-tag[data-v-569f964b] {
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 9999px;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Texto destacado */
strong.destacado[data-v-569f964b] {
  color: #FCD34D;
}

/* Puntos clave */
.puntos-section[data-v-569f964b] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-569f964b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-lista[data-v-569f964b] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.punto[data-v-569f964b] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.punto-num[data-v-569f964b] {
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.punto-contenido[data-v-569f964b] {
  flex: 1;
}
.punto-titulo[data-v-569f964b] {
  color: #FFFFFF;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 0.2rem;
}
.punto-texto[data-v-569f964b] {
  margin: 0;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.punto-texto strong[data-v-569f964b] {
  color: #E9D5FF;
}

/* Referencia rápida */
.referencia-section[data-v-569f964b] {
  margin: 1.5rem 0;
}
.referencia-titulo[data-v-569f964b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.referencia-grid[data-v-569f964b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.ref-card[data-v-569f964b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ref-header[data-v-569f964b] {
  padding: 0.5rem;
  font-weight: 700;
  text-align: center;
  font-size: 0.9rem;
}
.ref-card.huckel .ref-header[data-v-569f964b] {
  background: rgba(252, 211, 77, 0.2);
  color: #FCD34D;
}
.ref-card.posiciones .ref-header[data-v-569f964b] {
  background: rgba(110, 231, 183, 0.2);
  color: #6EE7B7;
}
.ref-body[data-v-569f964b] {
  padding: 0.5rem;
}
.ref-row[data-v-569f964b] {
  display: flex;
  justify-content: space-between;
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ref-row[data-v-569f964b]:not(:last-child) {
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.pos-orto span[data-v-569f964b]:last-child { color: #93C5FD;
}
.pos-meta span[data-v-569f964b]:last-child { color: #FCD34D;
}
.pos-para span[data-v-569f964b]:last-child { color: #6EE7B7;
}

/* Derivados */
.derivados-section[data-v-569f964b] {
  margin: 1.5rem 0;
}
.derivados-titulo[data-v-569f964b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.derivados-grid[data-v-569f964b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.derivado-item[data-v-569f964b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.derivado-formula[data-v-569f964b] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.derivado-nombre[data-v-569f964b] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Errores comunes */
.errores-section[data-v-569f964b] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-569f964b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.errores-lista[data-v-569f964b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-569f964b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.error-mal[data-v-569f964b] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-bien[data-v-569f964b] {
  color: #6EE7B7;
  font-weight: 700;
}
.error-texto[data-v-569f964b] {
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-569f964b] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin: 1.5rem 0;
}
.tip-icono[data-v-569f964b] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-569f964b] {
  flex: 1;
}
.tip-contenido strong[data-v-569f964b] {
  color: #FCD34D;
  display: block;
  margin-bottom: 0.5rem;
}
.tip-lista[data-v-569f964b] {
  margin: 0;
  padding-left: 1.25rem;
  color: #E9D5FF;
  font-size: 0.85rem;
}
.tip-lista li[data-v-569f964b] {
  margin-bottom: 0.25rem;
}

/* Mensaje de completado */
.completado-mensaje[data-v-569f964b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}
.completado-icono[data-v-569f964b] {
  font-size: 1.5rem;
}
.completado-texto[data-v-569f964b] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-hero[data-v-569f964b] {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
}
.benceno-mini[data-v-569f964b] {
    width: 70px;
    height: 70px;
}
.derivados-grid[data-v-569f964b] {
    grid-template-columns: repeat(4, 1fr);
}
.errores-lista[data-v-569f964b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-dc2a0354] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.5rem 0 2rem;
}
.formula-general[data-v-dc2a0354] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-general .formula[data-v-dc2a0354] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-general .simbolo[data-v-dc2a0354] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #C4B5FD;
}
.diferencia[data-v-dc2a0354] {
  margin-top: 0.5rem;
  padding: 0.4rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
}
.diferencia-texto[data-v-dc2a0354] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-dc2a0354] {
  color: #6EE7B7;
}
strong.espacial[data-v-dc2a0354] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-dc2a0354] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-dc2a0354] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-dc2a0354] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-isomeria[data-v-dc2a0354] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border: 1px solid transparent;
}
.tipo-isomeria.destacada[data-v-dc2a0354] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-icono[data-v-dc2a0354] {
  font-size: 1.5rem;
}
.tipo-info[data-v-dc2a0354] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.tipo-nombre[data-v-dc2a0354] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-detalle[data-v-dc2a0354] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tipo-ejemplo[data-v-dc2a0354] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-style: italic;
}

/* Tipos de estereoisomería */
.tipos-section[data-v-dc2a0354] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-dc2a0354] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-dc2a0354] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo[data-v-dc2a0354] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tipo-header[data-v-dc2a0354] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.tipo-icon[data-v-dc2a0354] {
  font-size: 1.25rem;
}
.tipo-name[data-v-dc2a0354] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-dc2a0354] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding-left: 1.75rem;
}

/* Visual 3D */
.visual-3d[data-v-dc2a0354] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.visual-titulo[data-v-dc2a0354] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.manos-ejemplo[data-v-dc2a0354] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.mano[data-v-dc2a0354] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mano-emoji[data-v-dc2a0354] {
  font-size: 2.5rem;
}
.mano-label[data-v-dc2a0354] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.mano-espejo[data-v-dc2a0354] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}
.manos-explicacion[data-v-dc2a0354] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.5;
}

/* Tip */
.tip[data-v-dc2a0354] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-dc2a0354] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dc2a0354] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dc2a0354] {
  color: #FCD34D;
}
.tip-texto strong.espacial[data-v-dc2a0354] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-general .formula[data-v-dc2a0354] {
    font-size: 1.1rem;
}
.comparacion-grid[data-v-dc2a0354] {
    flex-direction: row;
    gap: 0.75rem;
}
.tipo-isomeria[data-v-dc2a0354] {
    flex: 1;
}
.tipos-grid[data-v-dc2a0354] {
    flex-direction: row;
    gap: 0.75rem;
}
.tipos-grid .tipo[data-v-dc2a0354] {
    flex: 1;
}
.mano-emoji[data-v-dc2a0354] {
    font-size: 3.5rem;
}
}

/* Intro box */
.intro-box[data-v-487e69da] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icon[data-v-487e69da] {
  font-size: 1.75rem;
}
.intro-text[data-v-487e69da] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-487e69da] {
  color: #FCD34D;
}

/* Requisitos */
.requisitos-section[data-v-487e69da] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.requisitos-titulo[data-v-487e69da] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.requisitos-grid[data-v-487e69da] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.requisito[data-v-487e69da] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.req-num[data-v-487e69da] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.req-info[data-v-487e69da] {
  display: flex;
  flex-direction: column;
}
.req-titulo[data-v-487e69da] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.req-detalle[data-v-487e69da] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo principal */
.ejemplo-section[data-v-487e69da] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-487e69da] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
  text-align: center;
}
.isomeros-container[data-v-487e69da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.isomero[data-v-487e69da] {
  width: 100%;
  max-width: 200px;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.isomero-label[data-v-487e69da] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.estructura-visual[data-v-487e69da] {
  padding: 0.5rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.molecula-cis[data-v-487e69da],
.molecula-trans[data-v-487e69da],
.molecula-cis-bottom[data-v-487e69da],
.molecula-trans-bottom[data-v-487e69da] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grupo-izq[data-v-487e69da],
.grupo-der[data-v-487e69da] {
  display: flex;
  align-items: center;
}
.grupo[data-v-487e69da] {
  color: #6EE7B7;
  font-weight: 700;
}
.enlace-diagonal[data-v-487e69da] {
  color: #C4B5FD;
}
.doble-enlace[data-v-487e69da] {
  margin: 0 0.25rem;
}
.c-doble[data-v-487e69da] {
  color: #FFFFFF;
  font-weight: 700;
}
.espacio[data-v-487e69da] {
  width: 2.5rem;
}
.isomero-desc[data-v-487e69da] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cis-badge[data-v-487e69da],
.trans-badge[data-v-487e69da] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 700;
}
.cis-badge[data-v-487e69da] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.trans-badge[data-v-487e69da] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.desc-text[data-v-487e69da] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs-separador[data-v-487e69da] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}

/* Propiedades */
.propiedades-section[data-v-487e69da] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.propiedades-titulo[data-v-487e69da] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedad-item[data-v-487e69da] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.prop-nombre[data-v-487e69da] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.prop-comparacion[data-v-487e69da] {
  display: flex;
  gap: 1rem;
}
.prop-cis[data-v-487e69da],
.prop-trans[data-v-487e69da] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.prop-cis strong[data-v-487e69da] {
  color: #93C5FD;
}
.prop-trans strong[data-v-487e69da] {
  color: #FCD34D;
}
.propiedad-explicacion[data-v-487e69da] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Contraejemplo */
.contraejemplo[data-v-487e69da] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.contra-titulo[data-v-487e69da] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
}
.contra-ejemplo[data-v-487e69da] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contra-formula[data-v-487e69da] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #FFFFFF;
}
.contra-razon[data-v-487e69da] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-487e69da] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-487e69da] {
  font-size: 1.25rem;
}
.tip-texto[data-v-487e69da] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-487e69da] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.requisitos-grid[data-v-487e69da] {
    flex-direction: row;
    gap: 0.75rem;
}
.requisito[data-v-487e69da] {
    flex: 1;
}
.isomeros-container[data-v-487e69da] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
.isomero[data-v-487e69da] {
    max-width: 220px;
}
}

/* Intro box */
.intro-box[data-v-6e0f6458] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icon[data-v-6e0f6458] {
  font-size: 1.75rem;
}
.intro-text[data-v-6e0f6458] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-6e0f6458] {
  color: #FCD34D;
}
strong.negativo[data-v-6e0f6458] {
  color: #FCA5A5;
}

/* Luz polarizada */
.luz-section[data-v-6e0f6458] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.luz-titulo[data-v-6e0f6458] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.luz-explicacion p[data-v-6e0f6458] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.rotacion-tipos[data-v-6e0f6458] {
  display: flex;
  gap: 0.75rem;
}
.rotacion[data-v-6e0f6458] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.rotacion.dextro[data-v-6e0f6458] {
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.rotacion.levo[data-v-6e0f6458] {
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.rot-simbolo[data-v-6e0f6458] {
  font-size: 1.25rem;
  font-weight: 800;
}
.dextro .rot-simbolo[data-v-6e0f6458] {
  color: #6EE7B7;
}
.levo .rot-simbolo[data-v-6e0f6458] {
  color: #FCA5A5;
}
.rot-nombre[data-v-6e0f6458] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.rot-direccion[data-v-6e0f6458] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Enantiómeros */
.enantiomeros-section[data-v-6e0f6458] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.enan-titulo[data-v-6e0f6458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.enan-def[data-v-6e0f6458] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.espejo-visual[data-v-6e0f6458] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.molecula-l[data-v-6e0f6458],
.molecula-d[data-v-6e0f6458] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.mol-centro[data-v-6e0f6458] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
  margin-bottom: 0.25rem;
}
.mol-grupos[data-v-6e0f6458] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
  text-align: center;
}
.mol-g1[data-v-6e0f6458],
.mol-g2[data-v-6e0f6458],
.mol-g3[data-v-6e0f6458],
.mol-g4[data-v-6e0f6458] {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.mol-g1[data-v-6e0f6458] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.mol-g2[data-v-6e0f6458] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.mol-g3[data-v-6e0f6458] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.mol-g4[data-v-6e0f6458] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.mol-label[data-v-6e0f6458] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.espejo[data-v-6e0f6458] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.espejo-linea[data-v-6e0f6458] {
  width: 2px;
  height: 80px;
  background: linear-gradient(to bottom, transparent, #C4B5FD, transparent);
}
.espejo-label[data-v-6e0f6458] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Propiedades */
.propiedades-section[data-v-6e0f6458] {
  margin: 1.5rem 0;
}
.prop-titulo[data-v-6e0f6458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-6e0f6458] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.propiedad[data-v-6e0f6458] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.propiedad.igual[data-v-6e0f6458] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.propiedad.diferente[data-v-6e0f6458] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.propiedad.igual .prop-icono[data-v-6e0f6458] {
  color: #6EE7B7;
}
.propiedad.diferente .prop-icono[data-v-6e0f6458] {
  color: #FCD34D;
}
.prop-icono[data-v-6e0f6458] {
  font-weight: 700;
  font-size: 1rem;
}
.prop-texto[data-v-6e0f6458] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo biológico */
.ejemplo-bio[data-v-6e0f6458] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.bio-titulo[data-v-6e0f6458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.bio-ejemplo p[data-v-6e0f6458] {
  margin: 0 0 0.5rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.bio-conclusion[data-v-6e0f6458] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0 !important;
}

/* Mezcla racémica */
.racemica-section[data-v-6e0f6458] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.rac-titulo[data-v-6e0f6458] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.rac-def[data-v-6e0f6458] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-6e0f6458] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6e0f6458] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6e0f6458] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6e0f6458] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.propiedades-grid[data-v-6e0f6458] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.propiedad.diferente[data-v-6e0f6458] {
    grid-column: span 1;
}
}

/* Intro box */
.intro-box[data-v-3e19a2aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icon[data-v-3e19a2aa] {
  font-size: 1.75rem;
}
.intro-text[data-v-3e19a2aa] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-3e19a2aa] {
  color: #FCD34D;
}

/* Sección carbono quiral */
.quiral-section[data-v-3e19a2aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.quiral-titulo[data-v-3e19a2aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.quiral-def p[data-v-3e19a2aa] {
  margin: 0 0 1rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.tetraedro-visual[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tetraedro[data-v-3e19a2aa] {
  position: relative;
  width: 120px;
  height: 120px;
}
.centro[data-v-3e19a2aa] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}
.grupos[data-v-3e19a2aa] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grupo[data-v-3e19a2aa] {
  position: absolute;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
}
.g1[data-v-3e19a2aa] { top: 5px; left: 50%; transform: translateX(-50%); background: rgba(239, 68, 68, 0.4); color: #FCA5A5;
}
.g2[data-v-3e19a2aa] { bottom: 10px; left: 10px; background: rgba(59, 130, 246, 0.4); color: #93C5FD;
}
.g3[data-v-3e19a2aa] { bottom: 10px; right: 10px; background: rgba(16, 185, 129, 0.4); color: #6EE7B7;
}
.g4[data-v-3e19a2aa] { top: 50%; right: 5px; transform: translateY(-50%); background: rgba(245, 158, 11, 0.4); color: #FCD34D;
}
.tetraedro-explicacion[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.te-text[data-v-3e19a2aa] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.te-sub[data-v-3e19a2aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo ácido láctico */
.ejemplo-section[data-v-3e19a2aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-3e19a2aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.lactato-visual[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-lactato[data-v-3e19a2aa] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-text[data-v-3e19a2aa] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.carbono-quiral[data-v-3e19a2aa] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.5rem;
}
.cq-label[data-v-3e19a2aa] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  text-align: center;
}
.cq-grupos[data-v-3e19a2aa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.cq-grupo[data-v-3e19a2aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.cq-num[data-v-3e19a2aa] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.cq-nombre[data-v-3e19a2aa] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.cq-conclusion[data-v-3e19a2aa] {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Cómo identificar */
.identificar-section[data-v-3e19a2aa] {
  margin: 1.5rem 0;
}
.id-titulo[data-v-3e19a2aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-identificar[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso[data-v-3e19a2aa] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.paso-num[data-v-3e19a2aa] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  flex-shrink: 0;
}
.paso-text[data-v-3e19a2aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-text strong[data-v-3e19a2aa] {
  color: #FCD34D;
}

/* Comparación */
.comparacion-section[data-v-3e19a2aa] {
  margin: 1.5rem 0;
}
.comp-titulo[data-v-3e19a2aa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comp-grid[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-3e19a2aa] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.si-quiral[data-v-3e19a2aa] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.no-quiral[data-v-3e19a2aa] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.comp-label[data-v-3e19a2aa] {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.si-quiral .comp-label[data-v-3e19a2aa] {
  color: #6EE7B7;
}
.no-quiral .comp-label[data-v-3e19a2aa] {
  color: #FCA5A5;
}
.comp-formula[data-v-3e19a2aa] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.comp-razon[data-v-3e19a2aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Múltiples carbonos */
.multiples-section[data-v-3e19a2aa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.mult-titulo[data-v-3e19a2aa] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.mult-info p[data-v-3e19a2aa] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.formula-2n[data-v-3e19a2aa] {
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
}
.mult-ejemplo[data-v-3e19a2aa] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.mult-n[data-v-3e19a2aa] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.mult-resultado[data-v-3e19a2aa] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Tip */
.tip[data-v-3e19a2aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3e19a2aa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3e19a2aa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3e19a2aa] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.comp-grid[data-v-3e19a2aa] {
    flex-direction: row;
    gap: 0.75rem;
}
.comp-item[data-v-3e19a2aa] {
    flex: 1;
}
.cq-grupos[data-v-3e19a2aa] {
    grid-template-columns: repeat(4, 1fr);
}
.mult-ejemplo[data-v-3e19a2aa] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
}

.explorador[data-v-b7de3893] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b7de3893] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b7de3893] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b7de3893] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-b7de3893] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b7de3893] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b7de3893] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b7de3893] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b7de3893] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b7de3893] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: cis-trans ===== */
.cistrans-container[data-v-b7de3893] {
  text-align: center;
}
.molecula-mostrar[data-v-b7de3893] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.mol-nombre[data-v-b7de3893] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.mol-estructura[data-v-b7de3893] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.mol-estructura[data-v-b7de3893] .est-visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.2;
}
.mol-estructura[data-v-b7de3893] .est-row {
  white-space: pre;
}
.pregunta[data-v-b7de3893] {
  margin: 0.75rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-cistrans[data-v-b7de3893] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-ct[data-v-b7de3893] {
  padding: 0.6rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  border: 2px solid transparent;
}
.cis-btn[data-v-b7de3893] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.trans-btn[data-v-b7de3893] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.no-btn[data-v-b7de3893] {
  background: rgba(139, 92, 246, 0.2);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.opcion-ct.seleccionada[data-v-b7de3893] {
  transform: scale(1.05);
}
.opcion-ct.correcta[data-v-b7de3893] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-ct.incorrecta[data-v-b7de3893] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* ===== DESAFÍO 2: Quirales ===== */
.quiral-container[data-v-b7de3893] {
  text-align: center;
}
.quiral-molecula[data-v-b7de3893] {
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.qm-nombre[data-v-b7de3893] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.qm-formula[data-v-b7de3893] {
  font-family: monospace;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.opciones-quiral[data-v-b7de3893] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-num[data-v-b7de3893] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-num[data-v-b7de3893]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-num.seleccionada[data-v-b7de3893] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-num.correcta[data-v-b7de3893] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-num.incorrecta[data-v-b7de3893] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-b7de3893] {
  text-align: center;
}
.prop-pregunta-box[data-v-b7de3893] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.prop-q[data-v-b7de3893] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
}
.opciones-prop[data-v-b7de3893] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.opcion-prop[data-v-b7de3893] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.2s;
}
.opcion-prop[data-v-b7de3893]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-prop.seleccionada[data-v-b7de3893] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.opcion-prop.correcta[data-v-b7de3893] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-prop.incorrecta[data-v-b7de3893] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback y resultados */
.feedback[data-v-b7de3893] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.feedback.error[data-v-b7de3893] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-b7de3893] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b7de3893] { font-size: 1.25rem;
}
.resultado-texto[data-v-b7de3893] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-b7de3893] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-b7de3893] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-b7de3893] { flex: 1;
}
.nav-btn[data-v-b7de3893] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b7de3893] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b7de3893] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b7de3893] { font-size: 1.75rem;
}
.completado-texto[data-v-b7de3893] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b7de3893], .slide-leave-active[data-v-b7de3893] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b7de3893] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b7de3893] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-prop[data-v-b7de3893] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

/* Header visual */
.header-visual[data-v-91cbc833] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.header-icon[data-v-91cbc833] {
  font-size: 2rem;
}
.header-text[data-v-91cbc833] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Definición */
.definicion-box[data-v-91cbc833] {
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.definicion-box p[data-v-91cbc833] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.verde[data-v-91cbc833] {
  color: #6EE7B7;
}
strong.amarillo[data-v-91cbc833] {
  color: #FCD34D;
}

/* Tipos de estereoisomería */
.tipos-resumen[data-v-91cbc833] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.tipo-card[data-v-91cbc833] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.tipo-card.geometrica[data-v-91cbc833] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-card.optica[data-v-91cbc833] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-header[data-v-91cbc833] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tipo-icon[data-v-91cbc833] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-91cbc833] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-requisitos[data-v-91cbc833] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.5rem;
}
.req-label[data-v-91cbc833] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}
.req-item[data-v-91cbc833] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.tipo-ejemplos[data-v-91cbc833] {
  display: flex;
  gap: 0.5rem;
}
.ejemplo-mini[data-v-91cbc833] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-nombre[data-v-91cbc833] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.ej-nombre.cis[data-v-91cbc833] { color: #93C5FD;
}
.ej-nombre.trans[data-v-91cbc833] { color: #FCD34D;
}
.ej-nombre.dextro[data-v-91cbc833] { color: #6EE7B7;
}
.ej-nombre.levo[data-v-91cbc833] { color: #FCA5A5;
}
.ej-desc[data-v-91cbc833] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Propiedades */
.propiedades-resumen[data-v-91cbc833] {
  margin-bottom: 1.5rem;
}
.prop-titulo[data-v-91cbc833] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.prop-tabla[data-v-91cbc833] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.prop-row[data-v-91cbc833] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.prop-row.header[data-v-91cbc833] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.prop-col[data-v-91cbc833] {
  color: #E9D5FF;
  text-align: center;
}
.prop-col.diferente[data-v-91cbc833] {
  color: #FCD34D;
}
.prop-col.igual[data-v-91cbc833] {
  color: #6EE7B7;
}

/* Fórmulas */
.formulas-box[data-v-91cbc833] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.formula-item[data-v-91cbc833] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.formula-label[data-v-91cbc833] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-valor[data-v-91cbc833] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 0.3rem;
}
.formula-nota[data-v-91cbc833] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips PAES */
.paes-tips[data-v-91cbc833] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-91cbc833] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-91cbc833] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-91cbc833] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-91cbc833] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-text[data-v-91cbc833] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-91cbc833] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-91cbc833] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icon[data-v-91cbc833] {
  font-size: 1.5rem;
}
.final-text[data-v-91cbc833] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-resumen[data-v-91cbc833] {
    flex-direction: row;
}
.tipo-card[data-v-91cbc833] {
    flex: 1;
}
.formula-item[data-v-91cbc833] {
    flex-wrap: nowrap;
}
}

/* Intro visual */
.intro-visual[data-v-3f57beb5] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.formula-general[data-v-3f57beb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 1rem;
}
.formula-general .formula[data-v-3f57beb5] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-general .simbolo[data-v-3f57beb5] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
}

/* Texto destacado */
strong.destacado[data-v-3f57beb5] {
  color: #FCD34D;
}

/* Características */
.caracteristicas-section[data-v-3f57beb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.caracteristicas-titulo[data-v-3f57beb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-3f57beb5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-3f57beb5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.caract-icono[data-v-3f57beb5] {
  font-size: 1.25rem;
}
.caract-info[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
}
.caract-nombre[data-v-3f57beb5] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.caract-detalle[data-v-3f57beb5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplo isómeros */
.ejemplo-section[data-v-3f57beb5] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-3f57beb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.isomeros-visual[data-v-3f57beb5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.isomero[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 120px;
}
.isomero-nombre[data-v-3f57beb5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.isomero-estructura[data-v-3f57beb5] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}
.estructura-ramificada[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.rama-central[data-v-3f57beb5] {
  font-size: 0.9rem;
}
.rama-vertical[data-v-3f57beb5] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.rama-grupo[data-v-3f57beb5] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.isomero-info[data-v-3f57beb5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}
.vs[data-v-3f57beb5] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}
.comparacion-datos[data-v-3f57beb5] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
.dato[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dato-label[data-v-3f57beb5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-3f57beb5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Tipos de isomería */
.tipos-section[data-v-3f57beb5] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-3f57beb5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo[data-v-3f57beb5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-icono[data-v-3f57beb5] {
  font-size: 1.25rem;
}
.tipo-info[data-v-3f57beb5] {
  display: flex;
  flex-direction: column;
}
.tipo-nombre[data-v-3f57beb5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-detalle[data-v-3f57beb5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-3f57beb5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3f57beb5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3f57beb5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3f57beb5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formula-general .formula[data-v-3f57beb5] {
    font-size: 1.25rem;
}
.formula-general .simbolo[data-v-3f57beb5] {
    font-size: 2rem;
}
.caracteristicas-grid[data-v-3f57beb5] {
    grid-template-columns: repeat(4, 1fr);
}
.caracteristica[data-v-3f57beb5] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.caract-info[data-v-3f57beb5] {
    align-items: center;
}
.tipos-grid[data-v-3f57beb5] {
    flex-direction: row;
}
.tipo[data-v-3f57beb5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.tipo-info[data-v-3f57beb5] {
    align-items: center;
}
.isomeros-visual[data-v-3f57beb5] {
    gap: 1.5rem;
}
.isomero[data-v-3f57beb5] {
    min-width: 150px;
    padding: 1rem;
}
}

/* Definición box */
.definicion-box[data-v-3aa3d181] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-3aa3d181] {
  font-size: 1.5rem;
}
.def-texto[data-v-3aa3d181] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-3aa3d181] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-3aa3d181] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-3aa3d181] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.isomeros-lista[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.isomero-card[data-v-3aa3d181] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.isomero-header[data-v-3aa3d181] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.isomero-numero[data-v-3aa3d181] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.isomero-nombre[data-v-3aa3d181] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.isomero-estructura[data-v-3aa3d181] {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.estructura-lineal[data-v-3aa3d181] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.estructura-ramificada[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.estructura-fila[data-v-3aa3d181] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.estructura-rama[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2rem;
  line-height: 0.9;
}
.rama-linea[data-v-3aa3d181] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.rama-grupo[data-v-3aa3d181] {
  color: #6EE7B7;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
}
.estructura-neopentano[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.neo-top[data-v-3aa3d181] {
  color: #6EE7B7;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
}
.neo-mid[data-v-3aa3d181] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.neo-bot[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 0.9;
}
.isomero-desc[data-v-3aa3d181] {
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}
.isomero-pe[data-v-3aa3d181] {
  font-size: 0.8rem;
  color: #93C5FD;
  text-align: center;
  margin-top: 0.25rem;
  font-weight: 600;
}

/* Patrón */
.patron-section[data-v-3aa3d181] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.patron-titulo[data-v-3aa3d181] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.patron-contenido[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.patron-regla[data-v-3aa3d181] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.patron-icono[data-v-3aa3d181] {
  font-size: 1.25rem;
}
.patron-texto[data-v-3aa3d181] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.patron-texto strong.menor[data-v-3aa3d181] {
  color: #FCA5A5;
}
.patron-explicacion[data-v-3aa3d181] {
  font-size: 0.8rem;
  color: #C4B5FD;
  line-height: 1.4;
  padding-left: 0.5rem;
}

/* Identificar section */
.identificar-section[data-v-3aa3d181] {
  margin: 1.5rem 0;
}
.identificar-titulo[data-v-3aa3d181] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-lista[data-v-3aa3d181] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-3aa3d181] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-num[data-v-3aa3d181] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  flex-shrink: 0;
}
.paso-texto[data-v-3aa3d181] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.paso-texto strong[data-v-3aa3d181] {
  color: #FFFFFF;
}

/* Tabla */
.tabla-section[data-v-3aa3d181] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-3aa3d181] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-isomeros[data-v-3aa3d181] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-3aa3d181] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  text-align: center;
}
.tabla-row[data-v-3aa3d181] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.85rem;
  text-align: center;
}
.tabla-row[data-v-3aa3d181]:last-child {
  border-bottom: none;
}
.tabla-row .formula[data-v-3aa3d181] {
  color: #6EE7B7;
  font-family: monospace;
  font-weight: 600;
}
.tabla-row .nombre[data-v-3aa3d181] {
  color: #FFFFFF;
}
.tabla-row .numero[data-v-3aa3d181] {
  color: #FCD34D;
  font-weight: 700;
}

/* Tip */
.tip[data-v-3aa3d181] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-3aa3d181] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3aa3d181] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3aa3d181] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.isomeros-lista[data-v-3aa3d181] {
    flex-direction: row;
    flex-wrap: wrap;
}
.isomero-card[data-v-3aa3d181] {
    flex: 1;
    min-width: 150px;
}
}

/* Definición box */
.definicion-box[data-v-6cfd657d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-6cfd657d] {
  font-size: 1.5rem;
}
.def-texto[data-v-6cfd657d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-6cfd657d] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-6cfd657d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-6cfd657d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.isomeros-comparacion[data-v-6cfd657d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.isomero-card[data-v-6cfd657d] {
  width: 100%;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.isomero-header[data-v-6cfd657d] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.isomero-nombre[data-v-6cfd657d] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.isomero-estructura[data-v-6cfd657d] {
  display: flex;
  justify-content: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.estructura-visual[data-v-6cfd657d] {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.estructura-visual.alqueno[data-v-6cfd657d] {
  font-size: 0.9rem;
}
.carbono[data-v-6cfd657d] {
  position: relative;
}
.c-num[data-v-6cfd657d] {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.6rem;
  color: #93C5FD;
  font-weight: 600;
}
.carbono.destacado-grupo[data-v-6cfd657d] {
  color: #6EE7B7;
  padding: 0.15rem 0.3rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.carbono.destacado-doble[data-v-6cfd657d] {
  color: #FCD34D;
  padding: 0.15rem 0.3rem;
  background: rgba(252, 211, 77, 0.15);
  border-radius: 0.25rem;
}
.enlace[data-v-6cfd657d] {
  color: #C4B5FD;
}
.isomero-info[data-v-6cfd657d] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.info-label[data-v-6cfd657d] {
  color: #C4B5FD;
}
.info-valor[data-v-6cfd657d] {
  font-weight: 700;
}
.info-valor.posicion-1[data-v-6cfd657d] {
  color: #6EE7B7;
}
.info-valor.posicion-2[data-v-6cfd657d] {
  color: #FCD34D;
}
.isomero-dato[data-v-6cfd657d] {
  font-size: 0.8rem;
  color: #93C5FD;
  text-align: center;
  font-weight: 600;
}
.vs[data-v-6cfd657d] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #8B5CF6;
}
.nota-comun[data-v-6cfd657d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.nota-icono[data-v-6cfd657d] {
  font-size: 1rem;
}
.nota-texto[data-v-6cfd657d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.nota-texto strong[data-v-6cfd657d] {
  color: #FFFFFF;
}

/* Grupos funcionales */
.grupos-section[data-v-6cfd657d] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.grupos-titulo[data-v-6cfd657d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.grupos-grid[data-v-6cfd657d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.grupo-item[data-v-6cfd657d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.grupo-formula[data-v-6cfd657d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.grupo-nombre[data-v-6cfd657d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.grupo-familia[data-v-6cfd657d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Identificar section */
.identificar-section[data-v-6cfd657d] {
  margin: 1.5rem 0;
}
.identificar-titulo[data-v-6cfd657d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.check-lista[data-v-6cfd657d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.check-item[data-v-6cfd657d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.check-item.destacado[data-v-6cfd657d] {
  background: rgba(252, 211, 77, 0.15);
  border: 1px solid rgba(252, 211, 77, 0.3);
}
.check-icono[data-v-6cfd657d] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.check-item.destacado .check-icono[data-v-6cfd657d] {
  background: #F59E0B;
}
.check-texto[data-v-6cfd657d] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.check-texto strong[data-v-6cfd657d] {
  color: #FCD34D;
}

/* Tip */
.tip[data-v-6cfd657d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6cfd657d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6cfd657d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6cfd657d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.isomeros-comparacion[data-v-6cfd657d] {
    flex-direction: row;
    align-items: stretch;
}
.isomero-card[data-v-6cfd657d] {
    flex: 1;
}
.grupos-grid[data-v-6cfd657d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Definición box */
.definicion-box[data-v-75ba7770] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.def-icono[data-v-75ba7770] {
  font-size: 1.5rem;
}
.def-texto[data-v-75ba7770] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
strong.destacado[data-v-75ba7770] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-75ba7770] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-75ba7770] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.isomeros-comparacion[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.isomero-card[data-v-75ba7770] {
  width: 100%;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  position: relative;
}
.familia-badge[data-v-75ba7770] {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.isomero-card.aldehido .familia-badge[data-v-75ba7770],
.isomero-card.alcohol .familia-badge[data-v-75ba7770] {
  background: #10B981;
  color: white;
}
.isomero-card.cetona .familia-badge[data-v-75ba7770],
.isomero-card.eter .familia-badge[data-v-75ba7770] {
  background: #F59E0B;
  color: white;
}
.isomero-header[data-v-75ba7770] {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.isomero-nombre[data-v-75ba7770] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.isomero-estructura[data-v-75ba7770] {
  display: flex;
  justify-content: center;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.estructura-visual[data-v-75ba7770] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}
.grupo-func[data-v-75ba7770] {
  color: #6EE7B7;
  padding: 0.1rem 0.25rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.isomero-caracteristica[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}
.caract-label[data-v-75ba7770] {
  color: #C4B5FD;
}
.caract-valor[data-v-75ba7770] {
  color: #FFFFFF;
  font-weight: 600;
}
.isomero-dato[data-v-75ba7770] {
  font-size: 0.8rem;
  color: #93C5FD;
  text-align: center;
  font-weight: 600;
}
.vs[data-v-75ba7770] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #8B5CF6;
}
.diferencia-notable[data-v-75ba7770] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.dif-icono[data-v-75ba7770] {
  font-size: 1rem;
}
.dif-texto[data-v-75ba7770] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.dif-texto strong[data-v-75ba7770] {
  color: #FFFFFF;
}

/* Pares comunes */
.pares-section[data-v-75ba7770] {
  margin: 1.5rem 0;
}
.pares-titulo[data-v-75ba7770] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pares-grid[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.par-item[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.par-familias[data-v-75ba7770] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.fam-a[data-v-75ba7770] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.85rem;
}
.par-vs[data-v-75ba7770] {
  color: #8B5CF6;
  font-weight: 700;
}
.fam-b[data-v-75ba7770] {
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.85rem;
}
.par-formula[data-v-75ba7770] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Diferencias */
.diferencias-section[data-v-75ba7770] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.diferencias-titulo[data-v-75ba7770] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencias-lista[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.diferencia[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dif-prop[data-v-75ba7770] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.dif-razon[data-v-75ba7770] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Resumen */
.resumen-section[data-v-75ba7770] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-75ba7770] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-grid[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.resumen-item[data-v-75ba7770] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.resumen-item.cadena[data-v-75ba7770] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.resumen-item.posicion[data-v-75ba7770] {
  background: rgba(245, 158, 11, 0.1);
  border-left-color: #F59E0B;
}
.resumen-item.funcion[data-v-75ba7770] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.res-tipo[data-v-75ba7770] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.res-cambio[data-v-75ba7770] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.res-ejemplo[data-v-75ba7770] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Tip */
.tip[data-v-75ba7770] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-75ba7770] {
  font-size: 1.25rem;
}
.tip-texto[data-v-75ba7770] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-75ba7770] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.isomeros-comparacion[data-v-75ba7770] {
    flex-direction: row;
    align-items: stretch;
}
.isomero-card[data-v-75ba7770] {
    flex: 1;
}
.pares-grid[data-v-75ba7770] {
    flex-direction: row;
}
.par-item[data-v-75ba7770] {
    flex: 1;
}
.resumen-grid[data-v-75ba7770] {
    flex-direction: row;
}
.resumen-item[data-v-75ba7770] {
    flex: 1;
}
}

.explorador[data-v-a92b2ac2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a92b2ac2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a92b2ac2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a92b2ac2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a92b2ac2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a92b2ac2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a92b2ac2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a92b2ac2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a92b2ac2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a92b2ac2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar tipo ===== */
.identificar-container[data-v-a92b2ac2] {
  text-align: center;
}
.par-isomeros[data-v-a92b2ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.isomero-box[data-v-a92b2ac2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 100px;
}
.isomero-nombre[data-v-a92b2ac2] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.isomero-formula[data-v-a92b2ac2] {
  font-size: 0.75rem;
  font-family: monospace;
  color: #FFFFFF;
}
.par-vs[data-v-a92b2ac2] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}
.formula-comun[data-v-a92b2ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.formula-label[data-v-a92b2ac2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-valor[data-v-a92b2ac2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.tipo-pregunta[data-v-a92b2ac2] {
  margin: 0.75rem 0;
  color: #E9D5FF;
  font-weight: 600;
}
.opciones-tipo[data-v-a92b2ac2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-a92b2ac2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-tipo[data-v-a92b2ac2]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-tipo.seleccionada[data-v-a92b2ac2] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-tipo.correcta[data-v-a92b2ac2] {
  background: #10B981;
  border-color: #047857;
}
.opcion-tipo.incorrecta[data-v-a92b2ac2] {
  background: #EF4444;
  border-color: #B91C1C;
}
.tipo-icono[data-v-a92b2ac2] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-a92b2ac2] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.opcion-tipo.correcta .tipo-nombre[data-v-a92b2ac2],
.opcion-tipo.incorrecta .tipo-nombre[data-v-a92b2ac2] {
  color: white;
}

/* ===== DESAFÍO 2: Seleccionar isómeros ===== */
.cadena-container[data-v-a92b2ac2] {
  text-align: center;
}
.cadena-info[data-v-a92b2ac2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.cadena-formula[data-v-a92b2ac2] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.cadena-pregunta[data-v-a92b2ac2] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.estructuras-grid[data-v-a92b2ac2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.estructura-opcion[data-v-a92b2ac2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.estructura-opcion[data-v-a92b2ac2]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.estructura-opcion.seleccionada[data-v-a92b2ac2] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.estructura-opcion.correcta[data-v-a92b2ac2] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.estructura-opcion.incorrecta[data-v-a92b2ac2] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.est-nombre[data-v-a92b2ac2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.est-visual[data-v-a92b2ac2] {
  font-size: 0.65rem;
  font-family: monospace;
  color: #FFFFFF;
  word-break: break-all;
}
.btn-verificar[data-v-a92b2ac2] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.5rem;
}

/* ===== DESAFÍO 3: Propiedades ===== */
.propiedades-container[data-v-a92b2ac2] {
  text-align: center;
}
.propiedad-info[data-v-a92b2ac2] {
  margin-bottom: 0.75rem;
}
.isomeros-comparar[data-v-a92b2ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.isomero-prop[data-v-a92b2ac2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 100px;
}
.prop-nombre[data-v-a92b2ac2] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.prop-estructura[data-v-a92b2ac2] {
  font-size: 0.7rem;
  font-family: monospace;
  color: #C4B5FD;
}
.prop-vs[data-v-a92b2ac2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #8B5CF6;
}
.prop-pregunta[data-v-a92b2ac2] {
  margin: 0.75rem 0;
  color: #E9D5FF;
  font-weight: 600;
  font-size: 0.9rem;
}
.opciones-prop[data-v-a92b2ac2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-prop[data-v-a92b2ac2] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-prop[data-v-a92b2ac2]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-prop.seleccionada[data-v-a92b2ac2] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-prop.correcta[data-v-a92b2ac2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-prop.incorrecta[data-v-a92b2ac2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}
.opcion-prop.igual[data-v-a92b2ac2] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.4);
}

/* Feedback y resultados */
.feedback[data-v-a92b2ac2] {
  margin: 0.75rem 0;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.feedback.error[data-v-a92b2ac2] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-a92b2ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a92b2ac2] { font-size: 1.25rem;
}
.resultado-texto[data-v-a92b2ac2] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-a92b2ac2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-a92b2ac2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a92b2ac2] { flex: 1;
}
.nav-btn[data-v-a92b2ac2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a92b2ac2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a92b2ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a92b2ac2] { font-size: 1.75rem;
}
.completado-texto[data-v-a92b2ac2] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a92b2ac2], .slide-leave-active[data-v-a92b2ac2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a92b2ac2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a92b2ac2] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.isomero-box[data-v-a92b2ac2] {
    min-width: 140px;
    padding: 0.75rem;
}
.isomero-formula[data-v-a92b2ac2] {
    font-size: 0.85rem;
}
.est-visual[data-v-a92b2ac2] {
    font-size: 0.75rem;
}
}

/* Resumen principal */
.resumen-principal[data-v-54fb8b89] {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-principal p[data-v-54fb8b89] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  text-align: center;
}
strong.destacado[data-v-54fb8b89] {
  color: #FCD34D;
}

/* Tipos section */
.tipos-section[data-v-54fb8b89] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-54fb8b89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-card[data-v-54fb8b89] {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-left: 4px solid;
}
.tipo-card.cadena[data-v-54fb8b89] {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: #3B82F6;
}
.tipo-card.posicion[data-v-54fb8b89] {
  background: rgba(245, 158, 11, 0.1);
  border-left-color: #F59E0B;
}
.tipo-card.funcion[data-v-54fb8b89] {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: #10B981;
}
.tipo-header[data-v-54fb8b89] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-54fb8b89] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-54fb8b89] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-contenido[data-v-54fb8b89] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding-left: 1.6rem;
}
.tipo-que-cambia[data-v-54fb8b89] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-54fb8b89] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-family: monospace;
}
.tipo-clave[data-v-54fb8b89] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Reglas section */
.reglas-section[data-v-54fb8b89] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.reglas-titulo[data-v-54fb8b89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-54fb8b89] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla[data-v-54fb8b89] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-num[data-v-54fb8b89] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.regla-contenido[data-v-54fb8b89] {
  display: flex;
  flex-direction: column;
}
.regla-texto[data-v-54fb8b89] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-54fb8b89] {
  color: #FCD34D;
}
.regla-detalle[data-v-54fb8b89] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tabla comparativa */
.tabla-section[data-v-54fb8b89] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-54fb8b89] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparativa[data-v-54fb8b89] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-54fb8b89] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
  text-align: center;
}
.tabla-row[data-v-54fb8b89] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-size: 0.8rem;
  text-align: center;
  color: #E9D5FF;
}
.tabla-row[data-v-54fb8b89]:last-child {
  border-bottom: none;
}
.tipo-label[data-v-54fb8b89] {
  font-weight: 600;
  font-size: 0.75rem;
}
.tipo-label.cadena[data-v-54fb8b89] { color: #3B82F6;
}
.tipo-label.posicion[data-v-54fb8b89] { color: #F59E0B;
}
.tipo-label.funcion[data-v-54fb8b89] { color: #10B981;
}
.tabla-row .si[data-v-54fb8b89] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-row .no[data-v-54fb8b89] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip PAES */
.tip-paes[data-v-54fb8b89] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(139, 92, 246, 0.1));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-54fb8b89] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-54fb8b89] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo[data-v-54fb8b89] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-54fb8b89] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.5;
}
.tip-texto strong[data-v-54fb8b89] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-card[data-v-54fb8b89] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.tipo-header[data-v-54fb8b89] {
    min-width: 160px;
    margin-bottom: 0;
}
.tipo-contenido[data-v-54fb8b89] {
    padding-left: 0;
    flex: 1;
}
}

/* Intro visual - Cadena de polímero */
.intro-visual[data-v-6779c2a9] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.cadena-polimero[data-v-6779c2a9] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  animation: flotar-6779c2a9 3s ease-in-out infinite;
}
@keyframes flotar-6779c2a9 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.monomero[data-v-6779c2a9] {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  font-size: 1rem;
}
.monomero.m1[data-v-6779c2a9] { animation-delay: 0s;
}
.monomero.m2[data-v-6779c2a9] { animation-delay: 0.1s;
}
.monomero.m3[data-v-6779c2a9] { animation-delay: 0.2s;
}
.monomero.m4[data-v-6779c2a9] { animation-delay: 0.3s;
}
.enlace-cadena[data-v-6779c2a9] {
  width: 20px;
  height: 4px;
  background: #C4B5FD;
  border-radius: 2px;
}
.puntos[data-v-6779c2a9] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
  margin-left: 0.25rem;
}

/* Texto destacado */
strong.destacado[data-v-6779c2a9] {
  color: #FCD34D;
}

/* Definiciones */
.definiciones-section[data-v-6779c2a9] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.def-card[data-v-6779c2a9] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.def-card.monomero[data-v-6779c2a9] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.def-card.polimero[data-v-6779c2a9] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.def-header[data-v-6779c2a9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.def-icono[data-v-6779c2a9] { font-size: 1.25rem;
}
.def-titulo[data-v-6779c2a9] { font-weight: 700; color: #FFFFFF; font-size: 1.1rem;
}
.def-texto[data-v-6779c2a9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.def-ejemplo[data-v-6779c2a9] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.def-ejemplo strong[data-v-6779c2a9] {
  color: #FCD34D;
}

/* Proceso de polimerización */
.proceso-section[data-v-6779c2a9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-6779c2a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: center;
}
.proceso-visual[data-v-6779c2a9] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.etapa[data-v-6779c2a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.monomeros-sueltos[data-v-6779c2a9] {
  display: flex;
  gap: 0.5rem;
}
.mon[data-v-6779c2a9] {
  width: 30px;
  height: 30px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.8rem;
}
.polimero-cadena[data-v-6779c2a9] {
  display: flex;
  align-items: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.mon-unido[data-v-6779c2a9] {
  width: 28px;
  height: 28px;
  background: #10B981;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.75rem;
}
.link[data-v-6779c2a9] {
  color: #6EE7B7;
  font-weight: 700;
  margin: 0 2px;
}
.etapa-label[data-v-6779c2a9] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.flecha-proceso[data-v-6779c2a9] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.proceso-explicacion[data-v-6779c2a9] {
  text-align: center;
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.proceso-explicacion strong[data-v-6779c2a9] {
  color: #6EE7B7;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-6779c2a9] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-6779c2a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.ejemplos-grid[data-v-6779c2a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-6779c2a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-6779c2a9] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-6779c2a9] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-polimero[data-v-6779c2a9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Grado de polimerización */
.grado-section[data-v-6779c2a9] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.grado-titulo[data-v-6779c2a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.grado-contenido p[data-v-6779c2a9] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.grado-formula[data-v-6779c2a9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.formula[data-v-6779c2a9] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.formula-explicacion[data-v-6779c2a9] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip[data-v-6779c2a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-6779c2a9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6779c2a9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6779c2a9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.monomero[data-v-6779c2a9] {
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
}
.enlace-cadena[data-v-6779c2a9] {
    width: 30px;
}
.definiciones-section[data-v-6779c2a9] {
    flex-direction: row;
}
.def-card[data-v-6779c2a9] {
    flex: 1;
}
.ejemplos-grid[data-v-6779c2a9] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo[data-v-6779c2a9] {
    padding: 1rem 0.5rem;
}
.ej-icono[data-v-6779c2a9] {
    font-size: 1.75rem;
}
}

/* Colores para tipos */
strong.adicion[data-v-b9a2639a] {
  color: #6EE7B7;
}
strong.condensacion[data-v-b9a2639a] {
  color: #93C5FD;
}

/* Cards de tipo */
.tipo-card[data-v-b9a2639a] {
  margin: 1.5rem 0;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.tipo-card.adicion[data-v-b9a2639a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-card.condensacion[data-v-b9a2639a] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-header[data-v-b9a2639a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.tipo-icono[data-v-b9a2639a] {
  font-size: 1.5rem;
}
.tipo-titulo[data-v-b9a2639a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.tipo-contenido[data-v-b9a2639a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Características */
.caracteristica[data-v-b9a2639a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.check[data-v-b9a2639a] {
  color: #6EE7B7;
  font-weight: 700;
}
.caracteristica strong[data-v-b9a2639a] {
  color: #FCD34D;
}

/* Reacción visual */
.reaccion-visual[data-v-b9a2639a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.reactivo[data-v-b9a2639a], .producto[data-v-b9a2639a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.formula[data-v-b9a2639a] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.nombre[data-v-b9a2639a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.flecha[data-v-b9a2639a] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.reactivos-cond[data-v-b9a2639a], .productos-cond[data-v-b9a2639a] {
  text-align: center;
}
.agua[data-v-b9a2639a] {
  color: #93C5FD;
  font-weight: 700;
}

/* Lista de ejemplos */
.ejemplos-lista[data-v-b9a2639a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}
.ej-label[data-v-b9a2639a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.ej-item[data-v-b9a2639a] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Comparación */
.comparacion-section[data-v-b9a2639a] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.comparacion-titulo[data-v-b9a2639a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
}
.comparacion-tabla[data-v-b9a2639a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tabla-header[data-v-b9a2639a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.col-vacia[data-v-b9a2639a] {
  display: block;
}
.col-titulo[data-v-b9a2639a] {
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.col-titulo.adicion[data-v-b9a2639a] { color: #6EE7B7;
}
.col-titulo.condensacion[data-v-b9a2639a] { color: #93C5FD;
}
.tabla-fila[data-v-b9a2639a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
}
.fila-label[data-v-b9a2639a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fila-valor[data-v-b9a2639a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip */
.tip[data-v-b9a2639a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-b9a2639a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b9a2639a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b9a2639a] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.reaccion-visual[data-v-b9a2639a] {
    gap: 1.5rem;
}
.formula[data-v-b9a2639a] {
    font-size: 1.2rem;
}
}

/* Secciones de clasificación */
.clasificacion-section[data-v-f6b641e2] {
  margin: 1.5rem 0;
}
.clasificacion-titulo[data-v-f6b641e2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

/* Cards de origen */
.origen-cards[data-v-f6b641e2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.origen-card[data-v-f6b641e2] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.origen-card.natural[data-v-f6b641e2] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.origen-card.sintetico[data-v-f6b641e2] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.origen-header[data-v-f6b641e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.origen-icono[data-v-f6b641e2] { font-size: 1.25rem;
}
.origen-nombre[data-v-f6b641e2] { font-weight: 700; color: #FFFFFF;
}
.origen-desc[data-v-f6b641e2] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.origen-ejemplos[data-v-f6b641e2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.ej-origen[data-v-f6b641e2] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-icon[data-v-f6b641e2] { font-size: 0.9rem;
}

/* Cards térmicas */
.termico-cards[data-v-f6b641e2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.termico-card[data-v-f6b641e2] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.termico-card.termoplastico[data-v-f6b641e2] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.termico-card.termoestable[data-v-f6b641e2] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.termico-header[data-v-f6b641e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.termico-icono[data-v-f6b641e2] { font-size: 1.25rem;
}
.termico-nombre[data-v-f6b641e2] { font-weight: 700; color: #FFFFFF;
}

/* Visualización de cadenas */
.termico-visual[data-v-f6b641e2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.cadenas-linear[data-v-f6b641e2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cadenas-linear .cadena[data-v-f6b641e2] {
  width: 80px;
  height: 4px;
  background: #93C5FD;
  border-radius: 2px;
}
.cadenas-entrecruzadas[data-v-f6b641e2] {
  position: relative;
  width: 80px;
  height: 50px;
}
.cadenas-entrecruzadas .cadena[data-v-f6b641e2] {
  position: absolute;
  width: 80px;
  height: 4px;
  background: #FCA5A5;
  border-radius: 2px;
}
.cadenas-entrecruzadas .c1[data-v-f6b641e2] { top: 5px;
}
.cadenas-entrecruzadas .c2[data-v-f6b641e2] { top: 23px;
}
.cadenas-entrecruzadas .c3[data-v-f6b641e2] { top: 41px;
}
.cross-link[data-v-f6b641e2] {
  position: absolute;
  width: 4px;
  height: 20px;
  background: #FCD34D;
  border-radius: 2px;
}
.cross-link.cl1[data-v-f6b641e2] { left: 25px; top: 7px;
}
.cross-link.cl2[data-v-f6b641e2] { left: 55px; top: 25px;
}
.visual-label[data-v-f6b641e2] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Propiedades */
.termico-props[data-v-f6b641e2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.prop[data-v-f6b641e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-icon[data-v-f6b641e2] { font-size: 1rem;
}
strong.reciclable[data-v-f6b641e2] { color: #6EE7B7;
}
strong.no-reciclable[data-v-f6b641e2] { color: #FCA5A5;
}
.termico-ejemplos[data-v-f6b641e2] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #C4B5FD;
  text-align: center;
}

/* Elastómeros */
.elastomero-section[data-v-f6b641e2] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.elastomero-header[data-v-f6b641e2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.elastomero-icono[data-v-f6b641e2] { font-size: 1.25rem;
}
.elastomero-titulo[data-v-f6b641e2] { font-weight: 700; color: #FFFFFF;
}
.elastomero-desc[data-v-f6b641e2] {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.elastomero-desc strong[data-v-f6b641e2] {
  color: #FCD34D;
}
.elastomero-ejemplos[data-v-f6b641e2] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Tip */
.tip[data-v-f6b641e2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f6b641e2] { font-size: 1.25rem;
}
.tip-texto[data-v-f6b641e2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f6b641e2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.origen-cards[data-v-f6b641e2] {
    flex-direction: row;
}
.origen-card[data-v-f6b641e2] {
    flex: 1;
}
.termico-cards[data-v-f6b641e2] {
    flex-direction: row;
}
.termico-card[data-v-f6b641e2] {
    flex: 1;
}
}

.explorador[data-v-3b5b195a] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-3b5b195a] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-3b5b195a] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-3b5b195a] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-3b5b195a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-3b5b195a] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-3b5b195a] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-3b5b195a] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-3b5b195a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-3b5b195a] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar ===== */
.identificar-container[data-v-3b5b195a] {
  text-align: center;
}
.par-visual[data-v-3b5b195a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.par-item[data-v-3b5b195a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.par-formula[data-v-3b5b195a] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.par-nombre[data-v-3b5b195a] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.par-flecha[data-v-3b5b195a] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.pregunta-id[data-v-3b5b195a] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.pregunta-id strong[data-v-3b5b195a] {
  color: #FCD34D;
}
.opciones-id[data-v-3b5b195a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.opcion-id[data-v-3b5b195a] {
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-id[data-v-3b5b195a]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-id.seleccionada[data-v-3b5b195a] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-id.correcta[data-v-3b5b195a] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-id.incorrecta[data-v-3b5b195a] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Polimerización ===== */
.polimerizacion-container[data-v-3b5b195a] {
  text-align: center;
}
.reaccion-mostrar[data-v-3b5b195a] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.reaccion-formula[data-v-3b5b195a] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.5;
}
.reaccion-formula[data-v-3b5b195a] .agua {
  color: #93C5FD;
}
.subproducto[data-v-3b5b195a] {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.subproducto strong[data-v-3b5b195a] {
  color: #93C5FD;
}
.pregunta-tipo[data-v-3b5b195a] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-tipo[data-v-3b5b195a] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-tipo[data-v-3b5b195a] {
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-tipo.adicion[data-v-3b5b195a] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.opcion-tipo.condensacion[data-v-3b5b195a] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-tipo.seleccionada.adicion[data-v-3b5b195a] {
  background: rgba(16, 185, 129, 0.4);
  border-color: #10B981;
}
.opcion-tipo.seleccionada.condensacion[data-v-3b5b195a] {
  background: rgba(59, 130, 246, 0.4);
  border-color: #3B82F6;
}
.opcion-tipo.correcta[data-v-3b5b195a] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-tipo.incorrecta[data-v-3b5b195a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* ===== DESAFÍO 3: Térmico ===== */
.termico-container[data-v-3b5b195a] {
  text-align: center;
}
.polimero-mostrar[data-v-3b5b195a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.polimero-icono[data-v-3b5b195a] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.polimero-nombre[data-v-3b5b195a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.polimero-uso[data-v-3b5b195a] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.propiedad-clave[data-v-3b5b195a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.prop-label[data-v-3b5b195a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.prop-valor[data-v-3b5b195a] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}
.pregunta-termico[data-v-3b5b195a] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-termico[data-v-3b5b195a] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
.opcion-termico[data-v-3b5b195a] {
  padding: 0.75rem 1rem;
  border: 2px solid;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-termico.termoplastico[data-v-3b5b195a] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.opcion-termico.termoestable[data-v-3b5b195a] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.opcion-termico.seleccionada.termoplastico[data-v-3b5b195a] {
  background: rgba(59, 130, 246, 0.4);
  border-color: #3B82F6;
}
.opcion-termico.seleccionada.termoestable[data-v-3b5b195a] {
  background: rgba(239, 68, 68, 0.4);
  border-color: #EF4444;
}
.opcion-termico.correcta[data-v-3b5b195a] {
  background: #10B981 !important;
  border-color: #047857 !important;
  color: white !important;
}
.opcion-termico.incorrecta[data-v-3b5b195a] {
  background: #EF4444 !important;
  border-color: #B91C1C !important;
  color: white !important;
}

/* Feedback y resultados */
.feedback[data-v-3b5b195a] {
  margin: 0.75rem 0;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-3b5b195a] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-3b5b195a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-3b5b195a] { font-size: 1.25rem;
}
.resultado-texto[data-v-3b5b195a] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-3b5b195a] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-3b5b195a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-3b5b195a] { flex: 1;
}
.nav-btn[data-v-3b5b195a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-3b5b195a] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-3b5b195a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-3b5b195a] { font-size: 1.75rem;
}
.completado-texto[data-v-3b5b195a] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-3b5b195a], .slide-leave-active[data-v-3b5b195a] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-3b5b195a] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-3b5b195a] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-id[data-v-3b5b195a] {
    flex-direction: row;
    justify-content: center;
}
.opcion-id[data-v-3b5b195a] {
    min-width: 150px;
}
}

.intro-resumen[data-v-c4557f02] {
  text-align: center;
  color: #E9D5FF;
  margin-bottom: 1.5rem;
}

/* Secciones */
.resumen-section[data-v-c4557f02] {
  margin-bottom: 1.5rem;
}
.section-titulo[data-v-c4557f02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos básicos */
.conceptos-grid[data-v-c4557f02] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.concepto-card[data-v-c4557f02] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-term[data-v-c4557f02] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.concepto-def[data-v-c4557f02] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Comparación tipos */
.comparacion-box[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.tipo-resumen[data-v-c4557f02] {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.tipo-resumen.adicion[data-v-c4557f02] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-resumen.condensacion[data-v-c4557f02] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-nombre[data-v-c4557f02] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.tipo-clave[data-v-c4557f02] {
  font-size: 0.9rem;
  font-weight: 600;
}
.tipo-resumen.adicion .tipo-clave[data-v-c4557f02] { color: #6EE7B7;
}
.tipo-resumen.condensacion .tipo-clave[data-v-c4557f02] { color: #93C5FD;
}
.tipo-requisito[data-v-c4557f02] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.tipo-ejemplo[data-v-c4557f02] {
  font-size: 0.75rem;
  color: #A78BFA;
}
.vs-divider[data-v-c4557f02] {
  font-weight: 800;
  color: #8B5CF6;
  font-size: 1rem;
}

/* Térmico resumen */
.termico-resumen[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.termico-item[data-v-c4557f02] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.termico-item.termoplastico[data-v-c4557f02] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.termico-item.termoestable[data-v-c4557f02] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.termico-icono[data-v-c4557f02] { font-size: 1.5rem;
}
.termico-info[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
}
.termico-nombre[data-v-c4557f02] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.termico-prop[data-v-c4557f02] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.termico-item.termoplastico .termico-prop strong[data-v-c4557f02] { color: #6EE7B7;
}
.termico-item.termoestable .termico-prop strong[data-v-c4557f02] { color: #FCA5A5;
}

/* Origen resumen */
.origen-resumen[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.origen-item[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.origen-label[data-v-c4557f02] {
  font-weight: 700;
  font-size: 0.85rem;
}
.origen-label.natural[data-v-c4557f02] { color: #6EE7B7;
}
.origen-label.sintetico[data-v-c4557f02] { color: #C4B5FD;
}
.origen-ejemplos[data-v-c4557f02] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-c4557f02] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-c4557f02] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c4557f02] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-c4557f02] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #F59E0B;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1F2937;
}
.tip-texto[data-v-c4557f02] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c4557f02] {
  color: #FCD34D;
}

/* Polímeros comunes */
.polimeros-comunes[data-v-c4557f02] {
  margin-bottom: 1.5rem;
}
.comunes-titulo[data-v-c4557f02] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comunes-tabla[data-v-c4557f02] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.tabla-row[data-v-c4557f02] {
  display: grid;
  grid-template-columns: 50px 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.tabla-row.header[data-v-c4557f02] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-row[data-v-c4557f02]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  color: #E9D5FF;
}
.col.sigla[data-v-c4557f02] {
  font-weight: 700;
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-c4557f02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-c4557f02] { font-size: 1.5rem;
}
.mensaje-texto[data-v-c4557f02] { font-weight: 600; color: #FFFFFF; text-align: center;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-c4557f02] {
    grid-template-columns: repeat(3, 1fr);
}
.comparacion-box[data-v-c4557f02] {
    flex-direction: row;
    justify-content: center;
}
.tipo-resumen[data-v-c4557f02] {
    width: auto;
    min-width: 180px;
}
.termico-resumen[data-v-c4557f02] {
    flex-direction: row;
}
.termico-item[data-v-c4557f02] {
    flex: 1;
}
.origen-resumen[data-v-c4557f02] {
    flex-direction: row;
}
.origen-item[data-v-c4557f02] {
    flex: 1;
}
.tabla-row[data-v-c4557f02] {
    grid-template-columns: 60px 1.5fr 1fr;
}
}

/* Intro visual - Átomo de carbono */
.intro-visual[data-v-9878f4e1] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.carbono-atom[data-v-9878f4e1] {
  position: relative;
  width: 100px;
  height: 100px;
}
.atom-symbol[data-v-9878f4e1] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  color: white;
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
}
.electron[data-v-9878f4e1] {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #FCD34D;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #1F2937;
  animation: pulse-electron-9878f4e1 2s ease-in-out infinite;
}
.e1[data-v-9878f4e1] { top: 0; left: 50%; transform: translateX(-50%);
}
.e2[data-v-9878f4e1] { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 0.5s;
}
.e3[data-v-9878f4e1] { left: 0; top: 50%; transform: translateY(-50%); animation-delay: 1s;
}
.e4[data-v-9878f4e1] { right: 0; top: 50%; transform: translateY(-50%); animation-delay: 1.5s;
}
@keyframes pulse-electron-9878f4e1 {
0%, 100% { transform: translateX(-50%) scale(1); opacity: 1;
}
50% { transform: translateX(-50%) scale(1.2); opacity: 0.8;
}
}
.e3[data-v-9878f4e1] { animation: pulse-electron-y-9878f4e1 2s ease-in-out infinite 1s;
}
.e4[data-v-9878f4e1] { animation: pulse-electron-y-9878f4e1 2s ease-in-out infinite 1.5s;
}
@keyframes pulse-electron-y-9878f4e1 {
0%, 100% { transform: translateY(-50%) scale(1); opacity: 1;
}
50% { transform: translateY(-50%) scale(1.2); opacity: 0.8;
}
}

/* Texto destacado */
strong.destacado[data-v-9878f4e1] {
  color: #FCD34D;
}

/* Tabla periódica section */
.tabla-section[data-v-9878f4e1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.tabla-label[data-v-9878f4e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-info[data-v-9878f4e1] {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tabla-dato[data-v-9878f4e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 80px;
}
.dato-label[data-v-9878f4e1] {
  font-size: 0.7rem;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.dato-valor[data-v-9878f4e1] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dato-valor.destacado[data-v-9878f4e1] {
  color: #FCD34D;
  font-size: 1.5rem;
}

/* Configuración electrónica */
.config-section[data-v-9878f4e1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.config-titulo[data-v-9878f4e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.config-visual[data-v-9878f4e1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}
.nivel[data-v-9878f4e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nivel-nombre[data-v-9878f4e1] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
  min-width: 40px;
}
.orbital[data-v-9878f4e1] {
  display: flex;
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.25rem;
  overflow: hidden;
}
.orbital span[data-v-9878f4e1] {
  width: 20px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.spin-up[data-v-9878f4e1] { color: #6EE7B7;
}
.spin-down[data-v-9878f4e1] { color: #FCA5A5;
}
.empty[data-v-9878f4e1] { background: rgba(0, 0, 0, 0.2);
}
.config-nota[data-v-9878f4e1] {
  margin: 0.75rem 0 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.config-nota strong[data-v-9878f4e1] {
  color: #FCD34D;
}

/* Ejemplo Metano */
.ejemplo-section[data-v-9878f4e1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-9878f4e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.metano-visual[data-v-9878f4e1] {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.metano-molecule[data-v-9878f4e1] {
  position: relative;
  width: 140px;
  height: 140px;
}
.c-atom[data-v-9878f4e1] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: white;
  z-index: 2;
}
.h-atom[data-v-9878f4e1] {
  position: absolute;
  width: 28px;
  height: 28px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: #064E3B;
  z-index: 2;
}
.h1[data-v-9878f4e1] { top: 5px; left: 50%; transform: translateX(-50%);
}
.h2[data-v-9878f4e1] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.h3[data-v-9878f4e1] { left: 5px; top: 50%; transform: translateY(-50%);
}
.h4[data-v-9878f4e1] { right: 5px; top: 50%; transform: translateY(-50%);
}
.enlace[data-v-9878f4e1] {
  position: absolute;
  background: #C4B5FD;
  z-index: 1;
}
.enlace1[data-v-9878f4e1], .enlace2[data-v-9878f4e1] {
  width: 4px;
  height: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.enlace1[data-v-9878f4e1] { top: 30px;
}
.enlace2[data-v-9878f4e1] { bottom: 30px;
}
.enlace3[data-v-9878f4e1], .enlace4[data-v-9878f4e1] {
  width: 25px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.enlace3[data-v-9878f4e1] { left: 30px;
}
.enlace4[data-v-9878f4e1] { right: 30px;
}
.ejemplo-explicacion[data-v-9878f4e1] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}

/* Razones - Por qué es especial */
.razones-section[data-v-9878f4e1] {
  margin: 1.5rem 0;
}
.razones-titulo[data-v-9878f4e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razones-grid[data-v-9878f4e1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.razon[data-v-9878f4e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.razon-icono[data-v-9878f4e1] {
  font-size: 1.25rem;
}
.razon-texto[data-v-9878f4e1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-9878f4e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-9878f4e1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9878f4e1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9878f4e1] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.carbono-atom[data-v-9878f4e1] {
    width: 120px;
    height: 120px;
}
.atom-symbol[data-v-9878f4e1] {
    width: 60px;
    height: 60px;
    font-size: 1.75rem;
}
.electron[data-v-9878f4e1] {
    width: 20px;
    height: 20px;
}
.metano-molecule[data-v-9878f4e1] {
    width: 180px;
    height: 180px;
}
.c-atom[data-v-9878f4e1] {
    width: 50px;
    height: 50px;
}
.h-atom[data-v-9878f4e1] {
    width: 35px;
    height: 35px;
}
.razones-grid[data-v-9878f4e1] {
    grid-template-columns: repeat(4, 1fr);
}
.razon[data-v-9878f4e1] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
}

/* Destacado */
strong.destacado[data-v-6a48c4fa] {
  color: #FCD34D;
}
strong.positivo[data-v-6a48c4fa] {
  color: #6EE7B7;
}

/* Cadena visual */
.cadena-visual[data-v-6a48c4fa] {
  margin: 1.5rem 0;
  text-align: center;
}
.cadena-simple[data-v-6a48c4fa] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.c-enlace[data-v-6a48c4fa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
}
.linea[data-v-6a48c4fa] {
  color: #C4B5FD;
  font-size: 1.2rem;
}
.puntos[data-v-6a48c4fa] {
  color: #C4B5FD;
  font-size: 1.2rem;
  animation: dots-pulse-6a48c4fa 1.5s infinite;
}
@keyframes dots-pulse-6a48c4fa {
0%, 100% { opacity: 0.5;
}
50% { opacity: 1;
}
}
.cadena-nota[data-v-6a48c4fa] {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}

/* Razón section */
.razon-section[data-v-6a48c4fa] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.razon-titulo[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.razon-contenido p[data-v-6a48c4fa] {
  margin: 0 0 0.5rem;
  color: #E9D5FF;
}
.razon-lista[data-v-6a48c4fa] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.razon-lista li[data-v-6a48c4fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.check[data-v-6a48c4fa] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Tipos de cadenas */
.tipos-section[data-v-6a48c4fa] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-6a48c4fa] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-6a48c4fa] {
  padding: 0.75rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-nombre[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
.tipo-visual[data-v-6a48c4fa] {
  font-family: monospace;
  color: #C4B5FD;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tipo-visual.ramificada[data-v-6a48c4fa] {
  position: relative;
}
.rama-main[data-v-6a48c4fa] {
  font-size: 0.7rem;
}
.rama-sub[data-v-6a48c4fa] {
  font-size: 0.65rem;
  line-height: 0.9;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.hexagono[data-v-6a48c4fa] {
  width: 35px;
  height: 30px;
  background: rgba(139, 92, 246, 0.3);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.hex-c[data-v-6a48c4fa] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.tipo-ejemplo[data-v-6a48c4fa] {
  font-size: 0.7rem;
  color: #93C5FD;
}

/* Tipos de enlaces */
.enlaces-section[data-v-6a48c4fa] {
  margin: 1.5rem 0;
}
.enlaces-titulo[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.enlaces-grid[data-v-6a48c4fa] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.enlace-card[data-v-6a48c4fa] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.enlace-card.simple[data-v-6a48c4fa] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.enlace-card.doble[data-v-6a48c4fa] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.enlace-card.triple[data-v-6a48c4fa] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.enlace-tipo[data-v-6a48c4fa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.enlace-tipo .c[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
}
.enlace-tipo .lineas[data-v-6a48c4fa] {
  font-size: 1.2rem;
  color: #C4B5FD;
}
.enlace-nombre[data-v-6a48c4fa] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.enlace-detalle[data-v-6a48c4fa] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Comparación */
.comparacion-section[data-v-6a48c4fa] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-6a48c4fa] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.comp-row[data-v-6a48c4fa] {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.comp-row[data-v-6a48c4fa]:last-child {
  border-bottom: none;
}
.comp-row.header[data-v-6a48c4fa] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
}
.comp-row.carbono[data-v-6a48c4fa] {
  background: rgba(16, 185, 129, 0.1);
}
.elemento[data-v-6a48c4fa] {
  font-weight: 700;
  color: #FFFFFF;
}
.estado[data-v-6a48c4fa] {
  font-size: 0.75rem;
}
.estado.bueno[data-v-6a48c4fa] { color: #6EE7B7;
}
.estado.medio[data-v-6a48c4fa] { color: #FCD34D;
}
.estado.malo[data-v-6a48c4fa] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-6a48c4fa] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6a48c4fa] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6a48c4fa] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6a48c4fa] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.c-enlace[data-v-6a48c4fa] {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}
.tipo-visual[data-v-6a48c4fa] {
    font-size: 0.85rem;
}
.tipo-nombre[data-v-6a48c4fa] {
    font-size: 0.9rem;
}
.comp-row[data-v-6a48c4fa] {
    font-size: 0.9rem;
}
}

/* Destacado */
strong.destacado[data-v-1daf97b3] {
  color: #FCD34D;
}

/* Hibridaciones section */
.hibridaciones-section[data-v-1daf97b3] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.hibridacion-card[data-v-1daf97b3] {
  padding: 1rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.hibridacion-card.sp3[data-v-1daf97b3] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.hibridacion-card.sp2[data-v-1daf97b3] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.hibridacion-card.sp[data-v-1daf97b3] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.hib-header[data-v-1daf97b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.hib-tipo[data-v-1daf97b3] {
  font-size: 1.25rem;
  font-weight: 800;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
}
.sp3 .hib-tipo[data-v-1daf97b3] { background: #10B981; color: white;
}
.sp2 .hib-tipo[data-v-1daf97b3] { background: #3B82F6; color: white;
}
.sp .hib-tipo[data-v-1daf97b3] { background: #EF4444; color: white;
}
.hib-enlaces[data-v-1daf97b3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Visuales de hibridación */
.hib-visual[data-v-1daf97b3] {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}

/* Tetraedro sp3 */
.tetraedro[data-v-1daf97b3] {
  position: relative;
  width: 100px;
  height: 100px;
}
.c-centro[data-v-1daf97b3] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-size: 0.9rem;
  z-index: 2;
}
.tetraedro .orbital[data-v-1daf97b3] {
  position: absolute;
  width: 10px;
  height: 30px;
  background: linear-gradient(to top, transparent, #6EE7B7);
  border-radius: 50%;
}
.tetraedro .o1[data-v-1daf97b3] { top: 5px; left: 50%; transform: translateX(-50%) rotate(0deg);
}
.tetraedro .o2[data-v-1daf97b3] { bottom: 10px; left: 15%; transform: rotate(120deg);
}
.tetraedro .o3[data-v-1daf97b3] { bottom: 10px; right: 15%; transform: rotate(-120deg);
}
.tetraedro .o4[data-v-1daf97b3] { bottom: 5px; left: 50%; transform: translateX(-50%) rotate(180deg);
}

/* Trigonal sp2 */
.trigonal[data-v-1daf97b3] {
  position: relative;
  width: 100px;
  height: 80px;
}
.trigonal .c-centro[data-v-1daf97b3] {
  top: 50%;
  left: 50%;
}
.orbital-sp2[data-v-1daf97b3] {
  position: absolute;
  width: 8px;
  height: 25px;
  background: linear-gradient(to top, transparent, #93C5FD);
  border-radius: 50%;
}
.trigonal .o1[data-v-1daf97b3] { top: 5px; left: 50%; transform: translateX(-50%);
}
.trigonal .o2[data-v-1daf97b3] { bottom: 5px; left: 20%; transform: rotate(120deg);
}
.trigonal .o3[data-v-1daf97b3] { bottom: 5px; right: 20%; transform: rotate(-120deg);
}
.orbital-p[data-v-1daf97b3] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 50px;
  background: linear-gradient(to bottom, #FCA5A5 0%, transparent 50%, #FCA5A5 100%);
  opacity: 0.6;
}

/* Lineal sp */
.lineal[data-v-1daf97b3] {
  position: relative;
  width: 120px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lineal .c-centro[data-v-1daf97b3] {
  position: relative;
  transform: none;
  top: auto;
  left: auto;
}
.orbital-sp[data-v-1daf97b3] {
  width: 30px;
  height: 8px;
  background: linear-gradient(to right, transparent, #FCA5A5);
  border-radius: 50%;
}
.lineal .o1[data-v-1daf97b3] {
  background: linear-gradient(to left, transparent, #FCA5A5);
}
.orbital-p-double[data-v-1daf97b3] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 6px;
  background: linear-gradient(to right, #93C5FD 0%, transparent 50%, #93C5FD 100%);
  opacity: 0.5;
}

/* Info de hibridación */
.hib-info[data-v-1daf97b3] {
  display: grid;
  gap: 0.25rem;
}
.info-row[data-v-1daf97b3] {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.info-label[data-v-1daf97b3] {
  color: #C4B5FD;
}
.info-valor[data-v-1daf97b3] {
  color: #FFFFFF;
  font-weight: 600;
}
.info-valor.destacado[data-v-1daf97b3] {
  color: #FCD34D;
}

/* Resumen tabla */
.resumen-section[data-v-1daf97b3] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-1daf97b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-1daf97b3] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tabla-row[data-v-1daf97b3] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.6rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  align-items: center;
}
.tabla-row[data-v-1daf97b3]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-1daf97b3] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.hib-badge[data-v-1daf97b3] {
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  display: inline-block;
}
.hib-badge.sp3[data-v-1daf97b3] { background: #10B981; color: white;
}
.hib-badge.sp2[data-v-1daf97b3] { background: #3B82F6; color: white;
}
.hib-badge.sp[data-v-1daf97b3] { background: #EF4444; color: white;
}

/* Identificar section */
.identificar-section[data-v-1daf97b3] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.identificar-titulo[data-v-1daf97b3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.identificar-regla p[data-v-1daf97b3] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.regla-formula[data-v-1daf97b3] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-1daf97b3] {
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.formula-item strong.sp3[data-v-1daf97b3] { color: #6EE7B7;
}
.formula-item strong.sp2[data-v-1daf97b3] { color: #93C5FD;
}
.formula-item strong.sp[data-v-1daf97b3] { color: #FCA5A5;
}

/* Tip */
.tip[data-v-1daf97b3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1daf97b3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1daf97b3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1daf97b3] {
  color: #FCD34D;
}
.tip-texto strong.sp3[data-v-1daf97b3] { color: #6EE7B7;
}
.tip-texto strong.sp2[data-v-1daf97b3] { color: #93C5FD;
}
.tip-texto strong.sp[data-v-1daf97b3] { color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.hibridaciones-section[data-v-1daf97b3] {
    flex-direction: row;
}
.hibridacion-card[data-v-1daf97b3] {
    flex: 1;
}
.hib-header[data-v-1daf97b3] {
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
.regla-formula[data-v-1daf97b3] {
    flex-direction: row;
    justify-content: space-around;
}
}

.explorador[data-v-a75fc7c4] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a75fc7c4] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a75fc7c4] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a75fc7c4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a75fc7c4] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a75fc7c4] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a75fc7c4] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a75fc7c4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a75fc7c4] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Contar enlaces ===== */
.contar-container[data-v-a75fc7c4] {
  text-align: center;
}
.molecula-visual[data-v-a75fc7c4] {
  margin-bottom: 1.5rem;
}
.molecula-actual[data-v-a75fc7c4] {
  min-height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Metano */
.mol.metano[data-v-a75fc7c4] {
  position: relative;
  width: 100px;
  height: 100px;
}
.metano .c-atom[data-v-a75fc7c4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  z-index: 2;
}
.metano .h-atom[data-v-a75fc7c4] {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.7rem;
  color: #064E3B;
  z-index: 2;
}
.metano .h-atom.t[data-v-a75fc7c4] { top: 0; left: 50%; transform: translateX(-50%);
}
.metano .h-atom.b[data-v-a75fc7c4] { bottom: 0; left: 50%; transform: translateX(-50%);
}
.metano .h-atom.l[data-v-a75fc7c4] { left: 0; top: 50%; transform: translateY(-50%);
}
.metano .h-atom.r[data-v-a75fc7c4] { right: 0; top: 50%; transform: translateY(-50%);
}
.metano .enlace[data-v-a75fc7c4] {
  position: absolute;
  background: #C4B5FD;
  z-index: 1;
}
.metano .v-top[data-v-a75fc7c4] { width: 3px; height: 18px; top: 22px; left: 50%; transform: translateX(-50%);
}
.metano .v-bot[data-v-a75fc7c4] { width: 3px; height: 18px; bottom: 22px; left: 50%; transform: translateX(-50%);
}
.metano .h-left[data-v-a75fc7c4] { width: 18px; height: 3px; left: 22px; top: 50%; transform: translateY(-50%);
}
.metano .h-right[data-v-a75fc7c4] { width: 18px; height: 3px; right: 22px; top: 50%; transform: translateY(-50%);
}

/* Eteno */
.mol.eteno[data-v-a75fc7c4] {
  position: relative;
  width: 140px;
  height: 80px;
}
.eteno .c-atom[data-v-a75fc7c4] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  z-index: 2;
}
.eteno .cl[data-v-a75fc7c4] { left: 35px;
}
.eteno .cr[data-v-a75fc7c4] { right: 35px;
}
.eteno .doble-enlace[data-v-a75fc7c4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 12px;
  background: 
    linear-gradient(to bottom, #C4B5FD 0%, #C4B5FD 35%, transparent 35%, transparent 65%, #C4B5FD 65%, #C4B5FD 100%);
}
.eteno .h-atom[data-v-a75fc7c4] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.65rem;
  color: #064E3B;
  z-index: 2;
}
.eteno .tl[data-v-a75fc7c4] { top: 0; left: 15px;
}
.eteno .tr[data-v-a75fc7c4] { top: 0; right: 15px;
}
.eteno .bl[data-v-a75fc7c4] { bottom: 0; left: 15px;
}
.eteno .br[data-v-a75fc7c4] { bottom: 0; right: 15px;
}
.eteno .enlace[data-v-a75fc7c4] {
  position: absolute;
  background: #C4B5FD;
  width: 3px;
  height: 15px;
  z-index: 1;
}
.eteno .diag-tl[data-v-a75fc7c4] { top: 17px; left: 28px; transform: rotate(-45deg);
}
.eteno .diag-tr[data-v-a75fc7c4] { top: 17px; right: 28px; transform: rotate(45deg);
}
.eteno .diag-bl[data-v-a75fc7c4] { bottom: 17px; left: 28px; transform: rotate(45deg);
}
.eteno .diag-br[data-v-a75fc7c4] { bottom: 17px; right: 28px; transform: rotate(-45deg);
}

/* Etino */
.mol.etino[data-v-a75fc7c4] {
  position: relative;
  width: 160px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.etino .c-atom[data-v-a75fc7c4] {
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  color: white;
  z-index: 2;
}
.etino .h-atom[data-v-a75fc7c4] {
  width: 20px;
  height: 20px;
  background: #6EE7B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.65rem;
  color: #064E3B;
  z-index: 2;
}
.etino .triple-enlace[data-v-a75fc7c4] {
  width: 25px;
  height: 14px;
  background: 
    linear-gradient(to bottom, #C4B5FD 0%, #C4B5FD 20%, transparent 20%, transparent 40%, #C4B5FD 40%, #C4B5FD 60%, transparent 60%, transparent 80%, #C4B5FD 80%, #C4B5FD 100%);
  margin: 0 2px;
}
.etino .enlace[data-v-a75fc7c4] {
  width: 15px;
  height: 3px;
  background: #C4B5FD;
}
.molecula-nombre[data-v-a75fc7c4] {
  font-weight: 700;
  color: #FCD34D;
  margin-top: 0.5rem;
}
.pregunta-enlaces[data-v-a75fc7c4] {
  margin: 1rem 0;
}
.pregunta-enlaces p[data-v-a75fc7c4] {
  margin: 0 0 0.75rem;
  color: #E9D5FF;
}
.respuesta-input[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.input-enlaces[data-v-a75fc7c4] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-enlaces.correcto[data-v-a75fc7c4] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-enlaces.incorrecto[data-v-a75fc7c4] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-a75fc7c4] {
  padding: 0.5rem 1rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* ===== DESAFÍO 2: Hibridación ===== */
.hibridacion-container[data-v-a75fc7c4] {
  text-align: center;
}
.estructura-visual[data-v-a75fc7c4] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.estructura-formula[data-v-a75fc7c4] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.estructura-imagen[data-v-a75fc7c4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.estructura-imagen[data-v-a75fc7c4] .c-marcado {
  color: #FCD34D;
  text-decoration: underline;
}
.hib-pregunta[data-v-a75fc7c4] {
  margin: 1rem 0;
  color: #E9D5FF;
}
.opciones-hib[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.opcion-hib[data-v-a75fc7c4] {
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.opcion-hib[data-v-a75fc7c4]:hover:not(:disabled) {
  border-color: #8B5CF6;
}
.opcion-hib.seleccionada[data-v-a75fc7c4] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-hib.correcta[data-v-a75fc7c4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.opcion-hib.incorrecta[data-v-a75fc7c4] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 3: Construir ===== */
.construir-container[data-v-a75fc7c4] {
  text-align: center;
}
.instruccion-construir[data-v-a75fc7c4] {
  margin: 0 0 1rem;
  color: #E9D5FF;
}
.instruccion-construir strong[data-v-a75fc7c4] {
  color: #FCD34D;
}
.constructor-area[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.carbono-central[data-v-a75fc7c4] {
  position: relative;
  width: 150px;
  height: 150px;
}
.c-atom-grande[data-v-a75fc7c4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 800;
  color: white;
  z-index: 2;
}
.slot-enlace[data-v-a75fc7c4] {
  position: absolute;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.slot-enlace.slot-0[data-v-a75fc7c4] { top: 5px; left: 50%; transform: translateX(-50%);
}
.slot-enlace.slot-1[data-v-a75fc7c4] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.slot-enlace.slot-2[data-v-a75fc7c4] { left: 5px; top: 50%; transform: translateY(-50%);
}
.slot-enlace.slot-3[data-v-a75fc7c4] { right: 5px; top: 50%; transform: translateY(-50%);
}
.slot-enlace.ocupado[data-v-a75fc7c4] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-enlace.seleccionable[data-v-a75fc7c4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.slot-enlace.slot-0.seleccionable[data-v-a75fc7c4] {
  animation: pulse-top-a75fc7c4 1s infinite;
}
.slot-enlace.slot-1.seleccionable[data-v-a75fc7c4] {
  animation: pulse-bottom-a75fc7c4 1s infinite;
}
.slot-enlace.slot-2.seleccionable[data-v-a75fc7c4] {
  animation: pulse-left-a75fc7c4 1s infinite;
}
.slot-enlace.slot-3.seleccionable[data-v-a75fc7c4] {
  animation: pulse-right-a75fc7c4 1s infinite;
}
@keyframes pulse-top-a75fc7c4 {
0%, 100% { transform: translateX(-50%) scale(1);
}
50% { transform: translateX(-50%) scale(1.08);
}
}
@keyframes pulse-bottom-a75fc7c4 {
0%, 100% { transform: translateX(-50%) scale(1);
}
50% { transform: translateX(-50%) scale(1.08);
}
}
@keyframes pulse-left-a75fc7c4 {
0%, 100% { transform: translateY(-50%) scale(1);
}
50% { transform: translateY(-50%) scale(1.08);
}
}
@keyframes pulse-right-a75fc7c4 {
0%, 100% { transform: translateY(-50%) scale(1);
}
50% { transform: translateY(-50%) scale(1.08);
}
}
.slot-vacio[data-v-a75fc7c4] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.5rem;
}
.atomo-colocado[data-v-a75fc7c4] {
  font-weight: 700;
  font-size: 1rem;
}
.atomo-colocado.hidrogeno[data-v-a75fc7c4] { color: #6EE7B7;
}
.atomo-colocado.oxigeno[data-v-a75fc7c4] { color: #FCA5A5;
}
.atomo-colocado.nitrogeno[data-v-a75fc7c4] { color: #93C5FD;
}
.atomos-disponibles[data-v-a75fc7c4] {
  margin: 1rem 0;
}
.atomos-label[data-v-a75fc7c4] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.atomos-pool[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.atomo-btn[data-v-a75fc7c4] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.atomo-btn.hidrogeno[data-v-a75fc7c4] {
  background: rgba(16, 185, 129, 0.2);
  border-color: #10B981;
  color: #6EE7B7;
}
.atomo-btn.oxigeno[data-v-a75fc7c4] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
  color: #FCA5A5;
}
.atomo-btn.nitrogeno[data-v-a75fc7c4] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}
.atomo-btn.seleccionado[data-v-a75fc7c4] {
  transform: scale(1.15);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.6);
}
.botones-construir[data-v-a75fc7c4] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-reiniciar[data-v-a75fc7c4] {
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.3);
  border: none;
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  cursor: pointer;
  font-family: inherit;
}

/* Feedback y resultados */
.feedback[data-v-a75fc7c4] {
  margin: 0.75rem 0;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback.error[data-v-a75fc7c4] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.resultado-correcto[data-v-a75fc7c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a75fc7c4] { font-size: 1.25rem;
}
.resultado-texto[data-v-a75fc7c4] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}
.contador[data-v-a75fc7c4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-a75fc7c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a75fc7c4] { flex: 1;
}
.nav-btn[data-v-a75fc7c4] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a75fc7c4] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a75fc7c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a75fc7c4] { font-size: 1.75rem;
}
.completado-texto[data-v-a75fc7c4] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a75fc7c4], .slide-leave-active[data-v-a75fc7c4] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a75fc7c4] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a75fc7c4] { opacity: 0; transform: translateX(-15px);
}

/* Intro */
.resumen-intro[data-v-3bc7980a] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-3bc7980a] {
  font-size: 2rem;
}
.resumen-intro p[data-v-3bc7980a] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}

/* Cards grid */
.resumen-cards[data-v-3bc7980a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-3bc7980a] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-3bc7980a] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-3bc7980a]:hover {
  border-color: #8B5CF6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-3bc7980a] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-3bc7980a] {
    grid-column: span 1;
}
}
.card-header[data-v-3bc7980a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-3bc7980a] {
  font-size: 1.25rem;
}
.card-titulo[data-v-3bc7980a] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-3bc7980a] {
  color: #E9D5FF;
}
.card-nota[data-v-3bc7980a] {
  margin: 0.5rem 0;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.card-nota strong[data-v-3bc7980a] {
  color: #FCD34D;
}
.card-lista[data-v-3bc7980a] {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
}
.card-lista li[data-v-3bc7980a] {
  margin-bottom: 0.25rem;
}

/* Formula visual tetravalencia */
.formula-visual[data-v-3bc7980a] {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
}
.carbono-mini[data-v-3bc7980a] {
  position: relative;
  width: 60px;
  height: 60px;
}
.carbono-mini .c[data-v-3bc7980a] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #3B82F6, #8B5CF6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
}
.carbono-mini .enlace[data-v-3bc7980a] {
  position: absolute;
  color: #C4B5FD;
  font-weight: 700;
}
.carbono-mini .e1[data-v-3bc7980a] { top: 5px; left: 50%; transform: translateX(-50%);
}
.carbono-mini .e2[data-v-3bc7980a] { bottom: 5px; left: 50%; transform: translateX(-50%);
}
.carbono-mini .e3[data-v-3bc7980a] { left: 5px; top: 50%; transform: translateY(-50%);
}
.carbono-mini .e4[data-v-3bc7980a] { right: 5px; top: 50%; transform: translateY(-50%);
}

/* Cadena mini */
.cadena-mini[data-v-3bc7980a] {
  text-align: center;
  font-family: monospace;
  font-size: 1.1rem;
  color: #C4B5FD;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}

/* Hibridación tabla */
.hibridacion-tabla[data-v-3bc7980a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.hib-row[data-v-3bc7980a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
.hib-tipo[data-v-3bc7980a] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.hib-tipo.sp3[data-v-3bc7980a] { background: #10B981; color: white;
}
.hib-tipo.sp2[data-v-3bc7980a] { background: #3B82F6; color: white;
}
.hib-tipo.sp[data-v-3bc7980a] { background: #EF4444; color: white;
}
.hib-info[data-v-3bc7980a] {
  flex: 1;
  font-size: 0.8rem;
  color: #E9D5FF;
  min-width: 150px;
}
.hib-ejemplo[data-v-3bc7980a] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Enlaces mini */
.enlaces-mini[data-v-3bc7980a] {
  display: flex;
  justify-content: space-around;
  margin: 0.5rem 0;
}
.enlace-tipo[data-v-3bc7980a] {
  text-align: center;
}
.enlace-tipo .simbolo[data-v-3bc7980a] {
  display: block;
  font-family: monospace;
  font-size: 1.2rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.enlace-tipo .nombre[data-v-3bc7980a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Reglas rápidas */
.reglas-rapidas[data-v-3bc7980a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.reglas-rapidas p[data-v-3bc7980a] {
  margin: 0;
  font-size: 0.9rem;
}
.reglas-rapidas .sp3[data-v-3bc7980a] { color: #6EE7B7;
}
.reglas-rapidas .sp2[data-v-3bc7980a] { color: #93C5FD;
}
.reglas-rapidas .sp[data-v-3bc7980a] { color: #FCA5A5;
}

/* Tips finales */
.tips-finales[data-v-3bc7980a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-3bc7980a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-3bc7980a] {
  font-size: 1.25rem;
}
.tip-text[data-v-3bc7980a] {
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-3bc7980a] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-3bc7980a] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-3bc7980a] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-3bc7980a 1s ease-in-out infinite;
}
@keyframes bounce-3bc7980a {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-3bc7980a] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-3bc7980a] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-54501c46] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.ecuacion-demo[data-v-54501c46] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.lado-izq[data-v-54501c46], .lado-der[data-v-54501c46] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.especie[data-v-54501c46] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
}
.mas[data-v-54501c46] {
  color: #C4B5FD;
  font-weight: 700;
}
.flecha[data-v-54501c46] {
  font-size: 1.5rem;
  color: #8B5CF6;
  margin: 0 0.25rem;
}
.demo-pregunta[data-v-54501c46] {
  color: #FCD34D;
  font-size: 0.9rem;
  font-weight: 600;
}

/* Concepto card */
.concepto-card[data-v-54501c46] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-54501c46] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-54501c46] {
  flex: 1;
}
.concepto-titulo[data-v-54501c46] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-54501c46] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-54501c46] {
  color: #FFFFFF;
}

/* Método section */
.metodo-section[data-v-54501c46] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-54501c46] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.metodo-intro[data-v-54501c46] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}
.semirreacciones[data-v-54501c46] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.semirreaccion[data-v-54501c46] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.semirreaccion.oxidacion[data-v-54501c46] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.semirreaccion.reduccion[data-v-54501c46] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.semi-tipo[data-v-54501c46] {
  font-weight: 700;
  font-size: 0.9rem;
}
.semirreaccion.oxidacion .semi-tipo[data-v-54501c46] { color: #FCA5A5;
}
.semirreaccion.reduccion .semi-tipo[data-v-54501c46] { color: #6EE7B7;
}
.semi-desc[data-v-54501c46] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.semi-ejemplo[data-v-54501c46] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Pasos section */
.pasos-section[data-v-54501c46] {
  margin: 1.5rem 0;
}
.pasos-lista[data-v-54501c46] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-item[data-v-54501c46] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-54501c46] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.paso-texto[data-v-54501c46] {
  color: #E9D5FF;
  font-size: 0.85rem;
}

/* Medios section */
.medios-section[data-v-54501c46] {
  margin: 1.5rem 0;
}
.medios-grid[data-v-54501c46] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.medio-card[data-v-54501c46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.medio-card.acido[data-v-54501c46] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.medio-card.basico[data-v-54501c46] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.medio-icono[data-v-54501c46] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.medio-nombre[data-v-54501c46] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.medio-desc[data-v-54501c46] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-54501c46] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-54501c46] {
  font-size: 1.25rem;
}
.tip-texto[data-v-54501c46] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-54501c46] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-demo[data-v-54501c46] {
    gap: 0.75rem;
}
.especie[data-v-54501c46] {
    font-size: 1.4rem;
    padding: 0.4rem 0.75rem;
}
.semirreacciones[data-v-54501c46] {
    flex-direction: row;
}
.semirreaccion[data-v-54501c46] {
    flex: 1;
}
.paso-item[data-v-54501c46] {
    padding: 0.6rem 1rem;
}
.paso-texto[data-v-54501c46] {
    font-size: 0.9rem;
}
}

/* Colores especiales */
strong.acido[data-v-3fedf60f] { color: #FCA5A5;
}
strong.agua[data-v-3fedf60f] { color: #93C5FD;
}
strong.electron[data-v-3fedf60f] { color: #FCD34D;
}

/* Intro card */
.intro-card[data-v-3fedf60f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-3fedf60f] {
  font-size: 1.5rem;
}
.intro-contenido[data-v-3fedf60f] {
  flex: 1;
}
.intro-titulo[data-v-3fedf60f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.intro-texto[data-v-3fedf60f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Section titulo */
.section-titulo[data-v-3fedf60f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Paso detallado */
.paso-detallado[data-v-3fedf60f] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.paso-header[data-v-3fedf60f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}
.paso-numero[data-v-3fedf60f] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.paso-titulo[data-v-3fedf60f] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-contenido[data-v-3fedf60f] {
  padding: 0.75rem;
}

/* Semirreacciones boxes */
.semirreaccion-box[data-v-3fedf60f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 0.3rem;
  margin-bottom: 0.4rem;
  font-size: 0.9rem;
}
.semirreaccion-box.oxidacion[data-v-3fedf60f] {
  background: rgba(239, 68, 68, 0.15);
}
.semirreaccion-box.reduccion[data-v-3fedf60f] {
  background: rgba(16, 185, 129, 0.15);
}
.semi-label[data-v-3fedf60f] {
  font-weight: 600;
  font-size: 0.8rem;
}
.semirreaccion-box.oxidacion .semi-label[data-v-3fedf60f] { color: #FCA5A5;
}
.semirreaccion-box.reduccion .semi-label[data-v-3fedf60f] { color: #6EE7B7;
}
.semi-ecuacion[data-v-3fedf60f] {
  font-family: monospace;
  color: #FFFFFF;
}

/* Ecuación paso */
.ecuacion-paso[data-v-3fedf60f] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}
.ec-texto[data-v-3fedf60f] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.paso-nota[data-v-3fedf60f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Cargas calculo */
.cargas-calculo[data-v-3fedf60f] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.carga-lado[data-v-3fedf60f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.carga-label[data-v-3fedf60f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.carga-valor[data-v-3fedf60f] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.carga-valor strong[data-v-3fedf60f] {
  color: #FCD34D;
}

/* Igualar box */
.igualar-box[data-v-3fedf60f] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.igualar-operacion[data-v-3fedf60f] {
  margin-bottom: 0.5rem;
}
.operacion-texto[data-v-3fedf60f] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.semis-finales[data-v-3fedf60f] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.semi-final[data-v-3fedf60f] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Resultado section */
.resultado-section[data-v-3fedf60f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.resultado-titulo[data-v-3fedf60f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.ecuacion-final[data-v-3fedf60f] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  padding: 0.75rem;
}
.ef-texto[data-v-3fedf60f] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Regla box */
.regla-box[data-v-3fedf60f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.regla-icono[data-v-3fedf60f] {
  font-size: 1.25rem;
}
.regla-contenido[data-v-3fedf60f] {
  flex: 1;
}
.regla-titulo[data-v-3fedf60f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.regla-items[data-v-3fedf60f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.regla-item[data-v-3fedf60f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ri-num[data-v-3fedf60f] {
  font-weight: 700;
  color: #8B5CF6;
}
.ri-texto[data-v-3fedf60f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-paso[data-v-3fedf60f] {
    padding: 0.6rem 1rem;
}
.ec-texto[data-v-3fedf60f] {
    font-size: 1.05rem;
}
.ef-texto[data-v-3fedf60f] {
    font-size: 1.1rem;
}
}

/* Colores especiales */
strong.acido[data-v-38c120a1] { color: #FCA5A5;
}
strong.basico[data-v-38c120a1] { color: #93C5FD;
}
strong.agua[data-v-38c120a1] { color: #6EE7B7;
}

/* Intro card */
.intro-card[data-v-38c120a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-38c120a1] {
  font-size: 1.5rem;
}
.intro-contenido[data-v-38c120a1] {
  flex: 1;
}
.intro-titulo[data-v-38c120a1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.intro-texto[data-v-38c120a1] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Section titulo */
.section-titulo[data-v-38c120a1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Métodos section */
.metodos-section[data-v-38c120a1] {
  margin-bottom: 1.5rem;
}
.metodo-card[data-v-38c120a1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.metodo-header[data-v-38c120a1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.metodo-header.metodo-a[data-v-38c120a1] {
  background: rgba(139, 92, 246, 0.2);
}
.metodo-header.metodo-b[data-v-38c120a1] {
  background: rgba(16, 185, 129, 0.2);
}
.metodo-num[data-v-38c120a1] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
}
.metodo-header.metodo-b .metodo-num[data-v-38c120a1] {
  background: #10B981;
}
.metodo-nombre[data-v-38c120a1] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.recomendado[data-v-38c120a1] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-left: auto;
}
.metodo-contenido[data-v-38c120a1] {
  padding: 0.75rem;
}
.metodo-desc[data-v-38c120a1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.metodo-pasos[data-v-38c120a1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mp-item[data-v-38c120a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.mp-bullet[data-v-38c120a1] {
  color: #8B5CF6;
  font-weight: 700;
}
.mp-texto[data-v-38c120a1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-38c120a1] {
  margin-bottom: 1.5rem;
}
.paso-box[data-v-38c120a1] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.paso-header[data-v-38c120a1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.paso-num[data-v-38c120a1] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.paso-titulo[data-v-38c120a1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ecuacion-demo[data-v-38c120a1] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  padding: 0.6rem 0.75rem;
  line-height: 1.5;
  word-wrap: break-word;
}
.paso-nota[data-v-38c120a1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0 0.75rem 0.5rem;
}

/* Resultado section */
.resultado-section[data-v-38c120a1] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.resultado-titulo[data-v-38c120a1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.ecuacion-final[data-v-38c120a1] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  padding: 0.75rem;
  word-wrap: break-word;
}

/* Comparación section */
.comparacion-section[data-v-38c120a1] {
  margin-bottom: 1.5rem;
}
.comparacion-grid[data-v-38c120a1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-card[data-v-38c120a1] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.comp-card.acido[data-v-38c120a1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.comp-card.basico[data-v-38c120a1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-titulo[data-v-38c120a1] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.comp-card.acido .comp-titulo[data-v-38c120a1] { color: #FCA5A5;
}
.comp-card.basico .comp-titulo[data-v-38c120a1] { color: #93C5FD;
}
.comp-item[data-v-38c120a1] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-38c120a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-38c120a1] {
  font-size: 1.25rem;
}
.tip-texto[data-v-38c120a1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-38c120a1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-demo[data-v-38c120a1] {
    font-size: 0.95rem;
}
.ecuacion-final[data-v-38c120a1] {
    font-size: 1rem;
}
.comp-card[data-v-38c120a1] {
    padding: 0.75rem;
}
.comp-item[data-v-38c120a1] {
    font-size: 0.8rem;
}
}

.explorador[data-v-a964ff0d] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a964ff0d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a964ff0d] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a964ff0d] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a964ff0d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a964ff0d] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a964ff0d] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a964ff0d] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a964ff0d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a964ff0d] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Reacción mostrar */
.reaccion-mostrar[data-v-a964ff0d] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.reaccion-texto[data-v-a964ff0d] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  word-wrap: break-word;
}

/* Pregunta */
.pregunta[data-v-a964ff0d] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
  text-align: center;
}
.pregunta strong[data-v-a964ff0d] {
  color: #FCD34D;
}

/* Opciones */
.opciones-semi[data-v-a964ff0d], .opciones-coef[data-v-a964ff0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.btn-opcion[data-v-a964ff0d] {
  padding: 0.75rem;
  font-size: 0.9rem;
  font-weight: 500;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
.btn-opcion.coef[data-v-a964ff0d] {
  font-family: inherit;
  text-align: center;
}
.btn-opcion.seleccionado[data-v-a964ff0d] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-opcion.correcto[data-v-a964ff0d] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion.incorrecto[data-v-a964ff0d] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Desafío 2: Electrones */
.electrones-container[data-v-a964ff0d] {
  text-align: center;
}
.semi-ecuaciones[data-v-a964ff0d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.semi-box[data-v-a964ff0d] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.semi-box.oxidacion[data-v-a964ff0d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.semi-box.reduccion[data-v-a964ff0d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.semi-label[data-v-a964ff0d] {
  font-size: 0.75rem;
  font-weight: 600;
}
.semi-box.oxidacion .semi-label[data-v-a964ff0d] { color: #FCA5A5;
}
.semi-box.reduccion .semi-label[data-v-a964ff0d] { color: #6EE7B7;
}
.semi-eq[data-v-a964ff0d] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.multiplicadores[data-v-a964ff0d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.mult-group[data-v-a964ff0d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mult-label[data-v-a964ff0d] {
  font-size: 0.8rem;
  font-weight: 600;
}
.mult-label.oxidacion[data-v-a964ff0d] { color: #FCA5A5;
}
.mult-label.reduccion[data-v-a964ff0d] { color: #6EE7B7;
}
.mult-input[data-v-a964ff0d] {
  width: 50px;
  height: 40px;
  padding: 0 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.mult-input.correcto[data-v-a964ff0d] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.mult-input.incorrecto[data-v-a964ff0d] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}

/* Botón verificar */
.btn-verificar[data-v-a964ff0d] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 0.75rem;
  font-family: inherit;
}

/* Feedback */
.feedback[data-v-a964ff0d] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback-correcto[data-v-a964ff0d] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
}
.feedback-incorrecto[data-v-a964ff0d] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
}

/* Resultado correcto */
.resultado-correcto[data-v-a964ff0d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a964ff0d] { font-size: 1.25rem;
}
.resultado-texto[data-v-a964ff0d] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-a964ff0d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-a964ff0d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a964ff0d] { flex: 1;
}
.nav-btn[data-v-a964ff0d] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a964ff0d] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a964ff0d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a964ff0d] { font-size: 1.75rem;
}
.completado-texto[data-v-a964ff0d] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a964ff0d], .slide-leave-active[data-v-a964ff0d] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a964ff0d] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a964ff0d] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.semi-ecuaciones[data-v-a964ff0d] {
    flex-direction: row;
}
.semi-box[data-v-a964ff0d] {
    flex: 1;
}
.btn-opcion[data-v-a964ff0d] {
    padding: 0.85rem 1rem;
    font-size: 0.95rem;
}
.opciones-coef[data-v-a964ff0d] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.opciones-coef .btn-opcion[data-v-a964ff0d] {
    flex: 1;
    min-width: 140px;
}
}

/* Colores especiales */
strong.acido[data-v-b579473e] { color: #FCA5A5;
}
strong.basico[data-v-b579473e] { color: #93C5FD;
}
strong.agua[data-v-b579473e] { color: #6EE7B7;
}

/* Felicitaciones */
.felicitaciones[data-v-b579473e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.felicitaciones-icono[data-v-b579473e] {
  font-size: 1.5rem;
}
.felicitaciones-texto[data-v-b579473e] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Section titulo */
.section-titulo[data-v-b579473e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Pasos resumen */
.resumen-section[data-v-b579473e] {
  margin-bottom: 1.5rem;
}
.pasos-resumen[data-v-b579473e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.paso-r[data-v-b579473e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paso-r-num[data-v-b579473e] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.paso-r-texto[data-v-b579473e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Medios resumen */
.medios-resumen[data-v-b579473e] {
  margin-bottom: 1.5rem;
}
.medios-tabla[data-v-b579473e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.medio-col[data-v-b579473e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.medio-header[data-v-b579473e] {
  padding: 0.5rem;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
}
.medio-header.acido[data-v-b579473e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.medio-header.basico[data-v-b579473e] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.medio-regla[data-v-b579473e] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
}
.regla-item[data-v-b579473e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.medio-ejemplo[data-v-b579473e] {
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-label[data-v-b579473e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ejemplo-texto[data-v-b579473e] {
  font-size: 0.75rem;
  color: #FFFFFF;
  display: block;
}

/* Fórmulas section */
.formulas-section[data-v-b579473e] {
  margin-bottom: 1.5rem;
}
.formulas-lista[data-v-b579473e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-item[data-v-b579473e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.formula-icono[data-v-b579473e] {
  font-size: 1rem;
}
.formula-texto[data-v-b579473e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Nemotecnia */
.nemotecnia-box[data-v-b579473e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.nemo-icono[data-v-b579473e] {
  font-size: 1.5rem;
}
.nemo-contenido[data-v-b579473e] {
  flex: 1;
}
.nemo-titulo[data-v-b579473e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.nemo-grid[data-v-b579473e] {
  display: flex;
  gap: 0.5rem;
}
.nemo-item[data-v-b579473e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 0.4rem;
}
.nemo-item.oxidacion[data-v-b579473e] {
  background: rgba(239, 68, 68, 0.15);
}
.nemo-item.reduccion[data-v-b579473e] {
  background: rgba(16, 185, 129, 0.15);
}
.nemo-letra[data-v-b579473e] {
  font-size: 1.2rem;
  font-weight: 800;
}
.nemo-item.oxidacion .nemo-letra[data-v-b579473e] { color: #FCA5A5;
}
.nemo-item.reduccion .nemo-letra[data-v-b579473e] { color: #6EE7B7;
}
.nemo-desc[data-v-b579473e] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.nemo-desc strong[data-v-b579473e] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-b579473e] {
  margin-bottom: 1.5rem;
}
.tips-lista[data-v-b579473e] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.tip-item[data-v-b579473e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-check[data-v-b579473e] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-b579473e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-b579473e] {
  color: #FFFFFF;
}

/* Siguiente tema */
.siguiente-tema[data-v-b579473e] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.siguiente-icono[data-v-b579473e] {
  font-size: 1.5rem;
}
.siguiente-contenido[data-v-b579473e] {
  flex: 1;
}
.siguiente-label[data-v-b579473e] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.siguiente-nombre[data-v-b579473e] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.paso-r[data-v-b579473e] {
    padding: 0.5rem 0.75rem;
}
.paso-r-texto[data-v-b579473e] {
    font-size: 0.9rem;
}
.nemo-grid[data-v-b579473e] {
    gap: 0.75rem;
}
.nemo-item[data-v-b579473e] {
    padding: 0.5rem;
}
.nemo-desc[data-v-b579473e] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-0021b196] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.reaccion-visual[data-v-0021b196] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.reactivos[data-v-0021b196], .productos[data-v-0021b196] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.molecula[data-v-0021b196] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #93C5FD;
  padding: 0.3rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.35rem;
}
.molecula.producto[data-v-0021b196] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.2);
}
.signo[data-v-0021b196] {
  font-size: 1.25rem;
  color: #C4B5FD;
}
.flecha-reaccion[data-v-0021b196] {
  font-size: 1.5rem;
  color: #FCD34D;
  margin: 0 0.5rem;
}
.visual-caption[data-v-0021b196] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Texto destacado */
strong.destacado[data-v-0021b196] {
  color: #FCD34D;
}

/* Importancia section */
.importancia-section[data-v-0021b196] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.importancia-titulo[data-v-0021b196] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.importancia-contenido p[data-v-0021b196] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}
.lista-importancia[data-v-0021b196] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.item-importancia[data-v-0021b196] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.item-icono[data-v-0021b196] {
  font-size: 1.1rem;
}
.item-texto[data-v-0021b196] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Coeficientes section */
.coeficientes-section[data-v-0021b196] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.coef-titulo[data-v-0021b196] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-ejemplo[data-v-0021b196] {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.coef.destacado[data-v-0021b196] {
  color: #FCD34D;
  font-size: 1.4rem;
}
.coef-explicacion p[data-v-0021b196] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}
.coef-explicacion strong[data-v-0021b196] {
  color: #FFFFFF;
}
.proporciones[data-v-0021b196] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.proporcion[data-v-0021b196] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.prop-valor[data-v-0021b196] {
  color: #6EE7B7;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.25rem;
}
.prop-relacion[data-v-0021b196] {
  color: #C4B5FD;
}

/* Tipos section */
.tipos-section[data-v-0021b196] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-0021b196] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-0021b196] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-0021b196] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.tipo-nombre[data-v-0021b196] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.tipo-desc[data-v-0021b196] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-0021b196] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0021b196] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0021b196] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0021b196] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.molecula[data-v-0021b196] {
    font-size: 1.5rem;
    padding: 0.4rem 0.7rem;
}
.flecha-reaccion[data-v-0021b196] {
    font-size: 1.75rem;
    margin: 0 0.75rem;
}
.tipos-grid[data-v-0021b196] {
    flex-direction: row;
}
.tipo-card[data-v-0021b196] {
    flex: 1;
    text-align: center;
}
}

/* Concepto visual */
.concepto-visual[data-v-53554311] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.concepto-header[data-v-53554311] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.concepto-icono[data-v-53554311] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-53554311] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.formula-central[data-v-53554311] {
  display: flex;
  justify-content: center;
}
.formula-box[data-v-53554311] {
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: serif;
}
.fraccion[data-v-53554311] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.numerador[data-v-53554311] {
  border-bottom: 1px solid #FCD34D;
  padding-bottom: 2px;
  font-size: 0.9rem;
}
.denominador[data-v-53554311] {
  padding-top: 2px;
  font-size: 0.9rem;
}

/* Texto destacado */
strong.destacado[data-v-53554311] {
  color: #FCD34D;
}
.fraccion-inline[data-v-53554311] {
  color: #FCD34D;
  font-weight: 700;
}

/* Ejemplo section */
.ejemplo-section[data-v-53554311] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-53554311] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-53554311] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-53554311] {
  color: #FFFFFF;
}
.pasos-resolucion[data-v-53554311] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.paso[data-v-53554311] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.paso-header[data-v-53554311] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.paso-num[data-v-53554311] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-titulo[data-v-53554311] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paso-contenido[data-v-53554311] {
  padding-left: 1.75rem;
}
.ecuacion-coefs[data-v-53554311] {
  font-size: 1rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.coef-resaltado[data-v-53554311] {
  color: #FCD34D;
  font-weight: 700;
  font-size: 1.1rem;
}
.coefs-identificados[data-v-53554311] {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.coef-item strong[data-v-53554311] {
  color: #6EE7B7;
}
.relacion-visual[data-v-53554311] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}
.rel-item[data-v-53554311] {
  color: #93C5FD;
  font-weight: 600;
  padding: 0.2rem 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.rel-flecha[data-v-53554311] {
  color: #FCD34D;
  font-size: 1.1rem;
}
.calculo[data-v-53554311] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calculo .resultado[data-v-53554311] {
  color: #6EE7B7;
}

/* Factor section */
.factor-section[data-v-53554311] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.factor-titulo[data-v-53554311] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.factor-contenido p[data-v-53554311] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
}
.factor-ejemplos[data-v-53554311] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor-ejemplo[data-v-53554311] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.factor-label[data-v-53554311] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.factor-valor[data-v-53554311] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}

/* Tabla section */
.tabla-section[data-v-53554311] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-53554311] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.tabla-proporciones[data-v-53554311] {
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-53554311] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: rgba(139, 92, 246, 0.2);
}
.tabla-col[data-v-53554311] {
  padding: 0.5rem;
  text-align: center;
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.tabla-row[data-v-53554311] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-celda[data-v-53554311] {
  padding: 0.4rem;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Tip PAES */
.tip-paes[data-v-53554311] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-53554311] {
  font-size: 1.25rem;
}
.tip-texto[data-v-53554311] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-53554311] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-box[data-v-53554311] {
    font-size: 1.25rem;
    padding: 0.75rem 1.25rem;
}
.factor-ejemplos[data-v-53554311] {
    flex-direction: row;
}
.factor-ejemplo[data-v-53554311] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
}

/* Concepto visual */
.concepto-visual[data-v-1e9622c8] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-1e9622c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-icono[data-v-1e9622c8] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-1e9622c8] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.diagrama-conversion[data-v-1e9622c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.conv-box[data-v-1e9622c8] {
  padding: 0.5rem 0.6rem;
  border-radius: 0.4rem;
  text-align: center;
}
.conv-box.moles[data-v-1e9622c8] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.conv-box.gramos[data-v-1e9622c8] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.conv-label[data-v-1e9622c8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}
.conv-box.gramos .conv-label[data-v-1e9622c8] {
  color: #6EE7B7;
}
.conv-flecha[data-v-1e9622c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.15rem;
}
.flecha-texto[data-v-1e9622c8] {
  font-size: 0.65rem;
  color: #FCD34D;
  font-weight: 600;
}
.flecha-simbolo[data-v-1e9622c8] {
  font-size: 1rem;
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-1e9622c8] {
  color: #FCD34D;
}
.fraccion-inline[data-v-1e9622c8] {
  color: #FCD34D;
  font-weight: 700;
}

/* Fórmula section */
.formula-section[data-v-1e9622c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-1e9622c8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-1e9622c8] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-1e9622c8] {
  padding: 0.6rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: serif;
}
.fraccion[data-v-1e9622c8] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.numerador[data-v-1e9622c8] {
  border-bottom: 1px solid #FCD34D;
  padding-bottom: 2px;
  font-size: 0.85rem;
}
.denominador[data-v-1e9622c8] {
  padding-top: 2px;
  font-size: 0.85rem;
}
.formula-leyenda[data-v-1e9622c8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-leyenda strong[data-v-1e9622c8] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-1e9622c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-1e9622c8] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-1e9622c8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-1e9622c8] {
  color: #FFFFFF;
}
.dato-adicional[data-v-1e9622c8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pasos-resolucion[data-v-1e9622c8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso[data-v-1e9622c8] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  padding: 0.6rem;
}
.paso-header[data-v-1e9622c8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.paso-num[data-v-1e9622c8] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-titulo[data-v-1e9622c8] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.paso-contenido[data-v-1e9622c8] {
  padding-left: 1.75rem;
}
.calculo[data-v-1e9622c8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calculo strong[data-v-1e9622c8] {
  color: #FFFFFF;
}
.calculo .resultado[data-v-1e9622c8] {
  color: #6EE7B7;
}
.calculo-nota[data-v-1e9622c8] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Solución directa */
.solucion-directa[data-v-1e9622c8] {
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.sol-titulo[data-v-1e9622c8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.sol-calculo[data-v-1e9622c8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-calculo .resultado[data-v-1e9622c8] {
  color: #6EE7B7;
}

/* Inverso section */
.inverso-section[data-v-1e9622c8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.inverso-titulo[data-v-1e9622c8] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.inverso-contenido p[data-v-1e9622c8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
}
.inverso-contenido strong[data-v-1e9622c8] {
  color: #FFFFFF;
}
.formula-inversa[data-v-1e9622c8] {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: serif;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.inverso-pasos[data-v-1e9622c8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.inv-paso[data-v-1e9622c8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding-left: 0.5rem;
  border-left: 2px solid rgba(59, 130, 246, 0.4);
}

/* Tip PAES */
.tip-paes[data-v-1e9622c8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1e9622c8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1e9622c8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1e9622c8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-conversion[data-v-1e9622c8] {
    gap: 0.5rem;
}
.conv-box[data-v-1e9622c8] {
    padding: 0.6rem 0.8rem;
}
.formula-leyenda[data-v-1e9622c8] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Concepto visual */
.concepto-visual[data-v-dc85cd07] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.concepto-header[data-v-dc85cd07] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.concepto-icono[data-v-dc85cd07] {
  font-size: 1.25rem;
}
.concepto-titulo[data-v-dc85cd07] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.diagrama-completo[data-v-dc85cd07] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.15rem;
}
.etapa[data-v-dc85cd07] {
  display: flex;
  align-items: center;
}
.etapa-box[data-v-dc85cd07] {
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  font-size: 0.85rem;
  font-weight: 700;
  font-family: serif;
}
.etapa-box.gramos-a[data-v-dc85cd07], .etapa-box.gramos-b[data-v-dc85cd07] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.etapa-box.moles-a[data-v-dc85cd07], .etapa-box.moles-b[data-v-dc85cd07] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.etapa-box.gramos-b[data-v-dc85cd07] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.etapa-flecha[data-v-dc85cd07] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.15rem;
}
.etapa-operacion[data-v-dc85cd07] {
  font-size: 0.6rem;
  color: #FCD34D;
  font-weight: 600;
}
.etapa-flecha[data-v-dc85cd07]::after {
  content: '→';
  font-size: 0.9rem;
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-dc85cd07] {
  color: #FCD34D;
}
.fraccion-inline[data-v-dc85cd07] {
  color: #FCD34D;
  font-weight: 700;
}

/* Fórmula section */
.formula-section[data-v-dc85cd07] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-dc85cd07] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-dc85cd07] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
  overflow-x: auto;
}
.formula-principal[data-v-dc85cd07] {
  padding: 0.6rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: serif;
  white-space: nowrap;
}
.fraccion[data-v-dc85cd07] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.2rem;
}
.numerador[data-v-dc85cd07] {
  border-bottom: 1px solid #FCD34D;
  padding-bottom: 2px;
  font-size: 0.8rem;
}
.denominador[data-v-dc85cd07] {
  padding-top: 2px;
  font-size: 0.8rem;
}
.formula-pasos[data-v-dc85cd07] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.formula-paso[data-v-dc85cd07] {
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.formula-paso strong[data-v-dc85cd07] {
  color: #93C5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-dc85cd07] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-dc85cd07] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-enunciado[data-v-dc85cd07] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  line-height: 1.4;
}
.ejemplo-enunciado strong[data-v-dc85cd07] {
  color: #FFFFFF;
}
.ecuacion-problema[data-v-dc85cd07] {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  margin: 0.5rem 0;
  padding: 0.35rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
}
.datos-problema[data-v-dc85cd07] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pasos-resolucion[data-v-dc85cd07] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-dc85cd07] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
  padding: 0.5rem;
}
.paso-header[data-v-dc85cd07] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.3rem;
}
.paso-num[data-v-dc85cd07] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.paso-titulo[data-v-dc85cd07] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.paso-contenido[data-v-dc85cd07] {
  padding-left: 1.6rem;
}
.calculo[data-v-dc85cd07] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.calculo strong[data-v-dc85cd07] {
  color: #FFFFFF;
}
.calculo .resultado[data-v-dc85cd07] {
  color: #6EE7B7;
}
.calculo-nota[data-v-dc85cd07] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Solución directa */
.solucion-directa[data-v-dc85cd07] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.sol-titulo[data-v-dc85cd07] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.sol-calculo[data-v-dc85cd07] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.sol-calculo .resultado[data-v-dc85cd07] {
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-dc85cd07] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-dc85cd07] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-dc85cd07] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.error-item[data-v-dc85cd07] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-malo[data-v-dc85cd07] {
  font-size: 0.9rem;
}

/* Tip PAES */
.tip-paes[data-v-dc85cd07] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-dc85cd07] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dc85cd07] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dc85cd07] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diagrama-completo[data-v-dc85cd07] {
    gap: 0.25rem;
}
.etapa-box[data-v-dc85cd07] {
    padding: 0.5rem 0.7rem;
    font-size: 0.95rem;
}
.formula-principal[data-v-dc85cd07] {
    font-size: 1.15rem;
    padding: 0.75rem 1rem;
}
.datos-problema[data-v-dc85cd07] {
    gap: 2rem;
}
}

.explorador[data-v-af1df2ea] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-af1df2ea] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-af1df2ea] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-af1df2ea] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-af1df2ea] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-af1df2ea] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-af1df2ea] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-af1df2ea] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-af1df2ea] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-af1df2ea] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema container */
.problema-container[data-v-af1df2ea] {
  text-align: center;
}
.ecuacion-visual[data-v-af1df2ea] {
  margin-bottom: 0.75rem;
}
.ecuacion-quimica[data-v-af1df2ea] {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
}
.problema-datos[data-v-af1df2ea] {
  margin-bottom: 0.5rem;
}
.dato-principal[data-v-af1df2ea] {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.dato-secundario[data-v-af1df2ea] {
  display: block;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.datos-molares[data-v-af1df2ea] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.25rem;
}
.dato-molar[data-v-af1df2ea] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.problema-pregunta[data-v-af1df2ea] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.problema-pregunta strong[data-v-af1df2ea] {
  color: #6EE7B7;
}

/* Visual de conversión */
.conversion-visual[data-v-af1df2ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.conversion-visual.masa-masa .conv-fila[data-v-af1df2ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  flex-wrap: wrap;
}
.conv-paso[data-v-af1df2ea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.4rem;
  border-radius: 0.3rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  min-width: 40px;
}
.conv-paso.gramos[data-v-af1df2ea] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.3);
}
.conv-paso.factor[data-v-af1df2ea] {
  background: rgba(245, 158, 11, 0.2);
  border-color: rgba(245, 158, 11, 0.3);
}
.conv-paso.molar[data-v-af1df2ea] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.3);
}
.conv-paso.resultado[data-v-af1df2ea] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.3);
}
.conv-valor[data-v-af1df2ea] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.conv-label[data-v-af1df2ea] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.conv-paso.resultado .conv-valor[data-v-af1df2ea] {
  color: #6EE7B7;
}
.conv-operador[data-v-af1df2ea] {
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 700;
  padding: 0 0.1rem;
}

/* Input respuesta */
.input-respuesta[data-v-af1df2ea] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.respuesta-input[data-v-af1df2ea] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-af1df2ea] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-af1df2ea] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-af1df2ea] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-af1df2ea] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-af1df2ea]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-af1df2ea] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-family: monospace;
}
.contador[data-v-af1df2ea] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-af1df2ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-af1df2ea] { font-size: 1.25rem;
}
.resultado-texto[data-v-af1df2ea] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-af1df2ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-af1df2ea] { flex: 1;
}
.nav-btn[data-v-af1df2ea] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-af1df2ea] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-af1df2ea] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-af1df2ea] { font-size: 1.75rem;
}
.completado-texto[data-v-af1df2ea] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-af1df2ea], .slide-leave-active[data-v-af1df2ea] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-af1df2ea] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-af1df2ea] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-quimica[data-v-af1df2ea] {
    font-size: 1.15rem;
    padding: 0.6rem 1rem;
}
.conversion-visual[data-v-af1df2ea] {
    gap: 0.35rem;
    padding: 0.75rem;
}
.conv-paso[data-v-af1df2ea] {
    padding: 0.4rem 0.5rem;
    min-width: 50px;
}
.conv-valor[data-v-af1df2ea] {
    font-size: 0.95rem;
}
.conv-label[data-v-af1df2ea] {
    font-size: 0.7rem;
}
}

/* Resumen visual */
.resumen-visual[data-v-9cd4d679] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.resumen-titulo[data-v-9cd4d679] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.mapa-conversiones[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.mapa-centro[data-v-9cd4d679] {
  margin: 0.5rem 0;
}
.centro-circulo[data-v-9cd4d679] {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8B5CF6, #3B82F6);
  border: 3px solid #FCD34D;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}
.centro-texto[data-v-9cd4d679] {
  font-size: 1.25rem;
  font-weight: 800;
  color: white;
}
.mapa-conexiones[data-v-9cd4d679] {
  display: flex;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}
.conexion[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.conexion-box[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.conexion-box.gramos[data-v-9cd4d679] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.conexion-box.particulas[data-v-9cd4d679] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.conexion-icono[data-v-9cd4d679] {
  font-size: 1.25rem;
}
.conexion-label[data-v-9cd4d679] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.conexion-formula[data-v-9cd4d679] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-family: monospace;
}
.mapa-estequio[data-v-9cd4d679] {
  margin-top: 0.5rem;
}
.estequio-box[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
}
.estequio-label[data-v-9cd4d679] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.estequio-formula[data-v-9cd4d679] {
  font-size: 0.8rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Fórmulas section */
.formulas-section[data-v-9cd4d679] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-9cd4d679] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-card[data-v-9cd4d679] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-tipo[data-v-9cd4d679] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-9cd4d679] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  font-family: serif;
}
.frac[data-v-9cd4d679] {
  font-size: 0.85rem;
}

/* Método section */
.metodo-section[data-v-9cd4d679] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.metodo-titulo[data-v-9cd4d679] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-metodo[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.paso-metodo[data-v-9cd4d679] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-9cd4d679] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.paso-contenido[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
}
.paso-accion[data-v-9cd4d679] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-detalle[data-v-9cd4d679] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Errores section */
.errores-section[data-v-9cd4d679] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-9cd4d679] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-9cd4d679] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-icon[data-v-9cd4d679] {
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* Tips PAES */
.tips-paes[data-v-9cd4d679] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-9cd4d679] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.tip-item[data-v-9cd4d679] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-9cd4d679] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border: 1px solid rgba(245, 158, 11, 0.5);
  color: #FCD34D;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-9cd4d679] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-9cd4d679] {
  color: #FCD34D;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-9cd4d679] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-9cd4d679] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-9cd4d679] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ejemplo-problema[data-v-9cd4d679] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.ejemplo-problema strong[data-v-9cd4d679] {
  color: #FFFFFF;
}
.ejemplo-dato[data-v-9cd4d679] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-solucion[data-v-9cd4d679] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.solucion-label[data-v-9cd4d679] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}
.solucion-calculo[data-v-9cd4d679] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
  margin-top: 0.25rem;
}
.solucion-calculo strong[data-v-9cd4d679] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-9cd4d679] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mensaje-icono[data-v-9cd4d679] {
  font-size: 1.75rem;
}
.mensaje-texto[data-v-9cd4d679] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.mapa-conexiones[data-v-9cd4d679] {
    gap: 3rem;
}
.centro-circulo[data-v-9cd4d679] {
    width: 80px;
    height: 80px;
}
.centro-texto[data-v-9cd4d679] {
    font-size: 1.4rem;
}
.conexion-box[data-v-9cd4d679] {
    min-width: 100px;
    padding: 0.6rem 0.75rem;
}
.formulas-grid[data-v-9cd4d679] {
    flex-direction: row;
}
.formula-card[data-v-9cd4d679] {
    flex: 1;
    text-align: center;
}
}

/* Intro visual */
.intro-visual[data-v-b1763142] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.camino-demo[data-v-b1763142] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.5rem;
}
.camino[data-v-b1763142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
  max-width: 120px;
}
.camino.sin-cat[data-v-b1763142] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.camino.con-cat[data-v-b1763142] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.camino-icono[data-v-b1763142] {
  font-size: 1.75rem;
}
.camino-label[data-v-b1763142] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.25rem;
  text-align: center;
}
.camino-energia[data-v-b1763142] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.sin-cat .camino-energia[data-v-b1763142] { color: #FCA5A5;
}
.con-cat .camino-energia[data-v-b1763142] { color: #6EE7B7;
}
.vs-badge[data-v-b1763142] {
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Texto destacado */
strong.aumenta[data-v-b1763142] {
  color: #6EE7B7;
}
strong.destacado[data-v-b1763142] {
  color: #FCD34D;
}

/* Definición card */
.definicion-card[data-v-b1763142] {
  display: flex;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-b1763142] {
  font-size: 1.75rem;
}
.def-contenido[data-v-b1763142] {
  flex: 1;
}
.def-titulo[data-v-b1763142] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.def-texto[data-v-b1763142] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Diagrama de energía */
.diagrama-energia[data-v-b1763142] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-b1763142] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.diagrama-visual[data-v-b1763142] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  padding: 0.5rem;
}
.eje-y[data-v-b1763142] {
  display: flex;
  flex-direction: column;
  font-size: 0.6rem;
  color: #C4B5FD;
  font-weight: 600;
  line-height: 1.2;
}
.curvas-container[data-v-b1763142] {
  flex: 1;
  position: relative;
  height: 120px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
  padding: 0.5rem;
}
.linea-base[data-v-b1763142] {
  position: absolute;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
}
.linea-base.reactivos[data-v-b1763142] {
  bottom: 60%;
  left: 5%;
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.linea-base.productos[data-v-b1763142] {
  bottom: 30%;
  right: 5%;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.curva[data-v-b1763142] {
  position: absolute;
  width: 60%;
  left: 15%;
  border-radius: 50% 50% 0 0;
  border: 3px solid;
  border-bottom: none;
}
.curva.sin-cat-curva[data-v-b1763142] {
  height: 70px;
  bottom: 45%;
  border-color: #FCA5A5;
}
.curva.con-cat-curva[data-v-b1763142] {
  height: 40px;
  bottom: 45%;
  border-color: #6EE7B7;
}
.curva-peak[data-v-b1763142] {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}
.sin-cat-curva .curva-peak[data-v-b1763142] {
  color: #FCA5A5;
}
.con-cat-curva .curva-peak[data-v-b1763142] {
  color: #6EE7B7;
}
.leyenda-curvas[data-v-b1763142] {
  position: absolute;
  bottom: 2px;
  right: 5px;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.ley[data-v-b1763142] {
  font-size: 0.55rem;
  font-weight: 600;
}
.ley.sin[data-v-b1763142] { color: #FCA5A5;
}
.ley.con[data-v-b1763142] { color: #6EE7B7;
}
.eje-x[data-v-b1763142] {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.6rem;
  color: #C4B5FD;
  white-space: nowrap;
}

/* Características */
.caracteristicas[data-v-b1763142] {
  margin: 1.5rem 0;
}
.caract-titulo[data-v-b1763142] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.caract-lista[data-v-b1763142] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caract-item[data-v-b1763142] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.caract-item.correcto[data-v-b1763142] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.caract-item.incorrecto[data-v-b1763142] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.caract-check[data-v-b1763142] {
  font-size: 1rem;
  font-weight: 700;
}
.caract-item.correcto .caract-check[data-v-b1763142] { color: #6EE7B7;
}
.caract-item.incorrecto .caract-check[data-v-b1763142] { color: #FCA5A5;
}
.caract-texto[data-v-b1763142] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-b1763142] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b1763142] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b1763142] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b1763142] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.camino-demo[data-v-b1763142] {
    gap: 1rem;
}
.camino[data-v-b1763142] {
    padding: 1rem;
    max-width: 150px;
}
.camino-icono[data-v-b1763142] {
    font-size: 2rem;
}
.camino-label[data-v-b1763142] {
    font-size: 0.8rem;
}
.curvas-container[data-v-b1763142] {
    height: 150px;
}
.curva.sin-cat-curva[data-v-b1763142] {
    height: 90px;
}
.curva.con-cat-curva[data-v-b1763142] {
    height: 50px;
}
}

/* Tipo card */
.tipo-card[data-v-0b977e6a] {
  margin: 1.25rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-card.homogenea[data-v-0b977e6a] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.heterogenea[data-v-0b977e6a] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-header[data-v-0b977e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.homogenea .tipo-header[data-v-0b977e6a] {
  background: rgba(59, 130, 246, 0.2);
}
.heterogenea .tipo-header[data-v-0b977e6a] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-icono[data-v-0b977e6a] {
  font-size: 1.25rem;
}
.tipo-nombre[data-v-0b977e6a] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.tipo-contenido[data-v-0b977e6a] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
}
.tipo-def[data-v-0b977e6a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
strong.destacado[data-v-0b977e6a] {
  color: #FCD34D;
}
.tipo-ejemplo[data-v-0b977e6a] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.ej-label[data-v-0b977e6a] {
  font-size: 0.7rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.ej-reaccion[data-v-0b977e6a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-family: monospace;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.reactivo[data-v-0b977e6a] { color: #93C5FD;
}
.flecha[data-v-0b977e6a] { color: #C4B5FD;
}
.producto[data-v-0b977e6a] { color: #6EE7B7;
}
.ej-cat[data-v-0b977e6a] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.35rem;
  font-size: 0.8rem;
}
.cat-label[data-v-0b977e6a] { color: #C4B5FD;
}
.cat-nombre[data-v-0b977e6a] { color: #FCD34D; font-weight: 600;
}
.cat-nota[data-v-0b977e6a] { color: #A1A1AA; font-size: 0.7rem;
}
.tipo-ventajas[data-v-0b977e6a] {
  display: flex;
  gap: 0.75rem;
  font-size: 0.75rem;
  flex-wrap: wrap;
}
.v-item[data-v-0b977e6a] {
  color: #E9D5FF;
}

/* Proceso destacado */
.proceso-destacado[data-v-0b977e6a] {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  overflow: hidden;
}
.proceso-header[data-v-0b977e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.proceso-icono[data-v-0b977e6a] {
  font-size: 1.25rem;
}
.proceso-titulo[data-v-0b977e6a] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.95rem;
}
.proceso-contenido[data-v-0b977e6a] {
  padding: 0.75rem;
}
.proceso-texto[data-v-0b977e6a] {
  margin: 0 0 0.75rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.proceso-texto strong[data-v-0b977e6a] {
  color: #FFFFFF;
}
.proceso-condiciones[data-v-0b977e6a] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.cond-item[data-v-0b977e6a] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Inhibidor card */
.inhibidor-card[data-v-0b977e6a] {
  margin: 1.5rem 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.inh-header[data-v-0b977e6a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.15);
}
.inh-icono[data-v-0b977e6a] {
  font-size: 1.1rem;
}
.inh-titulo[data-v-0b977e6a] {
  font-weight: 700;
  color: #FCA5A5;
  font-size: 0.9rem;
}
.inh-contenido[data-v-0b977e6a] {
  padding: 0.75rem;
}
.inh-texto[data-v-0b977e6a] {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.negativo[data-v-0b977e6a] {
  color: #FCA5A5;
}
.inh-ejemplo[data-v-0b977e6a] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.inh-ej-label[data-v-0b977e6a] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.inh-ej-texto[data-v-0b977e6a] {
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-0b977e6a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0b977e6a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0b977e6a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0b977e6a] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.tipo-header[data-v-0b977e6a] {
    padding: 0.75rem 1rem;
}
.tipo-contenido[data-v-0b977e6a] {
    padding: 1rem;
}
.proceso-condiciones[data-v-0b977e6a] {
    gap: 0.75rem;
}
.cond-item[data-v-0b977e6a] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}
}

/* Texto destacado */
strong.destacado[data-v-1c241498] {
  color: #FCD34D;
}

/* Visual enzima-sustrato */
.enzima-visual[data-v-1c241498] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.modelo-llave[data-v-1c241498] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.enzima-box[data-v-1c241498], .sustrato-box[data-v-1c241498], .complejo-box[data-v-1c241498], .productos-box[data-v-1c241498] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.enzima-forma[data-v-1c241498], .sustrato-forma[data-v-1c241498], .complejo-forma[data-v-1c241498], .productos-forma[data-v-1c241498] {
  font-size: 1.5rem;
}
.enzima-label[data-v-1c241498], .sustrato-label[data-v-1c241498], .complejo-label[data-v-1c241498], .productos-label[data-v-1c241498] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.union-simbolo[data-v-1c241498] {
  font-size: 1rem;
  color: #6EE7B7;
  font-weight: 700;
}
.union-flecha[data-v-1c241498] {
  font-size: 1rem;
  color: #6EE7B7;
}
.modelo-nombre[data-v-1c241498] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Enzimas card */
.enzimas-card[data-v-1c241498] {
  margin: 1.5rem 0;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.enzimas-header[data-v-1c241498] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.enzimas-icono[data-v-1c241498] {
  font-size: 1.1rem;
}
.enzimas-titulo[data-v-1c241498] {
  font-weight: 700;
  color: #93C5FD;
  font-size: 0.9rem;
}
.enzimas-lista[data-v-1c241498] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.enzima-caract[data-v-1c241498] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.35rem;
}
.ec-icono[data-v-1c241498] {
  font-size: 1.1rem;
}
.ec-contenido[data-v-1c241498] {
  display: flex;
  flex-direction: column;
}
.ec-titulo[data-v-1c241498] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ec-texto[data-v-1c241498] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Sitio activo */
.sitio-activo[data-v-1c241498] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.sa-titulo[data-v-1c241498] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.sa-contenido[data-v-1c241498] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.sa-diagrama[data-v-1c241498] {
  display: flex;
  justify-content: center;
}
.enzima-grande[data-v-1c241498] {
  position: relative;
  width: 100px;
  height: 60px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.4), rgba(139, 92, 246, 0.4));
  border-radius: 30px;
  border: 2px solid rgba(59, 130, 246, 0.5);
  display: flex;
  align-items: center;
}
.sitio-activo-visual[data-v-1c241498] {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 25px;
  background: rgba(245, 158, 11, 0.4);
  border: 2px dashed #FCD34D;
  border-radius: 0 0 10px 10px;
  border-top: none;
}
.sa-punto[data-v-1c241498] {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background: #FCD34D;
  border-radius: 50%;
}
.sa-flecha[data-v-1c241498] {
  position: absolute;
  right: -25px;
  font-size: 0.8rem;
  color: #FCD34D;
}
.sa-label[data-v-1c241498] {
  position: absolute;
  right: -90px;
  font-size: 0.7rem;
  color: #FCD34D;
  white-space: nowrap;
}
.sa-texto[data-v-1c241498] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  text-align: center;
}

/* Factores enzimas */
.factores-enzimas[data-v-1c241498] {
  margin: 1.5rem 0;
}
.fe-titulo[data-v-1c241498] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.fe-grid[data-v-1c241498] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
.fe-item[data-v-1c241498] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.fe-icono[data-v-1c241498] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.fe-nombre[data-v-1c241498] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.fe-efecto[data-v-1c241498] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.fe-nota[data-v-1c241498] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.fe-nota.neg[data-v-1c241498] {
  color: #FCA5A5;
}

/* Ejemplos enzimas */
.ejemplos-enzimas[data-v-1c241498] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.eje-titulo[data-v-1c241498] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.eje-lista[data-v-1c241498] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eje-item[data-v-1c241498] {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  align-items: center;
}
.eje-enzima[data-v-1c241498] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.eje-funcion[data-v-1c241498] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.eje-ubicacion[data-v-1c241498] {
  font-size: 0.65rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
}

/* Tip PAES */
.tip-paes[data-v-1c241498] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1c241498] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1c241498] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1c241498] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.modelo-llave[data-v-1c241498] {
    gap: 0.5rem;
}
.enzima-forma[data-v-1c241498], .sustrato-forma[data-v-1c241498], .complejo-forma[data-v-1c241498], .productos-forma[data-v-1c241498] {
    font-size: 1.75rem;
}
.fe-grid[data-v-1c241498] {
    grid-template-columns: repeat(3, 1fr);
}
.eje-item[data-v-1c241498] {
    grid-template-columns: 100px 1fr auto;
}
}

.explorador[data-v-0afe1f55] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0afe1f55] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0afe1f55] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-0afe1f55] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-0afe1f55] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-0afe1f55] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0afe1f55] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0afe1f55] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0afe1f55] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0afe1f55] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0afe1f55] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-0afe1f55] {
  text-align: center;
}
.reaccion-card[data-v-0afe1f55] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-icono[data-v-0afe1f55] {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.reaccion-ecuacion[data-v-0afe1f55] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.reaccion-cat[data-v-0afe1f55] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
}
.cat-label[data-v-0afe1f55] { color: #C4B5FD;
}
.cat-nombre[data-v-0afe1f55] { color: #FCD34D; font-weight: 600;
}
.pregunta-tipo[data-v-0afe1f55] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-tipo[data-v-0afe1f55] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-tipo[data-v-0afe1f55] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: left;
}
.btn-tipo.homogenea[data-v-0afe1f55] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.btn-tipo.heterogenea[data-v-0afe1f55] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.btn-tipo.enzimatica[data-v-0afe1f55] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.btn-tipo.seleccionado[data-v-0afe1f55] {
  transform: scale(1.02);
}
.btn-tipo.seleccionado.homogenea[data-v-0afe1f55] { border-color: #3B82F6;
}
.btn-tipo.seleccionado.heterogenea[data-v-0afe1f55] { border-color: #F59E0B;
}
.btn-tipo.seleccionado.enzimatica[data-v-0afe1f55] { border-color: #10B981;
}
.btn-tipo.correcto[data-v-0afe1f55] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-tipo.incorrecto[data-v-0afe1f55] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.tipo-icono[data-v-0afe1f55] { font-size: 1.25rem;
}
.tipo-texto[data-v-0afe1f55] { font-weight: 700; color: #FFFFFF; font-size: 0.85rem;
}
.tipo-desc[data-v-0afe1f55] { font-size: 0.7rem; color: #C4B5FD; margin-left: auto;
}

/* ===== DESAFÍO 2: V/F ===== */
.vf-container[data-v-0afe1f55] {
  text-align: center;
}
.afirmacion-card[data-v-0afe1f55] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.afirmacion-icono[data-v-0afe1f55] {
  display: block;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.afirmacion-texto[data-v-0afe1f55] {
  margin: 0;
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.opciones-vf[data-v-0afe1f55] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.btn-vf[data-v-0afe1f55] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-vf.verdadero[data-v-0afe1f55] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.btn-vf.falso[data-v-0afe1f55] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-vf.seleccionado.verdadero[data-v-0afe1f55] { border-color: #10B981;
}
.btn-vf.seleccionado.falso[data-v-0afe1f55] { border-color: #EF4444;
}
.btn-vf.correcto[data-v-0afe1f55] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-vf.incorrecto[data-v-0afe1f55] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.vf-icono[data-v-0afe1f55] { font-size: 1.5rem; font-weight: 700;
}
.btn-vf.verdadero .vf-icono[data-v-0afe1f55] { color: #6EE7B7;
}
.btn-vf.falso .vf-icono[data-v-0afe1f55] { color: #FCA5A5;
}
.vf-texto[data-v-0afe1f55] { font-size: 0.75rem; color: #FFFFFF; font-weight: 600; margin-top: 0.25rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-0afe1f55] {
  text-align: center;
}
.sim-instruccion[data-v-0afe1f55] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.control-catalizador[data-v-0afe1f55] {
  margin-bottom: 1rem;
}
.control-label[data-v-0afe1f55] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.control-btns[data-v-0afe1f55] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.btn-cat[data-v-0afe1f55] {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-cat.activo[data-v-0afe1f55] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Diagrama animado */
.diagrama-animado[data-v-0afe1f55] {
  position: relative;
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.diagrama-eje-y[data-v-0afe1f55] {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.diagrama-area[data-v-0afe1f55] {
  position: relative;
  height: 100px;
  margin-left: 20px;
  border-left: 2px solid #8B5CF6;
  border-bottom: 2px solid #8B5CF6;
}
.linea-reactivos[data-v-0afe1f55], .linea-productos[data-v-0afe1f55] {
  position: absolute;
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.15rem 0.25rem;
  border-radius: 0.2rem;
}
.linea-reactivos[data-v-0afe1f55] {
  top: 50%;
  left: 5%;
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.linea-productos[data-v-0afe1f55] {
  bottom: 30%;
  right: 5%;
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.barrera-energia[data-v-0afe1f55] {
  position: absolute;
  left: 30%;
  width: 40%;
  bottom: 50%;
  height: 40px;
  background: linear-gradient(to top, transparent, rgba(239, 68, 68, 0.4));
  border-top: 3px solid #FCA5A5;
  border-radius: 50% 50% 0 0;
  transition: height 0.5s ease, background 0.5s ease, border-color 0.5s ease;
}
.barrera-energia.con-cat[data-v-0afe1f55] {
  height: 20px;
  background: linear-gradient(to top, transparent, rgba(16, 185, 129, 0.4));
  border-color: #6EE7B7;
}
.ea-label[data-v-0afe1f55] {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.6rem;
  font-weight: 700;
  color: #FCD34D;
  white-space: nowrap;
}
.diagrama-eje-x[data-v-0afe1f55] {
  text-align: center;
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Partículas */
.particulas-container[data-v-0afe1f55] {
  position: absolute;
  left: 10%;
  bottom: 45%;
  width: 80%;
  display: flex;
  gap: 0.5rem;
}
.particula[data-v-0afe1f55] {
  font-size: 0.5rem;
  color: #FCD34D;
  animation: mover-particula-0afe1f55 3s infinite ease-in-out;
}
.particula.rapida[data-v-0afe1f55] {
  animation-duration: 1s;
}
@keyframes mover-particula-0afe1f55 {
0% { transform: translateX(0) translateY(0); opacity: 1;
}
50% { transform: translateX(50px) translateY(-30px); opacity: 0.7;
}
100% { transform: translateX(100px) translateY(0); opacity: 0;
}
}

/* Indicadores */
.indicadores[data-v-0afe1f55] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.indicador[data-v-0afe1f55] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ind-label[data-v-0afe1f55] {
  width: 70px;
  text-align: right;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ind-barra[data-v-0afe1f55] {
  flex: 1;
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
}
.ind-fill[data-v-0afe1f55] {
  height: 100%;
  transition: width 0.5s ease;
  border-radius: 6px;
}
.ind-fill.ea[data-v-0afe1f55] {
  background: linear-gradient(90deg, #FCA5A5, #EF4444);
}
.ind-fill.vel[data-v-0afe1f55] {
  background: linear-gradient(90deg, #6EE7B7, #10B981);
}
.ind-valor[data-v-0afe1f55] {
  width: 60px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Pregunta simulador */
.pregunta-sim[data-v-0afe1f55] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  text-align: left;
}
.ps-label[data-v-0afe1f55] {
  display: block;
  font-size: 0.7rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.ps-texto[data-v-0afe1f55] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.opciones-sim[data-v-0afe1f55] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.btn-opcion-sim[data-v-0afe1f55] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  text-align: left;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-opcion-sim.seleccionado[data-v-0afe1f55] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion-sim.correcto[data-v-0afe1f55] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
  color: #FFFFFF;
}
.btn-opcion-sim.incorrecto[data-v-0afe1f55] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Feedback y resultados */
.feedback-error[data-v-0afe1f55] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-0afe1f55] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-0afe1f55] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0afe1f55] { font-size: 1.25rem;
}
.resultado-texto[data-v-0afe1f55] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-0afe1f55] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-0afe1f55] { flex: 1;
}
.nav-btn[data-v-0afe1f55] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0afe1f55] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0afe1f55] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0afe1f55] { font-size: 1.75rem;
}
.completado-texto[data-v-0afe1f55] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0afe1f55], .slide-leave-active[data-v-0afe1f55] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0afe1f55] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0afe1f55] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-0afe1f55] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-tipo[data-v-0afe1f55] {
    flex: 0 1 auto;
    min-width: 140px;
}
.indicadores[data-v-0afe1f55] {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
}

/* Intro */
.resumen-intro[data-v-2244d31d] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-2244d31d] {
  font-size: 2rem;
}
.resumen-intro p[data-v-2244d31d] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-2244d31d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-2244d31d] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-2244d31d] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.resumen-card.wide[data-v-2244d31d] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-2244d31d] {
    grid-column: span 1;
}
}
.card-header[data-v-2244d31d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.card-icono[data-v-2244d31d] {
  font-size: 1.1rem;
}
.card-titulo[data-v-2244d31d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.card-contenido[data-v-2244d31d] {
  padding: 0.75rem;
}
.card-def[data-v-2244d31d] {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.aumenta[data-v-2244d31d] {
  color: #6EE7B7;
}
.card-formula[data-v-2244d31d] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FCD34D;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  text-align: center;
}

/* Lista hace/no hace */
.lista-hace[data-v-2244d31d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.hace-item[data-v-2244d31d] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  padding: 0.25rem 0.35rem;
  border-radius: 0.25rem;
}
.hace-item.si[data-v-2244d31d] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.hace-item.no[data-v-2244d31d] {
  background: rgba(239, 68, 68, 0.1);
  color: #FCA5A5;
}
.hace-item span[data-v-2244d31d] {
  font-weight: 700;
}

/* Tipos grid */
.tipos-grid[data-v-2244d31d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
@media (max-width: 500px) {
.tipos-grid[data-v-2244d31d] {
    grid-template-columns: 1fr;
}
}
.tipo-mini[data-v-2244d31d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.tipo-mini.homogenea[data-v-2244d31d] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-mini.heterogenea[data-v-2244d31d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.tipo-mini.enzimatica[data-v-2244d31d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-nombre[data-v-2244d31d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-2244d31d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.tipo-ej[data-v-2244d31d] {
  font-size: 0.6rem;
  color: #FCD34D;
  font-family: monospace;
  margin-top: 0.25rem;
}

/* Enzimas resumen */
.enzimas-resumen[data-v-2244d31d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.enzima-punto[data-v-2244d31d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.punto-icono[data-v-2244d31d] {
  font-size: 0.9rem;
}
.punto-texto[data-v-2244d31d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-2244d31d] {
  color: #FFFFFF;
}

/* Haber info */
.haber-info[data-v-2244d31d] {
  text-align: center;
}
.haber-ecuacion[data-v-2244d31d] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.haber-cat[data-v-2244d31d] {
  font-size: 0.75rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.haber-tipo[data-v-2244d31d] {
  font-size: 0.7rem;
  color: #C4B5FD;
  padding: 0.15rem 0.35rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.2rem;
  display: inline-block;
}

/* Diagrama resumen */
.diagrama-resumen[data-v-2244d31d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-2244d31d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.diagrama-comparacion[data-v-2244d31d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.comp-item[data-v-2244d31d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.comp-label[data-v-2244d31d] {
  width: 110px;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.comp-barra[data-v-2244d31d] {
  flex: 1;
  height: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  overflow: hidden;
}
.barra-fill[data-v-2244d31d] {
  height: 100%;
  border-radius: 8px;
  transition: width 0.5s ease;
}
.barra-fill.alta[data-v-2244d31d] {
  width: 80%;
  background: linear-gradient(90deg, #FCA5A5, #EF4444);
}
.barra-fill.baja[data-v-2244d31d] {
  width: 30%;
  background: linear-gradient(90deg, #6EE7B7, #10B981);
}
.comp-ea[data-v-2244d31d] {
  width: 100px;
  font-size: 0.7rem;
  font-weight: 600;
}
.comp-item.sin .comp-ea[data-v-2244d31d] { color: #FCA5A5;
}
.comp-item.con .comp-ea[data-v-2244d31d] { color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-2244d31d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-2244d31d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tip-item[data-v-2244d31d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-item[data-v-2244d31d]:last-child {
  margin-bottom: 0;
}
.tip-num[data-v-2244d31d] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
  flex-shrink: 0;
}
.tip-texto[data-v-2244d31d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-2244d31d] {
  color: #FFFFFF;
}

/* Inhibidor recuerdo */
.inhibidor-recuerdo[data-v-2244d31d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.inh-icono[data-v-2244d31d] {
  font-size: 1.5rem;
}
.inh-contenido[data-v-2244d31d] {
  display: flex;
  flex-direction: column;
}
.inh-titulo[data-v-2244d31d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCA5A5;
}
.inh-texto[data-v-2244d31d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.inh-texto strong[data-v-2244d31d] {
  color: #FCA5A5;
}

/* Celebración */
.celebracion[data-v-2244d31d] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-2244d31d] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-2244d31d 1s ease-in-out infinite;
}
@keyframes bounce-2244d31d {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-2244d31d] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-2244d31d] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin: 0;
}

/* Intro visual */
.intro-visual[data-v-e7f50625] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.vasos-container[data-v-e7f50625] {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.vaso[data-v-e7f50625] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.vaso-liquido[data-v-e7f50625] {
  width: 70px;
  height: 80px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.25));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vaso-liquido.saturado[data-v-e7f50625] {
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.35), rgba(59, 130, 246, 0.6));
}
.particulas[data-v-e7f50625] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.35rem;
}
.particula[data-v-e7f50625] {
  font-size: 0.6rem;
  color: #FCD34D;
}
.vaso-label[data-v-e7f50625] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}

/* Texto destacado */
strong.destacado[data-v-e7f50625] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-e7f50625] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-e7f50625] {
  font-size: 1.5rem;
}
.def-contenido[data-v-e7f50625] {
  flex: 1;
}
.def-titulo[data-v-e7f50625] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-e7f50625] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Unidades section */
.unidades-section[data-v-e7f50625] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-e7f50625] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.unidades-grid[data-v-e7f50625] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.unidad-grupo[data-v-e7f50625] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.grupo-header[data-v-e7f50625] {
  padding: 0.4rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.grupo-header.porcentajes[data-v-e7f50625] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.grupo-header.molares[data-v-e7f50625] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.grupo-header.otras[data-v-e7f50625] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.grupo-items[data-v-e7f50625] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.unidad-item[data-v-e7f50625] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}

/* Importancia section */
.importancia-section[data-v-e7f50625] {
  margin: 1.5rem 0;
}
.importancia-titulo[data-v-e7f50625] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-e7f50625] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-e7f50625] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-e7f50625] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-e7f50625] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-detalle[data-v-e7f50625] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-e7f50625] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-e7f50625] {
  font-size: 1.25rem;
}
.tip-texto[data-v-e7f50625] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-e7f50625] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vasos-container[data-v-e7f50625] {
    gap: 3rem;
}
.vaso-liquido[data-v-e7f50625] {
    width: 90px;
    height: 100px;
}
.unidades-grid[data-v-e7f50625] {
    flex-direction: row;
}
.unidad-grupo[data-v-e7f50625] {
    flex: 1;
}
.ejemplos-grid[data-v-e7f50625] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-b4b6d820] {
  color: #FCD34D;
}
strong.resultado[data-v-b4b6d820] {
  color: #6EE7B7;
  font-size: 1.05em;
}

/* Tipo card */
.tipo-card[data-v-b4b6d820] {
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tipo-header[data-v-b4b6d820] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.mm[data-v-b4b6d820] {
  background: rgba(16, 185, 129, 0.2);
}
.tipo-header.mv[data-v-b4b6d820] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-header.vv[data-v-b4b6d820] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-header.ppm[data-v-b4b6d820] {
  background: rgba(239, 68, 68, 0.2);
}
.tipo-icono[data-v-b4b6d820] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-b4b6d820] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-body[data-v-b4b6d820] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-body p[data-v-b4b6d820] {
  margin: 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tipo-body p strong[data-v-b4b6d820] {
  color: #FFFFFF;
}

/* Formula box */
.formula-box[data-v-b4b6d820] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.formula[data-v-b4b6d820] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Ejemplo calculo */
.ejemplo-calculo[data-v-b4b6d820] {
  margin: 0.5rem 0;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.ejemplo-label[data-v-b4b6d820] {
  font-weight: 600;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.25rem;
}
.ejemplo-texto[data-v-b4b6d820] {
  color: #E9D5FF;
  line-height: 1.4;
}

/* Uso comun */
.uso-comun[data-v-b4b6d820] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #93C5FD;
}
.uso-icono[data-v-b4b6d820] {
  font-size: 0.9rem;
}

/* Relación box */
.relacion-box[data-v-b4b6d820] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.relacion-icono[data-v-b4b6d820] {
  font-size: 1.5rem;
}
.relacion-contenido[data-v-b4b6d820] {
  flex: 1;
}
.relacion-titulo[data-v-b4b6d820] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.relacion-texto[data-v-b4b6d820] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}
.relacion-nota[data-v-b4b6d820] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-b4b6d820] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b4b6d820] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b4b6d820] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b4b6d820] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-b4b6d820] {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}
.ejemplo-calculo[data-v-b4b6d820] {
    padding: 0.75rem;
}
}

/* Texto destacado */
strong.destacado[data-v-b021a614] {
  color: #FCD34D;
}
strong.verde[data-v-b021a614] {
  color: #6EE7B7;
  font-size: 1.1em;
}

/* Concepto card */
.concepto-card[data-v-b021a614] {
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.concepto-card.molaridad[data-v-b021a614] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.concepto-card.molalidad[data-v-b021a614] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.concepto-header[data-v-b021a614] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.concepto-card.molaridad .concepto-header[data-v-b021a614] {
  background: rgba(59, 130, 246, 0.2);
}
.concepto-card.molalidad .concepto-header[data-v-b021a614] {
  background: rgba(245, 158, 11, 0.2);
}
.concepto-simbolo[data-v-b021a614] {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 800;
  border-radius: 0.5rem;
}
.concepto-card.molaridad .concepto-simbolo[data-v-b021a614] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.concepto-card.molalidad .concepto-simbolo[data-v-b021a614] {
  background: rgba(245, 158, 11, 0.3);
  color: #FCD34D;
}
.concepto-info[data-v-b021a614] {
  display: flex;
  flex-direction: column;
}
.concepto-nombre[data-v-b021a614] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-unidad[data-v-b021a614] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.concepto-body[data-v-b021a614] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}

/* Formula principal */
.formula-principal[data-v-b021a614] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-b021a614] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-leyenda[data-v-b021a614] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Formula alternativa */
.formula-alternativa[data-v-b021a614] {
  margin: 0.75rem 0;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-alt-titulo[data-v-b021a614] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.formula-alternativa .formula[data-v-b021a614] {
  font-size: 0.95rem;
  padding: 0.35rem 0.75rem;
}

/* Ejemplo card */
.ejemplo-card[data-v-b021a614] {
  margin: 0.75rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-b021a614] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.ejemplo-problema[data-v-b021a614] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.ejemplo-problema strong[data-v-b021a614] {
  color: #FFFFFF;
}
.ejemplo-solucion[data-v-b021a614] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.paso[data-v-b021a614] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.paso strong[data-v-b021a614] {
  color: #FFFFFF;
}
.paso.resultado[data-v-b021a614] {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}

/* Caracteristica */
.caracteristica[data-v-b021a614] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.caracteristica.positiva[data-v-b021a614] {
  background: rgba(16, 185, 129, 0.1);
  color: #6EE7B7;
}
.caract-icono[data-v-b021a614] {
  font-size: 1rem;
}
.caract-texto strong[data-v-b021a614] {
  color: #FFFFFF;
}

/* Comparación */
.comparacion-section[data-v-b021a614] {
  margin: 1.25rem 0;
}
.comparacion-titulo[data-v-b021a614] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-b021a614] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-b021a614] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.75rem;
  font-weight: 700;
}
.tabla-header span[data-v-b021a614] {
  padding: 0.5rem 0.35rem;
  text-align: center;
  color: #E9D5FF;
}
.col-empty[data-v-b021a614] {
  background: transparent;
}
.tabla-row[data-v-b021a614] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.row-label[data-v-b021a614] {
  padding: 0.4rem 0.35rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.1);
  text-align: center;
}
.cell[data-v-b021a614] {
  padding: 0.4rem 0.35rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}
.cell.positivo[data-v-b021a614] {
  color: #6EE7B7;
}
.cell.negativo[data-v-b021a614] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-b021a614] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b021a614] {
  font-size: 1.25rem;
}
.tip-texto[data-v-b021a614] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b021a614] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-leyenda[data-v-b021a614] {
    flex-direction: row;
    gap: 1rem;
}
.tabla-header span[data-v-b021a614], .row-label[data-v-b021a614], .cell[data-v-b021a614] {
    font-size: 0.8rem;
    padding: 0.5rem;
}
}

.explorador[data-v-4e580ab7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-4e580ab7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-4e580ab7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-4e580ab7] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-4e580ab7] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-4e580ab7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-4e580ab7] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-4e580ab7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-4e580ab7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-4e580ab7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-4e580ab7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== Calculo container ===== */
.calculo-container[data-v-4e580ab7] {
  text-align: center;
}
.datos-problema[data-v-4e580ab7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.dato[data-v-4e580ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-icono[data-v-4e580ab7] {
  font-size: 1.25rem;
}
.dato-label[data-v-4e580ab7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-4e580ab7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-recordatorio[data-v-4e580ab7] {
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-4e580ab7] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pasos-calculo[data-v-4e580ab7] {
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  text-align: left;
}
.paso-calculo[data-v-4e580ab7] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.35rem;
}
.paso-calculo[data-v-4e580ab7]:last-child {
  margin-bottom: 0;
}
.paso-label[data-v-4e580ab7] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}
.paso-formula[data-v-4e580ab7] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso-formula strong[data-v-4e580ab7] {
  color: #FFFFFF;
}
.respuesta-input[data-v-4e580ab7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-4e580ab7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-numero[data-v-4e580ab7] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-4e580ab7] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-4e580ab7] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-4e580ab7] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-4e580ab7] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-4e580ab7]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== Identificar container ===== */
.identificar-container[data-v-4e580ab7] {
  text-align: center;
}
.situacion-problema[data-v-4e580ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-4e580ab7] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-4e580ab7] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-unidad[data-v-4e580ab7] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-unidad[data-v-4e580ab7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-unidad[data-v-4e580ab7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  min-width: 65px;
}
.btn-unidad[data-v-4e580ab7]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.3);
}
.btn-unidad.seleccionado[data-v-4e580ab7] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-unidad.correcto[data-v-4e580ab7] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-unidad.incorrecto[data-v-4e580ab7] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.unidad-simbolo[data-v-4e580ab7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.unidad-nombre[data-v-4e580ab7] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Feedback y resultados */
.feedback-error[data-v-4e580ab7] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-4e580ab7] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-4e580ab7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-4e580ab7] { font-size: 1.25rem;
}
.resultado-texto[data-v-4e580ab7] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-4e580ab7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-4e580ab7] { flex: 1;
}
.nav-btn[data-v-4e580ab7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-4e580ab7] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-4e580ab7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-4e580ab7] { font-size: 1.75rem;
}
.completado-texto[data-v-4e580ab7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-4e580ab7], .slide-leave-active[data-v-4e580ab7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-4e580ab7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-4e580ab7] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.datos-problema[data-v-4e580ab7] {
    grid-template-columns: repeat(4, 1fr);
}
.paso-calculo[data-v-4e580ab7] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.opciones-unidad[data-v-4e580ab7] {
    gap: 0.75rem;
}
.btn-unidad[data-v-4e580ab7] {
    min-width: 80px;
    padding: 0.6rem 1rem;
}
}

/* Fórmulas section */
.formulas-section[data-v-65b5fa7f] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-65b5fa7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-card[data-v-65b5fa7f] {
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.formula-card.porcentajes[data-v-65b5fa7f] {
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.formula-card.molares[data-v-65b5fa7f] {
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.formula-card.otras[data-v-65b5fa7f] {
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.formula-header[data-v-65b5fa7f] {
  padding: 0.4rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-card.porcentajes .formula-header[data-v-65b5fa7f] {
  background: rgba(16, 185, 129, 0.2);
}
.formula-card.molares .formula-header[data-v-65b5fa7f] {
  background: rgba(59, 130, 246, 0.2);
}
.formula-card.otras .formula-header[data-v-65b5fa7f] {
  background: rgba(245, 158, 11, 0.2);
}
.formula-body[data-v-65b5fa7f] {
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.formula-item[data-v-65b5fa7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-size: 0.8rem;
}
.formula-item[data-v-65b5fa7f]:last-child {
  margin-bottom: 0;
}
.formula-item.grande[data-v-65b5fa7f] {
  margin-bottom: 0.5rem;
}
.formula-nombre[data-v-65b5fa7f] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 50px;
  font-family: monospace;
}
.formula-eq[data-v-65b5fa7f] {
  color: #E9D5FF;
  font-family: monospace;
}

/* Conversiones */
.conversiones-section[data-v-65b5fa7f] {
  margin: 1.5rem 0;
}
.conversiones-titulo[data-v-65b5fa7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conversiones-grid[data-v-65b5fa7f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.conversion[data-v-65b5fa7f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 0.85rem;
}
.conv-de[data-v-65b5fa7f] {
  color: #FCD34D;
  font-weight: 700;
}
.conv-igual[data-v-65b5fa7f] {
  color: #8B5CF6;
}
.conv-a[data-v-65b5fa7f] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Usos section */
.usos-section[data-v-65b5fa7f] {
  margin: 1.5rem 0;
}
.usos-titulo[data-v-65b5fa7f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.usos-lista[data-v-65b5fa7f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.uso-item[data-v-65b5fa7f] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.uso-unidad[data-v-65b5fa7f] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}
.uso-unidad.mm[data-v-65b5fa7f] { color: #6EE7B7;
}
.uso-unidad.mv[data-v-65b5fa7f] { color: #93C5FD;
}
.uso-unidad.vv[data-v-65b5fa7f] { color: #FCD34D;
}
.uso-unidad.M[data-v-65b5fa7f] { color: #93C5FD;
}
.uso-unidad.m[data-v-65b5fa7f] { color: #FCD34D;
}
.uso-unidad.ppm[data-v-65b5fa7f] { color: #FCA5A5;
}
.uso-contexto[data-v-65b5fa7f] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Errores section */
.errores-section[data-v-65b5fa7f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-65b5fa7f] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-65b5fa7f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.error-item[data-v-65b5fa7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-icono[data-v-65b5fa7f] {
  font-size: 0.9rem;
}
.error-texto strong[data-v-65b5fa7f] {
  color: #FFFFFF;
}

/* Tips section */
.tips-section[data-v-65b5fa7f] {
  margin: 1.5rem 0;
}
.tip-final[data-v-65b5fa7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-final .tip-icono[data-v-65b5fa7f] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-65b5fa7f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-contenido strong[data-v-65b5fa7f] {
  color: #FFFFFF;
}
strong.azul[data-v-65b5fa7f] {
  color: #93C5FD;
}
strong.amarillo[data-v-65b5fa7f] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-65b5fa7f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-paes .tip-icono[data-v-65b5fa7f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-65b5fa7f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-65b5fa7f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conversiones-grid[data-v-65b5fa7f] {
    flex-direction: row;
}
.conversion[data-v-65b5fa7f] {
    flex: 1;
}
.usos-lista[data-v-65b5fa7f] {
    grid-template-columns: repeat(3, 1fr);
}
.formula-item[data-v-65b5fa7f] {
    font-size: 0.85rem;
}
.formula-nombre[data-v-65b5fa7f] {
    min-width: 70px;
}
}

/* Intro visual */
.intro-visual[data-v-855bc515] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.kc-formula-grande[data-v-855bc515] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.kc-nombre[data-v-855bc515] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.kc-igual[data-v-855bc515] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.kc-fraccion[data-v-855bc515] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-855bc515], .denominador[data-v-855bc515] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
}
.numerador[data-v-855bc515] {
  color: #6EE7B7;
}
.denominador[data-v-855bc515] {
  color: #93C5FD;
}
.linea[data-v-855bc515] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-855bc515] {
  color: #FCD34D;
}
strong.verde[data-v-855bc515] {
  color: #6EE7B7;
}
strong.azul[data-v-855bc515] {
  color: #93C5FD;
}
strong.amarillo[data-v-855bc515] {
  color: #FCD34D;
}

/* Fórmula section */
.formula-section[data-v-855bc515] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-855bc515] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.reaccion-general[data-v-855bc515] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-855bc515] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
}
.kc-completa[data-v-855bc515] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.kc-texto[data-v-855bc515] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion-completa[data-v-855bc515] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-855bc515], .den[data-v-855bc515] {
  font-family: monospace;
  font-size: 0.9rem;
  padding: 0.2rem 0.4rem;
}
.num[data-v-855bc515] { color: #6EE7B7;
}
.den[data-v-855bc515] { color: #93C5FD;
}
.linea-f[data-v-855bc515] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.nota-formula[data-v-855bc515] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.3rem;
}
.nota-icono[data-v-855bc515] {
  font-size: 0.9rem;
}
.nota-texto[data-v-855bc515] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-texto strong[data-v-855bc515] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-855bc515] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-855bc515] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-855bc515] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ej[data-v-855bc515] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-ej[data-v-855bc515] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.paso-a-paso[data-v-855bc515] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-855bc515] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-855bc515] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.paso-texto[data-v-855bc515] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.kc-resultado[data-v-855bc515] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.kc-final[data-v-855bc515] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion-resultado[data-v-855bc515] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num-r[data-v-855bc515], .den-r[data-v-855bc515] {
  font-family: monospace;
  font-size: 0.9rem;
  padding: 0.15rem 0.35rem;
}
.num-r.verde[data-v-855bc515] { color: #6EE7B7;
}
.den-r.azul[data-v-855bc515] { color: #93C5FD;
}
.linea-r[data-v-855bc515] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Reglas section */
.reglas-section[data-v-855bc515] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-855bc515] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-855bc515] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.regla[data-v-855bc515] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-icono[data-v-855bc515] {
  font-size: 1rem;
}
.regla-texto[data-v-855bc515] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-855bc515] {
  color: #FFFFFF;
}

/* Ejemplo con sólidos */
.ejemplo-solidos[data-v-855bc515] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.ej-sol-titulo[data-v-855bc515] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ej-sol-contenido[data-v-855bc515] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.formula-sol[data-v-855bc515] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.kc-solido[data-v-855bc515] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.kc-sol-texto[data-v-855bc515] {
  font-weight: 700;
  color: #FCD34D;
}
.kc-sol-valor[data-v-855bc515] {
  font-family: monospace;
  font-weight: 700;
  color: #6EE7B7;
}
.explicacion-sol[data-v-855bc515] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.explicacion-sol strong[data-v-855bc515] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-855bc515] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-855bc515] {
  font-size: 1.25rem;
}
.tip-texto[data-v-855bc515] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-855bc515] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.kc-nombre[data-v-855bc515] {
    font-size: 2rem;
}
.numerador[data-v-855bc515], .denominador[data-v-855bc515] {
    font-size: 1rem;
}
.reglas-grid[data-v-855bc515] {
    gap: 0.75rem;
}
.regla[data-v-855bc515] {
    padding: 0.65rem;
}
.regla-texto[data-v-855bc515] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-9565d214] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
}
.kp-formula-grande[data-v-9565d214] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.kp-nombre[data-v-9565d214] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}
.kp-igual[data-v-9565d214] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.kp-fraccion[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-9565d214], .denominador[data-v-9565d214] {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
}
.numerador[data-v-9565d214] {
  color: #6EE7B7;
}
.denominador[data-v-9565d214] {
  color: #93C5FD;
}
.linea[data-v-9565d214] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-9565d214] {
  color: #6EE7B7;
}
strong.verde[data-v-9565d214] {
  color: #6EE7B7;
}
strong.azul[data-v-9565d214] {
  color: #93C5FD;
}
strong.rojo[data-v-9565d214] {
  color: #FCA5A5;
}

/* Comparación section */
.comparacion-section[data-v-9565d214] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-9565d214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-9565d214] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.comp-card[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.kc-card[data-v-9565d214] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.kp-card[data-v-9565d214] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.comp-titulo[data-v-9565d214] {
  font-size: 1.1rem;
  font-weight: 700;
}
.kc-card .comp-titulo[data-v-9565d214] { color: #C4B5FD;
}
.kp-card .comp-titulo[data-v-9565d214] { color: #6EE7B7;
}
.comp-desc[data-v-9565d214] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-top: 0.2rem;
}
.comp-unidad[data-v-9565d214] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Ejemplo section */
.ejemplo-section[data-v-9565d214] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-9565d214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-9565d214] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ej[data-v-9565d214] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-ej[data-v-9565d214] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.kp-resultado[data-v-9565d214] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}
.kp-final[data-v-9565d214] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.fraccion-resultado[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num-r[data-v-9565d214], .den-r[data-v-9565d214] {
  font-family: monospace;
  font-size: 0.85rem;
  padding: 0.15rem 0.35rem;
}
.num-r.verde[data-v-9565d214] { color: #6EE7B7;
}
.den-r.azul[data-v-9565d214] { color: #93C5FD;
}
.linea-r[data-v-9565d214] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Relación section */
.relacion-section[data-v-9565d214] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-9565d214] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.relacion-contenido[data-v-9565d214] {
  text-align: center;
}
.formula-relacion[data-v-9565d214] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.kp-r[data-v-9565d214] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.igual[data-v-9565d214], .mult[data-v-9565d214] {
  color: #FFFFFF;
  font-size: 1rem;
}
.kc-r[data-v-9565d214] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.rt[data-v-9565d214] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 600;
}
.variables-grid[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.variable[data-v-9565d214] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.variable.destacada[data-v-9565d214] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.var-nombre[data-v-9565d214] {
  font-weight: 700;
  color: #FCD34D;
  min-width: 25px;
}
.var-desc[data-v-9565d214] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Delta section */
.delta-section[data-v-9565d214] {
  margin: 1.5rem 0;
}
.delta-titulo[data-v-9565d214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.delta-ejemplo[data-v-9565d214] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-delta[data-v-9565d214] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  display: block;
  margin-bottom: 0.5rem;
}
.calculo-delta[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.delta-calc[data-v-9565d214] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.delta-resultado[data-v-9565d214] {
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Casos section */
.casos-section[data-v-9565d214] {
  margin: 1.5rem 0;
}
.casos-titulo[data-v-9565d214] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.casos-grid[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.caso[data-v-9565d214] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.caso-condicion[data-v-9565d214] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.caso-resultado[data-v-9565d214] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-weight: 600;
}
.caso-ejemplo[data-v-9565d214] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Importante section */
.importante-section[data-v-9565d214] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.imp-icono[data-v-9565d214] {
  font-size: 1.1rem;
}
.imp-texto[data-v-9565d214] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.imp-texto strong[data-v-9565d214] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-9565d214] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9565d214] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9565d214] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9565d214] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.kp-nombre[data-v-9565d214] {
    font-size: 2rem;
}
.numerador[data-v-9565d214], .denominador[data-v-9565d214] {
    font-size: 0.95rem;
}
.comparacion-grid[data-v-9565d214] {
    gap: 0.75rem;
}
.comp-card[data-v-9565d214] {
    padding: 0.85rem;
}
.casos-grid[data-v-9565d214] {
    flex-direction: row;
}
.caso[data-v-9565d214] {
    flex: 1;
    text-align: center;
}
}

/* Tipo de cálculo */
.tipo-calculo[data-v-822f3c28] {
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-header[data-v-822f3c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-header.tipo1[data-v-822f3c28] {
  background: rgba(139, 92, 246, 0.3);
}
.tipo-header.tipo2[data-v-822f3c28] {
  background: rgba(16, 185, 129, 0.3);
}
.tipo-header.tipo3[data-v-822f3c28] {
  background: rgba(245, 158, 11, 0.3);
}
.tipo-num[data-v-822f3c28] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-titulo[data-v-822f3c28] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-contenido[data-v-822f3c28] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.problema[data-v-822f3c28] {
  margin-bottom: 0.75rem;
}
.prob-label[data-v-822f3c28] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.prob-texto[data-v-822f3c28] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.datos-grid[data-v-822f3c28] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.75rem 0;
  flex-wrap: wrap;
}
.dato[data-v-822f3c28] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.35rem;
}
.dato-formula[data-v-822f3c28] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.dato-valor[data-v-822f3c28] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.solucion[data-v-822f3c28] {
  margin-top: 0.75rem;
}
.sol-label[data-v-822f3c28] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.sol-pasos[data-v-822f3c28] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sol-paso[data-v-822f3c28] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
  flex-wrap: wrap;
}
.sol-paso .paso-num[data-v-822f3c28] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.sol-paso .paso-texto[data-v-822f3c28] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.sol-paso .paso-formula[data-v-822f3c28] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.sol-paso.resultado[data-v-822f3c28] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sol-paso .resultado-valor[data-v-822f3c28] {
  color: #6EE7B7;
}
.sol-paso .resultado-valor strong[data-v-822f3c28] {
  font-size: 1rem;
  color: #FCD34D;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-822f3c28] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-822f3c28] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-item[data-v-822f3c28] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
}
.formula-item[data-v-822f3c28]:last-child {
  border-bottom: none;
}
.formula-nombre[data-v-822f3c28] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.formula-expr[data-v-822f3c28] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Tip PAES */
.tip-paes[data-v-822f3c28] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-822f3c28] {
  font-size: 1.25rem;
}
.tip-texto[data-v-822f3c28] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-822f3c28] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.sol-paso[data-v-822f3c28] {
    flex-wrap: nowrap;
}
.datos-grid[data-v-822f3c28] {
    gap: 1rem;
}
.dato[data-v-822f3c28] {
    padding: 0.5rem 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-17077b52] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.escala-k[data-v-17077b52] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escala-barra[data-v-17077b52] {
  display: flex;
  height: 35px;
  border-radius: 0.5rem;
  overflow: hidden;
}
.zona[data-v-17077b52] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reactivos-zona[data-v-17077b52] {
  background: rgba(59, 130, 246, 0.4);
}
.equilibrio-zona[data-v-17077b52] {
  background: rgba(139, 92, 246, 0.4);
}
.productos-zona[data-v-17077b52] {
  background: rgba(16, 185, 129, 0.4);
}
.zona-label[data-v-17077b52] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}
.escala-valores[data-v-17077b52] {
  display: flex;
  justify-content: space-between;
}
.valor-k[data-v-17077b52] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Texto destacado */
strong.verde[data-v-17077b52] {
  color: #6EE7B7;
}
strong.azul[data-v-17077b52] {
  color: #93C5FD;
}
strong.amarillo[data-v-17077b52] {
  color: #FCD34D;
}

/* Interpretación section */
.interpretacion-section[data-v-17077b52] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-17077b52] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interp-card[data-v-17077b52] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.6rem;
}
.interp-card.k-grande[data-v-17077b52] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.interp-card.k-aprox[data-v-17077b52] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.interp-card.k-pequeno[data-v-17077b52] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.interp-header[data-v-17077b52] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.k-valor[data-v-17077b52] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.k-ejemplo[data-v-17077b52] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.interp-visual[data-v-17077b52] {
  margin-bottom: 0.5rem;
}
.barra-contenido[data-v-17077b52] {
  display: flex;
  height: 16px;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.barra-react[data-v-17077b52] {
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
}
.barra-prod[data-v-17077b52] {
  background: linear-gradient(90deg, #10B981, #6EE7B7);
}
.interp-desc[data-v-17077b52] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}
.desc-icono[data-v-17077b52] {
  font-size: 1rem;
}
.desc-texto[data-v-17077b52] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Ejemplos section */
.ejemplos-section[data-v-17077b52] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-17077b52] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-17077b52] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-real[data-v-17077b52] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-nombre[data-v-17077b52] {
  font-size: 0.85rem;
  color: #FFFFFF;
  font-weight: 600;
}
.ej-k[data-v-17077b52] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FCD34D;
}
.ej-interp[data-v-17077b52] {
  font-size: 0.75rem;
  font-weight: 600;
}
.ej-interp.verde[data-v-17077b52] { color: #6EE7B7;
}
.ej-interp.azul[data-v-17077b52] { color: #93C5FD;
}

/* Q section */
.q-section[data-v-17077b52] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.q-titulo[data-v-17077b52] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.q-contenido[data-v-17077b52] {
  text-align: center;
}
.q-intro[data-v-17077b52] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.q-intro strong[data-v-17077b52] {
  color: #FCD34D;
}
.q-comparacion[data-v-17077b52] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.q-caso[data-v-17077b52] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.q-condicion[data-v-17077b52] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.q-resultado[data-v-17077b52] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Nota importante */
.nota-importante[data-v-17077b52] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  margin: 1.5rem 0;
}
.nota-icono[data-v-17077b52] {
  font-size: 1.1rem;
}
.nota-texto[data-v-17077b52] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.nota-texto strong[data-v-17077b52] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-17077b52] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-17077b52] {
  font-size: 1.25rem;
}
.tip-texto[data-v-17077b52] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-17077b52] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.zona-label[data-v-17077b52] {
    font-size: 0.75rem;
}
.ejemplos-grid[data-v-17077b52] {
    flex-direction: row;
}
.ejemplo-real[data-v-17077b52] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
}
.q-comparacion[data-v-17077b52] {
    flex-direction: row;
    justify-content: center;
}
.q-caso[data-v-17077b52] {
    flex-direction: column;
    text-align: center;
    min-width: 120px;
}
}

.explorador[data-v-30c80517] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-30c80517] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-30c80517] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-30c80517] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-30c80517] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-30c80517] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-30c80517] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-30c80517] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-30c80517] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-30c80517] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-30c80517] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Construir Kc ===== */
.kc-builder[data-v-30c80517] {
  text-align: center;
}
.reaccion-dada[data-v-30c80517] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-label[data-v-30c80517] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.reaccion-formula[data-v-30c80517] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.kc-construccion[data-v-30c80517] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.kc-label[data-v-30c80517] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion-builder[data-v-30c80517] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.slot-numerador[data-v-30c80517], .slot-denominador[data-v-30c80517] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.slot-hint[data-v-30c80517] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.opciones-slot[data-v-30c80517] {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-opcion[data-v-30c80517] {
  padding: 0.35rem 0.5rem;
  font-family: monospace;
  font-size: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-30c80517]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-30c80517] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-30c80517] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-30c80517] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.linea-fraccion[data-v-30c80517] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.2rem 0;
}

/* ===== DESAFÍO 2: Calcular Kc ===== */
.calculo-kc[data-v-30c80517] {
  text-align: center;
}
.problema-calc[data-v-30c80517] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-calc[data-v-30c80517] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.datos-calc[data-v-30c80517] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.dato-item[data-v-30c80517] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
}
.input-respuesta[data-v-30c80517] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-30c80517] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.input-kc[data-v-30c80517] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-kc.correcto[data-v-30c80517] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-kc.incorrecto[data-v-30c80517] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar-inline[data-v-30c80517] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-inline[data-v-30c80517]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Interpretar K ===== */
.interpretar-k[data-v-30c80517] {
  text-align: center;
}
.k-dado[data-v-30c80517] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.k-grande[data-v-30c80517] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-interp[data-v-30c80517] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-interp[data-v-30c80517] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.btn-interp[data-v-30c80517] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 80px;
  font-family: inherit;
}
.btn-interp[data-v-30c80517]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-interp.seleccionado[data-v-30c80517] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-interp.correcto[data-v-30c80517] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-interp.incorrecto[data-v-30c80517] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.interp-icono[data-v-30c80517] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.interp-texto[data-v-30c80517] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* Elementos compartidos */
.btn-verificar[data-v-30c80517] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
}
.feedback[data-v-30c80517] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.1);
}
.feedback.error[data-v-30c80517] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.1);
}
.contador[data-v-30c80517] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-30c80517] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-30c80517] { font-size: 1.25rem;
}
.resultado-texto[data-v-30c80517] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-30c80517] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-30c80517] { flex: 1;
}
.nav-btn[data-v-30c80517] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-30c80517] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-30c80517] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-30c80517] { font-size: 1.75rem;
}
.completado-texto[data-v-30c80517] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-30c80517], .slide-leave-active[data-v-30c80517] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-30c80517] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-30c80517] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.btn-opcion[data-v-30c80517] {
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
}
.datos-calc[data-v-30c80517] {
    gap: 0.75rem;
}
.dato-item[data-v-30c80517] {
    font-size: 0.85rem;
}
}

/* Resumen header */
.resumen-header[data-v-12694d8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.75rem;
}
.resumen-icono[data-v-12694d8d] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-12694d8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-12694d8d] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
}
.concepto-card.kc[data-v-12694d8d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.concepto-card.kp[data-v-12694d8d] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-header[data-v-12694d8d] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-nombre[data-v-12694d8d] {
  font-size: 1.2rem;
  font-weight: 800;
}
.kc .concepto-nombre[data-v-12694d8d] { color: #C4B5FD;
}
.kp .concepto-nombre[data-v-12694d8d] { color: #6EE7B7;
}
.concepto-desc[data-v-12694d8d] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.concepto-formula[data-v-12694d8d] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formula-label[data-v-12694d8d] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.formula-kc[data-v-12694d8d] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.fraccion[data-v-12694d8d] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
}
.num[data-v-12694d8d], .den[data-v-12694d8d] {
  font-family: monospace;
  font-size: 0.8rem;
  padding: 0.1rem 0.3rem;
}
.num[data-v-12694d8d] { color: #6EE7B7;
}
.den[data-v-12694d8d] { color: #93C5FD;
}
.linea[data-v-12694d8d] {
  width: 100%;
  height: 1px;
  background: #FFFFFF;
}
.formula-kp[data-v-12694d8d] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
  font-weight: 600;
}
.concepto-reglas[data-v-12694d8d] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.regla[data-v-12694d8d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Interpretación resumen */
.interpretacion-resumen[data-v-12694d8d] {
  margin: 1.25rem 0;
}
.interp-titulo[data-v-12694d8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.interp-grid[data-v-12694d8d] {
  display: flex;
  gap: 0.4rem;
}
.interp-item[data-v-12694d8d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.interp-k[data-v-12694d8d] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.interp-desc[data-v-12694d8d] {
  font-size: 0.7rem;
  font-weight: 600;
}
.interp-desc.verde[data-v-12694d8d] { color: #6EE7B7;
}
.interp-desc.amarillo[data-v-12694d8d] { color: #FCD34D;
}
.interp-desc.azul[data-v-12694d8d] { color: #93C5FD;
}

/* Fórmulas clave */
.formulas-clave[data-v-12694d8d] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formulas-titulo[data-v-12694d8d] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-12694d8d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.formula-item[data-v-12694d8d] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.f-nombre[data-v-12694d8d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.f-expr[data-v-12694d8d] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Tips PAES */
.tips-paes[data-v-12694d8d] {
  margin: 1.25rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-12694d8d] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-12694d8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-12694d8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-12694d8d] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}
.tip-texto[data-v-12694d8d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-12694d8d] {
  color: #6EE7B7;
}

/* Errores section */
.errores-section[data-v-12694d8d] {
  margin: 1.25rem 0;
}
.errores-titulo[data-v-12694d8d] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-12694d8d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-12694d8d] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.3rem;
}
.error-mal[data-v-12694d8d] {
  font-size: 0.75rem;
  color: #FCA5A5;
}
.error-bien[data-v-12694d8d] {
  font-size: 0.75rem;
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-12694d8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-12694d8d] {
  font-size: 1.5rem;
}
.final-texto[data-v-12694d8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-12694d8d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-12694d8d] {
    gap: 0.5rem;
}
.formula-item[data-v-12694d8d] {
    padding: 0.5rem;
}
.f-nombre[data-v-12694d8d] {
    font-size: 0.75rem;
}
.f-expr[data-v-12694d8d] {
    font-size: 0.85rem;
}
}

/* Intro visual - Celda electrolítica */
.intro-visual[data-v-3ba2ab1f] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.celda-demo[data-v-3ba2ab1f] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.electrodo[data-v-3ba2ab1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.electrodo.catodo[data-v-3ba2ab1f] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.electrodo.anodo[data-v-3ba2ab1f] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.5);
}
.electrodo-label[data-v-3ba2ab1f] {
  font-size: 0.75rem;
  font-weight: 700;
}
.electrodo.catodo .electrodo-label[data-v-3ba2ab1f] { color: #93C5FD;
}
.electrodo.anodo .electrodo-label[data-v-3ba2ab1f] { color: #FCA5A5;
}
.electrodo-proceso[data-v-3ba2ab1f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.solucion[data-v-3ba2ab1f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  min-width: 60px;
}
.ion[data-v-3ba2ab1f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
}
.ion.positivo[data-v-3ba2ab1f] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.ion.negativo[data-v-3ba2ab1f] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.bateria[data-v-3ba2ab1f] {
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Concepto card */
.concepto-card[data-v-3ba2ab1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-3ba2ab1f] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-3ba2ab1f] {
  flex: 1;
}
.concepto-titulo[data-v-3ba2ab1f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-3ba2ab1f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-3ba2ab1f] {
  color: #FFFFFF;
}

/* Componentes section */
.componentes-section[data-v-3ba2ab1f] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-3ba2ab1f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-3ba2ab1f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.componente-card[data-v-3ba2ab1f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.comp-icono[data-v-3ba2ab1f] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-3ba2ab1f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-desc[data-v-3ba2ab1f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Electrodos section */
.electrodos-section[data-v-3ba2ab1f] {
  margin: 1.5rem 0;
}
.electrodos-grid[data-v-3ba2ab1f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.electrodo-info[data-v-3ba2ab1f] {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.electrodo-info.catodo[data-v-3ba2ab1f] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.electrodo-info.anodo[data-v-3ba2ab1f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.elec-tipo[data-v-3ba2ab1f] {
  font-weight: 700;
  font-size: 0.9rem;
}
.electrodo-info.catodo .elec-tipo[data-v-3ba2ab1f] { color: #93C5FD;
}
.electrodo-info.anodo .elec-tipo[data-v-3ba2ab1f] { color: #FCA5A5;
}
.elec-proceso[data-v-3ba2ab1f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.elec-descripcion[data-v-3ba2ab1f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.elec-descripcion strong[data-v-3ba2ab1f] {
  color: #FCD34D;
}
.elec-ejemplo[data-v-3ba2ab1f] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-top: 0.25rem;
}

/* Regla mnemotécnica */
.regla-section[data-v-3ba2ab1f] {
  margin: 1.5rem 0;
}
.regla-card[data-v-3ba2ab1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.regla-icono[data-v-3ba2ab1f] {
  font-size: 1.5rem;
}
.regla-contenido[data-v-3ba2ab1f] {
  flex: 1;
}
.regla-titulo[data-v-3ba2ab1f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-3ba2ab1f] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.catodo-color[data-v-3ba2ab1f] {
  color: #93C5FD;
}
.anodo-color[data-v-3ba2ab1f] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-3ba2ab1f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3ba2ab1f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3ba2ab1f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3ba2ab1f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.celda-demo[data-v-3ba2ab1f] {
    gap: 1rem;
}
.electrodo[data-v-3ba2ab1f] {
    min-width: 100px;
    padding: 0.75rem;
}
.electrodo-label[data-v-3ba2ab1f] {
    font-size: 0.85rem;
}
.solucion[data-v-3ba2ab1f] {
    min-width: 80px;
}
.componentes-grid[data-v-3ba2ab1f] {
    gap: 0.5rem;
}
.componente-card[data-v-3ba2ab1f] {
    padding: 0.75rem 0.5rem;
}
.comp-icono[data-v-3ba2ab1f] {
    font-size: 1.5rem;
}
.comp-nombre[data-v-3ba2ab1f] {
    font-size: 0.85rem;
}
.electrodos-grid[data-v-3ba2ab1f] {
    flex-direction: row;
}
.electrodo-info[data-v-3ba2ab1f] {
    flex: 1;
}
}

/* Intro Faraday */
.intro-faraday[data-v-481a697d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.faraday-icono[data-v-481a697d] {
  font-size: 2rem;
}
.faraday-intro[data-v-481a697d] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
}
.faraday-intro strong[data-v-481a697d] {
  color: #FFFFFF;
}

/* Ley section */
.ley-section[data-v-481a697d] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ley-header[data-v-481a697d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
}
.ley-header.primera[data-v-481a697d] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 2px solid rgba(59, 130, 246, 0.4);
}
.ley-header.segunda[data-v-481a697d] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 2px solid rgba(16, 185, 129, 0.4);
}
.ley-numero[data-v-481a697d] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.9rem;
}
.ley-header.primera .ley-numero[data-v-481a697d] {
  background: #3B82F6;
  color: white;
}
.ley-header.segunda .ley-numero[data-v-481a697d] {
  background: #10B981;
  color: white;
}
.ley-titulo[data-v-481a697d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ley-contenido[data-v-481a697d] {
  padding: 0.75rem;
}
.ley-enunciado[data-v-481a697d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
.ley-enunciado strong[data-v-481a697d] {
  color: #FFFFFF;
}

/* Formula box */
.formula-box[data-v-481a697d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-box.principal[data-v-481a697d] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
}
.formula[data-v-481a697d] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula.grande[data-v-481a697d] {
  font-size: 1.1rem;
}
.formula-explicacion[data-v-481a697d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Formula detalle */
.formula-detalle[data-v-481a697d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.variable[data-v-481a697d] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.variable.destacado[data-v-481a697d] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.var-simbolo[data-v-481a697d] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.var-desc[data-v-481a697d] {
  color: #C4B5FD;
}

/* Constante section */
.constante-section[data-v-481a697d] {
  margin: 1.5rem 0;
}
.constante-card[data-v-481a697d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
}
.constante-icono[data-v-481a697d] {
  font-size: 1.5rem;
}
.constante-contenido[data-v-481a697d] {
  flex: 1;
}
.constante-titulo[data-v-481a697d] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.constante-valor[data-v-481a697d] {
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 800;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.constante-explicacion[data-v-481a697d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.constante-explicacion strong[data-v-481a697d] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-481a697d] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-481a697d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-card[data-v-481a697d] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-problema[data-v-481a697d] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  color: #FFFFFF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ejemplo-datos[data-v-481a697d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.ejemplo-datos span[data-v-481a697d] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.ejemplo-calculo[data-v-481a697d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  gap: 0.5rem;
}
.calculo-paso[data-v-481a697d] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.calculo-resultado[data-v-481a697d] {
  font-size: 1rem;
  color: #6EE7B7;
}
.calculo-resultado strong[data-v-481a697d] {
  font-size: 1.2rem;
}

/* Tip PAES */
.tip-paes[data-v-481a697d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-481a697d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-481a697d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-481a697d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula.grande[data-v-481a697d] {
    font-size: 1.3rem;
}
.formula-detalle[data-v-481a697d] {
    gap: 0.5rem;
}
.variable[data-v-481a697d] {
    font-size: 0.85rem;
}
.ejemplo-datos[data-v-481a697d] {
    gap: 0.75rem;
}
.ejemplo-datos span[data-v-481a697d] {
    font-size: 0.85rem;
}
}

/* Aplicaciones section */
.aplicaciones-section[data-v-6157912e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}

/* Aplicación card */
.aplicacion-card[data-v-6157912e] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.aplicacion-header[data-v-6157912e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.aplicacion-header.electrodeposicion[data-v-6157912e] {
  background: rgba(245, 158, 11, 0.2);
  border-bottom: 2px solid rgba(245, 158, 11, 0.4);
}
.aplicacion-header.metales[data-v-6157912e] {
  background: rgba(139, 92, 246, 0.2);
  border-bottom: 2px solid rgba(139, 92, 246, 0.4);
}
.aplicacion-header.agua[data-v-6157912e] {
  background: rgba(59, 130, 246, 0.2);
  border-bottom: 2px solid rgba(59, 130, 246, 0.4);
}
.aplicacion-header.cloro[data-v-6157912e] {
  background: rgba(16, 185, 129, 0.2);
  border-bottom: 2px solid rgba(16, 185, 129, 0.4);
}
.aplicacion-icono[data-v-6157912e] {
  font-size: 1.25rem;
}
.aplicacion-nombre[data-v-6157912e] {
  font-weight: 700;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.aplicacion-contenido[data-v-6157912e] {
  padding: 0.75rem;
}
.aplicacion-desc[data-v-6157912e] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
  margin: 0 0 0.75rem 0;
}

/* Ejemplos tags */
.aplicacion-ejemplos[data-v-6157912e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.ejemplo-tag[data-v-6157912e] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Proceso formula */
.aplicacion-proceso[data-v-6157912e] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.proceso-formula[data-v-6157912e] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}

/* Agua reacciones */
.agua-reacciones[data-v-6157912e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.reaccion-agua[data-v-6157912e] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.6rem;
  border-radius: 0.35rem;
}
.reaccion-agua.catodo[data-v-6157912e] {
  background: rgba(59, 130, 246, 0.15);
  border-left: 3px solid #3B82F6;
}
.reaccion-agua.anodo[data-v-6157912e] {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid #EF4444;
}
.reaccion-label[data-v-6157912e] {
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.reaccion-agua.catodo .reaccion-label[data-v-6157912e] { color: #93C5FD;
}
.reaccion-agua.anodo .reaccion-label[data-v-6157912e] { color: #FCA5A5;
}
.reaccion-eq[data-v-6157912e] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Proporción gases */
.proporcion-gases[data-v-6157912e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.35rem;
}
.proporcion-label[data-v-6157912e] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.proporcion-valor[data-v-6157912e] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Productos grid */
.productos-grid[data-v-6157912e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.producto[data-v-6157912e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.producto-formula[data-v-6157912e] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.producto-uso[data-v-6157912e] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Tip PAES */
.tip-paes[data-v-6157912e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6157912e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6157912e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6157912e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.aplicacion-desc[data-v-6157912e] {
    font-size: 0.9rem;
}
.ejemplo-tag[data-v-6157912e] {
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
}
.agua-reacciones[data-v-6157912e] {
    flex-direction: row;
}
.reaccion-agua[data-v-6157912e] {
    flex: 1;
}
.reaccion-eq[data-v-6157912e] {
    font-size: 0.85rem;
}
.producto[data-v-6157912e] {
    padding: 0.5rem;
}
.producto-formula[data-v-6157912e] {
    font-size: 1rem;
}
.producto-uso[data-v-6157912e] {
    font-size: 0.7rem;
}
}

.explorador[data-v-24544508] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-24544508] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-24544508] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-24544508] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-24544508] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-24544508] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-24544508] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-24544508] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-24544508] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-24544508] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Electrodos ===== */
.electrodos-container[data-v-24544508] {
  text-align: center;
}
.celda-visual[data-v-24544508] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.electrodo-visual[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 80px;
  border-radius: 0.35rem;
  transition: all 0.3s ease;
}
.electrodo-visual.izq[data-v-24544508] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.6);
}
.electrodo-visual.der[data-v-24544508] {
  background: rgba(239, 68, 68, 0.3);
  border: 2px solid rgba(239, 68, 68, 0.6);
}
.electrodo-visual.correcto[data-v-24544508] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
}
.electrodo-visual.incorrecto[data-v-24544508] {
  background: rgba(239, 68, 68, 0.5);
  animation: shake-24544508 0.3s ease;
}
@keyframes shake-24544508 {
0%, 100% { transform: translateX(0);
}
25% { transform: translateX(-5px);
}
75% { transform: translateX(5px);
}
}
.electrodo-signo[data-v-24544508] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.solucion-visual[data-v-24544508] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  min-width: 50px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
}
.ion-visual[data-v-24544508] {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.ion-visual.pos[data-v-24544508] {
  background: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.ion-visual.neg[data-v-24544508] {
  background: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.pregunta-electrodos[data-v-24544508] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.opciones-electrodos[data-v-24544508] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-opcion[data-v-24544508] {
  padding: 0.65rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 500;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  font-family: inherit;
}
.btn-opcion.seleccionado[data-v-24544508] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-opcion.correcto[data-v-24544508] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-opcion.incorrecto[data-v-24544508] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Cálculos ===== */
.calculo-container[data-v-24544508] {
  text-align: center;
}
.problema-box[data-v-24544508] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}
.problema-texto[data-v-24544508] {
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.problema-datos[data-v-24544508] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.dato-tag[data-v-24544508] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-recordatorio[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.35rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-24544508] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-text[data-v-24544508] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}
.respuesta-input[data-v-24544508] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.input-label[data-v-24544508] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-group[data-v-24544508] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.calculo-input[data-v-24544508] {
  width: 100px;
  height: 44px;
  padding: 0 0.75rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.calculo-input.correcto[data-v-24544508] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.calculo-input.incorrecto[data-v-24544508] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-24544508] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 600;
}
.btn-verificar[data-v-24544508] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 0.75rem;
  font-family: inherit;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-24544508] {
  text-align: center;
}
.simulador-visual[data-v-24544508] {
  margin-bottom: 1rem;
}
.tubo-container[data-v-24544508] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
  height: 140px;
  margin-bottom: 0.75rem;
}
.tubo[data-v-24544508] {
  width: 40px;
  height: 120px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem 0.35rem 0 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.tubo.catodo[data-v-24544508] {
  border-color: rgba(59, 130, 246, 0.5);
}
.tubo.anodo[data-v-24544508] {
  border-color: rgba(239, 68, 68, 0.5);
}
.gas[data-v-24544508] {
  width: 100%;
  transition: height 0.2s ease;
}
.tubo.catodo .gas[data-v-24544508] {
  background: linear-gradient(to top, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.6));
}
.tubo.anodo .gas[data-v-24544508] {
  background: linear-gradient(to top, rgba(239, 68, 68, 0.3), rgba(239, 68, 68, 0.6));
}
.tubo-label[data-v-24544508] {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 700;
  font-family: monospace;
}
.tubo.catodo .tubo-label[data-v-24544508] { color: #93C5FD;
}
.tubo.anodo .tubo-label[data-v-24544508] { color: #FCA5A5;
}
.celda-centro[data-v-24544508] {
  width: 60px;
  height: 80px;
  background: rgba(139, 92, 246, 0.1);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.agua-nivel[data-v-24544508] {
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.1));
  border-radius: 0 0 0.25rem 0.25rem;
}
.celda-label[data-v-24544508] {
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.electrolisis-info[data-v-24544508] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.info-item[data-v-24544508] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.info-item strong[data-v-24544508] {
  color: #FCD34D;
}
.control-corriente[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.control-label[data-v-24544508] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.slider-corriente[data-v-24544508] {
  width: 100px;
  height: 6px;
  -webkit-appearance: none;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 3px;
  outline: none;
}
.slider-corriente[data-v-24544508]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #8B5CF6;
  border-radius: 50%;
  cursor: pointer;
}
.control-valor[data-v-24544508] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
}
.btn-iniciar[data-v-24544508] {
  padding: 0.65rem 1.25rem;
  background: linear-gradient(135deg, #8B5CF6, #6D28D9);
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-iniciar[data-v-24544508]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.simulando[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  color: #FCD34D;
}
.simulando-icono[data-v-24544508] {
  font-size: 1.25rem;
  animation: pulse-24544508 0.5s infinite;
}
@keyframes pulse-24544508 {
0%, 100% { opacity: 1;
}
50% { opacity: 0.5;
}
}
.simulando-texto[data-v-24544508] {
  font-size: 0.85rem;
}
.pregunta-simulador[data-v-24544508] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-24544508] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  display: block;
}
.opciones-proporcion[data-v-24544508] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.btn-proporcion[data-v-24544508] {
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-proporcion.seleccionado[data-v-24544508] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-proporcion.correcto[data-v-24544508] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-proporcion.incorrecto[data-v-24544508] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Feedback */
.feedback[data-v-24544508] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback-correcto[data-v-24544508] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
}
.feedback-incorrecto[data-v-24544508] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
}

/* Resultado correcto */
.resultado-correcto[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-24544508] { font-size: 1.25rem;
}
.resultado-texto[data-v-24544508] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-24544508] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}

/* Navegación */
.desafio-nav[data-v-24544508] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-24544508] { flex: 1;
}
.nav-btn[data-v-24544508] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-24544508] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-24544508] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-24544508] { font-size: 1.75rem;
}
.completado-texto[data-v-24544508] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-24544508], .slide-leave-active[data-v-24544508] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-24544508] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-24544508] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.celda-visual[data-v-24544508] {
    gap: 1rem;
}
.electrodo-visual[data-v-24544508] {
    width: 60px;
    height: 100px;
}
.opciones-electrodos[data-v-24544508] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-opcion[data-v-24544508] {
    flex: 1;
    min-width: 120px;
}
.tubo-container[data-v-24544508] {
    height: 160px;
}
.tubo[data-v-24544508] {
    width: 50px;
    height: 140px;
}
.celda-centro[data-v-24544508] {
    width: 80px;
    height: 100px;
}
}

/* Resumen box */
.resumen-box[data-v-cc0fea65] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-cc0fea65] {
  font-size: 1.75rem;
}
.resumen-texto[data-v-cc0fea65] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
}
.resumen-texto strong[data-v-cc0fea65] {
  color: #FFFFFF;
}

/* Puntos section */
.puntos-section[data-v-cc0fea65] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-cc0fea65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.puntos-lista[data-v-cc0fea65] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.punto-item[data-v-cc0fea65] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.punto-bullet[data-v-cc0fea65] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.punto-bullet.catodo[data-v-cc0fea65] {
  background: #3B82F6;
  color: white;
}
.punto-bullet.anodo[data-v-cc0fea65] {
  background: #EF4444;
  color: white;
}
.punto-bullet.faraday[data-v-cc0fea65] {
  background: #F59E0B;
  color: white;
}
.punto-bullet.formula[data-v-cc0fea65] {
  background: #10B981;
  color: white;
}
.punto-texto[data-v-cc0fea65] {
  color: #E9D5FF;
  font-size: 0.85rem;
}
.punto-texto strong[data-v-cc0fea65] {
  color: #FFFFFF;
}

/* Fórmula destacada */
.formula-destacada[data-v-cc0fea65] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin: 1.5rem 0;
}
.formula-titulo[data-v-cc0fea65] {
  font-size: 0.85rem;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-cc0fea65] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.formula-variables[data-v-cc0fea65] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.var[data-v-cc0fea65] {
  padding: 0.15rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Aplicaciones resumen */
.aplicaciones-resumen[data-v-cc0fea65] {
  margin: 1.5rem 0;
}
.apps-grid[data-v-cc0fea65] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.app-item[data-v-cc0fea65] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.app-icono[data-v-cc0fea65] {
  font-size: 1.1rem;
}
.app-nombre[data-v-cc0fea65] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Dato importante */
.dato-importante[data-v-cc0fea65] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.dato-icono[data-v-cc0fea65] {
  font-size: 1.5rem;
}
.dato-contenido[data-v-cc0fea65] {
  flex: 1;
}
.dato-titulo[data-v-cc0fea65] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.dato-texto[data-v-cc0fea65] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.dato-texto strong[data-v-cc0fea65] {
  color: #FCD34D;
}

/* Tips PAES */
.tips-paes[data-v-cc0fea65] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tips-titulo[data-v-cc0fea65] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
}
.tips-lista[data-v-cc0fea65] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-cc0fea65] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-numero[data-v-cc0fea65] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F59E0B;
  color: white;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 50%;
  flex-shrink: 0;
}
.tip-texto[data-v-cc0fea65] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cc0fea65] {
  color: #FCD34D;
}

/* Mensaje final */
.mensaje-final[data-v-cc0fea65] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-cc0fea65] {
  font-size: 1.75rem;
}
.final-texto[data-v-cc0fea65] {
  color: #FFFFFF;
  font-size: 0.95rem;
  font-weight: 600;
}

/* Desktop */
@media (min-width: 640px) {
.formula-principal[data-v-cc0fea65] {
    font-size: 1.6rem;
}
.var[data-v-cc0fea65] {
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
}
.apps-grid[data-v-cc0fea65] {
    grid-template-columns: repeat(4, 1fr);
}
.app-item[data-v-cc0fea65] {
    flex-direction: column;
    text-align: center;
    padding: 0.75rem 0.5rem;
}
.app-icono[data-v-cc0fea65] {
    font-size: 1.5rem;
}
.app-nombre[data-v-cc0fea65] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-80370c7a] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.gibbs-formula-container[data-v-80370c7a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.formula-principal[data-v-80370c7a] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
}
.delta[data-v-80370c7a] { color: #E9D5FF;
}
.g[data-v-80370c7a] { color: #6EE7B7; font-size: 1.75rem;
}
.igual[data-v-80370c7a] { color: #C4B5FD; padding: 0 0.25rem;
}
.h[data-v-80370c7a] { color: #FCA5A5;
}
.operador[data-v-80370c7a] { color: #C4B5FD; padding: 0 0.25rem;
}
.t[data-v-80370c7a] { color: #FCD34D;
}
.s[data-v-80370c7a] { color: #93C5FD;
}
.formula-nombres[data-v-80370c7a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.nombre-item[data-v-80370c7a] {
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.nombre-item.gibbs[data-v-80370c7a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.nombre-item.entalpia[data-v-80370c7a] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.nombre-item.entropia[data-v-80370c7a] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}

/* Colores para texto inline */
strong.destacado[data-v-80370c7a] { color: #FCD34D;
}
strong.entalpia-color[data-v-80370c7a] { color: #FCA5A5;
}
strong.entropia-color[data-v-80370c7a] { color: #93C5FD;
}

/* Definición */
.definicion-card[data-v-80370c7a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-80370c7a] {
  font-size: 1.5rem;
}
.def-contenido[data-v-80370c7a] {
  flex: 1;
}
.def-titulo[data-v-80370c7a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-80370c7a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Concepto section */
.concepto-section[data-v-80370c7a] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.concepto-titulo[data-v-80370c7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-texto[data-v-80370c7a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

/* Componentes section */
.componentes-section[data-v-80370c7a] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-80370c7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-80370c7a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.componente-card[data-v-80370c7a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.componente-card.delta-h[data-v-80370c7a] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.componente-card.temp[data-v-80370c7a] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.componente-card.delta-s[data-v-80370c7a] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-simbolo[data-v-80370c7a] {
  font-size: 1.1rem;
  font-weight: 800;
  font-family: monospace;
}
.delta-h .comp-simbolo[data-v-80370c7a] { color: #FCA5A5;
}
.temp .comp-simbolo[data-v-80370c7a] { color: #FCD34D;
}
.delta-s .comp-simbolo[data-v-80370c7a] { color: #93C5FD;
}
.comp-nombre[data-v-80370c7a] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.comp-desc[data-v-80370c7a] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Unidades section */
.unidades-section[data-v-80370c7a] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-80370c7a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.unidad-principal[data-v-80370c7a] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.unidad-valor[data-v-80370c7a] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-desc[data-v-80370c7a] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.conversion-tip[data-v-80370c7a] {
  margin-top: 0.5rem;
  text-align: center;
}
.conversion-formula[data-v-80370c7a] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.conversion-formula strong[data-v-80370c7a] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-80370c7a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-80370c7a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-80370c7a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-80370c7a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-principal[data-v-80370c7a] {
    font-size: 2rem;
}
.g[data-v-80370c7a] {
    font-size: 2.25rem;
}
.formula-nombres[data-v-80370c7a] {
    gap: 0.75rem;
}
.nombre-item[data-v-80370c7a] {
    font-size: 0.75rem;
    padding: 0.25rem 0.75rem;
}
.componentes-grid[data-v-80370c7a] {
    gap: 0.75rem;
}
.componente-card[data-v-80370c7a] {
    padding: 0.75rem;
}
.comp-simbolo[data-v-80370c7a] {
    font-size: 1.3rem;
}
.comp-nombre[data-v-80370c7a] {
    font-size: 0.8rem;
}
.comp-desc[data-v-80370c7a] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-8e06963c] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.proceso-container[data-v-8e06963c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.proceso[data-v-8e06963c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
  flex: 1;
  max-width: 140px;
}
.proceso.espontaneo[data-v-8e06963c] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.proceso.no-espontaneo[data-v-8e06963c] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.proceso-icono[data-v-8e06963c] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.proceso-label[data-v-8e06963c] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.proceso-desc[data-v-8e06963c] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.vs[data-v-8e06963c] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Colores texto */
strong.espontaneo-color[data-v-8e06963c] { color: #6EE7B7;
}
strong.destacado[data-v-8e06963c] { color: #FCD34D;
}

/* Criterio section */
.criterio-section[data-v-8e06963c] {
  margin: 1.5rem 0;
}
.criterio-titulo[data-v-8e06963c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.criterios-grid[data-v-8e06963c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.criterio-card[data-v-8e06963c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.criterio-card.espontaneo[data-v-8e06963c] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.criterio-card.equilibrio[data-v-8e06963c] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.criterio-card.no-espontaneo[data-v-8e06963c] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.criterio-valor[data-v-8e06963c] {
  font-family: monospace;
  font-weight: 800;
  font-size: 0.9rem;
  min-width: 60px;
}
.criterio-valor.negativo[data-v-8e06963c] { color: #6EE7B7;
}
.criterio-valor.cero[data-v-8e06963c] { color: #FCD34D;
}
.criterio-valor.positivo[data-v-8e06963c] { color: #FCA5A5;
}
.criterio-nombre[data-v-8e06963c] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
  min-width: 85px;
}
.criterio-desc[data-v-8e06963c] {
  flex: 1;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.criterio-icono[data-v-8e06963c] {
  font-size: 1.1rem;
}

/* Factores section */
.factores-section[data-v-8e06963c] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-8e06963c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-factores[data-v-8e06963c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-8e06963c], .tabla-row[data-v-8e06963c] {
  display: grid;
  grid-template-columns: 40px 40px 40px 1fr;
  gap: 0.25rem;
  padding: 0.5rem 0.5rem;
  align-items: center;
  text-align: center;
}
.tabla-header[data-v-8e06963c] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-row[data-v-8e06963c] {
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  font-size: 0.8rem;
}
.tabla-row.favorable[data-v-8e06963c] { background: rgba(16, 185, 129, 0.05);
}
.tabla-row.desfavorable[data-v-8e06963c] { background: rgba(239, 68, 68, 0.05);
}
.tabla-row.dependiente[data-v-8e06963c] { background: rgba(245, 158, 11, 0.05);
}
.col-h[data-v-8e06963c], .col-s[data-v-8e06963c], .col-g[data-v-8e06963c] {
  font-family: monospace;
  font-weight: 700;
}
.col-result[data-v-8e06963c] {
  text-align: left;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.negativo[data-v-8e06963c] { color: #6EE7B7;
}
.positivo[data-v-8e06963c] { color: #FCA5A5;
}
.cero[data-v-8e06963c] { color: #FCD34D;
}

/* Ejemplos section */
.ejemplos-section[data-v-8e06963c] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-8e06963c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-8e06963c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-8e06963c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.ejemplo.espontaneo[data-v-8e06963c] {
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo.no-espontaneo[data-v-8e06963c] {
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ej-icono[data-v-8e06963c] {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.ej-texto[data-v-8e06963c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-delta[data-v-8e06963c] {
  font-size: 0.75rem;
  font-weight: 700;
  font-family: monospace;
  margin-top: 0.25rem;
}
.ej-delta.negativo[data-v-8e06963c] { color: #6EE7B7;
}
.ej-delta.positivo[data-v-8e06963c] { color: #FCA5A5;
}

/* Nota importante */
.nota-importante[data-v-8e06963c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.nota-icono[data-v-8e06963c] {
  font-size: 1.25rem;
}
.nota-texto[data-v-8e06963c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-8e06963c] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-8e06963c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8e06963c] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8e06963c] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8e06963c] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-container[data-v-8e06963c] {
    gap: 1.5rem;
}
.proceso[data-v-8e06963c] {
    padding: 1rem 0.75rem;
    max-width: 160px;
}
.proceso-icono[data-v-8e06963c] {
    font-size: 1.5rem;
}
.criterios-grid[data-v-8e06963c] {
    flex-direction: row;
    flex-wrap: wrap;
}
.criterio-card[data-v-8e06963c] {
    flex: 1;
    min-width: 200px;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.criterio-nombre[data-v-8e06963c] {
    min-width: auto;
}
.criterio-desc[data-v-8e06963c] {
    text-align: center;
}
.tabla-header[data-v-8e06963c], .tabla-row[data-v-8e06963c] {
    grid-template-columns: 50px 50px 50px 1fr;
    gap: 0.5rem;
}
.col-result[data-v-8e06963c] {
    font-size: 0.8rem;
}
.ejemplos-grid[data-v-8e06963c] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Formula destacada */
.formula-destacada[data-v-ef05109d] {
  margin: 1rem 0 1.5rem;
  text-align: center;
}
.formula-box[data-v-ef05109d] {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.formula-texto[data-v-ef05109d] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFFFFF;
}
.formula-nota[data-v-ef05109d] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Colores texto */
strong.entalpia-color[data-v-ef05109d] { color: #FCA5A5;
}
strong.entropia-color[data-v-ef05109d] { color: #93C5FD;
}
strong.temp-color[data-v-ef05109d] { color: #FCD34D;
}
strong.negativo[data-v-ef05109d] { color: #6EE7B7;
}
strong.positivo[data-v-ef05109d] { color: #FCA5A5;
}

/* Unidades section */
.unidades-section[data-v-ef05109d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.unidades-titulo[data-v-ef05109d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.unidades-grid[data-v-ef05109d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.unidad-item[data-v-ef05109d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.u-variable[data-v-ef05109d] {
  font-family: monospace;
  font-weight: 700;
  color: #C4B5FD;
}
.u-unidad[data-v-ef05109d] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.conversion-alert[data-v-ef05109d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.35rem;
}
.alert-icono[data-v-ef05109d] {
  font-size: 1rem;
}
.alert-texto[data-v-ef05109d] {
  font-size: 0.8rem;
  color: #FCA5A5;
}
.alert-texto strong[data-v-ef05109d] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-ef05109d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-ef05109d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ejemplo-datos[data-v-ef05109d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-ef05109d] {
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ejemplo-pasos[data-v-ef05109d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-ef05109d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.paso.resultado[data-v-ef05109d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.paso-num[data-v-ef05109d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso.resultado .paso-num[data-v-ef05109d] {
  background: #10B981;
  color: white;
}
.paso-texto[data-v-ef05109d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-texto strong[data-v-ef05109d] {
  color: #FFFFFF;
}
.ejemplo-conclusion[data-v-ef05109d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.35rem;
}
.ejemplo-conclusion.espontanea[data-v-ef05109d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ejemplo-conclusion.no-espontanea[data-v-ef05109d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.conclusion-icono[data-v-ef05109d] {
  font-size: 1.1rem;
}
.conclusion-texto[data-v-ef05109d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.espontanea .conclusion-texto strong[data-v-ef05109d] { color: #6EE7B7;
}
.no-espontanea .conclusion-texto strong[data-v-ef05109d] { color: #FCA5A5;
}

/* Inversion section */
.inversion-section[data-v-ef05109d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.inversion-titulo[data-v-ef05109d] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.inversion-texto[data-v-ef05109d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.formula-inversion[data-v-ef05109d] {
  text-align: center;
  margin: 0.75rem 0;
}
.formula-t[data-v-ef05109d] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.inversion-nota[data-v-ef05109d] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0;
  text-align: center;
}

/* Tip PAES */
.tip-paes[data-v-ef05109d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ef05109d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ef05109d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ef05109d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-ef05109d] {
    font-size: 1.75rem;
}
.unidades-grid[data-v-ef05109d] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplo-datos[data-v-ef05109d] {
    gap: 0.75rem;
}
.dato[data-v-ef05109d] {
    font-size: 0.85rem;
}
.paso-texto[data-v-ef05109d] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-1c597646] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.equilibrio-visual[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.balanza-container[data-v-1c597646] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
}
.lado[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.35rem;
  min-width: 70px;
}
.lado.reactivos[data-v-1c597646] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado.productos[data-v-1c597646] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.lado-label[data-v-1c597646] {
  font-size: 0.65rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.moleculas[data-v-1c597646] {
  display: flex;
  gap: 0.25rem;
}
.mol[data-v-1c597646] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.fulcro[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.triangulo[data-v-1c597646] {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #FCD34D;
}
.eq-simbolo[data-v-1c597646] {
  font-size: 1.25rem;
  color: #FCD34D;
  margin-top: 0.25rem;
}
.eq-condicion[data-v-1c597646] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  padding: 0.25rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}

/* Colores texto */
strong.destacado[data-v-1c597646] { color: #FCD34D;
}
strong.verde[data-v-1c597646] { color: #6EE7B7;
}

/* Relación section */
.relacion-section[data-v-1c597646] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.relacion-titulo[data-v-1c597646] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-relacion[data-v-1c597646] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-text[data-v-1c597646] {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.variables-grid[data-v-1c597646] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.var-item[data-v-1c597646] {
  display: flex;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.var-simbolo[data-v-1c597646] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
}
.var-desc[data-v-1c597646] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Interpretación section */
.interpretacion-section[data-v-1c597646] {
  margin: 1.5rem 0;
}
.interpretacion-titulo[data-v-1c597646] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.interpretacion-grid[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.interp-card[data-v-1c597646] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.interp-card.favorable[data-v-1c597646] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.interp-card.equilibrado[data-v-1c597646] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.interp-card.desfavorable[data-v-1c597646] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.interp-header[data-v-1c597646] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.interp-dg[data-v-1c597646] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.85rem;
}
.interp-dg.negativo[data-v-1c597646] { color: #6EE7B7;
}
.interp-dg.cero[data-v-1c597646] { color: #FCD34D;
}
.interp-dg.positivo[data-v-1c597646] { color: #FCA5A5;
}
.interp-flecha[data-v-1c597646] {
  color: #8B5CF6;
}
.interp-k[data-v-1c597646] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.85rem;
  color: #C4B5FD;
}
.interp-desc[data-v-1c597646] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  margin-bottom: 0.35rem;
}
.interp-desc strong[data-v-1c597646] {
  color: #FFFFFF;
}
.interp-visual[data-v-1c597646] {
  display: flex;
  justify-content: center;
}
.barra-eq[data-v-1c597646] {
  display: flex;
  height: 20px;
  width: 100%;
  max-width: 150px;
  border-radius: 0.25rem;
  overflow: hidden;
}
.barra-reactivos[data-v-1c597646], .barra-productos[data-v-1c597646] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
}
.barra-reactivos[data-v-1c597646] {
  background: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.barra-productos[data-v-1c597646] {
  background: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.productos-mayor .barra-reactivos[data-v-1c597646] { flex: 1;
}
.productos-mayor .barra-productos[data-v-1c597646] { flex: 3;
}
.igual .barra-reactivos[data-v-1c597646] { flex: 1;
}
.igual .barra-productos[data-v-1c597646] { flex: 1;
}
.reactivos-mayor .barra-reactivos[data-v-1c597646] { flex: 3;
}
.reactivos-mayor .barra-productos[data-v-1c597646] { flex: 1;
}

/* Diferencia section */
.diferencia-section[data-v-1c597646] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.diferencia-titulo[data-v-1c597646] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.diferencia-grid[data-v-1c597646] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dif-card[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.dif-simbolo[data-v-1c597646] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
}
.dif-nombre[data-v-1c597646] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.dif-desc[data-v-1c597646] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin: 0.25rem 0;
}
.dif-uso[data-v-1c597646] {
  font-size: 0.65rem;
  color: #6EE7B7;
}
.formula-dg-real[data-v-1c597646] {
  text-align: center;
  margin: 0.75rem 0 0.35rem;
}
.q-explicacion[data-v-1c597646] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Resumen section */
.resumen-section[data-v-1c597646] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-1c597646] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.resumen-lista[data-v-1c597646] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.resumen-item[data-v-1c597646] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.35rem;
}
.resumen-item.favorable[data-v-1c597646] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.resumen-item.equilibrio[data-v-1c597646] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.resumen-item.desfavorable[data-v-1c597646] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.resumen-item .check[data-v-1c597646] {
  font-size: 1rem;
}
.favorable .check[data-v-1c597646] { color: #6EE7B7;
}
.equilibrio .check[data-v-1c597646] { color: #FCD34D;
}
.desfavorable .check[data-v-1c597646] { color: #FCA5A5;
}
.resumen-item .texto[data-v-1c597646] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-1c597646] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1c597646] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1c597646] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1c597646] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.balanza-container[data-v-1c597646] {
    gap: 1rem;
}
.lado[data-v-1c597646] {
    min-width: 90px;
    padding: 0.75rem;
}
.interpretacion-grid[data-v-1c597646] {
    flex-direction: row;
}
.interp-card[data-v-1c597646] {
    flex: 1;
}
.barra-eq[data-v-1c597646] {
    max-width: 120px;
}
}

.explorador[data-v-988e3312] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-988e3312] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-988e3312] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-988e3312] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-988e3312] {
  border-color: #10B981;
  background: #10B981;
  color: white;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
}
.progreso-item.completado[data-v-988e3312] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-988e3312] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-988e3312] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-988e3312] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-988e3312] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-988e3312] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Predecir espontaneidad ===== */
.predecir-container[data-v-988e3312] {
  text-align: center;
}
.signos-mostrar[data-v-988e3312] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.signo-item[data-v-988e3312] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
}
.signo-item.dh[data-v-988e3312] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.signo-item.ds[data-v-988e3312] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
}
.signo-item.positivo[data-v-988e3312] { border-color: rgba(16, 185, 129, 0.5);
}
.signo-item.negativo[data-v-988e3312] { border-color: rgba(239, 68, 68, 0.5);
}
.signo-label[data-v-988e3312] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.signo-valor[data-v-988e3312] {
  font-size: 2rem;
  font-weight: 800;
}
.signo-item.positivo .signo-valor[data-v-988e3312] { color: #6EE7B7;
}
.signo-item.negativo .signo-valor[data-v-988e3312] { color: #FCA5A5;
}
.pregunta-espontaneidad[data-v-988e3312] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-grid[data-v-988e3312] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-opcion[data-v-988e3312] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-988e3312]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.btn-opcion.seleccionado[data-v-988e3312] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-988e3312] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-988e3312] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.opcion-icono[data-v-988e3312] {
  font-size: 1.25rem;
  margin-bottom: 0.15rem;
}
.opcion-texto[data-v-988e3312] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2 y 3: Cálculos ===== */
.calculo-container[data-v-988e3312], .temp-container[data-v-988e3312] {
  text-align: center;
}
.formula-recordatorio[data-v-988e3312] {
  margin-bottom: 0.75rem;
}
.formula[data-v-988e3312] {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 600;
  color: #C4B5FD;
}
.datos-problema[data-v-988e3312] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-988e3312] {
  display: flex;
  gap: 0.35rem;
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato-label[data-v-988e3312] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-988e3312] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
}
.dato-valor.negativo[data-v-988e3312] { color: #FCA5A5;
}
.dato-valor.positivo[data-v-988e3312] { color: #6EE7B7;
}
.dato-valor.temp[data-v-988e3312] { color: #FCD34D;
}
.pregunta-temp[data-v-988e3312] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* Respuesta input */
.respuesta-input[data-v-988e3312] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.input-label[data-v-988e3312] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-988e3312] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.35rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-988e3312] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-numero[data-v-988e3312] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-988e3312] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-988e3312] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-988e3312] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-988e3312] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-988e3312]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-988e3312] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #FCA5A5;
}
.contador[data-v-988e3312] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-988e3312] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-988e3312] { font-size: 1.25rem;
}
.resultado-texto[data-v-988e3312] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-988e3312] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(16, 185, 129, 0.2);
}
.nav-spacer[data-v-988e3312] { flex: 1;
}
.nav-btn[data-v-988e3312] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-988e3312] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-988e3312] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-988e3312] { font-size: 1.75rem;
}
.completado-texto[data-v-988e3312] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-988e3312], .slide-leave-active[data-v-988e3312] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-988e3312] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-988e3312] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.signos-mostrar[data-v-988e3312] {
    gap: 2rem;
}
.signo-item[data-v-988e3312] {
    padding: 1rem 2rem;
}
.signo-valor[data-v-988e3312] {
    font-size: 2.5rem;
}
.opciones-grid[data-v-988e3312] {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}
.btn-opcion[data-v-988e3312] {
    padding: 0.75rem;
}
.respuesta-input[data-v-988e3312] {
    flex-wrap: nowrap;
}
}

/* Formula hero */
.formula-hero[data-v-52feddb7] {
  text-align: center;
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.formula-contenido[data-v-52feddb7] {
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-52feddb7] {
  font-family: monospace;
  font-size: 1.75rem;
  font-weight: 800;
  color: #6EE7B7;
}
.formula-desc[data-v-52feddb7] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Puntos section */
.puntos-section[data-v-52feddb7] {
  margin: 1.5rem 0;
}
.puntos-titulo[data-v-52feddb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.punto-card[data-v-52feddb7] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.punto-num[data-v-52feddb7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  color: white;
}
.punto-contenido[data-v-52feddb7] {
  flex: 1;
}
.punto-titulo[data-v-52feddb7] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.punto-grid[data-v-52feddb7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.punto-item[data-v-52feddb7] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-family: monospace;
  font-weight: 600;
}
.punto-item.espontaneo[data-v-52feddb7] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.punto-item.equilibrio[data-v-52feddb7] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.punto-item.no-espontaneo[data-v-52feddb7] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Tabla de signos */
.tabla-signos[data-v-52feddb7] {
  border-radius: 0.35rem;
  overflow: hidden;
}
.tabla-row[data-v-52feddb7] {
  display: grid;
  grid-template-columns: 40px 40px 1fr;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.05);
}
.tabla-row.header[data-v-52feddb7] {
  background: rgba(139, 92, 246, 0.15);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.tabla-row[data-v-52feddb7]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}
.col[data-v-52feddb7] {
  text-align: center;
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
}
.col.negativo[data-v-52feddb7] { color: #FCA5A5;
}
.col.positivo[data-v-52feddb7] { color: #6EE7B7;
}
.col.resultado[data-v-52feddb7] {
  text-align: left;
  font-size: 0.75rem;
}
.col.resultado.verde[data-v-52feddb7] { color: #6EE7B7;
}
.col.resultado.rojo[data-v-52feddb7] { color: #FCA5A5;
}
.col.resultado.amarillo[data-v-52feddb7] { color: #FCD34D;
}

/* Formulas grid */
.formulas-grid[data-v-52feddb7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.formula-item[data-v-52feddb7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.formula-nombre[data-v-52feddb7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-eq[data-v-52feddb7] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Unidades grid */
.unidades-grid[data-v-52feddb7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.unidad[data-v-52feddb7] {
  display: flex;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
}
.u-var[data-v-52feddb7] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #93C5FD;
}
.u-val[data-v-52feddb7] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.unidad-alerta[data-v-52feddb7] {
  padding: 0.35rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #FCA5A5;
}

/* Errores section */
.errores-section[data-v-52feddb7] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-52feddb7] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-52feddb7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-52feddb7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.error-icono[data-v-52feddb7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCA5A5;
}
.error-texto[data-v-52feddb7] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip final */
.tip-final[data-v-52feddb7] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-header[data-v-52feddb7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tip-icono[data-v-52feddb7] {
  font-size: 1.25rem;
}
.tip-titulo[data-v-52feddb7] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.tip-contenido p[data-v-52feddb7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
  margin: 0 0 0.5rem 0;
}
.tip-contenido p[data-v-52feddb7]:last-child {
  margin-bottom: 0;
}
.tip-contenido strong[data-v-52feddb7] {
  color: #6EE7B7;
}

/* Conexión section */
.conexion-section[data-v-52feddb7] {
  margin: 1.5rem 0 0;
}
.conexion-titulo[data-v-52feddb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.conexion-grid[data-v-52feddb7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.conexion-item[data-v-52feddb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.35rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.conexion-tema[data-v-52feddb7] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.conexion-desc[data-v-52feddb7] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-52feddb7] {
    font-size: 2.25rem;
}
.punto-card[data-v-52feddb7] {
    padding: 1rem;
}
.tabla-row[data-v-52feddb7] {
    grid-template-columns: 50px 50px 1fr;
}
.conexion-grid[data-v-52feddb7] {
    gap: 0.75rem;
}
.conexion-item[data-v-52feddb7] {
    padding: 0.75rem;
}
.conexion-tema[data-v-52feddb7] {
    font-size: 0.85rem;
}
.conexion-desc[data-v-52feddb7] {
    font-size: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-82fc3ed0] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.75rem;
}
.energia-container[data-v-82fc3ed0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.reaccion-visual[data-v-82fc3ed0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reactivos[data-v-82fc3ed0], .productos[data-v-82fc3ed0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.molecula[data-v-82fc3ed0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.simbolo[data-v-82fc3ed0] {
  font-size: 1.25rem;
  color: #C4B5FD;
  font-weight: 600;
}
.flecha-reaccion[data-v-82fc3ed0] {
  font-size: 1.5rem;
  color: #FCD34D;
  padding: 0 0.5rem;
}
.energia-intercambio[data-v-82fc3ed0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
}
.energia-icono[data-v-82fc3ed0] {
  font-size: 1.25rem;
}
.energia-label[data-v-82fc3ed0] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-82fc3ed0] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-82fc3ed0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-82fc3ed0] {
  font-size: 1.5rem;
}
.def-contenido[data-v-82fc3ed0] {
  flex: 1;
}
.def-titulo[data-v-82fc3ed0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-82fc3ed0] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Concepto section */
.concepto-section[data-v-82fc3ed0] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-titulo[data-v-82fc3ed0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-texto[data-v-82fc3ed0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

/* Tipos section */
.tipos-section[data-v-82fc3ed0] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-82fc3ed0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-82fc3ed0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.tipo-card[data-v-82fc3ed0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo-card.exotermica[data-v-82fc3ed0] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-card.endotermica[data-v-82fc3ed0] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-icono[data-v-82fc3ed0] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-82fc3ed0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-dh[data-v-82fc3ed0] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
  margin: 0.25rem 0;
}
.tipo-dh.negativo[data-v-82fc3ed0] {
  color: #FCA5A5;
}
.tipo-dh.positivo[data-v-82fc3ed0] {
  color: #93C5FD;
}
.tipo-desc[data-v-82fc3ed0] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Unidades section */
.unidades-section[data-v-82fc3ed0] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-82fc3ed0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.unidades-contenido[data-v-82fc3ed0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.unidad-item[data-v-82fc3ed0] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.unidad-valor[data-v-82fc3ed0] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  min-width: 70px;
}
.unidad-desc[data-v-82fc3ed0] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.conversion-tip[data-v-82fc3ed0] {
  margin-top: 0.5rem;
  text-align: center;
}
.conversion-formula[data-v-82fc3ed0] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-82fc3ed0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-82fc3ed0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-82fc3ed0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-82fc3ed0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.molecula[data-v-82fc3ed0] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}
.flecha-reaccion[data-v-82fc3ed0] {
    font-size: 1.75rem;
    padding: 0 1rem;
}
.tipos-grid[data-v-82fc3ed0] {
    gap: 1rem;
}
.tipo-card[data-v-82fc3ed0] {
    padding: 1rem;
}
.unidades-contenido[data-v-82fc3ed0] {
    flex-direction: row;
}
.unidad-item[data-v-82fc3ed0] {
    flex: 1;
}
}

/* Diagrama section */
.diagrama-section[data-v-329d5d01] {
  margin: 1rem 0 1.5rem;
}
.diagrama-titulo[data-v-329d5d01] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagramas-container[data-v-329d5d01] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.diagrama[data-v-329d5d01] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.diagrama.exotermica[data-v-329d5d01] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.diagrama.endotermica[data-v-329d5d01] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.diagrama-label[data-v-329d5d01] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.diagrama-visual[data-v-329d5d01] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.nivel[data-v-329d5d01] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.nivel-label[data-v-329d5d01] {
  font-size: 0.6rem;
  color: #C4B5FD;
  min-width: 45px;
  text-align: right;
}
.nivel-barra[data-v-329d5d01] {
  flex: 1;
  height: 6px;
  background: #8B5CF6;
  border-radius: 3px;
}
.reactivos-nivel .nivel-barra[data-v-329d5d01] {
  background: #FCD34D;
}
.productos-nivel .nivel-barra[data-v-329d5d01] {
  background: #6EE7B7;
}
.nivel.bajo[data-v-329d5d01] {
  opacity: 0.6;
}
.flecha-energia[data-v-329d5d01] {
  text-align: center;
  padding: 0.15rem 0;
}
.flecha-texto[data-v-329d5d01] {
  font-size: 0.65rem;
  font-weight: 700;
  font-family: monospace;
}
.flecha-energia.liberada .flecha-texto[data-v-329d5d01] {
  color: #FCA5A5;
}
.flecha-energia.absorbida .flecha-texto[data-v-329d5d01] {
  color: #93C5FD;
}
.energia-resultado[data-v-329d5d01] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.energia-resultado.libera[data-v-329d5d01] {
  color: #FCA5A5;
}
.energia-resultado.absorbe[data-v-329d5d01] {
  color: #93C5FD;
}
.energia-icono[data-v-329d5d01] {
  font-size: 0.9rem;
}

/* Tipo detalle */
.tipo-detalle[data-v-329d5d01] {
  margin: 1.5rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tipo-detalle.exotermica-detalle[data-v-329d5d01] {
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-detalle.endotermica-detalle[data-v-329d5d01] {
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-header[data-v-329d5d01] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.exotermica-detalle .tipo-header[data-v-329d5d01] {
  background: rgba(239, 68, 68, 0.2);
}
.endotermica-detalle .tipo-header[data-v-329d5d01] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-icono[data-v-329d5d01] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-329d5d01] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-contenido[data-v-329d5d01] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-descripcion[data-v-329d5d01] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin: 0 0 0.75rem 0;
}
.ejemplos-lista[data-v-329d5d01] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-329d5d01] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.35rem;
}
.ejemplo-nombre[data-v-329d5d01] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.ejemplo-ecuacion[data-v-329d5d01] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #FFFFFF;
}
.ejemplo-dh[data-v-329d5d01] {
  font-size: 0.75rem;
  font-family: monospace;
  font-weight: 700;
}
.ejemplo-dh.negativo[data-v-329d5d01] {
  color: #FCA5A5;
}
.ejemplo-dh.positivo[data-v-329d5d01] {
  color: #93C5FD;
}

/* Strong colors */
strong.negativo[data-v-329d5d01] {
  color: #FCA5A5;
}
strong.positivo[data-v-329d5d01] {
  color: #93C5FD;
}

/* Resumen section */
.resumen-section[data-v-329d5d01] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-329d5d01] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.resumen-tabla[data-v-329d5d01] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-329d5d01] {
  display: grid;
  grid-template-columns: 70px 1fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-fila[data-v-329d5d01] {
  display: grid;
  grid-template-columns: 70px 1fr 1fr;
  gap: 0.25rem;
  padding: 0.4rem 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.fila-label[data-v-329d5d01] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
}
.tabla-fila .valor[data-v-329d5d01] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.tabla-fila .valor.negativo[data-v-329d5d01] {
  color: #FCA5A5;
}
.tabla-fila .valor.positivo[data-v-329d5d01] {
  color: #93C5FD;
}

/* Tip PAES */
.tip-paes[data-v-329d5d01] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-329d5d01] {
  font-size: 1.25rem;
}
.tip-texto[data-v-329d5d01] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-329d5d01] {
  color: #6EE7B7;
}
.tip-texto strong.negativo[data-v-329d5d01] {
  color: #FCA5A5;
}
.tip-texto strong.positivo[data-v-329d5d01] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.diagramas-container[data-v-329d5d01] {
    gap: 1rem;
}
.diagrama[data-v-329d5d01] {
    padding: 1rem;
}
.nivel-label[data-v-329d5d01] {
    font-size: 0.7rem;
    min-width: 55px;
}
.flecha-texto[data-v-329d5d01] {
    font-size: 0.75rem;
}
.ejemplos-lista[data-v-329d5d01] {
    flex-direction: row;
}
.ejemplo-item[data-v-329d5d01] {
    flex: 1;
}
.tabla-header[data-v-329d5d01], .tabla-fila[data-v-329d5d01] {
    grid-template-columns: 80px 1fr 1fr;
}
}

/* Fórmula principal */
.formula-principal[data-v-3fd0a6db] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-3fd0a6db] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.formula-box[data-v-3fd0a6db] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-ecuacion[data-v-3fd0a6db] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  line-height: 1.5;
}
.formula-nota[data-v-3fd0a6db] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-3fd0a6db] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-3fd0a6db] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-3fd0a6db] {
  margin-bottom: 1rem;
}
.problema-texto[data-v-3fd0a6db] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.ecuacion-quimica[data-v-3fd0a6db] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  text-align: center;
}

/* Datos section */
.datos-section[data-v-3fd0a6db] {
  margin-bottom: 1rem;
}
.datos-titulo[data-v-3fd0a6db] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.datos-grid[data-v-3fd0a6db] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.35rem;
}
.dato-item[data-v-3fd0a6db] {
  display: flex;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dato-formula[data-v-3fd0a6db] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dato-valor[data-v-3fd0a6db] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-nota[data-v-3fd0a6db] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #C4B5FD;
  padding: 0.35rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}

/* Pasos section */
.pasos-section[data-v-3fd0a6db] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.paso[data-v-3fd0a6db] {
  display: flex;
  gap: 0.5rem;
}
.paso-numero[data-v-3fd0a6db] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.paso-contenido[data-v-3fd0a6db] {
  flex: 1;
}
.paso-titulo[data-v-3fd0a6db] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.paso-calculo[data-v-3fd0a6db] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.calculo-formula[data-v-3fd0a6db] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.calculo-resultado[data-v-3fd0a6db] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.calculo-resultado strong[data-v-3fd0a6db] {
  color: #FFFFFF;
}
.calculo-resultado strong.negativo[data-v-3fd0a6db] {
  color: #FCA5A5;
}

/* Interpretación */
.interpretacion[data-v-3fd0a6db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.35rem;
}
.interp-icono[data-v-3fd0a6db] {
  font-size: 1.1rem;
}
.interp-texto[data-v-3fd0a6db] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.interp-texto strong[data-v-3fd0a6db] {
  color: #FFFFFF;
}
.interp-texto strong.exo[data-v-3fd0a6db] {
  color: #FCA5A5;
}

/* Recordatorio */
.recordatorio[data-v-3fd0a6db] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.recordatorio-titulo[data-v-3fd0a6db] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.recordatorio-lista[data-v-3fd0a6db] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}
.recordatorio-lista strong[data-v-3fd0a6db] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-3fd0a6db] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3fd0a6db] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3fd0a6db] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3fd0a6db] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-ecuacion[data-v-3fd0a6db] {
    font-size: 1rem;
}
.datos-grid[data-v-3fd0a6db] {
    grid-template-columns: repeat(4, 1fr);
}
.paso-calculo[data-v-3fd0a6db] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
}

/* Intro box */
.intro-box[data-v-a337f62e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.intro-icono[data-v-a337f62e] {
  font-size: 1.75rem;
}
.intro-texto[data-v-a337f62e] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
strong.destacado[data-v-a337f62e] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-a337f62e] {
  margin: 1.5rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.def-header[data-v-a337f62e] {
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
}
.def-nombre[data-v-a337f62e] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.def-contenido[data-v-a337f62e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.def-texto[data-v-a337f62e] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.def-texto strong[data-v-a337f62e] {
  color: #FFFFFF;
}
.def-formula[data-v-a337f62e] {
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
}

/* Reglas section */
.reglas-section[data-v-a337f62e] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-a337f62e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regla[data-v-a337f62e] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.regla-icono[data-v-a337f62e] {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.35rem;
  font-size: 1rem;
}
.regla-icono.invertir[data-v-a337f62e] {
  background: rgba(239, 68, 68, 0.2);
}
.regla-icono.multiplicar[data-v-a337f62e] {
  background: rgba(59, 130, 246, 0.2);
  font-weight: 700;
  color: #93C5FD;
}
.regla-contenido[data-v-a337f62e] {
  flex: 1;
}
.regla-nombre[data-v-a337f62e] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.regla-efecto[data-v-a337f62e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.regla-efecto strong[data-v-a337f62e] {
  color: #FCD34D;
}
.regla-ejemplo[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-family: monospace;
  font-size: 0.75rem;
}
.ejemplo-antes[data-v-a337f62e] {
  color: #C4B5FD;
}
.ejemplo-despues[data-v-a337f62e] {
  color: #E9D5FF;
}
.ejemplo-despues strong.negativo[data-v-a337f62e] {
  color: #FCA5A5;
}
.ejemplo-despues strong.positivo[data-v-a337f62e] {
  color: #93C5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-a337f62e] {
  margin: 1.5rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ejemplo-titulo[data-v-a337f62e] {
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-a337f62e] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.objetivo[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.objetivo-label[data-v-a337f62e] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.objetivo-ecuacion[data-v-a337f62e] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.reacciones-dadas[data-v-a337f62e] {
  margin-bottom: 0.75rem;
}
.dadas-titulo[data-v-a337f62e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.reaccion-dada[data-v-a337f62e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 0.35rem;
}
.reaccion-num[data-v-a337f62e] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
}
.reaccion-eq[data-v-a337f62e] {
  flex: 1;
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.reaccion-dh[data-v-a337f62e] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
}
.reaccion-dh.negativo[data-v-a337f62e] {
  color: #FCA5A5;
}
.solucion[data-v-a337f62e] {
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.35rem;
}
.solucion-titulo[data-v-a337f62e] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  margin-bottom: 0.35rem;
}
.paso-solucion[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-bottom: 0.35rem;
}
.paso-desc[data-v-a337f62e] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.paso-eq[data-v-a337f62e] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-eq strong.positivo[data-v-a337f62e] {
  color: #93C5FD;
}
.suma-resultado[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-top: 0.5rem;
}
.suma-label[data-v-a337f62e] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.suma-calculo[data-v-a337f62e] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.suma-dh[data-v-a337f62e] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.suma-dh strong.negativo[data-v-a337f62e] {
  color: #FCA5A5;
}

/* Utilidad section */
.utilidad-section[data-v-a337f62e] {
  margin: 1.5rem 0;
}
.utilidad-titulo[data-v-a337f62e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.utilidad-lista[data-v-a337f62e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utilidad-item[data-v-a337f62e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.util-icono[data-v-a337f62e] {
  font-size: 1.25rem;
}
.util-texto[data-v-a337f62e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.util-texto strong[data-v-a337f62e] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-a337f62e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a337f62e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a337f62e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a337f62e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-lista[data-v-a337f62e] {
    flex-direction: row;
}
.regla[data-v-a337f62e] {
    flex: 1;
}
.reaccion-dada[data-v-a337f62e] {
    flex-wrap: nowrap;
}
.paso-solucion[data-v-a337f62e] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.suma-resultado[data-v-a337f62e] {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
}
}

.explorador[data-v-f1890e08] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f1890e08] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f1890e08] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-f1890e08] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-f1890e08] {
  border-color: #F59E0B;
  background: #F59E0B;
  color: white;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.5);
}
.progreso-item.completado[data-v-f1890e08] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f1890e08] {
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f1890e08] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f1890e08] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f1890e08] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f1890e08] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar ===== */
.clasificar-container[data-v-f1890e08] {
  text-align: center;
}
.reaccion-mostrar[data-v-f1890e08] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-ecuacion[data-v-f1890e08] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.reaccion-delta-h[data-v-f1890e08] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
}
.reaccion-delta-h.negativo[data-v-f1890e08] {
  color: #FCA5A5;
}
.reaccion-delta-h.positivo[data-v-f1890e08] {
  color: #93C5FD;
}
.pregunta-tipo[data-v-f1890e08] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-tipo[data-v-f1890e08] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-tipo[data-v-f1890e08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 2px solid;
}
.btn-tipo.exotermica[data-v-f1890e08] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-tipo.endotermica[data-v-f1890e08] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.btn-tipo.seleccionado.exotermica[data-v-f1890e08] {
  background: rgba(239, 68, 68, 0.25);
  border-color: #EF4444;
}
.btn-tipo.seleccionado.endotermica[data-v-f1890e08] {
  background: rgba(59, 130, 246, 0.25);
  border-color: #3B82F6;
}
.btn-tipo.correcto[data-v-f1890e08] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-tipo.incorrecto[data-v-f1890e08] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.tipo-icono[data-v-f1890e08] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.tipo-nombre[data-v-f1890e08] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-desc[data-v-f1890e08] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Calcular ΔH ===== */
.calculo-container[data-v-f1890e08] {
  text-align: center;
}
.problema-ecuacion[data-v-f1890e08] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.datos-problema[data-v-f1890e08] {
  margin-bottom: 0.75rem;
}
.datos-titulo[data-v-f1890e08] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-grid[data-v-f1890e08] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.dato-item[data-v-f1890e08] {
  display: flex;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dato-compuesto[data-v-f1890e08] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.dato-valor[data-v-f1890e08] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-recordatorio[data-v-f1890e08] {
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-f1890e08] {
  display: inline-block;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Ley de Hess ===== */
.hess-container[data-v-f1890e08] {
  text-align: center;
}
.objetivo-reaccion[data-v-f1890e08] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.objetivo-label[data-v-f1890e08] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.objetivo-ecuacion[data-v-f1890e08] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.reacciones-disponibles[data-v-f1890e08] {
  margin-bottom: 0.75rem;
}
.disponibles-titulo[data-v-f1890e08] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.reaccion-disponible[data-v-f1890e08] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-bottom: 0.35rem;
}
.rxn-num[data-v-f1890e08] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8B5CF6;
}
.rxn-ecuacion[data-v-f1890e08] {
  flex: 1;
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: left;
}
.rxn-dh[data-v-f1890e08] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.rxn-dh.negativo[data-v-f1890e08] {
  color: #FCA5A5;
}

/* Respuesta input */
.respuesta-input[data-v-f1890e08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-f1890e08] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-f1890e08] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.35rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-f1890e08] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-numero[data-v-f1890e08] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-f1890e08] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-f1890e08] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-f1890e08] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-f1890e08] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-f1890e08]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-f1890e08] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-f1890e08] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-f1890e08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f1890e08] { font-size: 1.25rem;
}
.resultado-texto[data-v-f1890e08] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-f1890e08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(245, 158, 11, 0.2);
}
.nav-spacer[data-v-f1890e08] { flex: 1;
}
.nav-btn[data-v-f1890e08] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f1890e08] {
  background: #F59E0B;
  border-color: #D97706;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f1890e08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(245, 158, 11, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f1890e08] { font-size: 1.75rem;
}
.completado-texto[data-v-f1890e08] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f1890e08], .slide-leave-active[data-v-f1890e08] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f1890e08] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f1890e08] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-tipo[data-v-f1890e08] {
    gap: 0.75rem;
}
.btn-tipo[data-v-f1890e08] {
    padding: 1rem;
}
.datos-grid[data-v-f1890e08] {
    gap: 0.5rem;
}
.dato-item[data-v-f1890e08] {
    padding: 0.35rem 0.75rem;
}
.reaccion-disponible[data-v-f1890e08] {
    flex-wrap: nowrap;
}
}

/* Conceptos section */
.conceptos-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.conceptos-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.conceptos-grid[data-v-42c162a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-42c162a9] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-header[data-v-42c162a9] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.25rem;
}
.concepto-icono[data-v-42c162a9] {
  font-size: 1.1rem;
}
.concepto-nombre[data-v-42c162a9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-desc[data-v-42c162a9] {
  font-size: 0.75rem;
  color: #C4B5FD;
  line-height: 1.3;
}

/* Tipos section */
.tipos-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-comparacion[data-v-42c162a9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-col[data-v-42c162a9] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tipo-col.exo[data-v-42c162a9] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-col.endo[data-v-42c162a9] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.tipo-nombre[data-v-42c162a9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.tipo-signo[data-v-42c162a9] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.tipo-signo.negativo[data-v-42c162a9] {
  color: #FCA5A5;
}
.tipo-signo.positivo[data-v-42c162a9] {
  color: #93C5FD;
}
.tipo-caracteristicas[data-v-42c162a9] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.tipo-ejemplos[data-v-42c162a9] {
  font-size: 0.7rem;
}
.ejemplo-titulo[data-v-42c162a9] {
  color: #C4B5FD;
}
.tipo-ejemplos span[data-v-42c162a9]:last-child {
  color: #E9D5FF;
}

/* Fórmulas section */
.formulas-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-lista[data-v-42c162a9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.formula-item[data-v-42c162a9] {
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.formula-nombre[data-v-42c162a9] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-42c162a9] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}

/* Reglas section */
.reglas-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-42c162a9] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.regla-item[data-v-42c162a9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.8rem;
}
.regla-accion[data-v-42c162a9] {
  color: #C4B5FD;
  min-width: 110px;
}
.regla-efecto[data-v-42c162a9] {
  color: #E9D5FF;
}
.regla-efecto strong[data-v-42c162a9] {
  color: #FCD34D;
}

/* Datos section */
.datos-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.datos-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.datos-lista[data-v-42c162a9] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.dato-item[data-v-42c162a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.35rem;
}
.dato-icono[data-v-42c162a9] {
  font-size: 0.9rem;
}
.dato-texto[data-v-42c162a9] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.dato-texto strong[data-v-42c162a9] {
  color: #FFFFFF;
}

/* Errores section */
.errores-section[data-v-42c162a9] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-42c162a9] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.errores-lista[data-v-42c162a9] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.error-item[data-v-42c162a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.error-icono[data-v-42c162a9] {
  font-size: 0.85rem;
}
.error-texto strong[data-v-42c162a9] {
  color: #FFFFFF;
}

/* Tips section */
.tips-section[data-v-42c162a9] {
  margin: 1.5rem 0;
}
.tip-final[data-v-42c162a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tip-final .tip-icono[data-v-42c162a9] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-42c162a9] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.tip-contenido strong[data-v-42c162a9] {
  color: #FFFFFF;
}
strong.negativo[data-v-42c162a9] {
  color: #FCA5A5;
}
strong.positivo[data-v-42c162a9] {
  color: #93C5FD;
}
strong.exo[data-v-42c162a9] {
  color: #FCA5A5;
}
strong.endo[data-v-42c162a9] {
  color: #93C5FD;
}

/* Tip PAES */
.tip-paes[data-v-42c162a9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-paes .tip-icono[data-v-42c162a9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-42c162a9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-42c162a9] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tipos-comparacion[data-v-42c162a9] {
    gap: 0.75rem;
}
.tipo-col[data-v-42c162a9] {
    padding: 1rem;
}
.tipo-caracteristicas[data-v-42c162a9] {
    font-size: 0.75rem;
}
.formulas-lista[data-v-42c162a9] {
    flex-direction: row;
}
.formula-item[data-v-42c162a9] {
    flex: 1;
}
.reglas-lista[data-v-42c162a9] {
    flex-direction: row;
}
.regla-item[data-v-42c162a9] {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}
.regla-accion[data-v-42c162a9] {
    min-width: auto;
}
}

/* Intro visual */
.intro-visual[data-v-29c4e244] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.estados-container[data-v-29c4e244] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.estado[data-v-29c4e244] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.particulas-box[data-v-29c4e244] {
  width: 60px;
  height: 60px;
  border: 2px solid;
  border-radius: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  position: relative;
}
.particulas-box.ordenadas[data-v-29c4e244] {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
}
.particulas-box.desordenadas[data-v-29c4e244] {
  background: rgba(239, 68, 68, 0.2);
  border-color: #EF4444;
}
.particula[data-v-29c4e244] {
  font-size: 0.8rem;
  color: #FFFFFF;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.particulas-box.desordenadas .particula[data-v-29c4e244] {
  position: absolute;
}
.particulas-box.desordenadas .p1[data-v-29c4e244] { top: 5px; left: 8px;
}
.particulas-box.desordenadas .p2[data-v-29c4e244] { top: 12px; right: 6px;
}
.particulas-box.desordenadas .p3[data-v-29c4e244] { bottom: 8px; left: 15px;
}
.particulas-box.desordenadas .p4[data-v-29c4e244] { bottom: 15px; right: 10px;
}
.estado-label[data-v-29c4e244] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.estado-s[data-v-29c4e244] {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.estado-s.bajo[data-v-29c4e244] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.estado-s.alto[data-v-29c4e244] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.flecha-cambio[data-v-29c4e244] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-29c4e244] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-29c4e244] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-29c4e244] {
  font-size: 1.5rem;
}
.def-contenido[data-v-29c4e244] {
  flex: 1;
}
.def-titulo[data-v-29c4e244] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-29c4e244] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Concepto section */
.concepto-section[data-v-29c4e244] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.concepto-titulo[data-v-29c4e244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.concepto-texto[data-v-29c4e244] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
}

/* Signos section */
.signos-section[data-v-29c4e244] {
  margin: 1.5rem 0;
}
.signos-titulo[data-v-29c4e244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.signos-grid[data-v-29c4e244] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.signo-card[data-v-29c4e244] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.signo-card.positivo[data-v-29c4e244] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-card.negativo[data-v-29c4e244] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-icono[data-v-29c4e244] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.signo-valor[data-v-29c4e244] {
  font-size: 0.9rem;
  font-weight: 700;
  font-family: monospace;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.signo-desc[data-v-29c4e244] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.signo-ejemplo[data-v-29c4e244] {
  font-size: 0.7rem;
  margin-top: 0.25rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.signo-card.positivo .signo-ejemplo[data-v-29c4e244] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.signo-card.negativo .signo-ejemplo[data-v-29c4e244] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}

/* Ejemplos section */
.ejemplos-section[data-v-29c4e244] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-29c4e244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-29c4e244] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-29c4e244] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ej-icono[data-v-29c4e244] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-texto[data-v-29c4e244] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.ej-delta[data-v-29c4e244] {
  font-size: 0.75rem;
  font-weight: 700;
  font-family: monospace;
  margin-top: 0.25rem;
}
.ej-delta.positivo[data-v-29c4e244] {
  color: #6EE7B7;
}
.ej-delta.negativo[data-v-29c4e244] {
  color: #FCA5A5;
}

/* Unidades section */
.unidades-section[data-v-29c4e244] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-29c4e244] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.unidad-principal[data-v-29c4e244] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.unidad-valor[data-v-29c4e244] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
}
.unidad-desc[data-v-29c4e244] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-29c4e244] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-29c4e244] {
  font-size: 1.25rem;
}
.tip-texto[data-v-29c4e244] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-29c4e244] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.particulas-box[data-v-29c4e244] {
    width: 80px;
    height: 80px;
}
.particula[data-v-29c4e244] {
    font-size: 1rem;
    width: 24px;
    height: 24px;
}
.flecha-cambio[data-v-29c4e244] {
    font-size: 2rem;
    padding: 0 0.5rem;
}
.ejemplos-grid[data-v-29c4e244] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Ley card */
.ley-card[data-v-8a0e282b] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.15));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.ley-header[data-v-8a0e282b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ley-numero[data-v-8a0e282b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 800;
  color: white;
}
.ley-titulo[data-v-8a0e282b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ley-enunciado[data-v-8a0e282b] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}
strong.destacado[data-v-8a0e282b] {
  color: #FCD34D;
}
.ley-formula[data-v-8a0e282b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-simbolo[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.formula-desc[data-v-8a0e282b] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Universo section */
.universo-section[data-v-8a0e282b] {
  margin: 1.5rem 0;
}
.universo-titulo[data-v-8a0e282b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.universo-ecuacion[data-v-8a0e282b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ecuacion-visual[data-v-8a0e282b] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.termino-formula[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.operador[data-v-8a0e282b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.universo-explicacion[data-v-8a0e282b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Relación section */
.relacion-section[data-v-8a0e282b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.relacion-titulo[data-v-8a0e282b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relacion-formula[data-v-8a0e282b] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.relacion-explicacion[data-v-8a0e282b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.explicacion-item[data-v-8a0e282b] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
}
.exp-condicion[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.exp-resultado[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
}
.exp-resultado.positivo[data-v-8a0e282b] {
  color: #6EE7B7;
}
.exp-resultado.negativo[data-v-8a0e282b] {
  color: #FCA5A5;
}
.exp-desc[data-v-8a0e282b] {
  font-size: 0.75rem;
  color: #E9D5FF;
  width: 100%;
}

/* Criterios section */
.criterios-section[data-v-8a0e282b] {
  margin: 1.5rem 0;
}
.criterios-titulo[data-v-8a0e282b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.criterios-grid[data-v-8a0e282b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.criterio[data-v-8a0e282b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.criterio.espontaneo[data-v-8a0e282b] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.criterio.equilibrio[data-v-8a0e282b] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.criterio.no-espontaneo[data-v-8a0e282b] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.crit-icono[data-v-8a0e282b] {
  font-size: 1rem;
  font-weight: 700;
}
.criterio.espontaneo .crit-icono[data-v-8a0e282b] { color: #6EE7B7;
}
.criterio.equilibrio .crit-icono[data-v-8a0e282b] { color: #FCD34D;
}
.criterio.no-espontaneo .crit-icono[data-v-8a0e282b] { color: #FCA5A5;
}
.crit-condicion[data-v-8a0e282b] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  flex: 1;
}
.crit-resultado[data-v-8a0e282b] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Estados section */
.estados-section[data-v-8a0e282b] {
  margin: 1.5rem 0;
}
.estados-titulo[data-v-8a0e282b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estados-visual[data-v-8a0e282b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.estado-item[data-v-8a0e282b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 65px;
}
.estado-icono[data-v-8a0e282b] {
  font-size: 1.5rem;
}
.estado-nombre[data-v-8a0e282b] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.estado-s[data-v-8a0e282b] {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.1rem 0.35rem;
  border-radius: 0.2rem;
}
.estado-s.bajo[data-v-8a0e282b] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.estado-s.medio[data-v-8a0e282b] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.estado-s.alto[data-v-8a0e282b] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.flecha-orden[data-v-8a0e282b] {
  font-size: 1rem;
  color: #FCD34D;
}
.estados-explicacion[data-v-8a0e282b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-8a0e282b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-8a0e282b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-8a0e282b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-8a0e282b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.criterios-grid[data-v-8a0e282b] {
    flex-direction: row;
}
.criterio[data-v-8a0e282b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.crit-condicion[data-v-8a0e282b] {
    flex: none;
}
.estados-visual[data-v-8a0e282b] {
    gap: 0.5rem;
}
.estado-item[data-v-8a0e282b] {
    min-width: 80px;
    padding: 0.75rem;
}
}

/* Fórmula card */
.formula-card[data-v-661a0fef] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-header[data-v-661a0fef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-661a0fef] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-661a0fef] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-principal[data-v-661a0fef] {
  text-align: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-661a0fef] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
}
.formula-nota[data-v-661a0fef] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Diferencia section */
.diferencia-section[data-v-661a0fef] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.diferencia-titulo[data-v-661a0fef] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diferencia-grid[data-v-661a0fef] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.dif-item[data-v-661a0fef] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.dif-item.entalpia[data-v-661a0fef] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.dif-item.entropia[data-v-661a0fef] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.dif-nombre[data-v-661a0fef] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.dif-formula[data-v-661a0fef] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.diferencia-explicacion[data-v-661a0fef] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Ejemplo section */
.ejemplo-section[data-v-661a0fef] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-661a0fef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-reaccion[data-v-661a0fef] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.rxn-ecuacion[data-v-661a0fef] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.datos-container[data-v-661a0fef] {
  margin-bottom: 0.75rem;
}
.datos-titulo[data-v-661a0fef] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-grid[data-v-661a0fef] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.dato[data-v-661a0fef] {
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.75rem;
  color: #FCD34D;
}
.solucion-container[data-v-661a0fef] {
  margin-bottom: 0.75rem;
}
.solucion-titulo[data-v-661a0fef] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.paso-calculo[data-v-661a0fef] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.paso-label[data-v-661a0fef] {
  font-size: 0.75rem;
  color: #C4B5FD;
  min-width: 70px;
}
.paso-operacion[data-v-661a0fef] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.paso-calculo.resultado[data-v-661a0fef] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.paso-calculo.resultado .paso-operacion strong[data-v-661a0fef] {
  color: #93C5FD;
}
.interpretacion[data-v-661a0fef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.interp-icono[data-v-661a0fef] {
  font-size: 1rem;
}
.interp-texto[data-v-661a0fef] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.interp-texto strong[data-v-661a0fef] {
  color: #6EE7B7;
}

/* Reglas section */
.reglas-section[data-v-661a0fef] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-661a0fef] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-661a0fef] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.regla[data-v-661a0fef] {
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
}
.regla.aumenta[data-v-661a0fef] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.regla.disminuye[data-v-661a0fef] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.regla-icono[data-v-661a0fef] {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.regla-titulo[data-v-661a0fef] {
  display: block;
  text-align: center;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.regla.aumenta .regla-titulo[data-v-661a0fef] { color: #6EE7B7;
}
.regla.disminuye .regla-titulo[data-v-661a0fef] { color: #FCA5A5;
}
.regla-lista[data-v-661a0fef] {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.regla-lista li[data-v-661a0fef] {
  margin-bottom: 0.15rem;
}

/* Tip PAES */
.tip-paes[data-v-661a0fef] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-661a0fef] {
  font-size: 1.25rem;
}
.tip-texto[data-v-661a0fef] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-661a0fef] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.diferencia-grid[data-v-661a0fef] {
    gap: 0.75rem;
}
.dif-item[data-v-661a0fef] {
    padding: 0.75rem;
}
.dif-formula[data-v-661a0fef] {
    font-size: 0.85rem;
}
.reglas-grid[data-v-661a0fef] {
    gap: 0.75rem;
}
.regla[data-v-661a0fef] {
    padding: 1rem 0.75rem;
}
.regla-lista[data-v-661a0fef] {
    font-size: 0.75rem;
}
}

.explorador[data-v-0290f8de] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-0290f8de] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-0290f8de] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-0290f8de] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-0290f8de] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-0290f8de] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-0290f8de] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-0290f8de] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-0290f8de] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-0290f8de] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-0290f8de] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Predecir ===== */
.predecir-container[data-v-0290f8de] {
  text-align: center;
}
.reaccion-mostrar[data-v-0290f8de] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-ecuacion[data-v-0290f8de] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.pregunta-signo[data-v-0290f8de] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-signo[data-v-0290f8de] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-signo[data-v-0290f8de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 2px solid;
}
.btn-signo.aumenta[data-v-0290f8de] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.btn-signo.disminuye[data-v-0290f8de] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-signo.seleccionado.aumenta[data-v-0290f8de] {
  background: rgba(16, 185, 129, 0.25);
  border-color: #10B981;
}
.btn-signo.seleccionado.disminuye[data-v-0290f8de] {
  background: rgba(239, 68, 68, 0.25);
  border-color: #EF4444;
}
.btn-signo.correcto[data-v-0290f8de] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-signo.incorrecto[data-v-0290f8de] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.signo-icono[data-v-0290f8de] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.signo-texto[data-v-0290f8de] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.signo-desc[data-v-0290f8de] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* ===== DESAFÍO 2: Ordenar ===== */
.ordenar-container[data-v-0290f8de] {
  text-align: center;
}
.ordenar-instruccion[data-v-0290f8de] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.ordenar-instruccion strong[data-v-0290f8de] {
  color: #FCD34D;
}
.sustancias-pool[data-v-0290f8de] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.sustancia-btn[data-v-0290f8de] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.sustancia-btn.seleccionado[data-v-0290f8de] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.sust-icono[data-v-0290f8de] {
  font-size: 1.25rem;
}
.sust-nombre[data-v-0290f8de] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.slots-orden[data-v-0290f8de] {
  margin-bottom: 1rem;
}
.slots-labels[data-v-0290f8de] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
  padding: 0 0.5rem;
}
.slots-row[data-v-0290f8de] {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  background: linear-gradient(to right, #3B82F6, #8B5CF6, #EF4444);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.slot-item[data-v-0290f8de] {
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  border: 2px dashed rgba(139, 92, 246, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: inherit;
}
.slot-item.seleccionable[data-v-0290f8de] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  animation: pulse-0290f8de 1s infinite;
}
@keyframes pulse-0290f8de {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.05);
}
}
.slot-item.ocupado[data-v-0290f8de] {
  border-style: solid;
  border-color: rgba(139, 92, 246, 0.6);
}
.slot-placeholder[data-v-0290f8de] {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1rem;
}
.sust-nombre-mini[data-v-0290f8de] {
  font-family: monospace;
  font-size: 0.65rem;
  color: #E9D5FF;
}
.botones-accion[data-v-0290f8de] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-verificar[data-v-0290f8de], .btn-reiniciar[data-v-0290f8de] {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
}
.btn-verificar[data-v-0290f8de] {
  background: #10B981;
  color: white;
}
.btn-reiniciar[data-v-0290f8de] {
  background: rgba(139, 92, 246, 0.3);
  color: #E9D5FF;
}

/* ===== DESAFÍO 3: Calcular ===== */
.calculo-container[data-v-0290f8de] {
  text-align: center;
}
.problema-ecuacion[data-v-0290f8de] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.datos-problema[data-v-0290f8de] {
  margin-bottom: 0.75rem;
}
.datos-titulo[data-v-0290f8de] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.datos-grid[data-v-0290f8de] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.dato-item[data-v-0290f8de] {
  display: flex;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.dato-compuesto[data-v-0290f8de] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.dato-valor[data-v-0290f8de] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.respuesta-input[data-v-0290f8de] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-0290f8de] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo-input[data-v-0290f8de] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.35rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo-input.negativo[data-v-0290f8de] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-numero[data-v-0290f8de] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-0290f8de] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-0290f8de] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-0290f8de] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.btn-verificar-mini[data-v-0290f8de] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar-mini[data-v-0290f8de]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-0290f8de] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-0290f8de] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-0290f8de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-0290f8de] { font-size: 1.25rem;
}
.resultado-texto[data-v-0290f8de] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-0290f8de] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-0290f8de] { flex: 1;
}
.nav-btn[data-v-0290f8de] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-0290f8de] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-0290f8de] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-0290f8de] { font-size: 1.75rem;
}
.completado-texto[data-v-0290f8de] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-0290f8de], .slide-leave-active[data-v-0290f8de] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-0290f8de] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-0290f8de] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-signo[data-v-0290f8de] {
    gap: 0.75rem;
}
.btn-signo[data-v-0290f8de] {
    padding: 1rem;
}
.slot-item[data-v-0290f8de] {
    width: 70px;
    height: 70px;
}
.datos-grid[data-v-0290f8de] {
    gap: 0.5rem;
}
.dato-item[data-v-0290f8de] {
    padding: 0.35rem 0.75rem;
}
}

/* Resumen header */
.resumen-header[data-v-4acde312] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-4acde312] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-4acde312] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-4acde312] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-4acde312] {
  font-size: 2rem;
}
.concepto-contenido[data-v-4acde312] {
  flex: 1;
}
.concepto-titulo[data-v-4acde312] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.concepto-descripcion[data-v-4acde312] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
strong.destacado[data-v-4acde312] {
  color: #FCD34D;
}

/* Fórmulas section */
.formulas-section[data-v-4acde312] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-4acde312] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-4acde312] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-4acde312] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-4acde312] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-4acde312] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Ley section */
.ley-section[data-v-4acde312] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.ley-header[data-v-4acde312] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ley-numero[data-v-4acde312] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 800;
  color: white;
}
.ley-titulo[data-v-4acde312] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ley-texto[data-v-4acde312] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}

/* Signos section */
.signos-section[data-v-4acde312] {
  margin-bottom: 1.5rem;
}
.signos-titulo[data-v-4acde312] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.signos-grid[data-v-4acde312] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.signo-card[data-v-4acde312] {
  padding: 0.6rem 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.signo-card.positivo[data-v-4acde312] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.signo-card.negativo[data-v-4acde312] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.signo-valor[data-v-4acde312] {
  display: block;
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.signo-card.positivo .signo-valor[data-v-4acde312] { color: #6EE7B7;
}
.signo-card.negativo .signo-valor[data-v-4acde312] { color: #FCA5A5;
}
.signo-desc[data-v-4acde312] {
  display: block;
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.signo-ejemplos[data-v-4acde312] {
  margin: 0;
  padding-left: 1rem;
  text-align: left;
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.4;
}

/* Orden section */
.orden-section[data-v-4acde312] {
  margin-bottom: 1.5rem;
}
.orden-titulo[data-v-4acde312] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-visual[data-v-4acde312] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.orden-item[data-v-4acde312] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 55px;
}
.orden-icono[data-v-4acde312] {
  font-size: 1.25rem;
}
.orden-estado[data-v-4acde312] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.orden-s[data-v-4acde312] {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
  margin-top: 0.15rem;
}
.orden-s.bajo[data-v-4acde312] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.orden-s.medio[data-v-4acde312] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.orden-s.alto[data-v-4acde312] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.orden-flecha[data-v-4acde312] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Diferencia section */
.diferencia-section[data-v-4acde312] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.diferencia-titulo[data-v-4acde312] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.diferencia-contenido[data-v-4acde312] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.dif-item[data-v-4acde312] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dif-item.destacado[data-v-4acde312] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.dif-label[data-v-4acde312] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dif-valor[data-v-4acde312] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.diferencia-nota[data-v-4acde312] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}

/* Tips section */
.tips-section[data-v-4acde312] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-4acde312] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-4acde312] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-4acde312] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-numero[data-v-4acde312] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  min-width: 22px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-4acde312] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-4acde312] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-4acde312] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-4acde312] {
  font-size: 2rem;
}
.final-texto[data-v-4acde312] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-4acde312] {
    gap: 0.75rem;
}
.formula-item[data-v-4acde312] {
    padding: 0.75rem;
}
.formula-ecuacion[data-v-4acde312] {
    font-size: 0.85rem;
}
.signos-grid[data-v-4acde312] {
    gap: 0.75rem;
}
.signo-card[data-v-4acde312] {
    padding: 0.75rem;
}
.signo-ejemplos[data-v-4acde312] {
    font-size: 0.7rem;
}
.orden-visual[data-v-4acde312] {
    gap: 0.5rem;
}
.orden-item[data-v-4acde312] {
    min-width: 70px;
    padding: 0.5rem 0.75rem;
}
.diferencia-contenido[data-v-4acde312] {
    flex-direction: row;
}
.dif-item[data-v-4acde312] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-d5641f7d] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.equilibrio-demo[data-v-d5641f7d] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
}
.lado-reactivos[data-v-d5641f7d], .lado-productos[data-v-d5641f7d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.lado-reactivos[data-v-d5641f7d] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.lado-productos[data-v-d5641f7d] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.label-lado[data-v-d5641f7d] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.moleculas[data-v-d5641f7d] {
  display: flex;
  gap: 0.25rem;
}
.molecula[data-v-d5641f7d] {
  font-size: 1rem;
  animation: pulse-molecule-d5641f7d 2s ease-in-out infinite;
}
.molecula.azul[data-v-d5641f7d] { color: #60A5FA;
}
.molecula.verde[data-v-d5641f7d] { color: #34D399;
}
.molecula.roja[data-v-d5641f7d] { color: #F87171;
}
@keyframes pulse-molecule-d5641f7d {
0%, 100% { transform: scale(1); opacity: 1;
}
50% { transform: scale(1.2); opacity: 0.8;
}
}
.flechas-equilibrio[data-v-d5641f7d] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flecha[data-v-d5641f7d] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: bold;
}

/* Texto destacado */
strong.destacado[data-v-d5641f7d] {
  color: #FCD34D;
}

/* Concepto card */
.concepto-card[data-v-d5641f7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-d5641f7d] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-d5641f7d] {
  flex: 1;
}
.concepto-titulo[data-v-d5641f7d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-d5641f7d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-d5641f7d] {
  color: #FFFFFF;
}

/* Características */
.caracteristicas-section[data-v-d5641f7d] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-d5641f7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caracteristicas-grid[data-v-d5641f7d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.caracteristica[data-v-d5641f7d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.car-icono[data-v-d5641f7d] {
  font-size: 1.1rem;
}
.car-texto[data-v-d5641f7d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.car-texto strong[data-v-d5641f7d] {
  color: #FFFFFF;
}

/* Analogía */
.analogia-section[data-v-d5641f7d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-d5641f7d] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.analogia-contenido[data-v-d5641f7d] {
  text-align: center;
}
.analogia-visual[data-v-d5641f7d] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.fuera[data-v-d5641f7d], .dentro[data-v-d5641f7d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 60px;
}
.personas[data-v-d5641f7d] {
  font-size: 1.5rem;
}
.label[data-v-d5641f7d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.puerta[data-v-d5641f7d] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.3rem;
}
.flecha-entrada[data-v-d5641f7d], .flecha-salida[data-v-d5641f7d] {
  font-size: 1rem;
  color: #6EE7B7;
}
.analogia-explicacion[data-v-d5641f7d] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.analogia-explicacion strong[data-v-d5641f7d] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-d5641f7d] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-d5641f7d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.reaccion-ejemplo[data-v-d5641f7d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula[data-v-d5641f7d] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.nombre[data-v-d5641f7d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-d5641f7d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d5641f7d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d5641f7d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d5641f7d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.equilibrio-demo[data-v-d5641f7d] {
    gap: 1.5rem;
}
.lado-reactivos[data-v-d5641f7d], .lado-productos[data-v-d5641f7d] {
    padding: 1rem;
    min-width: 100px;
}
.molecula[data-v-d5641f7d] {
    font-size: 1.25rem;
}
.flecha[data-v-d5641f7d] {
    font-size: 2rem;
}
.caracteristicas-grid[data-v-d5641f7d] {
    gap: 0.75rem;
}
.caracteristica[data-v-d5641f7d] {
    padding: 0.75rem;
}
}

/* Intro visual */
.intro-visual[data-v-a6e72c4f] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.keq-formula-grande[data-v-a6e72c4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.keq-nombre[data-v-a6e72c4f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.keq-igual[data-v-a6e72c4f] {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.keq-fraccion[data-v-a6e72c4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-a6e72c4f], .denominador[data-v-a6e72c4f] {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
}
.numerador[data-v-a6e72c4f] {
  color: #6EE7B7;
}
.denominador[data-v-a6e72c4f] {
  color: #93C5FD;
}
.linea[data-v-a6e72c4f] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Texto destacado */
strong.destacado[data-v-a6e72c4f] {
  color: #FCD34D;
}

/* Fórmula section */
.formula-section[data-v-a6e72c4f] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-a6e72c4f] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.reaccion-general[data-v-a6e72c4f] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-a6e72c4f] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
}
.keq-completa[data-v-a6e72c4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.keq-texto[data-v-a6e72c4f] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion-completa[data-v-a6e72c4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num[data-v-a6e72c4f], .den[data-v-a6e72c4f] {
  font-family: monospace;
  font-size: 0.9rem;
  padding: 0.2rem 0.4rem;
}
.num[data-v-a6e72c4f] { color: #6EE7B7;
}
.den[data-v-a6e72c4f] { color: #93C5FD;
}
.linea-f[data-v-a6e72c4f] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}

/* Interpretación */
.interpretacion-section[data-v-a6e72c4f] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a6e72c4f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.interpretacion-grid[data-v-a6e72c4f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.interp-item[data-v-a6e72c4f] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.interp-valor[data-v-a6e72c4f] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.interp-barra[data-v-a6e72c4f] {
  height: 8px;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.35rem;
}
.barra-productos[data-v-a6e72c4f] {
  height: 100%;
  background: linear-gradient(90deg, #10B981, #6EE7B7);
  border-radius: 4px;
}
.interp-texto[data-v-a6e72c4f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
strong.productos[data-v-a6e72c4f] { color: #6EE7B7;
}
strong.reactivos[data-v-a6e72c4f] { color: #93C5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-a6e72c4f] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-a6e72c4f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-a6e72c4f] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ej[data-v-a6e72c4f] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-ej[data-v-a6e72c4f] {
  display: block;
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.temp[data-v-a6e72c4f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.keq-ejemplo[data-v-a6e72c4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.keq-ex-formula[data-v-a6e72c4f] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.fraccion-ej[data-v-a6e72c4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.num-ej[data-v-a6e72c4f], .den-ej[data-v-a6e72c4f] {
  font-family: monospace;
  font-size: 0.85rem;
  padding: 0.15rem 0.35rem;
}
.num-ej[data-v-a6e72c4f] { color: #6EE7B7;
}
.den-ej[data-v-a6e72c4f] { color: #93C5FD;
}
.linea-ej[data-v-a6e72c4f] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
}
.keq-ex-valor[data-v-a6e72c4f] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.interpretacion-ej[data-v-a6e72c4f] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.3rem;
}
.interp-icono[data-v-a6e72c4f] {
  color: #6EE7B7;
}
.interp-msg[data-v-a6e72c4f] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.interp-msg strong[data-v-a6e72c4f] {
  color: #6EE7B7;
}

/* Reglas section */
.reglas-section[data-v-a6e72c4f] {
  margin: 1.5rem 0;
}
.reglas-titulo[data-v-a6e72c4f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-a6e72c4f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.regla[data-v-a6e72c4f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.4rem;
}
.regla-icono[data-v-a6e72c4f] {
  font-size: 1rem;
}
.regla-texto[data-v-a6e72c4f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.regla-texto strong[data-v-a6e72c4f] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-a6e72c4f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a6e72c4f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a6e72c4f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a6e72c4f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.keq-nombre[data-v-a6e72c4f] {
    font-size: 2rem;
}
.numerador[data-v-a6e72c4f], .denominador[data-v-a6e72c4f] {
    font-size: 1rem;
}
.interpretacion-grid[data-v-a6e72c4f] {
    flex-direction: row;
}
.interp-item[data-v-a6e72c4f] {
    flex: 1;
}
}

/* Intro visual */
.intro-visual[data-v-a9942b7b] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.balanza-equilibrio[data-v-a9942b7b] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.5rem;
}
.platillo[data-v-a9942b7b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 70px;
}
.platillo.izq[data-v-a9942b7b] {
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.platillo.der[data-v-a9942b7b] {
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.platillo-label[data-v-a9942b7b] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.platillo-icono[data-v-a9942b7b] {
  font-size: 1.25rem;
}
.fulcro[data-v-a9942b7b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 50%;
}
.perturbacion[data-v-a9942b7b] {
  font-size: 1.25rem;
  animation: pulse-a9942b7b 1s infinite;
}
@keyframes pulse-a9942b7b {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.2);
}
}

/* Texto destacado */
strong.destacado[data-v-a9942b7b] {
  color: #FCD34D;
}

/* Concepto card */
.concepto-card[data-v-a9942b7b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-a9942b7b] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-a9942b7b] {
  flex: 1;
}
.concepto-titulo[data-v-a9942b7b] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-a9942b7b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-a9942b7b] {
  color: #FFFFFF;
}

/* Factores section */
.factores-section[data-v-a9942b7b] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a9942b7b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factor-card[data-v-a9942b7b] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.factor-header[data-v-a9942b7b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.factor-icono[data-v-a9942b7b] {
  font-size: 1rem;
}
.factor-nombre[data-v-a9942b7b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.factor-nota[data-v-a9942b7b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.factor-contenido[data-v-a9942b7b] {
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.efecto[data-v-a9942b7b] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.cambio[data-v-a9942b7b] {
  font-weight: 600;
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.cambio.aumenta[data-v-a9942b7b] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.cambio.disminuye[data-v-a9942b7b] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.flecha-efecto[data-v-a9942b7b] {
  color: #FCD34D;
}
.resultado[data-v-a9942b7b] {
  color: #E9D5FF;
}
.resultado strong[data-v-a9942b7b] {
  color: #6EE7B7;
}

/* Catalizador */
.catalizador-section[data-v-a9942b7b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.cat-header[data-v-a9942b7b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.cat-icono[data-v-a9942b7b] {
  font-size: 1.1rem;
}
.cat-titulo[data-v-a9942b7b] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.cat-contenido[data-v-a9942b7b] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.cat-resultado[data-v-a9942b7b] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.cat-explicacion[data-v-a9942b7b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cat-explicacion strong[data-v-a9942b7b] {
  color: #FCD34D;
}

/* Ejemplo section */
.ejemplo-section[data-v-a9942b7b] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-a9942b7b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-a9942b7b] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ej[data-v-a9942b7b] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-ej[data-v-a9942b7b] {
  display: block;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.delta-h[data-v-a9942b7b] {
  display: block;
  font-size: 0.75rem;
  color: #FCA5A5;
  margin-top: 0.2rem;
}
.condiciones-grid[data-v-a9942b7b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.condicion[data-v-a9942b7b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  flex-wrap: wrap;
}
.cond-cambio[data-v-a9942b7b] {
  font-weight: 600;
  color: #FCD34D;
  font-size: 0.8rem;
}
.cond-efecto[data-v-a9942b7b] {
  color: #6EE7B7;
  font-weight: 600;
  font-size: 0.8rem;
}
.cond-razon[data-v-a9942b7b] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-a9942b7b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a9942b7b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a9942b7b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a9942b7b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.balanza-equilibrio[data-v-a9942b7b] {
    gap: 1rem;
}
.platillo[data-v-a9942b7b] {
    min-width: 90px;
    padding: 0.75rem;
}
.platillo-icono[data-v-a9942b7b] {
    font-size: 1.5rem;
}
.factor-contenido[data-v-a9942b7b] {
    flex-direction: row;
    justify-content: space-around;
}
.condiciones-grid[data-v-a9942b7b] {
    flex-direction: row;
}
.condicion[data-v-a9942b7b] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

.explorador[data-v-a44be350] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a44be350] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a44be350] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-a44be350] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-a44be350] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-a44be350] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a44be350] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a44be350] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a44be350] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a44be350] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a44be350] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Keq ===== */
.keq-container[data-v-a44be350] {
  text-align: center;
}
.reaccion-dada[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.reaccion-label[data-v-a44be350] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.reaccion-formula[data-v-a44be350] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.keq-pregunta[data-v-a44be350] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.keq-label[data-v-a44be350] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.keq-construccion[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.keq-numerador[data-v-a44be350], .keq-denominador[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.slot-label[data-v-a44be350] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.opciones-keq[data-v-a44be350] {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  justify-content: center;
}
.btn-opcion[data-v-a44be350] {
  padding: 0.4rem 0.6rem;
  font-family: monospace;
  font-size: 0.8rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-a44be350]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-a44be350] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-a44be350] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-a44be350] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.keq-linea[data-v-a44be350] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.25rem 0;
}

/* ===== DESAFÍO 2: Interpretar ===== */
.interpretacion-container[data-v-a44be350] {
  text-align: center;
}
.keq-valor-dado[data-v-a44be350] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.keq-grande[data-v-a44be350] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-interp[data-v-a44be350] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-interpretacion[data-v-a44be350] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.btn-interp[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 80px;
  font-family: inherit;
}
.btn-interp.seleccionado[data-v-a44be350] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-interp.correcto[data-v-a44be350] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-interp.incorrecto[data-v-a44be350] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.interp-icono[data-v-a44be350] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.interp-texto[data-v-a44be350] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Le Chatelier ===== */
.lechatelier-container[data-v-a44be350] {
  text-align: center;
}
.reaccion-simulador[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.formula-sim[data-v-a44be350] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.tipo-sim[data-v-a44be350] {
  font-size: 0.75rem;
  color: #FCA5A5;
}
.equilibrio-visual[data-v-a44be350] {
  display: flex;
  align-items: stretch;
  height: 80px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
}
.lado[data-v-a44be350] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  transition: flex 0.5s ease;
}
.reactivos-lado[data-v-a44be350] {
  background: rgba(59, 130, 246, 0.2);
}
.productos-lado[data-v-a44be350] {
  background: rgba(16, 185, 129, 0.2);
}
.lado-label[data-v-a44be350] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.moleculas-sim[data-v-a44be350] {
  display: flex;
  gap: 0.2rem;
  flex-wrap: wrap;
  justify-content: center;
}
.mol-r[data-v-a44be350] {
  font-size: 0.9rem;
  color: #60A5FA;
}
.mol-p[data-v-a44be350] {
  font-size: 0.9rem;
  color: #34D399;
}
.marcador-eq[data-v-a44be350] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #FCD34D;
  transform: translateX(-50%);
  transition: left 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-arrow[data-v-a44be350] {
  position: absolute;
  color: #FCD34D;
  font-size: 1rem;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
}
.pregunta-lc[data-v-a44be350] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.controles-lc[data-v-a44be350] {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-direccion[data-v-a44be350] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  font-weight: 600;
}
.btn-direccion[data-v-a44be350]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-direccion.seleccionado[data-v-a44be350] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-direccion.correcto[data-v-a44be350] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-direccion.incorrecto[data-v-a44be350] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.d3-correcto[data-v-a44be350] {
  margin-top: 0.75rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Elementos compartidos */
.btn-verificar[data-v-a44be350] {
  padding: 0.6rem 1.5rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  margin-top: 0.5rem;
}
.feedback-error[data-v-a44be350] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-a44be350] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-a44be350] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a44be350] { font-size: 1.25rem;
}
.resultado-texto[data-v-a44be350] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-a44be350] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-a44be350] { flex: 1;
}
.nav-btn[data-v-a44be350] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a44be350] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a44be350] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a44be350] { font-size: 1.75rem;
}
.completado-texto[data-v-a44be350] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a44be350], .slide-leave-active[data-v-a44be350] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a44be350] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a44be350] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.equilibrio-visual[data-v-a44be350] {
    height: 100px;
}
.controles-lc[data-v-a44be350] {
    gap: 0.75rem;
}
.btn-direccion[data-v-a44be350] {
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
}
}

/* Header visual */
.resumen-header[data-v-cbaf6286] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-cbaf6286] {
  font-size: 2rem;
}
.resumen-titulo-visual[data-v-cbaf6286] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}

/* Concepto central */
.concepto-central[data-v-cbaf6286] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
}
.concepto-central p[data-v-cbaf6286] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #E9D5FF;
}
strong.destacado[data-v-cbaf6286] {
  color: #FCD34D;
}

/* Puntos clave */
.puntos-clave[data-v-cbaf6286] {
  margin-bottom: 1.5rem;
}
.punto-titulo[data-v-cbaf6286] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.punto-card[data-v-cbaf6286] {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.punto-header[data-v-cbaf6286] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.punto-icono[data-v-cbaf6286] {
  font-size: 1rem;
}
.punto-nombre[data-v-cbaf6286] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.punto-contenido[data-v-cbaf6286] {
  padding: 0.75rem;
}
.formula-resumen[data-v-cbaf6286] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.interpretacion-rapida[data-v-cbaf6286] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
}
.interp-item[data-v-cbaf6286] {
  color: #E9D5FF;
}
strong.productos[data-v-cbaf6286] { color: #6EE7B7;
}
strong.reactivos[data-v-cbaf6286] { color: #93C5FD;
}

/* Le Chatelier grid */
.chatelier-grid[data-v-cbaf6286] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.chat-item[data-v-cbaf6286] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
  text-align: center;
}
.chat-item.catalizador[data-v-cbaf6286] {
  background: rgba(245, 158, 11, 0.1);
}
.chat-factor[data-v-cbaf6286] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}
.chat-efecto[data-v-cbaf6286] {
  font-size: 0.7rem;
  color: #6EE7B7;
}
.chat-item.catalizador .chat-efecto[data-v-cbaf6286] {
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes-section[data-v-cbaf6286] {
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-cbaf6286] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-cbaf6286] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-cbaf6286] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-num[data-v-cbaf6286] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.tip-text[data-v-cbaf6286] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-text strong[data-v-cbaf6286] {
  color: #6EE7B7;
}

/* Fórmulas section */
.formulas-section[data-v-cbaf6286] {
  margin-bottom: 1.5rem;
}
.formulas-titulo[data-v-cbaf6286] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-cbaf6286] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-item[data-v-cbaf6286] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.4rem;
}
.formula-nombre[data-v-cbaf6286] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.formula-expr[data-v-cbaf6286] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Cierre */
.cierre[data-v-cbaf6286] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.cierre-icono[data-v-cbaf6286] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-cbaf6286] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.cierre-texto strong[data-v-cbaf6286] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-header[data-v-cbaf6286] {
    padding: 1.25rem;
}
.resumen-icono[data-v-cbaf6286] {
    font-size: 2.5rem;
}
.resumen-titulo-visual[data-v-cbaf6286] {
    font-size: 1.5rem;
}
.interpretacion-rapida[data-v-cbaf6286] {
    flex-direction: row;
    justify-content: space-around;
}
.chatelier-grid[data-v-cbaf6286] {
    grid-template-columns: repeat(4, 1fr);
}
.tips-grid[data-v-cbaf6286] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-167cbbc4] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.velocidad-demo[data-v-167cbbc4] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.5rem;
}
.reaccion[data-v-167cbbc4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.reaccion.lenta[data-v-167cbbc4] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.reaccion.rapida[data-v-167cbbc4] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.reaccion-icono[data-v-167cbbc4] {
  font-size: 1.75rem;
}
.reaccion-label[data-v-167cbbc4] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.flecha-transforma[data-v-167cbbc4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.flecha-icono[data-v-167cbbc4] {
  font-size: 1.5rem;
  animation: pulse-167cbbc4 2s infinite;
}
@keyframes pulse-167cbbc4 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.1);
}
}
.flecha-texto[data-v-167cbbc4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Texto destacado */
strong.destacado[data-v-167cbbc4] {
  color: #FCD34D;
}

/* Teoría card */
.teoria-card[data-v-167cbbc4] {
  display: flex;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.teoria-icono[data-v-167cbbc4] {
  font-size: 1.75rem;
}
.teoria-contenido[data-v-167cbbc4] {
  flex: 1;
}
.teoria-titulo[data-v-167cbbc4] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.35rem;
}
.teoria-texto[data-v-167cbbc4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.teoria-requisitos[data-v-167cbbc4] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.requisito[data-v-167cbbc4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.req-num[data-v-167cbbc4] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FCD34D;
}
.req-texto[data-v-167cbbc4] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.req-texto strong[data-v-167cbbc4] {
  color: #FFFFFF;
}

/* Factores section */
.factores-section[data-v-167cbbc4] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-167cbbc4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-167cbbc4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-preview[data-v-167cbbc4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.factor-preview.temperatura[data-v-167cbbc4] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.factor-preview.concentracion[data-v-167cbbc4] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.factor-preview.superficie[data-v-167cbbc4] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.factor-preview.naturaleza[data-v-167cbbc4] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.factor-icono[data-v-167cbbc4] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.factor-nombre[data-v-167cbbc4] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Regla card */
.regla-card[data-v-167cbbc4] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.regla-header[data-v-167cbbc4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.regla-icono[data-v-167cbbc4] {
  font-size: 1.1rem;
}
.regla-titulo[data-v-167cbbc4] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.regla-contenido[data-v-167cbbc4] {
  padding: 0.75rem;
}
.regla-texto[data-v-167cbbc4] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
strong.aumenta[data-v-167cbbc4] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-167cbbc4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-167cbbc4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-167cbbc4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-167cbbc4] {
  color: #C4B5FD;
}

/* Desktop */
@media (min-width: 640px) {
.velocidad-demo[data-v-167cbbc4] {
    gap: 1rem;
}
.reaccion[data-v-167cbbc4] {
    padding: 1rem;
}
.reaccion-icono[data-v-167cbbc4] {
    font-size: 2rem;
}
.factores-grid[data-v-167cbbc4] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-preview[data-v-167cbbc4] {
    padding: 0.75rem 0.5rem;
}
.factor-icono[data-v-167cbbc4] {
    font-size: 1.75rem;
}
.factor-nombre[data-v-167cbbc4] {
    font-size: 0.8rem;
}
}

/* Header visual */
.factor-header-visual[data-v-2e283c8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.factor-icono-grande[data-v-2e283c8d] {
  font-size: 2.5rem;
}
.factor-efecto[data-v-2e283c8d] {
  text-align: center;
}
.efecto-formula[data-v-2e283c8d] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCA5A5;
}

/* Visualización molecular */
.visualizacion-section[data-v-2e283c8d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.visual-titulo[data-v-2e283c8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.moleculas-comparacion[data-v-2e283c8d] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.moleculas-estado[data-v-2e283c8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.moleculas-estado.frio[data-v-2e283c8d] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.moleculas-estado.caliente[data-v-2e283c8d] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.estado-temp[data-v-2e283c8d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.particulas-visual[data-v-2e283c8d] {
  display: flex;
  gap: 0.35rem;
  margin: 0.35rem 0;
}
.particula[data-v-2e283c8d] {
  font-size: 0.9rem;
  color: #8B5CF6;
}
.particula.lenta[data-v-2e283c8d] {
  animation: moveLento-2e283c8d 2s ease-in-out infinite;
}
.particula.rapida[data-v-2e283c8d] {
  animation: moveRapido-2e283c8d 0.3s ease-in-out infinite;
  color: #F59E0B;
}
@keyframes moveLento-2e283c8d {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(2px);
}
}
@keyframes moveRapido-2e283c8d {
0%, 100% { transform: translate(0, 0);
}
25% { transform: translate(3px, -2px);
}
50% { transform: translate(-2px, 3px);
}
75% { transform: translate(2px, 2px);
}
}
.estado-desc[data-v-2e283c8d] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.flecha-cambio[data-v-2e283c8d] {
  font-size: 1.25rem;
  color: #C4B5FD;
}

/* Efectos section */
.efectos-section[data-v-2e283c8d] {
  margin: 1.5rem 0;
}
.efectos-titulo[data-v-2e283c8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.efectos-lista[data-v-2e283c8d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.efecto-item[data-v-2e283c8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.efecto-num[data-v-2e283c8d] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCA5A5;
}
.efecto-contenido[data-v-2e283c8d] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.efecto-nombre[data-v-2e283c8d] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.efecto-razon[data-v-2e283c8d] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Regla card */
.regla-card[data-v-2e283c8d] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.regla-header[data-v-2e283c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
}
.regla-icono[data-v-2e283c8d] {
  font-size: 1.1rem;
}
.regla-titulo[data-v-2e283c8d] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.regla-contenido[data-v-2e283c8d] {
  padding: 0.75rem;
}
.regla-texto[data-v-2e283c8d] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.regla-texto strong[data-v-2e283c8d] {
  color: #FFFFFF;
}
strong.destacado[data-v-2e283c8d] {
  color: #FCD34D;
}
.regla-ejemplo[data-v-2e283c8d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-flecha[data-v-2e283c8d] {
  color: #FCD34D;
}

/* Ejemplos section */
.ejemplos-section[data-v-2e283c8d] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-2e283c8d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-2e283c8d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-item[data-v-2e283c8d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-icono[data-v-2e283c8d] {
  font-size: 1.25rem;
}
.ej-texto[data-v-2e283c8d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-2e283c8d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2e283c8d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2e283c8d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2e283c8d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.factor-header-visual[data-v-2e283c8d] {
    gap: 1.5rem;
}
.factor-icono-grande[data-v-2e283c8d] {
    font-size: 3rem;
}
.efecto-formula[data-v-2e283c8d] {
    font-size: 1.25rem;
}
.moleculas-comparacion[data-v-2e283c8d] {
    gap: 1rem;
}
.moleculas-estado[data-v-2e283c8d] {
    padding: 0.75rem;
    min-width: 120px;
}
.ejemplos-grid[data-v-2e283c8d] {
    flex-direction: row;
}
.ejemplo-item[data-v-2e283c8d] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
}
.ej-icono[data-v-2e283c8d] {
    font-size: 1.5rem;
}
}

/* Header visual */
.factor-header-visual[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.factor-icono-grande[data-v-1b0f2744] {
  font-size: 2.5rem;
}
.factor-efecto[data-v-1b0f2744] {
  text-align: center;
}
.efecto-formula[data-v-1b0f2744] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
}

/* Visualización */
.visualizacion-section[data-v-1b0f2744] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.visual-titulo[data-v-1b0f2744] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.concentracion-visual[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.recipiente[data-v-1b0f2744] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.recipiente.diluido[data-v-1b0f2744] {
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.recipiente.concentrado[data-v-1b0f2744] {
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.6);
}
.rec-label[data-v-1b0f2744] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.particulas-contenedor[data-v-1b0f2744] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  width: 60px;
  height: 40px;
  align-content: center;
}
.mol[data-v-1b0f2744] {
  font-size: 0.7rem;
  color: #3B82F6;
}
.rec-desc[data-v-1b0f2744] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.35rem;
}
.flecha-cambio[data-v-1b0f2744] {
  font-size: 1.25rem;
  color: #C4B5FD;
}

/* Ley card */
.ley-card[data-v-1b0f2744] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ley-header[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
}
.ley-icono[data-v-1b0f2744] {
  font-size: 1.1rem;
}
.ley-titulo[data-v-1b0f2744] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.ley-contenido[data-v-1b0f2744] {
  padding: 0.75rem;
}
.formula-principal[data-v-1b0f2744] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-1b0f2744] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.formula-explicacion[data-v-1b0f2744] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.exp-item[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.exp-simbolo[data-v-1b0f2744] {
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 50px;
}
.exp-desc[data-v-1b0f2744] {
  color: #E9D5FF;
}

/* Órdenes section */
.ordenes-section[data-v-1b0f2744] {
  margin: 1.5rem 0;
}
.ordenes-titulo[data-v-1b0f2744] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.ordenes-grid[data-v-1b0f2744] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.orden-card[data-v-1b0f2744] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  border-radius: 0.5rem;
  text-align: center;
}
.orden-card.orden-1[data-v-1b0f2744] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.orden-card.orden-2[data-v-1b0f2744] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.orden-card.orden-3[data-v-1b0f2744] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.orden-valor[data-v-1b0f2744] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.orden-formula[data-v-1b0f2744] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.orden-efecto[data-v-1b0f2744] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo section */
.ejemplo-section[data-v-1b0f2744] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.15);
}
.ejemplo-header .ej-icono[data-v-1b0f2744] {
  font-size: 1.1rem;
}
.ej-titulo[data-v-1b0f2744] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ejemplo-contenido[data-v-1b0f2744] {
  padding: 0.75rem;
}
.ejemplo-contenido p[data-v-1b0f2744] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
strong.destacado[data-v-1b0f2744] {
  color: #FCD34D;
}
.ejemplo-visual[data-v-1b0f2744] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.fuego-estado[data-v-1b0f2744] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.fuego-icono[data-v-1b0f2744] {
  font-size: 1.75rem;
}
.fuego-icono.grande[data-v-1b0f2744] {
  font-size: 2.5rem;
}
.fuego-label[data-v-1b0f2744] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha[data-v-1b0f2744] {
  font-size: 1.25rem;
  color: #C4B5FD;
}

/* Importante card */
.importante-card[data-v-1b0f2744] {
  display: flex;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.imp-icono[data-v-1b0f2744] {
  font-size: 1.25rem;
}
.imp-contenido[data-v-1b0f2744] {
  flex: 1;
}
.imp-titulo[data-v-1b0f2744] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.25rem;
}
.imp-texto[data-v-1b0f2744] {
  margin: 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.imp-texto strong[data-v-1b0f2744] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-1b0f2744] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1b0f2744] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1b0f2744] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1b0f2744] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.factor-header-visual[data-v-1b0f2744] {
    gap: 1.5rem;
}
.factor-icono-grande[data-v-1b0f2744] {
    font-size: 3rem;
}
.efecto-formula[data-v-1b0f2744] {
    font-size: 1.25rem;
}
.concentracion-visual[data-v-1b0f2744] {
    gap: 1rem;
}
.recipiente[data-v-1b0f2744] {
    padding: 0.75rem;
    min-width: 130px;
}
.particulas-contenedor[data-v-1b0f2744] {
    width: 70px;
    height: 50px;
}
.ordenes-grid[data-v-1b0f2744] {
    gap: 0.75rem;
}
.orden-card[data-v-1b0f2744] {
    padding: 0.75rem;
}
.orden-valor[data-v-1b0f2744] {
    font-size: 0.8rem;
}
.orden-formula[data-v-1b0f2744] {
    font-size: 0.85rem;
}
.orden-efecto[data-v-1b0f2744] {
    font-size: 0.7rem;
}
}

/* Factor section */
.factor-section[data-v-52a34614] {
  margin: 1rem 0 1.5rem;
  border-radius: 0.75rem;
  overflow: hidden;
}
.factor-section.superficie[data-v-52a34614] {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.factor-section.naturaleza[data-v-52a34614] {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.factor-header[data-v-52a34614] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.factor-num[data-v-52a34614] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.factor-icono[data-v-52a34614] {
  font-size: 1.25rem;
}
.factor-nombre[data-v-52a34614] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.factor-contenido[data-v-52a34614] {
  padding: 0.75rem;
}
.efecto-principal[data-v-52a34614] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.efecto-texto[data-v-52a34614] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.95rem;
}
.factor-explicacion[data-v-52a34614] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.factor-explicacion strong[data-v-52a34614] {
  color: #FFFFFF;
}

/* Superficie visual */
.superficie-visual[data-v-52a34614] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 0.75rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.solido-estado[data-v-52a34614] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.cubo-visual[data-v-52a34614] {
  width: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cubo[data-v-52a34614] {
  font-size: 2rem;
}
.particulas-visual[data-v-52a34614] {
  display: flex;
  flex-wrap: wrap;
  width: 50px;
  height: 40px;
  justify-content: center;
  align-content: center;
  gap: 0.2rem;
}
.p-small[data-v-52a34614] {
  font-size: 0.6rem;
  color: #92400E;
}
.solido-label[data-v-52a34614] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}
.solido-area[data-v-52a34614] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.flecha[data-v-52a34614] {
  font-size: 1.25rem;
  color: #C4B5FD;
}

/* Ejemplos mini */
.ejemplos-mini[data-v-52a34614] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.ej-mini[data-v-52a34614] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.ej-mini .ej-icono[data-v-52a34614] {
  font-size: 1rem;
}
.ej-mini .ej-texto[data-v-52a34614] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Naturaleza comparación */
.naturaleza-comparacion[data-v-52a34614] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.tipo-reaccion[data-v-52a34614] {
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.tipo-reaccion.rapida[data-v-52a34614] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.tipo-reaccion.lenta[data-v-52a34614] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tipo-titulo[data-v-52a34614] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
  margin-bottom: 0.35rem;
}
.tipo-ejemplos[data-v-52a34614] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-bottom: 0.35rem;
}
.tipo-ej[data-v-52a34614] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tipo-razon[data-v-52a34614] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo naturaleza */
.ejemplo-naturaleza[data-v-52a34614] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-header[data-v-52a34614] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ej-comparacion[data-v-52a34614] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.ej-caso[data-v-52a34614] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.ej-reaccion[data-v-52a34614] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.ej-velocidad[data-v-52a34614] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
}
.ej-velocidad.rapida[data-v-52a34614] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ej-velocidad.lenta[data-v-52a34614] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.vs[data-v-52a34614] {
  font-size: 0.7rem;
  color: #8B5CF6;
  font-weight: 600;
}

/* Resumen factores */
.resumen-factores[data-v-52a34614] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-52a34614] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-factores[data-v-52a34614] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-52a34614] {
  display: flex;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-52a34614]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-52a34614] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.header .col[data-v-52a34614] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
}
.col[data-v-52a34614] {
  flex: 1;
  font-size: 0.7rem;
  color: #E9D5FF;
  display: flex;
  align-items: center;
}
.col.factor-col[data-v-52a34614] {
  flex: 1.2;
}
.col.afecta-si[data-v-52a34614] {
  color: #6EE7B7;
  font-weight: 600;
}
.col.afecta-no[data-v-52a34614] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tip PAES */
.tip-paes[data-v-52a34614] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-52a34614] {
  font-size: 1.25rem;
}
.tip-texto[data-v-52a34614] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-52a34614] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.naturaleza-comparacion[data-v-52a34614] {
    flex-direction: row;
}
.tipo-reaccion[data-v-52a34614] {
    flex: 1;
}
.tabla-row.header .col[data-v-52a34614] {
    font-size: 0.75rem;
}
.col[data-v-52a34614] {
    font-size: 0.75rem;
}
.ej-comparacion[data-v-52a34614] {
    gap: 1rem;
}
}

.explorador[data-v-58855ca1] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-58855ca1] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-58855ca1] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-58855ca1] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-58855ca1] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-58855ca1] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-58855ca1] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-58855ca1] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-58855ca1] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-58855ca1] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-58855ca1] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1 y 2: Cards de situación ===== */
.identificar-container[data-v-58855ca1], .predecir-container[data-v-58855ca1] {
  text-align: center;
}
.situacion-card[data-v-58855ca1], .accion-card[data-v-58855ca1] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-58855ca1], .accion-icono[data-v-58855ca1] {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-58855ca1], .accion-texto[data-v-58855ca1] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-factor[data-v-58855ca1], .pregunta-efecto[data-v-58855ca1] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-factores[data-v-58855ca1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-factor[data-v-58855ca1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-factor[data-v-58855ca1]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-factor.seleccionado[data-v-58855ca1] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-factor.correcto[data-v-58855ca1] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-factor.incorrecto[data-v-58855ca1] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.factor-icono[data-v-58855ca1] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.factor-nombre[data-v-58855ca1] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* Opciones efecto */
.opciones-efecto[data-v-58855ca1] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.btn-efecto[data-v-58855ca1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.8rem;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-efecto.aumenta[data-v-58855ca1] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.btn-efecto.disminuye[data-v-58855ca1] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-efecto.igual[data-v-58855ca1] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.btn-efecto.seleccionado[data-v-58855ca1] {
  transform: scale(1.05);
}
.btn-efecto.seleccionado.aumenta[data-v-58855ca1] { border-color: #10B981;
}
.btn-efecto.seleccionado.disminuye[data-v-58855ca1] { border-color: #EF4444;
}
.btn-efecto.seleccionado.igual[data-v-58855ca1] { border-color: #8B5CF6;
}
.btn-efecto.correcto[data-v-58855ca1] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-efecto.incorrecto[data-v-58855ca1] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.efecto-icono[data-v-58855ca1] {
  font-size: 1.25rem;
}
.efecto-texto[data-v-58855ca1] {
  font-size: 0.7rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-top: 0.15rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-58855ca1] {
  text-align: center;
}
.reaccion-info[data-v-58855ca1] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 1rem;
}
.reaccion-ecuacion[data-v-58855ca1] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
}
.controles-simulador[data-v-58855ca1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-58855ca1] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.4rem;
}
.control-header[data-v-58855ca1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}
.control-icono[data-v-58855ca1] {
  font-size: 1rem;
}
.control-label[data-v-58855ca1] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.control-btns[data-v-58855ca1] {
  display: flex;
  gap: 0.35rem;
  justify-content: center;
}
.btn-control[data-v-58855ca1] {
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.35rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}
.btn-control.activo[data-v-58855ca1] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Velocidad display */
.velocidad-display[data-v-58855ca1] {
  margin-bottom: 1rem;
}
.velocidad-label[data-v-58855ca1] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.velocidad-barra[data-v-58855ca1] {
  height: 20px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.35rem;
}
.velocidad-fill[data-v-58855ca1] {
  height: 100%;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6, #EC4899);
  border-radius: 10px;
  transition: width 0.5s ease;
}
.velocidad-fill.animando[data-v-58855ca1] {
  animation: pulse-fill-58855ca1 0.5s ease;
}
@keyframes pulse-fill-58855ca1 {
0%, 100% { transform: scaleX(1);
}
50% { transform: scaleX(1.02);
}
}
.velocidad-valor[data-v-58855ca1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Burbujas container */
.burbujas-container[data-v-58855ca1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.tubo-ensayo[data-v-58855ca1] {
  position: relative;
  width: 60px;
  height: 80px;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0 0 30px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 10px;
  overflow: hidden;
}
.burbuja[data-v-58855ca1] {
  font-size: 0.6rem;
  color: #93C5FD;
  animation: subir-58855ca1 1.5s infinite ease-out;
}
.burbujas-container.muy-lenta .burbuja[data-v-58855ca1] { animation-duration: 4s;
}
.burbujas-container.lenta .burbuja[data-v-58855ca1] { animation-duration: 2.5s;
}
.burbujas-container.moderada .burbuja[data-v-58855ca1] { animation-duration: 1.5s;
}
.burbujas-container.rapida .burbuja[data-v-58855ca1] { animation-duration: 0.8s;
}
@keyframes subir-58855ca1 {
0% { transform: translateY(0); opacity: 1;
}
100% { transform: translateY(-50px); opacity: 0;
}
}
.zinc[data-v-58855ca1] {
  position: absolute;
  bottom: 5px;
  font-size: 1.25rem;
  color: #A1A1AA;
}
.zinc.polvo[data-v-58855ca1] {
  font-size: 0.8rem;
  letter-spacing: 2px;
}
.burbujas-label[data-v-58855ca1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.35rem;
}

/* Objetivo card */
.objetivo-card[data-v-58855ca1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.objetivo-label[data-v-58855ca1] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.objetivo-texto[data-v-58855ca1] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.btn-verificar-sim[data-v-58855ca1] {
  padding: 0.6rem 1.25rem;
  background: #3B82F6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}
.d3-exito[data-v-58855ca1] {
  margin: 0.75rem 0;
}
.exito-msg[data-v-58855ca1] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Feedback y resultados */
.feedback-error[data-v-58855ca1] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-58855ca1] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-58855ca1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-58855ca1] { font-size: 1.25rem;
}
.resultado-texto[data-v-58855ca1] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-58855ca1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-58855ca1] { flex: 1;
}
.nav-btn[data-v-58855ca1] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-58855ca1] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-58855ca1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-58855ca1] { font-size: 1.75rem;
}
.completado-texto[data-v-58855ca1] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-58855ca1], .slide-leave-active[data-v-58855ca1] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-58855ca1] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-58855ca1] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-factores[data-v-58855ca1] {
    gap: 0.75rem;
}
.btn-factor[data-v-58855ca1] {
    padding: 0.75rem;
}
.controles-simulador[data-v-58855ca1] {
    flex-direction: row;
    justify-content: center;
}
.control-item[data-v-58855ca1] {
    flex: 1;
    max-width: 150px;
}
}

/* Header del resumen */
.resumen-header[data-v-b5915056] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-b5915056] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-b5915056] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Cards de resumen */
.resumen-card[data-v-b5915056] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.resumen-card.destacada[data-v-b5915056] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.card-header[data-v-b5915056] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.resumen-card.destacada .card-header[data-v-b5915056] {
  background: rgba(245, 158, 11, 0.2);
}
.card-num[data-v-b5915056] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.resumen-card.destacada .card-num[data-v-b5915056] {
  background: #F59E0B;
}
.card-titulo[data-v-b5915056] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-b5915056] {
  padding: 0.75rem;
}
.card-contenido p[data-v-b5915056] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Requisitos mini */
.requisitos-mini[data-v-b5915056] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.req[data-v-b5915056] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Factores resumen */
.factores-resumen[data-v-b5915056] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-mini[data-v-b5915056] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.factor-icon[data-v-b5915056] {
  font-size: 1.25rem;
}
.factor-name[data-v-b5915056] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  margin: 0.15rem 0;
}
.factor-efecto[data-v-b5915056] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.factor-nota[data-v-b5915056] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}

/* Regla texto */
.regla-texto[data-v-b5915056] {
  text-align: center;
  font-size: 0.9rem !important;
}
strong.destacado[data-v-b5915056] {
  color: #FCD34D;
}

/* Tabla section */
.tabla-section[data-v-b5915056] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-b5915056] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tabla-factores[data-v-b5915056] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-b5915056] {
  display: flex;
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-b5915056]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-b5915056] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.header .col[data-v-b5915056] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.col[data-v-b5915056] {
  flex: 1;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.col.aumenta[data-v-b5915056] {
  color: #6EE7B7;
  font-weight: 600;
}
.col.disminuye[data-v-b5915056] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Tips PAES */
.tips-paes[data-v-b5915056] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-b5915056] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-b5915056] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-b5915056] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-b5915056] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-b5915056] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-b5915056] {
  color: #6EE7B7;
}

/* Fórmula clave */
.formula-clave[data-v-b5915056] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.formula-header[data-v-b5915056] {
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.formula-contenido[data-v-b5915056] {
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-b5915056] {
  display: block;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.formula-notas[data-v-b5915056] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nota[data-v-b5915056] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Mensaje final */
.mensaje-final[data-v-b5915056] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-b5915056] {
  font-size: 1.5rem;
}
.final-texto[data-v-b5915056] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.factores-resumen[data-v-b5915056] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-mini[data-v-b5915056] {
    padding: 0.6rem 0.4rem;
}
.tips-lista[data-v-b5915056] {
    gap: 0.4rem;
}
.tip-texto[data-v-b5915056] {
    font-size: 0.85rem;
}
.col[data-v-b5915056] {
    font-size: 0.8rem;
}
.formula-notas[data-v-b5915056] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
}

/* Intro visual */
.intro-visual[data-v-4aedb34e] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.comparacion-fuerza[data-v-4aedb34e] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
}
.lado[data-v-4aedb34e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 100px;
}
.lado.fuerte[data-v-4aedb34e] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado.debil[data-v-4aedb34e] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.label-tipo[data-v-4aedb34e] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.lado.fuerte .label-tipo[data-v-4aedb34e] { color: #FCA5A5;
}
.lado.debil .label-tipo[data-v-4aedb34e] { color: #FCD34D;
}
.moleculas[data-v-4aedb34e] {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.ion[data-v-4aedb34e] {
  padding: 0.2rem 0.4rem;
  background: rgba(239, 68, 68, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FCA5A5;
}
.molecula[data-v-4aedb34e] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.descripcion[data-v-4aedb34e] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.separador[data-v-4aedb34e] {
  display: flex;
  align-items: center;
}
.vs[data-v-4aedb34e] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #8B5CF6;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}

/* Sección comparación */
.seccion-comparacion[data-v-4aedb34e] {
  margin: 1.5rem 0;
}
.seccion-titulo[data-v-4aedb34e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-grid[data-v-4aedb34e] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tipo-card[data-v-4aedb34e] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.tipo-card.fuerte[data-v-4aedb34e] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.tipo-card.debil[data-v-4aedb34e] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.tipo-card.base.fuerte[data-v-4aedb34e] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.tipo-card.base.debil[data-v-4aedb34e] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.tipo-header[data-v-4aedb34e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.tipo-icono[data-v-4aedb34e] {
  font-size: 1.1rem;
}
.tipo-nombre[data-v-4aedb34e] {
  font-weight: 700;
  font-size: 0.9rem;
}
.tipo-card.fuerte .tipo-nombre[data-v-4aedb34e] { color: #FCA5A5;
}
.tipo-card.debil .tipo-nombre[data-v-4aedb34e] { color: #FCD34D;
}
.tipo-card.base.fuerte .tipo-nombre[data-v-4aedb34e] { color: #93C5FD;
}
.tipo-card.base.debil .tipo-nombre[data-v-4aedb34e] { color: #6EE7B7;
}
.tipo-contenido[data-v-4aedb34e] {
  margin-bottom: 0.5rem;
}
.reaccion[data-v-4aedb34e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.formula[data-v-4aedb34e] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.porcentaje[data-v-4aedb34e] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tipo-card.fuerte .porcentaje[data-v-4aedb34e] { color: #FCA5A5;
}
.tipo-card.debil .porcentaje[data-v-4aedb34e] { color: #FCD34D;
}
.tipo-card.base.fuerte .porcentaje[data-v-4aedb34e] { color: #93C5FD;
}
.tipo-card.base.debil .porcentaje[data-v-4aedb34e] { color: #6EE7B7;
}
.caracteristica[data-v-4aedb34e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.caracteristica strong[data-v-4aedb34e] {
  color: #FFFFFF;
}
.ejemplos[data-v-4aedb34e] {
  display: flex;
  gap: 0.5rem;
  font-size: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ej-label[data-v-4aedb34e] {
  color: #C4B5FD;
}
.ej-lista[data-v-4aedb34e] {
  color: #FFFFFF;
  font-family: monospace;
}

/* Clave box */
.clave-box[data-v-4aedb34e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-4aedb34e] {
  font-size: 1.25rem;
}
.clave-contenido[data-v-4aedb34e] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.clave-titulo[data-v-4aedb34e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.clave-texto[data-v-4aedb34e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.fuerte-text[data-v-4aedb34e] { color: #FCA5A5;
}
.debil-text[data-v-4aedb34e] { color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-4aedb34e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4aedb34e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4aedb34e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4aedb34e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-fuerza[data-v-4aedb34e] {
    gap: 1rem;
}
.lado[data-v-4aedb34e] {
    padding: 1rem;
    min-width: 130px;
}
.comparacion-grid[data-v-4aedb34e] {
    flex-direction: row;
}
.tipo-card[data-v-4aedb34e] {
    flex: 1;
}
.formula[data-v-4aedb34e] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-0515f1cb] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.constantes-demo[data-v-0515f1cb] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.constante-box[data-v-0515f1cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
}
.constante-box.ka[data-v-0515f1cb] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid #EF4444;
}
.constante-box.kb[data-v-0515f1cb] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
}
.constante-nombre[data-v-0515f1cb] {
  font-size: 1.5rem;
  font-weight: 800;
}
.constante-box.ka .constante-nombre[data-v-0515f1cb] { color: #FCA5A5;
}
.constante-box.kb .constante-nombre[data-v-0515f1cb] { color: #93C5FD;
}
.constante-desc[data-v-0515f1cb] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Formula section */
.formula-section[data-v-0515f1cb] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-0515f1cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-card[data-v-0515f1cb] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
}
.formula-card.base[data-v-0515f1cb] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.equilibrio[data-v-0515f1cb] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.eq-formula[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.formula-expresion[data-v-0515f1cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.fraccion[data-v-0515f1cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.numerador[data-v-0515f1cb], .denominador[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.linea[data-v-0515f1cb] {
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  margin: 0.25rem 0;
}
.igual[data-v-0515f1cb] {
  font-size: 1.25rem;
  color: #FFFFFF;
}
.ka-valor[data-v-0515f1cb], .kb-valor[data-v-0515f1cb] {
  font-size: 1.5rem;
  font-weight: 800;
}
.ka-valor[data-v-0515f1cb] { color: #FCA5A5;
}
.kb-valor[data-v-0515f1cb] { color: #93C5FD;
}
.formula-nota[data-v-0515f1cb] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Interpretación */
.interpretacion-section[data-v-0515f1cb] {
  margin: 1.5rem 0;
}
.interpretacion-titulo[data-v-0515f1cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-fuerza[data-v-0515f1cb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.escala-item[data-v-0515f1cb] {
  display: grid;
  grid-template-columns: 80px 1fr 90px;
  grid-template-rows: auto auto;
  gap: 0.25rem 0.5rem;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.escala-item.fuerte[data-v-0515f1cb] { background: rgba(239, 68, 68, 0.1);
}
.escala-item.medio[data-v-0515f1cb] { background: rgba(245, 158, 11, 0.1);
}
.escala-item.debil[data-v-0515f1cb] { background: rgba(16, 185, 129, 0.1);
}
.escala-valor[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 600;
}
.escala-item.fuerte .escala-valor[data-v-0515f1cb] { color: #FCA5A5;
}
.escala-item.medio .escala-valor[data-v-0515f1cb] { color: #FCD34D;
}
.escala-item.debil .escala-valor[data-v-0515f1cb] { color: #6EE7B7;
}
.escala-barra[data-v-0515f1cb] {
  height: 8px;
  border-radius: 4px;
}
.escala-barra.fuerte[data-v-0515f1cb] { background: linear-gradient(to right, #EF4444, #FCA5A5); width: 100%;
}
.escala-barra.medio[data-v-0515f1cb] { background: linear-gradient(to right, #F59E0B, #FCD34D); width: 60%;
}
.escala-barra.debil[data-v-0515f1cb] { background: linear-gradient(to right, #10B981, #6EE7B7); width: 25%;
}
.escala-label[data-v-0515f1cb] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  text-align: right;
}
.escala-desc[data-v-0515f1cb] {
  grid-column: 1 / -1;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos tabla */
.ejemplos-section[data-v-0515f1cb] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-0515f1cb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-tabla[data-v-0515f1cb] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ejemplo-fila[data-v-0515f1cb] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem 0.75rem;
}
.ejemplo-fila.header[data-v-0515f1cb] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ejemplo-fila[data-v-0515f1cb]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-acido[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.col-ka[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 0.8rem;
  text-align: center;
}
.col-fuerza[data-v-0515f1cb] {
  font-size: 0.8rem;
  text-align: right;
}
.ejemplo-fila.fuerte .col-ka[data-v-0515f1cb] { color: #FCA5A5;
}
.ejemplo-fila.fuerte .col-fuerza[data-v-0515f1cb] { color: #FCA5A5;
}
.ejemplo-fila.medio .col-ka[data-v-0515f1cb] { color: #FCD34D;
}
.ejemplo-fila.medio .col-fuerza[data-v-0515f1cb] { color: #FCD34D;
}
.ejemplo-fila.debil .col-ka[data-v-0515f1cb] { color: #6EE7B7;
}
.ejemplo-fila.debil .col-fuerza[data-v-0515f1cb] { color: #6EE7B7;
}
.ejemplo-fila.muy-debil .col-ka[data-v-0515f1cb] { color: #93C5FD;
}
.ejemplo-fila.muy-debil .col-fuerza[data-v-0515f1cb] { color: #93C5FD;
}

/* Relación box */
.relacion-box[data-v-0515f1cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.relacion-icono[data-v-0515f1cb] {
  font-size: 1.25rem;
}
.relacion-contenido[data-v-0515f1cb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.relacion-titulo[data-v-0515f1cb] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.relacion-formula[data-v-0515f1cb] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.relacion-texto[data-v-0515f1cb] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-0515f1cb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0515f1cb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0515f1cb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0515f1cb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.constantes-demo[data-v-0515f1cb] {
    gap: 2rem;
}
.constante-box[data-v-0515f1cb] {
    padding: 1rem 2rem;
}
.constante-nombre[data-v-0515f1cb] {
    font-size: 2rem;
}
.escala-item[data-v-0515f1cb] {
    grid-template-columns: 100px 1fr 120px;
}
.escala-valor[data-v-0515f1cb], .escala-label[data-v-0515f1cb] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-a4abc215] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.transformacion[data-v-a4abc215] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.valor-original[data-v-a4abc215], .valor-pk[data-v-a4abc215] {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-family: monospace;
}
.valor-original[data-v-a4abc215] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.valor-pk[data-v-a4abc215] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.valor-original .val[data-v-a4abc215] { color: #FCA5A5; font-size: 0.9rem;
}
.valor-pk .val[data-v-a4abc215] { color: #6EE7B7; font-size: 0.9rem; font-weight: 700;
}
.flecha-transform[data-v-a4abc215] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.operacion[data-v-a4abc215] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.arrow[data-v-a4abc215] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Fórmulas section */
.formulas-section[data-v-a4abc215] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-a4abc215] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-a4abc215] {
  display: flex;
  gap: 0.75rem;
}
.formula-box[data-v-a4abc215] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.formula-box.pka[data-v-a4abc215] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.formula-box.pkb[data-v-a4abc215] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.formula-nombre[data-v-a4abc215] {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.formula-box.pka .formula-nombre[data-v-a4abc215] { color: #FCA5A5;
}
.formula-box.pkb .formula-nombre[data-v-a4abc215] { color: #93C5FD;
}
.formula-def[data-v-a4abc215] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.formula-nota[data-v-a4abc215] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Relación inversa */
.relacion-inversa[data-v-a4abc215] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.relacion-titulo[data-v-a4abc215] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.relacion-contenido[data-v-a4abc215] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.relacion-item[data-v-a4abc215] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.flecha-up[data-v-a4abc215] { color: #6EE7B7; font-size: 1.25rem;
}
.flecha-down[data-v-a4abc215] { color: #FCA5A5; font-size: 1.25rem;
}
.texto[data-v-a4abc215] { color: #E9D5FF;
}
.resultado[data-v-a4abc215] { color: #FFFFFF;
}
.resultado strong[data-v-a4abc215] { color: #FCD34D;
}
.relacion-clave[data-v-a4abc215] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.verde[data-v-a4abc215] { color: #6EE7B7;
}

/* Escala section */
.escala-section[data-v-a4abc215] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-a4abc215] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-visual[data-v-a4abc215] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.escala-barra[data-v-a4abc215] {
  display: flex;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.zona[data-v-a4abc215] {
  flex: 1;
  padding: 0.5rem 0.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.zona.fuerte[data-v-a4abc215] { background: rgba(239, 68, 68, 0.3);
}
.zona.moderado[data-v-a4abc215] { background: rgba(245, 158, 11, 0.3);
}
.zona.debil[data-v-a4abc215] { background: rgba(16, 185, 129, 0.3);
}
.zona.muy-debil[data-v-a4abc215] { background: rgba(59, 130, 246, 0.3);
}
.zona-valor[data-v-a4abc215] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.zona-label[data-v-a4abc215] {
  font-size: 0.6rem;
  color: #E9D5FF;
}
.escala-numeros[data-v-a4abc215] {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Ejemplos section */
.ejemplos-section[data-v-a4abc215] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-a4abc215] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-lista[data-v-a4abc215] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ejemplo-row[data-v-a4abc215] {
  display: grid;
  grid-template-columns: 70px 70px 1fr 70px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.ejemplo-row.fuerte[data-v-a4abc215] { background: rgba(239, 68, 68, 0.1);
}
.ejemplo-row.moderado[data-v-a4abc215] { background: rgba(245, 158, 11, 0.1);
}
.ejemplo-row.debil[data-v-a4abc215] { background: rgba(16, 185, 129, 0.1);
}
.ejemplo-row.muy-debil[data-v-a4abc215] { background: rgba(59, 130, 246, 0.1);
}
.ej-acido[data-v-a4abc215] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FFFFFF;
}
.ej-pka[data-v-a4abc215] {
  font-size: 0.75rem;
  font-weight: 600;
}
.ejemplo-row.fuerte .ej-pka[data-v-a4abc215] { color: #FCA5A5;
}
.ejemplo-row.moderado .ej-pka[data-v-a4abc215] { color: #FCD34D;
}
.ejemplo-row.debil .ej-pka[data-v-a4abc215] { color: #6EE7B7;
}
.ejemplo-row.muy-debil .ej-pka[data-v-a4abc215] { color: #93C5FD;
}
.ej-barra[data-v-a4abc215] {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.barra[data-v-a4abc215] {
  height: 100%;
  border-radius: 4px;
}
.ejemplo-row.fuerte .barra[data-v-a4abc215] { background: #FCA5A5;
}
.ejemplo-row.moderado .barra[data-v-a4abc215] { background: #FCD34D;
}
.ejemplo-row.debil .barra[data-v-a4abc215] { background: #6EE7B7;
}
.ejemplo-row.muy-debil .barra[data-v-a4abc215] { background: #93C5FD;
}
.ej-fuerza[data-v-a4abc215] {
  font-size: 0.7rem;
  text-align: right;
  color: #E9D5FF;
}

/* Relación pKa + pKb */
.relacion-pk-box[data-v-a4abc215] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.relacion-icono[data-v-a4abc215] {
  font-size: 1.25rem;
}
.relacion-pk-contenido[data-v-a4abc215] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.relacion-pk-titulo[data-v-a4abc215] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
}
.relacion-pk-formula[data-v-a4abc215] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.relacion-pk-ejemplo[data-v-a4abc215] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-a4abc215] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a4abc215] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a4abc215] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a4abc215] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.transformacion[data-v-a4abc215] {
    gap: 1.5rem;
    flex-wrap: nowrap;
}
.valor-original .val[data-v-a4abc215], .valor-pk .val[data-v-a4abc215] {
    font-size: 1rem;
}
.formulas-grid[data-v-a4abc215] {
    gap: 1rem;
}
.formula-nombre[data-v-a4abc215] {
    font-size: 1.5rem;
}
.ejemplo-row[data-v-a4abc215] {
    grid-template-columns: 90px 90px 1fr 90px;
}
.ej-acido[data-v-a4abc215], .ej-pka[data-v-a4abc215] {
    font-size: 0.85rem;
}
}

.explorador[data-v-7d571b14] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7d571b14] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7d571b14] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-7d571b14] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-7d571b14] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-7d571b14] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7d571b14] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7d571b14] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7d571b14] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7d571b14] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7d571b14] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Comparar ===== */
.comparar-container[data-v-7d571b14] {
  text-align: center;
}
.pregunta-comparar[data-v-7d571b14] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-comparar strong[data-v-7d571b14] {
  color: #FFFFFF;
}
.acidos-comparacion[data-v-7d571b14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.acido-opcion[data-v-7d571b14] {
  flex: 1;
  max-width: 130px;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.acido-opcion[data-v-7d571b14]:hover {
  border-color: rgba(139, 92, 246, 0.6);
}
.acido-opcion.seleccionado[data-v-7d571b14] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.acido-opcion.correcto[data-v-7d571b14] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.acido-opcion.incorrecto[data-v-7d571b14] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.acido-nombre[data-v-7d571b14] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.acido-valor[data-v-7d571b14] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.vs[data-v-7d571b14] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* ===== DESAFÍO 2: Calcular pKa ===== */
.calcular-container[data-v-7d571b14] {
  text-align: center;
}
.formula-recordatorio[data-v-7d571b14] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.formula-label[data-v-7d571b14] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.formula-texto[data-v-7d571b14] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.problema-calculo[data-v-7d571b14] {
  margin-bottom: 1rem;
}
.ka-dado[data-v-7d571b14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.ka-label[data-v-7d571b14] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.ka-valor[data-v-7d571b14] {
  font-family: monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCA5A5;
  padding: 0.25rem 0.5rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.25rem;
}
.pka-pregunta[data-v-7d571b14] {
  margin-bottom: 0.75rem;
}
.pka-label[data-v-7d571b14] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-pka[data-v-7d571b14] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-opcion[data-v-7d571b14] {
  padding: 0.6rem 0.75rem;
  font-family: monospace;
  font-size: 0.9rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-7d571b14]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-7d571b14] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-7d571b14] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-7d571b14] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* ===== DESAFÍO 3: Clasificar ===== */
.clasificar-container[data-v-7d571b14] {
  text-align: center;
}
.sustancia-clasificar[data-v-7d571b14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.sustancia-formula[data-v-7d571b14] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.sustancia-dato[data-v-7d571b14] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.opciones-clasificacion[data-v-7d571b14] {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.btn-clasificar[data-v-7d571b14] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1.25rem;
  min-width: 100px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid;
  font-family: inherit;
}
.btn-clasificar.fuerte[data-v-7d571b14] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-clasificar.debil[data-v-7d571b14] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.btn-clasificar.seleccionado[data-v-7d571b14] {
  transform: scale(1.05);
}
.btn-clasificar.fuerte.seleccionado[data-v-7d571b14] { border-color: #EF4444;
}
.btn-clasificar.debil.seleccionado[data-v-7d571b14] { border-color: #F59E0B;
}
.btn-clasificar.correcto[data-v-7d571b14] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-clasificar.incorrecto[data-v-7d571b14] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.btn-icono[data-v-7d571b14] { font-size: 1.25rem; margin-bottom: 0.2rem;
}
.btn-texto[data-v-7d571b14] { font-size: 0.85rem; font-weight: 600; color: #FFFFFF;
}

/* Pistas */
.pista-d1[data-v-7d571b14], .pista-clasificar[data-v-7d571b14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.pista-icono[data-v-7d571b14] { font-size: 1rem;
}
.pista-texto[data-v-7d571b14] { font-size: 0.8rem; color: #C4B5FD;
}

/* Elementos compartidos */
.feedback-error[data-v-7d571b14] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-7d571b14] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-7d571b14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7d571b14] { font-size: 1.25rem;
}
.resultado-texto[data-v-7d571b14] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-7d571b14] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-7d571b14] { flex: 1;
}
.nav-btn[data-v-7d571b14] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7d571b14] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7d571b14] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7d571b14] { font-size: 1.75rem;
}
.completado-texto[data-v-7d571b14] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7d571b14], .slide-leave-active[data-v-7d571b14] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7d571b14] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7d571b14] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.acido-opcion[data-v-7d571b14] {
    max-width: 160px;
}
.acido-nombre[data-v-7d571b14] {
    font-size: 1rem;
}
.acido-valor[data-v-7d571b14] {
    font-size: 0.85rem;
}
.opciones-pka[data-v-7d571b14] {
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}
.btn-opcion[data-v-7d571b14] {
    min-width: 120px;
}
.sustancia-formula[data-v-7d571b14] {
    font-size: 2rem;
}
}

/* Resumen header */
.resumen-header[data-v-c0f12b7c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border-radius: 0.5rem;
}
.resumen-icono[data-v-c0f12b7c] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-c0f12b7c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto cards */
.concepto-card[data-v-c0f12b7c] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.concepto-numero[data-v-c0f12b7c] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.concepto-contenido[data-v-c0f12b7c] {
  flex: 1;
}
.concepto-contenido h4[data-v-c0f12b7c] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.5rem 0;
}

/* Comparación mini */
.comparacion-mini[data-v-c0f12b7c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tipo[data-v-c0f12b7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.tipo-label[data-v-c0f12b7c] {
  font-weight: 600;
  min-width: 60px;
}
.tipo.fuerte .tipo-label[data-v-c0f12b7c] { color: #FCA5A5;
}
.tipo.debil .tipo-label[data-v-c0f12b7c] { color: #FCD34D;
}
.tipo-valor[data-v-c0f12b7c] {
  color: #E9D5FF;
  font-family: monospace;
}

/* Formulas mini */
.formulas-mini[data-v-c0f12b7c] {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.formula-item[data-v-c0f12b7c] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.formula-nombre[data-v-c0f12b7c] {
  font-weight: 700;
  color: #C4B5FD;
}
.formula-desc[data-v-c0f12b7c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.regla-clave[data-v-c0f12b7c] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.regla-clave strong[data-v-c0f12b7c] {
  color: #6EE7B7;
}
.regla-clave.inversa[data-v-c0f12b7c] {
  background: rgba(245, 158, 11, 0.2);
}
.regla-clave.inversa strong[data-v-c0f12b7c] {
  color: #FCD34D;
}

/* Relaciones lista */
.relaciones-lista[data-v-c0f12b7c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.relacion-item[data-v-c0f12b7c] {
  padding: 0.25rem 0;
}
.relacion-formula[data-v-c0f12b7c] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}

/* Tabla resumen */
.tabla-resumen[data-v-c0f12b7c] {
  margin: 1.5rem 0;
}
.tabla-titulo[data-v-c0f12b7c] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-c0f12b7c] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-c0f12b7c] {
  display: grid;
  grid-template-columns: 1fr 1fr 0.7fr 0.8fr;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
}
.tabla-fila.header[data-v-c0f12b7c] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 600;
  color: #C4B5FD;
}
.tabla-fila[data-v-c0f12b7c]:not(.header) {
  border-top: 1px solid rgba(139, 92, 246, 0.15);
}
.col[data-v-c0f12b7c] {
  display: flex;
  align-items: center;
}
.col.formula[data-v-c0f12b7c] {
  font-family: monospace;
  color: #FFFFFF;
}
.col.tipo[data-v-c0f12b7c] {
  font-weight: 600;
  font-size: 0.65rem;
}
.col.tipo.fuerte[data-v-c0f12b7c] { color: #FCA5A5;
}
.col.tipo.debil[data-v-c0f12b7c] { color: #FCD34D;
}
.col.tipo.muy-debil[data-v-c0f12b7c] { color: #93C5FD;
}

/* Tips PAES */
.tips-paes[data-v-c0f12b7c] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tips-titulo[data-v-c0f12b7c] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-c0f12b7c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c0f12b7c] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.tip-numero[data-v-c0f12b7c] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-c0f12b7c] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c0f12b7c] {
  color: #FFFFFF;
}

/* Cierre box */
.cierre-box[data-v-c0f12b7c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.cierre-icono[data-v-c0f12b7c] {
  font-size: 1.5rem;
}
.cierre-texto[data-v-c0f12b7c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.5;
}

/* Desktop */
@media (min-width: 640px) {
.comparacion-mini[data-v-c0f12b7c] {
    flex-direction: row;
    gap: 1.5rem;
}
.formulas-mini[data-v-c0f12b7c] {
    gap: 2rem;
}
.tabla-fila[data-v-c0f12b7c] {
    font-size: 0.8rem;
    padding: 0.5rem 0.75rem;
}
.col.tipo[data-v-c0f12b7c] {
    font-size: 0.7rem;
}
}

/* Intro visual */
.intro-visual[data-v-0955a043] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.reaccion-visual[data-v-0955a043] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  min-width: max-content;
}
.reactivo[data-v-0955a043], .producto[data-v-0955a043] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.5rem;
  min-width: 50px;
}
.reactivo.sal[data-v-0955a043] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.reactivo.agua[data-v-0955a043] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.producto.ion[data-v-0955a043] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.producto.hidroxido[data-v-0955a043] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.formula[data-v-0955a043] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
}
.reactivo.sal .formula[data-v-0955a043] { color: #FCD34D;
}
.reactivo.agua .formula[data-v-0955a043] { color: #93C5FD;
}
.producto.ion .formula[data-v-0955a043] { color: #FCA5A5;
}
.producto.hidroxido .formula[data-v-0955a043] { color: #6EE7B7;
}
.label[data-v-0955a043] {
  font-size: 0.55rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}
.simbolo[data-v-0955a043] {
  font-size: 1rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Colores texto inline */
.sal-text[data-v-0955a043] { color: #FCD34D;
}
.agua-text[data-v-0955a043] { color: #93C5FD;
}
.basico[data-v-0955a043] { color: #6EE7B7;
}

/* Concepto box */
.concepto-box[data-v-0955a043] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-0955a043] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.concepto-contenido[data-v-0955a043] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-contenido strong[data-v-0955a043] {
  color: #FFFFFF;
}

/* Explicación section */
.explicacion-section[data-v-0955a043] {
  margin: 1.5rem 0;
}
.explicacion-titulo[data-v-0955a043] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.paso-explicacion[data-v-0955a043] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.paso-num[data-v-0955a043] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.paso-contenido[data-v-0955a043] {
  flex: 1;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-contenido strong[data-v-0955a043] {
  color: #FFFFFF;
}
.ejemplo-mini[data-v-0955a043] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.3rem;
  padding: 0.3rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  display: inline-block;
}
.ejemplo-mini.resultado[data-v-0955a043] {
  color: #E9D5FF;
}

/* Regla de oro */
.regla-oro[data-v-0955a043] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-0955a043] {
  font-size: 1.25rem;
}
.regla-contenido[data-v-0955a043] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.regla-titulo[data-v-0955a043] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.regla-texto[data-v-0955a043] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-texto strong[data-v-0955a043] {
  color: #FFFFFF;
}

/* Iones section */
.iones-section[data-v-0955a043] {
  margin: 1.5rem 0;
}
.iones-titulo[data-v-0955a043] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.iones-grid[data-v-0955a043] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ion-card[data-v-0955a043] {
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.ion-card.hidroliza[data-v-0955a043] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ion-card.no-hidroliza[data-v-0955a043] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ion-header[data-v-0955a043] {
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.ion-card.hidroliza .ion-header[data-v-0955a043] { color: #6EE7B7;
}
.ion-card.no-hidroliza .ion-header[data-v-0955a043] { color: #FCA5A5;
}
.ion-lista[data-v-0955a043] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ion-item[data-v-0955a043] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #E9D5FF;
}
.ion-item .origen[data-v-0955a043] {
  font-family: inherit;
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-0955a043] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0955a043] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0955a043] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0955a043] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reaccion-visual[data-v-0955a043] {
    gap: 0.5rem;
}
.reactivo[data-v-0955a043], .producto[data-v-0955a043] {
    padding: 0.6rem 0.75rem;
    min-width: 65px;
}
.formula[data-v-0955a043] {
    font-size: 1rem;
}
.simbolo[data-v-0955a043] {
    font-size: 1.25rem;
}
.label[data-v-0955a043] {
    font-size: 0.6rem;
}
.ion-item[data-v-0955a043] {
    font-size: 0.8rem;
}
.ion-item .origen[data-v-0955a043] {
    font-size: 0.65rem;
}
}

/* Tabla resumen */
.tabla-titulo[data-v-d072c030] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-hidrolisis[data-v-d072c030] {
  margin: 1rem 0 1.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-header[data-v-d072c030] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.3);
  padding: 0.5rem;
}
.th[data-v-d072c030] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.tabla-row[data-v-d072c030] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row.neutro[data-v-d072c030] { background: rgba(139, 92, 246, 0.1);
}
.tabla-row.basico[data-v-d072c030] { background: rgba(16, 185, 129, 0.1);
}
.tabla-row.acido[data-v-d072c030] { background: rgba(239, 68, 68, 0.1);
}
.tabla-row.depende[data-v-d072c030] { background: rgba(245, 158, 11, 0.1);
}
.td[data-v-d072c030] {
  font-size: 0.8rem;
  text-align: center;
  font-weight: 600;
}
.acido-fuerte[data-v-d072c030] { color: #FCA5A5;
}
.acido-debil[data-v-d072c030] { color: #FBBF24;
}
.base-fuerte[data-v-d072c030] { color: #93C5FD;
}
.base-debil[data-v-d072c030] { color: #F0ABFC;
}
.ph-neutro[data-v-d072c030] { color: #C4B5FD;
}
.ph-basico[data-v-d072c030] { color: #6EE7B7;
}
.ph-acido[data-v-d072c030] { color: #FCA5A5;
}
.ph-depende[data-v-d072c030] { color: #FCD34D;
}

/* Casos section */
.caso-section[data-v-d072c030] {
  margin-bottom: 1.25rem;
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.caso-header[data-v-d072c030] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.caso-header.neutro[data-v-d072c030] { background: rgba(139, 92, 246, 0.2);
}
.caso-header.basico[data-v-d072c030] { background: rgba(16, 185, 129, 0.2);
}
.caso-header.acido[data-v-d072c030] { background: rgba(239, 68, 68, 0.2);
}
.caso-header.depende[data-v-d072c030] { background: rgba(245, 158, 11, 0.2);
}
.caso-numero[data-v-d072c030] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.caso-titulo[data-v-d072c030] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-contenido[data-v-d072c030] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.ejemplo-sal[data-v-d072c030] {
  margin-bottom: 0.5rem;
}
.ejemplo-nombre[data-v-d072c030] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  display: block;
  margin-bottom: 0.3rem;
}
.ejemplo-origen[data-v-d072c030] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.origen-item[data-v-d072c030] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.origen-item strong[data-v-d072c030] {
  color: #E9D5FF;
}
.mas[data-v-d072c030] {
  color: #8B5CF6;
  font-weight: 700;
}
.reaccion-hidrolisis[data-v-d072c030] {
  margin: 0.5rem 0;
  padding: 0.4rem 0.6rem;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 0.3rem;
  text-align: center;
}
.reaccion-hidrolisis .formula[data-v-d072c030] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.oh[data-v-d072c030] { color: #6EE7B7;
}
.h[data-v-d072c030] { color: #FCA5A5;
}
.caso-explicacion[data-v-d072c030] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0.5rem 0 0;
  line-height: 1.4;
}
.neutro-text[data-v-d072c030] { color: #C4B5FD;
}
.basico-text[data-v-d072c030] { color: #6EE7B7;
}
.acido-text[data-v-d072c030] { color: #FCA5A5;
}
.comparacion-k[data-v-d072c030] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.k-item[data-v-d072c030] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-d072c030] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d072c030] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d072c030] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d072c030] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-header[data-v-d072c030], .tabla-row[data-v-d072c030] {
    padding: 0.6rem;
}
.th[data-v-d072c030], .td[data-v-d072c030] {
    font-size: 0.9rem;
}
.caso-titulo[data-v-d072c030] {
    font-size: 0.95rem;
}
.ejemplo-nombre[data-v-d072c030] {
    font-size: 1rem;
}
.reaccion-hidrolisis .formula[data-v-d072c030] {
    font-size: 0.9rem;
}
}

.explorador[data-v-e3b80e4f] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e3b80e4f] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e3b80e4f] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-e3b80e4f] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-e3b80e4f] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e3b80e4f] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e3b80e4f] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e3b80e4f] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e3b80e4f] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e3b80e4f] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e3b80e4f] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar sales ===== */
.clasificar-container[data-v-e3b80e4f] {
  text-align: center;
}
.sal-actual[data-v-e3b80e4f] {
  margin-bottom: 0.75rem;
}
.sal-formula[data-v-e3b80e4f] {
  display: block;
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.sal-nombre[data-v-e3b80e4f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.origen-info[data-v-e3b80e4f] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.origen-label[data-v-e3b80e4f] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.origen-items[data-v-e3b80e4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.origen-acido[data-v-e3b80e4f] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCA5A5;
}
.origen-base[data-v-e3b80e4f] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #93C5FD;
}
.tipo[data-v-e3b80e4f] {
  font-family: inherit;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mas[data-v-e3b80e4f] {
  color: #8B5CF6;
  font-weight: 700;
}
.pregunta-d1[data-v-e3b80e4f], .pregunta-d2[data-v-e3b80e4f] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.opciones-ph[data-v-e3b80e4f] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-ph[data-v-e3b80e4f] {
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid;
  font-family: inherit;
}
.btn-ph.ph-acido[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-ph.ph-neutro[data-v-e3b80e4f] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
  color: #C4B5FD;
}
.btn-ph.ph-basico[data-v-e3b80e4f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-ph.seleccionado[data-v-e3b80e4f] {
  transform: scale(1.05);
}
.btn-ph.correcto[data-v-e3b80e4f] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
  color: white !important;
}
.btn-ph.incorrecto[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
  color: white !important;
}

/* ===== DESAFÍO 2: Ion que hidroliza ===== */
.ion-container[data-v-e3b80e4f] {
  text-align: center;
}
.sal-mostrar[data-v-e3b80e4f] {
  margin-bottom: 0.75rem;
}
.sal-formula-grande[data-v-e3b80e4f] {
  font-family: monospace;
  font-size: 1.75rem;
  font-weight: 700;
  color: #FCD34D;
}
.disociacion[data-v-e3b80e4f] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.disociacion-texto[data-v-e3b80e4f] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.iones-resultado[data-v-e3b80e4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.ion[data-v-e3b80e4f] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 0.3rem;
}
.ion.cation[data-v-e3b80e4f] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.ion.anion[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.opciones-ion[data-v-e3b80e4f] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.btn-ion[data-v-e3b80e4f] {
  padding: 0.5rem;
  font-size: 0.85rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-ion[data-v-e3b80e4f]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-ion.seleccionado[data-v-e3b80e4f] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-ion.correcto[data-v-e3b80e4f] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-ion.incorrecto[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* ===== DESAFÍO 3: Simulador pH ===== */
.simulador-container[data-v-e3b80e4f] {
  text-align: center;
}
.escala-ph[data-v-e3b80e4f] {
  margin-bottom: 1rem;
}
.escala-titulo[data-v-e3b80e4f] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.escala-barra[data-v-e3b80e4f] {
  position: relative;
  height: 40px;
  margin-bottom: 0.25rem;
}
.escala-gradiente[data-v-e3b80e4f] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to right, 
    #EF4444 0%, 
    #F97316 15%, 
    #FBBF24 30%, 
    #84CC16 45%, 
    #22C55E 50%, 
    #14B8A6 55%, 
    #06B6D4 65%, 
    #3B82F6 80%, 
    #8B5CF6 100%
  );
  border-radius: 0.3rem;
}
.escala-numeros[data-v-e3b80e4f] {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}
.numero-ph[data-v-e3b80e4f] {
  font-size: 0.55rem;
  color: #C4B5FD;
  width: 14px;
  text-align: center;
}
.escala-indicador[data-v-e3b80e4f] {
  position: absolute;
  top: -5px;
  width: 4px;
  height: 30px;
  background: white;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: left 0.5s ease;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.escala-labels[data-v-e3b80e4f] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  margin-top: 0.25rem;
}
.label-acido[data-v-e3b80e4f] { color: #FCA5A5;
}
.label-neutro[data-v-e3b80e4f] { color: #6EE7B7;
}
.label-basico[data-v-e3b80e4f] { color: #93C5FD;
}
.sal-selector[data-v-e3b80e4f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.sal-actual-sim[data-v-e3b80e4f] {
  margin-bottom: 0.5rem;
}
.sal-nombre-sim[data-v-e3b80e4f] {
  display: block;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.sal-formula-sim[data-v-e3b80e4f] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.controles-sal[data-v-e3b80e4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.btn-cambiar[data-v-e3b80e4f] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-cambiar[data-v-e3b80e4f]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.sal-contador[data-v-e3b80e4f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pregunta-sim[data-v-e3b80e4f] {
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-e3b80e4f] {
  display: block;
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.opciones-zona[data-v-e3b80e4f] {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
}
.btn-zona[data-v-e3b80e4f] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid;
  font-family: inherit;
}
.btn-zona.acido[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-zona.neutro[data-v-e3b80e4f] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-zona.basico[data-v-e3b80e4f] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93C5FD;
}
.btn-zona.seleccionado[data-v-e3b80e4f] {
  transform: scale(1.05);
}
.btn-zona.correcto[data-v-e3b80e4f] {
  background: rgba(16, 185, 129, 0.4) !important;
  border-color: #10B981 !important;
  color: white !important;
}
.btn-zona.incorrecto[data-v-e3b80e4f] {
  background: rgba(239, 68, 68, 0.4) !important;
  border-color: #EF4444 !important;
  color: white !important;
}
.explicacion-sal[data-v-e3b80e4f] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: left;
}

/* Elementos compartidos */
.feedback-error[data-v-e3b80e4f] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-e3b80e4f] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-e3b80e4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e3b80e4f] { font-size: 1.25rem;
}
.resultado-texto[data-v-e3b80e4f] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-e3b80e4f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e3b80e4f] { flex: 1;
}
.nav-btn[data-v-e3b80e4f] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e3b80e4f] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e3b80e4f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e3b80e4f] { font-size: 1.75rem;
}
.completado-texto[data-v-e3b80e4f] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e3b80e4f], .slide-leave-active[data-v-e3b80e4f] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e3b80e4f] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e3b80e4f] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.sal-formula[data-v-e3b80e4f] {
    font-size: 1.75rem;
}
.sal-formula-grande[data-v-e3b80e4f] {
    font-size: 2rem;
}
.opciones-ion[data-v-e3b80e4f] {
    grid-template-columns: repeat(4, 1fr);
}
.numero-ph[data-v-e3b80e4f] {
    font-size: 0.65rem;
}
}

/* Concepto central */
.resumen-concepto[data-v-f516165d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-icono[data-v-f516165d] {
  font-size: 2rem;
}
.concepto-texto[data-v-f516165d] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-texto strong[data-v-f516165d] {
  color: #FFFFFF;
}

/* Tabla resumen */
.tabla-resumen[data-v-f516165d] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-f516165d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-f516165d] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.fila-header[data-v-f516165d] {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.3);
}
.fila-header .col[data-v-f516165d] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.fila[data-v-f516165d] {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr 1fr;
  gap: 0.25rem;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.fila.neutro[data-v-f516165d] { background: rgba(139, 92, 246, 0.1);
}
.fila.basico[data-v-f516165d] { background: rgba(16, 185, 129, 0.1);
}
.fila.acido[data-v-f516165d] { background: rgba(239, 68, 68, 0.1);
}
.fila .col[data-v-f516165d] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fila .col.ph[data-v-f516165d] {
  font-weight: 700;
  font-size: 0.8rem;
}
.fila.neutro .col.ph[data-v-f516165d] { color: #C4B5FD;
}
.fila.basico .col.ph[data-v-f516165d] { color: #6EE7B7;
}
.fila.acido .col.ph[data-v-f516165d] { color: #FCA5A5;
}
.fila .col.formula[data-v-f516165d] {
  font-family: monospace;
  color: #FCD34D;
  font-size: 0.75rem;
}

/* Reglas section */
.reglas-section[data-v-f516165d] {
  margin-bottom: 1.5rem;
}
.reglas-titulo[data-v-f516165d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.regla-item[data-v-f516165d] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
}
.regla-num[data-v-f516165d] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.regla-contenido[data-v-f516165d] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-contenido strong[data-v-f516165d] {
  color: #FFFFFF;
}

/* Referencia section */
.referencia-section[data-v-f516165d] {
  margin-bottom: 1.5rem;
}
.referencia-titulo[data-v-f516165d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.referencia-grid[data-v-f516165d] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.ref-card[data-v-f516165d] {
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.ref-header[data-v-f516165d] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.3rem;
}
.ref-lista[data-v-f516165d] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ref-nota[data-v-f516165d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.3rem;
  font-style: italic;
}

/* Proceso section */
.proceso-section[data-v-f516165d] {
  margin-bottom: 1.5rem;
}
.proceso-titulo[data-v-f516165d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.proceso-pasos[data-v-f516165d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.proceso-paso[data-v-f516165d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.4rem;
}
.proceso-paso .paso-num[data-v-f516165d] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.proceso-paso .paso-texto[data-v-f516165d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES final */
.tip-paes-final[data-v-f516165d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.tip-icono[data-v-f516165d] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-f516165d] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tip-titulo[data-v-f516165d] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-f516165d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-f516165d] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-concepto[data-v-f516165d] {
    padding: 1.25rem;
}
.concepto-texto[data-v-f516165d] {
    font-size: 1rem;
}
.fila-header .col[data-v-f516165d],
  .fila .col[data-v-f516165d] {
    font-size: 0.8rem;
}
.fila .col.ph[data-v-f516165d] {
    font-size: 0.9rem;
}
.fila .col.formula[data-v-f516165d] {
    font-size: 0.85rem;
}
.ref-lista[data-v-f516165d] {
    font-size: 0.8rem;
}
.ref-nota[data-v-f516165d] {
    font-size: 0.7rem;
}
}

/* Intro visual - Balanza */
.intro-visual[data-v-c7467233] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.balanza-visual[data-v-c7467233] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.platillo[data-v-c7467233] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 80px;
}
.reactivos-label[data-v-c7467233], .productos-label[data-v-c7467233] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.elementos[data-v-c7467233] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.elem[data-v-c7467233] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  font-family: monospace;
}
.mas[data-v-c7467233] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.barra-balanza[data-v-c7467233] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.equilibrio-icono[data-v-c7467233] {
  font-size: 2rem;
}

/* Texto destacado */
strong.destacado[data-v-c7467233] {
  color: #FCD34D;
}

/* Sección qué son */
.que-son-section[data-v-c7467233] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.que-son-titulo[data-v-c7467233] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.que-son-contenido p[data-v-c7467233] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.5;
}
.que-son-contenido p[data-v-c7467233]:last-child {
  margin-bottom: 0;
}
.que-son-contenido strong[data-v-c7467233] {
  color: #FFFFFF;
}

/* Preview de leyes */
.leyes-preview[data-v-c7467233] {
  margin: 1.5rem 0;
}
.leyes-titulo[data-v-c7467233] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.leyes-grid[data-v-c7467233] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ley-item[data-v-c7467233] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.ley-numero[data-v-c7467233] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  border-radius: 50%;
}
.ley-info[data-v-c7467233] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.ley-nombre[data-v-c7467233] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ley-autor[data-v-c7467233] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Tip PAES */
.tip-paes[data-v-c7467233] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c7467233] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c7467233] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c7467233] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.balanza-visual[data-v-c7467233] {
    gap: 1rem;
}
.platillo[data-v-c7467233] {
    min-width: 120px;
    padding: 0.75rem;
}
.elem[data-v-c7467233] {
    font-size: 1.25rem;
}
}

/* Autor header */
.autor-header[data-v-7843a179] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}
.autor-icono[data-v-7843a179] {
  font-size: 2rem;
}
.autor-info[data-v-7843a179] {
  display: flex;
  flex-direction: column;
}
.autor-nombre[data-v-7843a179] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.1rem;
}
.autor-fecha[data-v-7843a179] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Enunciado de la ley */
.ley-enunciado[data-v-7843a179] {
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.ley-titulo[data-v-7843a179] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.ley-texto[data-v-7843a179] {
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.5;
  font-style: italic;
}
strong.destacado[data-v-7843a179] {
  color: #FCD34D;
  font-style: normal;
}

/* Sección visual */
.visual-section[data-v-7843a179] {
  margin: 1.5rem 0;
}
.visual-titulo[data-v-7843a179] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-visual[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.lado[data-v-7843a179] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.compuesto[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.formula[data-v-7843a179] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.masa[data-v-7843a179] {
  font-size: 0.8rem;
  color: #6EE7B7;
}
.operador[data-v-7843a179] {
  font-size: 1.25rem;
  color: #C4B5FD;
  font-weight: 700;
}
.flecha-reaccion[data-v-7843a179] {
  padding: 0.25rem 0;
}
.flecha[data-v-7843a179] {
  font-size: 1.5rem;
  color: #FCD34D;
}
.balance-visual[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.balance-item[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.balance-label[data-v-7843a179] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.balance-valor[data-v-7843a179] {
  color: #E9D5FF;
}
.balance-valor strong[data-v-7843a179] {
  color: #6EE7B7;
}
.balance-simbolo[data-v-7843a179] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Fórmula matemática */
.formula-section[data-v-7843a179] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-7843a179] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-7843a179] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-text[data-v-7843a179] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}
.formula-nota[data-v-7843a179] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin: 0.5rem 0 0 0;
  text-align: center;
}

/* Aplicaciones */
.aplicacion-section[data-v-7843a179] {
  margin: 1.5rem 0;
}
.aplicacion-titulo[data-v-7843a179] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicacion-grid[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aplicacion-item[data-v-7843a179] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.app-icono[data-v-7843a179] {
  color: #6EE7B7;
  font-weight: 700;
}
.app-texto[data-v-7843a179] {
  color: #E9D5FF;
}

/* Ejemplo */
.ejemplo-section[data-v-7843a179] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-7843a179] {
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-problema[data-v-7843a179] {
  font-size: 0.9rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ejemplo-solucion[data-v-7843a179] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.solucion-paso[data-v-7843a179] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.paso-num[data-v-7843a179] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 50%;
}
.paso-texto[data-v-7843a179] {
  color: #E9D5FF;
  font-family: monospace;
}
.solucion-paso.resultado .paso-num[data-v-7843a179] {
  background: #10B981;
  color: white;
}
.solucion-paso.resultado .paso-texto[data-v-7843a179] {
  color: #FFFFFF;
}
strong.positivo[data-v-7843a179] {
  color: #6EE7B7;
}

/* Nota histórica */
.nota-historica[data-v-7843a179] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.nota-icono[data-v-7843a179] {
  font-size: 1.25rem;
}
.nota-texto[data-v-7843a179] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-7843a179] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-visual[data-v-7843a179] {
    flex-direction: row;
    gap: 1rem;
}
.flecha[data-v-7843a179] {
    transform: rotate(0deg);
}
.balance-visual[data-v-7843a179] {
    flex-direction: row;
    gap: 1rem;
}
.balance-item[data-v-7843a179] {
    flex-direction: row;
    gap: 0.25rem;
}
}

/* Sección de ley */
.ley-section[data-v-d847c062] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
}
.ley-section.proust[data-v-d847c062] {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ley-section.dalton[data-v-d847c062] {
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ley-header[data-v-d847c062] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ley-icono[data-v-d847c062] {
  font-size: 1.75rem;
}
.ley-info-header[data-v-d847c062] {
  display: flex;
  flex-direction: column;
}
.ley-nombre-header[data-v-d847c062] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.ley-autor-header[data-v-d847c062] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ley-enunciado-box[data-v-d847c062] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.ley-enunciado-box p[data-v-d847c062] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.5;
  font-style: italic;
}
strong.destacado[data-v-d847c062] {
  color: #FCD34D;
  font-style: normal;
}

/* Ejemplo Proust */
.ejemplo-proust[data-v-d847c062] {
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-titulo-small[data-v-d847c062] {
  font-weight: 600;
  color: #6EE7B7;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}
.proporciones-grid[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.proporcion-item[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.proporcion-datos[data-v-d847c062] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.prop-formula[data-v-d847c062] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.prop-valores[data-v-d847c062] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.prop-ratio[data-v-d847c062] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.prop-ratio strong[data-v-d847c062] {
  color: #6EE7B7;
}
.proporcion-siempre[data-v-d847c062] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.siempre-icono[data-v-d847c062] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.siempre-texto[data-v-d847c062] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-weight: 600;
}
.ejemplos-numeros[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(16, 185, 129, 0.2);
}
.ej-num[data-v-d847c062] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.ej-sep[data-v-d847c062] {
  color: #6EE7B7;
}

/* Ejemplo Dalton */
.ejemplo-dalton[data-v-d847c062] {
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.compuestos-dalton[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.compuesto-d[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.comp-formula[data-v-d847c062] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-datos[data-v-d847c062] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ox-val[data-v-d847c062] {
  color: #93C5FD;
}
.relacion-dalton[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
}
.rel-label[data-v-d847c062] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.rel-valores[data-v-d847c062] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: monospace;
}
.rel-val[data-v-d847c062] {
  font-size: 0.95rem;
  color: #93C5FD;
  font-weight: 600;
}
.rel-sep[data-v-d847c062] {
  color: #C4B5FD;
}
.rel-eq[data-v-d847c062] {
  color: #FCD34D;
  margin: 0 0.25rem;
}
.rel-final[data-v-d847c062] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.rel-conclusion[data-v-d847c062] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}

/* Comparación */
.comparacion-section[data-v-d847c062] {
  margin: 1rem 0;
}
.comp-titulo[data-v-d847c062] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.comp-grid[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comp-item[data-v-d847c062] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  border-left: 3px solid #8B5CF6;
}
.comp-nombre[data-v-d847c062] {
  font-weight: 700;
  color: #C4B5FD;
  font-size: 0.9rem;
}
.comp-desc[data-v-d847c062] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-d847c062] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d847c062] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d847c062] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d847c062] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.comp-grid[data-v-d847c062] {
    flex-direction: row;
}
.comp-item[data-v-d847c062] {
    flex: 1;
}
}

.explorador[data-v-7b0b6794] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7b0b6794] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7b0b6794] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-7b0b6794] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-7b0b6794] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7b0b6794] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7b0b6794] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7b0b6794] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7b0b6794] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7b0b6794] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Lavoisier ===== */
.balanza-container[data-v-7b0b6794] {
  text-align: center;
}
.balanza-pregunta[data-v-7b0b6794] {
  margin-bottom: 1rem;
}
.balanza-label[data-v-7b0b6794] {
  font-size: 0.8rem;
  color: #C4B5FD;
  display: block;
  margin-bottom: 0.25rem;
}
.balanza-ecuacion[data-v-7b0b6794] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.balanza-visual[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.platillo-lado[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  min-width: 120px;
}
.platillo-titulo[data-v-7b0b6794] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.masas-reactivos[data-v-7b0b6794] {
  display: flex;
  gap: 0.5rem;
}
.masa-item[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.masa-formula[data-v-7b0b6794] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.masa-valor[data-v-7b0b6794] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.suma-masas[data-v-7b0b6794] {
  font-size: 0.8rem;
  color: #FCD34D;
  margin-top: 0.25rem;
  font-weight: 600;
}
.balanza-centro[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.balanza-icono[data-v-7b0b6794] {
  font-size: 2rem;
}
.balanza-ley[data-v-7b0b6794] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.producto-incognita[data-v-7b0b6794] {
  border: 2px dashed rgba(59, 130, 246, 0.5);
}
.masa-pregunta[data-v-7b0b6794] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Input respuesta */
.input-respuesta[data-v-7b0b6794] {
  margin: 0.75rem 0;
}
.input-label[data-v-7b0b6794] {
  display: block;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.input-group[data-v-7b0b6794] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.respuesta-input[data-v-7b0b6794] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-7b0b6794] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-7b0b6794] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-7b0b6794] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-7b0b6794] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-7b0b6794]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 2: Proust ===== */
.proust-container[data-v-7b0b6794] {
  text-align: center;
}
.proust-info[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.proust-compuesto[data-v-7b0b6794] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.proust-proporcion[data-v-7b0b6794] {
  font-size: 0.85rem;
  color: #6EE7B7;
  font-family: monospace;
}
.proust-tabla[data-v-7b0b6794] {
  margin: 0.75rem auto;
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 280px;
}
.tabla-header[data-v-7b0b6794] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(59, 130, 246, 0.3);
}
.th-item[data-v-7b0b6794] {
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.tabla-fila[data-v-7b0b6794] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.td-item[data-v-7b0b6794] {
  padding: 0.4rem;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.proust-pregunta[data-v-7b0b6794] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0.75rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.proust-pregunta strong[data-v-7b0b6794] {
  color: #FCD34D;
}

/* ===== DESAFÍO 3: Identificar ===== */
.identificar-container[data-v-7b0b6794] {
  text-align: center;
}
.identificar-problema[data-v-7b0b6794] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.problema-numero[data-v-7b0b6794] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.problema-texto[data-v-7b0b6794] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.identificar-opciones[data-v-7b0b6794] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.opcion-ley[data-v-7b0b6794] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.opcion-ley[data-v-7b0b6794]:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.6);
}
.opcion-ley.seleccionada[data-v-7b0b6794] {
  border-color: #3B82F6;
  background: rgba(59, 130, 246, 0.2);
}
.opcion-ley.correcta[data-v-7b0b6794] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.opcion-ley.incorrecta[data-v-7b0b6794] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.opcion-icono[data-v-7b0b6794] {
  font-size: 1.5rem;
}
.opcion-nombre[data-v-7b0b6794] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Feedback y resultados */
.feedback-error[data-v-7b0b6794] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-7b0b6794] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-7b0b6794] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7b0b6794] { font-size: 1.25rem;
}
.resultado-texto[data-v-7b0b6794] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-7b0b6794] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-7b0b6794] { flex: 1;
}
.nav-btn[data-v-7b0b6794] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7b0b6794] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7b0b6794] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7b0b6794] { font-size: 1.75rem;
}
.completado-texto[data-v-7b0b6794] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7b0b6794], .slide-leave-active[data-v-7b0b6794] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7b0b6794] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7b0b6794] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.balanza-visual[data-v-7b0b6794] {
    flex-direction: row;
    justify-content: center;
}
.platillo-lado[data-v-7b0b6794] {
    min-width: 140px;
}
.identificar-opciones[data-v-7b0b6794] {
    flex-direction: row;
    justify-content: center;
}
.opcion-ley[data-v-7b0b6794] {
    flex: 1;
    max-width: 150px;
    flex-direction: column;
    text-align: center;
}
}

/* Header resumen */
.resumen-header[data-v-81892361] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.resumen-icono[data-v-81892361] {
  font-size: 1.25rem;
}
.resumen-label[data-v-81892361] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* Cards de leyes */
.leyes-resumen[data-v-81892361] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.ley-card[data-v-81892361] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.ley-card.lavoisier[data-v-81892361] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ley-card.proust[data-v-81892361] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.ley-card.dalton[data-v-81892361] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ley-card-header[data-v-81892361] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.ley-num[data-v-81892361] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
}
.ley-title[data-v-81892361] {
  display: flex;
  flex-direction: column;
}
.ley-name[data-v-81892361] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.ley-author[data-v-81892361] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.ley-card-body[data-v-81892361] {
  padding: 0 0.75rem 0.75rem;
}
.ley-formula[data-v-81892361] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  display: inline-block;
  margin-bottom: 0.25rem;
}
.ley-desc[data-v-81892361] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin: 0;
}

/* Tabla comparativa */
.tabla-comparativa[data-v-81892361] {
  margin-bottom: 1.5rem;
}
.tabla-titulo[data-v-81892361] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tabla-contenido[data-v-81892361] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-fila[data-v-81892361] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-fila[data-v-81892361]:last-child {
  border-bottom: none;
}
.tabla-fila.header[data-v-81892361] {
  display: none;
}
.tabla-cell[data-v-81892361] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ley-tag[data-v-81892361] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.ley-tag.lavoisier[data-v-81892361] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
}
.ley-tag.proust[data-v-81892361] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ley-tag.dalton[data-v-81892361] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-81892361] {
  margin-bottom: 1.5rem;
}
.ejemplos-titulo[data-v-81892361] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-item[data-v-81892361] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
}
.ejemplo-tipo[data-v-81892361] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  color: white;
}
.ejemplo-tipo.lavoisier[data-v-81892361] { background: #F59E0B;
}
.ejemplo-tipo.proust[data-v-81892361] { background: #10B981;
}
.ejemplo-tipo.dalton[data-v-81892361] { background: #3B82F6;
}
.ejemplo-texto[data-v-81892361] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.ejemplo-texto strong[data-v-81892361] {
  color: #6EE7B7;
}

/* Errores comunes */
.errores-section[data-v-81892361] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
}
.errores-titulo[data-v-81892361] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.error-item[data-v-81892361] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  margin-bottom: 0.4rem;
}
.error-item[data-v-81892361]:last-child {
  margin-bottom: 0;
}
.error-icono[data-v-81892361] {
  color: #FCA5A5;
  font-weight: 700;
}
.error-texto[data-v-81892361] {
  color: #E9D5FF;
}

/* PAES tip */
.paes-tip[data-v-81892361] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.paes-titulo[data-v-81892361] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.paes-pregunta[data-v-81892361] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  margin: 0 0 0.5rem 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.paes-respuesta[data-v-81892361] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0;
  line-height: 1.4;
}
.paes-respuesta strong[data-v-81892361] {
  color: #6EE7B7;
}
.paes-respuesta .destacado[data-v-81892361] {
  color: #FCD34D;
}

/* Siguiente tema */
.siguiente-tema[data-v-81892361] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.sig-icono[data-v-81892361] {
  font-size: 1.25rem;
}
.sig-texto[data-v-81892361] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.sig-texto strong[data-v-81892361] {
  color: #93C5FD;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-fila[data-v-81892361] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.tabla-fila.header[data-v-81892361] {
    display: flex;
    background: rgba(139, 92, 246, 0.2);
}
.tabla-fila.header .tabla-cell[data-v-81892361] {
    font-weight: 600;
    color: #FFFFFF;
}
.ley-tag[data-v-81892361] {
    margin-top: 0;
}
}

/* Intro visual */
.intro-visual[data-v-718a11ae] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.mol-visual[data-v-718a11ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.particulas-grupo[data-v-718a11ae] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  justify-content: center;
}
.particula[data-v-718a11ae] {
  font-size: 1.5rem;
}
.multiplicador[data-v-718a11ae] {
  font-size: 1.25rem;
  color: #C4B5FD;
  margin: 0 0.25rem;
}
.numero-grande[data-v-718a11ae] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.flecha-resultado[data-v-718a11ae] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.resultado-mol[data-v-718a11ae] {
  padding: 0.5rem 1rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.mol-label[data-v-718a11ae] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Texto destacado */
strong.destacado[data-v-718a11ae] {
  color: #FCD34D;
}

/* Analogía */
.analogia-section[data-v-718a11ae] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-718a11ae] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.analogia-contenido p[data-v-718a11ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.75rem 0;
  line-height: 1.5;
}
.analogia-contenido strong[data-v-718a11ae] {
  color: #FFFFFF;
}
.analogia-comparacion[data-v-718a11ae] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analogia-item[data-v-718a11ae] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.analogia-item.destacada[data-v-718a11ae] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.analogia-icono[data-v-718a11ae] {
  font-size: 1.25rem;
}
.analogia-texto[data-v-718a11ae] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.analogia-item.destacada .analogia-texto[data-v-718a11ae] {
  color: #FFFFFF;
  font-weight: 600;
}

/* Definición formal */
.definicion[data-v-718a11ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-718a11ae] {
  font-size: 1.5rem;
}
.def-contenido[data-v-718a11ae] {
  flex: 1;
}
.def-titulo[data-v-718a11ae] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-texto[data-v-718a11ae] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-718a11ae] {
  color: #FFFFFF;
}

/* Por qué section */
.por-que-section[data-v-718a11ae] {
  margin: 1.5rem 0;
}
.por-que-titulo[data-v-718a11ae] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.por-que-contenido p[data-v-718a11ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0 0 0.5rem 0;
  line-height: 1.5;
}
.por-que-contenido p[data-v-718a11ae]:last-child {
  margin-bottom: 0;
}
.por-que-contenido strong[data-v-718a11ae] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-718a11ae] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-718a11ae] {
  font-size: 1.25rem;
}
.tip-texto[data-v-718a11ae] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-718a11ae] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.particulas-grupo[data-v-718a11ae] {
    gap: 0.5rem;
}
.particula[data-v-718a11ae] {
    font-size: 2rem;
}
.numero-grande[data-v-718a11ae] {
    font-size: 1.5rem;
}
.analogia-comparacion[data-v-718a11ae] {
    flex-direction: row;
}
.analogia-item[data-v-718a11ae] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
}

/* Avogadro destacado */
.avogadro-destacado[data-v-324d5b2f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 1rem;
  flex-wrap: wrap;
}
.simbolo-na[data-v-324d5b2f] {
  font-size: 2rem;
  font-weight: 800;
  color: #93C5FD;
  font-family: serif;
}
.avogadro-igual[data-v-324d5b2f] {
  font-size: 1.75rem;
  color: #C4B5FD;
}
.avogadro-valor[data-v-324d5b2f] {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  flex-wrap: wrap;
  justify-content: center;
}
.valor-numero[data-v-324d5b2f] {
  font-size: 2rem;
  font-weight: 800;
  color: #FCD34D;
}
.valor-exp[data-v-324d5b2f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
}
.valor-unidad[data-v-324d5b2f] {
  font-size: 1rem;
  color: #C4B5FD;
  margin-left: 0.25rem;
}

/* Texto destacado */
strong.destacado[data-v-324d5b2f] {
  color: #FCD34D;
}

/* Historia */
.historia-section[data-v-324d5b2f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.historia-header[data-v-324d5b2f] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.historia-icono[data-v-324d5b2f] {
  font-size: 2rem;
}
.historia-info[data-v-324d5b2f] {
  display: flex;
  flex-direction: column;
}
.historia-nombre[data-v-324d5b2f] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.historia-año[data-v-324d5b2f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.historia-texto[data-v-324d5b2f] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Magnitud */
.magnitud-section[data-v-324d5b2f] {
  margin: 1.5rem 0;
}
.magnitud-titulo[data-v-324d5b2f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.magnitud-ejemplos[data-v-324d5b2f] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.magnitud-item[data-v-324d5b2f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.mag-icono[data-v-324d5b2f] {
  font-size: 1.5rem;
}
.mag-info[data-v-324d5b2f] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.mag-titulo[data-v-324d5b2f] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.mag-dato[data-v-324d5b2f] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.mag-dato strong[data-v-324d5b2f] {
  color: #6EE7B7;
}

/* Aplicación */
.aplicacion-section[data-v-324d5b2f] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.aplicacion-titulo[data-v-324d5b2f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-324d5b2f] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-principal[data-v-324d5b2f] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
  margin-bottom: 0.5rem;
}
.formula-leyenda[data-v-324d5b2f] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}
.leyenda-item[data-v-324d5b2f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.leyenda-item strong[data-v-324d5b2f] {
  color: #FFFFFF;
}
.ejemplo-aplicacion[data-v-324d5b2f] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-label[data-v-324d5b2f] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
}
.ejemplo-texto[data-v-324d5b2f] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-top: 0.25rem;
  font-family: monospace;
}
.ejemplo-texto strong[data-v-324d5b2f] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-324d5b2f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-324d5b2f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-324d5b2f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-324d5b2f] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.avogadro-destacado[data-v-324d5b2f] {
    gap: 1rem;
}
.simbolo-na[data-v-324d5b2f] {
    font-size: 2.5rem;
}
.valor-numero[data-v-324d5b2f] {
    font-size: 2.5rem;
}
.formula-leyenda[data-v-324d5b2f] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Diagrama central */
.diagrama-central[data-v-fa82c217] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.diagrama-titulo[data-v-fa82c217] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-size: 1rem;
}
.triangulo-visual[data-v-fa82c217] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.triangulo-nodo[data-v-fa82c217] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.triangulo-nodo.masa[data-v-fa82c217] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.triangulo-nodo.particulas[data-v-fa82c217] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.triangulo-nodo.volumen[data-v-fa82c217] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.nodo-icono[data-v-fa82c217] {
  font-size: 1.25rem;
}
.nodo-label[data-v-fa82c217] {
  font-size: 0.75rem;
  color: #E9D5FF;
  font-weight: 600;
}
.triangulo-centro[data-v-fa82c217] {
  margin: 0.5rem 0;
}
.centro-mol[data-v-fa82c217] {
  padding: 0.75rem 1.25rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(139, 92, 246, 0.3));
  border: 2px solid #3B82F6;
  border-radius: 50%;
}
.mol-simbolo[data-v-fa82c217] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FCD34D;
}
.triangulo-base[data-v-fa82c217] {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.diagrama-nota[data-v-fa82c217] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Fórmulas */
.formulas-section[data-v-fa82c217] {
  margin: 1.5rem 0;
}
.formulas-titulo[data-v-fa82c217] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-card[data-v-fa82c217] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-header[data-v-fa82c217] {
  margin-bottom: 0.5rem;
}
.formula-tipo[data-v-fa82c217] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #93C5FD;
}
.formula-contenido[data-v-fa82c217] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.formula-ecuacion[data-v-fa82c217], .formula-despeje[data-v-fa82c217] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.formula-leyenda[data-v-fa82c217] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.formula-leyenda strong[data-v-fa82c217] {
  color: #FFFFFF;
}
.formula-nota[data-v-fa82c217] {
  font-size: 0.8rem;
  color: #E9D5FF;
  background: rgba(59, 130, 246, 0.1);
  padding: 0.4rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
.formula-nota strong[data-v-fa82c217] {
  color: #6EE7B7;
}
.formula-ejemplo[data-v-fa82c217] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.25rem;
  font-family: monospace;
  line-height: 1.5;
}
.formula-ejemplo strong[data-v-fa82c217] {
  color: #FFFFFF;
}
.formula-ejemplo .resultado[data-v-fa82c217] {
  color: #6EE7B7;
}

/* Masa molar */
.masa-molar-section[data-v-fa82c217] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.mm-titulo[data-v-fa82c217] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.mm-contenido p[data-v-fa82c217] {
  margin: 0 0 0.75rem 0;
  color: #E9D5FF;
  font-size: 0.9rem;
}
.mm-contenido strong[data-v-fa82c217] {
  color: #FFFFFF;
}
.mm-ejemplos[data-v-fa82c217] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.mm-ejemplo[data-v-fa82c217] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.mm-sustancia[data-v-fa82c217] {
  color: #93C5FD;
  font-weight: 600;
  min-width: 50px;
}
.mm-calculo[data-v-fa82c217] {
  color: #E9D5FF;
}
.mm-calculo strong[data-v-fa82c217] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-fa82c217] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-fa82c217] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fa82c217] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fa82c217] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.triangulo-visual[data-v-fa82c217] {
    gap: 1rem;
}
.triangulo-nodo[data-v-fa82c217] {
    min-width: 110px;
    padding: 0.75rem 1rem;
}
.nodo-icono[data-v-fa82c217] {
    font-size: 1.5rem;
}
.nodo-label[data-v-fa82c217] {
    font-size: 0.85rem;
}
.centro-mol[data-v-fa82c217] {
    padding: 1rem 1.5rem;
}
.mol-simbolo[data-v-fa82c217] {
    font-size: 1.5rem;
}
.triangulo-base[data-v-fa82c217] {
    gap: 2rem;
}
.mm-ejemplos[data-v-fa82c217] {
    flex-direction: row;
    gap: 1.5rem;
}
}

.explorador[data-v-66d7e2b3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-66d7e2b3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-66d7e2b3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-66d7e2b3] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-66d7e2b3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-66d7e2b3] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-66d7e2b3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-66d7e2b3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-66d7e2b3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-66d7e2b3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Conversion container */
.conversion-container[data-v-66d7e2b3] {
  text-align: center;
}
.conversion-dato[data-v-66d7e2b3] {
  margin-bottom: 0.5rem;
}
.conversion-dato.secundario[data-v-66d7e2b3] {
  margin-bottom: 0.75rem;
}
.dato-label[data-v-66d7e2b3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  display: block;
}
.dato-valor[data-v-66d7e2b3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.conversion-formula[data-v-66d7e2b3] {
  margin-bottom: 0.75rem;
}
.formula-recordatorio[data-v-66d7e2b3] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.25rem;
  font-size: 0.9rem;
  color: #FCD34D;
  font-family: serif;
}

/* Visual de conversión */
.conversion-visual[data-v-66d7e2b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.visual-box[data-v-66d7e2b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.5rem;
  border-radius: 0.35rem;
  min-width: 60px;
}
.input-box[data-v-66d7e2b3] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.avogadro-box[data-v-66d7e2b3], .molar-box[data-v-66d7e2b3], .volumen-box[data-v-66d7e2b3] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
}
.resultado-box[data-v-66d7e2b3] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.box-valor[data-v-66d7e2b3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.box-label[data-v-66d7e2b3] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.visual-operador[data-v-66d7e2b3] {
  font-size: 1rem;
  color: #C4B5FD;
  font-weight: 700;
}

/* Input respuesta */
.input-respuesta[data-v-66d7e2b3] {
  margin: 0.75rem 0;
}
.input-cientifica[data-v-66d7e2b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.input-coef[data-v-66d7e2b3] {
  width: 60px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.input-exp[data-v-66d7e2b3] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.input-exponente[data-v-66d7e2b3] {
  width: 40px;
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.4rem;
  color: white;
  font-family: inherit;
}
.input-unidad[data-v-66d7e2b3] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-left: 0.25rem;
}
.input-group-simple[data-v-66d7e2b3] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.respuesta-input[data-v-66d7e2b3] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-66d7e2b3], .input-coef.correcto[data-v-66d7e2b3], .input-exponente.correcto[data-v-66d7e2b3] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-66d7e2b3], .input-coef.incorrecto[data-v-66d7e2b3], .input-exponente.incorrecto[data-v-66d7e2b3] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-66d7e2b3] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-66d7e2b3]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-66d7e2b3] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-family: monospace;
}
.contador[data-v-66d7e2b3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-66d7e2b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-66d7e2b3] { font-size: 1.25rem;
}
.resultado-texto[data-v-66d7e2b3] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-66d7e2b3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-66d7e2b3] { flex: 1;
}
.nav-btn[data-v-66d7e2b3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-66d7e2b3] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-66d7e2b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-66d7e2b3] { font-size: 1.75rem;
}
.completado-texto[data-v-66d7e2b3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-66d7e2b3], .slide-leave-active[data-v-66d7e2b3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-66d7e2b3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-66d7e2b3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.conversion-visual[data-v-66d7e2b3] {
    gap: 0.5rem;
}
.visual-box[data-v-66d7e2b3] {
    min-width: 80px;
    padding: 0.5rem 0.75rem;
}
.box-valor[data-v-66d7e2b3] {
    font-size: 1rem;
}
.box-label[data-v-66d7e2b3] {
    font-size: 0.75rem;
}
.visual-operador[data-v-66d7e2b3] {
    font-size: 1.25rem;
}
}

/* Intro */
.resumen-intro[data-v-cb09a67c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-cb09a67c] {
  font-size: 2rem;
}
.resumen-intro p[data-v-cb09a67c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1.1rem;
}
.resumen-intro strong[data-v-cb09a67c] {
  color: #FFFFFF;
}

/* Cards grid */
.resumen-cards[data-v-cb09a67c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
.resumen-cards[data-v-cb09a67c] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-cb09a67c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-cb09a67c]:hover {
  border-color: #3B82F6;
  transform: translateY(-2px);
}
.resumen-card.wide[data-v-cb09a67c] {
  grid-column: span 2;
}
@media (max-width: 640px) {
.resumen-card.wide[data-v-cb09a67c] {
    grid-column: span 1;
}
}
.card-header[data-v-cb09a67c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.card-icono[data-v-cb09a67c] {
  font-size: 1.25rem;
}
.card-titulo[data-v-cb09a67c] {
  font-weight: 700;
  color: #FFFFFF;
}
.card-contenido[data-v-cb09a67c] {
  color: #E9D5FF;
}
.card-definicion[data-v-cb09a67c] {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
}
.card-nota[data-v-cb09a67c] {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-style: italic;
}
.card-destaque[data-v-cb09a67c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  padding: 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.4rem;
  font-family: monospace;
}
.avogadro-formula[data-v-cb09a67c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  font-family: serif;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-cb09a67c] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.formula-item[data-v-cb09a67c] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  flex: 1;
  min-width: 100px;
}
.formula-titulo[data-v-cb09a67c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-cb09a67c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  font-family: serif;
}

/* Ejemplos masa molar */
.ejemplos-mm[data-v-cb09a67c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
  font-family: monospace;
}
.mm-ej[data-v-cb09a67c] {
  color: #93C5FD;
}

/* Volumen destaque */
.volumen-destaque[data-v-cb09a67c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  text-align: center;
  font-family: monospace;
}

/* Diagrama resumen */
.diagrama-resumen[data-v-cb09a67c] {
  margin: 2rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
}
.diagrama-titulo[data-v-cb09a67c] {
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.diagrama-visual[data-v-cb09a67c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.diagrama-extremo[data-v-cb09a67c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.ext-icono[data-v-cb09a67c] {
  font-size: 1.5rem;
}
.ext-label[data-v-cb09a67c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ext-formula[data-v-cb09a67c] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-family: serif;
}
.diagrama-centro[data-v-cb09a67c] {
  padding: 1rem 1.5rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(139, 92, 246, 0.3));
  border: 2px solid #3B82F6;
  border-radius: 50%;
}
.centro-mol[data-v-cb09a67c] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.diagrama-abajo[data-v-cb09a67c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.75rem;
  gap: 0.25rem;
}
.ext-formula-abajo[data-v-cb09a67c] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-family: serif;
}
.ext-icono-abajo[data-v-cb09a67c] {
  font-size: 1.25rem;
}
.ext-label-abajo[data-v-cb09a67c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-cb09a67c] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.tip-final[data-v-cb09a67c] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.tip-emoji[data-v-cb09a67c] {
  font-size: 1.25rem;
}
.tip-text[data-v-cb09a67c] {
  color: #E9D5FF;
  line-height: 1.4;
  font-size: 0.9rem;
}
.tip-text strong[data-v-cb09a67c] {
  color: #FCD34D;
}

/* Celebración */
.celebracion[data-v-cb09a67c] {
  text-align: center;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-cb09a67c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  animation: bounce-cb09a67c 1s ease-in-out infinite;
}
@keyframes bounce-cb09a67c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-cb09a67c] {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin: 0 0 0.5rem;
}
.celebracion-siguiente[data-v-cb09a67c] {
  font-size: 0.9rem;
  color: #C4B5FD;
  margin: 0;
}
.celebracion-texto strong[data-v-cb09a67c],
.celebracion-siguiente strong[data-v-cb09a67c] {
  color: #6EE7B7;
}

/* Intro visual */
.intro-visual[data-v-c59913cd] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  overflow-x: auto;
}
.reaccion-visual[data-v-c59913cd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-width: max-content;
}
.reactivo[data-v-c59913cd], .producto[data-v-c59913cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 55px;
}
.reactivo.acido[data-v-c59913cd] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.reactivo.base[data-v-c59913cd] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.producto.sal[data-v-c59913cd] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.producto.agua[data-v-c59913cd] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.formula[data-v-c59913cd] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
}
.reactivo.acido .formula[data-v-c59913cd] { color: #FCA5A5;
}
.reactivo.base .formula[data-v-c59913cd] { color: #93C5FD;
}
.producto.sal .formula[data-v-c59913cd] { color: #FCD34D;
}
.producto.agua .formula[data-v-c59913cd] { color: #6EE7B7;
}
.label[data-v-c59913cd] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}
.simbolo[data-v-c59913cd] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #8B5CF6;
}

/* Colores texto inline */
.acido-text[data-v-c59913cd] { color: #FCA5A5;
}
.base-text[data-v-c59913cd] { color: #93C5FD;
}
.sal-text[data-v-c59913cd] { color: #FCD34D;
}
.agua-text[data-v-c59913cd] { color: #6EE7B7;
}

/* Fórmula general */
.formula-general[data-v-c59913cd] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-titulo[data-v-c59913cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-contenido[data-v-c59913cd] {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.formula-acido[data-v-c59913cd] { color: #FCA5A5;
}
.formula-base[data-v-c59913cd] { color: #93C5FD;
}
.formula-sal[data-v-c59913cd] { color: #FCD34D;
}
.formula-agua[data-v-c59913cd] { color: #6EE7B7;
}
.formula-ionica[data-v-c59913cd] {
  font-family: monospace;
  font-size: 1.1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  display: inline-block;
}
.h-ion[data-v-c59913cd] { color: #FCA5A5; font-weight: 700;
}
.oh-ion[data-v-c59913cd] { color: #93C5FD; font-weight: 700;
}
.agua-formula[data-v-c59913cd] { color: #6EE7B7; font-weight: 700;
}

/* Ejemplos */
.ejemplos-section[data-v-c59913cd] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-c59913cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-card[data-v-c59913cd] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.ejemplo-nombre[data-v-c59913cd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.4rem;
}
.ejemplo-ecuacion[data-v-c59913cd] {
  font-family: monospace;
  font-size: 0.9rem;
  margin-bottom: 0.3rem;
}
.eq-acido[data-v-c59913cd] { color: #FCA5A5; font-weight: 600;
}
.eq-base[data-v-c59913cd] { color: #93C5FD; font-weight: 600;
}
.eq-sal[data-v-c59913cd] { color: #FCD34D; font-weight: 600;
}
.eq-agua[data-v-c59913cd] { color: #6EE7B7; font-weight: 600;
}
.ejemplo-productos[data-v-c59913cd] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.ejemplo-productos strong[data-v-c59913cd] {
  color: #FFFFFF;
}

/* Punto clave */
.punto-clave[data-v-c59913cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.clave-icono[data-v-c59913cd] {
  font-size: 1.25rem;
}
.clave-contenido[data-v-c59913cd] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.clave-titulo[data-v-c59913cd] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.clave-texto[data-v-c59913cd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Aplicaciones */
.aplicaciones-section[data-v-c59913cd] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-c59913cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-c59913cd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.aplicacion[data-v-c59913cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.app-icono[data-v-c59913cd] {
  font-size: 1.4rem;
  margin-bottom: 0.25rem;
}
.app-texto[data-v-c59913cd] {
  font-size: 0.7rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-c59913cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-c59913cd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-c59913cd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-c59913cd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reaccion-visual[data-v-c59913cd] {
    gap: 0.75rem;
}
.reactivo[data-v-c59913cd], .producto[data-v-c59913cd] {
    padding: 0.75rem 1rem;
    min-width: 70px;
}
.formula[data-v-c59913cd] {
    font-size: 1.2rem;
}
.simbolo[data-v-c59913cd] {
    font-size: 1.5rem;
}
.aplicaciones-grid[data-v-c59913cd] {
    grid-template-columns: repeat(4, 1fr);
}
.aplicacion[data-v-c59913cd] {
    padding: 0.75rem;
}
.app-icono[data-v-c59913cd] {
    font-size: 1.6rem;
}
.app-texto[data-v-c59913cd] {
    font-size: 0.75rem;
}
}

/* Intro visual - Animación de titulación */
.intro-visual[data-v-d58a91ac] {
  margin: 1rem 0 1.5rem;
  padding: 1.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.titulacion-setup[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.bureta[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bureta-cuerpo[data-v-d58a91ac] {
  width: 20px;
  height: 80px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 2px 2px 0 0;
  position: relative;
  overflow: hidden;
}
.liquido.base-liquido[data-v-d58a91ac] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.6));
}
.bureta-punta[data-v-d58a91ac] {
  width: 8px;
  height: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-top: none;
}
.gota[data-v-d58a91ac] {
  width: 8px;
  height: 8px;
  background: rgba(59, 130, 246, 0.8);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  animation: goteo-d58a91ac 2s infinite;
}
@keyframes goteo-d58a91ac {
0%, 100% { transform: translateY(0); opacity: 1;
}
50% { transform: translateY(20px); opacity: 0;
}
}
.matraz[data-v-d58a91ac] {
  margin-top: 0.5rem;
}
.matraz-cuerpo[data-v-d58a91ac] {
  width: 70px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0 50% 50%;
  position: relative;
  overflow: hidden;
}
.solucion[data-v-d58a91ac] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60%;
  background: rgba(239, 68, 68, 0.4);
  transition: background 1s ease;
}
.solucion.viraje[data-v-d58a91ac] {
  background: rgba(236, 72, 153, 0.6);
}

/* Colores texto */
.acido-text[data-v-d58a91ac] { color: #FCA5A5;
}
.base-text[data-v-d58a91ac] { color: #93C5FD;
}

/* Componentes de la titulación */
.componentes-section[data-v-d58a91ac] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-d58a91ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.componente-card[data-v-d58a91ac] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.componente-card.titulante[data-v-d58a91ac] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.componente-card.analito[data-v-d58a91ac] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.componente-card.indicador[data-v-d58a91ac] {
  background: rgba(236, 72, 153, 0.1);
  border-color: rgba(236, 72, 153, 0.3);
}
.comp-header[data-v-d58a91ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.comp-icono[data-v-d58a91ac] {
  font-size: 1rem;
}
.comp-nombre[data-v-d58a91ac] {
  font-weight: 700;
  font-size: 0.9rem;
}
.titulante .comp-nombre[data-v-d58a91ac] { color: #93C5FD;
}
.analito .comp-nombre[data-v-d58a91ac] { color: #FCA5A5;
}
.indicador .comp-nombre[data-v-d58a91ac] { color: #F9A8D4;
}
.comp-descripcion[data-v-d58a91ac] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.comp-descripcion strong[data-v-d58a91ac] {
  color: #FFFFFF;
}

/* Fórmula clave */
.formula-clave[data-v-d58a91ac] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.formula-header[data-v-d58a91ac] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-icono[data-v-d58a91ac] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-d58a91ac] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.95rem;
}
.formula-contenido[data-v-d58a91ac] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.formula-ecuacion[data-v-d58a91ac] {
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.term[data-v-d58a91ac] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.acido-term[data-v-d58a91ac] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.base-term[data-v-d58a91ac] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.igual[data-v-d58a91ac] {
  color: #FFFFFF;
  margin: 0 0.5rem;
}
.formula-leyenda[data-v-d58a91ac] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.formula-nota[data-v-d58a91ac] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Estequiometría */
.estequiometria-section[data-v-d58a91ac] {
  margin: 1.5rem 0;
}
.estequio-titulo[data-v-d58a91ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estequio-ejemplo[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estequio-caso[data-v-d58a91ac] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(139, 92, 246, 0.3);
  background: rgba(0, 0, 0, 0.2);
}
.caso-header[data-v-d58a91ac] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
}
.caso-ecuacion[data-v-d58a91ac] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.caso-formula[data-v-d58a91ac] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
}

/* Punto de equivalencia */
.equivalencia-box[data-v-d58a91ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.eq-icono[data-v-d58a91ac] {
  font-size: 1.25rem;
}
.eq-contenido[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.eq-titulo[data-v-d58a91ac] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.eq-texto[data-v-d58a91ac] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Indicadores */
.indicadores-section[data-v-d58a91ac] {
  margin: 1.5rem 0;
}
.indicadores-titulo[data-v-d58a91ac] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.indicadores-grid[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.indicador-item[data-v-d58a91ac] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.indicador-nombre[data-v-d58a91ac] {
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.indicador-colores[data-v-d58a91ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.color-acido[data-v-d58a91ac] {
  color: #E9D5FF;
}
.color-acido.rojo[data-v-d58a91ac] {
  color: #FCA5A5;
}
.flecha[data-v-d58a91ac] {
  color: #8B5CF6;
}
.color-base[data-v-d58a91ac] {
  color: #F9A8D4;
}
.color-base.naranja[data-v-d58a91ac] {
  color: #FCD34D;
}
.indicador-rango[data-v-d58a91ac] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-d58a91ac] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-d58a91ac] {
  font-size: 1.25rem;
}
.tip-texto[data-v-d58a91ac] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-d58a91ac] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-grid[data-v-d58a91ac] {
    flex-direction: row;
}
.componente-card[data-v-d58a91ac] {
    flex: 1;
}
.estequio-ejemplo[data-v-d58a91ac] {
    flex-direction: row;
}
.estequio-caso[data-v-d58a91ac] {
    flex: 1;
}
.indicadores-grid[data-v-d58a91ac] {
    flex-direction: row;
}
.indicador-item[data-v-d58a91ac] {
    flex: 1;
}
.formula-ecuacion[data-v-d58a91ac] {
    font-size: 1.5rem;
}
}

.explorador[data-v-149e151e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-149e151e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-149e151e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-149e151e] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-149e151e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-149e151e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-149e151e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-149e151e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-149e151e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-149e151e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-149e151e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar productos ===== */
.productos-container[data-v-149e151e] {
  text-align: center;
}
.reaccion-mostrar[data-v-149e151e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.reactivo[data-v-149e151e], .producto[data-v-149e151e] {
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  font-family: monospace;
  font-weight: 700;
  font-size: 0.95rem;
}
.reactivo.acido[data-v-149e151e] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.reactivo.base[data-v-149e151e] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.producto.incognita[data-v-149e151e] {
  background: rgba(245, 158, 11, 0.2);
  color: #FCD34D;
  font-size: 1.2rem;
}
.producto.agua[data-v-149e151e] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.mas[data-v-149e151e], .flecha[data-v-149e151e] {
  color: #8B5CF6;
  font-weight: 700;
}
.pregunta-d1[data-v-149e151e] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.pregunta-d1 strong[data-v-149e151e] {
  color: #FCD34D;
}
.opciones-grid[data-v-149e151e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.btn-opcion[data-v-149e151e] {
  padding: 0.6rem 0.5rem;
  font-size: 0.9rem;
  font-family: monospace;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-opcion[data-v-149e151e]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-149e151e] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-149e151e] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-149e151e] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* ===== DESAFÍO 2: Cálculos ===== */
.calculo-container[data-v-149e151e] {
  text-align: center;
}
.formula-recordatorio[data-v-149e151e] {
  margin-bottom: 0.75rem;
}
.formula-hint[data-v-149e151e] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #C4B5FD;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.datos-problema[data-v-149e151e] {
  margin-bottom: 1rem;
}
.dato[data-v-149e151e] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.4rem;
}
.dato-label[data-v-149e151e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.dato-valor[data-v-149e151e] {
  font-family: monospace;
  font-size: 0.9rem;
}
.dato-valor.acido[data-v-149e151e] { color: #FCA5A5;
}
.dato-valor.base[data-v-149e151e] { color: #93C5FD;
}
.dato-valor strong[data-v-149e151e] {
  color: #FCD34D;
}
.input-respuesta[data-v-149e151e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.input-label[data-v-149e151e] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.input-valor[data-v-149e151e] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-valor.correcto[data-v-149e151e] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-valor.incorrecto[data-v-149e151e] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-149e151e] {
  font-size: 0.95rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-149e151e] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-149e151e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-149e151e] {
  text-align: center;
}
.simulador-info[data-v-149e151e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.info-item[data-v-149e151e] {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: 0.8rem;
}
.info-label[data-v-149e151e] {
  color: #C4B5FD;
}
.info-valor.acido[data-v-149e151e] { color: #FCA5A5;
}
.info-valor.base[data-v-149e151e] { color: #93C5FD;
}
.simulador-visual[data-v-149e151e] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.bureta-sim[data-v-149e151e] {
  width: 30px;
  height: 100px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 4px 4px 0 0;
  position: relative;
  overflow: hidden;
}
.bureta-nivel[data-v-149e151e] {
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.7));
  transition: height 0.3s ease;
}
.bureta-marca[data-v-149e151e] {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  color: #93C5FD;
  white-space: nowrap;
}
.matraz-sim[data-v-149e151e] {
  width: 80px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0 50% 50%;
  position: relative;
  overflow: hidden;
}
.solucion-sim[data-v-149e151e] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  transition: background 0.5s ease;
}
.solucion-sim.acido[data-v-149e151e] {
  background: rgba(239, 68, 68, 0.5);
}
.solucion-sim.neutro[data-v-149e151e] {
  background: rgba(16, 185, 129, 0.5);
}
.solucion-sim.basico[data-v-149e151e] {
  background: rgba(59, 130, 246, 0.5);
}
.controles-sim[data-v-149e151e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-agregar[data-v-149e151e] {
  padding: 0.5rem 1rem;
  background: rgba(59, 130, 246, 0.3);
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0.4rem;
  color: #93C5FD;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-agregar.small[data-v-149e151e] {
  padding: 0.5rem 0.75rem;
}
.btn-agregar[data-v-149e151e]:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.4);
}
.btn-agregar[data-v-149e151e]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-reiniciar[data-v-149e151e] {
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.estado-reaccion[data-v-149e151e] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.estado-label[data-v-149e151e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-right: 0.5rem;
}
.estado-valor[data-v-149e151e] {
  font-size: 0.85rem;
  font-weight: 600;
}
.estado-valor.acido[data-v-149e151e] { color: #FCA5A5;
}
.estado-valor.neutro[data-v-149e151e] { color: #6EE7B7;
}
.estado-valor.basico[data-v-149e151e] { color: #93C5FD;
}
.pregunta-sim[data-v-149e151e] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pregunta-texto[data-v-149e151e] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.opciones-sim[data-v-149e151e] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.btn-si[data-v-149e151e], .btn-no[data-v-149e151e] {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 0.4rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-si[data-v-149e151e] {
  background: #10B981;
  color: white;
}
.btn-no[data-v-149e151e] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.explicacion-sim[data-v-149e151e] {
  margin-top: 0.75rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: left;
}
.explicacion-sim strong[data-v-149e151e] {
  color: #6EE7B7;
}

/* Elementos compartidos */
.feedback-error[data-v-149e151e] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-149e151e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-149e151e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-149e151e] { font-size: 1.25rem;
}
.resultado-texto[data-v-149e151e] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-149e151e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-149e151e] { flex: 1;
}
.nav-btn[data-v-149e151e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-149e151e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-149e151e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-149e151e] { font-size: 1.75rem;
}
.completado-texto[data-v-149e151e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-149e151e], .slide-leave-active[data-v-149e151e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-149e151e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-149e151e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.simulador-info[data-v-149e151e] {
    flex-direction: row;
    justify-content: center;
}
.info-item[data-v-149e151e] {
    min-width: 180px;
}
.dato[data-v-149e151e] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.opciones-grid[data-v-149e151e] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Estilo para hint de reacción (sin scoped para que funcione con v-html) */
.reaccion-hint {
  color: #C4B5FD;
  font-size: 0.9em;
  font-style: italic;
}

/* Header de resumen */
.resumen-header[data-v-c7b1c71a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
}
.header-icono[data-v-c7b1c71a] {
  font-size: 1.5rem;
}
.header-texto[data-v-c7b1c71a] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto central */
.concepto-central[data-v-c7b1c71a] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.concepto-titulo[data-v-c7b1c71a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.concepto-ecuacion[data-v-c7b1c71a] {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.eq-acido[data-v-c7b1c71a] { color: #FCA5A5;
}
.eq-base[data-v-c7b1c71a] { color: #93C5FD;
}
.eq-sal[data-v-c7b1c71a] { color: #FCD34D;
}
.eq-agua[data-v-c7b1c71a] { color: #6EE7B7;
}
.concepto-ionica[data-v-c7b1c71a] {
  font-family: monospace;
  font-size: 1.1rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  display: inline-block;
}
.h-ion[data-v-c7b1c71a] { color: #FCA5A5; font-weight: 700;
}
.oh-ion[data-v-c7b1c71a] { color: #93C5FD; font-weight: 700;
}
.agua-ion[data-v-c7b1c71a] { color: #6EE7B7; font-weight: 700;
}

/* Colores texto inline */
.acido-text[data-v-c7b1c71a] { color: #FCA5A5;
}
.base-text[data-v-c7b1c71a] { color: #93C5FD;
}
.sal-text[data-v-c7b1c71a] { color: #FCD34D;
}
.agua-text[data-v-c7b1c71a] { color: #6EE7B7;
}

/* Puntos clave */
.puntos-clave[data-v-c7b1c71a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.punto-item[data-v-c7b1c71a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.punto-numero[data-v-c7b1c71a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
}
.punto-contenido[data-v-c7b1c71a] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.punto-titulo[data-v-c7b1c71a] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #C4B5FD;
}
.punto-texto[data-v-c7b1c71a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto.formula-mono[data-v-c7b1c71a] {
  font-family: monospace;
  font-size: 0.95rem;
}
.nota[data-v-c7b1c71a] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-c7b1c71a] {
  margin-bottom: 1.5rem;
}
.ejemplos-titulo[data-v-c7b1c71a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-tabla[data-v-c7b1c71a] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ejemplo-fila[data-v-c7b1c71a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0.5rem;
  font-family: monospace;
  font-size: 0.85rem;
  text-align: center;
}
.ejemplo-fila.header[data-v-c7b1c71a] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-family: inherit;
}
.ejemplo-fila[data-v-c7b1c71a]:not(.header):nth-child(odd) {
  background: rgba(139, 92, 246, 0.05);
}
.col-acido[data-v-c7b1c71a] { color: #FCA5A5;
}
.col-base[data-v-c7b1c71a] { color: #93C5FD;
}
.col-sal[data-v-c7b1c71a] { color: #FCD34D;
}
.ejemplo-fila.header .col-acido[data-v-c7b1c71a],
.ejemplo-fila.header .col-base[data-v-c7b1c71a],
.ejemplo-fila.header .col-sal[data-v-c7b1c71a] {
  color: #E9D5FF;
}

/* Advertencia */
.advertencia-box[data-v-c7b1c71a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.adv-icono[data-v-c7b1c71a] {
  font-size: 1.25rem;
}
.adv-contenido[data-v-c7b1c71a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.adv-titulo[data-v-c7b1c71a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.adv-texto[data-v-c7b1c71a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.adv-texto strong[data-v-c7b1c71a] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-c7b1c71a] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-c7b1c71a] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c7b1c71a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c7b1c71a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-c7b1c71a] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}
.tip-texto[data-v-c7b1c71a] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c7b1c71a] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-c7b1c71a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  text-align: center;
}
.final-icono[data-v-c7b1c71a] {
  font-size: 1.75rem;
}
.final-texto[data-v-c7b1c71a] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.concepto-ecuacion[data-v-c7b1c71a] {
    font-size: 1.2rem;
}
.concepto-ionica[data-v-c7b1c71a] {
    font-size: 1.3rem;
}
.ejemplo-fila[data-v-c7b1c71a] {
    font-size: 0.95rem;
    padding: 0.6rem;
}
.mensaje-final[data-v-c7b1c71a] {
    flex-direction: row;
    text-align: left;
}
}

/* Intro visual: demo de electrones */
.intro-visual[data-v-5c52b14a] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.electron-demo[data-v-5c52b14a] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.atomo[data-v-5c52b14a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.simbolo[data-v-5c52b14a] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.nox[data-v-5c52b14a] {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.nox.positivo[data-v-5c52b14a] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.nox.negativo[data-v-5c52b14a] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.flecha-electronica[data-v-5c52b14a] {
  font-size: 1rem;
  color: #FCD34D;
  font-weight: 600;
}
.demo-label[data-v-5c52b14a] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Texto coloreado */
strong.electronegativo[data-v-5c52b14a] {
  color: #FCA5A5;
}

/* Concepto card */
.concepto-card[data-v-5c52b14a] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-5c52b14a] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-5c52b14a] {
  flex: 1;
}
.concepto-titulo[data-v-5c52b14a] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-5c52b14a] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-5c52b14a] {
  color: #FFFFFF;
}

/* Estados de oxidación */
.estados-section[data-v-5c52b14a] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-5c52b14a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estados-grid[data-v-5c52b14a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.estado-card[data-v-5c52b14a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.estado-card.positivo[data-v-5c52b14a] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.estado-card.neutro[data-v-5c52b14a] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.estado-card.negativo[data-v-5c52b14a] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.estado-valor[data-v-5c52b14a] {
  font-size: 0.8rem;
  font-weight: 700;
}
.estado-card.positivo .estado-valor[data-v-5c52b14a] { color: #6EE7B7;
}
.estado-card.neutro .estado-valor[data-v-5c52b14a] { color: #C4B5FD;
}
.estado-card.negativo .estado-valor[data-v-5c52b14a] { color: #FCA5A5;
}
.estado-nombre[data-v-5c52b14a] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-top: 0.2rem;
}
.estado-desc[data-v-5c52b14a] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.1rem;
}
.estado-ejemplo[data-v-5c52b14a] {
  font-size: 0.6rem;
  font-family: monospace;
  color: #E9D5FF;
  margin-top: 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}

/* Utilidad */
.utilidad-section[data-v-5c52b14a] {
  margin: 1.5rem 0;
}
.utilidad-lista[data-v-5c52b14a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.utilidad-item[data-v-5c52b14a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.utilidad-icono[data-v-5c52b14a] {
  font-size: 1.25rem;
}
.utilidad-texto[data-v-5c52b14a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.utilidad-texto strong[data-v-5c52b14a] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-5c52b14a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5c52b14a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5c52b14a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5c52b14a] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.electron-demo[data-v-5c52b14a] {
    gap: 1.5rem;
}
.atomo[data-v-5c52b14a] {
    padding: 1rem 1.5rem;
}
.simbolo[data-v-5c52b14a] {
    font-size: 2rem;
}
.nox[data-v-5c52b14a] {
    font-size: 1.2rem;
}
.estados-grid[data-v-5c52b14a] {
    gap: 0.75rem;
}
.estado-card[data-v-5c52b14a] {
    padding: 0.75rem 0.5rem;
}
.estado-valor[data-v-5c52b14a] { font-size: 0.9rem;
}
.estado-nombre[data-v-5c52b14a] { font-size: 0.8rem;
}
.estado-desc[data-v-5c52b14a] { font-size: 0.7rem;
}
.estado-ejemplo[data-v-5c52b14a] { font-size: 0.7rem;
}
}

/* Reglas */
.reglas-section[data-v-fccd457a] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-fccd457a] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-lista[data-v-fccd457a] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.regla-card[data-v-fccd457a] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.regla-card.destacada[data-v-fccd457a] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.regla-numero[data-v-fccd457a] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.regla-card.destacada .regla-numero[data-v-fccd457a] {
  background: rgba(245, 158, 11, 0.4);
  color: #FCD34D;
}
.regla-contenido[data-v-fccd457a] {
  flex: 1;
}
.regla-titulo[data-v-fccd457a] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}
.regla-texto[data-v-fccd457a] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-ejemplos[data-v-fccd457a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.4rem;
}
.ejemplo[data-v-fccd457a] {
  font-family: monospace;
  font-size: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.regla-formula[data-v-fccd457a] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
  background: rgba(139, 92, 246, 0.15);
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  margin-top: 0.4rem;
  display: inline-block;
}

/* Colores de NOX */
.positivo[data-v-fccd457a] { color: #6EE7B7;
}
.negativo[data-v-fccd457a] { color: #FCA5A5;
}
.cero[data-v-fccd457a] { color: #C4B5FD;
}
strong.positivo[data-v-fccd457a] { color: #6EE7B7;
}
strong.negativo[data-v-fccd457a] { color: #FCA5A5;
}
strong.cero[data-v-fccd457a] { color: #C4B5FD;
}

/* Metales */
.metales-section[data-v-fccd457a] {
  margin: 1.5rem 0;
}
.metales-grid[data-v-fccd457a] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.metal-item[data-v-fccd457a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.metal-grupo[data-v-fccd457a] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.metal-nox[data-v-fccd457a] {
  font-weight: 700;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.metal-nox.positivo[data-v-fccd457a] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-fccd457a] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-top: 1.5rem;
}
.tip-icono[data-v-fccd457a] {
  font-size: 1.25rem;
}
.tip-texto[data-v-fccd457a] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-fccd457a] {
  color: #6EE7B7;
}
.tip-texto strong.positivo[data-v-fccd457a] { color: #6EE7B7;
}
.tip-texto strong.negativo[data-v-fccd457a] { color: #FCA5A5;
}

/* Desktop */
@media (min-width: 640px) {
.regla-card[data-v-fccd457a] {
    padding: 1rem;
}
.regla-numero[data-v-fccd457a] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 1rem;
}
.regla-titulo[data-v-fccd457a] {
    font-size: 1rem;
}
.regla-texto[data-v-fccd457a] {
    font-size: 0.85rem;
}
.ejemplo[data-v-fccd457a] {
    font-size: 0.85rem;
}
.metales-grid[data-v-fccd457a] {
    flex-direction: row;
    justify-content: space-between;
}
.metal-item[data-v-fccd457a] {
    flex: 1;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
}

.explorador[data-v-26e4a0a6] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-26e4a0a6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-26e4a0a6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-26e4a0a6] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-26e4a0a6] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-26e4a0a6] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-26e4a0a6] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-26e4a0a6] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-26e4a0a6] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-26e4a0a6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-26e4a0a6] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Colores NOX */
.positivo[data-v-26e4a0a6] { color: #6EE7B7;
}
.negativo[data-v-26e4a0a6] { color: #FCA5A5;
}
.cero[data-v-26e4a0a6] { color: #C4B5FD;
}

/* ===== DESAFÍO 1: NOX de elementos ===== */
.elementos-container[data-v-26e4a0a6] {
  text-align: center;
}
.elemento-pregunta[data-v-26e4a0a6] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.elemento-pregunta strong[data-v-26e4a0a6] {
  color: #FCD34D;
}
.compuesto[data-v-26e4a0a6] {
  color: #93C5FD;
}
.elemento-visual[data-v-26e4a0a6] {
  margin-bottom: 1rem;
}
.formula-visual[data-v-26e4a0a6] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  font-size: 2rem;
  font-weight: 700;
}
.formula-parte[data-v-26e4a0a6] {
  position: relative;
  color: #FFFFFF;
  transition: all 0.2s;
}
.formula-parte.destacado[data-v-26e4a0a6] {
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.2);
  padding: 0.25rem 0.5rem;
  border-radius: 0.4rem;
}
.formula-parte sup[data-v-26e4a0a6] {
  position: relative;
  top: -0.5em;
  font-size: 0.5em;
  font-weight: 600;
}
.opciones-nox[data-v-26e4a0a6] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.btn-nox[data-v-26e4a0a6] {
  min-width: 50px;
  padding: 0.6rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-nox[data-v-26e4a0a6]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
}
.btn-nox.seleccionado[data-v-26e4a0a6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-nox.correcto[data-v-26e4a0a6] {
  background: rgba(16, 185, 129, 0.4) !important;
  border-color: #10B981 !important;
  color: #6EE7B7;
}
.btn-nox.incorrecto[data-v-26e4a0a6] {
  background: rgba(239, 68, 68, 0.4) !important;
  border-color: #EF4444 !important;
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Calcular NOX ===== */
.calculo-container[data-v-26e4a0a6] {
  text-align: center;
}
.calculo-problema[data-v-26e4a0a6] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-compuesto[data-v-26e4a0a6] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.problema-datos[data-v-26e4a0a6] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.dato-item[data-v-26e4a0a6] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.problema-pregunta[data-v-26e4a0a6] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.problema-pregunta strong[data-v-26e4a0a6] {
  color: #FCD34D;
}
.regla-recordatorio[data-v-26e4a0a6] {
  font-size: 0.8rem;
  color: #FCD34D;
  background: rgba(245, 158, 11, 0.1);
  padding: 0.4rem 0.75rem;
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  display: inline-block;
}
.calculo-input[data-v-26e4a0a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-group[data-v-26e4a0a6] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-26e4a0a6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem 0 0 0.5rem;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-26e4a0a6] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-nox[data-v-26e4a0a6] {
  width: 60px;
  height: 44px;
  padding: 0 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-left: none;
  border-radius: 0 0.5rem 0.5rem 0;
  color: white;
  font-family: inherit;
}
.input-nox.correcto[data-v-26e4a0a6] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-nox.incorrecto[data-v-26e4a0a6] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-26e4a0a6] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-26e4a0a6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Identificar estados ===== */
.identificar-container[data-v-26e4a0a6] {
  text-align: center;
}
.identificar-pregunta[data-v-26e4a0a6] {
  font-size: 0.95rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.identificar-compuestos[data-v-26e4a0a6] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-compuesto[data-v-26e4a0a6] {
  padding: 0.6rem 0.75rem;
  font-size: 0.9rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: left;
}
.btn-compuesto[data-v-26e4a0a6]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-compuesto.seleccionado[data-v-26e4a0a6] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-compuesto.correcto[data-v-26e4a0a6] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-compuesto.incorrecto[data-v-26e4a0a6] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Elementos compartidos */
.feedback-error[data-v-26e4a0a6] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-26e4a0a6] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-26e4a0a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-26e4a0a6] { font-size: 1.25rem;
}
.resultado-texto[data-v-26e4a0a6] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-26e4a0a6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-26e4a0a6] { flex: 1;
}
.nav-btn[data-v-26e4a0a6] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-26e4a0a6] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-26e4a0a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-26e4a0a6] { font-size: 1.75rem;
}
.completado-texto[data-v-26e4a0a6] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-26e4a0a6], .slide-leave-active[data-v-26e4a0a6] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-26e4a0a6] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-26e4a0a6] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.formula-visual[data-v-26e4a0a6] {
    font-size: 2.5rem;
}
.btn-nox[data-v-26e4a0a6] {
    min-width: 60px;
    font-size: 1.1rem;
}
.problema-compuesto[data-v-26e4a0a6] {
    font-size: 2.2rem;
}
.identificar-compuestos[data-v-26e4a0a6] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-compuesto[data-v-26e4a0a6] {
    text-align: center;
    min-width: 140px;
}
}

/* Card principal */
.resumen-card[data-v-73e9ac43] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.resumen-card.principal[data-v-73e9ac43] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.card-icono[data-v-73e9ac43] {
  font-size: 1.5rem;
}
.card-contenido[data-v-73e9ac43] {
  flex: 1;
}
.card-titulo[data-v-73e9ac43] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.card-texto[data-v-73e9ac43] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.card-texto strong[data-v-73e9ac43] {
  color: #FCD34D;
}

/* Reglas resumen */
.reglas-resumen[data-v-73e9ac43] {
  margin-bottom: 1.5rem;
}
.section-titulo[data-v-73e9ac43] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reglas-grid[data-v-73e9ac43] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.regla-mini[data-v-73e9ac43] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.regla-label[data-v-73e9ac43] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.regla-valor[data-v-73e9ac43] {
  font-weight: 700;
  font-size: 1rem;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.regla-valor.positivo[data-v-73e9ac43] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.regla-valor.negativo[data-v-73e9ac43] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.regla-valor.cero[data-v-73e9ac43] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}

/* Colores de texto */
.positivo[data-v-73e9ac43] { color: #6EE7B7;
}
.negativo[data-v-73e9ac43] { color: #FCA5A5;
}
.cero[data-v-73e9ac43] { color: #C4B5FD;
}

/* Fórmula resumen */
.formula-resumen[data-v-73e9ac43] {
  margin-bottom: 1.5rem;
}
.formula-box[data-v-73e9ac43] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-titulo[data-v-73e9ac43] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.formula-principal[data-v-73e9ac43] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formula-casos[data-v-73e9ac43] {
  display: flex;
  gap: 1rem;
}
.caso[data-v-73e9ac43] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Excepciones */
.excepciones-section[data-v-73e9ac43] {
  margin-bottom: 1.5rem;
}
.excepciones-lista[data-v-73e9ac43] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.excepcion-item[data-v-73e9ac43] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.4rem;
}
.excepcion-caso[data-v-73e9ac43] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.excepcion-nox[data-v-73e9ac43] {
  font-weight: 700;
  font-size: 1rem;
}

/* Redox preview */
.redox-preview[data-v-73e9ac43] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.preview-icono[data-v-73e9ac43] {
  font-size: 1.5rem;
}
.preview-contenido[data-v-73e9ac43] {
  flex: 1;
}
.preview-titulo[data-v-73e9ac43] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.preview-lista[data-v-73e9ac43] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.preview-item[data-v-73e9ac43] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.item-flecha[data-v-73e9ac43] {
  font-size: 1rem;
  font-weight: 700;
}
.preview-item:first-child .item-flecha[data-v-73e9ac43] { color: #6EE7B7;
}
.preview-item:last-child .item-flecha[data-v-73e9ac43] { color: #FCA5A5;
}
.preview-item strong[data-v-73e9ac43] {
  color: #FFFFFF;
}

/* Tip PAES final */
.tip-paes.final[data-v-73e9ac43] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.tip-icono[data-v-73e9ac43] {
  font-size: 1.5rem;
}
.tip-contenido[data-v-73e9ac43] {
  flex: 1;
}
.tip-titulo[data-v-73e9ac43] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tip-texto[data-v-73e9ac43] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.6;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-grid[data-v-73e9ac43] {
    grid-template-columns: repeat(3, 1fr);
}
.formula-principal[data-v-73e9ac43] {
    font-size: 1.4rem;
}
.excepciones-lista[data-v-73e9ac43] {
    flex-direction: row;
}
.excepcion-item[data-v-73e9ac43] {
    flex: 1;
}
.preview-lista[data-v-73e9ac43] {
    flex-direction: row;
    gap: 1.5rem;
}
}

/* Escala de pH visual */
.intro-visual[data-v-5a5d4f1b] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escala-ph[data-v-5a5d4f1b] {
  width: 100%;
}
.escala-bar[data-v-5a5d4f1b] {
  position: relative;
  margin-bottom: 0.5rem;
}
.escala-gradiente[data-v-5a5d4f1b] {
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(to right, 
    #EF4444 0%, 
    #F97316 14%, 
    #EAB308 28%, 
    #84CC16 42%, 
    #22C55E 50%, 
    #14B8A6 64%, 
    #0EA5E9 78%, 
    #6366F1 92%, 
    #8B5CF6 100%
  );
}
.escala-numeros[data-v-5a5d4f1b] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  padding: 0 2px;
}
.num[data-v-5a5d4f1b] {
  font-size: 0.6rem;
  font-weight: 600;
  min-width: 14px;
  text-align: center;
}
.num.acido[data-v-5a5d4f1b] { color: #FCA5A5;
}
.num.neutro[data-v-5a5d4f1b] { color: #6EE7B7;
}
.num.basico[data-v-5a5d4f1b] { color: #93C5FD;
}
.escala-labels[data-v-5a5d4f1b] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.label-acido[data-v-5a5d4f1b] { color: #FCA5A5;
}
.label-neutro[data-v-5a5d4f1b] { color: #6EE7B7;
}
.label-basico[data-v-5a5d4f1b] { color: #93C5FD;
}

/* Texto coloreado */
strong.acido[data-v-5a5d4f1b] { color: #FCA5A5;
}
strong.basico[data-v-5a5d4f1b] { color: #93C5FD;
}

/* Definición */
.definicion-section[data-v-5a5d4f1b] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-5a5d4f1b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-card[data-v-5a5d4f1b] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula-principal[data-v-5a5d4f1b] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.formula-explicacion[data-v-5a5d4f1b] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.formula-explicacion strong[data-v-5a5d4f1b] {
  color: #FCD34D;
}

/* Rangos */
.rangos-section[data-v-5a5d4f1b] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-5a5d4f1b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.rangos-grid[data-v-5a5d4f1b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.rango-card[data-v-5a5d4f1b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.rango-card.acido[data-v-5a5d4f1b] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.rango-card.neutro[data-v-5a5d4f1b] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.rango-card.basico[data-v-5a5d4f1b] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.rango-icono[data-v-5a5d4f1b] { font-size: 1.5rem;
}
.rango-valor[data-v-5a5d4f1b] { font-size: 0.75rem; font-weight: 700; color: #FFFFFF;
}
.rango-tipo[data-v-5a5d4f1b] { font-size: 0.7rem; color: #E9D5FF;
}
.rango-desc[data-v-5a5d4f1b] { font-size: 0.6rem; color: #C4B5FD; font-family: monospace;
}

/* Ejemplos */
.ejemplos-section[data-v-5a5d4f1b] {
  margin: 1.5rem 0;
}
.ejemplos-lista[data-v-5a5d4f1b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.ejemplo-item[data-v-5a5d4f1b] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-ph[data-v-5a5d4f1b] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.ejemplo-ph.acido[data-v-5a5d4f1b] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.ejemplo-ph.neutro[data-v-5a5d4f1b] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.ejemplo-ph.basico[data-v-5a5d4f1b] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.ejemplo-nombre[data-v-5a5d4f1b] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Relación pH + pOH */
.relacion-card[data-v-5a5d4f1b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.relacion-icono[data-v-5a5d4f1b] { font-size: 1.5rem;
}
.relacion-contenido[data-v-5a5d4f1b] {
  flex: 1;
}
.relacion-titulo[data-v-5a5d4f1b] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.relacion-formula[data-v-5a5d4f1b] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.relacion-texto[data-v-5a5d4f1b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-5a5d4f1b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5a5d4f1b] { font-size: 1.25rem;
}
.tip-texto[data-v-5a5d4f1b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5a5d4f1b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.escala-gradiente[data-v-5a5d4f1b] {
    height: 28px;
}
.num[data-v-5a5d4f1b] {
    font-size: 0.75rem;
    min-width: 20px;
}
.rangos-grid[data-v-5a5d4f1b] {
    gap: 0.75rem;
}
.rango-card[data-v-5a5d4f1b] {
    padding: 0.75rem 0.5rem;
}
.rango-icono[data-v-5a5d4f1b] { font-size: 1.75rem;
}
.rango-valor[data-v-5a5d4f1b] { font-size: 0.85rem;
}
.rango-tipo[data-v-5a5d4f1b] { font-size: 0.8rem;
}
.ejemplos-lista[data-v-5a5d4f1b] {
    gap: 0.5rem;
}
.ejemplo-item[data-v-5a5d4f1b] {
    padding: 0.5rem 0.75rem;
}
.ejemplo-nombre[data-v-5a5d4f1b] {
    font-size: 0.85rem;
}
}

/* Fórmulas principales */
.formulas-section[data-v-b81171f0] {
  margin: 1rem 0 1.5rem;
}
.section-titulo[data-v-b81171f0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formulas-grid[data-v-b81171f0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.formula-card[data-v-b81171f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 2px solid;
}
.formula-card.ph[data-v-b81171f0] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.formula-card.poh[data-v-b81171f0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.formula-label[data-v-b81171f0] {
  font-size: 0.8rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.formula-card.ph .formula-label[data-v-b81171f0] { color: #FCA5A5;
}
.formula-card.poh .formula-label[data-v-b81171f0] { color: #93C5FD;
}
.formula-eq[data-v-b81171f0] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.formula-desc[data-v-b81171f0] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Relación fundamental */
.relacion-box[data-v-b81171f0] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.relacion-titulo[data-v-b81171f0] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ecuaciones-relacionadas[data-v-b81171f0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ecuacion[data-v-b81171f0] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

/* Fórmulas inversas */
.inversas-section[data-v-b81171f0] {
  margin: 1.5rem 0;
}
.inversas-grid[data-v-b81171f0] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.inversa-card[data-v-b81171f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.inversa-nombre[data-v-b81171f0] {
  font-size: 0.75rem;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.inversa-formula[data-v-b81171f0] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Ejemplo paso a paso */
.ejemplo-section[data-v-b81171f0] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.ejemplo-problema[data-v-b81171f0] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-b81171f0] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.pasos-solucion[data-v-b81171f0] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-b81171f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem;
}
.paso-num[data-v-b81171f0] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #E9D5FF;
}
.paso.resultado .paso-num[data-v-b81171f0] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.paso-texto[data-v-b81171f0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso-texto strong[data-v-b81171f0] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Tabla de referencia */
.tabla-section[data-v-b81171f0] {
  margin: 1.5rem 0;
}
.tabla-scroll[data-v-b81171f0] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabla-ph[data-v-b81171f0] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.tabla-ph th[data-v-b81171f0] {
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
  padding: 0.5rem 0.4rem;
  text-align: center;
  font-weight: 600;
}
.tabla-ph td[data-v-b81171f0] {
  padding: 0.4rem;
  text-align: center;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
  font-family: monospace;
}
.tabla-ph tr.acido td[data-v-b81171f0] { color: #FCA5A5;
}
.tabla-ph tr.neutro td[data-v-b81171f0] { color: #6EE7B7;
}
.tabla-ph tr.basico td[data-v-b81171f0] { color: #93C5FD;
}
.tabla-ph tr.acido td[data-v-b81171f0]:last-child,
.tabla-ph tr.neutro td[data-v-b81171f0]:last-child,
.tabla-ph tr.basico td[data-v-b81171f0]:last-child {
  font-family: inherit;
}

/* Tip PAES */
.tip-paes[data-v-b81171f0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b81171f0] { font-size: 1.25rem;
}
.tip-texto[data-v-b81171f0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b81171f0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-b81171f0] {
    gap: 0.75rem;
}
.formula-card[data-v-b81171f0] {
    padding: 1rem;
}
.formula-eq[data-v-b81171f0] {
    font-size: 1.1rem;
}
.ecuaciones-relacionadas[data-v-b81171f0] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
}
.ecuacion[data-v-b81171f0] {
    font-size: 1.2rem;
    padding: 0.75rem 1rem;
}
.inversas-grid[data-v-b81171f0] {
    gap: 0.75rem;
}
.inversa-formula[data-v-b81171f0] {
    font-size: 1rem;
}
.tabla-ph[data-v-b81171f0] {
    font-size: 0.9rem;
}
.tabla-ph th[data-v-b81171f0], .tabla-ph td[data-v-b81171f0] {
    padding: 0.6rem 0.75rem;
}
}

/* Intro visual - tubos de ensayo */
.intro-visual[data-v-b6ef515e] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.tubos-ensayo[data-v-b6ef515e] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.tubo[data-v-b6ef515e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.liquido[data-v-b6ef515e] {
  width: 30px;
  height: 50px;
  border-radius: 0 0 15px 15px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: none;
  position: relative;
}
.liquido[data-v-b6ef515e]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -2px;
  right: -2px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-bottom: none;
}
.tubo.acido .liquido[data-v-b6ef515e] { background: linear-gradient(to bottom, #EF4444, #B91C1C);
}
.tubo.neutro .liquido[data-v-b6ef515e] { background: linear-gradient(to bottom, #22C55E, #16A34A);
}
.tubo.basico .liquido[data-v-b6ef515e] { background: linear-gradient(to bottom, #3B82F6, #1D4ED8);
}
.tubo-label[data-v-b6ef515e] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tipos de indicadores */
.tipos-section[data-v-b6ef515e] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-b6ef515e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.indicadores-lista[data-v-b6ef515e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.indicador-card[data-v-b6ef515e] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.indicador-header[data-v-b6ef515e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.indicador-nombre[data-v-b6ef515e] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.indicador-tipo[data-v-b6ef515e] {
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.indicador-colores[data-v-b6ef515e] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.color-item[data-v-b6ef515e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.color-box[data-v-b6ef515e] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.color-box.rojo[data-v-b6ef515e] { background: #EF4444;
}
.color-box.azul[data-v-b6ef515e] { background: #3B82F6;
}
.color-box.incoloro[data-v-b6ef515e] { background: rgba(255, 255, 255, 0.1); border-style: dashed;
}
.color-box.rosa[data-v-b6ef515e] { background: #EC4899;
}
.color-box.naranja[data-v-b6ef515e] { background: #F97316;
}
.color-text[data-v-b6ef515e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Indicador universal */
.indicador-universal[data-v-b6ef515e] {
  margin-top: 0.5rem;
}
.escala-colores[data-v-b6ef515e] {
  display: flex;
  border-radius: 0.4rem;
  overflow: hidden;
}
.ec[data-v-b6ef515e] {
  flex: 1;
  padding: 0.3rem 0.2rem;
  text-align: center;
  font-size: 0.6rem;
  font-weight: 600;
  color: #000;
}
.ec.rojo[data-v-b6ef515e] { background: #EF4444;
}
.ec.naranja[data-v-b6ef515e] { background: #F97316;
}
.ec.amarillo[data-v-b6ef515e] { background: #EAB308;
}
.ec.verde[data-v-b6ef515e] { background: #22C55E;
}
.ec.azulv[data-v-b6ef515e] { background: #0EA5E9;
}
.ec.azul[data-v-b6ef515e] { background: #3B82F6; color: #FFF;
}
.ec.violeta[data-v-b6ef515e] { background: #8B5CF6; color: #FFF;
}

/* pH-metro */
.phmetro-section[data-v-b6ef515e] {
  margin: 1.5rem 0;
}
.phmetro-card[data-v-b6ef515e] {
  display: flex;
  gap: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.phmetro-visual[data-v-b6ef515e] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phmetro-pantalla[data-v-b6ef515e] {
  background: #1a1a2e;
  color: #6EE7B7;
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  border: 2px solid #333;
}
.phmetro-sonda[data-v-b6ef515e] {
  width: 8px;
  height: 40px;
  background: linear-gradient(to bottom, #666, #999);
  border-radius: 0 0 4px 4px;
  margin-top: 2px;
}
.phmetro-info[data-v-b6ef515e] {
  flex: 1;
}
.phmetro-info p[data-v-b6ef515e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.5rem 0;
}
.ventajas-lista[data-v-b6ef515e] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ventajas-lista li[data-v-b6ef515e] {
  font-size: 0.75rem;
  color: #6EE7B7;
  margin-bottom: 0.2rem;
}

/* Cuándo usar */
.uso-section[data-v-b6ef515e] {
  margin: 1.5rem 0;
}
.uso-grid[data-v-b6ef515e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.uso-card[data-v-b6ef515e] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.uso-card.indicador[data-v-b6ef515e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.uso-card.phmetro[data-v-b6ef515e] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.uso-icono[data-v-b6ef515e] { font-size: 1.5rem;
}
.uso-titulo[data-v-b6ef515e] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.uso-lista[data-v-b6ef515e] {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.uso-lista li[data-v-b6ef515e] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.15rem;
}

/* Tip PAES */
.tip-paes[data-v-b6ef515e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-b6ef515e] { font-size: 1.25rem;
}
.tip-texto[data-v-b6ef515e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-b6ef515e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tubos-ensayo[data-v-b6ef515e] {
    gap: 2.5rem;
}
.liquido[data-v-b6ef515e] {
    width: 40px;
    height: 70px;
}
.indicador-colores[data-v-b6ef515e] {
    gap: 1rem;
}
.color-box[data-v-b6ef515e] {
    width: 24px;
    height: 24px;
}
.ec[data-v-b6ef515e] {
    font-size: 0.7rem;
    padding: 0.4rem 0.3rem;
}
.phmetro-pantalla[data-v-b6ef515e] {
    font-size: 2rem;
    padding: 0.75rem 1rem;
}
.uso-grid[data-v-b6ef515e] {
    gap: 0.75rem;
}
.uso-card[data-v-b6ef515e] {
    padding: 1rem;
}
.uso-lista li[data-v-b6ef515e] {
    font-size: 0.8rem;
}
}

.explorador[data-v-8d372f0b] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-8d372f0b] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-8d372f0b] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-8d372f0b] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-8d372f0b] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-8d372f0b] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-8d372f0b] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-8d372f0b] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-8d372f0b] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-8d372f0b] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-8d372f0b] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Escala de pH ===== */
.escala-container[data-v-8d372f0b] {
  text-align: center;
}
.escala-pregunta[data-v-8d372f0b] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.escala-visual[data-v-8d372f0b] {
  margin-bottom: 1rem;
}
.escala-bar-interactiva[data-v-8d372f0b] {
  display: flex;
  justify-content: center;
  gap: 2px;
  flex-wrap: wrap;
}
.escala-segmento[data-v-8d372f0b] {
  width: 28px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid transparent;
}
.escala-segmento.acido[data-v-8d372f0b] { background: rgba(239, 68, 68, 0.3); color: #FCA5A5;
}
.escala-segmento.neutro[data-v-8d372f0b] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.escala-segmento.basico[data-v-8d372f0b] { background: rgba(59, 130, 246, 0.3); color: #93C5FD;
}
.escala-segmento[data-v-8d372f0b]:hover:not(.seleccionado) {
  transform: scale(1.1);
  z-index: 1;
}
.escala-segmento.seleccionado[data-v-8d372f0b] {
  transform: scale(1.15);
  border-color: #8B5CF6;
  box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
}
.escala-segmento.correcto[data-v-8d372f0b] {
  background: rgba(16, 185, 129, 0.5) !important;
  border-color: #10B981 !important;
}
.escala-segmento.incorrecto[data-v-8d372f0b] {
  background: rgba(239, 68, 68, 0.5) !important;
  border-color: #EF4444 !important;
}
.escala-leyenda[data-v-8d372f0b] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
}
.leg-acido[data-v-8d372f0b] { color: #FCA5A5;
}
.leg-basico[data-v-8d372f0b] { color: #93C5FD;
}

/* ===== DESAFÍO 2: Calcular pH ===== */
.calculo-container[data-v-8d372f0b] {
  text-align: center;
}
.calculo-dato[data-v-8d372f0b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato-label[data-v-8d372f0b] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.dato-valor[data-v-8d372f0b] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.calculo-formula[data-v-8d372f0b] {
  margin-bottom: 0.75rem;
}
.formula-hint[data-v-8d372f0b] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.calculo-input[data-v-8d372f0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-8d372f0b] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-ph[data-v-8d372f0b] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-ph.correcto[data-v-8d372f0b] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-ph.incorrecto[data-v-8d372f0b] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-8d372f0b] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-8d372f0b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Relación pH y pOH ===== */
.relacion-container[data-v-8d372f0b] {
  text-align: center;
}
.relacion-dato[data-v-8d372f0b] {
  margin-bottom: 0.75rem;
}
.dato-formula[data-v-8d372f0b] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  display: inline-block;
}
.problema-actual[data-v-8d372f0b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-8d372f0b] {
  font-size: 0.95rem;
  color: #FFFFFF;
  font-weight: 600;
}
.opciones-relacion[data-v-8d372f0b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-opcion[data-v-8d372f0b] {
  padding: 0.6rem 0.75rem;
  font-size: 0.9rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-8d372f0b]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-8d372f0b] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-8d372f0b] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-8d372f0b] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Elementos compartidos */
.feedback-error[data-v-8d372f0b] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-8d372f0b] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-8d372f0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-8d372f0b] { font-size: 1.25rem;
}
.resultado-texto[data-v-8d372f0b] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-8d372f0b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-8d372f0b] { flex: 1;
}
.nav-btn[data-v-8d372f0b] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-8d372f0b] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-8d372f0b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-8d372f0b] { font-size: 1.75rem;
}
.completado-texto[data-v-8d372f0b] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-8d372f0b], .slide-leave-active[data-v-8d372f0b] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-8d372f0b] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-8d372f0b] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.escala-segmento[data-v-8d372f0b] {
    width: 36px;
    height: 44px;
    font-size: 0.85rem;
}
.dato-valor[data-v-8d372f0b] {
    font-size: 1.5rem;
}
.input-ph[data-v-8d372f0b] {
    width: 80px;
    font-size: 1.5rem;
}
.opciones-relacion[data-v-8d372f0b] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.btn-opcion[data-v-8d372f0b] {
    min-width: 100px;
}
}

/* Escala visual */
.resumen-escala[data-v-af289057] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.escala-mini[data-v-af289057] {
  width: 100%;
}
.escala-gradiente[data-v-af289057] {
  height: 16px;
  border-radius: 8px;
  background: linear-gradient(to right, 
    #EF4444 0%, 
    #F97316 20%, 
    #22C55E 50%, 
    #0EA5E9 80%, 
    #8B5CF6 100%
  );
}
.escala-marcadores[data-v-af289057] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.marcador.acido[data-v-af289057] { color: #FCA5A5;
}
.marcador.neutro[data-v-af289057] { color: #6EE7B7;
}
.marcador.basico[data-v-af289057] { color: #93C5FD;
}
.escala-tipos[data-v-af289057] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Fórmulas */
.formulas-resumen[data-v-af289057] {
  margin: 1.5rem 0;
}
.resumen-titulo[data-v-af289057] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formulas-grid[data-v-af289057] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.formula-item[data-v-af289057] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.formula-item.destacada[data-v-af289057] {
  grid-column: span 2;
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.formula-nombre[data-v-af289057] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.formula-item.destacada .formula-nombre[data-v-af289057] {
  color: #FCD34D;
}
.formula-eq[data-v-af289057] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Clasificación */
.clasificacion-section[data-v-af289057] {
  margin: 1.5rem 0;
}
.clasificacion-tabla[data-v-af289057] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.fila-tabla[data-v-af289057] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  text-align: center;
}
.fila-tabla.header[data-v-af289057] {
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
}
.fila-tabla.header .col[data-v-af289057] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.7rem;
  padding: 0.4rem 0.2rem;
}
.fila-tabla:not(.header) .col[data-v-af289057] {
  font-size: 0.7rem;
  padding: 0.3rem 0.2rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.fila-tabla.acido .col[data-v-af289057] { color: #FCA5A5;
}
.fila-tabla.neutro .col[data-v-af289057] { color: #6EE7B7;
}
.fila-tabla.basico .col[data-v-af289057] { color: #93C5FD;
}

/* Indicadores */
.indicadores-section[data-v-af289057] {
  margin: 1.5rem 0;
}
.indicadores-grid[data-v-af289057] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.indicador-mini[data-v-af289057] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ind-nombre[data-v-af289057] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.ind-colores[data-v-af289057] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.ind-color[data-v-af289057] {
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.6rem;
  font-weight: 600;
}
.ind-color.incoloro[data-v-af289057] { 
  background: rgba(255, 255, 255, 0.1); 
  color: #C4B5FD;
  border: 1px dashed rgba(255, 255, 255, 0.3);
}
.ind-color.rosa[data-v-af289057] { background: #EC4899; color: #FFF;
}
.ind-color.rojo[data-v-af289057] { background: #EF4444; color: #FFF;
}
.ind-color.azul[data-v-af289057] { background: #3B82F6; color: #FFF;
}
.ind-arrow[data-v-af289057] {
  color: #C4B5FD;
  font-size: 0.75rem;
}
.ind-rango[data-v-af289057] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Trucos */
.trucos-section[data-v-af289057] {
  margin: 1.5rem 0;
}
.trucos-lista[data-v-af289057] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.truco-item[data-v-af289057] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.truco-icono[data-v-af289057] {
  font-size: 1rem;
}
.truco-texto[data-v-af289057] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.truco-texto strong[data-v-af289057] {
  color: #6EE7B7;
}
.truco-texto strong.acido[data-v-af289057] { color: #FCA5A5;
}
.truco-texto strong.basico[data-v-af289057] { color: #93C5FD;
}

/* Ejemplos compactos */
.ejemplos-section[data-v-af289057] {
  margin: 1.5rem 0;
}
.ejemplos-compactos[data-v-af289057] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}
.ej[data-v-af289057] {
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
  font-size: 0.7rem;
  font-weight: 600;
}
.ej.acido[data-v-af289057] { background: rgba(239, 68, 68, 0.2); color: #FCA5A5;
}
.ej.neutro[data-v-af289057] { background: rgba(16, 185, 129, 0.2); color: #6EE7B7;
}
.ej.basico[data-v-af289057] { background: rgba(59, 130, 246, 0.2); color: #93C5FD;
}

/* Mensaje final */
.mensaje-final[data-v-af289057] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 2px solid #8B5CF6;
  border-radius: 0.75rem;
  margin-top: 1rem;
}
.final-icono[data-v-af289057] {
  font-size: 2rem;
}
.final-contenido[data-v-af289057] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.final-titulo[data-v-af289057] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.final-texto[data-v-af289057] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.escala-gradiente[data-v-af289057] {
    height: 20px;
}
.escala-marcadores[data-v-af289057], .escala-tipos[data-v-af289057] {
    font-size: 0.8rem;
}
.formulas-grid[data-v-af289057] {
    grid-template-columns: repeat(3, 1fr);
}
.formula-item.destacada[data-v-af289057] {
    grid-column: span 1;
}
.formula-eq[data-v-af289057] {
    font-size: 1rem;
}
.fila-tabla.header .col[data-v-af289057],
  .fila-tabla:not(.header) .col[data-v-af289057] {
    font-size: 0.8rem;
    padding: 0.5rem;
}
.indicadores-grid[data-v-af289057] {
    gap: 0.75rem;
}
.indicador-mini[data-v-af289057] {
    padding: 0.75rem;
}
.ind-nombre[data-v-af289057] {
    font-size: 0.85rem;
}
.ind-color[data-v-af289057] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
}
.truco-texto[data-v-af289057] {
    font-size: 0.85rem;
}
.ej[data-v-af289057] {
    font-size: 0.8rem;
    padding: 0.35rem 0.6rem;
}
}

/* Intro visual: pila demo */
.intro-visual[data-v-0b156791] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.pila-demo[data-v-0b156791] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
}
.electrodo[data-v-0b156791] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.electrodo.anodo[data-v-0b156791] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.electrodo.catodo[data-v-0b156791] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.electrodo-simbolo[data-v-0b156791] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.electrodo-tipo[data-v-0b156791] {
  font-size: 0.7rem;
  font-weight: 700;
  margin-top: 0.25rem;
}
.anodo .electrodo-tipo[data-v-0b156791] { color: #FCA5A5;
}
.catodo .electrodo-tipo[data-v-0b156791] { color: #6EE7B7;
}
.electrodo-proceso[data-v-0b156791] {
  font-size: 0.6rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  margin-top: 0.25rem;
}
.anodo .electrodo-proceso[data-v-0b156791] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.catodo .electrodo-proceso[data-v-0b156791] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.puente-salino[data-v-0b156791] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.puente-icono[data-v-0b156791] {
  font-size: 1.25rem;
}
.puente-label[data-v-0b156791] {
  font-size: 0.55rem;
  color: #C4B5FD;
  text-align: center;
}
.flujo-electrones[data-v-0b156791] {
  margin: 0.5rem 0;
}
.flecha-e[data-v-0b156791] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
  letter-spacing: 2px;
}
.demo-label[data-v-0b156791] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Texto coloreado */
strong.anodo-color[data-v-0b156791] { color: #FCA5A5;
}
strong.catodo-color[data-v-0b156791] { color: #6EE7B7;
}

/* Concepto card */
.concepto-card[data-v-0b156791] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-0b156791] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-0b156791] {
  flex: 1;
}
.concepto-titulo[data-v-0b156791] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-0b156791] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-0b156791] {
  color: #FFFFFF;
}

/* Componentes de pila */
.componentes-section[data-v-0b156791],
.ejemplos-section[data-v-0b156791],
.nemotecnica-section[data-v-0b156791] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-0b156791] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-0b156791],
.ejemplos-grid[data-v-0b156791] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente-item[data-v-0b156791],
.ejemplo-item[data-v-0b156791] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.componente-item.anodo-bg[data-v-0b156791] {
  border-color: rgba(239, 68, 68, 0.4);
  background: rgba(239, 68, 68, 0.1);
}
.componente-item.catodo-bg[data-v-0b156791] {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.1);
}
.comp-icono[data-v-0b156791],
.ejemplo-icono[data-v-0b156791] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.comp-nombre[data-v-0b156791],
.ejemplo-nombre[data-v-0b156791] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comp-desc[data-v-0b156791] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Nemotécnica */
.nemotecnica-card[data-v-0b156791] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.nemo-fila[data-v-0b156791] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.nemo-letra[data-v-0b156791] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  border-radius: 50%;
}
.nemo-letra.anodo-color[data-v-0b156791] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.nemo-letra.catodo-color[data-v-0b156791] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.nemo-texto[data-v-0b156791] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.nemo-recuerda[data-v-0b156791] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.nemo-recuerda strong[data-v-0b156791] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-0b156791] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-0b156791] {
  font-size: 1.25rem;
}
.tip-texto[data-v-0b156791] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-0b156791] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.pila-demo[data-v-0b156791] {
    gap: 1rem;
}
.electrodo[data-v-0b156791] {
    padding: 0.75rem 1rem;
    min-width: 100px;
}
.electrodo-simbolo[data-v-0b156791] {
    font-size: 2rem;
}
.electrodo-tipo[data-v-0b156791] {
    font-size: 0.8rem;
}
.electrodo-proceso[data-v-0b156791] {
    font-size: 0.7rem;
}
.componentes-grid[data-v-0b156791],
  .ejemplos-grid[data-v-0b156791] {
    grid-template-columns: repeat(4, 1fr);
}
.nemo-letra[data-v-0b156791] {
    width: 44px;
    height: 44px;
    font-size: 1.4rem;
}
}

/* Intro box */
.intro-box[data-v-f16ab6e9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-f16ab6e9] {
  font-size: 1.5rem;
}
.intro-box p[data-v-f16ab6e9] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.intro-box strong[data-v-f16ab6e9] {
  color: #FFFFFF;
}

/* Concepto card */
.concepto-card[data-v-f16ab6e9] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-titulo[data-v-f16ab6e9] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.interpretacion-grid[data-v-f16ab6e9] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.interp-item[data-v-f16ab6e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.interp-item.alto[data-v-f16ab6e9] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.interp-item.bajo[data-v-f16ab6e9] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.interp-valor[data-v-f16ab6e9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.interp-desc[data-v-f16ab6e9] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.interp-agente[data-v-f16ab6e9] {
  font-size: 0.7rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.interp-item.alto .interp-agente[data-v-f16ab6e9] { color: #6EE7B7;
}
.interp-item.bajo .interp-agente[data-v-f16ab6e9] { color: #FCA5A5;
}

/* Tabla de potenciales */
.tabla-section[data-v-f16ab6e9] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-f16ab6e9] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-potenciales[data-v-f16ab6e9] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.tabla-header[data-v-f16ab6e9] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  color: #FFFFFF;
}
.tabla-row[data-v-f16ab6e9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.6rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}
.tabla-row.oxidante[data-v-f16ab6e9] {
  background: rgba(16, 185, 129, 0.05);
}
.tabla-row.reductor[data-v-f16ab6e9] {
  background: rgba(239, 68, 68, 0.05);
}
.tabla-row.referencia[data-v-f16ab6e9] {
  background: rgba(139, 92, 246, 0.15);
  font-weight: 600;
}
.col-reaccion[data-v-f16ab6e9] {
  color: #E9D5FF;
  font-family: monospace;
  flex: 1;
}
.col-potencial[data-v-f16ab6e9] {
  font-weight: 700;
  min-width: 50px;
  text-align: right;
}
.col-potencial.positivo[data-v-f16ab6e9] { color: #6EE7B7;
}
.col-potencial.negativo[data-v-f16ab6e9] { color: #FCA5A5;
}
.tabla-leyenda[data-v-f16ab6e9] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  font-size: 0.65rem;
  font-weight: 600;
}
.ley.oxidante[data-v-f16ab6e9] { color: #6EE7B7;
}
.ley.reductor[data-v-f16ab6e9] { color: #FCA5A5;
}

/* Cálculo section */
.calculo-section[data-v-f16ab6e9] {
  margin: 1.5rem 0;
}
.formula-box[data-v-f16ab6e9] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-f16ab6e9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.ejemplo-calculo[data-v-f16ab6e9] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-f16ab6e9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.ejemplo-datos[data-v-f16ab6e9] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-resultado[data-v-f16ab6e9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  font-family: monospace;
}
.ejemplo-resultado strong.positivo[data-v-f16ab6e9] {
  color: #6EE7B7;
  font-size: 1rem;
}

/* Criterio card */
.criterio-card[data-v-f16ab6e9] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.criterio-icono[data-v-f16ab6e9] {
  font-size: 1.5rem;
  color: #6EE7B7;
}
.criterio-contenido[data-v-f16ab6e9] {
  flex: 1;
}
.criterio-titulo[data-v-f16ab6e9] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.criterio-texto[data-v-f16ab6e9] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.criterio-texto strong[data-v-f16ab6e9] {
  color: #FFFFFF;
}
strong.positivo[data-v-f16ab6e9] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-f16ab6e9] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f16ab6e9] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f16ab6e9] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f16ab6e9] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.tabla-potenciales[data-v-f16ab6e9] {
    font-size: 0.85rem;
}
.tabla-header[data-v-f16ab6e9],
  .tabla-row[data-v-f16ab6e9] {
    padding: 0.5rem 1rem;
}
.formula[data-v-f16ab6e9] {
    font-size: 1.3rem;
}
}

/* Intro box */
.intro-box[data-v-1a0988c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.intro-icono[data-v-1a0988c2] {
  font-size: 1.5rem;
}
.intro-box p[data-v-1a0988c2] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.intro-box strong[data-v-1a0988c2] {
  color: #FFFFFF;
}

/* Secciones */
.formula-section[data-v-1a0988c2],
.variables-section[data-v-1a0988c2],
.cociente-section[data-v-1a0988c2],
.ejemplo-section[data-v-1a0988c2],
.efectos-section[data-v-1a0988c2] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-1a0988c2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Fórmula principal */
.formula-principal[data-v-1a0988c2] {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(245, 158, 11, 0.1));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
}
.formula[data-v-1a0988c2] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.fraccion[data-v-1a0988c2] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.num[data-v-1a0988c2], .den[data-v-1a0988c2] {
  line-height: 1.1;
}
.num[data-v-1a0988c2] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
}
.den[data-v-1a0988c2] {
  padding-top: 2px;
}
.formula-alternativa[data-v-1a0988c2] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
}

/* Variables grid */
.variables-grid[data-v-1a0988c2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable-item[data-v-1a0988c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.var-simbolo[data-v-1a0988c2] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 24px;
}
.var-desc[data-v-1a0988c2] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Cociente */
.cociente-card[data-v-1a0988c2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
}
.cociente-explicacion[data-v-1a0988c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.reaccion[data-v-1a0988c2] {
  font-family: monospace;
  color: #C4B5FD;
}
.cociente-formula[data-v-1a0988c2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem 0;
}
.fraccion-q[data-v-1a0988c2] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 0.25rem;
}
.num-q[data-v-1a0988c2] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 2px;
}
.den-q[data-v-1a0988c2] {
  padding-top: 2px;
}
.cociente-nota[data-v-1a0988c2] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo */
.ejemplo-card[data-v-1a0988c2] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-enunciado[data-v-1a0988c2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(245, 158, 11, 0.2);
}
.ejemplo-pasos[data-v-1a0988c2] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-calc[data-v-1a0988c2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-1a0988c2] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #C4B5FD;
}
.paso-texto[data-v-1a0988c2] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #E9D5FF;
}
strong.resultado[data-v-1a0988c2] {
  color: #6EE7B7;
}

/* Efectos de concentración */
.efectos-grid[data-v-1a0988c2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.efecto-item[data-v-1a0988c2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.efecto-item.aumenta[data-v-1a0988c2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.efecto-item.disminuye[data-v-1a0988c2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.efecto-icono[data-v-1a0988c2] {
  font-size: 1.5rem;
}
.efecto-item.aumenta .efecto-icono[data-v-1a0988c2] { color: #FCA5A5;
}
.efecto-item.disminuye .efecto-icono[data-v-1a0988c2] { color: #6EE7B7;
}
.efecto-titulo[data-v-1a0988c2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.efecto-resultado[data-v-1a0988c2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.efecto-explicacion[data-v-1a0988c2] {
  font-size: 0.8rem;
  color: #C4B5FD;
  text-align: center;
}

/* Equilibrio card */
.equilibrio-card[data-v-1a0988c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.equilibrio-icono[data-v-1a0988c2] {
  font-size: 1.5rem;
}
.equilibrio-contenido[data-v-1a0988c2] {
  flex: 1;
}
.equilibrio-titulo[data-v-1a0988c2] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.equilibrio-texto[data-v-1a0988c2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.equilibrio-texto strong[data-v-1a0988c2] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-1a0988c2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1a0988c2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1a0988c2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1a0988c2] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-1a0988c2] {
    font-size: 1.5rem;
}
.variables-grid[data-v-1a0988c2] {
    grid-template-columns: repeat(4, 1fr);
}
.var-desc[data-v-1a0988c2] {
    font-size: 0.8rem;
}
}

.explorador[data-v-d271a8b2] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-d271a8b2] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-d271a8b2] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-d271a8b2] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-d271a8b2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-d271a8b2] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-d271a8b2] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-d271a8b2] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-d271a8b2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-d271a8b2] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Colores temáticos */
strong.anodo-color[data-v-d271a8b2] { color: #FCA5A5;
}
strong.catodo-color[data-v-d271a8b2] { color: #6EE7B7;
}

/* ===== DESAFÍO 1: Identificar ánodo ===== */
.identificar-container[data-v-d271a8b2] {
  text-align: center;
}
.pila-visual[data-v-d271a8b2] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.electrodo-box[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  min-width: 80px;
  transition: all 0.2s ease;
}
.electrodo-box.seleccionado[data-v-d271a8b2] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.2);
}
.electrodo-box.correcto[data-v-d271a8b2] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.electrodo-box.incorrecto[data-v-d271a8b2] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.electrodo-simbolo[data-v-d271a8b2] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.electrodo-potencial[data-v-d271a8b2] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-family: monospace;
}
.pila-centro[data-v-d271a8b2] {
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
}
.pila-flecha[data-v-d271a8b2] {
  font-size: 1.25rem;
  color: #8B5CF6;
}
.pregunta-identificar[data-v-d271a8b2] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-electrodo[data-v-d271a8b2] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.btn-electrodo[data-v-d271a8b2] {
  padding: 0.6rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.btn-electrodo.seleccionado[data-v-d271a8b2] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-electrodo.correcto[data-v-d271a8b2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-electrodo.incorrecto[data-v-d271a8b2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* ===== DESAFÍO 2: Calcular potencial ===== */
.calculo-container[data-v-d271a8b2] {
  text-align: center;
}
.datos-pila[data-v-d271a8b2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.dato-titulo[data-v-d271a8b2] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.datos-grid[data-v-d271a8b2] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.dato-item[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
}
.dato-label[data-v-d271a8b2] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-d271a8b2] {
  font-size: 0.85rem;
  font-weight: 700;
  font-family: monospace;
}
.dato-valor.catodo-color[data-v-d271a8b2] { color: #6EE7B7;
}
.dato-valor.anodo-color[data-v-d271a8b2] { color: #FCA5A5;
}
.dato-e[data-v-d271a8b2] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-family: monospace;
}
.formula-recordatorio[data-v-d271a8b2] {
  font-size: 0.85rem;
  font-family: monospace;
  color: #C4B5FD;
  margin-bottom: 0.75rem;
}
.input-potencial[data-v-d271a8b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-d271a8b2] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.input-wrapper[data-v-d271a8b2] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-d271a8b2] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-d271a8b2] {
  color: #FCA5A5;
}
.potencial-input[data-v-d271a8b2] {
  width: 65px;
  height: 36px;
  padding: 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.potencial-input.correcto[data-v-d271a8b2] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.potencial-input.incorrecto[data-v-d271a8b2] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-d271a8b2] {
  font-size: 1rem;
  font-weight: 600;
  color: #C4B5FD;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-d271a8b2] {
  text-align: center;
}
.simulador-pila[data-v-d271a8b2] {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.sim-electrodo[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.5rem;
  min-width: 90px;
  font-size: 0.75rem;
}
.sim-anodo[data-v-d271a8b2] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.sim-catodo[data-v-d271a8b2] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sim-electrodo-top[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.35rem;
}
.sim-simbolo[data-v-d271a8b2] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #FFFFFF;
}
.sim-tipo[data-v-d271a8b2] {
  font-size: 0.6rem;
  font-weight: 600;
}
.sim-anodo .sim-tipo[data-v-d271a8b2] { color: #FCA5A5;
}
.sim-catodo .sim-tipo[data-v-d271a8b2] { color: #6EE7B7;
}
.sim-solucion[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-bottom: 0.35rem;
}
.ion-label[data-v-d271a8b2] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.concentracion-control[data-v-d271a8b2] {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.concentracion-control button[data-v-d271a8b2] {
  width: 22px;
  height: 22px;
  font-size: 0.9rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.3);
  border: 1px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.2rem;
  color: #E9D5FF;
  cursor: pointer;
  font-family: inherit;
}
.concentracion-control button[data-v-d271a8b2]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.conc-valor[data-v-d271a8b2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  min-width: 40px;
  text-align: center;
}
.sim-proceso[data-v-d271a8b2] {
  font-size: 0.6rem;
  font-family: monospace;
  color: #C4B5FD;
}
.sim-centro[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem;
  min-width: 70px;
}
.sim-flujo-electrones[data-v-d271a8b2] {
  padding: 0.2rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.sim-flujo-electrones.activo[data-v-d271a8b2] {
  opacity: 1;
}
.electron-arrow[data-v-d271a8b2] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
}
.sim-puente[data-v-d271a8b2] {
  padding: 0.2rem 0.4rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px dashed rgba(139, 92, 246, 0.4);
  border-radius: 0.25rem;
}
.puente-texto[data-v-d271a8b2] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.sim-voltaje[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.voltaje-label[data-v-d271a8b2] {
  font-size: 0.6rem;
  color: #C4B5FD;
}
.voltaje-valor[data-v-d271a8b2] {
  font-size: 1rem;
  font-weight: 800;
}
.voltaje-valor.positivo[data-v-d271a8b2] { color: #6EE7B7;
}
.voltaje-valor.negativo[data-v-d271a8b2] { color: #FCA5A5;
}
.sim-ecuacion-nernst[data-v-d271a8b2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.nernst-label[data-v-d271a8b2] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.nernst-formula[data-v-d271a8b2] {
  font-size: 0.8rem;
  font-family: monospace;
  color: #E9D5FF;
}
.sim-preguntas[data-v-d271a8b2] {
  margin-bottom: 0.5rem;
}
.sim-pregunta p[data-v-d271a8b2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.sim-pregunta strong[data-v-d271a8b2] {
  color: #FCD34D;
}
.sim-opciones[data-v-d271a8b2] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.sim-opciones button[data-v-d271a8b2] {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}
.sim-opciones button.correcto[data-v-d271a8b2] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.sim-opciones button.incorrecto[data-v-d271a8b2] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Elementos comunes */
.btn-verificar[data-v-d271a8b2] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 0.5rem;
  font-family: inherit;
}
.feedback-desafio[data-v-d271a8b2] {
  margin-top: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback-correcto[data-v-d271a8b2] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
}
.feedback-incorrecto[data-v-d271a8b2] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
}
.resultado-correcto[data-v-d271a8b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-d271a8b2] { font-size: 1.25rem;
}
.resultado-texto[data-v-d271a8b2] { color: #6EE7B7; font-weight: 600;
}
.contador[data-v-d271a8b2] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-d271a8b2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-d271a8b2] { flex: 1;
}
.nav-btn[data-v-d271a8b2] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-d271a8b2] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-d271a8b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-d271a8b2] { font-size: 1.75rem;
}
.completado-texto[data-v-d271a8b2] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-d271a8b2], .slide-leave-active[data-v-d271a8b2] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-d271a8b2] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-d271a8b2] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.simulador-pila[data-v-d271a8b2] {
    gap: 0.5rem;
}
.sim-electrodo[data-v-d271a8b2] {
    min-width: 120px;
    padding: 0.75rem;
    font-size: 0.85rem;
}
.sim-simbolo[data-v-d271a8b2] {
    font-size: 1.5rem;
}
.sim-centro[data-v-d271a8b2] {
    min-width: 100px;
}
}

/* Header del resumen */
.resumen-header[data-v-a9bd1032] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(245, 158, 11, 0.1));
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-a9bd1032] {
  font-size: 2rem;
}
.resumen-intro[data-v-a9bd1032] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.95rem;
  line-height: 1.4;
}
.resumen-intro strong[data-v-a9bd1032] {
  color: #FFFFFF;
}

/* Secciones */
.conceptos-section[data-v-a9bd1032],
.formulas-section[data-v-a9bd1032],
.tips-section[data-v-a9bd1032] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a9bd1032] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos cards */
.concepto-card[data-v-a9bd1032] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-card.anodo[data-v-a9bd1032] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-card.catodo[data-v-a9bd1032] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-header[data-v-a9bd1032] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.concepto-icono[data-v-a9bd1032] {
  font-size: 1.25rem;
}
.concepto-nombre[data-v-a9bd1032] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.concepto-lista[data-v-a9bd1032] {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.concepto-lista li[data-v-a9bd1032] {
  margin-bottom: 0.25rem;
}
.concepto-card.anodo .concepto-lista strong[data-v-a9bd1032] { color: #FCA5A5;
}
.concepto-card.catodo .concepto-lista strong[data-v-a9bd1032] { color: #6EE7B7;
}

/* Fórmulas cards */
.formula-card[data-v-a9bd1032] {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
.formula-nombre[data-v-a9bd1032] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.formula-eq[data-v-a9bd1032] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.frac[data-v-a9bd1032] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin: 0 0.15rem;
}
.num[data-v-a9bd1032] {
  border-bottom: 2px solid #FFFFFF;
  padding-bottom: 1px;
  font-size: 0.9rem;
}
.den[data-v-a9bd1032] {
  padding-top: 1px;
  font-size: 0.9rem;
}
.formula-nota[data-v-a9bd1032] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.35rem;
}

/* Tips grid */
.tips-grid[data-v-a9bd1032] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-a9bd1032] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 0.4rem;
}
.tip-num[data-v-a9bd1032] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
}
.tip-texto[data-v-a9bd1032] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-a9bd1032] {
  color: #6EE7B7;
}

/* Nemotécnica final */
.nemo-final[data-v-a9bd1032] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
  text-align: center;
}
.nemo-titulo[data-v-a9bd1032] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.nemo-grid[data-v-a9bd1032] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.nemo-item[data-v-a9bd1032] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  border-radius: 0.4rem;
}
.nemo-item.anodo[data-v-a9bd1032] {
  background: rgba(239, 68, 68, 0.2);
}
.nemo-item.catodo[data-v-a9bd1032] {
  background: rgba(16, 185, 129, 0.2);
}
.nemo-letra[data-v-a9bd1032] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  border-radius: 50%;
}
.nemo-item.anodo .nemo-letra[data-v-a9bd1032] {
  background: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.nemo-item.catodo .nemo-letra[data-v-a9bd1032] {
  background: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.nemo-desc[data-v-a9bd1032] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.nemo-item.anodo .nemo-desc strong[data-v-a9bd1032] { color: #FCA5A5;
}
.nemo-item.catodo .nemo-desc strong[data-v-a9bd1032] { color: #6EE7B7;
}
.nemo-extra[data-v-a9bd1032] {
  font-size: 0.8rem;
  color: #C4B5FD;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}

/* Mensaje final */
.mensaje-final[data-v-a9bd1032] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.1));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
  padding: 1rem;
}
.mensaje-icono[data-v-a9bd1032] {
  font-size: 1.75rem;
}
.mensaje-contenido[data-v-a9bd1032] {
  flex: 1;
}
.mensaje-titulo[data-v-a9bd1032] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.mensaje-texto[data-v-a9bd1032] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-section[data-v-a9bd1032] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
.conceptos-section .section-titulo[data-v-a9bd1032] {
    grid-column: 1 / -1;
}
.tips-grid[data-v-a9bd1032] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.formula-eq[data-v-a9bd1032] {
    font-size: 1.25rem;
}
}

/* Intro visual */
.intro-visual[data-v-9ad7ced0] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.proceso-visual[data-v-9ad7ced0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.paso-proceso[data-v-9ad7ced0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.vaso-inicial[data-v-9ad7ced0], .vaso-solvente[data-v-9ad7ced0], .vaso-solucion[data-v-9ad7ced0] {
  width: 50px;
  height: 60px;
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.25rem;
}
.vaso-inicial[data-v-9ad7ced0] {
  background: rgba(245, 158, 11, 0.1);
}
.soluto-particulas[data-v-9ad7ced0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.15rem;
  font-size: 0.7rem;
  color: #FCD34D;
}
.vaso-solvente[data-v-9ad7ced0] {
  position: relative;
  overflow: hidden;
}
.agua[data-v-9ad7ced0] {
  width: 100%;
  height: 70%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
}
.vaso-solucion[data-v-9ad7ced0] {
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.4));
}
.solucion-mezcla[data-v-9ad7ced0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  font-size: 0.6rem;
  color: #FCD34D;
  height: 70%;
  align-items: center;
}
.flecha[data-v-9ad7ced0] {
  font-size: 1.5rem;
  color: #8B5CF6;
  font-weight: 700;
}
.paso-label[data-v-9ad7ced0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Texto destacado */
strong.destacado[data-v-9ad7ced0] {
  color: #FCD34D;
}

/* Procesos section */
.procesos-section[data-v-9ad7ced0] {
  margin: 1.5rem 0;
}
.proceso-titulo[data-v-9ad7ced0] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.procesos-grid[data-v-9ad7ced0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.proceso-card[data-v-9ad7ced0] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.proceso-card.disolucion[data-v-9ad7ced0] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.3);
}
.proceso-card.dilucion[data-v-9ad7ced0] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.proceso-header[data-v-9ad7ced0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.proceso-icono[data-v-9ad7ced0] {
  font-size: 1.25rem;
}
.proceso-nombre[data-v-9ad7ced0] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.proceso-desc[data-v-9ad7ced0] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
}
.proceso-desc strong[data-v-9ad7ced0] {
  color: #FCD34D;
}
.proceso-ejemplo[data-v-9ad7ced0] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmulas section */
.formulas-section[data-v-9ad7ced0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-9ad7ced0] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.formula-titulo[data-v-9ad7ced0] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-contenido[data-v-9ad7ced0] {
  text-align: center;
}
.formula-principal[data-v-9ad7ced0] {
  font-size: 1.4rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.formula-donde[data-v-9ad7ced0] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-9ad7ced0] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9ad7ced0] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9ad7ced0] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9ad7ced0] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-visual[data-v-9ad7ced0] {
    gap: 1.5rem;
}
.vaso-inicial[data-v-9ad7ced0], .vaso-solvente[data-v-9ad7ced0], .vaso-solucion[data-v-9ad7ced0] {
    width: 70px;
    height: 80px;
}
.procesos-grid[data-v-9ad7ced0] {
    flex-direction: row;
}
.proceso-card[data-v-9ad7ced0] {
    flex: 1;
}
.formulas-section[data-v-9ad7ced0] {
    flex-direction: row;
}
.formula-card[data-v-9ad7ced0] {
    flex: 1;
}
}

/* Texto destacado */
strong.destacado[data-v-2a613ccb] {
  color: #FCD34D;
}

/* Material principal: Matraz */
.material-principal[data-v-2a613ccb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1.25rem;
  margin: 1.5rem 0;
}
.matraz-visual[data-v-2a613ccb] {
  display: flex;
  justify-content: center;
}
.matraz[data-v-2a613ccb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cuello[data-v-2a613ccb] {
  width: 20px;
  height: 40px;
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  position: relative;
}
.linea-aforo[data-v-2a613ccb] {
  position: absolute;
  bottom: 8px;
  left: -3px;
  right: -3px;
  height: 2px;
  background: #EF4444;
}
.cuerpo[data-v-2a613ccb] {
  width: 80px;
  height: 70px;
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-top: none;
  border-radius: 0 0 50% 50%;
  overflow: hidden;
  position: relative;
}
.solucion-matraz[data-v-2a613ccb] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
}
.matraz-info[data-v-2a613ccb] {
  text-align: center;
}
.matraz-nombre[data-v-2a613ccb] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.matraz-desc[data-v-2a613ccb] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.matraz-volumenes[data-v-2a613ccb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
}
.volumen-tag[data-v-2a613ccb] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Otros materiales */
.otros-materiales[data-v-2a613ccb] {
  margin: 1.5rem 0;
}
.materiales-titulo[data-v-2a613ccb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.materiales-grid[data-v-2a613ccb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.material-card[data-v-2a613ccb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.material-icono[data-v-2a613ccb] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.material-nombre[data-v-2a613ccb] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.material-uso[data-v-2a613ccb] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Procedimiento */
.procedimiento-section[data-v-2a613ccb] {
  margin: 1.5rem 0;
}
.procedimiento-titulo[data-v-2a613ccb] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.pasos-procedimiento[data-v-2a613ccb] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-proc[data-v-2a613ccb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.paso-num[data-v-2a613ccb] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
}
.paso-texto[data-v-2a613ccb] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.paso-texto strong[data-v-2a613ccb] {
  color: #6EE7B7;
}

/* Advertencia */
.advertencia[data-v-2a613ccb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.adv-icono[data-v-2a613ccb] {
  font-size: 1.25rem;
}
.adv-texto[data-v-2a613ccb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.adv-texto strong[data-v-2a613ccb] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.material-principal[data-v-2a613ccb] {
    flex-direction: row;
    text-align: left;
}
.matraz-info[data-v-2a613ccb] {
    text-align: left;
}
.matraz-volumenes[data-v-2a613ccb] {
    justify-content: flex-start;
}
.materiales-grid[data-v-2a613ccb] {
    grid-template-columns: repeat(3, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-af6ba156] {
  color: #FCD34D;
}

/* Visual de dilución */
.dilucion-visual[data-v-af6ba156] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
  flex-wrap: wrap;
}
.estado[data-v-af6ba156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.vaso[data-v-af6ba156] {
  width: 60px;
  height: 70px;
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
  overflow: hidden;
  position: relative;
}
.liquido[data-v-af6ba156] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.25rem;
}
.liquido.alto[data-v-af6ba156] {
  height: 50%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.5), rgba(59, 130, 246, 0.7));
}
.liquido.lleno[data-v-af6ba156] {
  height: 85%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.4));
}
.particula[data-v-af6ba156] {
  font-size: 0.55rem;
  color: #FCD34D;
}
.estado-info[data-v-af6ba156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
}
.conc-label[data-v-af6ba156] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.conc-valor[data-v-af6ba156] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #E9D5FF;
}
.flecha-dilucion[data-v-af6ba156] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.agua-add[data-v-af6ba156] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}
.flecha-icono[data-v-af6ba156] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Principio card */
.principio-card[data-v-af6ba156] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.principio-icono[data-v-af6ba156] {
  font-size: 1.5rem;
}
.principio-titulo[data-v-af6ba156] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.principio-texto[data-v-af6ba156] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Fórmula section */
.formula-section[data-v-af6ba156] {
  margin: 1.5rem 0;
}
.formula-titulo[data-v-af6ba156] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.formula-box[data-v-af6ba156] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-af6ba156] {
  font-size: 1.8rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.5rem;
}
.formula-igual[data-v-af6ba156] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.igual[data-v-af6ba156] {
  color: #8B5CF6;
  font-weight: 700;
}
.variables-grid[data-v-af6ba156] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.variable[data-v-af6ba156] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.var-simbolo[data-v-af6ba156] {
  font-weight: 700;
  color: #FCD34D;
  font-family: monospace;
}
.var-desc[data-v-af6ba156] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ejemplo section */
.ejemplo-section[data-v-af6ba156] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-titulo[data-v-af6ba156] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-enunciado[data-v-af6ba156] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.ejemplo-resolucion[data-v-af6ba156] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-ejemplo[data-v-af6ba156] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.paso-label[data-v-af6ba156] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6EE7B7;
}
.paso-contenido[data-v-af6ba156] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso-ejemplo.resultado .paso-contenido[data-v-af6ba156] {
  color: #FFFFFF;
}
.paso-ejemplo.resultado .paso-contenido strong[data-v-af6ba156] {
  color: #FCD34D;
  font-size: 1rem;
}

/* Seguridad */
.seguridad[data-v-af6ba156] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.seg-icono[data-v-af6ba156] {
  font-size: 1.25rem;
}
.seg-texto[data-v-af6ba156] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.seg-texto strong[data-v-af6ba156] {
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-af6ba156] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-af6ba156] {
  font-size: 1.25rem;
}
.tip-texto[data-v-af6ba156] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-af6ba156] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.dilucion-visual[data-v-af6ba156] {
    gap: 2rem;
}
.vaso[data-v-af6ba156] {
    width: 80px;
    height: 90px;
}
.variables-grid[data-v-af6ba156] {
    grid-template-columns: repeat(4, 1fr);
}
.paso-ejemplo[data-v-af6ba156] {
    flex-direction: row;
    gap: 0.5rem;
}
}

.explorador[data-v-41c271b8] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-41c271b8] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-41c271b8] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-41c271b8] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-41c271b8] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-41c271b8] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-41c271b8] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-41c271b8] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-41c271b8] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-41c271b8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-41c271b8] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== Calculo container ===== */
.calculo-container[data-v-41c271b8], .dilucion-container[data-v-41c271b8], .material-container[data-v-41c271b8] {
  text-align: center;
}

/* Problema visual */
.problema-visual[data-v-41c271b8] {
  margin-bottom: 1rem;
}
.matraz-visual[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.matraz-mini[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.matraz-cuello[data-v-41c271b8] {
  width: 16px;
  height: 25px;
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
.matraz-cuerpo[data-v-41c271b8] {
  width: 60px;
  height: 50px;
  border: 2px solid rgba(139, 92, 246, 0.6);
  border-top: none;
  border-radius: 0 0 50% 50%;
  overflow: hidden;
  position: relative;
}
.solucion-nivel[data-v-41c271b8] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
}
.matraz-label[data-v-41c271b8] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}

/* Datos problema */
.datos-problema[data-v-41c271b8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.datos-problema.compact[data-v-41c271b8] {
  grid-template-columns: repeat(4, 1fr);
}
.dato[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato.incognita[data-v-41c271b8] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px dashed rgba(245, 158, 11, 0.5);
}
.dato-icono[data-v-41c271b8] {
  font-size: 1.25rem;
}
.dato-label[data-v-41c271b8] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-41c271b8] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-recordatorio[data-v-41c271b8] {
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-41c271b8] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.pasos-guia[data-v-41c271b8] {
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.paso-guia[data-v-41c271b8] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.paso-guia .paso-label[data-v-41c271b8] {
  color: #6EE7B7;
  font-weight: 600;
}
.paso-guia .paso-valor[data-v-41c271b8] {
  color: #E9D5FF;
  font-family: monospace;
}

/* Dilución visual */
.dilucion-visual[data-v-41c271b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.vaso-container[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.vaso-dilucion[data-v-41c271b8] {
  width: 40px;
  height: 50px;
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0 0 0.4rem 0.4rem;
  border-top: none;
  overflow: hidden;
  position: relative;
}
.vaso-dilucion.final[data-v-41c271b8] {
  width: 55px;
  height: 60px;
}
.liquido-dilucion[data-v-41c271b8] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.liquido-dilucion.concentrado[data-v-41c271b8] {
  height: 60%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.5), rgba(59, 130, 246, 0.7));
}
.liquido-dilucion.diluido[data-v-41c271b8] {
  height: 85%;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.25), rgba(59, 130, 246, 0.4));
}
.vaso-info[data-v-41c271b8] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  line-height: 1.2;
}
.flecha-proceso[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.agua-texto[data-v-41c271b8] {
  font-size: 0.65rem;
  color: #93C5FD;
  font-weight: 600;
}
.flecha[data-v-41c271b8] {
  font-size: 1.25rem;
  color: #8B5CF6;
}

/* Respuesta input */
.respuesta-input[data-v-41c271b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-41c271b8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-numero[data-v-41c271b8] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-41c271b8] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-41c271b8] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-41c271b8] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-41c271b8] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-41c271b8]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Material container */
.situacion-problema[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-41c271b8] {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-41c271b8] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-material[data-v-41c271b8] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-material[data-v-41c271b8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-material[data-v-41c271b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-material[data-v-41c271b8]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.3);
}
.btn-material.seleccionado[data-v-41c271b8] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-material.correcto[data-v-41c271b8] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-material.incorrecto[data-v-41c271b8] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.material-icono[data-v-41c271b8] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.material-nombre[data-v-41c271b8] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}

/* Feedback y resultados */
.feedback-error[data-v-41c271b8] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-41c271b8] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-41c271b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-41c271b8] { font-size: 1.25rem;
}
.resultado-texto[data-v-41c271b8] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-41c271b8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-41c271b8] { flex: 1;
}
.nav-btn[data-v-41c271b8] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-41c271b8] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-41c271b8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-41c271b8] { font-size: 1.75rem;
}
.completado-texto[data-v-41c271b8] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-41c271b8], .slide-leave-active[data-v-41c271b8] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-41c271b8] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-41c271b8] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.datos-problema[data-v-41c271b8] {
    grid-template-columns: repeat(4, 1fr);
}
.dilucion-visual[data-v-41c271b8] {
    gap: 1.5rem;
}
.vaso-dilucion[data-v-41c271b8] {
    width: 55px;
    height: 65px;
}
.vaso-dilucion.final[data-v-41c271b8] {
    width: 70px;
    height: 80px;
}
}

/* Resumen visual */
.resumen-visual[data-v-c05f071d] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(59, 130, 246, 0.1));
  border-radius: 0.75rem;
}
.conceptos-clave[data-v-c05f071d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.concepto[data-v-c05f071d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 130px;
}
.concepto.disolucion[data-v-c05f071d] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto.dilucion[data-v-c05f071d] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-icono[data-v-c05f071d] {
  font-size: 1.75rem;
  margin-bottom: 0.25rem;
}
.concepto-nombre[data-v-c05f071d] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.concepto-formula[data-v-c05f071d] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-c05f071d] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.formula-item[data-v-c05f071d] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.formula-header[data-v-c05f071d] {
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.formula-tipo[data-v-c05f071d] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #C4B5FD;
}
.formula-cuerpo[data-v-c05f071d] {
  padding: 0.75rem;
  text-align: center;
}
.formula[data-v-c05f071d] {
  font-size: 1.3rem;
  font-weight: 800;
  color: #FFFFFF;
  font-family: monospace;
  margin-bottom: 0.35rem;
}
.formula-variantes[data-v-c05f071d] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.formula-nota[data-v-c05f071d] {
  font-size: 0.8rem;
  color: #93C5FD;
}

/* Procedimiento rápido */
.procedimiento-rapido[data-v-c05f071d] {
  margin: 1.5rem 0;
}
.proc-titulo[data-v-c05f071d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.proc-pasos[data-v-c05f071d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.proc-paso[data-v-c05f071d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
}
.proc-paso .num[data-v-c05f071d] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  font-weight: 700;
  font-size: 0.7rem;
  border-radius: 50%;
}
.proc-paso .texto[data-v-c05f071d] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.proc-paso .texto strong[data-v-c05f071d] {
  color: #6EE7B7;
}

/* Material esencial */
.material-esencial[data-v-c05f071d] {
  margin: 1.5rem 0;
}
.mat-titulo[data-v-c05f071d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.mat-grid[data-v-c05f071d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.mat-item[data-v-c05f071d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.mat-icono[data-v-c05f071d] {
  font-size: 1.25rem;
}
.mat-nombre[data-v-c05f071d] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.mat-uso[data-v-c05f071d] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tips PAES */
.tips-paes[data-v-c05f071d] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.tips-titulo[data-v-c05f071d] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-c05f071d] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-c05f071d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-c05f071d] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-texto[data-v-c05f071d] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-c05f071d] {
  color: #FFFFFF;
}

/* Advertencia final */
.advertencia-final[data-v-c05f071d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.adv-icono[data-v-c05f071d] {
  font-size: 1.25rem;
}
.adv-texto[data-v-c05f071d] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.adv-texto strong[data-v-c05f071d] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-resumen[data-v-c05f071d] {
    flex-direction: row;
}
.formula-item[data-v-c05f071d] {
    flex: 1;
}
.proc-pasos[data-v-c05f071d] {
    grid-template-columns: repeat(3, 1fr);
}
.mat-grid[data-v-c05f071d] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Intro visual */
.intro-visual[data-v-6444b2b4] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.balanza-container[data-v-6444b2b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.balanza[data-v-6444b2b4] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
}
.platillo[data-v-6444b2b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  min-width: 70px;
}
.platillo.izq[data-v-6444b2b4] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.platillo.der[data-v-6444b2b4] {
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.platillo-contenido[data-v-6444b2b4] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.platillo-label[data-v-6444b2b4] {
  font-size: 0.7rem;
  color: #C4B5FD;
  font-weight: 600;
}
.barra-balanza[data-v-6444b2b4] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6, #10B981);
  border-radius: 2px;
}
.fulcro[data-v-6444b2b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  z-index: 1;
}
.fulcro-icono[data-v-6444b2b4] {
  font-size: 1.25rem;
}
.perturbacion-indicador[data-v-6444b2b4] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 9999px;
}
.pert-icono[data-v-6444b2b4] {
  font-size: 1rem;
  animation: pulse-6444b2b4 1.5s infinite;
}
.pert-texto[data-v-6444b2b4] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
@keyframes pulse-6444b2b4 {
0%, 100% { transform: scale(1);
}
50% { transform: scale(1.15);
}
}

/* Texto destacado */
strong.destacado[data-v-6444b2b4] {
  color: #FCD34D;
}

/* Concepto card */
.concepto-card[data-v-6444b2b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-6444b2b4] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-6444b2b4] {
  flex: 1;
}
.concepto-titulo[data-v-6444b2b4] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-6444b2b4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-6444b2b4] {
  color: #FFFFFF;
}

/* Factores preview */
.factores-preview[data-v-6444b2b4] {
  margin: 1.5rem 0;
}
.factores-titulo[data-v-6444b2b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factores-grid[data-v-6444b2b4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.factor-item[data-v-6444b2b4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.factor-icono[data-v-6444b2b4] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.factor-nombre[data-v-6444b2b4] {
  font-size: 0.7rem;
  color: #E9D5FF;
  font-weight: 600;
  text-align: center;
}

/* Analogía */
.analogia-section[data-v-6444b2b4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.analogia-titulo[data-v-6444b2b4] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.analogia-contenido p[data-v-6444b2b4] {
  margin: 0;
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.analogia-contenido strong[data-v-6444b2b4] {
  color: #FFFFFF;
}

/* Ejemplo intro */
.ejemplo-intro[data-v-6444b2b4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.ejemplo-titulo[data-v-6444b2b4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ejemplo-reaccion[data-v-6444b2b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.reactivos[data-v-6444b2b4] {
  color: #93C5FD;
}
.flechas[data-v-6444b2b4] {
  color: #FCD34D;
  font-size: 1rem;
}
.productos[data-v-6444b2b4] {
  color: #6EE7B7;
}
.ejemplo-explicacion[data-v-6444b2b4] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.efecto-item[data-v-6444b2b4] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
}
.efecto-accion[data-v-6444b2b4] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 600;
}
.efecto-accion.aumentar[data-v-6444b2b4] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.efecto-accion.disminuir[data-v-6444b2b4] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.efecto-flecha[data-v-6444b2b4] {
  color: #FCD34D;
}
.efecto-resultado[data-v-6444b2b4] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Nota importante */
.nota-importante[data-v-6444b2b4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-6444b2b4] {
  font-size: 1.25rem;
}
.nota-texto[data-v-6444b2b4] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-6444b2b4] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.balanza[data-v-6444b2b4] {
    gap: 1rem;
}
.platillo[data-v-6444b2b4] {
    min-width: 90px;
    padding: 0.75rem;
}
.platillo-contenido[data-v-6444b2b4] {
    font-size: 1.75rem;
}
.barra-balanza[data-v-6444b2b4] {
    width: 140px;
}
.ejemplo-explicacion[data-v-6444b2b4] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Intro visual */
.intro-visual[data-v-c61e7732] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.tubos-container[data-v-c61e7732] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1rem;
  height: 100px;
}
.tubo[data-v-c61e7732] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  height: 80px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0 0 25px 25px;
  position: relative;
  overflow: hidden;
}
.liquido[data-v-c61e7732] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 23px 23px;
  transition: height 0.3s ease;
}
.liquido.reactivo[data-v-c61e7732] {
  background: linear-gradient(180deg, #60A5FA, #3B82F6);
}
.liquido.producto[data-v-c61e7732] {
  background: linear-gradient(180deg, #34D399, #10B981);
}
.tubo-label[data-v-c61e7732] {
  position: absolute;
  bottom: -20px;
  font-size: 0.65rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.flecha-eq[data-v-c61e7732] {
  font-size: 1.5rem;
  color: #FCD34D;
  margin-bottom: 2rem;
}

/* Texto destacado */
strong.destacado[data-v-c61e7732] {
  color: #FCD34D;
}

/* Regla card */
.regla-card[data-v-c61e7732] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.regla-icono[data-v-c61e7732] {
  font-size: 1.5rem;
}
.regla-contenido[data-v-c61e7732] {
  flex: 1;
}
.regla-titulo[data-v-c61e7732] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-c61e7732] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.regla-texto strong[data-v-c61e7732] {
  color: #FFFFFF;
}

/* Casos section */
.casos-section[data-v-c61e7732] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-c61e7732] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.caso-card[data-v-c61e7732] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.caso-header[data-v-c61e7732] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
}
.caso-card.aumentar .caso-header[data-v-c61e7732] {
  background: rgba(239, 68, 68, 0.2);
}
.caso-card.disminuir .caso-header[data-v-c61e7732] {
  background: rgba(59, 130, 246, 0.2);
}
.caso-icono[data-v-c61e7732] {
  font-size: 0.9rem;
}
.caso-titulo[data-v-c61e7732] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.caso-contenido[data-v-c61e7732] {
  padding: 0.5rem 0.75rem;
}
.caso-visual[data-v-c61e7732] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  margin-bottom: 0.25rem;
}
.sustancia[data-v-c61e7732] {
  font-weight: 600;
  padding: 0.15rem 0.35rem;
  border-radius: 0.25rem;
}
.sustancia.reactivo-color[data-v-c61e7732] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.sustancia.producto-color[data-v-c61e7732] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.direccion[data-v-c61e7732] {
  color: #FCD34D;
}
.resultado[data-v-c61e7732] {
  color: #FFFFFF;
  font-weight: 600;
}
.caso-explicacion[data-v-c61e7732] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Ejemplo section */
.ejemplo-section[data-v-c61e7732] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-c61e7732] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-c61e7732] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ejemplo[data-v-c61e7732] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-c61e7732] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  padding: 0.4rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  display: inline-block;
}
.efectos-ejemplo[data-v-c61e7732] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.efecto[data-v-c61e7732] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
}
.accion[data-v-c61e7732] {
  font-weight: 600;
  color: #FCD34D;
}
.resultado-ej[data-v-c61e7732] {
  color: #6EE7B7;
}
.tip-industrial[data-v-c61e7732] {
  font-size: 0.75rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.3rem;
}
.tip-industrial strong[data-v-c61e7732] {
  color: #6EE7B7;
}

/* Nota PAES */
.nota-paes[data-v-c61e7732] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-c61e7732] {
  font-size: 1.25rem;
}
.nota-texto[data-v-c61e7732] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-c61e7732] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.tubos-container[data-v-c61e7732] {
    gap: 2rem;
    height: 120px;
}
.tubo[data-v-c61e7732] {
    width: 60px;
    height: 100px;
}
.efectos-ejemplo[data-v-c61e7732] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Intro visual */
.intro-visual[data-v-23aceeb7] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.cilindros-container[data-v-23aceeb7] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1rem;
}
.cilindro[data-v-23aceeb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  height: 100px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px 5px 0 0;
  position: relative;
}
.piston[data-v-23aceeb7] {
  width: 100%;
  height: 15px;
  background: linear-gradient(180deg, #6B7280, #4B5563);
  border-radius: 3px 3px 0 0;
  border-bottom: 2px solid #374151;
}
.piston.alto[data-v-23aceeb7] {
  margin-top: 0;
}
.piston.bajo[data-v-23aceeb7] {
  margin-top: 30px;
}
.gas-container[data-v-23aceeb7] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px;
}
.gas-container.comprimido[data-v-23aceeb7] {
  justify-content: center;
  align-content: flex-end;
}
.mol[data-v-23aceeb7] {
  color: #60A5FA;
  font-size: 0.9rem;
}
.cilindro-label[data-v-23aceeb7] {
  position: absolute;
  bottom: -20px;
  font-size: 0.7rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.flecha-cambio[data-v-23aceeb7] {
  font-size: 1.5rem;
  color: #FCD34D;
  margin-bottom: 2.5rem;
}

/* Texto destacado */
strong.destacado[data-v-23aceeb7] {
  color: #FCD34D;
}

/* Condición card */
.condicion-card[data-v-23aceeb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.condicion-icono[data-v-23aceeb7] {
  font-size: 1.5rem;
}
.condicion-contenido[data-v-23aceeb7] {
  flex: 1;
}
.condicion-titulo[data-v-23aceeb7] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.25rem;
}
.condicion-texto[data-v-23aceeb7] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.condicion-texto strong[data-v-23aceeb7] {
  color: #FFFFFF;
}

/* Regla card */
.regla-card[data-v-23aceeb7] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.regla-card > .regla-icono[data-v-23aceeb7] {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  display: block;
}
.regla-titulo[data-v-23aceeb7] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.reglas-list[data-v-23aceeb7] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.regla-item[data-v-23aceeb7] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  flex-wrap: wrap;
}
.cambio[data-v-23aceeb7] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 600;
}
.cambio.aumentar[data-v-23aceeb7] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.cambio.disminuir[data-v-23aceeb7] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.efecto-flecha[data-v-23aceeb7] {
  color: #FCD34D;
}
.efecto-texto[data-v-23aceeb7] {
  color: #E9D5FF;
}
.efecto-texto strong[data-v-23aceeb7] {
  color: #FFFFFF;
}

/* Lógica section */
.logica-section[data-v-23aceeb7] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.logica-titulo[data-v-23aceeb7] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.logica-contenido p[data-v-23aceeb7] {
  margin: 0 0 0.4rem 0;
  color: #E9D5FF;
  font-size: 0.8rem;
  line-height: 1.4;
}
.logica-contenido p[data-v-23aceeb7]:last-child {
  margin-bottom: 0;
}
.logica-contenido strong[data-v-23aceeb7] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-23aceeb7] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-23aceeb7] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-23aceeb7] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-moles[data-v-23aceeb7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.lado-reaccion[data-v-23aceeb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.formula-lado[data-v-23aceeb7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.moles-count[data-v-23aceeb7] {
  font-size: 0.7rem;
  color: #FCD34D;
  font-weight: 600;
}
.flechas[data-v-23aceeb7] {
  color: #FCD34D;
  font-size: 1rem;
}
.conclusion-ejemplo[data-v-23aceeb7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.conclusion-item[data-v-23aceeb7] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.presion-cambio[data-v-23aceeb7] {
  font-weight: 600;
  color: #FCA5A5;
  padding: 0.15rem 0.3rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.2rem;
}
.presion-cambio.baja[data-v-23aceeb7] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.2);
}
.resultado[data-v-23aceeb7] {
  color: #6EE7B7;
  font-weight: 600;
}
.razon[data-v-23aceeb7] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Caso especial */
.caso-especial[data-v-23aceeb7] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.caso-especial .caso-header[data-v-23aceeb7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(245, 158, 11, 0.2);
}
.caso-especial .caso-icono[data-v-23aceeb7] {
  font-size: 1rem;
}
.caso-especial .caso-titulo[data-v-23aceeb7] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.caso-especial .caso-contenido[data-v-23aceeb7] {
  padding: 0.5rem 0.75rem;
}
.reaccion-igual[data-v-23aceeb7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.formula-caso[data-v-23aceeb7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.moles-caso[data-v-23aceeb7] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.caso-resultado[data-v-23aceeb7] {
  margin: 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  text-align: center;
}
.caso-resultado strong[data-v-23aceeb7] {
  color: #FFFFFF;
}

/* Nota PAES */
.nota-paes[data-v-23aceeb7] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.nota-icono[data-v-23aceeb7] {
  font-size: 1.25rem;
}
.nota-texto[data-v-23aceeb7] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.nota-texto strong[data-v-23aceeb7] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.cilindros-container[data-v-23aceeb7] {
    gap: 2rem;
}
.cilindro[data-v-23aceeb7] {
    width: 70px;
    height: 120px;
}
.conclusion-ejemplo[data-v-23aceeb7] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Intro visual */
.intro-visual[data-v-79dac885] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.termometros-container[data-v-79dac885] {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.5rem;
}
.termometro[data-v-79dac885] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bulbo[data-v-79dac885] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 1;
}
.termometro.frio .bulbo[data-v-79dac885] {
  background: #3B82F6;
}
.termometro.caliente .bulbo[data-v-79dac885] {
  background: #EF4444;
}
.columna[data-v-79dac885] {
  width: 12px;
  height: 70px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px 6px 0 0;
  margin-bottom: -4px;
  position: relative;
  overflow: hidden;
}
.mercurio[data-v-79dac885] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: height 0.3s ease;
}
.termometro.frio .mercurio[data-v-79dac885] {
  background: linear-gradient(0deg, #3B82F6, #60A5FA);
}
.termometro.caliente .mercurio[data-v-79dac885] {
  background: linear-gradient(0deg, #EF4444, #F87171);
}
.temp-label[data-v-79dac885] {
  margin-top: 0.5rem;
  font-size: 0.7rem;
  color: #C4B5FD;
}
.flecha-temp[data-v-79dac885] {
  font-size: 1.5rem;
  color: #FCD34D;
  margin-bottom: 2rem;
}

/* Texto destacado */
strong.destacado[data-v-79dac885] {
  color: #FCD34D;
}
strong.endo[data-v-79dac885] {
  color: #93C5FD;
}
strong.exo[data-v-79dac885] {
  color: #FCA5A5;
}

/* Concepto card */
.concepto-card[data-v-79dac885] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-79dac885] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-79dac885] {
  flex: 1;
}
.concepto-titulo[data-v-79dac885] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-79dac885] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tipos section */
.tipos-section[data-v-79dac885] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-79dac885] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipo-card[data-v-79dac885] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.tipo-header[data-v-79dac885] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
}
.tipo-card.exo .tipo-header[data-v-79dac885] {
  background: rgba(239, 68, 68, 0.2);
}
.tipo-card.endo .tipo-header[data-v-79dac885] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-icono[data-v-79dac885] {
  font-size: 1rem;
}
.tipo-nombre[data-v-79dac885] {
  font-weight: 700;
  font-size: 0.85rem;
}
.tipo-card.exo .tipo-nombre[data-v-79dac885] {
  color: #FCA5A5;
}
.tipo-card.endo .tipo-nombre[data-v-79dac885] {
  color: #93C5FD;
}
.tipo-contenido[data-v-79dac885] {
  padding: 0.5rem 0.75rem;
}
.tipo-descripcion[data-v-79dac885] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.tipo-formula[data-v-79dac885] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
strong.calor[data-v-79dac885] {
  color: #FCD34D;
}

/* Reglas section */
.reglas-section[data-v-79dac885] {
  margin: 1.5rem 0;
}
.regla-card[data-v-79dac885] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.regla-header[data-v-79dac885] {
  padding: 0.5rem 0.75rem;
}
.regla-card.aumentar-t .regla-header[data-v-79dac885] {
  background: rgba(239, 68, 68, 0.2);
}
.regla-card.disminuir-t .regla-header[data-v-79dac885] {
  background: rgba(59, 130, 246, 0.2);
}
.temp-cambio[data-v-79dac885] {
  font-weight: 700;
  font-size: 0.95rem;
}
.temp-cambio.subir[data-v-79dac885] {
  color: #FCA5A5;
}
.temp-cambio.bajar[data-v-79dac885] {
  color: #93C5FD;
}
.regla-body[data-v-79dac885] {
  padding: 0.5rem 0.75rem;
}
.efecto-item[data-v-79dac885] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.reaccion-tipo[data-v-79dac885] {
  color: #C4B5FD;
  min-width: 85px;
}
.efecto-dir[data-v-79dac885] {
  color: #6EE7B7;
  font-weight: 600;
}
.regla-logica[data-v-79dac885] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  font-style: italic;
}
.regla-logica strong[data-v-79dac885] {
  color: #FFFFFF;
}

/* Ejemplo section */
.ejemplo-section[data-v-79dac885] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-79dac885] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-79dac885] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ejemplo[data-v-79dac885] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.formula[data-v-79dac885] {
  display: block;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.delta-h[data-v-79dac885] {
  display: block;
  font-size: 0.75rem;
  color: #FCA5A5;
  margin-top: 0.2rem;
}
.efectos-temp[data-v-79dac885] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.efecto-temp[data-v-79dac885] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  flex-wrap: wrap;
}
.cambio-t[data-v-79dac885] {
  font-weight: 600;
  padding: 0.15rem 0.35rem;
  border-radius: 0.2rem;
}
.cambio-t.subir[data-v-79dac885] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.cambio-t.bajar[data-v-79dac885] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.resultado-t[data-v-79dac885] {
  color: #6EE7B7;
  font-weight: 600;
}
.k-cambio[data-v-79dac885] {
  font-size: 0.7rem;
  color: #FCD34D;
  margin-left: auto;
}

/* Nota PAES */
.nota-paes[data-v-79dac885] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.nota-icono[data-v-79dac885] {
  font-size: 1.5rem;
}
.nota-contenido[data-v-79dac885] {
  flex: 1;
}
.nota-titulo[data-v-79dac885] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.25rem;
}
.nota-texto[data-v-79dac885] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.nota-texto strong[data-v-79dac885] {
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.termometros-container[data-v-79dac885] {
    gap: 3rem;
}
.columna[data-v-79dac885] {
    height: 90px;
}
.efectos-temp[data-v-79dac885] {
    flex-direction: row;
    justify-content: space-around;
}
.efecto-temp[data-v-79dac885] {
    flex: 1;
}
}

.explorador[data-v-e3881c02] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-e3881c02] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-e3881c02] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-e3881c02] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-e3881c02] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-e3881c02] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-e3881c02] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-e3881c02] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-e3881c02] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-e3881c02] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-e3881c02] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Reacción dada */
.reaccion-dada[data-v-e3881c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 1rem;
}
.reaccion-formula[data-v-e3881c02] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.moles-info[data-v-e3881c02] {
  font-size: 0.75rem;
  color: #FCD34D;
}
.delta-h[data-v-e3881c02] {
  font-size: 0.75rem;
}
.delta-h.exo[data-v-e3881c02] {
  color: #FCA5A5;
}
.delta-h.endo[data-v-e3881c02] {
  color: #93C5FD;
}

/* Equilibrio visual */
.equilibrio-visual[data-v-e3881c02] {
  display: flex;
  align-items: stretch;
  height: 70px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
}
.lado[data-v-e3881c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  transition: flex 0.5s ease;
}
.reactivos-lado[data-v-e3881c02] {
  background: rgba(59, 130, 246, 0.2);
}
.productos-lado[data-v-e3881c02] {
  background: rgba(16, 185, 129, 0.2);
}
.lado-label[data-v-e3881c02] {
  font-size: 0.6rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.moleculas[data-v-e3881c02] {
  display: flex;
  gap: 0.15rem;
  flex-wrap: wrap;
  justify-content: center;
}
.mol-r[data-v-e3881c02] {
  font-size: 0.8rem;
  color: #60A5FA;
}
.mol-p[data-v-e3881c02] {
  font-size: 0.8rem;
  color: #34D399;
}
.marcador-eq[data-v-e3881c02] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #FCD34D;
  transform: translateX(-50%);
  transition: left 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.eq-arrow[data-v-e3881c02] {
  position: absolute;
  color: #FCD34D;
  font-size: 0.9rem;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.1rem 0.2rem;
  border-radius: 0.2rem;
}

/* Preguntas */
.pregunta-d1[data-v-e3881c02], .pregunta-d2[data-v-e3881c02], .pregunta-d3[data-v-e3881c02] {
  font-size: 0.9rem;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

/* Opciones direccion */
.opciones-direccion[data-v-e3881c02] {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-dir[data-v-e3881c02] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-dir[data-v-e3881c02]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-dir.seleccionado[data-v-e3881c02] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-dir.correcto[data-v-e3881c02] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-dir.incorrecto[data-v-e3881c02] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Presión visual */
.presion-visual[data-v-e3881c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.cilindro-presion[data-v-e3881c02] {
  width: 60px;
  height: 90px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px 5px 0 0;
  position: relative;
  overflow: hidden;
}
.piston-animado[data-v-e3881c02] {
  width: 100%;
  height: 15px;
  background: linear-gradient(180deg, #6B7280, #4B5563);
  border-bottom: 2px solid #374151;
  transition: transform 0.3s ease;
}
.piston-animado.comprimido[data-v-e3881c02] {
  transform: translateY(30px);
}
.gas-visual[data-v-e3881c02] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  padding: 10px;
  transition: all 0.3s ease;
}
.gas-visual.comprimido[data-v-e3881c02] {
  padding: 5px;
  margin-top: 25px;
}
.particula[data-v-e3881c02] {
  color: #60A5FA;
  font-size: 0.75rem;
}
.presion-controles[data-v-e3881c02], .temp-controles[data-v-e3881c02] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-presion[data-v-e3881c02], .btn-temp[data-v-e3881c02] {
  padding: 0.4rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-presion.activo[data-v-e3881c02], .btn-temp.activo[data-v-e3881c02] {
  background: rgba(139, 92, 246, 0.3);
  border-color: #8B5CF6;
  color: #FFFFFF;
}

/* Temperatura visual */
.temperatura-visual[data-v-e3881c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.termometro-interactivo[data-v-e3881c02] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bulbo-term[data-v-e3881c02] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #EF4444, #DC2626);
  border: 2px solid rgba(255, 255, 255, 0.3);
  z-index: 1;
}
.columna-term[data-v-e3881c02] {
  width: 12px;
  height: 60px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px 6px 0 0;
  margin-bottom: -4px;
  position: relative;
  overflow: hidden;
}
.mercurio-term[data-v-e3881c02] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, #EF4444, #F87171);
  transition: height 0.3s ease;
}

/* Feedback y resultados */
.feedback-error[data-v-e3881c02] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  text-align: center;
}
.contador[data-v-e3881c02] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
  text-align: center;
}
.resultado-correcto[data-v-e3881c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-e3881c02] { font-size: 1.25rem;
}
.resultado-texto[data-v-e3881c02] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-e3881c02] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-e3881c02] { flex: 1;
}
.nav-btn[data-v-e3881c02] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-e3881c02] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-e3881c02] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-e3881c02] { font-size: 1.75rem;
}
.completado-texto[data-v-e3881c02] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-e3881c02], .slide-leave-active[data-v-e3881c02] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-e3881c02] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-e3881c02] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.equilibrio-visual[data-v-e3881c02] {
    height: 90px;
}
.cilindro-presion[data-v-e3881c02] {
    width: 70px;
    height: 100px;
}
.opciones-direccion[data-v-e3881c02] {
    gap: 0.75rem;
}
.btn-dir[data-v-e3881c02] {
    padding: 0.6rem 1rem;
}
}

/* Principio central */
.principio-central[data-v-5947b494] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
}
.principio-icono[data-v-5947b494] {
  font-size: 2rem;
}
.principio-texto[data-v-5947b494] {
  font-size: 0.95rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.principio-texto strong[data-v-5947b494] {
  color: #FFFFFF;
}
strong.destacado[data-v-5947b494] {
  color: #FCD34D;
}

/* Factores resumen */
.factores-resumen[data-v-5947b494] {
  margin-bottom: 1.5rem;
}
.section-titulo[data-v-5947b494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.factor-box[data-v-5947b494] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.factor-header[data-v-5947b494] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
}
.factor-header.concentracion[data-v-5947b494] {
  background: rgba(59, 130, 246, 0.2);
}
.factor-header.presion[data-v-5947b494] {
  background: rgba(168, 85, 247, 0.2);
}
.factor-header.temperatura[data-v-5947b494] {
  background: rgba(239, 68, 68, 0.2);
}
.factor-header.cat[data-v-5947b494] {
  background: rgba(245, 158, 11, 0.2);
}
.factor-icono[data-v-5947b494] {
  font-size: 0.9rem;
}
.factor-titulo[data-v-5947b494] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.factor-nota[data-v-5947b494] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.factor-body[data-v-5947b494] {
  padding: 0.5rem 0.75rem;
}
.regla-row[data-v-5947b494] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}
.accion[data-v-5947b494] {
  font-weight: 600;
  color: #FCA5A5;
  padding: 0.1rem 0.3rem;
  background: rgba(239, 68, 68, 0.15);
  border-radius: 0.2rem;
}
.accion.disminuir[data-v-5947b494] {
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.15);
}
.flecha[data-v-5947b494] {
  color: #FCD34D;
}
.efecto[data-v-5947b494] {
  color: #E9D5FF;
}
.efecto strong[data-v-5947b494] {
  color: #6EE7B7;
}
.efecto-cat[data-v-5947b494] {
  color: #FCD34D;
  font-weight: 600;
}
.nota-factor[data-v-5947b494] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  font-style: italic;
}
.nota-factor.destacada[data-v-5947b494] {
  color: #FCD34D;
  font-weight: 600;
  font-style: normal;
}

/* Tips PAES */
.tips-paes[data-v-5947b494] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin-bottom: 1.5rem;
}
.tips-titulo[data-v-5947b494] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-5947b494] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-5947b494] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-5947b494] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  background: #10B981;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  border-radius: 50%;
}
.tip-texto[data-v-5947b494] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-5947b494] {
  color: #FFFFFF;
}

/* Ejemplo industrial */
.ejemplo-industrial[data-v-5947b494] {
  margin-bottom: 1.5rem;
}
.ejemplo-titulo[data-v-5947b494] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.ejemplo-contenido[data-v-5947b494] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.reaccion-ind[data-v-5947b494] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
}
.formula-ind[data-v-5947b494] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.delta-ind[data-v-5947b494] {
  font-size: 0.75rem;
  color: #FCA5A5;
}
.condiciones-optimizadas[data-v-5947b494] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.condicion-opt[data-v-5947b494] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.cond-icono[data-v-5947b494] {
  font-size: 0.9rem;
}
.cond-valor[data-v-5947b494] {
  font-weight: 600;
  color: #FCD34D;
  min-width: 80px;
}
.cond-razon[data-v-5947b494] {
  color: #C4B5FD;
  font-size: 0.7rem;
}

/* Mensaje final */
.mensaje-final[data-v-5947b494] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
}
.final-icono[data-v-5947b494] {
  font-size: 1.75rem;
}
.final-texto[data-v-5947b494] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.principio-central[data-v-5947b494] {
    padding: 1.25rem;
}
.principio-texto[data-v-5947b494] {
    font-size: 1rem;
}
.condiciones-optimizadas[data-v-5947b494] {
    flex-direction: row;
    flex-wrap: wrap;
}
.condicion-opt[data-v-5947b494] {
    flex: 1;
    min-width: 150px;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
}

/* Intro visual */
.intro-visual[data-v-20fce5ee] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.vasos-container[data-v-20fce5ee] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.flecha-cambio[data-v-20fce5ee] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: bold;
}
.vaso[data-v-20fce5ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.vaso-contenido[data-v-20fce5ee] {
  width: 70px;
  height: 70px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.35));
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vaso-contenido.solucion[data-v-20fce5ee] {
  background: linear-gradient(to bottom, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.3));
  border-color: rgba(245, 158, 11, 0.4);
}
.moleculas[data-v-20fce5ee] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.25rem;
}
.molecula[data-v-20fce5ee] {
  font-size: 0.8rem;
}
.vaso-label[data-v-20fce5ee] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.vaso-temp[data-v-20fce5ee] {
  font-size: 0.7rem;
  color: #93C5FD;
  font-family: monospace;
}
.vaso-temp.cambiado[data-v-20fce5ee] {
  color: #FCD34D;
  font-weight: 600;
}

/* Texto destacado */
strong.destacado[data-v-20fce5ee] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-20fce5ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-20fce5ee] {
  font-size: 1.5rem;
}
.def-contenido[data-v-20fce5ee] {
  flex: 1;
}
.def-titulo[data-v-20fce5ee] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-20fce5ee] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.def-nota[data-v-20fce5ee] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Propiedades section */
.propiedades-section[data-v-20fce5ee] {
  margin: 1.5rem 0;
}
.propiedades-titulo[data-v-20fce5ee] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.propiedades-grid[data-v-20fce5ee] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.propiedad[data-v-20fce5ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.propiedad.destacada[data-v-20fce5ee] {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}
.prop-icono[data-v-20fce5ee] {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.prop-nombre[data-v-20fce5ee] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.2;
}
.prop-detalle[data-v-20fce5ee] {
  font-size: 0.65rem;
  color: #93C5FD;
  margin-top: 0.15rem;
}

/* Ejemplos */
.ejemplo-section[data-v-20fce5ee] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-20fce5ee] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-20fce5ee] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-20fce5ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-20fce5ee] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-20fce5ee] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-detalle[data-v-20fce5ee] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Factor de Van't Hoff */
.factor-section[data-v-20fce5ee] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.factor-header[data-v-20fce5ee] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.factor-icono[data-v-20fce5ee] {
  font-size: 1.25rem;
}
.factor-titulo[data-v-20fce5ee] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #6EE7B7;
}
.factor-texto[data-v-20fce5ee] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin: 0 0 0.75rem 0;
}
.factor-ejemplos[data-v-20fce5ee] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.factor-ejemplo[data-v-20fce5ee] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.factor-compuesto[data-v-20fce5ee] {
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
  min-width: 55px;
}
.factor-flecha[data-v-20fce5ee] {
  color: #6EE7B7;
}
.factor-iones[data-v-20fce5ee] {
  color: #C4B5FD;
  flex: 1;
}
.factor-valor[data-v-20fce5ee] {
  font-weight: 700;
  color: #FCD34D;
  padding: 0.15rem 0.4rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
}

/* Tip PAES */
.tip-paes[data-v-20fce5ee] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-20fce5ee] {
  font-size: 1.25rem;
}
.tip-texto[data-v-20fce5ee] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-20fce5ee] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vasos-container[data-v-20fce5ee] {
    gap: 2rem;
}
.vaso-contenido[data-v-20fce5ee] {
    width: 90px;
    height: 90px;
}
.molecula[data-v-20fce5ee] {
    font-size: 1rem;
}
.propiedades-grid[data-v-20fce5ee] {
    grid-template-columns: repeat(4, 1fr);
}
.ejemplos-grid[data-v-20fce5ee] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-ejemplo[data-v-20fce5ee] {
    flex-wrap: nowrap;
}
}

/* Intro visual - Termómetros */
.intro-visual[data-v-dd7763a5] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.termometros-container[data-v-dd7763a5] {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.termometro[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.termo-bulbo[data-v-dd7763a5] {
  width: 30px;
  height: 80px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 15px 15px 50% 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.termo-mercurio[data-v-dd7763a5] {
  width: 100%;
  background: linear-gradient(to top, #EF4444, #F87171);
  border-radius: 0 0 50% 50%;
  transition: height 0.3s;
}
.termo-mercurio.bajo[data-v-dd7763a5] {
  background: linear-gradient(to top, #3B82F6, #60A5FA);
}
.termo-escala[data-v-dd7763a5] {
  margin-top: 0.25rem;
}
.temp-valor[data-v-dd7763a5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.temp-valor.cambiado[data-v-dd7763a5] {
  color: #60A5FA;
}
.termo-label[data-v-dd7763a5] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.termo-estado[data-v-dd7763a5] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Texto destacado */
strong.destacado[data-v-dd7763a5] {
  color: #FCD34D;
}
strong.negativo[data-v-dd7763a5] {
  color: #60A5FA;
}

/* Fórmula card */
.formula-card[data-v-dd7763a5] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.formula-header[data-v-dd7763a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.formula-icono[data-v-dd7763a5] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-dd7763a5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-contenido[data-v-dd7763a5] {
  padding: 0.75rem;
}
.formula-principal[data-v-dd7763a5] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
  text-align: center;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-variables[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.variable[data-v-dd7763a5] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.var-simbolo[data-v-dd7763a5] {
  font-weight: 700;
  color: #C4B5FD;
  font-family: monospace;
  min-width: 30px;
}
.var-desc[data-v-dd7763a5] {
  color: #E9D5FF;
}

/* Constantes section */
.constantes-section[data-v-dd7763a5] {
  margin: 1.5rem 0;
}
.constantes-titulo[data-v-dd7763a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.constantes-tabla[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.constante-item[data-v-dd7763a5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.solvente-nombre[data-v-dd7763a5] {
  font-weight: 600;
  color: #FFFFFF;
}
.solvente-kc[data-v-dd7763a5] {
  font-family: monospace;
  color: #6EE7B7;
  font-weight: 600;
}

/* Ejemplo resuelto */
.ejemplo-section[data-v-dd7763a5] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-dd7763a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.ejemplo-icono[data-v-dd7763a5] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-dd7763a5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-contenido[data-v-dd7763a5] {
  padding: 0.75rem;
}
.problema[data-v-dd7763a5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-dado[data-v-dd7763a5] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.solucion[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-dd7763a5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  flex-wrap: wrap;
}
.paso.final[data-v-dd7763a5] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-dd7763a5] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-texto[data-v-dd7763a5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.paso-resultado[data-v-dd7763a5] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: monospace;
}

/* Aplicaciones */
.aplicaciones-section[data-v-dd7763a5] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-dd7763a5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.aplicacion[data-v-dd7763a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-dd7763a5] {
  font-size: 1.5rem;
  flex-shrink: 0;
}
.app-contenido[data-v-dd7763a5] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.app-nombre[data-v-dd7763a5] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.app-desc[data-v-dd7763a5] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-dd7763a5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-dd7763a5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-dd7763a5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-dd7763a5] {
  color: #FCD34D;
}

/* Desktop */
@media (min-width: 640px) {
.termometros-container[data-v-dd7763a5] {
    gap: 4rem;
}
.termo-bulbo[data-v-dd7763a5] {
    width: 40px;
    height: 100px;
}
.constantes-tabla[data-v-dd7763a5] {
    flex-direction: row;
    justify-content: space-between;
}
.constante-item[data-v-dd7763a5] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.aplicaciones-grid[data-v-dd7763a5] {
    flex-direction: row;
}
.aplicacion[data-v-dd7763a5] {
    flex: 1;
}
.paso[data-v-dd7763a5] {
    flex-wrap: nowrap;
}
}

/* Intro visual - Ollas */
.intro-visual[data-v-aee7502f] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.75rem;
}
.ollas-container[data-v-aee7502f] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.flecha-cambio[data-v-aee7502f] {
  font-size: 1.5rem;
  color: #FCD34D;
  font-weight: bold;
}
.olla[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}
.olla-cuerpo[data-v-aee7502f] {
  width: 70px;
  height: 60px;
  background: linear-gradient(to bottom, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.3));
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem 0.5rem 1rem 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.olla-cuerpo.caliente[data-v-aee7502f] {
  background: linear-gradient(to bottom, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.4));
  border-color: rgba(245, 158, 11, 0.5);
}
.burbujas[data-v-aee7502f] {
  display: flex;
  gap: 0.3rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
}
.burbuja.soluto[data-v-aee7502f] {
  color: #FCD34D;
}
.vapor[data-v-aee7502f] {
  position: absolute;
  top: -20px;
  font-size: 0.9rem;
}
.olla-label[data-v-aee7502f] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #E9D5FF;
}
.olla-temp[data-v-aee7502f] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-family: monospace;
}
.olla-temp.cambiado[data-v-aee7502f] {
  color: #FCD34D;
  font-weight: 600;
}

/* Texto destacado */
strong.destacado[data-v-aee7502f] {
  color: #FCD34D;
}
strong.positivo[data-v-aee7502f] {
  color: #6EE7B7;
}

/* Fórmula card */
.formula-card[data-v-aee7502f] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.formula-header[data-v-aee7502f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.formula-icono[data-v-aee7502f] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-aee7502f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-contenido[data-v-aee7502f] {
  padding: 0.75rem;
}
.formula-principal[data-v-aee7502f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCA5A5;
  text-align: center;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-variables[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.variable[data-v-aee7502f] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.var-simbolo[data-v-aee7502f] {
  font-weight: 700;
  color: #C4B5FD;
  font-family: monospace;
  min-width: 30px;
}
.var-desc[data-v-aee7502f] {
  color: #E9D5FF;
}

/* Constantes section */
.constantes-section[data-v-aee7502f] {
  margin: 1.5rem 0;
}
.constantes-titulo[data-v-aee7502f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.constantes-tabla[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.constante-item[data-v-aee7502f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.solvente-nombre[data-v-aee7502f] {
  font-weight: 600;
  color: #FFFFFF;
}
.solvente-ke[data-v-aee7502f] {
  font-family: monospace;
  color: #FCA5A5;
  font-weight: 600;
}

/* Comparación section */
.comparacion-section[data-v-aee7502f] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.comparacion-titulo[data-v-aee7502f] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.comparacion-contenido[data-v-aee7502f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.comp-item[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
}
.comp-item.kc[data-v-aee7502f] {
  background: rgba(96, 165, 250, 0.2);
  border: 1px solid rgba(96, 165, 250, 0.4);
}
.comp-item.ke[data-v-aee7502f] {
  background: rgba(252, 165, 165, 0.2);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
.comp-nombre[data-v-aee7502f] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.comp-valor[data-v-aee7502f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.comp-vs[data-v-aee7502f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-weight: 600;
}
.comparacion-nota[data-v-aee7502f] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.75rem;
}

/* Ejemplo resuelto */
.ejemplo-section[data-v-aee7502f] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-aee7502f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.ejemplo-icono[data-v-aee7502f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-aee7502f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-contenido[data-v-aee7502f] {
  padding: 0.75rem;
}
.problema[data-v-aee7502f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-dado[data-v-aee7502f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.solucion[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-aee7502f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  flex-wrap: wrap;
}
.paso.final[data-v-aee7502f] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-aee7502f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-texto[data-v-aee7502f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.paso-resultado[data-v-aee7502f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: monospace;
}

/* Explicación microscópica */
.explicacion-section[data-v-aee7502f] {
  margin: 1.5rem 0;
}
.explicacion-titulo[data-v-aee7502f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.explicacion-contenido[data-v-aee7502f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.explicacion-item[data-v-aee7502f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.exp-icono[data-v-aee7502f] {
  font-size: 1rem;
  flex-shrink: 0;
}
.exp-texto[data-v-aee7502f] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-aee7502f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-aee7502f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-aee7502f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-aee7502f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.ollas-container[data-v-aee7502f] {
    gap: 2rem;
}
.olla-cuerpo[data-v-aee7502f] {
    width: 90px;
    height: 75px;
}
.constantes-tabla[data-v-aee7502f] {
    flex-direction: row;
    justify-content: space-between;
}
.constante-item[data-v-aee7502f] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.comparacion-contenido[data-v-aee7502f] {
    flex-wrap: nowrap;
    gap: 1.5rem;
}
.paso[data-v-aee7502f] {
    flex-wrap: nowrap;
}
}

/* Intro visual - Ósmosis */
.intro-visual[data-v-f9002c3f] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.75rem;
}
.osmosis-container[data-v-f9002c3f] {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0;
}
.compartimento[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
}
.liquido[data-v-f9002c3f] {
  width: 100%;
  height: 70px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.liquido.diluido[data-v-f9002c3f] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.liquido.concentrado[data-v-f9002c3f] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.molecula[data-v-f9002c3f] {
  font-size: 0.9rem;
}
.molecula.soluto[data-v-f9002c3f] {
  font-size: 0.7rem;
}
.comp-label[data-v-f9002c3f] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
}
.membrana[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.25rem;
}
.poros[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
  line-height: 1;
}
.flecha-flujo[data-v-f9002c3f] {
  color: #6EE7B7;
  font-size: 0.7rem;
  font-weight: bold;
  margin: 0.25rem 0;
}
.membrana-label[data-v-f9002c3f] {
  font-size: 0.55rem;
  color: #C4B5FD;
  text-align: center;
  max-width: 50px;
  line-height: 1.1;
}
.osmosis-nota[data-v-f9002c3f] {
  text-align: center;
  font-size: 0.8rem;
  color: #6EE7B7;
  margin-top: 0.75rem;
}

/* Texto destacado */
strong.destacado[data-v-f9002c3f] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-f9002c3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-f9002c3f] {
  font-size: 1.5rem;
}
.def-contenido[data-v-f9002c3f] {
  flex: 1;
}
.def-titulo[data-v-f9002c3f] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-f9002c3f] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.def-nota[data-v-f9002c3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Fórmula card */
.formula-card[data-v-f9002c3f] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.formula-header[data-v-f9002c3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
}
.formula-icono[data-v-f9002c3f] {
  font-size: 1.25rem;
}
.formula-titulo[data-v-f9002c3f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.formula-contenido[data-v-f9002c3f] {
  padding: 0.75rem;
}
.formula-principal[data-v-f9002c3f] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #6EE7B7;
  text-align: center;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.formula-variables[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.variable[data-v-f9002c3f] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.var-simbolo[data-v-f9002c3f] {
  font-weight: 700;
  color: #C4B5FD;
  font-family: monospace;
  min-width: 20px;
}
.var-desc[data-v-f9002c3f] {
  color: #E9D5FF;
}

/* Tipos de soluciones */
.tipos-section[data-v-f9002c3f] {
  margin: 1.5rem 0;
}
.tipos-titulo[data-v-f9002c3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tipos-grid[data-v-f9002c3f] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.tipo[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.35rem;
  border-radius: 0.5rem;
  text-align: center;
}
.tipo.isotonica[data-v-f9002c3f] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.tipo.hipotonica[data-v-f9002c3f] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.tipo.hipertonica[data-v-f9002c3f] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tipo-nombre[data-v-f9002c3f] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
}
.tipo-icono[data-v-f9002c3f] {
  font-size: 1.1rem;
  margin-bottom: 0.15rem;
}
.tipo-desc[data-v-f9002c3f] {
  font-size: 0.6rem;
  color: #C4B5FD;
  line-height: 1.2;
}
.tipo-efecto[data-v-f9002c3f] {
  font-size: 0.65rem;
  color: #FCD34D;
  margin-top: 0.2rem;
  font-weight: 600;
}

/* Ejemplo resuelto */
.ejemplo-section[data-v-f9002c3f] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.ejemplo-header[data-v-f9002c3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
}
.ejemplo-icono[data-v-f9002c3f] {
  font-size: 1.25rem;
}
.ejemplo-titulo[data-v-f9002c3f] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ejemplo-contenido[data-v-f9002c3f] {
  padding: 0.75rem;
}
.problema[data-v-f9002c3f] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato-dado[data-v-f9002c3f] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.solucion[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso[data-v-f9002c3f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.35rem;
  flex-wrap: wrap;
}
.paso.final[data-v-f9002c3f] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.paso-num[data-v-f9002c3f] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}
.paso-texto[data-v-f9002c3f] {
  font-size: 0.8rem;
  color: #E9D5FF;
  flex: 1;
}
.paso-resultado[data-v-f9002c3f] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #6EE7B7;
  font-family: monospace;
}

/* Aplicaciones */
.aplicaciones-section[data-v-f9002c3f] {
  margin: 1.5rem 0;
}
.aplicaciones-titulo[data-v-f9002c3f] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.aplicaciones-grid[data-v-f9002c3f] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
.aplicacion[data-v-f9002c3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.app-icono[data-v-f9002c3f] {
  font-size: 1.25rem;
  flex-shrink: 0;
}
.app-contenido[data-v-f9002c3f] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.app-nombre[data-v-f9002c3f] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.app-desc[data-v-f9002c3f] {
  font-size: 0.65rem;
  color: #C4B5FD;
  line-height: 1.2;
}

/* Tip PAES */
.tip-paes[data-v-f9002c3f] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-f9002c3f] {
  font-size: 1.25rem;
}
.tip-texto[data-v-f9002c3f] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-f9002c3f] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.osmosis-container[data-v-f9002c3f] {
    gap: 0.5rem;
}
.liquido[data-v-f9002c3f] {
    height: 90px;
}
.molecula[data-v-f9002c3f] {
    font-size: 1.1rem;
}
.tipos-grid[data-v-f9002c3f] {
    gap: 0.75rem;
}
.tipo[data-v-f9002c3f] {
    padding: 0.75rem 0.5rem;
}
.tipo-nombre[data-v-f9002c3f] {
    font-size: 0.8rem;
}
.tipo-icono[data-v-f9002c3f] {
    font-size: 1.5rem;
}
.aplicaciones-grid[data-v-f9002c3f] {
    grid-template-columns: repeat(4, 1fr);
}
.paso[data-v-f9002c3f] {
    flex-wrap: nowrap;
}
}

.explorador[data-v-24abae08] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-24abae08] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-24abae08] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-24abae08] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-24abae08] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-24abae08] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-24abae08] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-24abae08] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-24abae08] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-24abae08] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-24abae08] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== Calculo container ===== */
.calculo-container[data-v-24abae08] {
  text-align: center;
}
.datos-problema[data-v-24abae08] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.datos-problema.mini[data-v-24abae08] {
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
}
.dato[data-v-24abae08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.dato.factor[data-v-24abae08] {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.dato-icono[data-v-24abae08] {
  font-size: 1.25rem;
}
.dato-label[data-v-24abae08] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-24abae08] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
}
.situacion-problema[data-v-24abae08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.situacion-icono[data-v-24abae08] {
  font-size: 2rem;
  margin-bottom: 0.35rem;
}
.situacion-texto[data-v-24abae08] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  text-align: center;
}
.formula-recordatorio[data-v-24abae08] {
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-24abae08] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
}
.pasos-calculo[data-v-24abae08] {
  margin-bottom: 0.75rem;
}
.paso-hint[data-v-24abae08] {
  padding: 0.4rem 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.35rem;
  font-size: 0.8rem;
  color: #6EE7B7;
  font-family: monospace;
}
.respuesta-input[data-v-24abae08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.input-label[data-v-24abae08] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-numero[data-v-24abae08] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-24abae08] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-24abae08] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-24abae08] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-24abae08] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-24abae08]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-24abae08] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-24abae08] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-24abae08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-24abae08] { font-size: 1.25rem;
}
.resultado-texto[data-v-24abae08] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-24abae08] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-24abae08] { flex: 1;
}
.nav-btn[data-v-24abae08] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-24abae08] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-24abae08] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-24abae08] { font-size: 1.75rem;
}
.completado-texto[data-v-24abae08] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-24abae08], .slide-leave-active[data-v-24abae08] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-24abae08] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-24abae08] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.datos-problema[data-v-24abae08] {
    grid-template-columns: repeat(4, 1fr);
}
.datos-problema.mini[data-v-24abae08] {
    grid-template-columns: repeat(4, 1fr);
}
.respuesta-input[data-v-24abae08] {
    flex-wrap: nowrap;
}
}

/* Intro */
.resumen-intro[data-v-8a24105c] {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 1rem;
}
.intro-emoji[data-v-8a24105c] {
  font-size: 2rem;
}
.resumen-intro p[data-v-8a24105c] {
  margin: 0;
  color: #E9D5FF;
  font-size: 1rem;
}

/* Cards grid */
.resumen-cards[data-v-8a24105c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
.resumen-cards[data-v-8a24105c] {
    grid-template-columns: 1fr;
}
}
.resumen-card[data-v-8a24105c] {
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}
.resumen-card[data-v-8a24105c]:hover {
  border-color: #8B5CF6;
}
.resumen-card.wide[data-v-8a24105c] {
  grid-column: span 2;
}
@media (max-width: 768px) {
.resumen-card.wide[data-v-8a24105c] {
    grid-column: span 1;
}
}
.card-header[data-v-8a24105c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-icono[data-v-8a24105c] {
  font-size: 1.1rem;
}
.card-titulo[data-v-8a24105c] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-8a24105c] {
  color: #E9D5FF;
}

/* Concepto principal */
.concepto-principal[data-v-8a24105c] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
.factor-box[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.35rem;
  text-align: center;
}
.factor-label[data-v-8a24105c] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}
.factor-desc[data-v-8a24105c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Propiedades lista */
.propiedades-lista[data-v-8a24105c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
@media (min-width: 640px) {
.propiedades-lista[data-v-8a24105c] {
    grid-template-columns: repeat(4, 1fr);
}
}
.prop-item[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  text-align: center;
}
.prop-item.destacado[data-v-8a24105c] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.prop-icono[data-v-8a24105c] {
  font-size: 1.1rem;
}
.prop-nombre[data-v-8a24105c] {
  font-size: 0.65rem;
  color: #E9D5FF;
  line-height: 1.2;
}

/* Fórmulas grid */
.formulas-grid[data-v-8a24105c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 640px) {
.formulas-grid[data-v-8a24105c] {
    grid-template-columns: repeat(3, 1fr);
}
}
.formula-item[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.formula-item.crioscopico[data-v-8a24105c] {
  background: rgba(96, 165, 250, 0.15);
  border: 1px solid rgba(96, 165, 250, 0.3);
}
.formula-item.ebulloscopico[data-v-8a24105c] {
  background: rgba(252, 165, 165, 0.15);
  border: 1px solid rgba(252, 165, 165, 0.3);
}
.formula-item.osmotico[data-v-8a24105c] {
  background: rgba(110, 231, 183, 0.15);
  border: 1px solid rgba(110, 231, 183, 0.3);
}
.formula-nombre[data-v-8a24105c] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula-ecuacion[data-v-8a24105c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  font-family: monospace;
}
.formula-nota[data-v-8a24105c] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.2rem;
}

/* Factores tabla */
.factores-tabla[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.factor-row[data-v-8a24105c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.3rem;
}
.factor-compuesto[data-v-8a24105c] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.factor-valor[data-v-8a24105c] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Aplicaciones mini */
.aplicaciones-mini[data-v-8a24105c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
}
.app-item[data-v-8a24105c] {
  font-size: 0.75rem;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  text-align: center;
}

/* Comparación card */
.comparacion-card[data-v-8a24105c] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.comparacion-header[data-v-8a24105c] {
  font-weight: 700;
  color: #FCD34D;
  text-align: center;
  margin-bottom: 0.5rem;
}
.comparacion-contenido[data-v-8a24105c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.comp-item[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.comp-label[data-v-8a24105c] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.comp-formula[data-v-8a24105c] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.comp-vs[data-v-8a24105c] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tips finales */
.tips-finales[data-v-8a24105c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.tip-final[data-v-8a24105c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-emoji[data-v-8a24105c] {
  font-size: 1.1rem;
}
.tip-text[data-v-8a24105c] {
  color: #E9D5FF;
  font-size: 0.85rem;
  line-height: 1.4;
}
.tip-text strong[data-v-8a24105c] {
  color: #6EE7B7;
}
.tip-text strong.baja[data-v-8a24105c] {
  color: #60A5FA;
}
.tip-text strong.sube[data-v-8a24105c] {
  color: #FCA5A5;
}

/* Celebración */
.celebracion[data-v-8a24105c] {
  text-align: center;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 1rem;
}
.celebracion-iconos[data-v-8a24105c] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  animation: bounce-8a24105c 1s ease-in-out infinite;
}
@keyframes bounce-8a24105c {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-5px);
}
}
.celebracion-texto[data-v-8a24105c] {
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0;
}

/* Analogía sándwich */
.intro-visual[data-v-23981ea8] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-23981ea8] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.sandwich-demo[data-v-23981ea8] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ingredientes[data-v-23981ea8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.ingrediente[data-v-23981ea8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
}
.ing-emoji[data-v-23981ea8] {
  font-size: 1.5rem;
}
.ing-cant[data-v-23981ea8] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.ingrediente.resultado .ing-cant[data-v-23981ea8] {
  color: #6EE7B7;
  font-weight: 600;
}
.signo[data-v-23981ea8], .flecha[data-v-23981ea8] {
  font-size: 1rem;
  color: #C4B5FD;
}
.flecha[data-v-23981ea8] {
  color: #FCD34D;
}
.receta[data-v-23981ea8] {
  text-align: center;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.analogia-respuesta[data-v-23981ea8] {
  text-align: center;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.analogia-respuesta strong[data-v-23981ea8] {
  color: #6EE7B7;
}
.analogia-respuesta .sub[data-v-23981ea8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Definiciones */
.definiciones-grid[data-v-23981ea8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion[data-v-23981ea8] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.definicion.limitante[data-v-23981ea8] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.definicion.exceso[data-v-23981ea8] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.def-header[data-v-23981ea8] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.def-icono[data-v-23981ea8] {
  font-size: 1.1rem;
}
.def-nombre[data-v-23981ea8] {
  font-weight: 700;
  font-size: 0.95rem;
}
.definicion.limitante .def-nombre[data-v-23981ea8] {
  color: #FCA5A5;
}
.definicion.exceso .def-nombre[data-v-23981ea8] {
  color: #93C5FD;
}
.def-texto[data-v-23981ea8] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.def-texto strong[data-v-23981ea8] {
  color: #FFFFFF;
}

/* Ejemplo químico */
.ejemplo-quimico[data-v-23981ea8] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-23981ea8] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-box[data-v-23981ea8] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.ecuacion[data-v-23981ea8] {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-datos[data-v-23981ea8] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-23981ea8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-valor[data-v-23981ea8] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-label[data-v-23981ea8] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-analisis[data-v-23981ea8] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.4rem;
}
.ejemplo-analisis p[data-v-23981ea8] {
  margin: 0 0 0.35rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.ejemplo-analisis p[data-v-23981ea8]:last-child {
  margin-bottom: 0;
}
.ejemplo-analisis p strong[data-v-23981ea8] {
  color: #FFFFFF;
}
.ejemplo-analisis .conclusion[data-v-23981ea8] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
}
strong.limitante[data-v-23981ea8] {
  color: #FCA5A5;
}
.exceso-texto[data-v-23981ea8] {
  color: #93C5FD;
}

/* Tip */
.tip[data-v-23981ea8] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-23981ea8] {
  font-size: 1.25rem;
}
.tip-texto[data-v-23981ea8] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-23981ea8] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-23981ea8] {
    flex-direction: row;
}
.definicion[data-v-23981ea8] {
    flex: 1;
}
.ing-emoji[data-v-23981ea8] {
    font-size: 2rem;
}
.ing-cant[data-v-23981ea8] {
    font-size: 0.8rem;
}
}

/* Intro */
.metodos-intro[data-v-1cc3cc58] {
  margin-bottom: 1rem;
}
.metodos-intro p[data-v-1cc3cc58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  margin: 0;
}

/* Método section */
.metodo-section[data-v-1cc3cc58] {
  margin: 1rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.metodo-section.metodo2[data-v-1cc3cc58] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
}
.metodo-header[data-v-1cc3cc58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.metodo-numero[data-v-1cc3cc58] {
  padding: 0.2rem 0.5rem;
  background: #3B82F6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.metodo-section.metodo2 .metodo-numero[data-v-1cc3cc58] {
  background: #8B5CF6;
}
.metodo-nombre[data-v-1cc3cc58] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Pasos del método */
.pasos-metodo[data-v-1cc3cc58] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.paso-metodo[data-v-1cc3cc58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-1cc3cc58] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
}
.metodo-section.metodo2 .paso-num[data-v-1cc3cc58] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.paso-texto[data-v-1cc3cc58] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.paso-texto strong[data-v-1cc3cc58] {
  color: #FFFFFF;
}

/* Ejemplo del método */
.ejemplo-metodo[data-v-1cc3cc58] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.ejemplo-ecuacion[data-v-1cc3cc58] {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.ejemplo-datos-box[data-v-1cc3cc58] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.dato-ejemplo[data-v-1cc3cc58] {
  padding: 0.25rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Cálculo visual */
.calculo-visual[data-v-1cc3cc58] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}
.calculo-visual.vertical[data-v-1cc3cc58] {
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.calculo-item[data-v-1cc3cc58] {
  text-align: center;
}
.calculo-item-v[data-v-1cc3cc58] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.reactivo-label[data-v-1cc3cc58] {
  color: #C4B5FD;
  min-width: 70px;
  text-align: right;
}
.calculo-tex[data-v-1cc3cc58] {
  color: #E9D5FF;
}
.calculo-tex strong[data-v-1cc3cc58] {
  color: #6EE7B7;
}
.calculo-formula[data-v-1cc3cc58] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.fraccion[data-v-1cc3cc58] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.75rem;
}
.numerador[data-v-1cc3cc58] {
  color: #FCD34D;
}
.linea[data-v-1cc3cc58] {
  width: 100%;
  height: 1px;
  background: #C4B5FD;
  margin: 2px 0;
}
.denominador[data-v-1cc3cc58] {
  color: #93C5FD;
}
.igual[data-v-1cc3cc58] {
  color: #C4B5FD;
  font-size: 0.9rem;
}
.resultado-calculo[data-v-1cc3cc58] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.conclusion-ejemplo[data-v-1cc3cc58] {
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
  font-size: 0.9rem;
}
strong.limitante[data-v-1cc3cc58] {
  color: #FCA5A5;
}

/* Fórmula rápida */
.formula-rapida[data-v-1cc3cc58] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-titulo[data-v-1cc3cc58] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.formula-box[data-v-1cc3cc58] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
}
.formula-text[data-v-1cc3cc58] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.formula-nota[data-v-1cc3cc58] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tip */
.tip[data-v-1cc3cc58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1cc3cc58] {
  font-size: 1.25rem;
}
.tip-texto[data-v-1cc3cc58] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1cc3cc58] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.calculo-visual[data-v-1cc3cc58] {
    gap: 2rem;
}
.fraccion[data-v-1cc3cc58] {
    font-size: 0.85rem;
}
}

/* Regla clave */
.regla-clave[data-v-95920124] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1rem 0;
}
.regla-icono[data-v-95920124] {
  font-size: 1.2rem;
}
.regla-texto[data-v-95920124] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.regla-texto strong[data-v-95920124] {
  color: #FFFFFF;
}
strong.limitante[data-v-95920124] {
  color: #FCA5A5;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-95920124] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-95920124] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-box[data-v-95920124] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-ecuacion[data-v-95920124] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.problema-pregunta[data-v-95920124] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.problema-pregunta strong[data-v-95920124] {
  color: #FCD34D;
}

/* Pasos de solución */
.paso-solucion[data-v-95920124] {
  margin-bottom: 0.75rem;
}
.paso-header[data-v-95920124] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.paso-numero[data-v-95920124] {
  padding: 0.15rem 0.4rem;
  background: #3B82F6;
  border-radius: 0.2rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-95920124] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-contenido[data-v-95920124] {
  padding-left: 0.5rem;
  border-left: 2px solid rgba(59, 130, 246, 0.3);
  margin-left: 0.5rem;
}

/* Razones */
.razones-grid[data-v-95920124] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 0.4rem;
}
.razon-item[data-v-95920124] {
  font-size: 0.85rem;
}
.razon-label[data-v-95920124] {
  color: #C4B5FD;
  margin-right: 0.35rem;
}
.razon-calculo[data-v-95920124] {
  color: #E9D5FF;
}
.razon-calculo strong[data-v-95920124] {
  color: #6EE7B7;
}
.razon-conclusion[data-v-95920124] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Cálculo de producto */
.calculo-visual-p[data-v-95920124] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.cv-valor[data-v-95920124] {
  color: #FCD34D;
  font-weight: 600;
  font-size: 0.9rem;
}
.cv-operador[data-v-95920124] {
  color: #C4B5FD;
  font-size: 1rem;
}
.cv-factor[data-v-95920124] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.factor-num[data-v-95920124] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.factor-linea[data-v-95920124] {
  width: 100%;
  height: 1px;
  background: #C4B5FD;
  margin: 2px 0;
}
.factor-den[data-v-95920124] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.cv-resultado[data-v-95920124] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* Respuesta final */
.respuesta-final[data-v-95920124] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}
.resp-icono[data-v-95920124] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.resp-texto[data-v-95920124] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.resp-texto strong[data-v-95920124] {
  color: #6EE7B7;
}

/* Proceso resumen */
.proceso-resumen[data-v-95920124] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.proceso-titulo[data-v-95920124] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.proceso-pasos[data-v-95920124] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.proceso-paso[data-v-95920124] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  width: 100%;
  max-width: 280px;
}
.pp-num[data-v-95920124] {
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.pp-text[data-v-95920124] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.pp-text strong[data-v-95920124] {
  color: #FCA5A5;
}
.proceso-flecha[data-v-95920124] {
  color: #93C5FD;
  font-size: 0.9rem;
}

/* Tip */
.tip[data-v-95920124] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-95920124] {
  font-size: 1.25rem;
}
.tip-texto[data-v-95920124] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-95920124] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.calculo-visual-p[data-v-95920124] {
    gap: 0.5rem;
}
.cv-valor[data-v-95920124], .cv-resultado[data-v-95920124] {
    font-size: 1rem;
}
}

/* Fórmula del exceso */
.formula-exceso[data-v-630b53a4] {
  margin: 1rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.formula-titulo[data-v-630b53a4] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.formula-box[data-v-630b53a4] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.35rem;
  margin-bottom: 0.4rem;
}
.formula-text[data-v-630b53a4] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.formula-nota[data-v-630b53a4] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Ejemplo exceso */
.ejemplo-exceso[data-v-630b53a4] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-630b53a4] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-box[data-v-630b53a4] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-ecuacion[data-v-630b53a4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.4rem;
}
.problema-datos[data-v-630b53a4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.4rem;
}
.dato[data-v-630b53a4] {
  padding: 0.2rem 0.5rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.problema-pregunta[data-v-630b53a4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Pasos del ejemplo */
.paso-ejemplo[data-v-630b53a4] {
  margin-bottom: 0.75rem;
}
.paso-header[data-v-630b53a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.paso-num[data-v-630b53a4] {
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-630b53a4] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-calculo[data-v-630b53a4] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-left: 1.5rem;
}

/* Razones */
.razon[data-v-630b53a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.2rem;
}
.razon strong[data-v-630b53a4] {
  color: #6EE7B7;
}
.razon-resultado[data-v-630b53a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-top: 0.3rem;
  padding-top: 0.3rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
strong.limitante[data-v-630b53a4] {
  color: #FCA5A5;
}

/* Cálculo fórmula */
.calculo-line[data-v-630b53a4] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.calculo-formula[data-v-630b53a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
}
.cf-valor[data-v-630b53a4] {
  font-size: 0.85rem;
  color: #FCD34D;
  font-weight: 600;
}
.cf-op[data-v-630b53a4] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.cf-factor[data-v-630b53a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.2rem 0.35rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.2rem;
}
.cf-factor .num[data-v-630b53a4], .cf-factor .den[data-v-630b53a4] {
  font-size: 0.7rem;
  color: #93C5FD;
}
.cf-factor .linea[data-v-630b53a4] {
  width: 100%;
  height: 1px;
  background: #93C5FD;
  margin: 1px 0;
}
.cf-resultado[data-v-630b53a4] {
  font-size: 0.9rem;
  color: #6EE7B7;
  font-weight: 700;
}
.calculo-texto[data-v-630b53a4] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.calculo-texto strong[data-v-630b53a4] {
  color: #6EE7B7;
}

/* Cálculo exceso visual */
.calculo-exceso-visual[data-v-630b53a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.9rem;
}
.exc-inicial[data-v-630b53a4] {
  color: #FCD34D;
  font-weight: 600;
}
.exc-op[data-v-630b53a4] {
  color: #C4B5FD;
}
.exc-consumido[data-v-630b53a4] {
  color: #FCA5A5;
  font-weight: 600;
}
.exc-resultado[data-v-630b53a4] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 1rem;
}

/* Respuesta final */
.respuesta-final[data-v-630b53a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}
.resp-icono[data-v-630b53a4] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.resp-contenido[data-v-630b53a4] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.resp-principal[data-v-630b53a4] {
  font-size: 0.9rem;
  color: #FFFFFF;
}
.resp-secundario[data-v-630b53a4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.resp-principal strong[data-v-630b53a4], .resp-secundario strong[data-v-630b53a4] {
  color: #6EE7B7;
}

/* Resumen visual */
.resumen-visual[data-v-630b53a4] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.rv-titulo[data-v-630b53a4] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  text-align: center;
}
.rv-contenido[data-v-630b53a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.rv-seccion[data-v-630b53a4] {
  text-align: center;
}
.rv-label[data-v-630b53a4] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.rv-items[data-v-630b53a4] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.rv-item[data-v-630b53a4] {
  padding: 0.2rem 0.4rem;
  border-radius: 0.2rem;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(139, 92, 246, 0.2);
  color: #E9D5FF;
}
.rv-item.agotado[data-v-630b53a4] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
  text-decoration: line-through;
}
.rv-item.exceso[data-v-630b53a4] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.rv-item.producto[data-v-630b53a4] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.rv-flecha[data-v-630b53a4] {
  font-size: 1.2rem;
  color: #FCD34D;
}

/* Tip */
.tip[data-v-630b53a4] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-630b53a4] {
  font-size: 1.25rem;
}
.tip-texto[data-v-630b53a4] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-630b53a4] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.rv-contenido[data-v-630b53a4] {
    gap: 1rem;
}
.rv-items[data-v-630b53a4] {
    flex-direction: row;
    gap: 0.3rem;
}
}

.explorador[data-v-9cb62e63] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-9cb62e63] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-9cb62e63] {
  border-color: #EF4444;
  background: #EF4444;
  color: white;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.5);
}
.progreso-item.completado[data-v-9cb62e63] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-9cb62e63] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-9cb62e63] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-9cb62e63] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-9cb62e63] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-9cb62e63] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema container */
.problema-container[data-v-9cb62e63] {
  text-align: center;
}
.ecuacion-visual[data-v-9cb62e63] {
  margin-bottom: 0.75rem;
}
.ecuacion-quimica[data-v-9cb62e63] {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
}

/* Datos del problema */
.problema-datos[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.dato-box[data-v-9cb62e63] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.4rem;
}
.dato-valor[data-v-9cb62e63] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.dato-label[data-v-9cb62e63] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Preguntas */
.pregunta-limitante[data-v-9cb62e63], .pregunta-producto[data-v-9cb62e63], .pregunta-exceso[data-v-9cb62e63] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-limitante strong[data-v-9cb62e63], .pregunta-producto strong[data-v-9cb62e63], .pregunta-exceso strong[data-v-9cb62e63] {
  color: #FCA5A5;
}

/* Ayuda razones */
.ayuda-razones[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.razon-visual[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.rv-nombre[data-v-9cb62e63] {
  color: #C4B5FD;
}
.rv-calculo[data-v-9cb62e63] {
  color: #E9D5FF;
}
.rv-resultado[data-v-9cb62e63] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Opciones limitante */
.opciones-limitante[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.opcion-btn[data-v-9cb62e63] {
  padding: 0.6rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.opcion-btn.seleccionado[data-v-9cb62e63] {
  background: rgba(139, 92, 246, 0.4);
  border-color: #8B5CF6;
}
.opcion-btn.correcto[data-v-9cb62e63] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.opcion-btn.incorrecto[data-v-9cb62e63] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Info limitante/exceso */
.info-limitante[data-v-9cb62e63], .info-doble[data-v-9cb62e63] {
  margin-bottom: 0.5rem;
}
.info-doble[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.info-item[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.info-item.limitante-info[data-v-9cb62e63] {
  background: rgba(239, 68, 68, 0.15);
}
.info-item.exceso-info[data-v-9cb62e63] {
  background: rgba(59, 130, 246, 0.15);
}
.il-label[data-v-9cb62e63], .ii-label[data-v-9cb62e63] {
  color: #C4B5FD;
}
.il-valor[data-v-9cb62e63] {
  color: #FCA5A5;
  font-weight: 600;
}
.info-item.limitante-info .ii-valor[data-v-9cb62e63] {
  color: #FCA5A5;
}
.info-item.exceso-info .ii-valor[data-v-9cb62e63] {
  color: #93C5FD;
}

/* Conversión ayuda */
.conversion-ayuda[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  flex-wrap: wrap;
}
.ca-inicio[data-v-9cb62e63] {
  color: #FCD34D;
  font-weight: 600;
}
.ca-op[data-v-9cb62e63] {
  color: #C4B5FD;
}
.ca-factor[data-v-9cb62e63] {
  color: #93C5FD;
  font-weight: 600;
}
.ca-resultado[data-v-9cb62e63] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Pasos ayuda */
.pasos-ayuda[data-v-9cb62e63] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.pa-paso[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
}
.pa-num[data-v-9cb62e63] {
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #93C5FD;
}
.pa-text[data-v-9cb62e63] {
  color: #E9D5FF;
}

/* Input respuesta */
.input-respuesta[data-v-9cb62e63] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.respuesta-input[data-v-9cb62e63] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-9cb62e63] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-9cb62e63] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-9cb62e63] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-9cb62e63] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-9cb62e63]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-9cb62e63] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-family: monospace;
}
.contador[data-v-9cb62e63] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-9cb62e63] { font-size: 1.25rem;
}
.resultado-texto[data-v-9cb62e63] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-9cb62e63] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(239, 68, 68, 0.2);
}
.nav-spacer[data-v-9cb62e63] { flex: 1;
}
.nav-btn[data-v-9cb62e63] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-9cb62e63] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-9cb62e63] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(239, 68, 68, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-9cb62e63] { font-size: 1.75rem;
}
.completado-texto[data-v-9cb62e63] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-9cb62e63], .slide-leave-active[data-v-9cb62e63] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-9cb62e63] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-9cb62e63] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.ecuacion-quimica[data-v-9cb62e63] {
    font-size: 1.15rem;
}
.problema-datos[data-v-9cb62e63] {
    gap: 1.5rem;
}
.dato-valor[data-v-9cb62e63] {
    font-size: 1.25rem;
}
}

/* Conceptos clave */
.conceptos-clave[data-v-2a626716] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.concepto-item[data-v-2a626716] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.concepto-item[data-v-2a626716]:first-child {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.concepto-item[data-v-2a626716]:last-child {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ci-icono[data-v-2a626716] {
  font-size: 1.5rem;
}
.ci-contenido[data-v-2a626716] {
  flex: 1;
}
.ci-titulo[data-v-2a626716] {
  font-weight: 700;
  margin-bottom: 0.2rem;
  font-size: 0.95rem;
}
.concepto-item:first-child .ci-titulo[data-v-2a626716] {
  color: #FCA5A5;
}
.concepto-item:last-child .ci-titulo[data-v-2a626716] {
  color: #93C5FD;
}
.ci-desc[data-v-2a626716] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.ci-desc strong[data-v-2a626716] {
  color: #FFFFFF;
}

/* Proceso section */
.proceso-section[data-v-2a626716] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.proceso-titulo[data-v-2a626716] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.proceso-pasos[data-v-2a626716] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.pp-paso[data-v-2a626716] {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  width: 100%;
  max-width: 320px;
}
.pp-num[data-v-2a626716] {
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.pp-contenido[data-v-2a626716] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.pp-accion[data-v-2a626716] {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 0.85rem;
}
.pp-formula[data-v-2a626716] {
  font-family: monospace;
  font-size: 0.75rem;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.15);
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.pp-nota[data-v-2a626716] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.pp-nota strong[data-v-2a626716] {
  color: #FCA5A5;
}
.pp-flecha[data-v-2a626716] {
  color: #8B5CF6;
  font-size: 1rem;
}

/* Ejemplo rápido */
.ejemplo-rapido[data-v-2a626716] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.er-titulo[data-v-2a626716] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.er-ecuacion[data-v-2a626716] {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.er-datos[data-v-2a626716] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.er-solucion[data-v-2a626716] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem;
  border-radius: 0.35rem;
}
.er-linea[data-v-2a626716] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}
.er-linea[data-v-2a626716]:last-child {
  margin-bottom: 0;
}
.er-paso[data-v-2a626716] {
  color: #C4B5FD;
  min-width: 70px;
}
.er-calc[data-v-2a626716] {
  color: #E9D5FF;
}
.er-calc strong[data-v-2a626716] {
  color: #6EE7B7;
}
.er-linea.resultado[data-v-2a626716] {
  padding-top: 0.25rem;
}
.er-valor[data-v-2a626716] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Errores section */
.errores-section[data-v-2a626716] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.errores-titulo[data-v-2a626716] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.errores-lista[data-v-2a626716] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.error-item[data-v-2a626716] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.error-x[data-v-2a626716] {
  color: #EF4444;
  font-weight: 700;
  font-size: 0.9rem;
}
.error-texto[data-v-2a626716] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.error-texto strong[data-v-2a626716] {
  color: #FCA5A5;
}

/* Tips PAES */
.tips-paes[data-v-2a626716] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.tip-header[data-v-2a626716] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.tip-icono[data-v-2a626716] {
  font-size: 1.1rem;
}
.tip-titulo[data-v-2a626716] {
  font-weight: 700;
  color: #6EE7B7;
  font-size: 0.9rem;
}
.tips-lista[data-v-2a626716] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-2a626716] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-check[data-v-2a626716] {
  color: #10B981;
  font-weight: 700;
  font-size: 0.9rem;
}
.tip-texto[data-v-2a626716] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.tip-texto strong[data-v-2a626716] {
  color: #6EE7B7;
}

/* Mensaje final */
.mensaje-final[data-v-2a626716] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(16, 185, 129, 0.2));
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.mf-icono[data-v-2a626716] {
  font-size: 1.5rem;
}
.mf-texto[data-v-2a626716] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-clave[data-v-2a626716] {
    flex-direction: row;
}
.concepto-item[data-v-2a626716] {
    flex: 1;
}
}

/* Intro visual: demo redox */
.intro-visual[data-v-06ead715] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.redox-demo[data-v-06ead715] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.especie[data-v-06ead715] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  min-width: 80px;
}
.especie.perdida[data-v-06ead715] {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.especie.ganancia[data-v-06ead715] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.simbolo[data-v-06ead715] {
  font-size: 1.5rem;
  font-weight: 800;
  color: #FFFFFF;
}
.flecha-electron[data-v-06ead715] {
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0.25rem 0;
}
.especie.perdida .flecha-electron[data-v-06ead715] { color: #FCA5A5;
}
.especie.ganancia .flecha-electron[data-v-06ead715] { color: #6EE7B7;
}
.estado[data-v-06ead715] {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}
.especie.perdida .estado[data-v-06ead715] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.especie.ganancia .estado[data-v-06ead715] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.mas[data-v-06ead715] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #C4B5FD;
}
.demo-label[data-v-06ead715] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Texto coloreado */
strong.oxidacion[data-v-06ead715] { color: #FCA5A5;
}
strong.reduccion[data-v-06ead715] { color: #6EE7B7;
}

/* Concepto card */
.concepto-card[data-v-06ead715] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-06ead715] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-06ead715] {
  flex: 1;
}
.concepto-titulo[data-v-06ead715] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-06ead715] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-06ead715] {
  color: #FFFFFF;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-06ead715] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-06ead715] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-06ead715] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-06ead715] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo-icono[data-v-06ead715] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ejemplo-nombre[data-v-06ead715] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-desc[data-v-06ead715] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Nemotécnica */
.nemotecnica-section[data-v-06ead715] {
  margin: 1.5rem 0;
}
.nemotecnica-card[data-v-06ead715] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.nemo-fila[data-v-06ead715] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.nemo-letra[data-v-06ead715] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 800;
  border-radius: 50%;
}
.nemo-letra.oxidacion[data-v-06ead715] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.nemo-letra.reduccion[data-v-06ead715] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.nemo-texto[data-v-06ead715] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.nemo-texto strong.oxidacion[data-v-06ead715] { color: #FCA5A5;
}
.nemo-texto strong.reduccion[data-v-06ead715] { color: #6EE7B7;
}
.nemo-recuerda[data-v-06ead715] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.nemo-recuerda strong[data-v-06ead715] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-06ead715] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-06ead715] {
  font-size: 1.25rem;
}
.tip-texto[data-v-06ead715] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-06ead715] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.redox-demo[data-v-06ead715] {
    gap: 1rem;
}
.especie[data-v-06ead715] {
    padding: 1rem 1.5rem;
    min-width: 100px;
}
.simbolo[data-v-06ead715] {
    font-size: 2rem;
}
.flecha-electron[data-v-06ead715] {
    font-size: 1rem;
}
.estado[data-v-06ead715] {
    font-size: 0.8rem;
}
.ejemplos-grid[data-v-06ead715] {
    grid-template-columns: repeat(4, 1fr);
}
.nemo-letra[data-v-06ead715] {
    width: 44px;
    height: 44px;
    font-size: 1.4rem;
}
}

/* Colores principales */
strong.oxidacion[data-v-9dc7e0d2] { color: #FCA5A5;
}
strong.reduccion[data-v-9dc7e0d2] { color: #6EE7B7;
}

/* Procesos */
.proceso-section[data-v-9dc7e0d2] {
  padding: 1rem;
  border-radius: 0.75rem;
  margin: 1rem 0;
}
.proceso-section.oxidacion-bg[data-v-9dc7e0d2] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.3);
}
.proceso-section.reduccion-bg[data-v-9dc7e0d2] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
}
.proceso-header[data-v-9dc7e0d2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.proceso-icono[data-v-9dc7e0d2] {
  font-size: 1.25rem;
}
.proceso-titulo[data-v-9dc7e0d2] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.proceso-definicion[data-v-9dc7e0d2] {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.proceso-efecto[data-v-9dc7e0d2] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.proceso-ejemplo[data-v-9dc7e0d2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.ejemplo-ecuacion[data-v-9dc7e0d2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  flex-wrap: wrap;
}
.reactivo[data-v-9dc7e0d2], .producto[data-v-9dc7e0d2] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.flecha[data-v-9dc7e0d2] {
  color: #C4B5FD;
}
.electrones[data-v-9dc7e0d2] {
  font-size: 0.9rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.electrones.oxidacion[data-v-9dc7e0d2] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.electrones.reduccion[data-v-9dc7e0d2] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.ejemplo-cambio[data-v-9dc7e0d2] {
  text-align: center;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.nox[data-v-9dc7e0d2] {
  font-weight: 700;
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.nox.cero[data-v-9dc7e0d2] { color: #C4B5FD;
}
.nox.positivo[data-v-9dc7e0d2] { color: #6EE7B7;
}
.nox.negativo[data-v-9dc7e0d2] { color: #FCA5A5;
}

/* Comparación */
.comparacion-section[data-v-9dc7e0d2] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-9dc7e0d2] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-9dc7e0d2] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-header[data-v-9dc7e0d2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(139, 92, 246, 0.2);
  padding: 0.5rem;
}
.col-titulo[data-v-9dc7e0d2] {
  font-weight: 700;
  font-size: 0.8rem;
  text-align: center;
}
.col-titulo.oxidacion[data-v-9dc7e0d2] { color: #FCA5A5;
}
.col-titulo.reduccion[data-v-9dc7e0d2] { color: #6EE7B7;
}
.tabla-fila[data-v-9dc7e0d2] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0.5rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.col-item[data-v-9dc7e0d2] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}
.col-valor[data-v-9dc7e0d2] {
  font-size: 0.75rem;
  text-align: center;
}
.col-valor.oxidacion[data-v-9dc7e0d2] { color: #FCA5A5;
}
.col-valor.reduccion[data-v-9dc7e0d2] { color: #6EE7B7;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-9dc7e0d2] {
  margin: 1.5rem 0;
}
.reaccion-visual[data-v-9dc7e0d2] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.semi-reaccion[data-v-9dc7e0d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}
.semi-reaccion.oxidacion-bg[data-v-9dc7e0d2] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.semi-reaccion.reduccion-bg[data-v-9dc7e0d2] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.sr-label[data-v-9dc7e0d2] {
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.sr-label.oxidacion[data-v-9dc7e0d2] { color: #FCA5A5;
}
.sr-label.reduccion[data-v-9dc7e0d2] { color: #6EE7B7;
}
.sr-ecuacion[data-v-9dc7e0d2] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #FFFFFF;
}
.reaccion-global[data-v-9dc7e0d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
}
.global-label[data-v-9dc7e0d2] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.global-ecuacion[data-v-9dc7e0d2] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-9dc7e0d2] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-9dc7e0d2] {
  font-size: 1.25rem;
}
.tip-texto[data-v-9dc7e0d2] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-9dc7e0d2] {
  color: #6EE7B7;
}
.tip-texto strong.oxidacion[data-v-9dc7e0d2] { color: #FCA5A5;
}
.tip-texto strong.reduccion[data-v-9dc7e0d2] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.proceso-section[data-v-9dc7e0d2] {
    padding: 1.25rem;
}
.ejemplo-ecuacion[data-v-9dc7e0d2] {
    font-size: 1.25rem;
}
.reaccion-visual[data-v-9dc7e0d2] {
    flex-direction: row;
    flex-wrap: wrap;
}
.semi-reaccion[data-v-9dc7e0d2] {
    flex: 1;
    min-width: 140px;
}
.reaccion-global[data-v-9dc7e0d2] {
    flex: 100%;
}
}

/* Colores principales */
strong.oxidante[data-v-a38a7566] { color: #FCA5A5;
}
strong.reductor[data-v-a38a7566] { color: #6EE7B7;
}
strong.oxidacion[data-v-a38a7566] { color: #FCA5A5;
}
strong.reduccion[data-v-a38a7566] { color: #6EE7B7;
}

/* Agentes container */
.agentes-container[data-v-a38a7566] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.agente-card[data-v-a38a7566] {
  padding: 1rem;
  border-radius: 0.75rem;
}
.agente-card.oxidante[data-v-a38a7566] {
  background: rgba(239, 68, 68, 0.1);
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.agente-card.reductor[data-v-a38a7566] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.agente-header[data-v-a38a7566] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.agente-icono[data-v-a38a7566] {
  font-size: 1.25rem;
}
.agente-nombre[data-v-a38a7566] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.agente-accion[data-v-a38a7566] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.agente-accion strong[data-v-a38a7566] {
  color: #FFFFFF;
}
.agente-proceso[data-v-a38a7566] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}
.proceso-label[data-v-a38a7566] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.proceso-valor[data-v-a38a7566] {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
}
.proceso-valor.oxidacion[data-v-a38a7566] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.proceso-valor.reduccion[data-v-a38a7566] {
  background: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.agente-electrones[data-v-a38a7566] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.agente-ejemplo[data-v-a38a7566] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.ej-label[data-v-a38a7566] {
  color: #C4B5FD;
}
.ej-valor[data-v-a38a7566] {
  font-family: monospace;
  color: #FFFFFF;
}

/* Diagrama */
.diagrama-section[data-v-a38a7566] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-a38a7566] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.diagrama-visual[data-v-a38a7566] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
}
.diagrama-fila[data-v-a38a7566] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.diagrama-item[data-v-a38a7566] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.diagrama-item.reductor-bg[data-v-a38a7566] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.diagrama-item.oxidante-bg[data-v-a38a7566] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.item-label[data-v-a38a7566] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.item-accion[data-v-a38a7566] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.diagrama-flecha[data-v-a38a7566] {
  text-align: center;
}
.flecha-texto[data-v-a38a7566] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-weight: 600;
}
.diagrama-nota[data-v-a38a7566] {
  text-align: center;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Truco */
.truco-section[data-v-a38a7566] {
  margin: 1.5rem 0;
}
.truco-card[data-v-a38a7566] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
}
.truco-fila[data-v-a38a7566] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.truco-termino[data-v-a38a7566] {
  font-weight: 700;
  font-size: 0.9rem;
}
.truco-termino.oxidante[data-v-a38a7566] { color: #FCA5A5;
}
.truco-termino.reductor[data-v-a38a7566] { color: #6EE7B7;
}
.truco-explica[data-v-a38a7566] {
  font-size: 0.85rem;
  color: #E9D5FF;
  padding-left: 0.5rem;
}
.truco-memoria[data-v-a38a7566] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.3);
  font-size: 0.85rem;
  color: #E9D5FF;
}
.truco-memoria strong[data-v-a38a7566] {
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-a38a7566] {
  margin: 1.5rem 0;
}
.ejemplo-analisis[data-v-a38a7566] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.analisis-item[data-v-a38a7566] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.analisis-especie[data-v-a38a7566] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  min-width: 45px;
}
.analisis-info[data-v-a38a7566] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.info-rol[data-v-a38a7566] {
  font-size: 0.8rem;
  font-weight: 700;
}
.info-rol.oxidante[data-v-a38a7566] { color: #FCA5A5;
}
.info-rol.reductor[data-v-a38a7566] { color: #6EE7B7;
}
.info-porque[data-v-a38a7566] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-a38a7566] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-a38a7566] {
  font-size: 1.25rem;
}
.tip-texto[data-v-a38a7566] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-a38a7566] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.agentes-container[data-v-a38a7566] {
    flex-direction: row;
}
.agente-card[data-v-a38a7566] {
    flex: 1;
}
.diagrama-item[data-v-a38a7566] {
    padding: 0.75rem 1rem;
    min-width: 120px;
}
.item-label[data-v-a38a7566] {
    font-size: 0.8rem;
}
.item-accion[data-v-a38a7566] {
    font-size: 0.75rem;
}
.truco-fila[data-v-a38a7566] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.truco-explica[data-v-a38a7566] {
    padding-left: 0;
}
.ejemplo-analisis[data-v-a38a7566] {
    flex-direction: row;
}
.analisis-item[data-v-a38a7566] {
    flex: 1;
}
}

.explorador[data-v-db85865e] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-db85865e] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-db85865e] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-db85865e] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-db85865e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-db85865e] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-db85865e] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-db85865e] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-db85865e] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-db85865e] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Reacción mostrar */
.reaccion-mostrar[data-v-db85865e] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 1rem;
}
.reaccion-texto[data-v-db85865e] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desafío 1: Identificar proceso */
.identificar-container[data-v-db85865e] {
  text-align: center;
}
.pregunta-identificar[data-v-db85865e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-identificar strong[data-v-db85865e] {
  color: #FCD34D;
}
.opciones-proceso[data-v-db85865e] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.btn-proceso[data-v-db85865e] {
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.btn-proceso.oxidacion[data-v-db85865e] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-proceso.reduccion[data-v-db85865e] {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-proceso.seleccionado[data-v-db85865e] {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}
.btn-proceso.correcto[data-v-db85865e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-proceso.incorrecto[data-v-db85865e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Desafío 2: Agentes */
.agentes-container[data-v-db85865e] {
  text-align: center;
}
.pregunta-agentes[data-v-db85865e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.especies-clasificar[data-v-db85865e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.especie-item[data-v-db85865e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.especie-nombre[data-v-db85865e] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.especie-botones[data-v-db85865e] {
  display: flex;
  gap: 0.4rem;
}
.btn-agente[data-v-db85865e] {
  padding: 0.4rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 2px solid transparent;
  font-family: inherit;
}
.btn-agente.oxidante[data-v-db85865e] {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.btn-agente.reductor[data-v-db85865e] {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #6EE7B7;
}
.btn-agente.seleccionado[data-v-db85865e] {
  border-width: 2px;
}
.btn-agente.oxidante.seleccionado[data-v-db85865e] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.3);
}
.btn-agente.reductor.seleccionado[data-v-db85865e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.3);
}
.btn-agente.correcto[data-v-db85865e] {
  background: #10B981;
  border-color: #047857;
  color: white;
}
.btn-agente.incorrecto[data-v-db85865e] {
  background: #EF4444;
  border-color: #B91C1C;
  color: white;
}

/* Desafío 3: NOX */
.nox-container[data-v-db85865e] {
  text-align: center;
}
.pregunta-nox[data-v-db85865e] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-nox strong[data-v-db85865e] {
  color: #FCD34D;
}
.nox-inputs[data-v-db85865e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.nox-input-group[data-v-db85865e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.nox-label[data-v-db85865e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.nox-input-wrapper[data-v-db85865e] {
  display: flex;
  align-items: center;
}
.btn-signo[data-v-db85865e] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-radius: 0.4rem 0 0 0.4rem;
  color: #6EE7B7;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-db85865e] {
  color: #FCA5A5;
}
.nox-input[data-v-db85865e] {
  width: 50px;
  height: 36px;
  padding: 0 0.5rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
  border-left: none;
  border-radius: 0 0.4rem 0.4rem 0;
  color: white;
  font-family: inherit;
}
.nox-input.correcto[data-v-db85865e] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.nox-input.incorrecto[data-v-db85865e] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.nox-flecha[data-v-db85865e] {
  font-size: 1.25rem;
  color: #C4B5FD;
  margin: 0 0.25rem;
}

/* Botón verificar */
.btn-verificar[data-v-db85865e] {
  padding: 0.6rem 1.25rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 0.75rem;
  font-family: inherit;
}

/* Feedback */
.feedback-proceso[data-v-db85865e],
.feedback-agentes[data-v-db85865e],
.feedback-nox[data-v-db85865e] {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.feedback-correcto[data-v-db85865e] {
  color: #6EE7B7;
  background: rgba(16, 185, 129, 0.15);
}
.feedback-incorrecto[data-v-db85865e] {
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.15);
}

/* Resultado correcto */
.resultado-correcto[data-v-db85865e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-db85865e] { font-size: 1.25rem;
}
.resultado-texto[data-v-db85865e] { color: #6EE7B7; font-weight: 600;
}

/* Contador */
.contador[data-v-db85865e] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}

/* Navegación */
.desafio-nav[data-v-db85865e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-db85865e] { flex: 1;
}
.nav-btn[data-v-db85865e] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-db85865e] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-db85865e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-db85865e] { font-size: 1.75rem;
}
.completado-texto[data-v-db85865e] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-db85865e], .slide-leave-active[data-v-db85865e] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-db85865e] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-db85865e] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-proceso[data-v-db85865e] {
    gap: 1rem;
}
.btn-proceso[data-v-db85865e] {
    padding: 1rem 2rem;
    font-size: 1rem;
}
.especies-clasificar[data-v-db85865e] {
    flex-direction: row;
    justify-content: center;
}
.especie-item[data-v-db85865e] {
    flex-direction: column;
    padding: 0.75rem 1rem;
}
.especie-nombre[data-v-db85865e] {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}
.nox-inputs[data-v-db85865e] {
    gap: 1rem;
}
}

/* Colores principales */
strong.oxidacion[data-v-35588bce] { color: #FCA5A5;
}
strong.reduccion[data-v-35588bce] { color: #6EE7B7;
}

/* Resumen header */
.resumen-header[data-v-35588bce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.resumen-icono[data-v-35588bce] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-35588bce] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Concepto principal */
.concepto-principal[data-v-35588bce] {
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
.cp-titulo[data-v-35588bce] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.cp-definicion[data-v-35588bce] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.cp-definicion strong[data-v-35588bce] {
  color: #FFFFFF;
}

/* Tabla comparativa */
.tabla-section[data-v-35588bce] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-35588bce] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-comparativa[data-v-35588bce] {
  display: flex;
  gap: 0.5rem;
}
.tabla-col[data-v-35588bce] {
  flex: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.tabla-col.oxidacion[data-v-35588bce] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.tabla-col.reduccion[data-v-35588bce] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.col-header[data-v-35588bce] {
  font-weight: 700;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.tabla-col.oxidacion .col-header[data-v-35588bce] { color: #FCA5A5;
}
.tabla-col.reduccion .col-header[data-v-35588bce] { color: #6EE7B7;
}
.col-item[data-v-35588bce] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.item-icon[data-v-35588bce] {
  font-size: 0.9rem;
}
.col-item strong[data-v-35588bce] {
  color: #FFFFFF;
}
.col-ejemplo[data-v-35588bce] {
  font-family: monospace;
  font-size: 0.75rem;
  text-align: center;
  color: #C4B5FD;
  margin-top: 0.5rem;
  padding: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}

/* Agentes */
.agentes-section[data-v-35588bce] {
  margin: 1.5rem 0;
}
.agentes-grid[data-v-35588bce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.agente-card[data-v-35588bce] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.agente-card.oxidante[data-v-35588bce] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.agente-card.reductor[data-v-35588bce] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.agente-nombre[data-v-35588bce] {
  font-weight: 700;
  font-size: 0.85rem;
}
.agente-card.oxidante .agente-nombre[data-v-35588bce] { color: #FCA5A5;
}
.agente-card.reductor .agente-nombre[data-v-35588bce] { color: #6EE7B7;
}
.agente-desc[data-v-35588bce] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.agente-ej[data-v-35588bce] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Nemotécnica */
.nemotecnica-box[data-v-35588bce] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 2px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.nemo-icono[data-v-35588bce] {
  font-size: 1.5rem;
}
.nemo-contenido[data-v-35588bce] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.nemo-titulo[data-v-35588bce] {
  font-weight: 700;
  font-size: 0.9rem;
  color: #FCD34D;
}
.nemo-texto[data-v-35588bce] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Ejemplos */
.ejemplos-section[data-v-35588bce] {
  margin: 1.5rem 0;
}
.ejemplos-lista[data-v-35588bce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo-item[data-v-35588bce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ej-icon[data-v-35588bce] {
  font-size: 1.2rem;
}
.ej-nombre[data-v-35588bce] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes[data-v-35588bce] {
  background: rgba(16, 185, 129, 0.1);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.tips-header[data-v-35588bce] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.tips-icono[data-v-35588bce] {
  font-size: 1.25rem;
}
.tips-titulo[data-v-35588bce] {
  font-weight: 700;
  font-size: 1rem;
  color: #6EE7B7;
}
.tips-lista[data-v-35588bce] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-35588bce] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-35588bce] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tip-texto[data-v-35588bce] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-35588bce] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-35588bce] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.5rem;
}
.mensaje-icono[data-v-35588bce] {
  font-size: 1.25rem;
}
.mensaje-texto[data-v-35588bce] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.agentes-grid[data-v-35588bce] {
    flex-direction: row;
}
.agente-card[data-v-35588bce] {
    flex: 1;
}
.ejemplos-lista[data-v-35588bce] {
    grid-template-columns: repeat(4, 1fr);
}
.tabla-col[data-v-35588bce] {
    padding: 1rem;
}
.col-header[data-v-35588bce] {
    font-size: 1rem;
}
.col-item[data-v-35588bce] {
    font-size: 0.85rem;
}
.col-ejemplo[data-v-35588bce] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-4def87d5] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.conexion-iconos[data-v-4def87d5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.icono-item[data-v-4def87d5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.icono-item.gibbs[data-v-4def87d5] {
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
}
.icono-item.equilibrio[data-v-4def87d5] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.simbolo[data-v-4def87d5] {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: monospace;
}
.icono-item.gibbs .simbolo[data-v-4def87d5] { color: #6EE7B7;
}
.icono-item.equilibrio .simbolo[data-v-4def87d5] { color: #FCD34D;
}
.nombre[data-v-4def87d5] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
  text-align: center;
}
.conector[data-v-4def87d5] {
  display: flex;
  align-items: center;
}
.flecha[data-v-4def87d5] {
  font-size: 1.5rem;
  color: #8B5CF6;
}

/* Colores para texto inline */
strong.gibbs-color[data-v-4def87d5] { color: #6EE7B7;
}
strong.eq-color[data-v-4def87d5] { color: #FCD34D;
}
strong.destacado[data-v-4def87d5] { color: #C4B5FD;
}
strong.positivo[data-v-4def87d5] { color: #6EE7B7;
}
strong.negativo[data-v-4def87d5] { color: #FCA5A5;
}

/* Concepto card */
.concepto-card[data-v-4def87d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-4def87d5] {
  font-size: 1.5rem;
}
.concepto-contenido[data-v-4def87d5] {
  flex: 1;
}
.concepto-titulo[data-v-4def87d5] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-4def87d5] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Significados section */
.significados-section[data-v-4def87d5] {
  margin: 1.5rem 0;
}
.significados-titulo[data-v-4def87d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.significados-grid[data-v-4def87d5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.significado-card[data-v-4def87d5] {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.significado-card.gibbs[data-v-4def87d5] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.significado-card.equilibrio[data-v-4def87d5] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.sig-simbolo[data-v-4def87d5] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 800;
}
.significado-card.gibbs .sig-simbolo[data-v-4def87d5] { color: #6EE7B7;
}
.significado-card.equilibrio .sig-simbolo[data-v-4def87d5] { color: #FCD34D;
}
.sig-texto[data-v-4def87d5] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin: 0.25rem 0;
}
.sig-detalle[data-v-4def87d5] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.25rem;
}
.sig-detalle .positivo[data-v-4def87d5] {
  font-family: monospace;
  font-weight: 700;
  font-size: 0.75rem;
  color: #6EE7B7;
}
.flecha-sig[data-v-4def87d5] {
  color: #C4B5FD;
  font-size: 0.8rem;
}
.resultado[data-v-4def87d5] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Relación lógica */
.relacion-logica[data-v-4def87d5] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.relacion-titulo[data-v-4def87d5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}
.relacion-pasos[data-v-4def87d5] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.paso-logica[data-v-4def87d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.paso-num[data-v-4def87d5] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.paso-texto[data-v-4def87d5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Tip PAES */
.tip-paes[data-v-4def87d5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-4def87d5] {
  font-size: 1.25rem;
}
.tip-texto[data-v-4def87d5] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-4def87d5] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conexion-iconos[data-v-4def87d5] {
    gap: 2rem;
}
.simbolo[data-v-4def87d5] {
    font-size: 2rem;
}
.nombre[data-v-4def87d5] {
    font-size: 0.8rem;
}
.significados-grid[data-v-4def87d5] {
    flex-direction: row;
    gap: 0.75rem;
}
.significado-card[data-v-4def87d5] {
    flex: 1;
}
}

/* Fórmula principal */
.formula-visual[data-v-ad45f54e] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-principal[data-v-ad45f54e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.delta[data-v-ad45f54e] { color: #E9D5FF;
}
.g[data-v-ad45f54e] { color: #6EE7B7; font-size: 1.6rem;
}
.igual[data-v-ad45f54e] { color: #FFFFFF; padding: 0 0.25rem;
}
.signo[data-v-ad45f54e] { color: #FCA5A5; font-weight: 800;
}
.r[data-v-ad45f54e] { color: #FCD34D;
}
.t-var[data-v-ad45f54e] { color: #FCD34D;
}
.ln[data-v-ad45f54e] { color: #93C5FD; margin: 0 0.2rem;
}
.k[data-v-ad45f54e] { color: #FCD34D; font-size: 1.6rem;
}
.formula-equivalente[data-v-ad45f54e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}
.equiv-text[data-v-ad45f54e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.equiv-formula[data-v-ad45f54e] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Colores para texto inline */
strong.negativo[data-v-ad45f54e] { color: #FCA5A5;
}
strong.positivo[data-v-ad45f54e] { color: #6EE7B7;
}
strong.temp[data-v-ad45f54e] { color: #FCD34D;
}
strong.eq-color[data-v-ad45f54e] { color: #FCD34D;
}

/* Componentes section */
.componentes-section[data-v-ad45f54e] {
  margin: 1.5rem 0;
}
.componentes-titulo[data-v-ad45f54e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.componentes-grid[data-v-ad45f54e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.componente-card[data-v-ad45f54e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.componente-card.delta-g[data-v-ad45f54e] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.componente-card.constante-r[data-v-ad45f54e] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.componente-card.temp[data-v-ad45f54e] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.componente-card.constante-k[data-v-ad45f54e] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.comp-simbolo[data-v-ad45f54e] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 800;
}
.delta-g .comp-simbolo[data-v-ad45f54e] { color: #6EE7B7;
}
.constante-r .comp-simbolo[data-v-ad45f54e] { color: #FCA5A5;
}
.temp .comp-simbolo[data-v-ad45f54e] { color: #FCD34D;
}
.constante-k .comp-simbolo[data-v-ad45f54e] { color: #93C5FD;
}
.comp-nombre[data-v-ad45f54e] {
  font-size: 0.65rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.15rem 0;
}
.comp-unidad[data-v-ad45f54e], .comp-valor[data-v-ad45f54e] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Despejes */
.despeje-section[data-v-ad45f54e] {
  margin: 1.5rem 0;
}
.despeje-titulo[data-v-ad45f54e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.despejes-grid[data-v-ad45f54e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.despeje-card[data-v-ad45f54e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.despeje-label[data-v-ad45f54e] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.despeje-formula[data-v-ad45f54e] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Ejemplo */
.ejemplo-section[data-v-ad45f54e] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-ad45f54e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-ad45f54e] {
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.datos-ejemplo[data-v-ad45f54e] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  justify-content: center;
}
.dato[data-v-ad45f54e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pasos-calculo[data-v-ad45f54e] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}
.paso[data-v-ad45f54e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.paso-num[data-v-ad45f54e] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.paso-texto[data-v-ad45f54e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.resultado-ejemplo[data-v-ad45f54e] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.35rem;
}
.resultado-texto[data-v-ad45f54e] {
  font-size: 0.85rem;
  color: #6EE7B7;
}
.resultado-texto strong[data-v-ad45f54e] {
  color: #FCD34D;
}

/* Relación a 25°C */
.relacion-25[data-v-ad45f54e] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.rel-icono[data-v-ad45f54e] {
  font-size: 1.25rem;
}
.rel-contenido[data-v-ad45f54e] {
  flex: 1;
}
.rel-titulo[data-v-ad45f54e] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.rel-formula[data-v-ad45f54e] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.rel-nota[data-v-ad45f54e] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Tip PAES */
.tip-paes[data-v-ad45f54e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ad45f54e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ad45f54e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ad45f54e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-principal[data-v-ad45f54e] {
    font-size: 1.8rem;
}
.g[data-v-ad45f54e], .k[data-v-ad45f54e] {
    font-size: 2rem;
}
.componentes-grid[data-v-ad45f54e] {
    grid-template-columns: repeat(4, 1fr);
}
.despejes-grid[data-v-ad45f54e] {
    flex-direction: row;
}
.despeje-card[data-v-ad45f54e] {
    flex: 1;
}
}

/* Tabla visual */
.tabla-visual[data-v-866e2657] {
  margin: 1rem 0 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.tabla-titulo[data-v-866e2657] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  text-align: center;
}
.tabla-contenido[data-v-866e2657] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.fila[data-v-866e2657] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.35rem;
  padding: 0.4rem;
  border-radius: 0.35rem;
  text-align: center;
}
.fila-header[data-v-866e2657] {
  background: rgba(139, 92, 246, 0.3);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.fila-negativo[data-v-866e2657] { background: rgba(16, 185, 129, 0.15);
}
.fila-cero[data-v-866e2657] { background: rgba(139, 92, 246, 0.15);
}
.fila-positivo[data-v-866e2657] { background: rgba(239, 68, 68, 0.15);
}
.col[data-v-866e2657] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.col-dg strong.negativo[data-v-866e2657] { color: #FCA5A5;
}  /* Número negativo = rojo */
.col-dg strong.cero[data-v-866e2657] { color: #C4B5FD;
}
.col-dg strong.positivo[data-v-866e2657] { color: #6EE7B7;
}  /* Número positivo = verde */
.col-k strong.grande[data-v-866e2657] { color: #6EE7B7;
}  /* K > 1 = favorable = verde */
.col-k strong.uno[data-v-866e2657] { color: #FCD34D;
}
.col-k strong.pequeno[data-v-866e2657] { color: #FCA5A5;
}  /* K < 1 = no favorable = rojo */

/* Escala visual */
.escala-section[data-v-866e2657] {
  margin: 1.5rem 0;
}
.escala-titulo[data-v-866e2657] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.escala-visual[data-v-866e2657] {
  padding: 0.5rem;
}
.escala-barra[data-v-866e2657] {
  display: flex;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.zona[data-v-866e2657] {
  flex: 1;
  padding: 0.5rem 0.25rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.zona.reactivos[data-v-866e2657] {
  background: rgba(239, 68, 68, 0.3);
}
.zona.mixto[data-v-866e2657] {
  background: rgba(139, 92, 246, 0.3);
}
.zona.productos[data-v-866e2657] {
  background: rgba(16, 185, 129, 0.3);
}
.zona-label[data-v-866e2657] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #FFFFFF;
}
.zona-valores[data-v-866e2657] {
  font-size: 0.6rem;
  color: #C4B5FD;
  font-family: monospace;
}
.escala-indicador[data-v-866e2657] {
  display: flex;
  justify-content: space-between;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Correspondencia */
.correspondencia-section[data-v-866e2657] {
  margin: 1.5rem 0;
}
.correspondencia-titulo[data-v-866e2657] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.correspondencia-grid[data-v-866e2657] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.corr-card[data-v-866e2657] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.5rem;
  text-align: center;
}
.corr-card.muy-negativo[data-v-866e2657] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.corr-card.poco-negativo[data-v-866e2657] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.corr-card.cero[data-v-866e2657] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.corr-card.poco-positivo[data-v-866e2657] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.corr-dg[data-v-866e2657] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
}
.muy-negativo .corr-dg[data-v-866e2657], .poco-negativo .corr-dg[data-v-866e2657] { color: #FCA5A5;
}
.cero .corr-dg[data-v-866e2657] { color: #C4B5FD;
}
.poco-positivo .corr-dg[data-v-866e2657] { color: #6EE7B7;
}
.corr-k[data-v-866e2657] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 800;
  color: #FCD34D;
  margin: 0.25rem 0;
}
.corr-desc[data-v-866e2657] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Caso especial */
.caso-especial[data-v-866e2657] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.caso-titulo[data-v-866e2657] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.caso-contenido[data-v-866e2657] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.caso-item[data-v-866e2657] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.caso-simbolo[data-v-866e2657] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  min-width: 40px;
}
.caso-simbolo.gibbs[data-v-866e2657] { color: #6EE7B7;
}
.caso-simbolo.variable[data-v-866e2657] { color: #93C5FD;
}
.caso-desc[data-v-866e2657] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.caso-desc strong[data-v-866e2657] {
  color: #FCD34D;
}
.caso-formula[data-v-866e2657] {
  text-align: center;
  margin: 0.5rem 0;
}
.formula-texto[data-v-866e2657] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-weight: 700;
  color: #FFFFFF;
}
.caso-nota[data-v-866e2657] {
  font-size: 0.7rem;
  color: #C4B5FD;
  text-align: center;
  font-style: italic;
}

/* Tip PAES */
.tip-paes[data-v-866e2657] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-866e2657] {
  font-size: 1.25rem;
}
.tip-texto[data-v-866e2657] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-866e2657] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.correspondencia-grid[data-v-866e2657] {
    grid-template-columns: repeat(4, 1fr);
}
.caso-contenido[data-v-866e2657] {
    flex-direction: row;
    justify-content: space-around;
}
.zona-label[data-v-866e2657] {
    font-size: 0.8rem;
}
.zona-valores[data-v-866e2657] {
    font-size: 0.7rem;
}
}

.explorador[data-v-148d1b8c] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-148d1b8c] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-148d1b8c] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-148d1b8c] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-148d1b8c] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-148d1b8c] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-148d1b8c] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-148d1b8c] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-148d1b8c] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-148d1b8c] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-148d1b8c] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Predecir K ===== */
.predecir-container[data-v-148d1b8c] {
  text-align: center;
}
.valor-dg[data-v-148d1b8c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.dg-label[data-v-148d1b8c] {
  font-family: monospace;
  font-size: 1rem;
  color: #C4B5FD;
}
.dg-valor[data-v-148d1b8c] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 800;
}
.dg-valor.negativo[data-v-148d1b8c] { color: #FCA5A5;
}
.dg-valor.positivo[data-v-148d1b8c] { color: #6EE7B7;
}
.pregunta-prediccion[data-v-148d1b8c] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.opciones-k[data-v-148d1b8c] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-opcion[data-v-148d1b8c] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  text-align: left;
}
.btn-opcion[data-v-148d1b8c]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.btn-opcion.seleccionado[data-v-148d1b8c] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.btn-opcion.correcto[data-v-148d1b8c] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-148d1b8c] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.opcion-valor[data-v-148d1b8c] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 800;
  color: #FCD34D;
  min-width: 60px;
}
.opcion-texto[data-v-148d1b8c] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* ===== DESAFÍO 2 y 3: Cálculos ===== */
.calculo-container[data-v-148d1b8c], .calc-k-container[data-v-148d1b8c] {
  text-align: center;
}
.formula-recordatorio[data-v-148d1b8c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.formula[data-v-148d1b8c] {
  display: inline-block;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 600;
  color: #FCD34D;
}
.formula-info[data-v-148d1b8c] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.datos-problema[data-v-148d1b8c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-148d1b8c] {
  display: flex;
  gap: 0.35rem;
  padding: 0.35rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato-label[data-v-148d1b8c] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-148d1b8c] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 700;
}
.dato-valor.negativo[data-v-148d1b8c] { color: #FCA5A5;
}
.dato-valor.positivo[data-v-148d1b8c] { color: #6EE7B7;
}
.dato-valor.temp[data-v-148d1b8c] { color: #FCD34D;
}
.dato-valor.eq[data-v-148d1b8c] { color: #93C5FD;
}
.dato-valor.info[data-v-148d1b8c] { color: #E9D5FF;
}
.pregunta-k[data-v-148d1b8c] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}

/* Respuesta input */
.respuesta-input[data-v-148d1b8c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.input-label[data-v-148d1b8c] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.btn-signo[data-v-148d1b8c] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.35rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6EE7B7;
  cursor: pointer;
  font-family: inherit;
}
.btn-signo.negativo[data-v-148d1b8c] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.input-numero[data-v-148d1b8c] {
  width: 70px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-148d1b8c] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-148d1b8c] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-148d1b8c] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-148d1b8c] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-148d1b8c]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Opciones valor K */
.opciones-valor-k[data-v-148d1b8c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-valor-k[data-v-148d1b8c] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-valor-k[data-v-148d1b8c]:hover:not(:disabled) {
  border-color: rgba(139, 92, 246, 0.6);
}
.btn-valor-k.seleccionado[data-v-148d1b8c] {
  background: rgba(139, 92, 246, 0.2);
  border-color: #8B5CF6;
}
.btn-valor-k.correcto[data-v-148d1b8c] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-valor-k.incorrecto[data-v-148d1b8c] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Feedback y resultados */
.feedback-error[data-v-148d1b8c] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.75rem;
  color: #FCA5A5;
}
.contador[data-v-148d1b8c] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-148d1b8c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-148d1b8c] { font-size: 1.25rem;
}
.resultado-texto[data-v-148d1b8c] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-148d1b8c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-148d1b8c] { flex: 1;
}
.nav-btn[data-v-148d1b8c] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-148d1b8c] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-148d1b8c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-148d1b8c] { font-size: 1.75rem;
}
.completado-texto[data-v-148d1b8c] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-148d1b8c], .slide-leave-active[data-v-148d1b8c] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-148d1b8c] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-148d1b8c] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-k[data-v-148d1b8c] {
    flex-direction: row;
    justify-content: center;
}
.btn-opcion[data-v-148d1b8c] {
    flex: 1;
    max-width: 180px;
    flex-direction: column;
    text-align: center;
    gap: 0.25rem;
}
.opciones-valor-k[data-v-148d1b8c] {
    grid-template-columns: repeat(4, 1fr);
}
.respuesta-input[data-v-148d1b8c] {
    flex-wrap: nowrap;
}
}

/* Fórmula central */
.formula-resumen[data-v-cc3e4121] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 2px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-principal[data-v-cc3e4121] {
  margin-bottom: 0.5rem;
}
.formula-texto[data-v-cc3e4121] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 800;
  color: #FCD34D;
}
.formula-alt[data-v-cc3e4121] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Relaciones */
.relaciones-section[data-v-cc3e4121] {
  margin: 1.5rem 0;
}
.relaciones-titulo[data-v-cc3e4121] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.relaciones-grid[data-v-cc3e4121] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.relacion-card[data-v-cc3e4121] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  border-radius: 0.5rem;
}
.relacion-card.negativo[data-v-cc3e4121] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.relacion-card.cero[data-v-cc3e4121] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.relacion-card.positivo[data-v-cc3e4121] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.rel-dg[data-v-cc3e4121], .rel-k[data-v-cc3e4121] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
}
.negativo .rel-dg[data-v-cc3e4121] { color: #FCA5A5;
}
.negativo .rel-k[data-v-cc3e4121] { color: #6EE7B7;
}
.cero .rel-dg[data-v-cc3e4121], .cero .rel-k[data-v-cc3e4121] { color: #C4B5FD;
}
.positivo .rel-dg[data-v-cc3e4121] { color: #6EE7B7;
}
.positivo .rel-k[data-v-cc3e4121] { color: #FCA5A5;
}
.rel-flecha[data-v-cc3e4121] {
  font-size: 1rem;
  color: #8B5CF6;
}
.rel-desc[data-v-cc3e4121] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: right;
  flex: 1;
  padding-left: 0.5rem;
}

/* Constantes */
.constantes-section[data-v-cc3e4121] {
  margin: 1.5rem 0;
}
.constantes-titulo[data-v-cc3e4121] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.constantes-grid[data-v-cc3e4121] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.constante-item[data-v-cc3e4121] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.const-simbolo[data-v-cc3e4121] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 800;
  color: #FCD34D;
}
.const-valor[data-v-cc3e4121] {
  font-size: 0.6rem;
  color: #C4B5FD;
  text-align: center;
}

/* Valores útiles */
.valores-utiles[data-v-cc3e4121] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.valores-titulo[data-v-cc3e4121] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.valores-tabla[data-v-cc3e4121] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.valor-row[data-v-cc3e4121] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  padding: 0.35rem;
  border-radius: 0.3rem;
}
.valor-row.header[data-v-cc3e4121] {
  background: rgba(59, 130, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #93C5FD;
}
.valor-dg[data-v-cc3e4121], .valor-k[data-v-cc3e4121] {
  font-family: monospace;
  font-size: 0.85rem;
  text-align: center;
}
.valor-dg.negativo[data-v-cc3e4121] { color: #FCA5A5;
}
.valor-dg.positivo[data-v-cc3e4121] { color: #6EE7B7;
}
.valor-k[data-v-cc3e4121] { color: #FCD34D; font-weight: 700;
}
.valores-nota[data-v-cc3e4121] {
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
  padding-top: 0.25rem;
  border-top: 1px dashed rgba(59, 130, 246, 0.3);
}

/* Tips PAES */
.tips-paes[data-v-cc3e4121] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-cc3e4121] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-grid[data-v-cc3e4121] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-cc3e4121] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-num[data-v-cc3e4121] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  color: white;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
}
.tip-texto[data-v-cc3e4121] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Mensaje final */
.mensaje-final[data-v-cc3e4121] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-cc3e4121] {
  font-size: 1.75rem;
}
.final-texto[data-v-cc3e4121] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-texto strong[data-v-cc3e4121] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-texto[data-v-cc3e4121] {
    font-size: 2rem;
}
.relaciones-grid[data-v-cc3e4121] {
    flex-direction: row;
    gap: 0.75rem;
}
.relacion-card[data-v-cc3e4121] {
    flex: 1;
    flex-direction: column;
    text-align: center;
    padding: 0.75rem;
    gap: 0.35rem;
}
.rel-desc[data-v-cc3e4121] {
    text-align: center;
    padding-left: 0;
}
.tips-grid[data-v-cc3e4121] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}
}

/* Analogía fábrica */
.intro-visual[data-v-ad6aa931] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.analogia-titulo[data-v-ad6aa931] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.fabrica-demo[data-v-ad6aa931] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.produccion[data-v-ad6aa931] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.prod-item[data-v-ad6aa931] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
}
.prod-emoji[data-v-ad6aa931] {
  font-size: 1.5rem;
  margin-bottom: 0.2rem;
}
.prod-label[data-v-ad6aa931] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.prod-valor[data-v-ad6aa931] {
  font-size: 0.9rem;
  font-weight: 700;
}
.prod-valor.teorico[data-v-ad6aa931] {
  color: #93C5FD;
}
.prod-valor.real[data-v-ad6aa931] {
  color: #6EE7B7;
}
.vs[data-v-ad6aa931] {
  color: #C4B5FD;
  font-weight: 600;
  font-size: 0.9rem;
}
.diferencia[data-v-ad6aa931] {
  text-align: center;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
  font-size: 0.8rem;
}
.diferencia span[data-v-ad6aa931]:first-child {
  color: #E9D5FF;
  display: block;
  margin-bottom: 0.2rem;
}
.razones[data-v-ad6aa931] {
  color: #C4B5FD;
  font-size: 0.75rem;
}

/* Definiciones */
.definiciones-grid[data-v-ad6aa931] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.definicion[data-v-ad6aa931] {
  padding: 0.75rem;
  border-radius: 0.5rem;
}
.definicion.teorico[data-v-ad6aa931] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.definicion.real[data-v-ad6aa931] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.def-header[data-v-ad6aa931] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}
.def-icono[data-v-ad6aa931] {
  font-size: 1.1rem;
}
.def-nombre[data-v-ad6aa931] {
  font-weight: 700;
  font-size: 0.95rem;
}
.definicion.teorico .def-nombre[data-v-ad6aa931] {
  color: #93C5FD;
}
.definicion.real .def-nombre[data-v-ad6aa931] {
  color: #6EE7B7;
}
.def-texto[data-v-ad6aa931] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
  margin-bottom: 0.35rem;
}
.def-texto strong[data-v-ad6aa931] {
  color: #FFFFFF;
}
.def-nota[data-v-ad6aa931] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Razones section */
.razones-section[data-v-ad6aa931] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.razones-titulo[data-v-ad6aa931] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.razones-grid[data-v-ad6aa931] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.razon-item[data-v-ad6aa931] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.razon-icono[data-v-ad6aa931] {
  font-size: 1rem;
}
.razon-texto[data-v-ad6aa931] {
  font-size: 0.75rem;
  color: #E9D5FF;
}

/* Ejemplo químico */
.ejemplo-quimico[data-v-ad6aa931] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-titulo[data-v-ad6aa931] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ecuacion-box[data-v-ad6aa931] {
  text-align: center;
  margin-bottom: 0.75rem;
}
.ecuacion[data-v-ad6aa931] {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #93C5FD;
}
.ejemplo-datos[data-v-ad6aa931] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.dato[data-v-ad6aa931] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dato-label[data-v-ad6aa931] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.dato-valor[data-v-ad6aa931] {
  font-size: 1.1rem;
  font-weight: 700;
}
.dato-valor.teorico-v[data-v-ad6aa931] {
  color: #93C5FD;
}
.dato-valor.real-v[data-v-ad6aa931] {
  color: #6EE7B7;
}
.ejemplo-conclusion[data-v-ad6aa931] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.ejemplo-conclusion strong[data-v-ad6aa931] {
  color: #FCA5A5;
}

/* Tip */
.tip[data-v-ad6aa931] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-ad6aa931] {
  font-size: 1.25rem;
}
.tip-texto[data-v-ad6aa931] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-ad6aa931] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.definiciones-grid[data-v-ad6aa931] {
    flex-direction: row;
}
.definicion[data-v-ad6aa931] {
    flex: 1;
}
.prod-emoji[data-v-ad6aa931] {
    font-size: 2rem;
}
.prod-valor[data-v-ad6aa931] {
    font-size: 1rem;
}
}

/* Fórmula principal */
.formula-principal[data-v-111325bd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-111325bd] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
}
.formula-box[data-v-111325bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.formula[data-v-111325bd] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fraccion[data-v-111325bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.35rem;
}
.numerador[data-v-111325bd] {
  font-size: 0.85rem;
  color: #6EE7B7;
  padding-bottom: 2px;
}
.linea[data-v-111325bd] {
  width: 100%;
  height: 2px;
  background: #C4B5FD;
}
.denominador[data-v-111325bd] {
  font-size: 0.85rem;
  color: #93C5FD;
  padding-top: 2px;
}

/* Interpretación */
.interpretacion[data-v-111325bd] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.inter-titulo[data-v-111325bd] {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
}
.escala-visual[data-v-111325bd] {
  margin-bottom: 0.75rem;
}
.escala-barra[data-v-111325bd] {
  height: 16px;
  background: linear-gradient(to right, #EF4444, #FCD34D, #10B981);
  border-radius: 8px;
  position: relative;
}
.escala-fill[data-v-111325bd] {
  height: 100%;
  background: transparent;
}
.escala-marca[data-v-111325bd] {
  position: absolute;
  top: -5px;
  transform: translateX(-50%);
}
.marca-valor[data-v-111325bd] {
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
  white-space: nowrap;
}
.marca-label[data-v-111325bd] {
  display: block;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.65rem;
  color: #C4B5FD;
  white-space: nowrap;
}
.escala-labels[data-v-111325bd] {
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-size: 0.65rem;
  color: #C4B5FD;
}
.inter-rangos[data-v-111325bd] {
  display: flex;
  justify-content: space-around;
  margin-top: 0.75rem;
}
.rango[data-v-111325bd] {
  text-align: center;
  padding: 0.35rem 0.5rem;
  border-radius: 0.3rem;
}
.rango.bajo[data-v-111325bd] {
  background: rgba(239, 68, 68, 0.15);
}
.rango.medio[data-v-111325bd] {
  background: rgba(245, 158, 11, 0.15);
}
.rango.alto[data-v-111325bd] {
  background: rgba(16, 185, 129, 0.15);
}
.rango-pct[data-v-111325bd] {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
}
.rango.bajo .rango-pct[data-v-111325bd] { color: #FCA5A5;
}
.rango.medio .rango-pct[data-v-111325bd] { color: #FCD34D;
}
.rango.alto .rango-pct[data-v-111325bd] { color: #6EE7B7;
}
.rango-desc[data-v-111325bd] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-111325bd] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-111325bd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-box[data-v-111325bd] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-111325bd] {
  font-size: 0.9rem;
  color: #E9D5FF;
  text-align: center;
}
.problema-texto strong[data-v-111325bd] {
  color: #FCD34D;
}
.solucion[data-v-111325bd] {
  margin-bottom: 0.75rem;
}
.solucion-paso[data-v-111325bd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
  flex-wrap: wrap;
}
.paso-label[data-v-111325bd] {
  font-size: 0.8rem;
  color: #C4B5FD;
  min-width: 60px;
}
.paso-dato[data-v-111325bd] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.calculo-visual[data-v-111325bd] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  flex-wrap: wrap;
}
.cv-inicio[data-v-111325bd] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
}
.fraccion-mini[data-v-111325bd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.15rem 0.35rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.fraccion-mini .num[data-v-111325bd] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.fraccion-mini .lin[data-v-111325bd] {
  width: 100%;
  height: 1px;
  background: #C4B5FD;
  margin: 1px 0;
}
.fraccion-mini .den[data-v-111325bd] {
  font-size: 0.75rem;
  color: #93C5FD;
}
.cv-op[data-v-111325bd] {
  font-size: 0.85rem;
  color: #C4B5FD;
}
.cv-resultado[data-v-111325bd] {
  font-size: 1rem;
  font-weight: 700;
  color: #6EE7B7;
}
.respuesta-final[data-v-111325bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resp-icono[data-v-111325bd] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.resp-texto[data-v-111325bd] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.resp-texto strong[data-v-111325bd] {
  color: #6EE7B7;
}

/* Aplicación inversa */
.aplicacion-inversa[data-v-111325bd] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.ai-titulo[data-v-111325bd] {
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.ai-formula[data-v-111325bd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.ai-texto[data-v-111325bd] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ai-ejemplo[data-v-111325bd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
.ai-ejemplo strong[data-v-111325bd] {
  color: #6EE7B7;
}

/* Tip */
.tip[data-v-111325bd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-111325bd] {
  font-size: 1.25rem;
}
.tip-texto[data-v-111325bd] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-111325bd] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-111325bd] {
    font-size: 1.1rem;
}
.numerador[data-v-111325bd], .denominador[data-v-111325bd] {
    font-size: 0.95rem;
}
}

/* Pureza visual */
.pureza-visual[data-v-76f32c5e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.pv-titulo[data-v-76f32c5e] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.barra-pureza[data-v-76f32c5e] {
  display: flex;
  height: 32px;
  border-radius: 0.4rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.barra-puro[data-v-76f32c5e] {
  background: linear-gradient(135deg, #10B981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.8rem;
  font-weight: 600;
}
.barra-impuro[data-v-76f32c5e] {
  background: rgba(239, 68, 68, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FCA5A5;
  font-size: 0.7rem;
  font-weight: 600;
}
.pv-explicacion[data-v-76f32c5e] {
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.pv-explicacion strong[data-v-76f32c5e] {
  color: #6EE7B7;
}

/* Fórmulas */
.formula-section[data-v-76f32c5e] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-titulo[data-v-76f32c5e] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 0.95rem;
}
.formulas-grid[data-v-76f32c5e] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.formula-item[data-v-76f32c5e] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: center;
}
.fi-nombre[data-v-76f32c5e] {
  font-size: 0.8rem;
  color: #C4B5FD;
  margin-bottom: 0.35rem;
}
.fi-formula[data-v-76f32c5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.fi-text[data-v-76f32c5e] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fi-mult[data-v-76f32c5e] {
  font-size: 0.85rem;
  color: #FFFFFF;
}
.fraccion[data-v-76f32c5e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.15rem 0.4rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
}
.fraccion .num[data-v-76f32c5e] {
  font-size: 0.75rem;
  color: #6EE7B7;
}
.fraccion .lin[data-v-76f32c5e] {
  width: 100%;
  height: 1px;
  background: #C4B5FD;
  margin: 2px 0;
}
.fraccion .den[data-v-76f32c5e] {
  font-size: 0.75rem;
  color: #93C5FD;
}

/* Ejemplo completo */
.ejemplo-completo[data-v-76f32c5e] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.ejemplo-header[data-v-76f32c5e] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.problema-box[data-v-76f32c5e] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.problema-ecuacion[data-v-76f32c5e] {
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.problema-texto[data-v-76f32c5e] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.problema-texto strong[data-v-76f32c5e] {
  color: #FCD34D;
}

/* Pasos de solución */
.paso-solucion[data-v-76f32c5e] {
  margin-bottom: 0.6rem;
}
.paso-header[data-v-76f32c5e] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.3rem;
}
.paso-numero[data-v-76f32c5e] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.paso-titulo[data-v-76f32c5e] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.paso-contenido[data-v-76f32c5e] {
  padding-left: 1.5rem;
}
.calculo-visual[data-v-76f32c5e] {
  font-size: 0.8rem;
  color: #E9D5FF;
  padding: 0.3rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.calculo-visual .resultado[data-v-76f32c5e] {
  color: #6EE7B7;
}
.respuesta-final[data-v-76f32c5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
  margin-top: 0.75rem;
}
.resp-icono[data-v-76f32c5e] {
  font-size: 1.25rem;
  color: #6EE7B7;
}
.resp-texto[data-v-76f32c5e] {
  font-size: 0.95rem;
  color: #FFFFFF;
}
.resp-texto strong[data-v-76f32c5e] {
  color: #6EE7B7;
}

/* Combinación */
.combinacion-box[data-v-76f32c5e] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.comb-titulo[data-v-76f32c5e] {
  font-weight: 700;
  color: #FCA5A5;
  margin-bottom: 0.4rem;
  font-size: 0.95rem;
}
.comb-texto[data-v-76f32c5e] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.comb-texto strong[data-v-76f32c5e] {
  color: #FFFFFF;
}
.comb-formula[data-v-76f32c5e] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  justify-content: center;
}
.cf-texto[data-v-76f32c5e] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.cf-factor[data-v-76f32c5e] {
  font-size: 0.8rem;
  color: #FCD34D;
  font-weight: 600;
}

/* Tip */
.tip[data-v-76f32c5e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-76f32c5e] {
  font-size: 1.25rem;
}
.tip-texto[data-v-76f32c5e] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-76f32c5e] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formulas-grid[data-v-76f32c5e] {
    flex-direction: row;
}
.formula-item[data-v-76f32c5e] {
    flex: 1;
}
}

.explorador[data-v-b524d5a4] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-b524d5a4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-b524d5a4] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-b524d5a4] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-b524d5a4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-b524d5a4] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-b524d5a4] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-b524d5a4] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-b524d5a4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-b524d5a4] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* Problema container */
.problema-container[data-v-b524d5a4] {
  text-align: center;
}

/* Problema visual D1 */
.problema-visual[data-v-b524d5a4] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.dato-box[data-v-b524d5a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.dato-box.teorico[data-v-b524d5a4] {
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.4);
}
.dato-box.real[data-v-b524d5a4] {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
}
.db-label[data-v-b524d5a4] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.2rem;
}
.db-valor[data-v-b524d5a4] {
  font-size: 1.25rem;
  font-weight: 700;
}
.dato-box.teorico .db-valor[data-v-b524d5a4] {
  color: #93C5FD;
}
.dato-box.real .db-valor[data-v-b524d5a4] {
  color: #6EE7B7;
}

/* Problema visual D2 - Pureza */
.problema-visual-pureza[data-v-b524d5a4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.muestra-box[data-v-b524d5a4], .pureza-box[data-v-b524d5a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.muestra-box[data-v-b524d5a4] {
  background: rgba(139, 92, 246, 0.2);
}
.pureza-box[data-v-b524d5a4] {
  background: rgba(16, 185, 129, 0.2);
}
.mb-titulo[data-v-b524d5a4], .pb-titulo[data-v-b524d5a4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mb-valor[data-v-b524d5a4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #C4B5FD;
}
.pb-valor[data-v-b524d5a4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Barra de pureza mini */
.barra-pureza-mini[data-v-b524d5a4] {
  display: flex;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0.75rem;
  background: rgba(239, 68, 68, 0.3);
}
.barra-pureza-mini .barra-puro[data-v-b524d5a4] {
  background: linear-gradient(135deg, #10B981, #059669);
  transition: width 0.3s ease;
}

/* Problema completo D3 */
.problema-completo[data-v-b524d5a4] {
  background: rgba(0, 0, 0, 0.2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.pc-ecuacion[data-v-b524d5a4] {
  font-size: 1rem;
  font-weight: 600;
  color: #93C5FD;
  margin-bottom: 0.35rem;
}
.pc-texto[data-v-b524d5a4] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.datos-problema[data-v-b524d5a4] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.dp-item[data-v-b524d5a4] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.3rem 0.5rem;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 0.3rem;
  font-size: 0.8rem;
}
.dp-label[data-v-b524d5a4] {
  color: #C4B5FD;
}
.dp-valor[data-v-b524d5a4] {
  color: #FCD34D;
  font-weight: 600;
}

/* Pasos ayuda */
.pasos-ayuda[data-v-b524d5a4] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  text-align: left;
}
.pa-paso[data-v-b524d5a4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
}
.pa-num[data-v-b524d5a4] {
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.3);
  border-radius: 50%;
  font-size: 0.65rem;
  font-weight: 700;
  color: #93C5FD;
}
.pa-text[data-v-b524d5a4] {
  color: #E9D5FF;
}

/* Pregunta */
.pregunta[data-v-b524d5a4] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta strong[data-v-b524d5a4] {
  color: #FCD34D;
}

/* Ayuda fórmula */
.ayuda-formula[data-v-b524d5a4] {
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
}
.af-text[data-v-b524d5a4] {
  color: #E9D5FF;
}
.af-result[data-v-b524d5a4] {
  color: #6EE7B7;
  font-weight: 700;
}

/* Input respuesta */
.input-respuesta[data-v-b524d5a4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
}
.respuesta-input[data-v-b524d5a4] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid #3B82F6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.respuesta-input.correcto[data-v-b524d5a4] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.respuesta-input.incorrecto[data-v-b524d5a4] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.input-unidad[data-v-b524d5a4] {
  font-size: 0.9rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-b524d5a4] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-b524d5a4]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-b524d5a4] {
  margin-top: 0.5rem;
  padding: 0.4rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.3rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  font-family: monospace;
}
.contador[data-v-b524d5a4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-b524d5a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-b524d5a4] { font-size: 1.25rem;
}
.resultado-texto[data-v-b524d5a4] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-b524d5a4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-b524d5a4] { flex: 1;
}
.nav-btn[data-v-b524d5a4] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-b524d5a4] {
  background: #3B82F6;
  border-color: #1D4ED8;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-b524d5a4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-b524d5a4] { font-size: 1.75rem;
}
.completado-texto[data-v-b524d5a4] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-b524d5a4], .slide-leave-active[data-v-b524d5a4] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-b524d5a4] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-b524d5a4] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.problema-visual[data-v-b524d5a4] {
    gap: 2rem;
}
.db-valor[data-v-b524d5a4] {
    font-size: 1.4rem;
}
}

/* Sección general */
.resumen-section[data-v-47d8d14b] {
  margin-bottom: 1.5rem;
}
.rs-titulo[data-v-47d8d14b], .fr-titulo[data-v-47d8d14b], .alg-titulo[data-v-47d8d14b], .db-titulo[data-v-47d8d14b], .tp-titulo[data-v-47d8d14b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Conceptos grid */
.conceptos-grid[data-v-47d8d14b] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.concepto-card[data-v-47d8d14b] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  text-align: center;
}
.concepto-card.teorico[data-v-47d8d14b] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.concepto-card.real[data-v-47d8d14b] {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.concepto-card.pct[data-v-47d8d14b] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.concepto-card.pureza[data-v-47d8d14b] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.cc-icono[data-v-47d8d14b] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.cc-nombre[data-v-47d8d14b] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.concepto-card.teorico .cc-nombre[data-v-47d8d14b] { color: #93C5FD;
}
.concepto-card.real .cc-nombre[data-v-47d8d14b] { color: #6EE7B7;
}
.concepto-card.pct .cc-nombre[data-v-47d8d14b] { color: #FCD34D;
}
.concepto-card.pureza .cc-nombre[data-v-47d8d14b] { color: #C4B5FD;
}
.cc-desc[data-v-47d8d14b] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin-bottom: 0.1rem;
}
.cc-nota[data-v-47d8d14b] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Fórmulas resumen */
.formulas-resumen[data-v-47d8d14b] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-list[data-v-47d8d14b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.formula-row[data-v-47d8d14b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.formula-row.highlight[data-v-47d8d14b] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.fr-nombre[data-v-47d8d14b] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.fr-formula[data-v-47d8d14b] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-family: monospace;
  font-weight: 600;
}
.formula-row.highlight .fr-formula[data-v-47d8d14b] {
  color: #FCD34D;
}

/* Algoritmo */
.algoritmo-section[data-v-47d8d14b] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.pasos-algoritmo[data-v-47d8d14b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.paso-alg[data-v-47d8d14b] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  width: 100%;
}
.pa-num[data-v-47d8d14b] {
  min-width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
}
.pa-texto[data-v-47d8d14b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.pa-texto strong[data-v-47d8d14b] {
  color: #6EE7B7;
}
.paso-flecha[data-v-47d8d14b] {
  color: #10B981;
  font-size: 0.9rem;
}

/* Diferencia */
.diferencia-box[data-v-47d8d14b] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 0.5rem;
}
.diferencia-grid[data-v-47d8d14b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.dif-item[data-v-47d8d14b] {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.dif-item.pureza-d[data-v-47d8d14b] {
  background: rgba(139, 92, 246, 0.2);
}
.dif-item.rend-d[data-v-47d8d14b] {
  background: rgba(16, 185, 129, 0.2);
}
.di-nombre[data-v-47d8d14b] {
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.dif-item.pureza-d .di-nombre[data-v-47d8d14b] { color: #C4B5FD;
}
.dif-item.rend-d .di-nombre[data-v-47d8d14b] { color: #6EE7B7;
}
.di-cuando[data-v-47d8d14b] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.1rem;
}
.di-cuando strong[data-v-47d8d14b] {
  color: #FCD34D;
}
.di-desc[data-v-47d8d14b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.dif-vs[data-v-47d8d14b] {
  color: #FCA5A5;
  font-weight: 700;
  font-size: 0.9rem;
}

/* Tips PAES */
.tips-paes[data-v-47d8d14b] {
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
}
.tp-titulo[data-v-47d8d14b] {
  color: #FCD34D;
}
.tips-list[data-v-47d8d14b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.tip-item[data-v-47d8d14b] {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.35rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.ti-icono[data-v-47d8d14b] {
  color: #6EE7B7;
  font-weight: 700;
  font-size: 0.85rem;
}
.ti-texto[data-v-47d8d14b] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}

/* Mensaje final */
.mensaje-final[data-v-47d8d14b] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.mf-icono[data-v-47d8d14b] {
  font-size: 2rem;
}
.mf-texto[data-v-47d8d14b] {
  font-size: 0.95rem;
  color: #FFFFFF;
  line-height: 1.4;
}
.mf-texto strong[data-v-47d8d14b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.conceptos-grid[data-v-47d8d14b] {
    grid-template-columns: repeat(4, 1fr);
}
.cc-icono[data-v-47d8d14b] {
    font-size: 1.5rem;
}
.cc-nombre[data-v-47d8d14b] {
    font-size: 0.9rem;
}
}

/* Intro visual con animación */
.intro-visual[data-v-56e81705] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.disolucion-visual[data-v-56e81705] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.vaso[data-v-56e81705] {
  width: 120px;
  height: 100px;
  background: rgba(147, 197, 253, 0.2);
  border: 3px solid #93C5FD;
  border-top: none;
  border-radius: 0 0 15px 15px;
  position: relative;
  overflow: hidden;
}
.liquido[data-v-56e81705] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 75%;
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.5));
}
.particulas[data-v-56e81705] {
  position: absolute;
  inset: 0;
}
.particula[data-v-56e81705] {
  position: absolute;
  font-size: 0.6rem;
  color: #FCD34D;
  animation: flotar-56e81705 3s ease-in-out infinite;
}
.p1[data-v-56e81705] { top: 20%; left: 20%; animation-delay: 0s;
}
.p2[data-v-56e81705] { top: 40%; left: 60%; animation-delay: 0.5s;
}
.p3[data-v-56e81705] { top: 60%; left: 30%; animation-delay: 1s;
}
.p4[data-v-56e81705] { top: 30%; left: 70%; animation-delay: 1.5s;
}
@keyframes flotar-56e81705 {
0%, 100% { transform: translateY(0);
}
50% { transform: translateY(-8px);
}
}
.fondo-soluto[data-v-56e81705] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 8px;
  background: #FCD34D;
  border-radius: 50%;
  opacity: 0.7;
}
.labels[data-v-56e81705] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}
.label-soluto[data-v-56e81705], .label-solvente[data-v-56e81705] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.label-soluto[data-v-56e81705] {
  color: #FCD34D;
}

/* Texto destacado */
strong.destacado[data-v-56e81705] {
  color: #FCD34D;
}

/* Definición formal */
.definicion-box[data-v-56e81705] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-56e81705] {
  font-size: 1.5rem;
}
.def-contenido[data-v-56e81705] {
  flex: 1;
}
.def-titulo[data-v-56e81705] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
}
.def-formula[data-v-56e81705] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.fraccion[data-v-56e81705] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
}
.num[data-v-56e81705] {
  border-bottom: 1px solid #FFFFFF;
  padding: 0 0.25rem 0.15rem;
}
.denom[data-v-56e81705] {
  padding-top: 0.15rem;
  color: #C4B5FD;
  font-size: 0.75rem;
}
.def-nota[data-v-56e81705] {
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}

/* Estados de saturación */
.saturacion-section[data-v-56e81705] {
  margin: 1.5rem 0;
}
.saturacion-titulo[data-v-56e81705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.estados-grid[data-v-56e81705] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.estado[data-v-56e81705] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid;
}
.estado.insaturada[data-v-56e81705] {
  border-color: rgba(59, 130, 246, 0.4);
}
.estado.saturada[data-v-56e81705] {
  border-color: rgba(245, 158, 11, 0.4);
}
.estado.sobresaturada[data-v-56e81705] {
  border-color: rgba(239, 68, 68, 0.4);
}
.estado-icono[data-v-56e81705] {
  font-size: 1.25rem;
}
.estado-nombre[data-v-56e81705] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
  min-width: 90px;
}
.estado-desc[data-v-56e81705] {
  font-size: 0.8rem;
  color: #C4B5FD;
  font-family: monospace;
}
.estado-ejemplo[data-v-56e81705] {
  display: none;
}

/* Ejemplos de solubilidad */
.ejemplos-section[data-v-56e81705] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-56e81705] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tabla-solubilidades[data-v-56e81705] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.fila-solubilidad[data-v-56e81705] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.sustancia[data-v-56e81705] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.valor[data-v-56e81705] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  font-family: monospace;
}

/* Tip PAES */
.tip-paes[data-v-56e81705] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-56e81705] {
  font-size: 1.25rem;
}
.tip-texto[data-v-56e81705] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-56e81705] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.estados-grid[data-v-56e81705] {
    flex-direction: row;
    flex-wrap: wrap;
}
.estado[data-v-56e81705] {
    flex: 1;
    min-width: 140px;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}
.estado-nombre[data-v-56e81705] {
    min-width: auto;
    margin-bottom: 0.25rem;
}
.estado-ejemplo[data-v-56e81705] {
    display: block;
    font-size: 0.7rem;
    color: #9CA3AF;
    margin-top: 0.25rem;
}
.tabla-solubilidades[data-v-56e81705] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/* Header de factores */
.factores-header[data-v-6ad8ac88] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
  flex-wrap: wrap;
}
.factor-preview[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
}
.fp-icono[data-v-6ad8ac88] {
  font-size: 1.1rem;
}
.fp-nombre[data-v-6ad8ac88] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #E9D5FF;
}

/* Sección de factor */
.factor-section[data-v-6ad8ac88] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  border: 1px solid rgba(139, 92, 246, 0.2);
}
.factor-titulo[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.factor-num[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #8B5CF6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
}

/* Reglas de temperatura */
.reglas-grid[data-v-6ad8ac88] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.regla[data-v-6ad8ac88] {
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
.regla.solidos[data-v-6ad8ac88] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.3);
}
.regla.gases[data-v-6ad8ac88] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.regla-header[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.regla-icono[data-v-6ad8ac88] {
  font-size: 1.1rem;
}
.regla-tipo[data-v-6ad8ac88] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.regla-efecto[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.flecha-temp[data-v-6ad8ac88], .flecha-p[data-v-6ad8ac88] {
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #E9D5FF;
}
.flecha[data-v-6ad8ac88] {
  color: #8B5CF6;
  font-weight: 700;
}
.resultado[data-v-6ad8ac88] {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  font-weight: 700;
}
.resultado.aumento[data-v-6ad8ac88] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.resultado.disminucion[data-v-6ad8ac88] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.regla-ejemplo[data-v-6ad8ac88] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Curva de solubilidad */
.curva-section[data-v-6ad8ac88] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.curva-titulo[data-v-6ad8ac88] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.curva-visual[data-v-6ad8ac88] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.curva-grafico[data-v-6ad8ac88] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eje-y[data-v-6ad8ac88] {
  align-self: flex-start;
  margin-bottom: 0.25rem;
}
.eje-label[data-v-6ad8ac88] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.area-grafico[data-v-6ad8ac88] {
  width: 100%;
  max-width: 250px;
}
.svg-curvas[data-v-6ad8ac88] {
  width: 100%;
  height: auto;
}
.eje-x[data-v-6ad8ac88] {
  margin-top: 0.25rem;
}
.curva-leyenda[data-v-6ad8ac88] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.ley-item[data-v-6ad8ac88] {
  font-size: 0.75rem;
  font-weight: 600;
}
.ley-item.solido[data-v-6ad8ac88] {
  color: #FCD34D;
}
.ley-item.gas[data-v-6ad8ac88] {
  color: #93C5FD;
}

/* Presión */
.presion-box[data-v-6ad8ac88] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ley-henry[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.ley-nombre[data-v-6ad8ac88] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
}
.ley-formula[data-v-6ad8ac88] {
  padding: 0.2rem 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.presion-regla[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.presion-ejemplo[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ej-icono[data-v-6ad8ac88] {
  font-size: 1.1rem;
}
.nota-solidos[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.35rem;
}
.nota-icono[data-v-6ad8ac88] {
  font-size: 1rem;
}
.nota-texto[data-v-6ad8ac88] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.nota-texto strong[data-v-6ad8ac88] {
  color: #FCD34D;
}

/* Polaridad */
.polaridad-box[data-v-6ad8ac88] {
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.regla-polaridad[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
  justify-content: center;
}
.emoji-regla[data-v-6ad8ac88] {
  font-size: 1.25rem;
}
.texto-regla[data-v-6ad8ac88] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.texto-regla strong[data-v-6ad8ac88] {
  color: #FCD34D;
}
.polaridad-grid[data-v-6ad8ac88] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.pol-ejemplo[data-v-6ad8ac88] {
  border-radius: 0.35rem;
  overflow: hidden;
}
.pol-header[data-v-6ad8ac88] {
  padding: 0.35rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 600;
}
.pol-header.polar[data-v-6ad8ac88] {
  background: rgba(16, 185, 129, 0.2);
  color: #6EE7B7;
}
.pol-header.apolar[data-v-6ad8ac88] {
  background: rgba(139, 92, 246, 0.2);
  color: #C4B5FD;
}
.pol-casos[data-v-6ad8ac88] {
  display: flex;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  flex-wrap: wrap;
}
.pol-casos span[data-v-6ad8ac88] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.no-mezcla[data-v-6ad8ac88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.35rem;
}
.no-icono[data-v-6ad8ac88] {
  color: #FCA5A5;
  font-weight: 700;
}
.no-texto[data-v-6ad8ac88] {
  font-size: 0.8rem;
  color: #FCA5A5;
}

/* Tip PAES */
.tip-paes[data-v-6ad8ac88] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6ad8ac88] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6ad8ac88] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6ad8ac88] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.reglas-grid[data-v-6ad8ac88] {
    flex-direction: row;
}
.regla[data-v-6ad8ac88] {
    flex: 1;
}
.polaridad-grid[data-v-6ad8ac88] {
    flex-direction: row;
}
.pol-ejemplo[data-v-6ad8ac88] {
    flex: 1;
}
}

.explorador[data-v-a4a8d9aa] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a4a8d9aa] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a4a8d9aa] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-a4a8d9aa] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-a4a8d9aa] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a4a8d9aa] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a4a8d9aa] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a4a8d9aa] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a4a8d9aa] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a4a8d9aa] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Curva de solubilidad ===== */
.curva-container[data-v-a4a8d9aa] {
  text-align: center;
}
.curva-grafico-interactivo[data-v-a4a8d9aa] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.svg-curva[data-v-a4a8d9aa] {
  width: 100%;
  max-width: 300px;
  height: auto;
}
.pregunta-curva[data-v-a4a8d9aa] {
  margin-bottom: 0.75rem;
}
.preg-texto[data-v-a4a8d9aa] {
  font-size: 0.9rem;
  color: #E9D5FF;
}
.preg-texto strong[data-v-a4a8d9aa] {
  color: #FCD34D;
}
.opciones-curva[data-v-a4a8d9aa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-opcion[data-v-a4a8d9aa] {
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-a4a8d9aa]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.3);
}
.btn-opcion.seleccionado[data-v-a4a8d9aa] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-opcion.correcto[data-v-a4a8d9aa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.btn-opcion.incorrecto[data-v-a4a8d9aa] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* ===== DESAFÍO 2: Predicción ===== */
.prediccion-container[data-v-a4a8d9aa] {
  text-align: center;
}
.escenario-box[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.escenario-icono[data-v-a4a8d9aa] {
  font-size: 2rem;
}
.escenario-info[data-v-a4a8d9aa] {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.escenario-tipo[data-v-a4a8d9aa] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.escenario-desc[data-v-a4a8d9aa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.cambio-box[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.cambio-label[data-v-a4a8d9aa] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.cambio-valor[data-v-a4a8d9aa] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-prediccion[data-v-a4a8d9aa] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-prediccion strong[data-v-a4a8d9aa] {
  color: #93C5FD;
}
.opciones-prediccion[data-v-a4a8d9aa] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.btn-prediccion[data-v-a4a8d9aa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  min-width: 80px;
}
.btn-prediccion.seleccionado[data-v-a4a8d9aa] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-prediccion.correcto[data-v-a4a8d9aa] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-prediccion.incorrecto[data-v-a4a8d9aa] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.pred-flecha[data-v-a4a8d9aa] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #E9D5FF;
}
.pred-texto[data-v-a4a8d9aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.feedback-error[data-v-a4a8d9aa] {
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
  margin-top: 0.5rem;
}

/* ===== DESAFÍO 3: Cálculo ===== */
.calculo-container[data-v-a4a8d9aa] {
  text-align: center;
}
.problema-box[data-v-a4a8d9aa] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.problema-icono[data-v-a4a8d9aa] {
  font-size: 1.5rem;
}
.problema-texto[data-v-a4a8d9aa] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.problema-texto strong[data-v-a4a8d9aa] {
  color: #FCD34D;
}
.pregunta-calculo[data-v-a4a8d9aa] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 1rem;
}
.pregunta-calculo strong[data-v-a4a8d9aa] {
  color: #93C5FD;
}
.input-respuesta[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.input-calculo[data-v-a4a8d9aa] {
  width: 100px;
  padding: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-calculo.correcto[data-v-a4a8d9aa] {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.2);
}
.input-calculo.incorrecto[data-v-a4a8d9aa] {
  border-color: #EF4444;
  background: rgba(239, 68, 68, 0.2);
}
.unidad[data-v-a4a8d9aa] {
  font-size: 1rem;
  color: #C4B5FD;
}
.btn-verificar[data-v-a4a8d9aa] {
  padding: 0.6rem 0.9rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-a4a8d9aa]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feedback-calculo[data-v-a4a8d9aa] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
.calculo-paso[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
.calculo-paso[data-v-a4a8d9aa]:last-child {
  margin-bottom: 0;
}
.paso-label[data-v-a4a8d9aa] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.paso-formula[data-v-a4a8d9aa] {
  font-size: 0.85rem;
  color: #E9D5FF;
  font-family: monospace;
}
.paso-formula strong[data-v-a4a8d9aa] {
  color: #6EE7B7;
}

/* Contador y resultados */
.contador[data-v-a4a8d9aa] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a4a8d9aa] { font-size: 1.25rem;
}
.resultado-texto[data-v-a4a8d9aa] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-a4a8d9aa] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-a4a8d9aa] { flex: 1;
}
.nav-btn[data-v-a4a8d9aa] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a4a8d9aa] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a4a8d9aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a4a8d9aa] { font-size: 1.75rem;
}
.completado-texto[data-v-a4a8d9aa] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a4a8d9aa], .slide-leave-active[data-v-a4a8d9aa] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a4a8d9aa] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a4a8d9aa] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-curva[data-v-a4a8d9aa] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Header */
.resumen-header[data-v-ee0cc277] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  border-radius: 0.5rem;
}
.header-icono[data-v-ee0cc277] {
  font-size: 1.5rem;
}
.header-texto[data-v-ee0cc277] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Concepto principal */
.concepto-principal[data-v-ee0cc277] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.concepto-titulo[data-v-ee0cc277] {
  font-size: 1rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.concepto-def[data-v-ee0cc277] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.5;
}
.concepto-def strong[data-v-ee0cc277] {
  color: #FFFFFF;
}
.concepto-def strong.temp[data-v-ee0cc277] {
  color: #FCD34D;
}

/* Secciones de resumen */
.seccion-resumen[data-v-ee0cc277] {
  margin-bottom: 1.25rem;
}
.seccion-titulo[data-v-ee0cc277] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}

/* Estados mini */
.estados-mini[data-v-ee0cc277] {
  display: flex;
  justify-content: space-around;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.estado-mini[data-v-ee0cc277] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.est-icono[data-v-ee0cc277] {
  font-size: 1.25rem;
}
.est-nombre[data-v-ee0cc277] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
}
.est-rel[data-v-ee0cc277] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}

/* Tabla de factores */
.factores-tabla[data-v-ee0cc277] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.factor-fila[data-v-ee0cc277] {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.factor-fila.header[data-v-ee0cc277] {
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  font-size: 0.75rem;
  color: #C4B5FD;
}
.factor-fila[data-v-ee0cc277]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.8rem;
}
.col-factor[data-v-ee0cc277] {
  color: #E9D5FF;
}
.col-solido[data-v-ee0cc277], .col-gas[data-v-ee0cc277] {
  text-align: center;
  font-weight: 600;
}
.aumento[data-v-ee0cc277] {
  color: #6EE7B7;
}
.disminucion[data-v-ee0cc277] {
  color: #FCA5A5;
}
.neutral[data-v-ee0cc277] {
  color: #9CA3AF;
  font-size: 0.7rem;
}

/* Regla de polaridad */
.regla-box[data-v-ee0cc277] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}
.regla-icono[data-v-ee0cc277] {
  font-size: 1.5rem;
}
.regla-contenido[data-v-ee0cc277] {
  flex: 1;
}
.regla-titulo[data-v-ee0cc277] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.regla-texto[data-v-ee0cc277] {
  display: block;
  font-size: 0.85rem;
  color: #E9D5FF;
  font-style: italic;
  margin-bottom: 0.5rem;
}
.regla-ejemplos[data-v-ee0cc277] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ej-ok[data-v-ee0cc277] {
  font-size: 0.7rem;
  color: #6EE7B7;
  padding: 0.15rem 0.4rem;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 0.25rem;
}
.ej-no[data-v-ee0cc277] {
  font-size: 0.7rem;
  color: #FCA5A5;
  padding: 0.15rem 0.4rem;
  background: rgba(239, 68, 68, 0.2);
  border-radius: 0.25rem;
}

/* Curvas info */
.curvas-info[data-v-ee0cc277] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.curva-tip[data-v-ee0cc277] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tip-color[data-v-ee0cc277] {
  font-size: 0.8rem;
}
.tip-color.solido[data-v-ee0cc277] {
  color: #F59E0B;
}
.tip-color.gas[data-v-ee0cc277] {
  color: #3B82F6;
}
.tip-texto[data-v-ee0cc277] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tip-texto strong[data-v-ee0cc277] {
  color: #FFFFFF;
}

/* Fórmula */
.formula-box[data-v-ee0cc277] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
.formula-titulo[data-v-ee0cc277] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.5rem;
}
.formula-contenido[data-v-ee0cc277] {
  margin-bottom: 0.5rem;
}
.formula[data-v-ee0cc277] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
}
.fraccion[data-v-ee0cc277] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.85rem;
  vertical-align: middle;
  margin: 0 0.25rem;
}
.num[data-v-ee0cc277] {
  border-bottom: 1px solid #FFFFFF;
  padding: 0 0.2rem 0.1rem;
}
.denom[data-v-ee0cc277] {
  padding-top: 0.1rem;
}
.formula-ejemplo[data-v-ee0cc277] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.formula-ejemplo strong[data-v-ee0cc277] {
  color: #6EE7B7;
}

/* Tips PAES */
.tips-paes[data-v-ee0cc277] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}
.tips-titulo[data-v-ee0cc277] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.5rem;
}
.tips-lista[data-v-ee0cc277] {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: none;
}
.tips-lista li[data-v-ee0cc277] {
  position: relative;
  font-size: 0.8rem;
  color: #E9D5FF;
  margin-bottom: 0.35rem;
  line-height: 1.4;
}
.tips-lista li[data-v-ee0cc277]::before {
  content: "✓";
  position: absolute;
  left: -1.1rem;
  color: #6EE7B7;
  font-weight: 700;
}
.tips-lista li strong[data-v-ee0cc277] {
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-ee0cc277] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-ee0cc277] {
  font-size: 1.75rem;
}
.final-texto[data-v-ee0cc277] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Desktop */
@media (min-width: 640px) {
.estados-mini[data-v-ee0cc277] {
    gap: 1rem;
}
.est-nombre[data-v-ee0cc277] {
    font-size: 0.8rem;
}
.curvas-info[data-v-ee0cc277] {
    flex-direction: row;
    justify-content: space-around;
}
}

/* Intro visual - Buffer demo */
.intro-visual[data-v-cda9a506] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.buffer-demo[data-v-cda9a506] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.beaker[data-v-cda9a506] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 2px solid;
  min-width: 100px;
}
.beaker.agua[data-v-cda9a506] {
  background: rgba(147, 197, 253, 0.1);
  border-color: rgba(147, 197, 253, 0.4);
}
.beaker.buffer[data-v-cda9a506] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.beaker-label[data-v-cda9a506] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.ph-badge[data-v-cda9a506] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.25rem 0.5rem;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.cambio[data-v-cda9a506] {
  font-size: 0.7rem;
  color: #FCA5A5;
}
.cambio.estable[data-v-cda9a506] {
  color: #6EE7B7;
}
.vs-text[data-v-cda9a506] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
}

/* Texto destacado */
strong.estable[data-v-cda9a506] {
  color: #6EE7B7;
}

/* Sección con título */
.section-titulo[data-v-cda9a506] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Tipos de buffer */
.composicion-section[data-v-cda9a506] {
  margin: 1.5rem 0;
}
.tipos-buffer[data-v-cda9a506] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.tipo-card[data-v-cda9a506] {
  padding: 0.6rem;
  border-radius: 0.5rem;
  border: 2px solid;
  text-align: center;
}
.tipo-card.acido[data-v-cda9a506] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
}
.tipo-card.basico[data-v-cda9a506] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
}
.tipo-titulo[data-v-cda9a506] {
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
}
.tipo-card.acido .tipo-titulo[data-v-cda9a506] { color: #FCA5A5;
}
.tipo-card.basico .tipo-titulo[data-v-cda9a506] { color: #93C5FD;
}
.tipo-componentes[data-v-cda9a506] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  margin-bottom: 0.3rem;
}
.componente[data-v-cda9a506] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.mas[data-v-cda9a506] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.tipo-ejemplo[data-v-cda9a506] {
  font-size: 0.65rem;
  color: #C4B5FD;
  font-family: monospace;
  margin-bottom: 0.25rem;
}
.tipo-ph[data-v-cda9a506] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #FCD34D;
}

/* Mecanismo */
.mecanismo-section[data-v-cda9a506] {
  margin: 1.5rem 0;
}
.mecanismo-card[data-v-cda9a506] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.paso-mecanismo[data-v-cda9a506] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.paso-mecanismo[data-v-cda9a506]:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.paso-num[data-v-cda9a506] {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
}
.paso-num.acido[data-v-cda9a506] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.paso-num.basico[data-v-cda9a506] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.paso-texto[data-v-cda9a506] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.paso-reaccion[data-v-cda9a506] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #FCD34D;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
}
.resultado-box[data-v-cda9a506] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
}
.resultado-icono[data-v-cda9a506] {
  font-size: 1.25rem;
}
.resultado-texto[data-v-cda9a506] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.resultado-texto strong[data-v-cda9a506] {
  color: #6EE7B7;
}

/* Ejemplo */
.ejemplo-section[data-v-cda9a506] {
  margin: 1.5rem 0;
}
.ejemplo-card[data-v-cda9a506] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.equilibrio[data-v-cda9a506] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
}
.equilibrio-explicacion[data-v-cda9a506] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.eq-item[data-v-cda9a506] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.eq-simbolo[data-v-cda9a506] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.eq-simbolo.acido[data-v-cda9a506] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.eq-simbolo.basico[data-v-cda9a506] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.eq-nombre[data-v-cda9a506] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Capacidad */
.capacidad-card[data-v-cda9a506] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.capacidad-icono[data-v-cda9a506] {
  font-size: 1.5rem;
}
.capacidad-contenido[data-v-cda9a506] {
  flex: 1;
}
.capacidad-titulo[data-v-cda9a506] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.capacidad-texto[data-v-cda9a506] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.capacidad-texto strong[data-v-cda9a506] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-cda9a506] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cda9a506] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cda9a506] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cda9a506] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.buffer-demo[data-v-cda9a506] {
    gap: 1.5rem;
}
.beaker[data-v-cda9a506] {
    min-width: 140px;
    padding: 1rem;
}
.beaker-label[data-v-cda9a506] {
    font-size: 0.85rem;
}
.ph-badge[data-v-cda9a506] {
    font-size: 1.3rem;
}
.cambio[data-v-cda9a506] {
    font-size: 0.8rem;
}
.tipos-buffer[data-v-cda9a506] {
    gap: 0.75rem;
}
.tipo-card[data-v-cda9a506] {
    padding: 0.75rem;
}
.tipo-titulo[data-v-cda9a506] {
    font-size: 0.95rem;
}
.tipo-componentes[data-v-cda9a506] {
    flex-direction: row;
    gap: 0.3rem;
}
.componente[data-v-cda9a506] {
    font-size: 0.8rem;
}
.tipo-ejemplo[data-v-cda9a506] {
    font-size: 0.75rem;
}
.equilibrio[data-v-cda9a506] {
    font-size: 1.3rem;
}
.equilibrio-explicacion[data-v-cda9a506] {
    flex-direction: row;
    justify-content: center;
    gap: 1.5rem;
}
}

/* Ecuación principal */
.ecuacion-principal[data-v-5151b08b] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.15);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.75rem;
}
.ecuacion-titulo[data-v-5151b08b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
}
.ecuacion-box[data-v-5151b08b] {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.formula-grande[data-v-5151b08b] {
  font-family: monospace;
  font-size: 1.3rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.ecuacion-leyenda[data-v-5151b08b] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.8rem;
}
.leyenda-item[data-v-5151b08b] {
  color: #E9D5FF;
}
.leyenda-item strong.amarillo[data-v-5151b08b] { color: #FCD34D;
}
.leyenda-item strong.basico[data-v-5151b08b] { color: #93C5FD;
}
.leyenda-item strong.acido[data-v-5151b08b] { color: #FCA5A5;
}

/* Secciones con título */
.section-titulo[data-v-5151b08b] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Casos especiales */
.casos-section[data-v-5151b08b] {
  margin: 1.5rem 0;
}
.casos-grid[data-v-5151b08b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.caso-card[data-v-5151b08b] {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.caso-condicion[data-v-5151b08b] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.3rem;
  padding: 0.2rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
}
.caso-resultado[data-v-5151b08b] {
  font-size: 0.75rem;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.caso-resultado strong[data-v-5151b08b] {
  color: #FCD34D;
}
.caso-nota[data-v-5151b08b] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Ejemplo */
.ejemplo-section[data-v-5151b08b] {
  margin: 1.5rem 0;
}
.ejemplo-problema[data-v-5151b08b] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.problema-texto[data-v-5151b08b] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.problema-texto strong[data-v-5151b08b] {
  color: #FFFFFF;
}
.ejemplo-solucion[data-v-5151b08b] {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.paso-solucion[data-v-5151b08b] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.paso-solucion[data-v-5151b08b]:last-of-type {
  border-bottom: none;
}
.paso-label[data-v-5151b08b] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.15rem;
}
.paso-calculo[data-v-5151b08b] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.paso-resultado[data-v-5151b08b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.4rem;
}
.resultado-icono[data-v-5151b08b] {
  font-size: 1rem;
  color: #6EE7B7;
}
.resultado-valor[data-v-5151b08b] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Variante básica */
.variante-card[data-v-5151b08b] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.variante-titulo[data-v-5151b08b] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
}
.variante-ecuacion[data-v-5151b08b] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.5rem;
}
.variante-nota[data-v-5151b08b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Rango efectivo */
.rango-card[data-v-5151b08b] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.rango-icono[data-v-5151b08b] {
  font-size: 1.5rem;
}
.rango-contenido[data-v-5151b08b] {
  flex: 1;
}
.rango-titulo[data-v-5151b08b] {
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.rango-formula[data-v-5151b08b] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
}
.rango-texto[data-v-5151b08b] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.rango-texto strong[data-v-5151b08b] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-5151b08b] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-5151b08b] {
  font-size: 1.25rem;
}
.tip-texto[data-v-5151b08b] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-5151b08b] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula-grande[data-v-5151b08b] {
    font-size: 1.6rem;
}
.ecuacion-leyenda[data-v-5151b08b] {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.casos-grid[data-v-5151b08b] {
    gap: 0.75rem;
}
.caso-card[data-v-5151b08b] {
    padding: 0.75rem;
}
.caso-condicion[data-v-5151b08b] {
    font-size: 0.8rem;
}
.caso-resultado[data-v-5151b08b] {
    font-size: 0.85rem;
}
.paso-solucion[data-v-5151b08b] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}
.paso-label[data-v-5151b08b] {
    min-width: 140px;
    margin-bottom: 0;
}
}

.explorador[data-v-7e310446] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-7e310446] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-7e310446] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-7e310446] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-7e310446] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-7e310446] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-7e310446] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-7e310446] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-7e310446] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-7e310446] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-7e310446] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Identificar Buffers ===== */
.identificar-container[data-v-7e310446] {
  text-align: center;
}
.identificar-pregunta[data-v-7e310446] {
  font-size: 0.9rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.mezcla-actual[data-v-7e310446] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.mezcla-formula[data-v-7e310446] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FCD34D;
}
.opciones-buffer[data-v-7e310446] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.btn-buffer[data-v-7e310446] {
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  border: 2px solid;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-buffer.si[data-v-7e310446] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6EE7B7;
}
.btn-buffer.no[data-v-7e310446] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #FCA5A5;
}
.btn-buffer.seleccionado[data-v-7e310446] {
  transform: scale(1.05);
}
.btn-buffer.correcto[data-v-7e310446] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
}
.btn-buffer.incorrecto[data-v-7e310446] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
  color: #FFFFFF !important;
}

/* ===== DESAFÍO 2: Calcular pH ===== */
.calculo-container[data-v-7e310446] {
  text-align: center;
}
.formula-recordatorio[data-v-7e310446] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #C4B5FD;
  padding: 0.4rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
  display: inline-block;
}
.datos-problema[data-v-7e310446] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}
.dato[data-v-7e310446] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  min-width: 70px;
}
.dato-label[data-v-7e310446] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.dato-valor[data-v-7e310446] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.calculo-ayuda[data-v-7e310446] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.4rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
  margin-bottom: 0.75rem;
}
.ayuda-icono[data-v-7e310446] {
  font-size: 1rem;
}
.ayuda-texto[data-v-7e310446] {
  font-size: 0.8rem;
  color: #6EE7B7;
  font-weight: 600;
}
.calculo-input[data-v-7e310446] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.input-label[data-v-7e310446] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-ph[data-v-7e310446] {
  width: 80px;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-ph.correcto[data-v-7e310446] { border-color: #10B981; background: rgba(16, 185, 129, 0.2);
}
.input-ph.incorrecto[data-v-7e310446] { border-color: #EF4444; background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-7e310446] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-7e310446]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-7e310446] {
  text-align: center;
}
.simulador-intro[data-v-7e310446] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.buffer-visual[data-v-7e310446] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}
.ph-display[data-v-7e310446] {
  margin-bottom: 0.5rem;
}
.ph-label[data-v-7e310446] {
  display: block;
  font-size: 0.75rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.ph-valor[data-v-7e310446] {
  font-size: 2rem;
  font-weight: 800;
}
.ph-valor.acido[data-v-7e310446] { color: #FCA5A5;
}
.ph-valor.neutro[data-v-7e310446] { color: #6EE7B7;
}
.ph-valor.basico[data-v-7e310446] { color: #93C5FD;
}
.ph-barra[data-v-7e310446] {
  position: relative;
  margin-bottom: 0.75rem;
}
.ph-escala[data-v-7e310446] {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(to right, 
    #EF4444 0%, 
    #F97316 14%, 
    #EAB308 28%, 
    #22C55E 50%, 
    #14B8A6 64%, 
    #0EA5E9 78%, 
    #8B5CF6 100%
  );
  border-radius: 4px;
  padding: 2px;
}
.ph-marca[data-v-7e310446] {
  font-size: 0.55rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  min-width: 14px;
  text-align: center;
}
.ph-indicador[data-v-7e310446] {
  position: absolute;
  top: -4px;
  width: 4px;
  height: calc(100% + 8px);
  background: white;
  border-radius: 2px;
  transform: translateX(-50%);
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
  transition: left 0.3s ease;
}
.controles-simulador[data-v-7e310446] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-accion[data-v-7e310446] {
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  border: 2px solid;
  border-radius: 0.4rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-accion.acido[data-v-7e310446] {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
}
.btn-accion.basico[data-v-7e310446] {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.btn-reset[data-v-7e310446] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1rem;
}
.estado-buffer[data-v-7e310446] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.componente-estado[data-v-7e310446] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.comp-label[data-v-7e310446] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 35px;
}
.comp-label.acido[data-v-7e310446] { color: #FCA5A5;
}
.comp-label.basico[data-v-7e310446] { color: #93C5FD;
}
.comp-barra-container[data-v-7e310446] {
  flex: 1;
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
}
.comp-barra[data-v-7e310446] {
  height: 100%;
  transition: width 0.3s ease;
  border-radius: 6px;
}
.comp-barra.acido[data-v-7e310446] { background: #FCA5A5;
}
.comp-barra.basico[data-v-7e310446] { background: #93C5FD;
}
.comp-valor[data-v-7e310446] {
  font-family: monospace;
  font-size: 0.7rem;
  color: #C4B5FD;
  min-width: 50px;
  text-align: right;
}
.pregunta-simulador[data-v-7e310446] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
}
.pregunta-texto[data-v-7e310446] {
  display: block;
  font-size: 0.85rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.opciones-simulador[data-v-7e310446] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.btn-opcion[data-v-7e310446] {
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-opcion[data-v-7e310446]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-opcion.seleccionado[data-v-7e310446] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-opcion.correcto[data-v-7e310446] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-opcion.incorrecto[data-v-7e310446] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* Elementos compartidos */
.feedback-error[data-v-7e310446] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-7e310446] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-7e310446] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-7e310446] { font-size: 1.25rem;
}
.resultado-texto[data-v-7e310446] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-7e310446] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-7e310446] { flex: 1;
}
.nav-btn[data-v-7e310446] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-7e310446] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-7e310446] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-7e310446] { font-size: 1.75rem;
}
.completado-texto[data-v-7e310446] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-7e310446], .slide-leave-active[data-v-7e310446] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-7e310446] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-7e310446] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.mezcla-formula[data-v-7e310446] {
    font-size: 1.5rem;
}
.opciones-buffer[data-v-7e310446] {
    gap: 1rem;
}
.btn-buffer[data-v-7e310446] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}
.datos-problema[data-v-7e310446] {
    gap: 1rem;
}
.dato[data-v-7e310446] {
    min-width: 90px;
    padding: 0.75rem;
}
.opciones-simulador[data-v-7e310446] {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.btn-opcion[data-v-7e310446] {
    min-width: 120px;
}
}

/* Resumen header */
.resumen-header[data-v-ae3998cd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-ae3998cd] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-ae3998cd] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Puntos clave */
.punto-clave[data-v-ae3998cd] {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  border-left: 3px solid #8B5CF6;
}
.punto-num[data-v-ae3998cd] {
  width: 28px;
  height: 28px;
  min-width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}
.punto-contenido[data-v-ae3998cd] {
  flex: 1;
}
.punto-titulo[data-v-ae3998cd] {
  display: block;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}
.punto-texto[data-v-ae3998cd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
strong.estable[data-v-ae3998cd] {
  color: #6EE7B7;
}

/* Composición grid */
.composicion-grid[data-v-ae3998cd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.comp-item[data-v-ae3998cd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 0.4rem;
  border: 1px solid;
  text-align: center;
}
.comp-item.acido[data-v-ae3998cd] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.comp-item.basico[data-v-ae3998cd] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.comp-tipo[data-v-ae3998cd] {
  font-size: 0.7rem;
  font-weight: 600;
}
.comp-item.acido .comp-tipo[data-v-ae3998cd] { color: #FCA5A5;
}
.comp-item.basico .comp-tipo[data-v-ae3998cd] { color: #93C5FD;
}
.comp-formula[data-v-ae3998cd] {
  font-size: 0.65rem;
  color: #E9D5FF;
}
.comp-ejemplo[data-v-ae3998cd] {
  font-family: monospace;
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Fórmula destacada */
.formula-destacada[data-v-ae3998cd] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.4rem;
  text-align: center;
  margin: 0.5rem 0;
}
.caso-especial[data-v-ae3998cd] {
  font-size: 0.8rem;
  color: #E9D5FF;
  text-align: center;
}
strong.amarillo[data-v-ae3998cd] {
  color: #FCD34D;
}

/* Mecanismo mini */
.mecanismo-mini[data-v-ae3998cd] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
.mec-item[data-v-ae3998cd] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mec-agregar[data-v-ae3998cd] {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.mec-agregar.acido[data-v-ae3998cd] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.mec-agregar.basico[data-v-ae3998cd] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.mec-reaccion[data-v-ae3998cd] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Sección con título */
.section-titulo[data-v-ae3998cd] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Aplicaciones */
.aplicaciones-section[data-v-ae3998cd] {
  margin: 1.5rem 0;
}
.aplicaciones-grid[data-v-ae3998cd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.4rem;
}
.app-item[data-v-ae3998cd] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.app-icono[data-v-ae3998cd] {
  font-size: 1.25rem;
}
.app-texto[data-v-ae3998cd] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Tips PAES */
.tips-paes-section[data-v-ae3998cd] {
  margin: 1.5rem 0;
}
.tips-lista[data-v-ae3998cd] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-ae3998cd] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-left: 3px solid #10B981;
  border-radius: 0 0.4rem 0.4rem 0;
}
.tip-check[data-v-ae3998cd] {
  color: #6EE7B7;
  font-weight: 700;
}
.tip-texto[data-v-ae3998cd] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-ae3998cd] {
  color: #FCD34D;
}

/* Fórmulas clave */
.formulas-clave[data-v-ae3998cd] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin: 1.5rem 0;
}
.formula-card[data-v-ae3998cd] {
  padding: 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  text-align: center;
}
.formula-nombre[data-v-ae3998cd] {
  display: block;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.formula[data-v-ae3998cd] {
  font-family: monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: #FFFFFF;
}

/* Mensaje final */
.mensaje-final[data-v-ae3998cd] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.final-icono[data-v-ae3998cd] {
  font-size: 2rem;
}
.final-texto[data-v-ae3998cd] {
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.punto-clave[data-v-ae3998cd] {
    padding: 1rem;
}
.composicion-grid[data-v-ae3998cd] {
    gap: 0.75rem;
}
.comp-item[data-v-ae3998cd] {
    padding: 0.75rem;
}
.comp-tipo[data-v-ae3998cd] {
    font-size: 0.8rem;
}
.comp-formula[data-v-ae3998cd], .comp-ejemplo[data-v-ae3998cd] {
    font-size: 0.75rem;
}
.formula-destacada[data-v-ae3998cd] {
    font-size: 1.3rem;
}
.aplicaciones-grid[data-v-ae3998cd] {
    grid-template-columns: repeat(4, 1fr);
}
.formulas-clave[data-v-ae3998cd] {
    gap: 0.75rem;
}
.formula-card[data-v-ae3998cd] {
    padding: 0.75rem;
}
.formula[data-v-ae3998cd] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-2507a8be] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.acido-base-demo[data-v-2507a8be] {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
}
.lado-acido[data-v-2507a8be], .lado-base[data-v-2507a8be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 80px;
}
.lado-acido[data-v-2507a8be] {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.lado-base[data-v-2507a8be] {
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.label-tipo[data-v-2507a8be] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #E9D5FF;
  margin-bottom: 0.25rem;
}
.formula[data-v-2507a8be] {
  font-family: monospace;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ion[data-v-2507a8be] {
  font-family: monospace;
  font-size: 1rem;
  margin-top: 0.25rem;
}
.lado-acido .ion[data-v-2507a8be] { color: #FCA5A5;
}
.lado-base .ion[data-v-2507a8be] { color: #93C5FD;
}
.separador[data-v-2507a8be] {
  display: flex;
  align-items: center;
}
.flecha[data-v-2507a8be] {
  font-size: 1.5rem;
  color: #FCD34D;
}

/* Timeline */
.timeline-section[data-v-2507a8be] {
  margin: 1.5rem 0;
}
.section-titulo[data-v-2507a8be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.timeline[data-v-2507a8be] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.teoria-card[data-v-2507a8be] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid;
}
.teoria-card.arrhenius[data-v-2507a8be] { border-color: rgba(139, 92, 246, 0.5);
}
.teoria-card.bronsted[data-v-2507a8be] { border-color: rgba(245, 158, 11, 0.5);
}
.teoria-card.lewis[data-v-2507a8be] { border-color: rgba(16, 185, 129, 0.5);
}
.anio[data-v-2507a8be] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.nombre[data-v-2507a8be] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.desc[data-v-2507a8be] {
  font-size: 0.65rem;
  color: #E9D5FF;
}

/* Definición */
.definicion-section[data-v-2507a8be] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-2507a8be] {
  font-weight: 700;
  color: #8B5CF6;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-card[data-v-2507a8be] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.def-item[data-v-2507a8be] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.def-item.acido[data-v-2507a8be] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.def-item.base[data-v-2507a8be] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.def-icono[data-v-2507a8be] {
  font-size: 1.25rem;
}
.def-contenido[data-v-2507a8be] {
  display: flex;
  flex-direction: column;
}
.def-tipo[data-v-2507a8be] {
  font-size: 0.75rem;
  font-weight: 700;
}
.def-item.acido .def-tipo[data-v-2507a8be] { color: #FCA5A5;
}
.def-item.base .def-tipo[data-v-2507a8be] { color: #93C5FD;
}
.def-texto[data-v-2507a8be] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
strong.ion-h[data-v-2507a8be] { color: #FCA5A5;
}
strong.ion-oh[data-v-2507a8be] { color: #93C5FD;
}

/* Ejemplos */
.ejemplos-section[data-v-2507a8be] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-2507a8be] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-2507a8be] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-2507a8be] {
  padding: 0.5rem;
  border-radius: 0.4rem;
  text-align: center;
}
.ejemplo.acido[data-v-2507a8be] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
}
.ejemplo.base[data-v-2507a8be] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.ejemplo-formula[data-v-2507a8be] {
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.ejemplo-nombre[data-v-2507a8be] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Limitación */
.limitacion-card[data-v-2507a8be] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.limitacion-icono[data-v-2507a8be] {
  font-size: 1.25rem;
}
.limitacion-contenido[data-v-2507a8be] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.limitacion-titulo[data-v-2507a8be] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FCD34D;
}
.limitacion-texto[data-v-2507a8be] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.limitacion-texto strong[data-v-2507a8be] {
  color: #FCD34D;
}

/* Tip PAES */
.tip-paes[data-v-2507a8be] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-2507a8be] {
  font-size: 1.25rem;
}
.tip-texto[data-v-2507a8be] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-2507a8be] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.acido-base-demo[data-v-2507a8be] {
    gap: 1.5rem;
}
.lado-acido[data-v-2507a8be], .lado-base[data-v-2507a8be] {
    padding: 1rem;
    min-width: 100px;
}
.formula[data-v-2507a8be] {
    font-size: 1.5rem;
}
.ion[data-v-2507a8be] {
    font-size: 1.25rem;
}
.timeline[data-v-2507a8be] {
    gap: 0.75rem;
}
.teoria-card[data-v-2507a8be] {
    padding: 0.75rem 0.5rem;
}
.nombre[data-v-2507a8be] {
    font-size: 0.85rem;
}
}

/* Intro visual */
.intro-visual[data-v-662f32e1] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.transferencia-demo[data-v-662f32e1] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.molecula-origen[data-v-662f32e1], .molecula-destino[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.label-mol[data-v-662f32e1] {
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.mol-visual[data-v-662f32e1] {
  display: flex;
  gap: 0.2rem;
}
.atomo[data-v-662f32e1] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
}
.atomo.base-part[data-v-662f32e1] {
  background: rgba(139, 92, 246, 0.5);
  color: #E9D5FF;
}
.atomo.proton[data-v-662f32e1] {
  background: rgba(239, 68, 68, 0.5);
  color: #FCA5A5;
  font-size: 0.7rem;
}
.atomo.base-receptor[data-v-662f32e1] {
  background: rgba(59, 130, 246, 0.5);
  color: #93C5FD;
}
.flecha-transferencia[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5rem;
}
.flecha[data-v-662f32e1] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.proton-viajero[data-v-662f32e1] {
  font-size: 0.7rem;
  color: #FCA5A5;
  background: rgba(239, 68, 68, 0.3);
  padding: 0.1rem 0.3rem;
  border-radius: 0.25rem;
}
.resultado-transferencia[data-v-662f32e1] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(139, 92, 246, 0.3);
}

/* Destacado */
strong.destacado[data-v-662f32e1] {
  color: #FCD34D;
}
strong.dona[data-v-662f32e1] { color: #FCA5A5;
}
strong.acepta[data-v-662f32e1] { color: #93C5FD;
}

/* Definición */
.definicion-section[data-v-662f32e1] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-662f32e1] {
  font-weight: 700;
  color: #F59E0B;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-card[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.def-item[data-v-662f32e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.def-item.acido[data-v-662f32e1] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.def-item.base[data-v-662f32e1] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.def-icono[data-v-662f32e1] { font-size: 1.25rem;
}
.def-contenido[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
}
.def-tipo[data-v-662f32e1] {
  font-size: 0.75rem;
  font-weight: 700;
}
.def-item.acido .def-tipo[data-v-662f32e1] { color: #FCA5A5;
}
.def-item.base .def-tipo[data-v-662f32e1] { color: #93C5FD;
}
.def-texto[data-v-662f32e1] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Concepto card */
.concepto-card[data-v-662f32e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-662f32e1] { font-size: 1.5rem;
}
.concepto-contenido[data-v-662f32e1] { flex: 1;
}
.concepto-titulo[data-v-662f32e1] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-662f32e1] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-662f32e1] {
  color: #FFFFFF;
}

/* Ejemplo reacción */
.ejemplo-reaccion[data-v-662f32e1] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-662f32e1] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.reaccion-visual[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
}
.lado-reactivos[data-v-662f32e1], .lado-productos[data-v-662f32e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.reactivo[data-v-662f32e1], .producto[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
}
.formula-mol[data-v-662f32e1] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
}
.acido-color[data-v-662f32e1] { color: #FCA5A5;
}
.base-color[data-v-662f32e1] { color: #93C5FD;
}
.base-conj-color[data-v-662f32e1] { color: #C4B5FD;
}
.acido-conj-color[data-v-662f32e1] { color: #F9A8D4;
}
.rol[data-v-662f32e1] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.accion[data-v-662f32e1] {
  font-size: 0.6rem;
  color: #A78BFA;
}
.mas[data-v-662f32e1] {
  color: #FCD34D;
  font-weight: 700;
}
.flecha-reaccion[data-v-662f32e1] {
  font-size: 1.25rem;
  color: #FCD34D;
}

/* Anfótera */
.anfotera-section[data-v-662f32e1] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.anfotera-titulo[data-v-662f32e1] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.anfotera-contenido[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.anfotera-caso[data-v-662f32e1] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
}
.caso-label[data-v-662f32e1] {
  color: #C4B5FD;
  min-width: 70px;
}
.caso-texto[data-v-662f32e1] {
  color: #E9D5FF;
}

/* Ventaja card */
.ventaja-card[data-v-662f32e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.ventaja-icono[data-v-662f32e1] { font-size: 1.25rem;
}
.ventaja-contenido[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.ventaja-titulo[data-v-662f32e1] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}
.ventaja-ejemplo[data-v-662f32e1] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ventaja-ejemplo .formula[data-v-662f32e1] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.ventaja-ejemplo .explicacion[data-v-662f32e1] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.ventaja-ejemplo strong[data-v-662f32e1] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-662f32e1] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-662f32e1] { font-size: 1.25rem;
}
.tip-texto[data-v-662f32e1] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-662f32e1] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.transferencia-demo[data-v-662f32e1] {
    gap: 1rem;
}
.atomo[data-v-662f32e1] {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}
.reaccion-visual[data-v-662f32e1] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.formula-mol[data-v-662f32e1] {
    font-size: 1.1rem;
}
}

/* Intro visual */
.intro-visual[data-v-1fae4f65] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
}
.lewis-demo[data-v-1fae4f65] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.molecula-base[data-v-1fae4f65], .molecula-acido[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.label-mol[data-v-1fae4f65] {
  font-size: 0.65rem;
  color: #C4B5FD;
}
.mol-lewis[data-v-1fae4f65] {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
.par-e[data-v-1fae4f65] {
  color: #93C5FD;
  font-weight: 700;
}
.atomo-lewis[data-v-1fae4f65] {
  font-weight: 700;
  color: #FFFFFF;
  background: rgba(139, 92, 246, 0.4);
  padding: 0.2rem 0.4rem;
  border-radius: 0.3rem;
}
.atomo-lewis.vacio[data-v-1fae4f65] {
  background: rgba(239, 68, 68, 0.4);
}
.enlace-h[data-v-1fae4f65] {
  color: #E9D5FF;
  font-size: 0.9rem;
}
.accion-lewis[data-v-1fae4f65] {
  font-size: 0.65rem;
  color: #A78BFA;
}
.flecha-lewis[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5rem;
}
.flecha[data-v-1fae4f65] {
  font-size: 1.25rem;
  color: #FCD34D;
}
.par-viajero[data-v-1fae4f65] {
  font-size: 0.6rem;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.3);
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
}

/* Texto destacado */
strong.destacado[data-v-1fae4f65] { color: #FCD34D;
}
strong.acepta-e[data-v-1fae4f65] { color: #FCA5A5;
}
strong.dona-e[data-v-1fae4f65] { color: #93C5FD;
}

/* Definición */
.definicion-section[data-v-1fae4f65] {
  margin: 1.5rem 0;
}
.definicion-titulo[data-v-1fae4f65] {
  font-weight: 700;
  color: #10B981;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.definicion-card[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.def-item[data-v-1fae4f65] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.def-item.acido[data-v-1fae4f65] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.def-item.base[data-v-1fae4f65] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.def-icono[data-v-1fae4f65] { font-size: 1.25rem;
}
.def-contenido[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
}
.def-tipo[data-v-1fae4f65] {
  font-size: 0.75rem;
  font-weight: 700;
}
.def-item.acido .def-tipo[data-v-1fae4f65] { color: #FCA5A5;
}
.def-item.base .def-tipo[data-v-1fae4f65] { color: #93C5FD;
}
.def-texto[data-v-1fae4f65] {
  font-size: 0.85rem;
  color: #E9D5FF;
}

/* Concepto card */
.concepto-card[data-v-1fae4f65] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.concepto-icono[data-v-1fae4f65] { font-size: 1.5rem;
}
.concepto-contenido[data-v-1fae4f65] { flex: 1;
}
.concepto-titulo[data-v-1fae4f65] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.concepto-texto[data-v-1fae4f65] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.concepto-texto strong[data-v-1fae4f65] { color: #FFFFFF;
}

/* Ejemplos Lewis */
.ejemplos-section[data-v-1fae4f65] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-1fae4f65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-lewis[data-v-1fae4f65] {
  margin-bottom: 0.75rem;
}
.ejemplo-header[data-v-1fae4f65] {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem 0.3rem 0 0;
}
.ejemplo-header.acido[data-v-1fae4f65] {
  background: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}
.ejemplo-header.base[data-v-1fae4f65] {
  background: rgba(59, 130, 246, 0.3);
  color: #93C5FD;
}
.ejemplo-lista[data-v-1fae4f65] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.3rem 0.3rem;
}
.ejemplo-item[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
  padding: 0.3rem;
}
.ejemplo-item .formula[data-v-1fae4f65] {
  font-family: monospace;
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ejemplo-item .razon[data-v-1fae4f65] {
  font-size: 0.65rem;
  color: #C4B5FD;
}

/* Reacción ejemplo */
.reaccion-ejemplo[data-v-1fae4f65] {
  margin: 1.5rem 0;
}
.reaccion-titulo[data-v-1fae4f65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.reaccion-contenido[data-v-1fae4f65] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  text-align: center;
}
.formula-grande[data-v-1fae4f65] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.explicacion-reaccion[data-v-1fae4f65] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.parte[data-v-1fae4f65] {
  font-size: 0.75rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}
.parte.acido[data-v-1fae4f65] {
  background: rgba(239, 68, 68, 0.2);
  color: #FCA5A5;
}
.parte.base[data-v-1fae4f65] {
  background: rgba(59, 130, 246, 0.2);
  color: #93C5FD;
}
.nota-reaccion[data-v-1fae4f65] {
  font-size: 0.75rem;
  color: #FCD34D;
  font-style: italic;
}

/* Comparación */
.comparacion-section[data-v-1fae4f65] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-1fae4f65] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.comparacion-tabla[data-v-1fae4f65] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  overflow: hidden;
}
.fila[data-v-1fae4f65] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.fila.header[data-v-1fae4f65] {
  background: rgba(139, 92, 246, 0.3);
}
.fila[data-v-1fae4f65]:not(.header) {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.celda[data-v-1fae4f65] {
  padding: 0.4rem 0.3rem;
  font-size: 0.75rem;
  color: #E9D5FF;
  text-align: center;
}
.fila.header .celda[data-v-1fae4f65] {
  font-weight: 700;
  color: #FFFFFF;
}
.celda.teoria[data-v-1fae4f65] {
  font-weight: 600;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-1fae4f65] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-1fae4f65] { font-size: 1.25rem;
}
.tip-texto[data-v-1fae4f65] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-1fae4f65] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.lewis-demo[data-v-1fae4f65] {
    gap: 1rem;
}
.mol-lewis[data-v-1fae4f65] {
    font-size: 1.3rem;
}
.ejemplo-lista[data-v-1fae4f65] {
    gap: 0.5rem;
}
.formula-grande[data-v-1fae4f65] {
    font-size: 1.3rem;
}
.explicacion-reaccion[data-v-1fae4f65] {
    gap: 1.5rem;
}
}

.explorador[data-v-f542f6e4] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-f542f6e4] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-f542f6e4] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-f542f6e4] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-f542f6e4] {
  border-color: #8B5CF6;
  background: #8B5CF6;
  color: white;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.5);
}
.progreso-item.completado[data-v-f542f6e4] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-f542f6e4] {
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-f542f6e4] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-f542f6e4] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-f542f6e4] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-f542f6e4] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar Arrhenius ===== */
.clasificar-container[data-v-f542f6e4] {
  text-align: center;
}
.sustancia-actual[data-v-f542f6e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.sustancia-formula[data-v-f542f6e4] {
  font-family: monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: #FFFFFF;
}
.sustancia-nombre[data-v-f542f6e4] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.teoria-label[data-v-f542f6e4] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.teoria-label strong[data-v-f542f6e4] {
  color: #8B5CF6;
}
.opciones-clasificacion[data-v-f542f6e4] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-clasificar[data-v-f542f6e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  min-width: 85px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  border: 2px solid;
  font-family: inherit;
}
.btn-clasificar.acido[data-v-f542f6e4] {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.btn-clasificar.base[data-v-f542f6e4] {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.btn-clasificar.ninguno[data-v-f542f6e4] {
  background: rgba(156, 163, 175, 0.1);
  border-color: rgba(156, 163, 175, 0.3);
}
.btn-clasificar.seleccionado[data-v-f542f6e4] {
  transform: scale(1.05);
}
.btn-clasificar.acido.seleccionado[data-v-f542f6e4] { border-color: #EF4444;
}
.btn-clasificar.base.seleccionado[data-v-f542f6e4] { border-color: #3B82F6;
}
.btn-clasificar.ninguno.seleccionado[data-v-f542f6e4] { border-color: #9CA3AF;
}
.btn-clasificar.correcto[data-v-f542f6e4] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-clasificar.incorrecto[data-v-f542f6e4] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.btn-icono[data-v-f542f6e4] { font-size: 1.25rem; margin-bottom: 0.2rem;
}
.btn-texto[data-v-f542f6e4] { font-size: 0.85rem; font-weight: 600; color: #FFFFFF;
}
.btn-detalle[data-v-f542f6e4] { font-size: 0.65rem; color: #C4B5FD;
}

/* ===== DESAFÍO 2: Pares conjugados ===== */
.pares-container[data-v-f542f6e4] {
  text-align: center;
}
.reaccion-dada[data-v-f542f6e4] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.reaccion-formula[data-v-f542f6e4] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.pregunta-par[data-v-f542f6e4] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.opciones-pares[data-v-f542f6e4] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.btn-par[data-v-f542f6e4] {
  padding: 0.6rem 0.75rem;
  font-family: monospace;
  font-size: 0.9rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.4rem;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-par[data-v-f542f6e4]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-par.seleccionado[data-v-f542f6e4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
  color: #FFFFFF;
}
.btn-par.correcto[data-v-f542f6e4] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-par.incorrecto[data-v-f542f6e4] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}

/* ===== DESAFÍO 3: Lewis ===== */
.lewis-container[data-v-f542f6e4] {
  text-align: center;
}
.reaccion-lewis[data-v-f542f6e4] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}
.formula-lewis[data-v-f542f6e4] {
  font-family: monospace;
  font-size: 1rem;
  color: #FFFFFF;
  font-weight: 600;
}
.pregunta-lewis[data-v-f542f6e4] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.opciones-lewis[data-v-f542f6e4] {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.btn-lewis[data-v-f542f6e4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.75rem;
  min-width: 100px;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-lewis[data-v-f542f6e4]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-lewis.seleccionado[data-v-f542f6e4] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-lewis.correcto[data-v-f542f6e4] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-lewis.incorrecto[data-v-f542f6e4] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.lewis-formula[data-v-f542f6e4] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.lewis-rol[data-v-f542f6e4] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.pista-lewis[data-v-f542f6e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 0.4rem;
}
.pista-icono[data-v-f542f6e4] { font-size: 1rem;
}
.pista-texto[data-v-f542f6e4] { font-size: 0.8rem; color: #FCD34D;
}

/* Elementos compartidos */
.feedback-error[data-v-f542f6e4] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-f542f6e4] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-f542f6e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-f542f6e4] { font-size: 1.25rem;
}
.resultado-texto[data-v-f542f6e4] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-f542f6e4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(139, 92, 246, 0.2);
}
.nav-spacer[data-v-f542f6e4] { flex: 1;
}
.nav-btn[data-v-f542f6e4] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-f542f6e4] {
  background: #8B5CF6;
  border-color: #6D28D9;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-f542f6e4] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(139, 92, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-f542f6e4] { font-size: 1.75rem;
}
.completado-texto[data-v-f542f6e4] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-f542f6e4], .slide-leave-active[data-v-f542f6e4] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-f542f6e4] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-f542f6e4] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.sustancia-formula[data-v-f542f6e4] {
    font-size: 2rem;
}
.opciones-clasificacion[data-v-f542f6e4] {
    gap: 0.75rem;
}
.btn-clasificar[data-v-f542f6e4] {
    padding: 0.75rem 1rem;
    min-width: 100px;
}
.opciones-pares[data-v-f542f6e4] {
    flex-direction: row;
    justify-content: center;
}
.btn-par[data-v-f542f6e4] {
    min-width: 120px;
}
}

/* Resumen visual */
.resumen-visual[data-v-ede9d597] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0 1.5rem;
}
.teoria-resumen[data-v-ede9d597] {
  padding: 0.75rem;
  border-radius: 0.75rem;
  border: 2px solid;
}
.teoria-resumen.arrhenius[data-v-ede9d597] {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.4);
}
.teoria-resumen.bronsted[data-v-ede9d597] {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
}
.teoria-resumen.lewis[data-v-ede9d597] {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
}
.teoria-header[data-v-ede9d597] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.teoria-icono[data-v-ede9d597] { font-size: 1.25rem;
}
.teoria-nombre[data-v-ede9d597] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  flex: 1;
}
.teoria-anio[data-v-ede9d597] {
  font-size: 0.7rem;
  color: #C4B5FD;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.1rem 0.3rem;
  border-radius: 0.2rem;
}
.teoria-definiciones[data-v-ede9d597] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin-bottom: 0.5rem;
}
.def[data-v-ede9d597] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.3rem;
}
.def.acido[data-v-ede9d597] { background: rgba(239, 68, 68, 0.15);
}
.def.base[data-v-ede9d597] { background: rgba(59, 130, 246, 0.15);
}
.def-label[data-v-ede9d597] {
  font-size: 0.7rem;
  font-weight: 600;
  min-width: 45px;
}
.def.acido .def-label[data-v-ede9d597] { color: #FCA5A5;
}
.def.base .def-label[data-v-ede9d597] { color: #93C5FD;
}
.def-texto[data-v-ede9d597] {
  font-size: 0.75rem;
  color: #E9D5FF;
}
.def-texto strong[data-v-ede9d597] { color: #FFFFFF;
}
.teoria-limite[data-v-ede9d597], .teoria-extra[data-v-ede9d597], .teoria-ventaja[data-v-ede9d597] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.7rem;
  padding: 0.3rem;
  border-radius: 0.25rem;
}
.teoria-limite[data-v-ede9d597] {
  background: rgba(239, 68, 68, 0.1);
}
.limite-label[data-v-ede9d597] { color: #FCA5A5; font-weight: 600;
}
.limite-texto[data-v-ede9d597] { color: #E9D5FF;
}
.teoria-extra[data-v-ede9d597] {
  background: rgba(245, 158, 11, 0.1);
}
.extra-label[data-v-ede9d597] { color: #FCD34D; font-weight: 600;
}
.extra-texto[data-v-ede9d597] { color: #E9D5FF;
}
.teoria-ventaja[data-v-ede9d597] {
  background: rgba(16, 185, 129, 0.1);
}
.ventaja-label[data-v-ede9d597] { color: #6EE7B7; font-weight: 600;
}
.ventaja-texto[data-v-ede9d597] { color: #E9D5FF;
}

/* Inclusión (Venn simplificado) */
.inclusion-section[data-v-ede9d597] {
  margin: 1.5rem 0;
}
.inclusion-titulo[data-v-ede9d597] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.inclusion-visual[data-v-ede9d597] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.circulo[data-v-ede9d597] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.circulo-label[data-v-ede9d597] {
  position: absolute;
  font-size: 0.6rem;
  font-weight: 600;
}
.lewis-circle[data-v-ede9d597] {
  width: 140px;
  height: 140px;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid rgba(16, 185, 129, 0.5);
}
.lewis-circle > .circulo-label[data-v-ede9d597] {
  top: 5px;
  color: #6EE7B7;
}
.bronsted-circle[data-v-ede9d597] {
  width: 100px;
  height: 100px;
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.bronsted-circle > .circulo-label[data-v-ede9d597] {
  top: 5px;
  color: #FCD34D;
}
.arrhenius-circle[data-v-ede9d597] {
  width: 55px;
  height: 55px;
  background: rgba(139, 92, 246, 0.3);
  border: 2px solid rgba(139, 92, 246, 0.5);
}
.arrhenius-circle > .circulo-label[data-v-ede9d597] {
  color: #C4B5FD;
  font-size: 0.5rem;
}
.inclusion-explicacion[data-v-ede9d597] {
  text-align: center;
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Ejemplos rápidos */
.ejemplos-rapidos[data-v-ede9d597] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 1.5rem 0;
}
.ejemplo-rapido[data-v-ede9d597] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.ejemplo-rapido .formula[data-v-ede9d597] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tags[data-v-ede9d597] {
  display: flex;
  gap: 0.25rem;
}
.tag[data-v-ede9d597] {
  font-size: 0.6rem;
  font-weight: 600;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
}
.tag.arr[data-v-ede9d597] { background: rgba(139, 92, 246, 0.3); color: #C4B5FD;
}
.tag.br[data-v-ede9d597] { background: rgba(245, 158, 11, 0.3); color: #FCD34D;
}
.tag.lew[data-v-ede9d597] { background: rgba(16, 185, 129, 0.3); color: #6EE7B7;
}
.tag.no[data-v-ede9d597] { opacity: 0.4;
}

/* Tips PAES */
.tips-paes-section[data-v-ede9d597] {
  margin: 1.5rem 0;
}
.tips-titulo[data-v-ede9d597] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.tips-lista[data-v-ede9d597] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-ede9d597] {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 0.4rem;
}
.tip-numero[data-v-ede9d597] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-contenido[data-v-ede9d597] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-contenido strong[data-v-ede9d597] { color: #FFFFFF;
}
.tip-contenido .acido-color[data-v-ede9d597] { color: #FCA5A5;
}
.tip-contenido .base-color[data-v-ede9d597] { color: #93C5FD;
}

/* Fórmula clave */
.formula-clave[data-v-ede9d597] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
}
.formula-titulo[data-v-ede9d597] {
  font-weight: 700;
  color: #FCD34D;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.formula-contenido[data-v-ede9d597] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.par-conjugado[data-v-ede9d597] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
}
.especie[data-v-ede9d597] {
  padding: 0.2rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  color: #E9D5FF;
}
.especie.conjugado[data-v-ede9d597] {
  background: rgba(139, 92, 246, 0.3);
  color: #C4B5FD;
}
.flecha[data-v-ede9d597], .mas[data-v-ede9d597] {
  color: #FCD34D;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-ede9d597] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.mensaje-icono[data-v-ede9d597] { font-size: 1.5rem;
}
.mensaje-texto[data-v-ede9d597] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.mensaje-texto strong[data-v-ede9d597] { color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.resumen-visual[data-v-ede9d597] {
    flex-direction: row;
}
.teoria-resumen[data-v-ede9d597] {
    flex: 1;
}
.lewis-circle[data-v-ede9d597] {
    width: 160px;
    height: 160px;
}
.bronsted-circle[data-v-ede9d597] {
    width: 115px;
    height: 115px;
}
.arrhenius-circle[data-v-ede9d597] {
    width: 65px;
    height: 65px;
}
.ejemplos-rapidos[data-v-ede9d597] {
    flex-direction: row;
}
.ejemplo-rapido[data-v-ede9d597] {
    flex: 1;
    flex-direction: column;
    gap: 0.5rem;
}
.tags[data-v-ede9d597] {
    flex-wrap: wrap;
    justify-content: center;
}
}

/* Intro visual */
.intro-visual[data-v-3e3a33f3] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.solucion-visual[data-v-3e3a33f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.componentes[data-v-3e3a33f3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.componente[data-v-3e3a33f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  min-width: 90px;
}
.componente.soluto[data-v-3e3a33f3] {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.5);
}
.componente.solvente[data-v-3e3a33f3] {
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.5);
}
.comp-icono[data-v-3e3a33f3] {
  font-size: 1.75rem;
}
.comp-nombre[data-v-3e3a33f3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0.25rem;
}
.comp-desc[data-v-3e3a33f3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}
.mas-signo[data-v-3e3a33f3] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #8B5CF6;
}
.flecha-resultado[data-v-3e3a33f3] {
  font-size: 1.5rem;
  color: #8B5CF6;
}
.resultado-solucion[data-v-3e3a33f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.solucion-icono[data-v-3e3a33f3] {
  font-size: 1.5rem;
}
.solucion-label[data-v-3e3a33f3] {
  font-size: 1.25rem;
  font-weight: 800;
  color: #6EE7B7;
}

/* Texto destacado */
strong.destacado[data-v-3e3a33f3] {
  color: #FCD34D;
}
strong.soluto[data-v-3e3a33f3] {
  color: #FCD34D;
}
strong.solvente[data-v-3e3a33f3] {
  color: #93C5FD;
}

/* Componentes explicados */
.componentes-section[data-v-3e3a33f3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.componente-explicado[data-v-3e3a33f3] {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.comp-header[data-v-3e3a33f3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.comp-header.soluto-bg[data-v-3e3a33f3] {
  background: rgba(245, 158, 11, 0.2);
}
.comp-header.solvente-bg[data-v-3e3a33f3] {
  background: rgba(59, 130, 246, 0.2);
}
.header-icono[data-v-3e3a33f3] {
  font-size: 1.25rem;
}
.header-titulo[data-v-3e3a33f3] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1rem;
}
.comp-body[data-v-3e3a33f3] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.comp-body p[data-v-3e3a33f3] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.comp-body p strong[data-v-3e3a33f3] {
  color: #FFFFFF;
}
.ejemplos-mini[data-v-3e3a33f3] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ejemplos-mini span[data-v-3e3a33f3] {
  padding: 0.2rem 0.5rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Característica clave */
.caracteristica-clave[data-v-3e3a33f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  padding: 1rem;
  margin: 1.5rem 0;
}
.caract-icono[data-v-3e3a33f3] {
  font-size: 1.5rem;
}
.caract-contenido[data-v-3e3a33f3] {
  flex: 1;
}
.caract-titulo[data-v-3e3a33f3] {
  font-size: 0.9rem;
  font-weight: 700;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.caract-texto[data-v-3e3a33f3] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.caract-texto strong[data-v-3e3a33f3] {
  color: #FFFFFF;
}

/* Ejemplos cotidianos */
.ejemplos-section[data-v-3e3a33f3] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-3e3a33f3] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-3e3a33f3] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-3e3a33f3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  text-align: center;
}
.ej-icono[data-v-3e3a33f3] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-3e3a33f3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.ej-detalle[data-v-3e3a33f3] {
  font-size: 0.7rem;
  color: #C4B5FD;
}

/* Tip PAES */
.tip-paes[data-v-3e3a33f3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3e3a33f3] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3e3a33f3] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3e3a33f3] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.componentes-section[data-v-3e3a33f3] {
    flex-direction: row;
}
.componente-explicado[data-v-3e3a33f3] {
    flex: 1;
}
.ejemplos-grid[data-v-3e3a33f3] {
    grid-template-columns: repeat(4, 1fr);
}
}

/* Texto destacado */
strong.destacado[data-v-6a875463] {
  color: #FCD34D;
}
strong.gaseosa[data-v-6a875463] {
  color: #C4B5FD;
}
strong.liquida[data-v-6a875463] {
  color: #93C5FD;
}
strong.solida[data-v-6a875463] {
  color: #FCA5A5;
}

/* Estados section */
.estados-section[data-v-6a875463] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.estado-card[data-v-6a875463] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.estado-card.gaseosa[data-v-6a875463] {
  border: 2px solid rgba(139, 92, 246, 0.4);
}
.estado-card.liquida[data-v-6a875463] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.estado-card.solida[data-v-6a875463] {
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.estado-header[data-v-6a875463] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
}
.estado-card.gaseosa .estado-header[data-v-6a875463] {
  background: rgba(139, 92, 246, 0.2);
}
.estado-card.liquida .estado-header[data-v-6a875463] {
  background: rgba(59, 130, 246, 0.2);
}
.estado-card.solida .estado-header[data-v-6a875463] {
  background: rgba(239, 68, 68, 0.2);
}
.estado-icono[data-v-6a875463] {
  font-size: 1.5rem;
}
.estado-titulo[data-v-6a875463] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.estado-body[data-v-6a875463] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.estado-descripcion[data-v-6a875463] {
  font-size: 0.85rem;
  color: #E9D5FF;
  margin-bottom: 0.5rem;
}
.estado-descripcion strong[data-v-6a875463] {
  color: #FFFFFF;
}
.estado-ejemplos[data-v-6a875463] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.ejemplo-estado[data-v-6a875463] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
}
.ej-nombre[data-v-6a875463] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ej-composicion[data-v-6a875463] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-family: monospace;
}
.estado-nota[data-v-6a875463] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Subtipos líquidos */
.subtipos[data-v-6a875463] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.subtipo[data-v-6a875463] {
  display: flex;
  flex-direction: column;
  padding: 0.35rem 0.5rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.25rem;
}
.subtipo-label[data-v-6a875463] {
  font-size: 0.75rem;
  color: #93C5FD;
  font-weight: 600;
}
.subtipo-ej[data-v-6a875463] {
  font-size: 0.8rem;
  color: #E9D5FF;
}

/* Aleaciones */
.aleaciones-ejemplos[data-v-6a875463] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.aleacion[data-v-6a875463] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.35rem 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.25rem;
  flex: 1;
  min-width: 60px;
}
.aleacion-nombre[data-v-6a875463] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #FFFFFF;
}
.aleacion-comp[data-v-6a875463] {
  font-size: 0.7rem;
  color: #FCA5A5;
  font-family: monospace;
}

/* Tabla resumen */
.tabla-resumen[data-v-6a875463] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.tabla-titulo[data-v-6a875463] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.tabla-contenido[data-v-6a875463] {
  padding: 0.5rem;
}
.tabla-fila[data-v-6a875463] {
  display: grid;
  grid-template-columns: 1fr 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.4rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}
.tabla-fila.header[data-v-6a875463] {
  background: rgba(139, 92, 246, 0.1);
  font-weight: 700;
  color: #C4B5FD;
}
.tabla-fila.gaseosa-row[data-v-6a875463] {
  background: rgba(139, 92, 246, 0.05);
}
.tabla-fila.liquida-row[data-v-6a875463] {
  background: rgba(59, 130, 246, 0.05);
}
.tabla-fila.solida-row[data-v-6a875463] {
  background: rgba(239, 68, 68, 0.05);
}
.col-solvente[data-v-6a875463], .col-soluto[data-v-6a875463] {
  color: #E9D5FF;
}
.col-ejemplo[data-v-6a875463] {
  color: #FFFFFF;
  font-weight: 500;
}

/* Tip PAES */
.tip-paes[data-v-6a875463] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-6a875463] {
  font-size: 1.25rem;
}
.tip-texto[data-v-6a875463] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-6a875463] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.subtipo[data-v-6a875463] {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.tabla-fila[data-v-6a875463] {
    font-size: 0.85rem;
}
}

/* Texto destacado */
strong.destacado[data-v-84260abb] {
  color: #FCD34D;
}

/* Visual de concentración */
.concentracion-visual[data-v-84260abb] {
  margin: 1.5rem 0;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.vasos-container[data-v-84260abb] {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.vaso[data-v-84260abb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.vaso-liquido[data-v-84260abb] {
  width: 60px;
  height: 70px;
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.2), rgba(59, 130, 246, 0.4));
  border: 2px solid rgba(59, 130, 246, 0.5);
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vaso-liquido.saturado[data-v-84260abb] {
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.3), rgba(59, 130, 246, 0.6));
}
.vaso-liquido.supersaturado[data-v-84260abb] {
  background: linear-gradient(to bottom, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.8));
}
.particulas[data-v-84260abb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.25rem;
}
.particula[data-v-84260abb] {
  font-size: 0.5rem;
  color: #FCD34D;
}
.precipitado[data-v-84260abb] {
  position: absolute;
  bottom: 2px;
  font-size: 0.5rem;
  color: #FCD34D;
}
.vaso-label[data-v-84260abb] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  text-align: center;
}

/* Tipos de concentración */
.tipos-concentracion[data-v-84260abb] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.tipo-card[data-v-84260abb] {
  border-radius: 0.75rem;
  overflow: hidden;
}
.tipo-card.insaturada[data-v-84260abb] {
  border: 2px solid rgba(59, 130, 246, 0.4);
}
.tipo-card.saturada[data-v-84260abb] {
  border: 2px solid rgba(245, 158, 11, 0.4);
}
.tipo-card.sobresaturada[data-v-84260abb] {
  border: 2px solid rgba(239, 68, 68, 0.4);
}
.tipo-header[data-v-84260abb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0.75rem;
}
.tipo-card.insaturada .tipo-header[data-v-84260abb] {
  background: rgba(59, 130, 246, 0.2);
}
.tipo-card.saturada .tipo-header[data-v-84260abb] {
  background: rgba(245, 158, 11, 0.2);
}
.tipo-card.sobresaturada .tipo-header[data-v-84260abb] {
  background: rgba(239, 68, 68, 0.2);
}
.tipo-icono[data-v-84260abb] {
  font-size: 1.25rem;
}
.tipo-titulo[data-v-84260abb] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #FFFFFF;
}
.tipo-body[data-v-84260abb] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.tipo-body p[data-v-84260abb] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.tipo-body p strong[data-v-84260abb] {
  color: #FFFFFF;
}
.tipo-caracteristica[data-v-84260abb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.5rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  color: #E9D5FF;
}
.tipo-caracteristica strong[data-v-84260abb] {
  color: #FFFFFF;
}
.caract-emoji[data-v-84260abb] {
  font-size: 1rem;
}
.tipo-ejemplo[data-v-84260abb] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.ejemplo-label[data-v-84260abb] {
  font-weight: 600;
  color: #E9D5FF;
}

/* Solubilidad section */
.solubilidad-section[data-v-84260abb] {
  margin: 1.5rem 0;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.solubilidad-titulo[data-v-84260abb] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.solubilidad-contenido[data-v-84260abb] {
  padding: 0.75rem;
}
.solubilidad-contenido p[data-v-84260abb] {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.solubilidad-contenido p strong[data-v-84260abb] {
  color: #FFFFFF;
}
.solubilidad-formula[data-v-84260abb] {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.formula-texto[data-v-84260abb] {
  padding: 0.5rem 1rem;
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 0.4rem;
  font-family: monospace;
  font-size: 0.9rem;
  color: #FCD34D;
}
.factores[data-v-84260abb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.factor[data-v-84260abb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.factor-icono[data-v-84260abb] {
  font-size: 1rem;
}
.factor-texto[data-v-84260abb] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.3;
}
.factor-texto strong[data-v-84260abb] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-84260abb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-84260abb] {
  font-size: 1.25rem;
}
.tip-texto[data-v-84260abb] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-84260abb] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.vasos-container[data-v-84260abb] {
    gap: 2rem;
}
.vaso-liquido[data-v-84260abb] {
    width: 80px;
    height: 90px;
}
.vaso-label[data-v-84260abb] {
    font-size: 0.8rem;
}
.factores[data-v-84260abb] {
    flex-direction: row;
}
.factor[data-v-84260abb] {
    flex: 1;
}
}

.explorador[data-v-743242e3] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-743242e3] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-743242e3] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.activo[data-v-743242e3] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-743242e3] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-743242e3] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-743242e3] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-743242e3] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(245, 158, 11, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #FCD34D;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-743242e3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-743242e3] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Clasificar por estado ===== */
.clasificar-container[data-v-743242e3] {
  text-align: center;
}
.solucion-actual[data-v-743242e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.solucion-icono[data-v-743242e3] {
  font-size: 2.5rem;
  margin-bottom: 0.25rem;
}
.solucion-nombre[data-v-743242e3] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.solucion-composicion[data-v-743242e3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  font-family: monospace;
}
.opciones-estado[data-v-743242e3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.btn-estado[data-v-743242e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  min-width: 80px;
}
.btn-estado[data-v-743242e3]:not(:disabled):hover {
  background: rgba(139, 92, 246, 0.3);
}
.btn-estado.seleccionado[data-v-743242e3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-estado.correcto[data-v-743242e3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-estado.incorrecto[data-v-743242e3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.estado-icono[data-v-743242e3] {
  font-size: 1.5rem;
}
.estado-nombre[data-v-743242e3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Saturación ===== */
.saturacion-container[data-v-743242e3] {
  text-align: center;
}
.datos-problema[data-v-743242e3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.dato[data-v-743242e3] {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.dato-label[data-v-743242e3] {
  font-size: 0.8rem;
  color: #C4B5FD;
}
.dato-valor[data-v-743242e3] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
}
.comparacion-visual[data-v-743242e3] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.barra-solubilidad[data-v-743242e3] {
  height: 20px;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.25rem;
  position: relative;
  overflow: visible;
}
.barra-cantidad[data-v-743242e3] {
  height: 100%;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6);
  border-radius: 0.25rem;
  transition: width 0.3s;
}
.marca-max[data-v-743242e3] {
  position: absolute;
  top: -5px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marca-linea[data-v-743242e3] {
  width: 2px;
  height: 30px;
  background: #FCD34D;
}
.marca-label[data-v-743242e3] {
  font-size: 0.65rem;
  color: #FCD34D;
  margin-top: 2px;
}
.barra-leyenda[data-v-743242e3] {
  display: flex;
  justify-content: space-between;
  font-size: 0.7rem;
  color: #C4B5FD;
  margin-top: 0.25rem;
}
.opciones-saturacion[data-v-743242e3] {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.btn-saturacion[data-v-743242e3] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.6rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-saturacion.seleccionado[data-v-743242e3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-saturacion.correcto[data-v-743242e3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
}
.btn-saturacion.incorrecto[data-v-743242e3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
}
.sat-icono[data-v-743242e3] {
  font-size: 1rem;
}
.sat-nombre[data-v-743242e3] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-weight: 600;
}

/* ===== DESAFÍO 3: Componentes ===== */
.componentes-container[data-v-743242e3] {
  text-align: center;
}
.mezcla-actual[data-v-743242e3] {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.mezcla-nombre[data-v-743242e3] {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}
.mezcla-componentes[data-v-743242e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.comp-a[data-v-743242e3], .comp-b[data-v-743242e3] {
  padding: 0.35rem 0.6rem;
  background: rgba(59, 130, 246, 0.2);
  border-radius: 0.25rem;
  font-size: 0.85rem;
  color: #93C5FD;
}
.mas[data-v-743242e3] {
  font-size: 1rem;
  color: #8B5CF6;
}
.pregunta-componente[data-v-743242e3] {
  font-size: 0.95rem;
  color: #E9D5FF;
  margin-bottom: 0.75rem;
}
.pregunta-componente strong[data-v-743242e3] {
  color: #FCD34D;
}
.opciones-componente[data-v-743242e3] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.btn-componente[data-v-743242e3] {
  padding: 0.75rem 1.25rem;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid rgba(139, 92, 246, 0.4);
  border-radius: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #E9D5FF;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-componente.seleccionado[data-v-743242e3] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.4);
}
.btn-componente.correcto[data-v-743242e3] {
  background: rgba(16, 185, 129, 0.3);
  border-color: #10B981;
  color: #6EE7B7;
}
.btn-componente.incorrecto[data-v-743242e3] {
  background: rgba(239, 68, 68, 0.3);
  border-color: #EF4444;
  color: #FCA5A5;
}

/* Feedback y resultados */
.feedback-error[data-v-743242e3] {
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.feedback-error strong[data-v-743242e3] {
  color: #FFFFFF;
}
.contador[data-v-743242e3] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-743242e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-743242e3] { font-size: 1.25rem;
}
.resultado-texto[data-v-743242e3] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-743242e3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-743242e3] { flex: 1;
}
.nav-btn[data-v-743242e3] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-743242e3] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-743242e3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-743242e3] { font-size: 1.75rem;
}
.completado-texto[data-v-743242e3] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-743242e3], .slide-leave-active[data-v-743242e3] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-743242e3] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-743242e3] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-estado[data-v-743242e3] {
    gap: 0.75rem;
}
.btn-estado[data-v-743242e3] {
    min-width: 100px;
    padding: 1rem 1.25rem;
}
.datos-problema[data-v-743242e3] {
    flex-direction: row;
}
.dato[data-v-743242e3] {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

/* Intro */
.resumen-intro p[data-v-075c46b6] {
  margin: 0;
  color: #E9D5FF;
  line-height: 1.5;
}
strong.destacado[data-v-075c46b6] {
  color: #FCD34D;
}

/* Resumen sections */
.resumen-section[data-v-075c46b6] {
  margin: 1.5rem 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.resumen-titulo[data-v-075c46b6] {
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}

/* Estados resumen */
.estados-resumen[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
}
.estado-item[data-v-075c46b6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem;
  border-radius: 0.5rem;
}
.estado-item.gaseosa[data-v-075c46b6] {
  background: rgba(139, 92, 246, 0.1);
  border-left: 3px solid #8B5CF6;
}
.estado-item.liquida[data-v-075c46b6] {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid #3B82F6;
}
.estado-item.solida[data-v-075c46b6] {
  background: rgba(239, 68, 68, 0.1);
  border-left: 3px solid #EF4444;
}
.estado-icono[data-v-075c46b6] {
  font-size: 1.5rem;
}
.estado-info[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
}
.estado-nombre[data-v-075c46b6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.estado-ej[data-v-075c46b6] {
  font-size: 0.8rem;
  color: #C4B5FD;
}

/* Concentración resumen */
.concentracion-resumen[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
}
.conc-item[data-v-075c46b6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.6rem;
  background: rgba(139, 92, 246, 0.05);
  border-radius: 0.5rem;
}
.conc-icono[data-v-075c46b6] {
  font-size: 1.25rem;
}
.conc-info[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
}
.conc-nombre[data-v-075c46b6] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.conc-desc[data-v-075c46b6] {
  font-size: 0.8rem;
  color: #E9D5FF;
  font-family: monospace;
}
.conc-nota[data-v-075c46b6] {
  font-size: 0.75rem;
  color: #C4B5FD;
  font-style: italic;
}

/* Conceptos clave */
.conceptos-clave[data-v-075c46b6] {
  margin: 1.5rem 0;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.concepto-titulo[data-v-075c46b6] {
  padding: 0.75rem;
  background: rgba(245, 158, 11, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.conceptos-lista[data-v-075c46b6] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.concepto[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.concepto-term[data-v-075c46b6] {
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.85rem;
}
.concepto-def[data-v-075c46b6] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.concepto-def strong[data-v-075c46b6] {
  color: #FFFFFF;
}

/* Tips PAES */
.tips-paes[data-v-075c46b6] {
  margin: 1.5rem 0;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
  overflow: hidden;
}
.tips-titulo[data-v-075c46b6] {
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.95rem;
}
.tips-lista[data-v-075c46b6] {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tip[data-v-075c46b6] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.tip-numero[data-v-075c46b6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background: #10B981;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
}
.tip-texto[data-v-075c46b6] {
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-075c46b6] {
  color: #6EE7B7;
}

/* Fórmula recordar */
.formula-recordar[data-v-075c46b6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.5rem;
}
.formula-icono[data-v-075c46b6] {
  font-size: 1.5rem;
}
.formula-contenido[data-v-075c46b6] {
  display: flex;
  flex-direction: column;
}
.formula-label[data-v-075c46b6] {
  font-size: 0.8rem;
  color: #93C5FD;
  font-weight: 600;
}
.formula-texto[data-v-075c46b6] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-family: monospace;
}

/* Desktop */
@media (min-width: 640px) {
.estados-resumen[data-v-075c46b6] {
    flex-direction: row;
}
.estado-item[data-v-075c46b6] {
    flex: 1;
    flex-direction: column;
    text-align: center;
}
.estado-info[data-v-075c46b6] {
    align-items: center;
}
.concepto[data-v-075c46b6] {
    flex-direction: row;
    gap: 0.5rem;
}
}

/* Intro visual */
.intro-visual[data-v-3b783ff6] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.75rem;
}
.velocidad-demo[data-v-3b783ff6] {
  display: flex;
  justify-content: space-around;
  gap: 1rem;
}
.reaccion-rapida[data-v-3b783ff6], .reaccion-lenta[data-v-3b783ff6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.5rem;
  flex: 1;
}
.reaccion-rapida[data-v-3b783ff6] {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.reaccion-lenta[data-v-3b783ff6] {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.velocidad-icono[data-v-3b783ff6] {
  font-size: 1.75rem;
}
.velocidad-label[data-v-3b783ff6] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0.25rem 0;
}
.particulas[data-v-3b783ff6] {
  display: flex;
  gap: 0.5rem;
}
.particula[data-v-3b783ff6] {
  font-size: 1rem;
  color: #8B5CF6;
}
.particulas.rapidas .particula[data-v-3b783ff6] {
  animation: moveRapido-3b783ff6 0.5s ease-in-out infinite;
  color: #F59E0B;
}
.particulas.lentas .particula[data-v-3b783ff6] {
  animation: moveLento-3b783ff6 2s ease-in-out infinite;
}
@keyframes moveRapido-3b783ff6 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(5px);
}
}
@keyframes moveLento-3b783ff6 {
0%, 100% { transform: translateX(0);
}
50% { transform: translateX(2px);
}
}

/* Texto destacado */
strong.destacado[data-v-3b783ff6] {
  color: #FCD34D;
}

/* Definición */
.definicion-card[data-v-3b783ff6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
  margin: 1.5rem 0;
}
.def-icono[data-v-3b783ff6] {
  font-size: 1.5rem;
}
.def-contenido[data-v-3b783ff6] {
  flex: 1;
}
.def-titulo[data-v-3b783ff6] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.25rem;
}
.def-formula[data-v-3b783ff6] {
  font-size: 1rem;
  font-weight: 600;
  color: #FFFFFF;
  font-family: monospace;
}

/* Concepto section */
.concepto-section[data-v-3b783ff6] {
  margin: 1.5rem 0;
}
.concepto-titulo[data-v-3b783ff6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.medicion-grid[data-v-3b783ff6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.medicion-item[data-v-3b783ff6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}
.medicion-item.reactivos[data-v-3b783ff6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.medicion-item.productos[data-v-3b783ff6] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.medicion-icono[data-v-3b783ff6] {
  font-size: 1.1rem;
}
.medicion-texto[data-v-3b783ff6] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.medicion-texto strong[data-v-3b783ff6] {
  color: #FFFFFF;
}

/* Ejemplos section */
.ejemplos-section[data-v-3b783ff6] {
  margin: 1.5rem 0;
}
.ejemplos-titulo[data-v-3b783ff6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplos-grid[data-v-3b783ff6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.ejemplo[data-v-3b783ff6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  border-radius: 0.5rem;
  text-align: center;
}
.ejemplo.rapida[data-v-3b783ff6] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.ejemplo.media[data-v-3b783ff6] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.ejemplo.lenta[data-v-3b783ff6] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.ej-icono[data-v-3b783ff6] {
  font-size: 1.5rem;
  margin-bottom: 0.25rem;
}
.ej-nombre[data-v-3b783ff6] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #FFFFFF;
}
.ej-tiempo[data-v-3b783ff6] {
  font-size: 0.65rem;
  color: #C4B5FD;
  margin-top: 0.15rem;
}

/* Unidades section */
.unidades-section[data-v-3b783ff6] {
  margin: 1.5rem 0;
}
.unidades-titulo[data-v-3b783ff6] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.unidades-contenido[data-v-3b783ff6] {
  display: flex;
  gap: 0.5rem;
}
.unidad-item[data-v-3b783ff6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.unidad-valor[data-v-3b783ff6] {
  font-family: monospace;
  font-weight: 700;
  color: #FCD34D;
  font-size: 0.9rem;
}
.unidad-desc[data-v-3b783ff6] {
  font-size: 0.7rem;
  color: #E9D5FF;
  text-align: center;
}

/* Tip PAES */
.tip-paes[data-v-3b783ff6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3b783ff6] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3b783ff6] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3b783ff6] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.velocidad-demo[data-v-3b783ff6] {
    gap: 1.5rem;
}
.reaccion-rapida[data-v-3b783ff6], .reaccion-lenta[data-v-3b783ff6] {
    padding: 1rem;
}
.velocidad-icono[data-v-3b783ff6] {
    font-size: 2rem;
}
.medicion-grid[data-v-3b783ff6] {
    flex-direction: row;
}
.medicion-item[data-v-3b783ff6] {
    flex: 1;
}
.ejemplos-grid[data-v-3b783ff6] {
    gap: 0.75rem;
}
.ejemplo[data-v-3b783ff6] {
    padding: 0.75rem;
}
.ej-icono[data-v-3b783ff6] {
    font-size: 1.75rem;
}
.ej-nombre[data-v-3b783ff6] {
    font-size: 0.8rem;
}
}

/* Intro visual */
.intro-visual[data-v-3595d384] {
  margin: 1rem 0 1.5rem;
  padding: 1rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.75rem;
  text-align: center;
}
.factores-iconos[data-v-3595d384] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.factor-icono[data-v-3595d384] {
  font-size: 1.75rem;
}
.intro-texto[data-v-3595d384] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.intro-texto strong[data-v-3595d384] {
  color: #FCD34D;
}

/* Factor cards */
.factor-card[data-v-3595d384] {
  margin: 1rem 0;
  border-radius: 0.75rem;
  overflow: hidden;
}
.factor-card.temperatura[data-v-3595d384] {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.factor-card.concentracion[data-v-3595d384] {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.factor-card.superficie[data-v-3595d384] {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.factor-card.catalizador[data-v-3595d384] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.factor-header[data-v-3595d384] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
}
.factor-num[data-v-3595d384] {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(139, 92, 246, 0.3);
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #FFFFFF;
}
.factor-icon[data-v-3595d384] {
  font-size: 1.1rem;
}
.factor-nombre[data-v-3595d384] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.factor-contenido[data-v-3595d384] {
  padding: 0.75rem;
}
.factor-explicacion[data-v-3595d384] {
  margin: 0 0 0.35rem 0;
  font-size: 0.95rem;
  color: #FFFFFF;
}
.factor-explicacion strong[data-v-3595d384] {
  color: #FCD34D;
}
.factor-razon[data-v-3595d384] {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.factor-ejemplo[data-v-3595d384] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.ejemplo-icono[data-v-3595d384] {
  font-size: 1rem;
}
.ejemplo-texto[data-v-3595d384] {
  font-size: 0.75rem;
  color: #C4B5FD;
}

/* Energía de activación section */
.energia-section[data-v-3595d384] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.energia-titulo[data-v-3595d384] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  text-align: center;
}
.diagrama-energia[data-v-3595d384] {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}
.curva[data-v-3595d384] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.curva-linea[data-v-3595d384] {
  width: 60px;
  height: 40px;
  border-radius: 50% 50% 0 0;
}
.curva.sin-catalizador .curva-linea[data-v-3595d384] {
  background: transparent;
  border: 3px solid #FCA5A5;
  border-bottom: none;
  height: 50px;
}
.curva.con-catalizador .curva-linea[data-v-3595d384] {
  background: transparent;
  border: 3px solid #6EE7B7;
  border-bottom: none;
  height: 30px;
}
.curva-label[data-v-3595d384] {
  font-size: 0.7rem;
  color: #E9D5FF;
}
.curva-ea[data-v-3595d384] {
  font-size: 0.75rem;
  font-weight: 700;
}
.curva.sin-catalizador .curva-ea[data-v-3595d384] {
  color: #FCA5A5;
}
.curva.con-catalizador .curva-ea[data-v-3595d384] {
  color: #6EE7B7;
}
.energia-nota[data-v-3595d384] {
  margin: 0;
  text-align: center;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.energia-nota strong[data-v-3595d384] {
  color: #6EE7B7;
}

/* Tip PAES */
.tip-paes[data-v-3595d384] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-3595d384] {
  font-size: 1.25rem;
}
.tip-texto[data-v-3595d384] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-3595d384] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.factores-iconos[data-v-3595d384] {
    gap: 1.5rem;
}
.factor-icono[data-v-3595d384] {
    font-size: 2rem;
}
.factor-header[data-v-3595d384] {
    padding: 0.6rem 1rem;
}
.factor-contenido[data-v-3595d384] {
    padding: 1rem;
}
.factor-explicacion[data-v-3595d384] {
    font-size: 1rem;
}
.factor-razon[data-v-3595d384] {
    font-size: 0.85rem;
}
.diagrama-energia[data-v-3595d384] {
    gap: 2.5rem;
}
.curva-linea[data-v-3595d384] {
    width: 80px;
}
}

/* Intro visual */
.intro-visual[data-v-cdd1de9d] {
  margin: 1rem 0 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
  text-align: center;
}
.ley-titulo[data-v-cdd1de9d] {
  font-weight: 700;
  color: #93C5FD;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.formula-principal[data-v-cdd1de9d] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.5rem;
}
.formula[data-v-cdd1de9d] {
  font-family: monospace;
  font-size: 1.4rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Términos section */
.terminos-section[data-v-cdd1de9d] {
  margin: 1.5rem 0;
}
.terminos-titulo[data-v-cdd1de9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.terminos-grid[data-v-cdd1de9d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.termino-item[data-v-cdd1de9d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  text-align: center;
}
.termino-simbolo[data-v-cdd1de9d] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.termino-nombre[data-v-cdd1de9d] {
  font-size: 0.7rem;
  color: #FFFFFF;
  margin: 0.2rem 0;
}
.termino-unidad[data-v-cdd1de9d] {
  font-size: 0.6rem;
  color: #C4B5FD;
}

/* Orden de reacción section */
.orden-section[data-v-cdd1de9d] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.75rem;
}
.orden-titulo[data-v-cdd1de9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.orden-explicacion[data-v-cdd1de9d] {
  margin-bottom: 0.75rem;
}
.orden-explicacion p[data-v-cdd1de9d] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
}
.orden-formula[data-v-cdd1de9d] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.formula-texto[data-v-cdd1de9d] {
  font-family: monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #FCD34D;
}
.ordenes-ejemplos[data-v-cdd1de9d] {
  display: flex;
  gap: 0.5rem;
}
.orden-ejemplo[data-v-cdd1de9d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.orden-num[data-v-cdd1de9d] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8B5CF6;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
  margin-bottom: 0.25rem;
}
.orden-desc[data-v-cdd1de9d] {
  font-size: 0.65rem;
  color: #C4B5FD;
  text-align: center;
}

/* Ejemplo section */
.ejemplo-section[data-v-cdd1de9d] {
  margin: 1.5rem 0;
}
.ejemplo-titulo[data-v-cdd1de9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.ejemplo-contenido[data-v-cdd1de9d] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ejemplo-reaccion[data-v-cdd1de9d] {
  text-align: center;
  margin-bottom: 0.5rem;
}
.reaccion-texto[data-v-cdd1de9d] {
  font-family: monospace;
  font-size: 0.95rem;
  color: #E9D5FF;
}
.ejemplo-ley[data-v-cdd1de9d] {
  text-align: center;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.75rem;
}
.ley-texto[data-v-cdd1de9d] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}
.ejemplo-analisis[data-v-cdd1de9d] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.analisis-item[data-v-cdd1de9d] {
  display: flex;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.analisis-item.total[data-v-cdd1de9d] {
  background: rgba(139, 92, 246, 0.2);
  border: 1px solid rgba(139, 92, 246, 0.3);
}
.analisis-label[data-v-cdd1de9d] {
  font-size: 0.8rem;
  color: #E9D5FF;
}
.analisis-valor[data-v-cdd1de9d] {
  font-size: 0.85rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Constante k section */
.constante-section[data-v-cdd1de9d] {
  margin: 1.5rem 0;
}
.constante-titulo[data-v-cdd1de9d] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.constante-contenido[data-v-cdd1de9d] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.constante-punto[data-v-cdd1de9d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
}
.punto-icono[data-v-cdd1de9d] {
  color: #6EE7B7;
  font-weight: 700;
}
.punto-texto[data-v-cdd1de9d] {
  font-size: 0.85rem;
  color: #E9D5FF;
}
.punto-texto strong[data-v-cdd1de9d] {
  color: #FFFFFF;
}

/* Tip PAES */
.tip-paes[data-v-cdd1de9d] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.tip-icono[data-v-cdd1de9d] {
  font-size: 1.25rem;
}
.tip-texto[data-v-cdd1de9d] {
  color: #E9D5FF;
  font-size: 0.9rem;
  line-height: 1.4;
}
.tip-texto strong[data-v-cdd1de9d] {
  color: #6EE7B7;
}

/* Desktop */
@media (min-width: 640px) {
.formula[data-v-cdd1de9d] {
    font-size: 1.6rem;
}
.terminos-grid[data-v-cdd1de9d] {
    grid-template-columns: repeat(4, 1fr);
}
.termino-item[data-v-cdd1de9d] {
    padding: 0.75rem 0.5rem;
}
.termino-nombre[data-v-cdd1de9d] {
    font-size: 0.75rem;
}
.ordenes-ejemplos[data-v-cdd1de9d] {
    gap: 0.75rem;
}
.orden-ejemplo[data-v-cdd1de9d] {
    padding: 0.6rem 0.5rem;
}
.orden-desc[data-v-cdd1de9d] {
    font-size: 0.7rem;
}
.analisis-item[data-v-cdd1de9d] {
    padding: 0.4rem 0.75rem;
}
}

.explorador[data-v-a30200a7] {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Progreso */
.progreso-desafios[data-v-a30200a7] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem 0;
}
.progreso-item[data-v-a30200a7] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
  color: #E9D5FF;
}
.progreso-item.bloqueado[data-v-a30200a7] {
  opacity: 0.5;
  cursor: not-allowed;
}
.progreso-item.activo[data-v-a30200a7] {
  border-color: #3B82F6;
  background: #3B82F6;
  color: white;
  box-shadow: 0 0 12px rgba(59, 130, 246, 0.5);
}
.progreso-item.completado[data-v-a30200a7] {
  background: #10B981;
  border-color: #047857;
  color: white;
}

/* Desafío container */
.desafio-container[data-v-a30200a7] {
  background: rgba(59, 130, 246, 0.1);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 1rem;
  padding: 1rem;
}
.desafio-header[data-v-a30200a7] {
  text-align: center;
  margin-bottom: 1rem;
}
.desafio-numero[data-v-a30200a7] {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 9999px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #C4B5FD;
  margin-bottom: 0.25rem;
}
.desafio-titulo[data-v-a30200a7] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 0.25rem 0;
}
.desafio-instruccion[data-v-a30200a7] {
  color: #C4B5FD;
  margin: 0;
  font-size: 0.85rem;
}

/* ===== DESAFÍO 1: Factores ===== */
.factores-container[data-v-a30200a7] {
  text-align: center;
}
.situacion-card[data-v-a30200a7] {
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.situacion-icono[data-v-a30200a7] {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.situacion-texto[data-v-a30200a7] {
  margin: 0;
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.pregunta-factor[data-v-a30200a7] {
  font-size: 0.9rem;
  color: #FFFFFF;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.opciones-factores[data-v-a30200a7] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.btn-factor[data-v-a30200a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.6rem 0.4rem;
  background: rgba(139, 92, 246, 0.1);
  border: 2px solid rgba(139, 92, 246, 0.3);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.btn-factor[data-v-a30200a7]:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}
.btn-factor.seleccionado[data-v-a30200a7] {
  border-color: #8B5CF6;
  background: rgba(139, 92, 246, 0.3);
}
.btn-factor.correcto[data-v-a30200a7] {
  background: rgba(16, 185, 129, 0.3) !important;
  border-color: #10B981 !important;
}
.btn-factor.incorrecto[data-v-a30200a7] {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #EF4444 !important;
}
.factor-icono[data-v-a30200a7] {
  font-size: 1.25rem;
  margin-bottom: 0.2rem;
}
.factor-nombre[data-v-a30200a7] {
  font-size: 0.75rem;
  color: #FFFFFF;
  font-weight: 600;
}

/* ===== DESAFÍO 2: Orden ===== */
.orden-container[data-v-a30200a7] {
  text-align: center;
}
.ley-dada[data-v-a30200a7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.ley-label[data-v-a30200a7] {
  font-size: 0.75rem;
  color: #C4B5FD;
}
.ley-formula[data-v-a30200a7] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-orden[data-v-a30200a7] {
  font-size: 0.9rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}

/* ===== DESAFÍO 3: Simulador ===== */
.simulador-container[data-v-a30200a7] {
  text-align: center;
}
.reaccion-info[data-v-a30200a7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 1rem;
}
.reaccion-ecuacion[data-v-a30200a7] {
  font-family: monospace;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.reaccion-ley[data-v-a30200a7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FCD34D;
}
.controles-grid[data-v-a30200a7] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.control-item[data-v-a30200a7] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.control-label[data-v-a30200a7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #FFFFFF;
}
.slider[data-v-a30200a7] {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(139, 92, 246, 0.3);
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.slider[data-v-a30200a7]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #8B5CF6;
  cursor: pointer;
}
.velocidad-display[data-v-a30200a7] {
  margin-bottom: 1rem;
}
.velocidad-barra[data-v-a30200a7] {
  height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.velocidad-fill[data-v-a30200a7] {
  height: 100%;
  background: linear-gradient(90deg, #3B82F6, #8B5CF6);
  border-radius: 12px;
  transition: width 0.3s ease;
}
.velocidad-valor[data-v-a30200a7] {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
  color: #FCD34D;
}
.pregunta-simulador[data-v-a30200a7] {
  margin-bottom: 0.75rem;
}
.pregunta-simulador p[data-v-a30200a7] {
  margin: 0 0 0.35rem 0;
  font-size: 0.9rem;
  color: #E9D5FF;
}
.objetivo-valores[data-v-a30200a7] {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 0.35rem;
}
.objetivo-item[data-v-a30200a7] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #6EE7B7;
}
.btn-verificar-simulador[data-v-a30200a7] {
  padding: 0.6rem 1.5rem;
  background: #3B82F6;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  font-family: inherit;
  margin-bottom: 0.75rem;
}
.d3-siguiente[data-v-a30200a7] {
  margin: 0.75rem 0;
}
.exito-msg[data-v-a30200a7] {
  color: #6EE7B7;
  font-weight: 600;
}

/* Respuesta input compartido */
.respuesta-input[data-v-a30200a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}
.input-label[data-v-a30200a7] {
  font-size: 1rem;
  font-weight: 700;
  color: #FFFFFF;
}
.input-numero[data-v-a30200a7] {
  width: 60px;
  padding: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  background: rgba(139, 92, 246, 0.2);
  border: 2px solid #8B5CF6;
  border-radius: 0.5rem;
  color: white;
  font-family: inherit;
}
.input-numero.correcto[data-v-a30200a7] { 
  border-color: #10B981; 
  background: rgba(16, 185, 129, 0.2);
}
.input-numero.incorrecto[data-v-a30200a7] { 
  border-color: #EF4444; 
  background: rgba(239, 68, 68, 0.2);
}
.btn-verificar[data-v-a30200a7] {
  padding: 0.5rem 0.75rem;
  background: #10B981;
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  font-family: inherit;
}
.btn-verificar[data-v-a30200a7]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Feedback y resultados */
.feedback-error[data-v-a30200a7] {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 0.4rem;
  font-size: 0.8rem;
  color: #FCA5A5;
}
.contador[data-v-a30200a7] {
  font-size: 0.85rem;
  color: #C4B5FD;
  margin-top: 0.75rem;
}
.resultado-correcto[data-v-a30200a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.2);
  border: 2px solid #10B981;
  border-radius: 0.5rem;
}
.resultado-icono[data-v-a30200a7] { font-size: 1.25rem;
}
.resultado-texto[data-v-a30200a7] { color: #6EE7B7; font-weight: 600; font-size: 0.9rem;
}

/* Navegación */
.desafio-nav[data-v-a30200a7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.2);
}
.nav-spacer[data-v-a30200a7] { flex: 1;
}
.nav-btn[data-v-a30200a7] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.2);
  border: 2px solid rgba(59, 130, 246, 0.4);
  border-radius: 0.5rem;
  color: #E9D5FF;
  font-size: 1.25rem;
  cursor: pointer;
  font-family: inherit;
}
.nav-btn.next[data-v-a30200a7] {
  background: #3B82F6;
  border-color: #2563EB;
  color: white;
}

/* Mensaje completado */
.mensaje-completado[data-v-a30200a7] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(59, 130, 246, 0.2));
  border: 2px solid #10B981;
  border-radius: 0.75rem;
}
.completado-icono[data-v-a30200a7] { font-size: 1.75rem;
}
.completado-texto[data-v-a30200a7] { font-size: 1rem; font-weight: 700; color: #FFFFFF;
}

/* Transiciones */
.slide-enter-active[data-v-a30200a7], .slide-leave-active[data-v-a30200a7] {
  transition: all 0.25s ease;
}
.slide-enter-from[data-v-a30200a7] { opacity: 0; transform: translateX(15px);
}
.slide-leave-to[data-v-a30200a7] { opacity: 0; transform: translateX(-15px);
}

/* Desktop */
@media (min-width: 640px) {
.opciones-factores[data-v-a30200a7] {
    gap: 0.75rem;
}
.btn-factor[data-v-a30200a7] {
    padding: 0.75rem;
}
.controles-grid[data-v-a30200a7] {
    flex-direction: row;
    gap: 1.5rem;
}
.control-item[data-v-a30200a7] {
    flex: 1;
}
}

/* Header del resumen */
.resumen-header[data-v-10b7b8b5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 0.5rem;
}
.resumen-icono[data-v-10b7b8b5] {
  font-size: 1.5rem;
}
.resumen-titulo[data-v-10b7b8b5] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #FFFFFF;
}

/* Cards de resumen */
.resumen-card[data-v-10b7b8b5] {
  margin-bottom: 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.75rem;
  overflow: hidden;
}
.card-header[data-v-10b7b8b5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(59, 130, 246, 0.2);
}
.card-num[data-v-10b7b8b5] {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3B82F6;
  border-radius: 50%;
  font-size: 0.8rem;
  font-weight: 700;
  color: white;
}
.card-titulo[data-v-10b7b8b5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.9rem;
}
.card-contenido[data-v-10b7b8b5] {
  padding: 0.75rem;
}
.card-contenido p[data-v-10b7b8b5] {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.card-contenido p strong[data-v-10b7b8b5] {
  color: #FFFFFF;
}
.unidades[data-v-10b7b8b5] {
  font-size: 0.8rem !important;
}
.unidades strong[data-v-10b7b8b5] {
  color: #FCD34D !important;
}

/* Formula box */
.formula-box[data-v-10b7b8b5] {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: rgba(139, 92, 246, 0.2);
  border-radius: 0.35rem;
  margin-bottom: 0.5rem;
}
.formula-box.destacada[data-v-10b7b8b5] {
  display: block;
  text-align: center;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  margin-bottom: 0.75rem;
}
.formula[data-v-10b7b8b5] {
  font-family: monospace;
  font-size: 1rem;
  font-weight: 700;
  color: #FCD34D;
}

/* Factores resumen */
.factores-resumen[data-v-10b7b8b5] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.factor-mini[data-v-10b7b8b5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem 0.25rem;
  background: rgba(139, 92, 246, 0.1);
  border-radius: 0.4rem;
  text-align: center;
}
.factor-icon[data-v-10b7b8b5] {
  font-size: 1.25rem;
}
.factor-name[data-v-10b7b8b5] {
  font-size: 0.7rem;
  color: #E9D5FF;
  margin: 0.15rem 0;
}
.factor-efecto[data-v-10b7b8b5] {
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}

/* Ley puntos */
.ley-puntos[data-v-10b7b8b5] {
  margin-top: 0.5rem;
}
.ley-puntos p[data-v-10b7b8b5] {
  margin: 0.25rem 0 !important;
  font-size: 0.8rem !important;
}

/* Tips PAES */
.tips-paes[data-v-10b7b8b5] {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.75rem;
}
.tips-titulo[data-v-10b7b8b5] {
  font-weight: 700;
  color: #6EE7B7;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.tips-lista[data-v-10b7b8b5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tip-item[data-v-10b7b8b5] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.tip-num[data-v-10b7b8b5] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6EE7B7;
}
.tip-texto[data-v-10b7b8b5] {
  font-size: 0.8rem;
  color: #E9D5FF;
  line-height: 1.4;
}
.tip-texto strong[data-v-10b7b8b5] {
  color: #6EE7B7;
}

/* Comparación tabla */
.comparacion-section[data-v-10b7b8b5] {
  margin: 1.5rem 0;
}
.comparacion-titulo[data-v-10b7b8b5] {
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
}
.comparacion-tabla[data-v-10b7b8b5] {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.tabla-row[data-v-10b7b8b5] {
  display: flex;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}
.tabla-row[data-v-10b7b8b5]:last-child {
  border-bottom: none;
}
.tabla-row.header[data-v-10b7b8b5] {
  background: rgba(139, 92, 246, 0.2);
}
.tabla-row.header .tabla-col[data-v-10b7b8b5] {
  font-weight: 700;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.tabla-col[data-v-10b7b8b5] {
  flex: 1;
  font-size: 0.75rem;
  color: #E9D5FF;
}
.tabla-col.aumenta[data-v-10b7b8b5] {
  color: #6EE7B7;
  font-weight: 600;
}
.tabla-col.disminuye[data-v-10b7b8b5] {
  color: #FCA5A5;
  font-weight: 600;
}

/* Mensaje final */
.mensaje-final[data-v-10b7b8b5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 0.75rem;
}
.final-icono[data-v-10b7b8b5] {
  font-size: 1.5rem;
}
.final-texto[data-v-10b7b8b5] {
  font-size: 0.9rem;
  color: #E9D5FF;
  line-height: 1.4;
}

/* Desktop */
@media (min-width: 640px) {
.factores-resumen[data-v-10b7b8b5] {
    grid-template-columns: repeat(4, 1fr);
}
.factor-mini[data-v-10b7b8b5] {
    padding: 0.6rem 0.4rem;
}
.tips-lista[data-v-10b7b8b5] {
    gap: 0.4rem;
}
.tip-texto[data-v-10b7b8b5] {
    font-size: 0.85rem;
}
.tabla-col[data-v-10b7b8b5] {
    font-size: 0.8rem;
}
}